:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#edf6ff;background:#172436;font-synthesis:none;--panel: #22354b;--line: #45627b;--cyan: #78edee;--gold: #ffd084}*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#263c55,#172638 65%)}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;border:1px solid #ffe3a4;border-radius:3px;background:var(--gold);color:#273044;font-weight:700;padding:12px 20px}button:hover{background:#ffe4ac}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}[hidden]{display:none!important}.workbench{max-width:1440px;margin:0 auto;padding:12px 24px 14px;display:flex;flex-direction:column;align-items:center;gap:10px}.topbar{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{color:#f2f9ff;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:2px;white-space:nowrap}.brand span{margin-left:14px;color:#a4bfd5;font:10px monospace;letter-spacing:2px}.header-right{display:flex;align-items:center;gap:12px}.build-tag{color:#afcbe0;font-size:11px}.small-button{width:auto;padding:6px 10px;color:#d7e9f6;background:#30485d;border:1px solid #5b7b91;font-size:11px;font-weight:500;white-space:nowrap}.small-button:hover{background:#41647b}.intro{display:none}.prototype{width:min(100%,calc((100svh - 270px) * 16 / 9));min-width:0;margin:0 auto;border:1px solid var(--line);border-radius:5px;background:#1d2e41;overflow:hidden;scroll-margin-top:10px;box-shadow:0 12px 40px #08131e44}.hud{display:grid;grid-template-columns:1.1fr 1.65fr 1.4fr .65fr .8fr;gap:18px;min-height:74px;padding:10px 16px;border-bottom:1px solid var(--line);background:#273d53}.hud-cell>span{display:block;font-size:10px;color:#b6d0e4;margin-bottom:4px;letter-spacing:1px}.hud-cell strong{font:600 23px/1.05 ui-monospace,monospace;color:#f3f6de;white-space:nowrap}.hud-cell small{font-size:9px;font-weight:400;color:#a9c9dd;letter-spacing:0}.hud-cell strong small{font-size:13px}#roll-state{font-size:18px}.sub-state{font-size:9px;color:#b8d4e4;margin-top:4px}.meter{height:4px;background:#172b3e;max-width:140px;margin-top:6px}.meter i{display:block;width:100%;height:100%;background:#8bf1c5;transition:width .1s}.mission-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;min-height:37px;padding:8px 14px;background:#324b61;border-bottom:1px solid #59778c;color:#e6f2fa;font-size:11px;line-height:1.4}.mission-strip strong{color:var(--cyan);font-size:12px}.mission-strip p{margin:0}#objective{color:#ffe0a1}.game-wrap{position:relative}#game{aspect-ratio:16 / 9;width:100%;display:flex;align-items:center;justify-content:center;outline:none;cursor:crosshair;background:#435d75}canvas{display:block;image-rendering:pixelated}#interact-prompt{color:#fff1b4;font-weight:650}.interact-prompt{flex-basis:100%;color:#ffecb3;font-size:10px;line-height:1.5}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#102237c9}.overlay-card{width:min(82%,450px);max-height:96%;overflow:auto;text-align:center;padding:25px;background:#2b435bef;border:1px solid #90bacd;border-radius:4px;box-shadow:0 12px 40px #00142555}.eyebrow{margin:0 0 13px;font:10px ui-monospace,monospace;letter-spacing:2px;color:#a3e5e7}.overlay-card h2{margin:0 0 12px;font-size:28px;letter-spacing:2px;color:#f8e5b6}.overlay-card>p:not(.eyebrow){margin:0 0 18px;font-size:12px;line-height:1.8;color:#d2e1ed}.overlay-card button{width:100%}.secondary{margin-top:8px;padding:8px 12px;background:transparent;color:#c8e4f0;border-color:#7396ad;font-size:12px}.secondary:hover{background:#3b5b75}.scene-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid var(--line);min-height:43px}.scene-footer p{margin:0;font-size:10px;line-height:1.8;color:#b9d1e2}.scene-footer b{margin:0 4px;font-weight:400;color:#779aad}kbd{font:10px ui-monospace,monospace;padding:2px 4px;margin-right:3px;border:1px solid #67859a;border-radius:2px;color:#e9f4fb;white-space:nowrap}.toolbar{display:flex;gap:6px;flex:none}.bottom-row{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;color:#a6bfd2;font-size:10px}.bottom-row>p{margin:1px 0;line-height:1.6}.bottom-row>p span{margin-left:16px}details{text-align:right;flex:none}summary{cursor:pointer}#debug{display:block;font:10px/1.8 ui-monospace,monospace;color:#b8daea;white-space:pre-line;margin-top:7px}.debug-note{margin:4px 0 0;font-size:10px}@media(max-width:900px){.workbench{padding:10px 16px}.brand span{display:none}.scene-footer{gap:8px}.scene-footer p{font-size:9px}.hud{gap:12px}}@media(max-width:600px){.workbench{padding:9px 10px 14px;gap:8px}.topbar{min-height:35px}.brand{font-size:18px}.build-tag{display:none}.prototype{width:100%}.hud{gap:8px;padding:9px;min-height:70px}.hud-cell>span{letter-spacing:0;font-size:9px}.hud-cell strong{font-size:18px}.hud-cell small{display:block;font-size:8px}.hud-cell strong small{display:inline;font-size:11px}#roll-state{font-size:15px}.sub-state{font-size:8px}.mission-strip{padding:6px 9px;font-size:10px}.mission-strip strong{font-size:11px}.scene-footer{align-items:flex-start}.scene-footer p{line-height:2}.scene-footer b{margin:0 2px}.toolbar{flex-direction:column;gap:4px}.small-button{padding:5px 8px}.bottom-row{flex-direction:column;gap:7px}.bottom-row>p span{margin-left:7px}details{text-align:left}.overlay-card{width:88%;padding:12px 16px}.overlay-card h2{font-size:21px;margin-bottom:7px}.overlay-card>p:not(.eyebrow){font-size:10px;line-height:1.65;margin-bottom:11px}.overlay-card .eyebrow{font-size:9px;margin-bottom:6px}.overlay-card button{padding:9px;font-size:12px}}.prototype:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;background:#17283d}.prototype:fullscreen .hud,.prototype:fullscreen .mission-strip,.prototype:fullscreen .scene-footer{flex-shrink:0}.prototype:fullscreen .game-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.prototype:fullscreen #game{width:min(100vw,calc((100dvh - 160px) * 16 / 9));max-height:100%;flex:none}.touch-controls{display:none;position:absolute;inset:0;z-index:8;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}.touch-device .touch-controls:not([hidden]){display:block}.move-stick,.aim-stick{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));width:clamp(84px,23vh,112px);height:clamp(84px,23vh,112px);border-radius:50%;background:#16212355;border:2px solid #d9ded14d;box-shadow:inset 0 0 0 14px #10191d20;pointer-events:auto;touch-action:none;cursor:grab}.move-stick{left:max(16px,env(safe-area-inset-left))}.aim-stick{right:max(16px,env(safe-area-inset-right));border-color:#dac29a70;background:#3b30264d}.stick-knob{position:absolute;left:50%;top:50%;width:36%;height:36%;border-radius:50%;transform:translate(-50%,-50%);background:#d0d8ce80;border:1px solid #e4e8d18a;pointer-events:none}.aim-stick .stick-knob{background:#d8b37c91}.stick-label{position:absolute;bottom:8px;left:0;width:100%;color:#e8e9dcad;font-size:10px;text-align:center;pointer-events:none}.touch-actions{position:absolute;right:clamp(111px,28vh,145px);bottom:15px;display:flex;gap:8px;align-items:flex-end;pointer-events:none}.touch-actions button{width:44px;height:44px;padding:0;border-radius:50%;background:#263331bf;color:#eff1dd;border:1px solid #adbdb58f;font-size:10px;font-weight:600;pointer-events:auto;touch-action:none}.touch-actions button[data-action=roll]{background:#665137b8;border-color:#dfbf89}.touch-actions button:active{background:#aa8b59}.touch-device{touch-action:none}.touch-device .scene-footer p{display:none}.touch-device .scene-footer{min-height:33px;padding:4px 8px;justify-content:flex-end}.touch-device .toolbar{flex-direction:row}.touch-device .hud{min-height:57px;padding:6px 12px;gap:12px}.touch-device .hud-cell strong{font-size:19px}.touch-device .hud-cell>span{font-size:9px;margin-bottom:2px}.touch-device .hud-cell small{display:inline;font-size:9px}.touch-device .sub-state{font-size:8px;margin-top:2px}.touch-device .hud-cell strong small{font-size:11px}.touch-device .mission-strip{min-height:31px;padding:5px 10px;font-size:10px}.touch-device .interact-prompt,.touch-help{display:none}.orientation-hint{position:absolute;top:0;left:0;right:0;z-index:10;pointer-events:none;background:#172326d9;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:5px 8px;text-align:center;color:#e7dfc3}.orientation-hint strong{font-size:11px}.orientation-hint span{font-size:10px}@media(orientation:landscape)and (max-height:600px){body:has(.touch-device){overflow:hidden;background:#242d30}.workbench:has(.touch-device){padding:0;gap:0;max-width:none;height:100svh}.workbench:has(.touch-device) .topbar,.workbench:has(.touch-device) .bottom-row{display:none}.prototype.touch-device{width:100%;height:100svh;border:0;border-radius:0;display:flex;flex-direction:column}.touch-device .hud,.touch-device .mission-strip,.touch-device .scene-footer{flex:none}.touch-device .game-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#202727}.touch-device #game{width:100%;height:100%;aspect-ratio:auto;max-height:100%}.touch-device .overlay-card{padding:12px 20px;width:80%}.touch-device .overlay-card h2{font-size:20px}.touch-device .overlay-card>p:not(.eyebrow){font-size:10px;margin-bottom:10px}.touch-device .overlay-card .eyebrow{display:none}.touch-device .overlay-card button{padding:8px;font-size:12px}}@media(orientation:portrait){.touch-device .move-stick,.touch-device .aim-stick{width:74px;height:74px;bottom:8px}.touch-device .move-stick{left:8px}.touch-device .aim-stick{right:8px}.touch-device .touch-actions{right:88px;bottom:8px;gap:5px}.touch-device .touch-actions button{width:32px;height:32px;font-size:9px}}.prototype.touch-device:fullscreen #game{width:100%;height:100%;aspect-ratio:auto}