:root{--papier:#e9eef2;--blatt:#f8fafc;--feld:#fff;--karo:#c5d0db;--tinte:#16233f;--tinte-leise:#4a5878;--marker:#ffd23f;--marker-tinte:#16233f;--falsch:#c8102e;--falsch-grund:#fde8eb;--fokus:#0b61d8;--schrift:"Avenir Next", Avenir, "Segoe UI Variable Display", "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--papier:#0d1525;--blatt:#152037;--feld:#0a111f;--karo:#2e3d5d;--tinte:#eaf0f6;--tinte-leise:#a9b6ce;--marker:#ffd23f;--marker-tinte:#16233f;--falsch:#ff7385;--falsch-grund:#3a1620;--fokus:#8ab8ff}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--schrift);color:var(--tinte);background-color:var(--papier);background-image:linear-gradient(to right, color-mix(in srgb, var(--karo) 55%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--karo) 55%, transparent) 1px, transparent 1px);background-size:22px 22px;margin:0;font-size:1rem;line-height:1.5}.page{max-width:30rem;padding:12px 4px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.masthead{justify-content:space-between;align-items:center;gap:12px;padding:4px 8px 12px;display:flex}.lang select{font:inherit;color:var(--tinte);background:var(--feld);border:2px solid var(--tinte);border-radius:4px;min-height:36px;padding:6px 8px;font-size:.9rem}.lang select:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}.wordmark{letter-spacing:-.02em;color:var(--tinte);background:linear-gradient(to top, var(--marker) 46%, transparent 46%);padding:0 4px;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-block}@media (prefers-color-scheme:dark){.wordmark{color:var(--marker-tinte);background:var(--marker)}}.panel{background:var(--blatt);border:2px solid var(--tinte);border-radius:4px;flex-direction:column;gap:14px;padding:20px 16px;display:flex}.panel-play{gap:12px;padding:14px 0 16px}h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:1.625rem;font-weight:800;line-height:1.15}h2{margin:0;font-size:1.0625rem;font-weight:800;line-height:1.25}p{text-wrap:pretty;max-width:34em;margin:0}.lede{font-size:1.0625rem}.time-inline{font-variant-numeric:tabular-nums;background:var(--marker);color:var(--marker-tinte);padding:0 4px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}.btn{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:4px;min-height:48px;padding:10px 18px;font-weight:700}.btn-primary{background:var(--marker);color:var(--marker-tinte);border:2px solid var(--tinte)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.6;cursor:progress}.btn-quiet{color:var(--tinte);text-underline-offset:3px;background:0 0;border:none;align-self:flex-start;padding-inline:4px;font-weight:600;text-decoration:underline}.btn-go{min-height:64px;font-size:1.5rem;font-weight:800}form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;font-weight:700;display:flex}.field input,.field textarea{font:inherit;color:var(--tinte);background:var(--feld);border:2px solid var(--tinte);border-radius:4px;width:100%;min-height:48px;padding:10px 12px;font-size:1.0625rem;font-weight:400}.choices{border:none;gap:8px;margin:0;padding:0;display:grid}.choices legend{margin-bottom:6px;padding:0;font-weight:700}.choices-games{grid-template-columns:1fr 1fr}.choices-levels{grid-template-columns:repeat(3,1fr)}.choice{border:2px solid var(--karo);background:var(--feld);cursor:pointer;border-radius:4px;flex-direction:column;gap:2px;min-height:56px;padding:10px 10px 12px;display:flex;position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice.is-on{border-color:var(--tinte);box-shadow:inset 0 -6px 0 var(--marker)}.choice:has(input:focus-visible){outline:3px solid var(--fokus);outline-offset:2px}.choice-label{font-weight:700;line-height:1.2}.choice-detail{color:var(--tinte-leise);font-variant-numeric:tabular-nums;font-size:.8125rem;line-height:1.3}.choice.is-on .choice-detail{color:var(--tinte)}.game-icon{width:28px;height:28px;margin-bottom:4px}.game-icon .icon-line{fill:none;stroke:var(--tinte);stroke-width:1.5px}.game-icon .icon-stroke{fill:none;stroke:var(--marker);stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.game-icon .icon-fill{fill:var(--tinte)}.game-icon .icon-sun{fill:var(--marker);stroke:var(--tinte);stroke-width:1.5px}.game-icon .icon-text{fill:var(--tinte);font-size:7.5px;font-weight:800}.problem{color:var(--falsch);font-weight:600}.problem:before{content:"✕ "}.known{border-top:2px solid var(--karo);padding-top:14px}.known ul{margin:8px 0 0;padding:0;list-style:none}.known li{color:var(--tinte-leise);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.known a{color:var(--tinte);text-underline-offset:3px;font-weight:600}.rules{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.coach{border-left:6px solid var(--marker);padding:2px 0 2px 12px}.coach-count{color:var(--tinte-leise);font-variant-numeric:tabular-nums;font-size:.875rem;display:block}.note-wrong{color:var(--falsch);font-weight:600}.clock{justify-content:space-between;align-items:baseline;gap:12px;padding:0 8px;display:flex}.clock-time{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;line-height:1}.clock-detail{color:var(--tinte-leise);text-align:right}.penalty{color:var(--falsch);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800}.race{flex-direction:column;gap:6px;padding:0 8px;display:flex}.lane{grid-template-columns:5.5rem 1fr 5rem;align-items:center;gap:8px;font-size:.875rem;display:grid}.lane-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.lane-track{border:2px solid var(--tinte);background:var(--feld);border-radius:2px;height:16px;display:block;overflow:hidden}.lane-fill{height:100%;transition:width .2s linear;display:block}.lane-me .lane-fill{background:var(--tinte)}.lane-ghost .lane-fill{background:repeating-linear-gradient(135deg, var(--marker) 0 6px, color-mix(in srgb, var(--marker) 60%, var(--marker-tinte)) 6px 8px)}.lane-note{text-align:right;color:var(--tinte-leise);font-variant-numeric:tabular-nums;white-space:nowrap}.race-solo{color:var(--tinte-leise);font-size:.875rem}.board-wrap{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.board{grid-template-columns:var(--clue-w) repeat(var(--size), var(--cell));grid-template-rows:var(--clue-h) repeat(var(--size), var(--cell));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid}.clue{font:inherit;font-size:var(--clue-font);font-variant-numeric:tabular-nums;color:var(--tinte);background:0 0;border:none;gap:4px;margin:0;padding:0;font-weight:700;line-height:1;display:flex}.clue-row{justify-content:flex-end;align-items:center;padding-right:5px}.clue-col{flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:6px}.clue.is-complete{color:var(--tinte-leise);opacity:.6;text-decoration:line-through}.clue.is-lit{background:var(--marker);color:var(--marker-tinte)}.clue.is-pickable{cursor:pointer;background:var(--marker);color:var(--marker-tinte);outline:2px solid var(--tinte);outline-offset:-2px}.cell{appearance:none;border:none;border-right:1px solid var(--karo);border-bottom:1px solid var(--karo);background:var(--feld);color:var(--tinte-leise);font:inherit;font-size:calc(var(--cell) * .6);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:0;place-items:center;margin:0;padding:0;line-height:1;display:grid}.cell.edge-top{border-top:2px solid var(--tinte)}.cell.edge-left{border-left:2px solid var(--tinte)}.cell.edge-right{border-right:2px solid var(--tinte)}.cell.edge-bottom{border-bottom:2px solid var(--tinte)}.cell.is-lit{background:color-mix(in srgb, var(--marker) 45%, var(--feld))}.cell.is-filled{background:var(--tinte);cursor:default}.cell.is-cross{color:var(--tinte-leise)}.cell.is-wrong{background:var(--falsch-grund);color:var(--falsch);box-shadow:inset 0 0 0 2px var(--falsch);cursor:default;font-weight:800}.cell:focus-visible{outline:3px solid var(--fokus);outline-offset:-3px;z-index:1}.board.is-done .cell{cursor:default}.board.is-done .cell.is-cross>span{visibility:hidden}.tools{gap:8px;width:100%;padding:0 8px;display:flex}.mode{border:2px solid var(--tinte);border-radius:4px;flex:1;display:flex;overflow:hidden}.mode button{min-height:48px;font:inherit;color:var(--tinte);background:var(--feld);cursor:pointer;touch-action:manipulation;border:none;flex:1;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.mode button.is-on{background:var(--tinte);color:var(--blatt)}.mode button:focus-visible{outline-offset:-4px}.swatch{border:2px solid;place-items:center;width:18px;height:18px;font-size:16px;line-height:1;display:grid}.swatch-fill{background:currentColor}.hint{min-height:48px;font:inherit;font-variant-numeric:tabular-nums;color:var(--tinte);background:var(--feld);border:2px solid var(--tinte);cursor:pointer;white-space:nowrap;touch-action:manipulation;border-radius:4px;padding:0 12px;font-weight:700}.hint.is-on{background:var(--marker);color:var(--marker-tinte)}.tool-note{align-self:flex-start;padding:0 8px;font-size:.875rem}.sending{flex-direction:column;gap:10px;padding:0 8px;display:flex}.scores{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.scores th,.scores td{text-align:left;border-bottom:2px solid var(--karo);vertical-align:baseline;padding:10px 8px}.scores thead th{color:var(--tinte-leise);border-bottom:2px solid var(--tinte);font-size:.875rem;font-weight:600}.scores tbody th{overflow-wrap:anywhere;font-weight:700}.score-time{font-size:1.375rem;font-weight:800}.row-ghost .score-time{background:linear-gradient(to top, var(--marker) 40%, transparent 40%)}@media (prefers-color-scheme:dark){.row-ghost .score-time{color:var(--marker);background:0 0}}.picture{align-items:center;gap:14px;margin:0;display:flex}.picture-grid{aspect-ratio:1;border:2px solid var(--tinte);background:var(--feld);width:96px;display:grid}.picture-grid .on{background:var(--tinte)}.picture figcaption{font-weight:700}.next{border-top:2px solid var(--tinte);flex-direction:column;gap:8px;padding-top:14px;display:flex}.share{flex-direction:column;gap:10px;display:flex}.share-text{background:var(--feld);border:2px dashed var(--karo);overflow-wrap:anywhere;border-radius:4px;padding:10px 12px}.share-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.fineprint{color:var(--tinte-leise);padding:16px 8px 0;font-size:.8125rem}.fineprint p{background:var(--papier);-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline}@media (min-width:30rem){.page{padding-inline:16px}.panel{padding:28px 24px}.panel-play{padding:20px 8px}h1{font-size:1.875rem}}@media (prefers-reduced-motion:reduce){.lane-fill{transition:none}}.quiet-row,.next-actions,.quit-actions{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.practice-label{color:var(--tinte-leise);font-size:.875rem}.quit{padding:0 8px}.quit-open{border:2px solid var(--tinte);background:var(--feld);border-radius:4px;flex-direction:column;gap:10px;margin:0 8px;padding:12px;display:flex}.tool-wide{flex:1}.hint:disabled{opacity:.45;cursor:default}.pboard{grid-template-columns:repeat(var(--size), var(--cell));grid-template-rows:repeat(var(--size), var(--cell));border:2px solid var(--tinte);background:var(--feld);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid;position:relative}.pcell{appearance:none;border:none;border-right:1px solid var(--karo);border-bottom:1px solid var(--karo);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;margin:0;padding:0}.pcell:focus-visible{outline:3px solid var(--fokus);outline-offset:-3px}.poverlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pline{fill:none;stroke:var(--marker);stroke-width:.5px;stroke-linecap:round;stroke-linejoin:round}.phead{fill:var(--marker);stroke:var(--tinte);stroke-width:.06px}.pnode{fill:var(--tinte)}.pnum{fill:var(--feld);font-variant-numeric:tabular-nums;font-size:.36px;font-weight:800}.pboard.is-done .pcell{cursor:default}.vboard{grid-template-columns:repeat(var(--size), var(--cell));grid-template-rows:repeat(var(--size), var(--cell));-webkit-user-select:none;user-select:none;display:grid}.vcell{appearance:none;border:none;border-right:1px solid var(--karo);border-bottom:1px solid var(--karo);background:var(--feld);color:var(--tinte);font:inherit;font-size:calc(var(--cell) * .5);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:0;place-items:center;margin:0;padding:0;font-weight:500;line-height:1;display:grid;position:relative}.vcell.edge-top{border-top:2px solid var(--tinte)}.vcell.edge-left{border-left:2px solid var(--tinte)}.vcell.edge-right{border-right:2px solid var(--tinte)}.vcell.edge-bottom{border-bottom:2px solid var(--tinte)}.vcell.is-given{background:color-mix(in srgb, var(--karo) 38%, var(--feld));cursor:default;font-weight:800}.vcell.is-same{background:color-mix(in srgb, var(--marker) 50%, var(--feld))}.vcell.is-wrong{background:var(--falsch-grund);color:var(--falsch);box-shadow:inset 0 0 0 2px var(--falsch)}.vcross{color:var(--falsch);font-size:.75rem;font-weight:800;position:absolute;top:2px;right:4px}.vcell:focus-visible{outline:3px solid var(--fokus);outline-offset:-3px;z-index:1}.vboard.is-done .vcell{cursor:default}.glyph-sun circle{fill:var(--marker);stroke:var(--tinte);stroke-width:1.6px}.glyph-sun g{stroke:var(--tinte)}.glyph-moon path{fill:var(--tinte)}.vcell.is-wrong .glyph-sun circle,.vcell.is-wrong .glyph-moon path{fill:var(--falsch)}.vcell.is-wrong .glyph-sun circle,.vcell.is-wrong .glyph-sun g{stroke:var(--falsch)}.palette{gap:6px;width:100%;padding:0 8px;display:flex}.pal{min-height:52px;font:inherit;font-variant-numeric:tabular-nums;color:var(--tinte);background:var(--feld);border:2px solid var(--tinte);cursor:pointer;touch-action:manipulation;border-radius:4px;flex:1;place-items:center;padding:0;font-size:1.375rem;font-weight:800;display:grid}.pal .glyph{width:30px;height:30px}.pal.is-on{background:var(--marker);color:var(--marker-tinte);box-shadow:inset 0 0 0 2px var(--tinte)}.pal.is-on .glyph-moon path{fill:var(--marker-tinte)}.pal.is-on .glyph-sun circle{fill:var(--feld)}.pal.is-on .glyph-sun circle,.pal.is-on .glyph-sun g{stroke:var(--marker-tinte)}.pal.is-complete{opacity:.45;text-decoration:line-through}.hint,.pal,.mode button,.choice{-webkit-tap-highlight-color:transparent}