: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", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--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{gap:.25rem;display:flex}.lang a{border-radius:var(--radius-ui);color:var(--muted);padding:.25rem .6rem;font-size:.9375rem;text-decoration:none}.lang a[aria-current=true]{color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.header-end{align-items:center;gap:.75rem;display:flex}.account{align-items:center;gap:.5rem;min-width:0;display:flex}.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}@media (max-width:30rem){.header-end{gap:.4rem}.account-name{display:none}}.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-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}.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{--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;justify-items:center;gap:1.25rem;display:grid}@media (prefers-color-scheme:dark){.queens{--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}.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:right;color:var(--muted)}@media (prefers-reduced-motion:reduce){.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}.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){.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)}.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-left: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)}