:root{color-scheme:light;--studio: #e7e1d6;--studio-dim: #d4cdc2;--ivory: #d8cbb6;--charcoal: #2b2724;--charcoal-soft: #4a453f;--ink-faint: rgba(43, 39, 36, .55);--line: rgba(43, 39, 36, .16);--sage: #7d8c73;--terracotta: #b07a5c;--blue: #6a7d90;--letterbox: 52px;--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;font-family:var(--font-display);background:var(--studio);color:var(--charcoal)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{min-height:100dvh;background:var(--studio)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--charcoal);outline-offset:3px}.app{position:relative;height:100dvh;overflow:hidden;background:var(--studio)}.stage{position:absolute;z-index:1;inset:0}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.letterbox{pointer-events:none;position:absolute;z-index:8;left:0;right:0;height:var(--letterbox);background:var(--studio)}.letterbox.top{top:0;border-bottom:1px solid var(--line)}.letterbox.bottom{bottom:0;border-top:1px solid var(--line)}.app:has(.desk-bar) .letterbox.bottom{display:none}.app.is-game .stage,.app.is-powering .stage,.app.is-exiting .stage{pointer-events:none}.app.is-game .stage{visibility:hidden}.hud{position:absolute;z-index:12;pointer-events:none}.hud>*{pointer-events:auto}.app.is-exiting .hud,.app.is-powering .hud{z-index:22}.hud-top{top:calc(var(--letterbox) + 1.1rem);left:1.25rem;right:1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.brand{display:grid;gap:.35rem}.brand h1{margin:0;font-size:clamp(1.6rem,3vw,2.35rem);font-weight:500;letter-spacing:-.03em;line-height:1}.mono,.kicker{margin:0;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.nav{display:flex;gap:1.1rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.nav span[data-on=true]{color:var(--charcoal)}.nav-back{border:1px solid var(--charcoal);background:var(--charcoal);color:var(--studio);padding:.45rem .85rem;font:inherit;letter-spacing:inherit;text-transform:inherit}.nav-back:hover{background:#1b1816}.callouts{position:absolute;z-index:6;left:1.25rem;bottom:calc(var(--letterbox) + 5.4rem);display:grid;gap:.35rem;pointer-events:none}.callout{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.power-on{border:1px solid var(--charcoal);background:var(--charcoal);color:var(--studio);padding:.85rem 1.5rem;font-size:.72rem;font-weight:500;letter-spacing:.28em;white-space:nowrap;justify-self:end}.power-on:hover{background:#1b1816}.power-on:disabled{opacity:.45;cursor:default}.loading-line{position:absolute;z-index:9;top:var(--letterbox);left:0;right:0;height:2px;background:var(--line)}.loading-line>span{display:block;height:100%;width:32%;background:var(--charcoal);animation:load-slide 1.1s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.loading-line>span{animation:none;width:100%}.game-overlay.is-leaving,.desk-bar{animation:none}}@keyframes load-slide{0%{transform:translate(-120%)}to{transform:translate(400%)}}.load-note{position:absolute;z-index:9;top:calc(var(--letterbox) + .55rem);left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.boot-note{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--charcoal);pointer-events:none}.desk-bar{position:absolute;z-index:9;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.55rem;align-items:center;padding:.55rem 1.15rem calc(.55rem + env(safe-area-inset-bottom));background:var(--studio);border-top:1px solid var(--line);animation:desk-in .55s ease}@keyframes desk-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cart-btn{display:grid;gap:.15rem;justify-items:start;padding:.35rem .2rem;min-height:0;text-align:left}.cart-btn strong{font-weight:500;letter-spacing:.08em;font-size:.82rem}.cart-btn span{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;color:var(--ink-faint)}.cart-btn:hover strong,.cart-btn:focus-visible strong{text-decoration:underline;text-underline-offset:.2em}.game-overlay{position:absolute;z-index:20;inset:var(--letterbox) 0;background:var(--studio);display:grid;grid-template-rows:auto 1fr;min-height:0;pointer-events:auto}.game-overlay.is-leaving{animation:game-leave .45s ease forwards;pointer-events:none}@keyframes game-leave{to{opacity:0}}.game-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.85rem 1.15rem .6rem;border-bottom:1px solid var(--line);background:var(--studio);position:relative;z-index:2}.desk-back{flex-shrink:0;border:1px solid var(--charcoal);background:var(--charcoal);color:var(--studio);padding:.7rem 1.1rem;font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.desk-back:hover{background:#1b1816}.game-bar-copy{min-width:0;flex:1}.game-bar-tools{display:grid;gap:.45rem;justify-items:end}.game-bar h2{margin:0;font-size:1.15rem;font-weight:500;letter-spacing:-.02em}.game-bar p{margin:.25rem 0 0;max-width:36rem;font-size:.82rem;line-height:1.45;color:var(--charcoal-soft)}.game-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.game-actions button,.score-chip{border:1px solid var(--line);padding:.42rem .7rem;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.game-actions button:hover{border-color:var(--charcoal)}.score-row{display:flex;gap:.45rem}.playfield-wrap{position:relative;z-index:0;min-height:0;overflow:auto;display:grid;place-items:center;padding:.6rem}.playfield-wrap canvas{display:block;width:min(100%,52vh);height:auto;background:#efeae1;border:1px solid var(--line);image-rendering:pixelated}.playfield-wrap.wide canvas,canvas.wide{width:min(100%,72vh)}.blocks-layout{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:start;width:min(100%,28rem)}.blocks-side{display:grid;gap:.5rem;min-width:6.5rem}.blocks-side .kicker{margin-bottom:.2rem}.next-grid{display:grid;grid-template-columns:repeat(4,14px);gap:2px}.next-cell{width:14px;height:14px;background:#2b27240f}.next-cell.on{background:var(--blue)}.touch-pad{display:none;grid-template-columns:repeat(4,1fr);gap:.4rem;padding:.55rem 1rem .7rem;border-top:1px solid var(--line)}.touch-pad button{border:1px solid var(--line);min-height:2.6rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.touch-pad button:active{background:var(--ivory)}.overlay-msg{position:absolute;inset:0;display:grid;place-items:center;background:#e7e1d6b8;font-size:1.1rem;letter-spacing:.08em;pointer-events:none}@media(max-width:760px){:root{--letterbox: 36px}.hud-top{flex-direction:column}.desk-bar{grid-template-columns:1fr 1fr 1fr;padding:.45rem .85rem calc(.45rem + env(safe-area-inset-bottom))}.desk-bar .power-on{grid-column:1 / -1;justify-self:stretch;width:100%}.cart-btn strong{font-size:.72rem}.callouts{bottom:calc(var(--letterbox) + 8.2rem)}.touch-pad{display:grid}.game-bar{flex-wrap:wrap}.desk-back{order:-1;width:100%}.blocks-layout{grid-template-columns:1fr;justify-items:center}.blocks-side{grid-auto-flow:column;align-items:center}}@media(pointer:coarse){.touch-pad{display:grid}}