:root{--ground:#efede7;--paper:#f7f6f2;--ink:#1c1c1e;--indigo:#4a5a9b;--indigo-dk:#36447a;--orange:#e5612a;--orange-lt:#f7d9c9;--indigo-lt:#dfe3f1;--muted:#6d6f78;--line:#4a5a9b;--bad:#c9341a;--veil:#efede7e0;--sans:"Archivo","Helvetica Neue",Arial,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#1c1d23;--paper:#25272f;--ink:#ecebe6;--indigo:#93a0dc;--indigo-dk:#b4bdea;--orange:#ee7a48;--orange-lt:#4a2b1d;--indigo-lt:#363b4f;--muted:#9b9da8;--bad:#ff6f52;--veil:#1c1d23e0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#1c1d23;--paper:#25272f;--ink:#ecebe6;--indigo:#93a0dc;--indigo-dk:#b4bdea;--orange:#ee7a48;--orange-lt:#4a2b1d;--indigo-lt:#363b4f;--muted:#9b9da8;--bad:#ff6f52;--veil:#1c1d23e0;--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}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:28px;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:10px;text-decoration:none;display:flex}.brand:hover h1{color:var(--orange)}.brand:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.logo{flex:none;width:40px;height:40px;display:block}.tagline{cursor:default;-webkit-user-select:none;user-select:none;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);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:.78rem;font-weight:700;display:flex}.tagline .no{color:var(--indigo);font-variant-numeric:tabular-nums;display:inline-block}.tagline:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.tagline .no.tick{animation:.32s cubic-bezier(.2,1.5,.4,1) both lock}.strip{border-top:2px solid var(--indigo);border-bottom:1px solid var(--indigo-lt);letter-spacing:.08em;text-transform:uppercase;color:var(--indigo);align-items:center;gap:18px;padding:10px 0;font-size:.85rem;font-weight:700;display:flex}.strip .no{font-size:inherit;margin:0}.sechead{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.sechead .eyebrow{margin:0}.tabs{gap:14px;display:flex}.tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 0;position:relative}.tabs button:before,.tabs button:after{content:"";pointer-events:none;position:absolute;left:0;right:0}.tabs button:before{opacity:0;--dot:currentColor;background:radial-gradient(circle at 1px 1px,var(--dot) 1px,transparent 1.4px) 0 0/5px 2px repeat-x;height:2px;transition:top .22s cubic-bezier(.2,.8,.3,1),opacity .2s;top:calc(100% - 4px)}.tabs button:after{background:var(--orange);opacity:0;height:2px;transition:opacity .12s;top:calc(100% - 4px)}.tabs button[data-state=started]:before{opacity:1}.tabs button[data-state=solved]:before{--dot:var(--orange);opacity:1;top:calc(50% - 2px)}.tabs button[aria-pressed=true]{color:var(--indigo)}.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(--indigo)}.theme{border:2px solid var(--indigo);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(--indigo) 50%,transparent 50%);border-radius:50%;position:absolute;inset:3px}h1{color:var(--indigo);letter-spacing:-.02em;margin:0;font-size:2.3rem;font-weight:800;line-height:1}.bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button.plain{color:var(--ink);border:2px solid var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:12px 22px;font-size:.95rem;font-weight:700}button.primary{background:var(--orange);color:var(--ground);border:2px solid var(--orange);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:999px;flex:180px;padding:14px 36px;font-size:1.05rem;font-weight:800}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,.seg button:hover{opacity:.85}button.quiet:hover{color:var(--ink)}button:focus-visible{outline:3px solid var(--orange);outline-offset:2px}button.plain:disabled,button.primary:disabled,button.quiet:disabled{opacity:.4;cursor:default}button.quiet:disabled:hover{color:var(--muted)}.timer{font-variant-numeric:tabular-nums;color:var(--indigo);letter-spacing:0;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;gap:7px;margin-left:auto;padding:2px 0;font-family:inherit;font-size:1rem;font-weight:700;display:inline-flex}.timer:before{content:"";background:linear-gradient(90deg,var(--orange) 0 3px,transparent 3px 5px,var(--orange) 5px);flex:none;width:8px;height:11px}.timer.paused:before{background:var(--orange);clip-path:polygon(0 0,100% 50%,0 100%)}.timer.paused{color:var(--muted)}.timer:hover{color:var(--indigo-dk)}.timer.done{cursor:default;color:var(--indigo)}.timer.done:before{display:none}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--indigo);margin-bottom:10px;font-size:.75rem;font-weight:700}.cells{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:10px;display:grid}.cell{aspect-ratio:1;border:2px solid var(--indigo);background:var(--paper);cursor:pointer;font:inherit;color:var(--indigo);border-radius:4px;justify-content:center;align-items:center;transition:transform 80ms;display:flex;position:relative}.cell:active{transform:scale(.96)}.cell.holding{transition:transform .45s ease-in;transform:scale(.92)}.cell,.tabs button,.theme{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cell .name{font-size:1.9rem;font-weight:800;line-height:1}.cell .tf{letter-spacing:.08em;font-size:.72rem;font-weight:700;position:absolute;top:5px;right:7px}.cell .mark{display:none}.cell[data-v=T]{background:var(--indigo);border-color:var(--indigo);color:var(--ground)}.cell[data-v=F]{background:var(--orange);border-color:var(--orange);color:var(--ground)}.cell.wrong{box-shadow:inset 0 0 0 3px var(--bad)}.cell[data-mark]:before,.cell[data-mark]:after{content:"";pointer-events:none;border-style:solid;width:0;height:0;position:absolute;top:-2px;left:-2px}.cell[data-mark]:before{border-width:20px 20px 0 0;border-color:var(--ground) transparent transparent transparent}.cell[data-mark]:after{border-width:0 0 20px 20px;border-color:transparent transparent var(--orange) transparent;filter:drop-shadow(-1px 1px #0000002e)}.cell[data-v=F][data-mark]:after{border-bottom-color:var(--indigo)}.board{flex-direction:column;gap:28px;display:flex;position:relative}.board.paused .cell{background:var(--paper);border-color:var(--indigo);color:#0000;box-shadow:none;transition:color .18s,background-color .18s,border-color .18s}.board.paused .cell:before,.board.paused .cell:after{display:none}.board.paused .clue .f,.board.paused .clue .f .op,.board.paused .clue .n{color:#0000;transition:color .18s}.board.paused .clue .n:after{display:none}.veil{z-index:5;background:var(--veil);font:inherit;color:var(--ink);cursor:pointer;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0;padding:24px;animation:.22s ease-out both veil;display:flex;position:absolute;inset:-6px}@keyframes veil{0%{opacity:0}}.veil-mark{gap:8px;margin-bottom:10px;display:flex}.veil-mark:before,.veil-mark:after{content:"";background:var(--indigo);border-radius:3px;width:14px;height:42px}.veil-title{letter-spacing:-.02em;color:var(--indigo);font-size:1.9rem;font-weight:800;line-height:1}.veil-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:1rem;font-weight:700}.veil-cta{letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-top:12px;font-size:.78rem;font-weight:700}.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(--orange);outline-offset:-3px}.clues{border:2px solid var(--indigo);background:var(--paper);flex-direction:column;display:flex}.clue{border-top:1px solid var(--indigo-lt);grid-template-columns:3.2rem 1fr;display:grid}.clue:first-child{border-top:0}.clue .n{color:var(--indigo);font-variant-numeric:tabular-nums;border-right:1px solid var(--indigo-lt);justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.clue .f{color:var(--ink);padding:12px 16px;font-size:1.2rem;font-weight:700}.clue .f .op{color:var(--indigo);padding:0 .1em;font-weight:500}.clue .d{display:none}.clue.bad .n{color:var(--bad)}.clue.ok .n{color:var(--indigo)}.clue.ok .n:after{content:"";background:var(--orange);border-radius:50%;width:7px;height:7px;margin-left:6px}@keyframes pulse{0%,to{background:0 0}20%,60%{background:var(--orange-lt)}40%,80%{background:0 0}}.clue.pulse{animation:1.2s ease-in-out pulse}.clue.pulse .n{color:var(--bad)}@keyframes lock{0%{transform:scale(1)}45%{transform:scale(1.09)}to{transform:scale(1)}}.cell.lock{animation:.42s cubic-bezier(.2,1.5,.4,1) both lock}@keyframes tick-dot{0%{transform:scale(0)}60%{transform:scale(1.6)}to{transform:scale(1)}}@keyframes tick-row{0%{background:var(--indigo-lt)}to{background:0 0}}.clue.tick{animation:.7s ease-out both tick-row}.clue.tick .n:after{animation:.36s cubic-bezier(.2,1.5,.4,1) both tick-dot}button.primary.done{background:var(--indigo);border-color:var(--indigo);animation:.48s cubic-bezier(.2,1.5,.4,1) both lock}button.primary.done:hover{opacity:1}button.primary.done .therefore{margin-right:.35em;font-size:1.3em;line-height:0;position:relative;top:.08em}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reset-row{margin:-18px 0 -12px;padding-left:4px}.msg{min-height:1.5em;color:var(--indigo);font-weight:700}.msg.bad{color:var(--bad)}.foot{color:var(--muted);border-top:2px solid var(--indigo);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}label.chk{align-items:center;gap:8px;display:flex}.hint{font-size:.8rem}details{color:var(--ink);font-size:.95rem;line-height:1.5}details summary{cursor:pointer;color:var(--orange);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700}details code{color:var(--indigo);font-family:inherit;font-weight:700}.laws-head{margin-bottom:6px}.laws{gap:5px;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.laws li{grid-template-columns:10.5em 1fr;align-items:baseline;gap:4px 12px;display:grid}.laws .law{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}@media (width<=420px){.laws li{grid-template-columns:1fr}}.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 #e5612a}@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}@media (prefers-reduced-motion:reduce){.wrap.arrive{animation:none!important}}.sheet-backdrop{z-index:90;background:#1c1d2373;position:fixed;inset:0}.sheet{background:var(--paper);width:min(100%,520px);color:var(--ink);border-top:2px solid var(--indigo);padding:22px 24px calc(22px + env(safe-area-inset-bottom,0px));z-index:100;border-radius:14px 14px 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{color:var(--orange);font-size:2.2rem;line-height:1}.sheet h2{color:var(--indigo);letter-spacing:-.02em;margin:0;font-size:1.9rem;font-weight:800;line-height:1}.results-stats{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.85rem;font-weight:700;line-height:1.7}.results-stats b{color:var(--indigo)}.results-streak{color:var(--orange);margin:0;font-weight:700}.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:140px}}@media (hover:none),(width<=480px){.tabs button{padding:5px 0}}@media (prefers-reduced-motion:reduce){.cell{transition:none}.clue.pulse{background:var(--orange-lt);animation:none}.cell.lock,.clue.tick,.clue.tick .n:after,button.primary.done,.sheet,.tagline .no.tick,.veil{animation:none}.tabs button:before,.tabs button:after,.board.paused .cell,.board.paused .clue *{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:28px;display:flex}.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:2px solid var(--indigo-lt);font:inherit;cursor:pointer;border-radius:4px;grid-template-columns:56px 1fr auto;align-items:center;gap:16px;padding:14px 16px;transition:border-color .12s,transform 80ms;display:grid}.pick:hover{border-color:var(--indigo)}.pick:active{transform:scale(.99)}.pick svg{width:56px;height:56px;display:block}.pick-name{letter-spacing:-.02em;color:var(--indigo);font-size:1.25rem;font-weight:800;line-height:1.1;display:block}.pick-size{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:.75rem;font-weight:700;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:700;line-height:1.5}.pick-status b{color:var(--orange);font-weight:800;display:block}.pick-status .therefore{margin-right:.3em;font-size:1.3em;line-height:0;position:relative;top:.08em}.pick.going{border-color:var(--indigo)}.pick.going .pick-status b{color:var(--indigo)}.pick.solved{border-color:var(--indigo)}.pick.solved .pick-status b{color:var(--indigo)}.pick.solved .pick-status .therefore{color:var(--orange)}.pick:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.home details{border-top:2px solid var(--indigo);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:.7rem}.pick-tries{display:none}}@media (prefers-reduced-motion:reduce){.pick{transition:none}}
