:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#030712;color:#e5f4ff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 45%,#12213e,#030712 68%)}#app{display:grid;place-items:center}#game-shell{position:relative;width:min(100vw,calc((100vh - 2.35rem)*1.6));width:min(100vw,calc((100dvh - 2.35rem)*1.6));display:flex;flex-direction:column;filter:drop-shadow(0 0 28px rgba(41,158,255,.22))}#canvas-shell{position:relative;width:100%;aspect-ratio:8 / 5;overflow:hidden;background-color:#000;background-position:center;background-repeat:no-repeat;background-size:100% 100%;image-rendering:pixelated}#canvas,#multiplayer-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#canvas{z-index:1;outline:none}#multiplayer-canvas{z-index:2;pointer-events:none}#cantina-caption{position:absolute;top:9%;left:50%;z-index:6;width:max-content;max-width:86%;transform:translate(-50%);border:2px solid #fff;padding:clamp(6px,1.4vw,11px) clamp(9px,2vw,15px);background:#000;color:#fff;box-shadow:0 0 0 2px #000;font-size:clamp(9px,1.5vw,14px);text-align:center;image-rendering:pixelated;pointer-events:none}#cantina-caption[hidden]{display:none}#continue-hint{position:absolute;bottom:8%;left:50%;z-index:7;transform:translate(-50%);border:1px solid #fff;padding:clamp(5px,1vw,8px) clamp(8px,1.5vw,12px);background:#000;color:#fff;font:inherit;font-size:clamp(8px,1.2vw,12px);white-space:nowrap;cursor:pointer}#continue-hint[hidden]{display:none}#agi-dialog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;padding:7.5%;background:#0000001f;cursor:default}#agi-dialog[hidden]{display:none}.agi-dialog-box{width:min(100%,36em);border:clamp(2px,.55vw,4px) solid #fff;outline:clamp(1px,.28vw,2px) solid #000;padding:clamp(13px,3vw,24px) clamp(15px,3.5vw,28px) clamp(9px,2vw,16px);background:#fff;color:#000;box-shadow:inset 0 0 0 clamp(1px,.28vw,2px) #000,.35em .35em #000;font-size:clamp(10px,1.85vw,17px);line-height:1.35;white-space:pre-wrap;image-rendering:pixelated;outline-offset:0}#agi-dialog-form{display:flex;gap:.6em;margin-top:.8em}#agi-dialog-form[hidden]{display:none}#agi-dialog-input{min-width:0;flex:1;border:2px solid #000;border-radius:0;padding:.25em .4em;background:#000;color:#fff;caret-color:#fff;font:inherit;outline:none}#agi-dialog-form button{border:2px solid #000;border-radius:0;padding:.2em .65em;background:#fff;color:#000;font:inherit;cursor:pointer}#agi-dialog-hint{margin-top:.65em;font-size:.68em;text-align:center;text-transform:uppercase}#menu{display:none}#actions{position:absolute;right:0;bottom:2.35rem;left:0;z-index:8;display:flex;max-height:min(38vh,230px);overflow:auto;background:#030712f0;scrollbar-color:#0ea5e9 #071426}#actions:empty{display:none}#actions .list{display:contents}#actions button{flex:0 0 auto;border:0;border-right:1px solid rgba(125,211,252,.2);padding:8px 10px;background:transparent;color:#dbeafe;font:inherit;font-size:11px;cursor:pointer}#actions button:hover{background:#075985}#actions button.hide{display:none}#player-input{width:100%;min-height:2.35rem;margin:0;border:0;border-top:1px solid rgba(125,211,252,.35);padding:.55rem .75rem;background:#030712f5;color:#e0f2fe;font:inherit;font-size:clamp(12px,1.5vw,17px);outline:none}#player-input:focus{box-shadow:inset 0 2px #38bdf8}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:linear-gradient(#030712d1,#030712f0),repeating-linear-gradient(0deg,transparent 0 3px,rgba(56,189,248,.05) 3px 4px)}.overlay[hidden]{display:none}.panel{width:min(520px,100%);padding:clamp(24px,6vw,52px);border:1px solid rgba(56,189,248,.45);border-radius:4px;background:#040c1bf0;box-shadow:0 0 70px #0ea5e926,inset 0 0 30px #0ea5e90f;text-align:center}.eyebrow{color:#38bdf8;font-size:11px;letter-spacing:.18em}h1{margin:12px 0 16px;color:#f8fafc;font-size:clamp(28px,7vw,48px);line-height:1;letter-spacing:-.05em}p{color:#9fb2c8;line-height:1.6}code,strong{color:#e0f2fe}.primary-button,#hud button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #38bdf8;border-radius:3px;background:#075985;color:#f0f9ff;cursor:pointer;font:inherit}.primary-button{display:inline-flex;margin-top:12px;padding:13px 20px}.primary-button:hover,#hud button:hover{background:#0369a1}.primary-button input{display:none}.status{min-height:1.6em;margin-bottom:0;font-size:12px}.status.error{color:#fda4af}#hud{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:10;display:flex;max-width:calc(100vw - 20px);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(125,211,252,.22);border-radius:3px;background:#030712bd;color:#b6c9db;font-size:11px;opacity:.22;transition:opacity .2s ease}#hud:hover,#hud:focus-within{opacity:1}#hud button{padding:5px 8px;font-size:11px}#hud button:disabled{cursor:wait;opacity:.5}#hud select{max-width:min(34vw,260px);border:1px solid rgba(56,189,248,.55);border-radius:3px;padding:4px 7px;background:#071426;color:#e0f2fe;font:inherit;font-size:11px}#hud select:disabled{opacity:.55}#connection:before{content:"● ";color:#64748b}#connection[data-state=online]:before{color:#34d399}#connection[data-state=connecting]:before{color:#fbbf24}#toast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:30;max-width:calc(100vw - 32px);transform:translate(-50%,20px);padding:9px 13px;border:1px solid rgba(125,211,252,.4);border-radius:3px;background:#030712f0;color:#e0f2fe;font-size:12px;opacity:0;pointer-events:none;transition:.2s ease}#toast.show{opacity:1;transform:translate(-50%)}@media (max-aspect-ratio: 8 / 6){#game-shell{width:100vw}}