:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#14121b;color:#f0d28a}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#14121b}button{font:inherit}#app{min-height:100dvh;display:grid;place-items:center;padding:18px}.app-wrap{width:min(100%,1280px)}.game-shell{width:100%}.screen-stage{position:relative;width:100%;aspect-ratio:1672 / 941;background:#0a0806;overflow:hidden}.svg-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.svg-layer svg{display:block;width:100%;height:100%}.phaser-viewport{position:absolute;z-index:3;left:3.11%;top:15.94%;width:93.78%;height:52.285%;overflow:hidden;background:#000}.phaser-viewport canvas{display:block;width:100%!important;height:100%!important}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}.control-group{display:flex;gap:10px;flex-wrap:wrap}.controls button{border:2px solid #c9992b;background:#0a0806;color:#d8cfc0;min-height:44px;padding:10px 14px;cursor:pointer}.controls button[aria-pressed=true]{background:#c9992b;color:#14121b}.controls button:focus-visible{outline:3px solid #d8cfc0;outline-offset:2px}.hint{color:#d8cfc0;font-size:14px;opacity:.8}@media(max-width:700px){#app{padding:8px;align-content:start}.controls{align-items:stretch}.control-group{width:100%}.controls button{flex:1 1 180px}}.dialogue-terminal{position:absolute;z-index:4;left:30.3%;top:71.1%;width:65.7%;height:23.2%;overflow:hidden;padding:1% 1.2% 1.4% .25%;background:transparent;color:#d8cfc0;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(8px,1.32vw,21px);line-height:1.48;letter-spacing:.035em;cursor:text}.dialogue-command{display:grid;grid-template-columns:1.45em minmax(0,1fr);align-items:start;margin:0 0 .34em;min-width:0}.dialogue-prompt{color:#c9992b;font-weight:700;-webkit-user-select:none;user-select:none;line-height:inherit}.dialogue-input{display:block;min-width:0;min-height:1.48em;color:#d8cfc0;outline:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;caret-color:#c9992b}.dialogue-input:focus{outline:none}.dialogue-input::selection{background:#c9992b;color:#14121b}.dialogue-terminal:focus-within{box-shadow:inset 0 0 0 1px #c9992b38}.interaction-panel{position:absolute;z-index:5;left:30.3%;top:71.1%;width:65.7%;height:23.2%;overflow:hidden;padding:.8% 1.2% 1.2% .3%;background:transparent;color:#d8cfc0;font-family:Courier New,ui-monospace,monospace;font-size:clamp(8px,1.18vw,19px);line-height:1.3}.interaction-instruction,.question-prompt,.card-instruction{margin-bottom:.45em;color:#d8cfc0}.terminal-editor{max-height:63%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c9992b transparent}.terminal-line{display:grid;grid-template-columns:1.35em minmax(0,1fr);align-items:start}.terminal-prompt{color:#c9992b;font-weight:700;-webkit-user-select:none;user-select:none}.terminal-input{min-height:1.3em;outline:none;white-space:pre-wrap;overflow-wrap:anywhere;caret-color:#c9992b}.interaction-actions{position:absolute;right:1.2%;bottom:7%}.pixel-action,.question-option{border:1px solid #c9992b;background:#0a0806;color:#d8cfc0;font:inherit;cursor:pointer}.pixel-action{padding:.35em .7em}.question-options{display:grid;grid-template-columns:1fr 1fr;gap:.35em .8em}.question-option{text-align:left;padding:.28em .45em;min-width:0}.question-option[data-selected=true]{background:#c9992b;color:#14121b}.card-hint{color:#c9992b;margin-top:.7em}.scene-cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2%;align-items:center;padding:7% 8%;pointer-events:auto}.scene-cards[hidden]{display:none}.scene-card{min-height:58%;border:3px solid #c9992b;background:#0a0806e0;color:#d8cfc0;font:inherit;font-family:Courier New,ui-monospace,monospace;padding:8%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55em}.scene-card[data-selected=true]{background:#c9992b;color:#14121b;outline:3px solid #d8cfc0}.scene-card-symbol{font-size:clamp(20px,3vw,48px);color:#c9992b}.scene-card[data-selected=true] .scene-card-symbol{color:#14121b}.scene-card strong{font-size:clamp(10px,1.35vw,22px)}.scene-card small{font-size:clamp(8px,.92vw,15px);opacity:.9}.demo-status{min-height:1.5em;padding-top:8px;color:#c9992b;font-size:14px}@media(max-width:700px){.interaction-panel{font-size:clamp(6px,1.7vw,11px)}.question-options{grid-template-columns:1fr;gap:.18em}.scene-cards{padding:5% 4%;gap:1.2%}.scene-card{border-width:2px;padding:5%}}.scene-background-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none;image-rendering:pixelated}.scene-phaser-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.scene-phaser-layer canvas{width:100%!important;height:100%!important;display:block}.scene-cards{z-index:3}
