@font-face{font-family:Geist Pixel Square;src:url(/fonts/GeistPixel-Square.woff2) format("woff2");font-weight:400;font-display:swap}:root{--moss-0: #0a120a;--moss-1: #122411;--moss-2: #1f3a1c;--moss-3: #3e5f33;--moss-hi: #2e4a2a;--parch: #f4ebcf;--parch-2: #e6dab0;--parch-hi: #fff8dd;--parch-lo: #b7a97b;--ink: #0b1209;--gold: #f2cb55;--gold-hi: #fff2b8;--gold-lo: #c99a24;--madder: #b8483d;--text-dim: #8ea36f;--text-soft: #cfd8b4;--font-title: "Geist Pixel Square", ui-monospace, Menlo, monospace;--font-pixel: "Geist Pixel Square", ui-monospace, Menlo, monospace;--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bevel-parch: inset 2px 2px 0 var(--parch-hi), inset -2px -2px 0 var(--parch-lo);--bevel-moss: inset 2px 2px 0 var(--moss-hi), inset -2px -2px 0 #050905;--press-shadow: 4px 4px 0 var(--ink);--step: steps(2, end)}*,*:before,*:after{box-sizing:border-box}*{margin:0}button{color:inherit}button,[role=button]{cursor:pointer}img,svg{display:block}img,video{max-width:100%;height:auto}button,input,textarea,select{font:inherit}html{width:100%;height:100%;line-height:1.4;-webkit-text-size-adjust:100%;font-family:var(--font-body);background:var(--moss-0);color:var(--parch);overscroll-behavior:none;overflow:hidden}body{width:100%;height:100%;margin:0;position:fixed;inset:0;background:var(--moss-0);overscroll-behavior:none;overflow:hidden;user-select:none;-webkit-user-select:none}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.px{font-family:var(--font-pixel);letter-spacing:.02em}.panel{border:2px solid var(--ink);background:var(--moss-1);color:var(--parch);box-shadow:var(--bevel-moss)}.panel--parch{background:var(--parch);color:var(--ink);box-shadow:var(--bevel-parch)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.6rem;padding:.45rem .9rem;border:2px solid var(--ink);background:var(--gold);color:var(--ink);font-family:var(--font-pixel);font-size:1rem;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:inset 2px 2px 0 var(--gold-hi),inset -2px -2px 0 var(--gold-lo),var(--press-shadow);transition:transform 60ms var(--step),box-shadow 60ms var(--step)}.btn:hover{background:#ffd86a}.btn:active,.btn.is-pressed{transform:translate(3px,3px);box-shadow:inset 2px 2px 0 var(--gold-hi),inset -2px -2px 0 var(--gold-lo),1px 1px 0 var(--ink)}.btn--ghost{background:var(--parch-2);box-shadow:var(--bevel-parch),var(--press-shadow)}.btn--ghost:hover{background:var(--parch)}.btn--ghost:active{box-shadow:var(--bevel-parch),1px 1px 0 var(--ink)}.btn--icon{min-width:2.6rem;padding:.35rem;font-size:1.15rem}.btn--sm{min-height:2.15rem;padding:.3rem .6rem;font-size:.85rem;box-shadow:inset 2px 2px 0 var(--gold-hi),inset -2px -2px 0 var(--gold-lo),3px 3px 0 var(--ink)}.btn--sm.btn--ghost{box-shadow:var(--bevel-parch),3px 3px 0 var(--ink)}.btn[disabled],.btn.is-disabled{opacity:.45;pointer-events:none}.btn__blink{animation:blink 1s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}.label{font-family:var(--font-pixel);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.delta-mark{overflow:visible;flex-shrink:0}.delta-mark__ring{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.delta-mark--black .delta-mark__ring{stroke:#000}.delta-mark__delta{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.delta-mark--flicker .delta-mark__delta{animation:flick 1.3s steps(1,end) infinite}@keyframes flick{0%,to{stroke:var(--gold)}35%{stroke:#ffe089}50%{stroke:var(--gold-lo)}62%{stroke:#ffe089}}.home{position:fixed;inset:0;height:100svh;overflow:hidden;display:grid;place-items:center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:linear-gradient(180deg,#1a2a4a 0,#10203a 28%,#0f180d 60%,var(--moss-0) 100%)}.home:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,transparent 2px 4px);mix-blend-mode:multiply}.home__frame{position:relative;z-index:1;width:min(100%,30rem);max-height:100%;display:grid;grid-template-areas:"scene" "copy";grid-template-rows:minmax(0,1fr) auto;gap:1rem}.home__scene{grid-area:scene;position:relative;min-height:0;display:grid;place-items:end center}.keep-scene{width:100%;max-height:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}.keep-scene__windows{animation:flick 1.3s steps(1,end) infinite}.keep-scene__flag{transform-origin:32px 0;animation:flag .8s steps(2,end) infinite}@keyframes flag{50%{transform:scaleX(.7)}}.keep-scene__stars rect:nth-child(odd){animation:blink 2.6s steps(1,end) infinite}.keep-scene__stars rect:nth-child(2n){animation:blink 3.4s steps(1,end) infinite reverse}.home__banner{position:absolute;top:0;width:1.6rem;height:2.4rem;background:var(--madder);border:2px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);animation:flap .8s steps(2,end) infinite}.home__banner--left{left:.5rem}.home__banner--right{right:.5rem;animation-delay:.4s}@keyframes flap{50%{transform:skew(-6deg)}}.home__copy{grid-area:copy;display:grid;gap:.9rem;justify-items:center;text-align:center}.home__title{font-family:var(--font-title);font-weight:400;font-size:clamp(2.2rem,11vw,3.6rem);line-height:1;color:var(--gold);text-shadow:3px 3px 0 var(--ink);text-wrap:balance}.home__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;font-family:var(--font-pixel);font-size:.95rem;color:var(--text-soft)}.home__stats b{font-weight:400;color:var(--parch)}.home__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.home__foot{display:flex;align-items:center;gap:.5rem;color:#6f855a}@media(min-aspect-ratio:5/4){.home__frame{width:min(100%,60rem);grid-template-areas:"scene copy";grid-template-columns:minmax(0,1.1fr) minmax(16rem,.9fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:2rem}.home__scene{place-items:center}.home__copy{justify-items:start;text-align:left}.home__stats,.home__actions{justify-content:flex-start}}.play{position:fixed;inset:0;height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 0%,#1a3016 0,transparent 60%),var(--moss-0);color:var(--parch)}.play__frame{height:100%;width:min(100%,34rem);margin:0 auto;display:grid;grid-template-areas:"header" "hud" "board" "tray";grid-template-rows:auto auto minmax(0,1fr) auto;gap:.6rem;padding:max(.6rem,env(safe-area-inset-top)) max(.6rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left))}.play__header{grid-area:header;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.45rem .55rem}.play__home{display:inline-flex;align-items:center;gap:.35rem;color:var(--parch);text-decoration:none}.play__day{display:grid;justify-items:center;min-width:0;line-height:1.05}.play__date{font-family:var(--font-pixel);font-weight:400;font-size:clamp(1rem,4vw,1.25rem);color:var(--gold);text-shadow:2px 2px 0 var(--ink);white-space:nowrap}.play__hint{grid-column:1 / -1;margin-top:.2rem;font-size:.78rem;color:var(--text-dim);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game{display:contents}.hud{grid-area:hud;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem .55rem;padding:.45rem .6rem;font-family:var(--font-pixel);font-size:.9rem}.hud--solved{background:var(--moss-2)}.hud__rooms{display:flex;flex-wrap:wrap;gap:3px;max-width:50%}.hud__rooms i{width:9px;height:9px;background:var(--moss-3);border:1px solid var(--ink);transition:background .12s var(--step)}.hud__rooms i.on{background:var(--gold)}.hud__count{color:var(--parch)}.hud__count small{color:var(--text-dim);font-size:.75em}.hud__actions{display:flex;gap:.4rem;flex-shrink:0}.hud__msg{flex:1 1 100%;order:10;min-width:0;font-family:var(--font-body);font-size:.78rem;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-wrap{grid-area:board;min-height:0;min-width:0;container-type:size;display:grid;place-items:center}.board{width:min(100cqw,100cqh);aspect-ratio:1 / 1;display:grid;padding:3px;border:2px solid var(--ink);background:var(--parch-2);background-image:radial-gradient(#c9bb8c 1px,transparent 1.3px);background-size:8px 8px;box-shadow:inset 3px 3px #6d6247,inset -3px -3px 0 var(--parch-hi);touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}.board.is-shake{animation:shake .22s steps(4,end)}@keyframes shake{25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.cell{position:relative;width:100%;aspect-ratio:1 / 1;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--ink);font-family:var(--font-pixel);font-size:clamp(.7rem,min(3.6cqw,3.6cqh),1.15rem);line-height:1;touch-action:none;-webkit-tap-highlight-color:transparent}.cell.is-filled{background:var(--cell-color);box-shadow:inset 2px 2px #ffffff59,inset -2px -2px #00000047}.cell.is-preview{background:#f2cb5559;box-shadow:inset 0 0 0 2px var(--gold-lo)}.cell.is-active{box-shadow:inset 0 0 0 3px var(--gold),inset 3px 3px #ffffff59,inset -3px -3px #00000047}.cell__num{padding:.05em .3em;background:var(--ink);color:var(--parch);box-shadow:2px 2px #00000059}.cell.is-active .cell__num{background:var(--gold);color:var(--ink)}.cell.is-new{animation:pop .14s steps(3,end)}@keyframes pop{0%{transform:scale(.85);filter:brightness(1.6)}to{transform:none;filter:none}}.cell.is-lit{animation:lit .9s steps(3,end) both}@keyframes lit{0%{background:var(--cell-color)}30%{background:var(--gold)}to{background:var(--cell-color)}}.tray{grid-area:tray;min-width:0}.tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.4rem,1fr));gap:.3rem}.token{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;min-height:2.15rem;padding:.15rem .1rem;border:2px solid var(--ink);background:var(--parch-2);color:var(--ink);font-family:var(--font-pixel);font-size:.95rem;line-height:1;box-shadow:var(--bevel-parch)}.token__sym{font-size:.65em;opacity:.7}.token.is-placed{background:var(--token-color);color:var(--parch);text-shadow:1px 1px 0 var(--ink);box-shadow:inset 2px 2px #ffffff59,inset -2px -2px #00000059}.token.is-placed .token__sym{opacity:.85}.token.is-active{outline:3px solid var(--gold);outline-offset:-3px}.result{display:grid;gap:.6rem;padding:.7rem;text-align:center;justify-items:center;animation:rise .22s steps(4,end)}@keyframes rise{0%{transform:translateY(8px);opacity:0}}.result__rank{font-family:var(--font-title);font-weight:400;font-size:1.1rem;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.result__stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.result__stats div{border:2px solid var(--ink);background:var(--moss-2);padding:.4rem .2rem;box-shadow:inset 2px 2px #3a5c34,inset -2px -2px 0 var(--moss-0)}.result__stats b{display:block;font-family:var(--font-pixel);font-weight:400;font-size:1.25rem;color:var(--parch);font-variant-numeric:tabular-nums}.result__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}@media(min-aspect-ratio:5/4){.play__frame{width:100%;max-width:72rem;grid-template-areas:"board header" "board hud" "board tray" "board .";grid-template-columns:minmax(0,1fr) minmax(15rem,22rem);grid-template-rows:auto auto auto minmax(0,1fr);column-gap:1rem}.hud__rooms{max-width:100%}.hud__msg{white-space:normal}.tokens{grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr))}}@media(min-aspect-ratio:5/4)and (max-height:480px){.play__frame{gap:.4rem;padding-block:max(.4rem,env(safe-area-inset-top)) max(.4rem,env(safe-area-inset-bottom))}.play__hint{display:none}}.play__notfound{padding:1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}