:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3f5ff;--surface:#fff;--ink:#16183a;--muted:#565a84;--line:#d9ddf4;--cobalt:#3246f0;--cobalt-ink:#fff;--sun:#ffc83d;--sun-ink:#2b2100;--mint:#138a5a;--radius-tile:14px;--radius-ui:10px;--font:"Bricolage Grotesque", var(--font-script,ui-sans-serif), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#101129;--surface:#1a1c3d;--ink:#eef0ff;--muted:#a6aad0;--line:#2d305c;--cobalt:#8a96ff;--cobalt-ink:#0c0e2a;--sun:#ffd45c;--sun-ink:#2b2100;--mint:#4fd69c}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#101129;--surface:#1a1c3d;--ink:#eef0ff;--muted:#a6aad0;--line:#2d305c;--cobalt:#8a96ff;--cobalt-ink:#0c0e2a;--sun:#ffd45c;--sun-ink:#2b2100;--mint:#4fd69c}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-optical-sizing:auto;margin:0;font-size:1.0625rem;line-height:1.55}h1,h2{letter-spacing:-.02em;margin:0;line-height:1.1}h1{font-size:clamp(2rem,6vw,3.25rem);font-weight:800}h2{font-size:1.375rem;font-weight:700}p{margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:4px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header,.site-main{width:min(100% - 2.5rem,46rem);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.25rem;display:flex}.wordmark{letter-spacing:-.04em;color:var(--cobalt);font-size:1.75rem;font-weight:800;text-decoration:none}.lang{position:relative}.lang summary{border-radius:var(--radius-ui);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.9375rem;list-style:none;display:flex}.lang summary::-webkit-details-marker{display:none}.lang summary:after{content:"";border:.28rem solid #0000;border-top-color:var(--muted);border-bottom-width:0}.lang summary:hover,.lang[open] summary{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.lang-menu{top:calc(100% + .35rem);z-index:20;overscroll-behavior:contain;background:var(--surface);border-radius:var(--radius-ui);min-width:11rem;max-height:min(70vh,30rem);box-shadow:inset 0 0 0 1px var(--line), 0 .75rem 2rem #10112924;margin:0;padding:.3rem;list-style:none;display:grid;position:absolute;inset-inline-end:0;overflow-y:auto}.lang-menu a{border-radius:calc(var(--radius-ui) - 3px);color:var(--ink);padding:.45rem .65rem;font-size:.9375rem;text-decoration:none;display:block}.lang-menu a:hover{background:var(--paper)}.lang-menu a[aria-current=true]{color:var(--cobalt);font-weight:600}.theme-toggle{border-radius:var(--radius-ui);width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.theme-toggle:hover{color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.theme-toggle:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}.theme-icon{width:1.25rem;height:1.25rem}.theme-moon{fill:currentColor}.theme-sun{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;display:none}.theme-sun circle{fill:currentColor;stroke:none}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .theme-sun{display:block}:where(:root:not([data-theme=light])) .theme-moon{display:none}}:where(:root[data-theme=dark]) .theme-sun{display:block}:where(:root[data-theme=dark]) .theme-moon{display:none}.header-end{align-items:center;gap:.75rem;display:flex}.account{align-items:center;gap:.5rem;min-width:0;display:flex}.account-profile{min-width:0;color:var(--ink);align-items:center;gap:.5rem;text-decoration:none;display:flex}.account-profile:hover .account-name{text-decoration:underline}.account-avatar{background:var(--cobalt);width:2.1rem;height:2.1rem;color:var(--cobalt-ink);border-radius:50%;flex:none;place-items:center;font-size:.95rem;font-weight:800;line-height:1;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;font-size:.9375rem;font-weight:700;overflow:hidden}.account-link{border-radius:var(--radius-ui);box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:.25rem .7rem;font-size:.9375rem;font-weight:600;text-decoration:none}.account-link:hover{background:var(--surface)}.account-link:disabled{opacity:.5;cursor:default}.lang-code{display:none}@media (max-width:30rem){.header-end{gap:.4rem}.account-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.account-signout{display:none}.lang summary{padding-inline:.5rem}.lang-full{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lang-code{display:inline}}.signin{gap:1.25rem;max-width:26rem;padding-block:2.5rem 4rem;display:grid}.signin-intro{color:var(--muted)}.signin-buttons{gap:.75rem;margin-top:.5rem;display:grid}.signin-button{background:var(--surface);min-height:3.25rem;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);gap:.65rem}.signin-button:hover{background:color-mix(in srgb, var(--surface) 92%, var(--ink))}.signin-button.is-apple{background:var(--ink);color:var(--paper);box-shadow:none}.signin-button.is-apple:hover{background:color-mix(in srgb, var(--ink) 88%, var(--paper))}.signin-button:disabled{opacity:.6;cursor:progress}.signin-error{color:#c2361f;font-weight:600}.site-main{padding-bottom:4rem}.hero{grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;padding-block:2rem 2.5rem;display:grid}.date-tile{aspect-ratio:1;background:var(--sun);width:7rem;color:var(--sun-ink);border-radius:var(--radius-tile);box-shadow:0 6px 0 color-mix(in srgb, var(--sun) 55%, #000);align-content:center;place-items:center;display:grid;transform:rotate(-3deg)}.date-day{letter-spacing:-.04em;font-size:3.25rem;font-weight:800;line-height:1}.date-month{font-size:.9375rem;font-weight:600}.hero-sub{color:var(--muted);max-width:34rem;margin-top:.6rem}.game-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.game-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding-block:1.25rem;display:grid}.game-mark{aspect-ratio:1;border-radius:var(--radius-tile);background:var(--cobalt);width:3.25rem;color:var(--cobalt-ink);place-items:center;font-size:1.5rem;font-weight:800;display:grid}.game-thumb{flex:none;width:4rem;height:4rem;overflow:visible}.thumb-frame{fill:none;stroke-width:3px}.queens-thumb .thumb-frame,.queens-thumb .thumb-edges{stroke:var(--region-edge)}.queens-thumb .thumb-edges{fill:none;stroke-width:1.6px}.queens-thumb .thumb-queen{fill:var(--region-ink)}.frostfire-thumb .thumb-frame{stroke:var(--ff-edge)}.frostfire-thumb .thumb-cells{fill:var(--ff-cell)}.frostfire-thumb .thumb-grid{stroke:color-mix(in srgb, var(--ink) 18%, transparent)}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .game-thumb .thumb-frame{stroke:color-mix(in srgb, var(--ink) 35%, transparent)}}:where(:root[data-theme=dark]) .game-thumb .thumb-frame{stroke:color-mix(in srgb, var(--ink) 35%, transparent)}.frostfire-thumb .thumb-link circle{fill:var(--surface);stroke:var(--ink);stroke-width:1px}.frostfire-thumb .thumb-link path{stroke:var(--ink);stroke-width:1px}.threadline-thumb .thumb-frame{stroke:var(--tl-edge)}.threadline-thumb .thumb-cells{fill:var(--tl-cell)}.threadline-thumb .thumb-grid{stroke:color-mix(in srgb, var(--ink) 18%, transparent)}.threadline-thumb .thumb-wall{stroke:var(--tl-wall);stroke-width:2.4px;stroke-linecap:round}.threadline-thumb .thumb-line{fill:none;stroke:var(--tl-line);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.threadline-thumb .thumb-checkpoint circle{fill:var(--tl-dot)}.threadline-thumb .thumb-checkpoint text{fill:var(--tl-dot-ink);font-family:var(--font);text-anchor:middle;font-size:6px;font-weight:800}.sudoku-thumb .thumb-frame{stroke:var(--sd-edge)}.sudoku-thumb .thumb-cells{fill:var(--sd-cell)}.sudoku-thumb .thumb-selected{fill:var(--sd-selected)}.sudoku-thumb .thumb-grid{stroke:var(--sd-line)}.sudoku-thumb .thumb-boxes{stroke:var(--sd-box);stroke-width:2px}.sudoku-thumb text{font-family:var(--font);text-anchor:middle;font-size:9px}.sudoku-thumb .thumb-given{fill:var(--ink);font-weight:800}.sudoku-thumb .thumb-digit{fill:var(--sd-entry);font-weight:700}.game-text h2 a{text-decoration:none}.game-text h2 a:hover{text-underline-offset:.15em;text-decoration:underline}.game-text p{color:var(--muted);margin-top:.15rem;font-size:.9375rem}@media (max-width:560px){.hero{grid-template-columns:1fr}.date-tile{width:5.5rem}.date-day{font-size:2.5rem}.game-row{grid-template-columns:auto 1fr}.game-row .button{grid-column:1/-1;justify-self:start}}.button{border-radius:var(--radius-ui);background:var(--cobalt);min-height:2.75rem;color:var(--cobalt-ink);font:inherit;cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;padding:.5rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{background:color-mix(in srgb, var(--cobalt) 88%, var(--ink))}.button:active{transform:translateY(1px)}.button-big{min-height:3.5rem;padding-inline:2.25rem;font-size:1.25rem}.status{color:var(--muted);padding-block:2rem}.status .button{margin-top:1rem}.note{color:var(--muted);font-size:.9375rem}.game-header{padding-block:2rem 1.5rem}.game-header p{color:var(--muted);max-width:36rem;margin-top:.5rem}.ready{justify-items:start;gap:1rem;padding-block:1rem;display:grid}.ready.has-preview{background:var(--surface);border-radius:var(--radius-tile);box-shadow:inset 0 0 0 1px var(--line);place-items:center;padding:1.5rem;position:relative;overflow:hidden}.ready-preview,.ready-overlay{grid-area:1/1}.ready-preview{aspect-ratio:1;opacity:.32;width:min(100%,24rem);-webkit-mask-image:radial-gradient(circle,#0000 0 24%,#000 68%);mask-image:radial-gradient(circle,#0000 0 24%,#000 68%)}.ready-preview .game-thumb{width:100%;height:100%}.ready-preview .thumb-frame{stroke:none}.ready-preview .thumb-grid,.ready-preview .thumb-edges{stroke-width:.4px}.ready-preview .thumb-boxes,.ready-preview .thumb-wall{stroke-width:.9px}.ready-overlay{z-index:1;text-align:center;justify-items:center;gap:.75rem;max-width:18rem;display:grid}.ready-overlay .note{margin:0}.playing{background:var(--surface);border-radius:var(--radius-tile);box-shadow:inset 0 0 0 1px var(--line);gap:1.5rem;padding:1.5rem;display:grid}.stopwatch{font-variant-numeric:tabular-nums;color:var(--muted);justify-self:end;font-weight:600}.stopwatch.is-stopped{color:var(--ink)}.playing.is-finished{pointer-events:none}.qs{gap:2rem;display:grid}.qs-progress{gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.qs-progress li{background:var(--line);border-radius:999px;flex:1;height:.5rem}.qs-progress li.is-done{background:var(--cobalt)}.qs-progress li.is-current{background:var(--sun)}.qs-problem{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;font-size:clamp(2rem,9vw,3.5rem);font-weight:800;display:flex}.tile{text-align:center;background:var(--sun);min-width:2.2em;color:var(--sun-ink);border-radius:var(--radius-tile);box-shadow:0 5px 0 color-mix(in srgb, var(--sun) 55%, #000);padding:.2em .35em}.qs-op{color:var(--muted)}.qs-answer{justify-content:center;gap:.75rem;display:flex}.qs-input{border:2px solid var(--line);border-radius:var(--radius-ui);background:var(--paper);width:9rem;min-height:3.5rem;color:var(--ink);font:inherit;text-align:center;font-variant-numeric:tabular-nums;padding:.25rem .75rem;font-size:1.75rem;font-weight:700}.qs-input:focus-visible{border-color:var(--cobalt);outline:none}.qs-answer .button{min-height:3.5rem}.queens,.queens-thumb{--region-0:#f6a97f;--region-1:#b4dc9c;--region-2:#9cbff7;--region-3:#e7ef8d;--region-4:#bfa8e4;--region-5:#f58f80;--region-6:#dcdbe3;--region-7:#85e3df;--region-8:#f3a6df;--region-9:#d8bd93;--region-ink:#1b1d3a;--region-edge:#1b1d3a}.queens{justify-items:center;gap:1.25rem;display:grid}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .queens,:where(:root:not([data-theme=light])) .queens-thumb{--region-0:#d28a63;--region-1:#93bb7d;--region-2:#7d9fd6;--region-3:#c3cb6d;--region-4:#9f89c4;--region-5:#d47263;--region-6:#b6b5c2;--region-7:#66c2be;--region-8:#d087bd;--region-9:#b79d74;--region-edge:#070816}}:where(:root[data-theme=dark]) .queens,:where(:root[data-theme=dark]) .queens-thumb{--region-0:#d28a63;--region-1:#93bb7d;--region-2:#7d9fd6;--region-3:#c3cb6d;--region-4:#9f89c4;--region-5:#d47263;--region-6:#b6b5c2;--region-7:#66c2be;--region-8:#d087bd;--region-9:#b79d74;--region-edge:#070816}.queens-rules{justify-self:start;max-width:32rem;margin:0}.queens-rules.is-solved{color:var(--ink);font-weight:700;animation:.42s cubic-bezier(.3,1.5,.5,1) backwards queens-pop}.queens-grid{aspect-ratio:1;border:3px solid var(--region-edge);width:min(100%,30rem);box-shadow:0 6px 0 color-mix(in srgb, var(--region-edge) 28%, transparent);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;transition:box-shadow .4s ease-out;display:grid;overflow:hidden}.queens-cell{border:0;border-right:1px solid color-mix(in srgb, var(--region-edge) 22%, transparent);border-bottom:1px solid color-mix(in srgb, var(--region-edge) 22%, transparent);min-width:0;color:var(--region-ink);font:inherit;cursor:inherit;-webkit-tap-highlight-color:transparent;place-items:center;padding:0;transition:filter .12s ease-out,box-shadow .12s ease-out;display:grid;position:relative}.queens-cell>*{transition:transform .11s ease-out}.queens-cell.edge-r{border-right:2.5px solid var(--region-edge)}.queens-cell.edge-b{border-bottom:2.5px solid var(--region-edge)}@media (hover:hover){.queens-cell:hover{filter:brightness(1.08)saturate(1.08);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--region-edge) 30%, transparent)}.queens-cell:hover>*{transform:scale(1.08)}}.queens-cell.is-pressed{filter:brightness(.9);box-shadow:inset 0 3px 8px color-mix(in srgb, var(--region-edge) 40%, transparent);transition-duration:40ms}.queens-cell.is-pressed>*{transition-duration:40ms;transform:scale(.82)}.queens-cell:focus-visible{outline:3px solid var(--cobalt);outline-offset:-3px}.queens-cell.is-conflict{background-image:repeating-linear-gradient(-45deg,#d8243b4d 0 4px,#0000 4px 8px)!important}.queens-mark{aspect-ratio:1;fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;opacity:.5;width:32%;height:auto;animation:.14s ease-out backwards queens-mark-in}.queens-piece{place-items:center;width:100%;height:100%;display:grid}.queens-queen{aspect-ratio:1;fill:currentColor;width:62%;height:auto;filter:drop-shadow(0 1.5px 0 color-mix(in srgb, var(--region-edge) 35%, transparent));animation:.28s cubic-bezier(.3,1.6,.5,1) backwards queens-pop}.queens-cell.is-conflict .queens-piece{animation:.36s ease-in-out queens-shake}.queens-cell.is-conflict .queens-queen{fill:#c01a30}.queens-grid.is-solved{cursor:default;box-shadow:0 6px 0 color-mix(in srgb, var(--region-edge) 28%, transparent), 0 0 0 5px var(--sun), 0 12px 40px color-mix(in srgb, var(--sun) 50%, transparent)}.queens-grid.is-solved .queens-cell{animation:queens-glow .65s ease-out calc((var(--row) + var(--col)) * 35ms) backwards}.queens-grid.is-solved .queens-piece{animation:queens-jump .52s cubic-bezier(.3, 1.4, .5, 1) calc(var(--row) * 70ms + .15s) backwards}@keyframes queens-pop{0%{opacity:0;transform:scale(.2)rotate(-14deg)}60%{opacity:1;transform:scale(1.18)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes queens-mark-in{0%{opacity:0;transform:scale(.3)}}@keyframes queens-shake{0%,to{transform:translate(0)}20%{transform:translate(-12%)rotate(-8deg)}40%{transform:translate(10%)rotate(7deg)}60%{transform:translate(-6%)rotate(-4deg)}80%{transform:translate(4%)rotate(2deg)}}@keyframes queens-glow{0%,to{filter:brightness()}35%{filter:brightness(1.3)saturate(1.2)}}@keyframes queens-jump{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-22%)scale(1.22)}}@media (prefers-reduced-motion:reduce){.queens *,.queens :before{transition:none!important;animation:none!important}}.queens-actions{flex-wrap:wrap;align-items:center;gap:.75rem;width:min(100%,30rem);display:flex}.queens-actions .note{flex-basis:100%;margin:0}.frostfire,.frostfire-thumb{--ff-cell:var(--surface);--ff-given:color-mix(in srgb, var(--line) 70%, var(--surface));--ff-edge:var(--ink);--ff-fire:#ffc83d;--ff-fire-line:#c98a00;--ff-fire-core:#ff8a1f;--ff-ice:#3246f0;--ff-bad:#d8243b}.frostfire{justify-items:center;gap:1.25rem;display:grid}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .frostfire,:where(:root:not([data-theme=light])) .frostfire-thumb{--ff-edge:#070816;--ff-ice:#8a96ff;--ff-bad:#ff5a6e}}:where(:root[data-theme=dark]) .frostfire,:where(:root[data-theme=dark]) .frostfire-thumb{--ff-edge:#070816;--ff-ice:#8a96ff;--ff-bad:#ff5a6e}.frostfire-rules{justify-self:start;max-width:32rem;margin:0}.frostfire-rules.is-solved{font-weight:700;animation:.42s cubic-bezier(.3,1.5,.5,1) backwards queens-pop}.frostfire-board{aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:min(100%,30rem);position:relative}.frostfire-grid{border:3px solid var(--ff-edge);background:var(--ff-cell);width:100%;height:100%;box-shadow:0 6px 0 color-mix(in srgb, var(--ff-edge) 28%, transparent);border-radius:8px;transition:box-shadow .4s ease-out;display:grid;overflow:hidden}.frostfire-cell{border:0;border-right:1px solid color-mix(in srgb, var(--ink) 18%, transparent);border-bottom:1px solid color-mix(in srgb, var(--ink) 18%, transparent);background:var(--ff-cell);min-width:0;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;place-items:center;padding:0;transition:background-color .12s ease-out,box-shadow .12s ease-out;display:grid}.frostfire-cell>*{transition:transform .11s ease-out}.frostfire-cell.is-given{background:var(--ff-given);cursor:default}@media (hover:hover){.frostfire-cell:not(.is-given):hover{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ff-edge) 25%, transparent)}}.frostfire-cell.is-pressed{box-shadow:inset 0 3px 8px color-mix(in srgb, var(--ff-edge) 30%, transparent);transition-duration:40ms}.frostfire-cell.is-pressed>*{transition-duration:40ms;transform:scale(.82)}.frostfire-cell:focus-visible{outline:3px solid var(--cobalt);outline-offset:-3px}.frostfire-cell.is-conflict{background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--ff-bad) 28%, transparent) 0 4px, transparent 4px 8px)}.frostfire-cell.is-conflict .frostfire-piece{animation:.36s ease-in-out queens-shake}.frostfire-cell.is-hinted{box-shadow:inset 0 0 0 3px var(--cobalt);animation:1.2s ease-in-out infinite frostfire-hint}.frostfire-piece{place-items:center;width:100%;height:100%;display:grid}.frostfire-piece svg{aspect-ratio:1;width:64%;height:auto;animation:.26s cubic-bezier(.3,1.6,.5,1) backwards queens-pop}.frostfire-fire .flame{fill:var(--ff-fire);stroke:var(--ff-fire-line);stroke-width:1px;stroke-linejoin:round}.frostfire-fire .core{fill:var(--ff-fire-core)}.frostfire-ice{fill:none;stroke:var(--ff-ice);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.frostfire-ice path{stroke-width:1.6px}.frostfire-link{width:calc(100% / var(--size) * .28);aspect-ratio:1;background:var(--surface);max-width:1.2rem;box-shadow:0 0 0 1.5px var(--ff-edge);color:var(--ff-edge);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.frostfire-link svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:70%;height:70%}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .frostfire-link{color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}}:where(:root[data-theme=dark]) .frostfire-link{color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}.frostfire-link.is-broken{background:var(--ff-bad);color:#fff;box-shadow:0 0 0 1.5px var(--ff-bad)}.frostfire-hint{border-radius:var(--radius-ui);background:color-mix(in srgb, var(--cobalt) 12%, transparent);width:min(100%,30rem);margin:0;padding:.75rem 1rem;animation:.16s ease-out backwards queens-mark-in}.frostfire-board.is-solved .frostfire-grid{box-shadow:0 6px 0 color-mix(in srgb, var(--ff-edge) 28%, transparent), 0 0 0 5px var(--sun), 0 12px 40px color-mix(in srgb, var(--sun) 50%, transparent)}.frostfire-board.is-solved .frostfire-cell{cursor:default}.frostfire-board.is-solved .frostfire-piece{animation:queens-jump .52s cubic-bezier(.3, 1.4, .5, 1) calc((var(--row) + var(--col)) * 45ms) backwards}@keyframes frostfire-hint{50%{box-shadow:inset 0 0 0 5px color-mix(in srgb, var(--cobalt) 55%, transparent)}}@media (prefers-reduced-motion:reduce){.frostfire *,.frostfire :before{transition:none!important;animation:none!important}}.frostfire-actions{flex-wrap:wrap;align-items:center;gap:.75rem;width:min(100%,30rem);display:flex}.frostfire-actions .note{flex-basis:100%;margin:0}.threadline,.threadline-thumb{--tl-cell:var(--surface);--tl-edge:var(--ink);--tl-wall:var(--ink);--tl-line:var(--cobalt);--tl-trail:color-mix(in srgb, var(--cobalt) 14%, var(--surface));--tl-dot:var(--ink);--tl-dot-ink:var(--surface)}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .threadline,:where(:root:not([data-theme=light])) .threadline-thumb{--tl-edge:#070816;--tl-trail:color-mix(in srgb, var(--cobalt) 22%, var(--surface))}}:where(:root[data-theme=dark]) .threadline,:where(:root[data-theme=dark]) .threadline-thumb{--tl-edge:#070816;--tl-trail:color-mix(in srgb, var(--cobalt) 22%, var(--surface))}.threadline{justify-items:center;gap:1.25rem;display:grid}.threadline-rules{justify-self:start;max-width:32rem;margin:0}.threadline-rules.is-solved{font-weight:700;animation:.42s cubic-bezier(.3,1.5,.5,1) backwards queens-pop}.threadline-board{aspect-ratio:1;border:3px solid var(--tl-edge);background:var(--tl-cell);width:min(100%,30rem);box-shadow:0 6px 0 color-mix(in srgb, var(--tl-edge) 28%, transparent);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:8px;transition:box-shadow .4s ease-out;position:relative;overflow:hidden}.threadline-board:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}.threadline-grid{width:100%;height:100%;display:grid}.threadline-cell{border-right:1px solid color-mix(in srgb, var(--ink) 16%, transparent);border-bottom:1px solid color-mix(in srgb, var(--ink) 16%, transparent);transition:background-color .12s ease-out}.threadline-cell.is-path{background:var(--tl-trail)}.threadline-cell.is-hinted{box-shadow:inset 0 0 0 3px var(--cobalt);animation:1.2s ease-in-out infinite frostfire-hint}.threadline-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.threadline-wall{stroke:var(--tl-wall);stroke-width:.11px;stroke-linecap:round}.threadline-line{fill:none;stroke:var(--tl-line);stroke-width:.36px;stroke-linecap:round;stroke-linejoin:round}.threadline-dot{fill:var(--tl-line)}.threadline-checkpoint circle{fill:var(--tl-dot);transition:fill .15s ease-out}.threadline-checkpoint text{fill:var(--tl-dot-ink);font-family:var(--font);text-anchor:middle;font-size:.32px;font-weight:800}.threadline-checkpoint.is-reached circle{fill:var(--tl-line)}.threadline-hint{border-radius:var(--radius-ui);background:color-mix(in srgb, var(--cobalt) 12%, transparent);width:min(100%,30rem);margin:0;padding:.75rem 1rem}.threadline-board.is-solved{cursor:default;box-shadow:0 6px 0 color-mix(in srgb, var(--tl-edge) 28%, transparent), 0 0 0 5px var(--sun), 0 12px 40px color-mix(in srgb, var(--sun) 50%, transparent)}.threadline-board.is-solved .threadline-cell{animation:queens-glow .65s ease-out calc(var(--step) * 18ms) backwards}.threadline-board.is-solved .threadline-line{animation:.7s ease-out threadline-pulse}@keyframes threadline-pulse{40%{stroke-width:.5px}}@media (prefers-reduced-motion:reduce){.threadline *,.threadline :before{transition:none!important;animation:none!important}}.threadline-actions{flex-wrap:wrap;align-items:center;gap:.75rem;width:min(100%,30rem);display:flex}.threadline-actions .note{flex-basis:100%;margin:0}.sudoku,.sudoku-thumb{--sd-cell:var(--surface);--sd-edge:var(--ink);--sd-box:var(--ink);--sd-line:color-mix(in srgb, var(--ink) 16%, transparent);--sd-peer:color-mix(in srgb, var(--cobalt) 8%, var(--surface));--sd-same:color-mix(in srgb, var(--cobalt) 22%, var(--surface));--sd-selected:color-mix(in srgb, var(--sun) 55%, var(--surface));--sd-entry:var(--cobalt);--sd-bad:#d8243b}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .sudoku,:where(:root:not([data-theme=light])) .sudoku-thumb{--sd-edge:#070816;--sd-selected:color-mix(in srgb, var(--cobalt) 38%, var(--surface));--sd-bad:#ff5a6e}}:where(:root[data-theme=dark]) .sudoku,:where(:root[data-theme=dark]) .sudoku-thumb{--sd-edge:#070816;--sd-selected:color-mix(in srgb, var(--cobalt) 38%, var(--surface));--sd-bad:#ff5a6e}.sudoku{justify-items:center;gap:1.1rem;display:grid}.sudoku-rules{justify-self:start;max-width:32rem;margin:0}.sudoku-rules.is-solved{font-weight:700;animation:.42s cubic-bezier(.3,1.5,.5,1) backwards queens-pop}.sudoku-grid{aspect-ratio:1;border:3px solid var(--sd-edge);background:var(--sd-cell);width:min(100%,30rem);box-shadow:0 6px 0 color-mix(in srgb, var(--sd-edge) 28%, transparent);border-radius:8px;transition:box-shadow .4s ease-out;display:grid;overflow:hidden;container-type:inline-size}.sudoku-cell{border:0;border-right:1px solid var(--sd-line);border-bottom:1px solid var(--sd-line);background:var(--sd-cell);min-width:0;min-height:0;color:var(--sd-entry);font:inherit;font-size:calc(100cqi / var(--size) * .56);cursor:pointer;-webkit-tap-highlight-color:transparent;place-items:center;padding:0;font-weight:700;line-height:1;transition:background-color .1s ease-out;display:grid;position:relative}.sudoku-cell.edge-r{border-right:2.5px solid var(--sd-box)}.sudoku-cell.edge-b{border-bottom:2.5px solid var(--sd-box)}.sudoku-cell.is-peer{background:var(--sd-peer)}.sudoku-cell.is-same{background:var(--sd-same)}.sudoku-cell.is-selected{background:var(--sd-selected)}.sudoku-cell.is-given{color:var(--ink);font-weight:800}.sudoku-cell.is-conflict{color:var(--sd-bad);background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--sd-bad) 22%, transparent) 0 4px, transparent 4px 8px)}.sudoku-cell.is-hinted{box-shadow:inset 0 0 0 3px var(--cobalt);animation:1.2s ease-in-out infinite frostfire-hint}.sudoku-cell:focus-visible{outline:3px solid var(--cobalt);outline-offset:-3px}.sudoku-value{animation:.14s ease-out backwards queens-mark-in}.sudoku-notes{width:100%;height:100%;color:var(--muted);font-size:calc(100cqi / var(--size) * .27);padding:4%;font-weight:600;display:grid}.sudoku-notes>span{place-items:center;display:grid}.sudoku-hint{border-radius:var(--radius-ui);background:color-mix(in srgb, var(--cobalt) 12%, transparent);width:min(100%,30rem);margin:0;padding:.75rem 1rem}.sudoku-pad{grid-template-columns:repeat(var(--count), minmax(0, 1fr));gap:.35rem;width:min(100%,30rem);display:grid}.sudoku-key{border-radius:var(--radius-ui);background:var(--surface);min-height:3rem;box-shadow:inset 0 0 0 1.5px var(--line), 0 3px 0 var(--line);color:var(--ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;padding:0;font-size:1.35rem;font-weight:800}.sudoku-key:active{box-shadow:inset 0 0 0 1.5px var(--line);transform:translateY(2px)}.sudoku-key.is-done{color:var(--muted);opacity:.45}.sudoku-key:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}.sudoku-grid.is-solved{box-shadow:0 6px 0 color-mix(in srgb, var(--sd-edge) 28%, transparent), 0 0 0 5px var(--sun), 0 12px 40px color-mix(in srgb, var(--sun) 50%, transparent)}.sudoku-grid.is-solved .sudoku-cell{cursor:default;animation:queens-glow .65s ease-out calc((var(--row) + var(--col)) * 30ms) backwards}@media (prefers-reduced-motion:reduce){.sudoku *,.sudoku :before{transition:none!important;animation:none!important}}.sudoku-actions{flex-wrap:wrap;align-items:center;gap:.75rem;width:min(100%,30rem);display:flex}.sudoku-actions .note{flex-basis:100%;margin:0}.inkspill,.inkspill-thumb{--is-edge:var(--ink)}:is(.inkspill,.inkspill-thumb) .ink-0{--fill:#3246f0;--sym:#ffffffb8}:is(.inkspill,.inkspill-thumb) .ink-1{--fill:#ffc83d;--sym:#2b21008c}:is(.inkspill,.inkspill-thumb) .ink-2{--fill:#ef5a4f;--sym:#ffffffc7}:is(.inkspill,.inkspill-thumb) .ink-3{--fill:#1fa971;--sym:#ffffffc7}:is(.inkspill,.inkspill-thumb) .ink-4{--fill:#9a55e0;--sym:#ffffffc7}:is(.inkspill,.inkspill-thumb) .ink-5{--fill:#3bb8e8;--sym:#08283c8c}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .inkspill,:where(:root:not([data-theme=light])) .inkspill-thumb{--is-edge:#070816}}:where(:root[data-theme=dark]) .inkspill,:where(:root[data-theme=dark]) .inkspill-thumb{--is-edge:#070816}.inkspill-thumb .thumb-frame{stroke:var(--is-edge)}.inkspill-thumb rect[class^=ink-]{fill:var(--fill)}.inkspill{justify-items:center;gap:1.25rem;display:grid}.inkspill-rules{justify-self:start;max-width:32rem;margin:0}.inkspill-rules.is-solved{font-weight:700;animation:.42s cubic-bezier(.3,1.5,.5,1) backwards queens-pop}.inkspill-board{aspect-ratio:1;border:3px solid var(--is-edge);width:min(100%,30rem);box-shadow:0 6px 0 color-mix(in srgb, var(--is-edge) 28%, transparent);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:8px;transition:box-shadow .4s ease-out;display:grid;overflow:hidden}.inkspill-board:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}.inkspill-cell{background:var(--fill);min-width:0;min-height:0;transition:background-color .22s ease-out calc(var(--d,0) * 16ms);place-items:center;display:grid}.ink-sym{width:46%;height:46%;fill:var(--sym)}.inkspill-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:min(100%,30rem);display:flex}.inkspill-moves{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.inkspill-moves.is-out{border-radius:var(--radius-ui);background:var(--sun);color:var(--sun-ink);padding:.15rem .6rem}.inkspill-palette{flex:18rem;justify-content:flex-end;gap:.5rem;display:flex}.inkspill-key{aspect-ratio:1;border-radius:var(--radius-ui);background:var(--fill);min-width:2.5rem;box-shadow:0 3px 0 color-mix(in srgb, var(--fill) 55%, #000);cursor:pointer;border:0;flex:0 3rem;place-items:center;padding:0;transition:transform 80ms ease-out,opacity .15s ease-out;display:grid}.inkspill-key .ink-sym{width:52%;height:52%}.inkspill-key:active:not(:disabled){box-shadow:0 1px 0 color-mix(in srgb, var(--fill) 55%, #000);transform:translateY(2px)}.inkspill-key:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}.inkspill-key:disabled{opacity:.3;box-shadow:none;cursor:default}.inkspill-key.is-current:disabled{opacity:.75;box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--ink)}.inkspill-key.is-hinted{outline:3px solid var(--cobalt);outline-offset:3px;animation:.9s ease-in-out infinite queens-jump}.inkspill-hint{border-radius:var(--radius-ui);background:color-mix(in srgb, var(--cobalt) 12%, transparent);width:min(100%,30rem);margin:0;padding:.75rem 1rem}.inkspill-board.is-solved{cursor:default;box-shadow:0 6px 0 color-mix(in srgb, var(--is-edge) 28%, transparent), 0 0 0 5px var(--sun), 0 12px 40px color-mix(in srgb, var(--sun) 50%, transparent)}.inkspill-board.is-solved .inkspill-cell{animation:queens-glow .65s ease-out calc(var(--d,0) * 20ms) backwards}@media (prefers-reduced-motion:reduce){.inkspill *,.inkspill :before{transition:none!important;animation:none!important}}.inkspill-actions{flex-wrap:wrap;align-items:center;gap:.75rem;width:min(100%,30rem);display:flex}.inkspill-actions .note{flex-basis:100%;margin:0}.button-quiet{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.button-quiet:hover{background:color-mix(in srgb, var(--line) 50%, transparent)}.button-quiet:disabled{opacity:.45;cursor:default}.finished{gap:2.5rem;display:grid}.result{background:var(--surface);border-radius:var(--radius-tile);box-shadow:inset 0 0 0 1px var(--line);gap:1rem;padding:1.5rem;display:grid}.result h2{color:var(--muted);font-size:1.0625rem;font-weight:600}.result-rank{letter-spacing:-.03em;font-size:clamp(2.25rem,8vw,3.5rem);font-weight:800;line-height:1}.result-stats{gap:2rem;margin:0;display:flex}.result-stats dt{color:var(--muted);font-size:.9375rem}.result-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem;font-weight:700}.result-actions{align-items:center;gap:1rem;display:flex}.board h2{margin-bottom:1rem}.board-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.board-list li{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:2.5rem 1fr auto 4.5rem;align-items:baseline;gap:.75rem;padding:.6rem .5rem;display:grid}.board-list.is-time-only li{grid-template-columns:2.5rem 1fr 4.5rem}.board-list li.is-you{background:color-mix(in srgb, var(--sun) 28%, transparent);border-radius:6px}.board-rank{font-weight:700}.board-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-you{color:var(--muted)}.board-score{font-weight:700}.board-time{text-align:end;color:var(--muted)}.embed-page{align-content:start;gap:1.25rem;max-width:34rem;min-height:40rem;margin:0 auto;padding:1rem;display:grid}.embed-bar{flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;display:flex}.embed-bar .wordmark{font-size:1.5rem}.embed-title{flex:1;font-weight:700}.embed-foot{border-top:1px solid var(--line);text-align:center;padding-top:.75rem;font-size:.9375rem}.embed-foot a{color:var(--cobalt);font-weight:600}.claim-failed{justify-items:start;gap:1rem;display:grid}.claim-failed h1{margin:0}.embed-code-page{gap:1.5rem;display:grid}.embed-builder{gap:1rem;display:grid}.embed-builder h2{margin:.5rem 0 0;font-size:1.25rem}.embed-options{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.embed-options label,.embed-code{gap:.35rem;font-weight:600;display:grid}.embed-options select{border:1px solid var(--line);border-radius:var(--radius-ui);background:var(--surface);color:var(--ink);font:inherit;padding:.55rem .7rem;font-weight:500}.embed-code textarea{border:1px solid var(--line);border-radius:var(--radius-ui);background:var(--surface);width:100%;color:var(--ink);resize:vertical;padding:.75rem;font:.8125rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.embed-preview{border:1px dashed var(--line);border-radius:var(--radius-ui);background:var(--paper);width:100%;max-width:520px;margin:0 auto;display:block}.embed-notes h2{font-size:1.25rem}.embed-notes ul{gap:.4rem;margin:0;padding-inline-start:1.25rem;display:grid}.howto-dialog h2{margin:0;padding-inline-end:2.5rem;font-size:1.25rem}.howto-dialog .howto-close{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink);top:.85rem}.howto-dialog .howto-close:hover{background:color-mix(in srgb, var(--ink) 16%, transparent)}.howto-stage{place-items:center;min-height:15.5rem;display:grid}.howto-stage .demo-board{cursor:default;width:min(100%,15rem)}.demo-board .queens-mark{opacity:.75;width:40%}.howto-stage .demo-svg{width:min(100%,15rem);height:auto;overflow:visible}.demo-svg .thumb-frame{stroke-width:1.4px;transition:stroke .3s ease-out}.demo-svg .thumb-grid{stroke-width:.4px}.demo-svg .thumb-boxes{stroke-width:1px}.demo-svg .thumb-wall{stroke-width:1.8px}.demo-svg.is-solved .thumb-frame{stroke:var(--sun);stroke-width:2.6px}.demo-svg.is-solved{filter:drop-shadow(0 6px 14px color-mix(in srgb, var(--sun) 45%, transparent))}.demo-dim{fill:var(--surface);opacity:.7}.demo-bad{fill:#d8243b38;stroke:#d8243b;stroke-width:1.2px}.demo-pulse{animation:1s ease-in-out infinite demo-pulse}@keyframes demo-pulse{50%{stroke:#d8243b;stroke-width:3px}}.threadline-thumb .demo-trail{fill:var(--tl-trail)}.threadline-thumb .thumb-checkpoint.is-reached circle{fill:var(--tl-line)}.demo-draw{stroke-dasharray:1;animation:.9s ease-out backwards demo-draw}@keyframes demo-draw{0%{stroke-dashoffset:1px}}.sudoku-thumb .demo-note{fill:var(--muted);font-size:4.5px;font-weight:600}.demo-pop{transform-box:fill-box;transform-origin:50%;animation:.28s cubic-bezier(.3,1.6,.5,1) backwards queens-pop}.howto-stage .inkspill{gap:1rem}.demo-palette{flex:none;justify-content:center}.demo-ring{animation:1.2s ease-in-out infinite demo-ring}@keyframes demo-ring{50%{box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--surface) 85%, transparent)}}@media (prefers-reduced-motion:reduce){.howto-stage *,.howto-stage :before{transition:none!important;animation:none!important}}.demo-board .is-dim{opacity:.3}.demo-board>*{transition:opacity .3s ease-out}.howto-caption{text-align:center;text-wrap:balance;min-height:3lh;margin:0;font-weight:600}.howto-nav{align-items:center;gap:.5rem;display:flex}.howto-dots{flex:1;gap:.35rem;display:flex}.howto-dots span{background:var(--line);border-radius:999px;width:.5rem;height:.5rem;transition:width .2s ease-out,background-color .2s ease-out}.howto-dots .is-on{background:var(--cobalt);width:1.25rem}.howto-open{justify-self:start;margin-top:.25rem}.text-button{color:var(--cobalt);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.result-card-open{justify-self:start}.share-card{border-radius:var(--radius-tile);color:#fff;background:#3246f0;gap:.15rem;padding:1.25rem 1.35rem 1rem;display:grid}.share-card p{margin:0}.share-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.share-card-game{letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1.1}.share-card-day{color:#ffc83d}.share-card-tiles{flex:none;grid-template-columns:repeat(3,.85rem);gap:.2rem;display:grid}.share-card-tiles span{aspect-ratio:1;background:#ffffff2e;border-radius:3px}.share-card-tiles .is-on{background:#ffc83d}.share-card-date,.share-card-meta{color:#dfe3ff;font-size:.9375rem}.share-card-time{color:#ffc83d;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(3rem,14vw,4.25rem);font-weight:800;line-height:1;margin-top:.9rem!important}.share-card-score{font-weight:600}.share-card-rank{font-weight:600;margin-top:.35rem!important}.share-card-top-percent{color:#ffc83d}.share-card-foot{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.share-card-brand{font-size:.9375rem;font-weight:800}.result-dialog{border-radius:calc(var(--radius-tile) + 4px);background:var(--surface);width:min(26rem,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);border:0;padding:0;box-shadow:0 1.5rem 4rem #0a0c2859}.result-dialog::backdrop{background:#0a0c288c}.result-dialog[open]{animation:.22s cubic-bezier(.2,.9,.3,1.2) dialog-in}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}.result-dialog-body{gap:1rem;padding:1rem;display:grid;position:relative}.result-dialog-close{top:1.35rem;z-index:1;color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:50%;place-items:center;width:2rem;height:2rem;padding:0;display:grid;position:absolute;inset-inline-end:1.35rem}.result-dialog-close:hover{background:#ffffff47}.result-dialog-close svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;width:1rem;height:1rem}.result-dialog .share-card-tiles{margin-inline-end:2.5rem}.share-actions .button{flex:1}.share-actions .note:empty{display:none}.share-actions{flex-wrap:wrap;gap:.6rem}.today-games h2{margin-bottom:.5rem;font-size:1.0625rem}.today-games .note{margin:0 0 .5rem}.today-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.today-list li{border-bottom:1px solid var(--line)}.today-link{color:inherit;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.55rem .25rem;text-decoration:none;display:grid}.today-link:hover .today-title{text-decoration:underline}.today-link .game-thumb,.today-link .game-mark{width:2.5rem;height:2.5rem}.today-link .game-mark{font-size:1rem}.today-title{font-weight:700}.today-status{color:var(--cobalt);font-size:.9375rem;font-weight:700}.today-list .is-done .today-status{color:var(--mint);font-variant-numeric:tabular-nums;font-weight:600}.today-list .is-done .today-title{color:var(--muted)}.result-dialog-foot{flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin:0;font-size:.9375rem;display:flex}.share-page{gap:1.25rem;max-width:28rem;margin-inline:auto;padding-block:1rem 2rem;display:grid}.share-page-lead{color:var(--muted);margin:0}.game-text .game-status{color:var(--mint);font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-size:.9375rem;font-weight:600}.game-text .game-status.is-started{color:var(--muted)}@media (prefers-reduced-motion:reduce){.result-dialog[open]{animation:none}.button:active{transform:none}}.crumb{color:var(--muted);margin:0 0 .5rem;font-size:.9375rem}.crumb a{color:inherit}.level-size{color:var(--muted);font-weight:600}.levels{gap:1rem;display:grid}.levels .note{margin:0}.level-grid{grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:.75rem;margin:0;padding:0 0 .5rem;list-style:none;display:grid}.level-tile{aspect-ratio:1;border-radius:var(--radius-tile);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line), 0 4px 0 var(--line);align-content:center;justify-items:center;gap:.15rem;text-decoration:none;transition:transform .12s ease-out,box-shadow .12s ease-out;display:grid}.level-no{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;line-height:1}.level-meta{min-height:1.1rem;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}a.level-tile:hover{box-shadow:inset 0 0 0 1.5px var(--cobalt), 0 6px 0 var(--line);transform:translateY(-2px)}a.level-tile:active{box-shadow:inset 0 0 0 1.5px var(--cobalt), 0 1px 0 var(--line);transition-duration:40ms;transform:translateY(3px)}a.level-tile:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}.level-tile.is-done{background:var(--cobalt);color:var(--cobalt-ink);box-shadow:0 4px 0 color-mix(in srgb, var(--cobalt) 55%, #000)}.level-tile.is-done .level-meta{color:color-mix(in srgb, var(--cobalt-ink) 80%, transparent)}a.level-tile.is-done:hover{box-shadow:0 6px 0 color-mix(in srgb, var(--cobalt) 55%, #000)}.level-tile.is-current{background:var(--sun);color:var(--sun-ink);box-shadow:0 5px 0 color-mix(in srgb, var(--sun) 55%, #000)}.level-tile.is-current .level-meta{color:color-mix(in srgb, var(--sun-ink) 70%, transparent)}a.level-tile.is-current:hover{box-shadow:0 7px 0 color-mix(in srgb, var(--sun) 55%, #000)}.level-tile.is-locked{color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--line);opacity:.6;background:0 0}.level-lock{fill:currentColor;stroke:currentColor;width:.9rem;height:.9rem}.levels-cta{border-top:1px solid var(--line);justify-items:start;gap:.75rem;margin-top:3rem;padding-top:2rem;display:grid}.levels-cta p{color:var(--muted);max-width:36rem;margin:0}.game-guide{border-top:1px solid var(--line);max-width:40rem;margin-top:3rem;padding-top:2rem}.game-guide h3{color:var(--ink);margin:2rem 0 .75rem;font-size:1.125rem;font-weight:700}.game-guide p,.game-guide li,.game-faq dd{color:var(--muted);line-height:1.55}.game-guide p{margin:.75rem 0 0}.game-guide ul{gap:.5rem;margin:0;padding-inline-start:1.25rem;display:grid}.game-faq{gap:1.25rem;margin:0;display:grid}.game-faq dt{color:var(--ink);font-weight:700}.game-faq dd{margin:.25rem 0 0}.level-result h2{color:var(--ink);letter-spacing:-.02em;font-size:clamp(1.6rem,6vw,2.25rem);font-weight:800}.level-result .result-actions{flex-wrap:wrap}.level-badge{background:var(--sun);color:var(--sun-ink);border-radius:999px;justify-self:start;margin:0;padding:.3rem .75rem;font-size:.9375rem;font-weight:700}@media (prefers-reduced-motion:reduce){.level-tile{transition:none}a.level-tile:hover,a.level-tile:active{transform:none}}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .signin-error{color:#ff8f78}}:where(:root[data-theme=dark]) .signin-error{color:#ff8f78}.site-footer{border-top:1px solid var(--line);width:min(100% - 2.5rem,46rem);color:var(--muted);flex-wrap:wrap;gap:.5rem 1.25rem;margin-inline:auto;padding-block:1.5rem 2.5rem;font-size:.875rem;display:flex}.site-footer a{color:inherit}.site-footer a:hover{color:var(--ink)}.footer-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.footer-link:hover{color:var(--ink)}.consent{z-index:10;border-top:1px solid var(--line);background:var(--surface);box-shadow:0 -6px 20px color-mix(in srgb, var(--ink) 8%, transparent);position:sticky;bottom:0}.consent-inner{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;width:min(100% - 2.5rem,46rem);margin-inline:auto;padding-block:.9rem;display:flex}.consent p{flex:22rem;margin:0;font-size:.9375rem}.consent-actions{gap:.75rem;display:flex}@media (max-width:30rem){.consent-actions{width:100%}.consent-actions .button{flex:1}}.legal{gap:.9rem;max-width:40rem;padding-block:2.5rem 1rem;display:grid}.legal h2{margin-top:1.25rem}.legal h3{margin:.5rem 0 0;font-size:1.0625rem}.legal ul{gap:.4rem;margin:0;padding-inline-start:1.25rem;display:grid}.legal code{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;padding:.05em .35em;font-size:.9em}.legal a{color:var(--cobalt)}.profile{gap:2.5rem;padding-block:2rem 1rem;display:grid}.profile-header{gap:.4rem;display:grid}.profile-header h1{overflow-wrap:anywhere}.profile-signout{display:none}@media (max-width:30rem){.profile-signout{display:inline-flex}}.profile-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;display:flex}.profile-stats,.profile-settings{gap:2.25rem;display:grid}.profile-stats section,.profile-settings section{gap:.9rem;display:grid}.profile-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;display:grid}.profile-numbers div{gap:.15rem;display:grid}.profile-numbers dt{color:var(--muted);font-size:.9375rem}.profile-numbers dd{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,5vw,2rem);font-weight:800;line-height:1.1}.profile-days{grid-template-columns:repeat(7,minmax(0,2.25rem));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.profile-days li{aspect-ratio:1;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:8px}.profile-days li.is-played{background:var(--sun);box-shadow:none}.profile-days li:last-child{outline:2px solid var(--cobalt);outline-offset:2px}.profile-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.profile-table th,.profile-table td{border-bottom:1px solid var(--line);text-align:start;padding:.6rem .5rem}.profile-table th:first-child,.profile-table td:first-child{padding-inline-start:0}.profile-table thead th{color:var(--muted);font-size:.875rem;font-weight:600}.profile-table tbody th{font-weight:700}.profile-table a,.profile-row a:not(.button){color:inherit}.profile-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.profile-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-block:.6rem;display:flex}.profile-progress{align-items:center;gap:.75rem;display:flex}.profile-progress progress{appearance:none;background:var(--line);border:0;border-radius:99px;width:8rem;height:.5rem;overflow:hidden}.profile-progress progress::-webkit-progress-bar{background:var(--line)}.profile-progress progress::-webkit-progress-value{background:var(--cobalt);border-radius:99px}.profile-progress progress::-moz-progress-bar{background:var(--cobalt);border-radius:99px}.profile-name{gap:.5rem;display:grid}.profile-name label{font-weight:600}.profile-name-row{gap:.5rem;display:flex}.text-input{border-radius:var(--radius-ui);background:var(--surface);min-width:0;min-height:2.75rem;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);font:inherit;border:0;flex:1;padding:.5rem .8rem}.text-input:focus-visible{box-shadow:inset 0 0 0 2px var(--cobalt);outline:none}.text-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px #c2361f}.button:disabled{opacity:.45;cursor:default}.form-error{color:#c2361f;font-size:.9375rem;font-weight:600}.button-danger{color:#fff;background:#c2361f}.button-danger:hover{background:#a42c18}.button-danger-quiet{color:#c2361f;background:0 0;justify-self:start;box-shadow:inset 0 0 0 1.5px #c2361f73}.button-danger-quiet:hover{background:#c2361f14}.profile-delete{border-radius:var(--radius-ui);gap:.75rem;padding:1rem;display:grid;box-shadow:inset 0 0 0 1.5px #c2361f73}.checkbox{align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.checkbox input{accent-color:#c2361f;width:1.1rem;height:1.1rem}.profile-actions{flex-wrap:wrap;gap:.5rem;display:flex}.link-button{color:var(--cobalt);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.account-name{color:inherit;text-decoration:none}.account-name:hover{text-decoration:underline}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .form-error,:where(:root:not([data-theme=light])) .button-danger-quiet{color:#ff8f78}:where(:root:not([data-theme=light])) .text-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px #ff8f78}}:where(:root[data-theme=dark]) .form-error,:where(:root[data-theme=dark]) .button-danger-quiet{color:#ff8f78}:where(:root[data-theme=dark]) .text-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px #ff8f78}@media (max-width:30rem){.profile-table th:nth-child(4),.profile-table td:nth-child(4){display:none}}.notice{border-radius:var(--radius-ui);background:color-mix(in srgb, var(--sun) 35%, var(--surface));color:var(--ink);justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:.5rem;padding:.85rem 1rem;display:flex}.notice-close{width:1.75rem;height:1.75rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:99px;flex:none;font-size:1.25rem;line-height:1}.notice-close:hover{background:color-mix(in srgb, var(--ink) 10%, transparent)}.signin-prompt{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-top:1.25rem;padding-top:1rem;display:flex}.stars{gap:.1rem;display:inline-flex}.stars svg{fill:var(--line)}.stars svg.is-on{fill:var(--sun)}.stars-small svg{width:.8rem;height:.8rem}.stars-big{gap:.35rem}.stars-big svg{width:2.5rem;height:2.5rem}.stars-big svg.is-on{animation:.42s cubic-bezier(.34,1.56,.64,1) both star-pop}.stars-big svg.is-on:nth-child(2){animation-delay:.14s}.stars-big svg.is-on:nth-child(3){animation-delay:.28s}@keyframes star-pop{0%{opacity:0;transform:scale(.3)rotate(-25deg)}}@media (prefers-reduced-motion:reduce){.stars-big svg.is-on{animation:none}}.unlimited-pick{justify-items:start;gap:1.5rem;display:grid}.variant-picker{border:0;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem;width:100%;margin:0;padding:0;display:grid}.variant-picker legend{margin-bottom:.6rem;padding:0;font-weight:700}.variant-option{border-radius:var(--radius-tile);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;gap:.1rem;padding:.7rem .8rem;display:grid;position:relative}.variant-option:hover{box-shadow:inset 0 0 0 1.5px var(--cobalt)}.variant-option.is-selected{background:var(--sun);color:var(--sun-ink);box-shadow:none}.variant-option input{opacity:0;pointer-events:none;position:absolute}.variant-option:has(input:focus-visible){outline:3px solid var(--cobalt);outline-offset:2px}.variant-label{font-size:1.25rem;font-weight:800}.variant-meta{font-variant-numeric:tabular-nums;opacity:.75;font-size:.8125rem}.unlimited-playing{gap:1rem;display:grid}.levels-unlimited{margin-top:1.5rem}.level-tile.is-done .stars svg{fill:color-mix(in srgb, var(--cobalt-ink) 30%, transparent)}.level-tile.is-done .stars svg.is-on{fill:var(--sun)}