.overlay{pointer-events:none;display:flex;position:absolute;inset:0}.overlay--center{justify-content:center;align-items:center}.loading{color:var(--ink-dim);letter-spacing:.2em;text-transform:uppercase;font-size:.85rem}.hud{pointer-events:none;position:absolute;inset:0}.hud__corner{flex-direction:column;gap:.25rem;font-size:.7rem;display:flex;position:absolute;bottom:1rem;left:1rem}.hud__scheme{color:var(--accent);letter-spacing:.18em}.hud__hint{color:var(--ink-dim);letter-spacing:.08em}.hud__hint--touch{display:none}@media (pointer:coarse){.hud__hint--desktop{display:none}.hud__hint--touch{display:block}.hud__corner{top:.75rem;bottom:auto;left:.75rem}.prompt{bottom:10.5rem}.message{max-width:min(44rem,92vw);bottom:8.5rem}}.prompt__key--wide{width:auto;min-width:1.4rem;padding:0 .35rem;font-size:.65rem}.touch-controls{pointer-events:none;z-index:20;padding:max(.75rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));position:absolute;inset:0}.touch-controls__pad{pointer-events:auto;left:max(1rem, env(safe-area-inset-left));bottom:max(1.25rem, env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:8.5rem;height:8.5rem;position:absolute}.touch-controls__ring{background:#0a0e0c59;border:2px solid #c9a22773;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0006}.touch-controls__pad--active .touch-controls__ring{background:#0a0e0c80;border-color:#c9a227d9}.touch-controls__knob{border:2px solid var(--accent);will-change:transform;background:#c9a22759;border-radius:50%;width:3.1rem;height:3.1rem;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000073}.touch-controls__action{pointer-events:auto;right:max(1.25rem, env(safe-area-inset-right));bottom:max(2rem, env(safe-area-inset-bottom));border:2px solid var(--accent);width:4.75rem;height:4.75rem;color:var(--accent);font-family:var(--mono);letter-spacing:.14em;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0a0e0c8c;border-radius:50%;font-size:.85rem;font-weight:700;position:absolute;box-shadow:0 2px 10px #00000073}.touch-controls__action:active,.touch-controls__action:focus-visible{background:#c9a22759;outline:none}.touch-controls__action-label{display:block;transform:translateY(1px)}@media (max-width:420px){.touch-controls__pad{width:7.5rem;height:7.5rem}.touch-controls__action{width:4.25rem;height:4.25rem}}.prompt{background:var(--panel);border:2px solid var(--border);letter-spacing:.1em;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.85rem;display:flex;position:absolute;bottom:4.5rem;left:50%;transform:translate(-50%)}.prompt__key{border:2px solid var(--accent);width:1.4rem;height:1.4rem;color:var(--accent);place-items:center;font-weight:700;display:inline-grid}.prompt__verb{color:var(--ink-dim);text-transform:uppercase}.prompt__label{color:var(--ink-bright)}.message{background:var(--panel);border-left:3px solid var(--accent);max-width:44rem;color:var(--ink-bright);padding:.6rem 1.1rem;font-size:.85rem;line-height:1.5;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.panel{pointer-events:auto;background:var(--panel);border:2px solid var(--border);color:var(--ink)}.panel--error{border-color:var(--danger);max-width:30rem;padding:1.25rem 1.5rem}.panel--error h2{color:var(--danger);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .5rem;font-size:1rem}.panel--error p{color:var(--ink-dim);margin:0;font-size:.8rem;line-height:1.6}.panel--inventory{width:min(46rem,90vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel__header{border-bottom:2px solid var(--border);align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.panel__header h2{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-bright);flex:1;margin:0;font-size:.9rem}.panel__count{color:var(--ink-dim);font-size:.8rem}.panel__close,.inventory__combine{border:2px solid var(--border);color:var(--ink-dim);font-family:var(--mono);letter-spacing:.12em;cursor:pointer;background:0 0;padding:.2rem .5rem;font-size:.7rem}.panel__close:hover,.inventory__combine:hover{border-color:var(--accent);color:var(--accent)}.inventory__body{grid-template-columns:1fr 1fr;min-height:16rem;display:grid}.inventory__list{border-right:2px solid var(--border);margin:0;padding:.5rem;list-style:none}.inventory__empty,.inventory__hint{color:var(--ink-dim);padding:.6rem;font-size:.78rem}.inventory__item{width:100%;color:var(--ink);font-family:var(--mono);text-align:left;cursor:pointer;background:0 0;border:2px solid #0000;align-items:center;gap:.6rem;padding:.45rem .6rem;font-size:.8rem;display:flex}.inventory__item:hover{border-color:var(--border)}.inventory__item--selected{border-color:var(--accent);color:var(--ink-bright)}.inventory__item--combining{border-color:var(--danger)}.inventory__icon{border:1px solid #0009;flex:none;width:.9rem;height:.9rem}.inventory__name{flex:1}.inventory__qty{color:var(--ink-dim)}.inventory__key{color:var(--accent);letter-spacing:.1em;font-size:.6rem}.inventory__detail{padding:1rem}.inventory__detail h3{letter-spacing:.12em;color:var(--ink-bright);text-transform:uppercase;margin:0 0 .5rem;font-size:.85rem}.inventory__detail p{color:var(--ink-dim);margin:0 0 1rem;font-size:.78rem;line-height:1.65}.inventory__result{color:var(--accent)}.debug{background:var(--panel);border:2px solid var(--border);grid-template-columns:auto auto;gap:.15rem .9rem;margin:0;padding:.7rem .9rem;font-size:.7rem;display:grid;position:absolute;top:1rem;right:1rem}.debug dt{color:var(--ink-dim);letter-spacing:.08em}.debug dd{color:var(--ink-bright);text-align:right;margin:0}.fg-debug{border:2px solid var(--border);pointer-events:none;letter-spacing:.04em;background:#05060ae0;width:min(22rem,42vw);padding:.65rem .8rem;font-size:.68rem;position:absolute;top:1rem;right:1rem}.fg-debug__head{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.35rem;display:flex}.fg-debug__title{color:var(--accent);letter-spacing:.14em;font-size:.65rem}.fg-debug__legend{color:var(--ink-dim);align-items:center;gap:.35rem;display:flex}.fg-debug__swatch{border:1px solid var(--border);width:.55rem;height:.55rem;display:inline-block}.fg-debug__swatch--behind{background:#f4a}.fg-debug__swatch--front{background:#4df}.fg-debug__swatch--floor{background:#6ae08a}.fg-debug__swatch--wall{background:#6ab0ff}.fg-debug__summary{color:var(--ink-dim);margin:0 0 .45rem}.fg-debug__list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.fg-debug__empty{color:var(--ink-dim)}.fg-debug__row{border-left:3px solid #0000;grid-template-columns:1fr auto auto;gap:.4rem;padding:.2rem .3rem;display:grid}.fg-debug__row--behind{background:#ff44aa14;border-left-color:#f4a}.fg-debug__row--front{background:#44ddff0f;border-left-color:#4df}.fg-debug__prop{color:var(--ink-bright);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fg-debug__state{letter-spacing:.08em;font-weight:700}.fg-debug__row--behind .fg-debug__state{color:#f4a}.fg-debug__row--front .fg-debug__state{color:#4df}.fg-debug__depth{color:var(--ink-dim);font-variant-numeric:tabular-nums}.hud__net-notice{background:var(--panel);border:2px solid var(--danger);color:var(--danger);letter-spacing:.08em;padding:.4rem .9rem;font-size:.75rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.panel--lobby{width:min(28rem,92vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby__error{color:var(--danger);border-bottom:2px solid var(--border);margin:0;padding:.6rem 1rem;font-size:.75rem}.lobby__form,.lobby__menu,.lobby__room{flex-direction:column;gap:.8rem;padding:1rem;display:flex}.lobby__form label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);flex-direction:column;gap:.3rem;font-size:.7rem;display:flex}.lobby__form input,.lobby__join input{border:2px solid var(--border);color:var(--ink-bright);font-family:var(--mono);background:#0006;padding:.4rem .6rem;font-size:.85rem}.lobby__form input:focus,.lobby__join input:focus{border-color:var(--accent);outline:none}.lobby__actions{align-items:center;gap:.6rem;display:flex}.lobby__actions button,.lobby__menu>button,.lobby__join button{border:2px solid var(--border);color:var(--ink);font-family:var(--mono);letter-spacing:.1em;cursor:pointer;background:0 0;padding:.4rem .8rem;font-size:.75rem}.lobby__actions button:hover:not(:disabled),.lobby__menu>button:hover:not(:disabled),.lobby__join button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.lobby__actions button:disabled,.lobby__menu>button:disabled,.lobby__join button:disabled{opacity:.4;cursor:not-allowed}.lobby__link{text-decoration:underline;color:var(--ink-dim)!important;border:none!important;padding:0!important}.lobby__join{gap:.6rem;display:flex}.lobby__join input{letter-spacing:.4em;text-align:center;flex:1}.lobby__code{color:var(--ink-dim);margin:0;font-size:.8rem}.lobby__code strong{color:var(--accent);letter-spacing:.3em;margin-top:.3rem;font-size:1.4rem;display:block}.lobby__players{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.lobby__players li{border:2px solid var(--border);align-items:center;gap:.6rem;padding:.35rem .5rem;font-size:.78rem;display:flex}.lobby__swatch{border:1px solid #0009;width:.8rem;height:.8rem}.lobby__name{color:var(--ink-bright);flex:1}.lobby__tag{color:var(--accent);letter-spacing:.1em;font-size:.6rem}.lobby__ready{color:var(--ink-dim);letter-spacing:.1em;font-size:.65rem}.lobby__ready--on{color:#7fa382}.lobby__waiting,.lobby__hint{color:var(--ink-dim);font-size:.72rem;line-height:1.5}.lobby__hint{margin:0}:root{--ink:#c8d0c0;--ink-dim:#7d8878;--ink-bright:#eef2e6;--bg:#05060a;--panel:#0a0e0ceb;--border:#47513f;--accent:#c9a227;--danger:#a33b2e;--mono:"Courier New", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--mono);color:var(--ink);background:var(--bg);-webkit-font-smoothing:none;font-smooth:never}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg)}.viewport{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.game-canvas{width:100%;max-width:100%;height:100%;max-height:100%;image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;display:block}