:root{color-scheme:dark;--bg: #0d0b10;--panel: #1b1722;--edge: #3a3144;--ink: #efe6d8;--dim: #9b8fa6;--accent: #e0a458}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:14px ui-monospace,Menlo,Consolas,monospace;overflow:hidden}#app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}#stage{position:relative;line-height:0;box-shadow:0 0 0 2px var(--edge),0 12px 40px #000a}#stage canvas{image-rendering:pixelated;display:block}#dialogue{position:absolute;left:12px;right:12px;bottom:10px;line-height:1.4;background:#14101ae6;border:2px solid var(--edge);border-radius:6px;padding:8px 12px;display:none;font-size:15px}#dialogue b{color:var(--accent);margin-right:8px}#chatlog{position:absolute;left:8px;top:8px;max-width:45%;line-height:1.3;font-size:12px;pointer-events:none;text-shadow:0 1px 2px #000}#chatlog div{background:#0008;padding:1px 6px;margin-bottom:2px;border-radius:3px;width:fit-content}#chatlog b{color:var(--accent)}#hover{position:absolute;right:8px;top:8px;line-height:1.3;font-size:12px;background:#0008;padding:2px 8px;border-radius:3px;display:none}#hud{display:flex;gap:12px;align-items:stretch;width:min(100vw - 24px,1100px);height:118px}#hud section{background:var(--panel);border:1px solid var(--edge);border-radius:6px;padding:8px;min-width:0}#verbs{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:190px}button,input{font:inherit;color:inherit}#verbs button,#lobby button{background:#2a2333;border:1px solid var(--edge);border-radius:4px;padding:6px 10px;cursor:pointer}#verbs button.on{background:var(--accent);color:#1a1208;border-color:var(--accent)}#verbs button:hover,#lobby button:hover{border-color:var(--accent)}#mid{flex:1;display:flex;flex-direction:column;gap:6px}#inventory{display:flex;gap:6px;flex-wrap:wrap;min-height:28px;align-content:flex-start}.item{background:#2a2333;border:1px solid var(--edge);border-radius:4px;padding:3px 8px;font-size:12px}#meta{color:var(--dim);font-size:12px;margin-top:auto}#meta b{color:var(--ink)}#chatbox{width:300px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}#chatbox input{background:#120f17;border:1px solid var(--edge);border-radius:4px;padding:7px 9px;width:100%}#lobby{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#2a1f33,#0d0b10 70%);z-index:10}#lobby form{background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:24px;width:340px;display:flex;flex-direction:column;gap:10px}#lobby h1{margin:0 0 6px;font-size:20px;color:var(--accent)}#lobby input{background:#120f17;border:1px solid var(--edge);border-radius:4px;padding:8px 10px;text-transform:none}#lobby input[name=code]{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-size:18px}#lobby .row{display:flex;gap:8px}#lobby .row button{flex:1}#lobby .err{color:#ff8f8f;min-height:1.2em;font-size:12px}.item.dim{opacity:.5}#dialogue .text{white-space:pre-wrap}#dialogue .choices{display:flex;flex-direction:column;gap:4px;margin-top:8px;line-height:1.2}#dialogue .choices button{text-align:left;background:#2a2333;border:1px solid var(--edge);border-radius:4px;padding:5px 9px;cursor:pointer;font-size:13px}#dialogue .choices button:hover{border-color:var(--accent);background:#3a2f45}.item{cursor:pointer}.item:hover{border-color:var(--accent)}#agi{display:flex;flex-direction:column;gap:6px}#agi-menubar{display:flex;gap:2px;background:#1b1722;border:1px solid var(--edge);border-radius:4px;min-height:26px;position:relative;z-index:5}#agi-menubar .menu{position:relative}#agi-menubar .menu>span{display:block;padding:4px 12px;cursor:default;font-size:13px}#agi-menubar .menu:hover>span{background:var(--accent);color:#1a1208}#agi-menubar .menu-items{display:none;position:absolute;top:100%;left:0;background:#241e2d;border:1px solid var(--edge);min-width:190px;z-index:6}#agi-menubar .menu:hover .menu-items{display:block}#agi-menubar .menu-items button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:5px 12px;cursor:pointer;font-size:13px}#agi-menubar .menu-items button:hover:not(:disabled){background:var(--accent);color:#1a1208}#agi-menubar .menu-items button:disabled{opacity:.4}#agi-status{display:flex;justify-content:space-between;padding:3px 10px;background:#e8e2d4;color:#111;font-weight:700;font-size:13px;border-radius:3px}#agi-status .who{font-weight:400;color:#335}#agi-texts{position:absolute;inset:0;pointer-events:none;font-family:ui-monospace,Menlo,monospace;font-weight:700;overflow:hidden}#agi-texts span{position:absolute;white-space:pre}#agi-bar{display:flex;gap:6px;justify-content:space-between}#agi-verbs{display:flex;gap:6px;flex-wrap:wrap}#agi-bar button{background:#2a2333;border:1px solid var(--edge);border-radius:4px;padding:5px 10px;cursor:pointer}#agi-bar button:hover{border-color:var(--accent)}#agi-inputs{display:flex;gap:8px}#agi-inputs input{flex:1;background:#120f17;border:1px solid var(--edge);border-radius:4px;padding:8px 10px}#agi-inputs input#agi-cmd{flex:2;border-color:#5a4a70}#agi-inputs input:disabled{opacity:.5}#dialogue .hint{color:var(--dim);font-size:12px;margin-top:6px}#dialogue img.obj{image-rendering:pixelated;height:120px;float:left;margin-right:14px}#dialogue input.prompt{margin-top:8px;width:100%;background:#120f17;border:1px solid var(--accent);border-radius:4px;padding:6px 8px;font-size:15px}#agi-roster{font-size:12px;color:var(--dim)}#lobby .note{color:var(--dim);font-size:12px;text-align:center}#agi-menubar .menu-items hr{border:0;border-top:1px solid var(--edge);margin:3px 0}#agi-menubar .menu-items .key{float:right;margin-left:18px;color:var(--dim);font-size:11px}#agi-menubar{display:none!important}#agi-banner{position:absolute;left:0;right:0;top:0;padding:10px;text-align:center;background:#5a1d1d;color:#fff;z-index:8;font-size:14px}html,body{min-height:100%}@supports (height: 100dvh){#app{min-height:100dvh}}#stage canvas,#stage{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#agi-keys{display:none;gap:6px;flex-wrap:wrap;justify-content:center}#agi-keys button{background:var(--accent);color:#1a1208;border:0;border-radius:6px;padding:10px 18px;font-weight:700;min-width:48px}#dialogue{max-height:78%;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width: 700px){html,body{overflow-y:auto;overflow-x:hidden}#app{justify-content:flex-start;padding:calc(8px + env(safe-area-inset-top)) 8px calc(12px + env(safe-area-inset-bottom));gap:6px}#agi{gap:6px;max-width:100%}#agi-status{font-size:12px;padding:3px 8px}#agi-roster{font-size:11px;line-height:1.35}#agi-bar{flex-direction:column;gap:6px}#agi-verbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}#agi-bar button{min-height:42px;padding:6px 4px;font-size:13px}#agi-inputs{flex-direction:column;gap:6px}#agi-inputs input{font-size:16px;padding:11px 12px}#dialogue{left:6px;right:6px;bottom:6px;padding:8px 10px;font-size:13px}#dialogue .choices button{padding:10px;font-size:13px}#dialogue img.obj{height:80px}#chatlog{font-size:10px;max-width:70%}#lobby form{width:min(340px,92vw);padding:18px}#lobby input{font-size:16px}#agi-banner{font-size:12px;padding:6px}}@media (max-height: 480px) and (orientation: landscape){#agi-roster{display:none}#agi-verbs button{padding:4px 8px;min-height:32px}#agi-inputs input{padding:6px 8px}}#agi-verbs .mute{margin-left:auto}@media (max-width: 700px){#agi-verbs .mute{margin-left:0}}#agi.compact>#dialogue{position:static;max-height:45vh;margin:0}#agi.side{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:10px;row-gap:6px;align-items:start;max-width:100%}#agi.side #agi-status{grid-column:1;grid-row:1}#agi.side #stage{grid-column:1;grid-row:2 / span 8}#agi.side #agi-roster{display:none}#agi.side>#dialogue{grid-column:2;grid-row:1 / span 2;position:static;max-height:38vh;margin:0}#agi.side #agi-keys,#agi.side #agi-bar,#agi.side #agi-inputs{grid-column:2}#agi.side #agi-verbs{display:grid;grid-template-columns:repeat(3,1fr)}#agi.side #agi-verbs .mute{margin-left:0}#agi.side #agi-inputs,#agi.side #agi-bar{flex-direction:column}@media (max-height: 480px) and (orientation: landscape){#app{justify-content:flex-start;padding:6px}}#lobby .links{display:flex;flex-direction:column;gap:8px}#lobby .links hr{width:100%;border:0;border-top:1px solid var(--edge);margin:6px 0 2px}#lobby .links a{flex:1;text-align:center;background:#2a2333;border:1px solid var(--edge);border-radius:4px;padding:6px 10px;color:inherit;text-decoration:none;font-size:13px}#lobby .links a:hover{border-color:var(--accent)}#agi-loader{position:absolute;inset:0;z-index:7;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#000c;line-height:1.3}#agi-loader .title{color:#5ff;font-size:18px;letter-spacing:.25em;text-transform:uppercase;animation:agi-blink 1s steps(2) infinite}#agi-loader .bar{width:60%;height:18px;border:3px solid #aaaaaa;background:#000;padding:2px}#agi-loader .fill{height:100%;width:0;background:repeating-linear-gradient(90deg,#f5f 0 10px,#000 10px 12px);transition:width .12s steps(4)}#agi-loader .msg{color:#ff5;font-size:12px}@keyframes agi-blink{50%{opacity:.55}}