html,body,#app{width:100%;height:100%;margin:0}body{color:#f8fafc;overscroll-behavior:none;background:#0a0d14;font-family:Cascadia Mono,Fira Code,Consolas,monospace;overflow:hidden}#app{position:relative}.twge-shell{background:radial-gradient(circle at top,#38bdf829,#0000 42%),linear-gradient(#101827 0%,#08111d 100%);width:100%;height:100%;position:relative}.twge-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.twge-game-hud{top:calc(12px + env(safe-area-inset-top,0px));box-sizing:border-box;color:#e0f2fe;pointer-events:auto;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0f172adb,#0f766e57),#020617b8;border:1px solid #bfdbfe3d;border-radius:18px;width:min(336px,100% - 24px);padding:10px 12px 11px;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1f,0 16px 42px #02061761}.twge-resource-row{grid-template-columns:repeat(3,1fr);gap:8px;padding-right:64px;display:grid}.twge-resource-pill{flex-direction:column;gap:1px;min-width:0;display:flex}.twge-resource-label{color:#bae6fdb8;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;overflow:hidden}.twge-resource-value{color:#f8fafc;font-size:18px;font-weight:800;line-height:1.15}.twge-hud-status,.twge-objective-line,.twge-hud-message{color:#e2e8f0ad;margin-top:7px;font-size:11px;line-height:1.25}.twge-objective-line{color:#bae6fd;font-weight:800}.twge-hud-message{color:#fde68a}.twge-reset-save-button{color:#fef3c7;min-height:34px;font:inherit;letter-spacing:.04em;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#78350fad;border:1px solid #fcd34d61;border-radius:999px;padding:0 12px;font-size:11px;font-weight:800;position:absolute;top:9px;right:10px}.twge-reset-save-button:active{transform:translateY(1px)}.twge-action-prompt{right:16px;bottom:calc(108px + env(safe-area-inset-bottom,0px));box-sizing:border-box;color:#fef3c7;letter-spacing:.02em;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#713f12e0,#451a03e6);border:1px solid #fde68a61;border-radius:16px;width:min(324px,100% - 32px);margin:0 auto;padding:12px 14px;font-size:13px;font-weight:800;position:absolute;left:16px;box-shadow:0 14px 32px #02061757}.twge-action-prompt[hidden],.twge-objective-line[hidden],.twge-hud-message[hidden],.twge-reset-save-button[hidden]{display:none}.twge-debug-overlay{top:calc(112px + env(safe-area-inset-top,0px));color:#d9f99d;pointer-events:none;white-space:pre-wrap;background:#030712b8;border-radius:10px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5;position:absolute;left:12px}.twge-touch-controls{padding:0 16px calc(18px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.twge-touch-rail{pointer-events:auto;gap:14px;width:min(100%,360px);display:flex}.twge-touch-button{color:#e0f2fe;min-height:72px;font:inherit;letter-spacing:.08em;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#0e7490c7 0%,#082f49eb 100%);border:1px solid #bae6fd57;border-radius:18px;flex:1;font-size:15px;font-weight:700;box-shadow:inset 0 1px #e0f2fe29,0 10px 30px #02061752}.twge-touch-button:active{background:linear-gradient(#0891b2eb 0%,#0c4a6efa 100%);transform:translateY(1px)}.twge-touch-button-interact{color:#fef3c7;background:linear-gradient(#b45309d1 0%,#78350ff0 100%);border-color:#fde68a6b;flex:.8}