:root{--ground:#f4f4f6;--paper:#fbfbfc;--ink:#20222b;--tile:#20222b;--tile-ink:#f4f4f6;--blue:#1f3fd6;--blue-dk:#182fa3;--blue-lt:#dfe4fb;--line:#1f3fd680;--line-soft:#1f3fd638;--muted:#6b6e7c;--bad:#d2381f;--bad-lt:#f8d9d2;--on-blue:#fff;--veil:#f4f4f6d1;--sans:"Space Grotesk","Helvetica Neue",Arial,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#14151b;--paper:#1d1f27;--ink:#ececf1;--tile:#ececf1;--tile-ink:#14151b;--blue:#7b93ff;--blue-dk:#a3b3ff;--blue-lt:#2a3360;--line:#7b93ff80;--line-soft:#7b93ff38;--muted:#9a9db0;--bad:#ff6b52;--bad-lt:#4a2419;--on-blue:#14151b;--veil:#14151bd1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#14151b;--paper:#1d1f27;--ink:#ececf1;--tile:#ececf1;--tile-ink:#14151b;--blue:#7b93ff;--blue-dk:#a3b3ff;--blue-lt:#2a3360;--line:#7b93ff80;--line-soft:#7b93ff38;--muted:#9a9db0;--bad:#ff6b52;--bad-lt:#4a2419;--on-blue:#14151b;--veil:#14151bd1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--ground)}body{background:var(--ground);color:var(--ink);font-family:var(--sans);padding-block:env(safe-area-inset-top,0px) calc(48px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0;font-size:17px;line-height:1.4;overflow-x:hidden}.wrap{flex-direction:column;gap:24px;max-width:600px;margin:0 auto;display:flex}header{justify-content:space-between;align-items:center;gap:16px;padding:28px 0 0;display:flex}.brand{color:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:12px;text-decoration:none;display:flex}.brand:hover h1{color:var(--blue)}.brand:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.logo{flex:none;width:40px;height:40px;display:block}h1{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:2.3rem;font-weight:700;line-height:1}.tagline{cursor:default;-webkit-user-select:none;user-select:none;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);text-align:right;background:0 0;border:0;flex-direction:column;align-items:flex-end;gap:3px;margin:0;padding:0;font-family:inherit;font-size:.74rem;font-weight:600;display:flex}.tagline .no{color:var(--muted);font-variant-numeric:tabular-nums;display:inline-block}.tagline:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.tagline .no.tick{animation:.32s cubic-bezier(.2,1.5,.4,1) both lock}.strip{border-top:1.5px solid var(--blue);border-bottom:1px solid var(--line-soft);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);align-items:center;gap:18px;padding:10px 0;font-size:.85rem;font-weight:600;display:flex}.tabs{gap:14px;display:flex}.tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 0 6px;position:relative}.tabs button:before,.tabs button:after{content:"";opacity:0;pointer-events:none;height:2px;position:absolute;top:calc(100% - 4px);left:0;right:0}.tabs button:before{background:repeating-linear-gradient(90deg,var(--line) 0 4px,transparent 4px 7px);transition:top .22s cubic-bezier(.2,.8,.3,1),opacity .2s}.tabs button:after{background:var(--blue);transition:opacity .12s}.tabs button[data-state=started]:before{opacity:1}.tabs button[data-state=solved]:before{background:var(--blue);opacity:1;top:calc(50% - 3px)}.tabs button[aria-pressed=true]{color:var(--ink)}.tabs button[aria-pressed=true]:before{opacity:0;top:calc(100% - 4px)}.tabs button[aria-pressed=true]:after{opacity:1}.tabs button:hover{color:var(--ink)}.theme{border:1.5px solid var(--blue);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:26px;height:26px;padding:0;position:relative}.theme:after{content:"";background:linear-gradient(90deg,var(--blue) 50%,transparent 50%);border-radius:50%;position:absolute;inset:3px}.timer{font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-left:auto;padding:2px 0;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.timer:before{content:"";background:linear-gradient(90deg,var(--blue) 0 3px,transparent 3px 6px,var(--blue) 6px);flex:none;width:9px;height:11px}.timer.paused:before{background:var(--blue);clip-path:polygon(0 0,100% 50%,0 100%)}.timer.paused{color:var(--muted)}.timer:hover{color:var(--blue)}.timer.done{cursor:default;color:var(--ink)}.timer.done:before{display:none}.sechead{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.sechead .eyebrow{margin:0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:10px;font-size:.74rem;font-weight:600}.field{--n:5;--pad:.75;aspect-ratio:1;-webkit-user-select:none;user-select:none;width:100%;max-width:540px;margin:0 auto;position:relative;overflow:hidden}@media (width<=600px){.field{width:100vw;max-width:none;margin-left:calc(50% - 50vw)}}.lines{width:100%;height:100%;display:block;position:absolute;inset:0}.lines line{stroke:var(--line-soft);stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke .15s,stroke-width .15s}.lines line.diag{stroke:var(--line)}.lines line.diag.active{stroke:var(--blue);stroke-width:2px}.lines line.frame{stroke:var(--blue);stroke-width:1.5px}.board{left:calc(var(--pad) / (var(--n) + 2 * var(--pad)) * 100%);top:calc(var(--pad) / (var(--n) + 2 * var(--pad)) * 100%);width:calc(var(--n) / (var(--n) + 2 * var(--pad)) * 100%);height:calc(var(--n) / (var(--n) + 2 * var(--pad)) * 100%);touch-action:none;position:absolute;overflow:hidden}.tile{width:calc(100% / var(--n));height:calc(100% / var(--n));font:inherit;color:var(--tile-ink);cursor:grab;will-change:transform;font-weight:600;font-size:clamp(1.1rem,calc(var(--cell) * .46),3rem);text-transform:uppercase;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:flex;position:absolute;top:0;left:0}.tile:before{content:"";background:var(--tile);z-index:-1;transition:background .12s;position:absolute;inset:1.5px}.tile{z-index:1;isolation:isolate}.tile:focus-visible{outline:none}.tile:focus-visible:before{box-shadow:inset 0 0 0 3px var(--blue)}.tile.sel{color:var(--ink)}.tile.sel:before{background:var(--blue-lt);box-shadow:inset 0 0 0 2px var(--blue)}.tile.on{color:var(--on-blue);z-index:3}.tile.on:before{background:var(--blue)}.tile.ghost{pointer-events:none}.tile.locked{cursor:default}.tile.locked:after{content:"";background:var(--blue);width:6px;height:6px;position:absolute;top:5px;right:5px}.board.settle .tile{transition:transform .17s cubic-bezier(.2,.8,.3,1)}.board.dragging .tile{cursor:grabbing}.tile.bad:before{animation:.9s ease-in-out badflash}@keyframes badflash{0%,to{background:var(--tile)}25%,65%{background:var(--bad)}}@keyframes lock{0%{transform:scale(1)}45%{transform:scale(1.09)}to{transform:scale(1)}}.tile.lock{animation:.42s cubic-bezier(.2,1.5,.4,1) both lockin}.tile.lock:before{background:var(--blue)}.tile.lock{color:var(--on-blue)}@keyframes lockin{0%{scale:1}45%{scale:1.08}to{scale:1}}.tile.nudge{animation:.3s ease-in-out nudge}@keyframes nudge{0%,to{translate:0}30%{translate:2px -2px}60%{translate:-2px 2px}}.tile{transition:color .18s}.field.paused .tile{color:#0000}.veil{z-index:5;background:var(--veil);width:100%;font:inherit;color:var(--ink);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0;padding:0;animation:.22s ease-out both veil;display:flex;position:absolute;inset:0}@keyframes veil{0%{opacity:0}}.veil-mark{gap:7px;margin-bottom:8px;display:flex}.veil-mark:before,.veil-mark:after{content:"";background:var(--tile);width:13px;height:40px}.veil-title{letter-spacing:-.03em;font-size:1.9rem;font-weight:700;line-height:1}.veil-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:1.05rem;font-weight:600}.veil-cta{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-top:12px;font-size:.78rem;font-weight:600}.veil-verb:before{content:"Tap"}@media (hover:hover) and (pointer:fine){.veil-verb:before{content:"Click"}}.veil:hover .veil-cta{text-underline-offset:3px;text-decoration:underline}.veil:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.rowmarks{top:calc(var(--pad) / (var(--n) + 2 * var(--pad)) * 100%);height:calc(var(--n) / (var(--n) + 2 * var(--pad)) * 100%);left:calc((var(--pad) + var(--n)) / (var(--n) + 2 * var(--pad)) * 100%);width:calc(var(--pad) / (var(--n) + 2 * var(--pad)) * 100%);flex-direction:column;display:flex;position:absolute}.rowmark{flex:1;justify-content:center;align-items:center;display:flex}.rowmark:after{content:"";background:0 0;border-radius:50%;width:8px;height:8px;transform:scale(0)}.rowmark.ok:after{background:var(--blue);transition:transform .2s cubic-bezier(.2,1.5,.4,1);transform:scale(1)}.rowmark.bad:after{background:var(--bad);border-radius:0;width:10px;height:3px;transform:scale(1)}button.plain{color:var(--ink);border:1.5px solid var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:12px 22px;font-size:.95rem;font-weight:600}button.primary{background:var(--ink);color:var(--ground);border:1.5px solid var(--ink);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:4px;flex:180px;padding:14px 36px;font-size:1.05rem;font-weight:700}button.quiet{font:inherit;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:.85rem;text-decoration:underline}button.plain:hover,button.primary:hover{opacity:.85}button.quiet:hover{color:var(--ink)}button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}button:disabled{opacity:.45;cursor:default}button.primary.done{background:var(--blue);border-color:var(--blue);color:var(--on-blue);animation:.48s cubic-bezier(.2,1.5,.4,1) both lock}button.primary.done:hover{opacity:1}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.msg{min-height:1.5em;color:var(--blue);font-weight:600}.msg.bad{color:var(--bad)}.foot{color:var(--muted);border-top:1.5px solid var(--blue);flex-direction:column;gap:14px;padding-top:16px;font-size:.85rem;display:flex}.tools{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.tools .eyebrow{color:var(--muted);margin:0}.hint{font-variant-numeric:tabular-nums;font-size:.8rem}details{color:var(--ink);font-size:.95rem;line-height:1.5}details summary{cursor:pointer;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:600}details b{color:var(--blue)}.wrap{will-change:transform}.drawer{z-index:300;color:#efede7;padding:18px 20px calc(22px + env(safe-area-inset-bottom,0px));will-change:transform;background:#1c1d23;border-radius:18px 18px 0 0;flex-direction:column;align-items:center;gap:14px;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 30px #00000040}.drawer-title{letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin:0;font-size:.7rem;font-weight:700}.drawer-row{flex-wrap:wrap;justify-content:center;gap:16px clamp(12px,4vw,28px);display:flex}.drawer-game{color:inherit;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:8px;font-size:.85rem;font-weight:700;text-decoration:none;display:flex}.drawer-mark svg{border-radius:14px;width:56px;height:56px;display:block;box-shadow:0 6px 18px #0000004d}.drawer-game[aria-current]{opacity:.4}.drawer-game:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #7b93ff}@media (width<=420px){.drawer-mark svg{border-radius:12px;width:46px;height:46px}.drawer-game{font-size:.72rem}}.drawer-catcher{z-index:299;position:fixed;inset:0}@keyframes arrive{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.wrap.arrive{animation:.32s cubic-bezier(.2,.9,.3,1) both arrive}.sheet-backdrop{z-index:90;background:#14151b73;position:fixed;inset:0}.sheet{background:var(--paper);width:min(100%,520px);color:var(--ink);border-top:1.5px solid var(--blue);padding:22px 24px calc(22px + env(safe-area-inset-bottom,0px));z-index:100;border-radius:10px 10px 0 0;flex-direction:column;gap:12px;animation:.24s cubic-bezier(.2,1,.3,1) rise;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.sheet-head{align-items:center;gap:12px;display:flex}.sheet-mark{background:var(--blue);width:22px;height:22px;transform:skew(-20deg)}.sheet h2{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:1.9rem;font-weight:700;line-height:1}.results-words{letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin:0;font-size:.95rem;font-weight:600;line-height:1.6}.results-stats{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.85rem;font-weight:600;line-height:1.7}.results-stats b{color:var(--ink)}.results-streak{color:var(--blue);margin:0;font-weight:600}.results-streak:empty{display:none}.results-row{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.results-row button.plain{flex:140px}.sheet button.quiet{align-self:center}@media (width<=480px){.strip{flex-wrap:wrap;gap:10px 16px}.tagline{max-width:150px}}@media (prefers-reduced-motion:reduce){.board.settle .tile{transition:none}.tile.bad:before,.tile.lock,.tile.nudge,button.primary.done,.sheet,.tagline .no.tick,.wrap.arrive,.veil{animation:none!important}.tile.bad:before{background:var(--bad)}.tabs button:before,.tabs button:after{transition:none}}.tools,#meta{display:none}body.dev .tools{display:flex}body.dev #meta{display:block}.strip-home{color:var(--muted);letter-spacing:.08em;margin-right:auto}#game{flex-direction:column;gap:24px;display:flex}#game[hidden]{display:none}.home{flex-direction:column;gap:20px;display:flex}.intro{color:var(--muted);max-width:46ch;margin:0;font-size:1rem;line-height:1.5}.picks{flex-direction:column;gap:10px;display:flex}.pick{text-align:left;background:var(--paper);width:100%;color:var(--ink);border:1.5px solid var(--line-soft);font:inherit;cursor:pointer;border-radius:6px;grid-template-columns:56px 1fr auto;align-items:center;gap:16px;padding:14px 16px;transition:border-color .12s,transform .12s;display:grid}.pick:hover{border-color:var(--blue)}.pick:active{transform:scale(.995)}.pick svg{width:56px;height:56px;display:block}.pick-name{letter-spacing:-.02em;font-size:1.25rem;font-weight:700;line-height:1.1;display:block}.pick-size{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:.78rem;font-weight:600;display:block}.pick-status{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem;font-weight:600;line-height:1.5}.pick-status b{color:var(--blue);font-weight:700;display:block}.pick.solved{border-color:var(--blue)}.pick.solved .pick-status b:before{content:"";background:var(--blue);vertical-align:1px;width:7px;height:7px;margin-right:7px;display:inline-block}.pick.going .pick-status b{color:var(--ink)}.pick:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.home details{border-top:1px solid var(--line-soft);padding-top:14px}.nb{white-space:nowrap}@media (width<=480px){.pick{grid-template-columns:44px 1fr auto;gap:12px;padding:12px 14px}.pick svg{width:44px;height:44px}.pick-name{font-size:1.1rem}.pick-size{letter-spacing:.06em;font-size:.72rem}.pick-tries{display:none}}