*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0d12;color:#d7dce5;font-family:ui-monospace,Cascadia Code,Consolas,monospace}#app{display:flex;height:100vh}#stage-wrap{flex:1;display:flex;align-items:center;justify-content:center;background:#000;min-width:0;padding:12px}#stage{aspect-ratio:4 / 3;width:min(100%,(100vh - 24px) * 4 / 3);height:auto;max-height:calc(100vh - 24px)}#panel{display:none}h1{font-size:16px;margin:0}h2{font-size:12px;margin:8px 0 0;color:#7f8aa3;text-transform:uppercase;letter-spacing:.08em}.tag{font-size:10px;background:#1d2636;color:#6ea8fe;padding:2px 6px;border-radius:6px}#status{font-size:12px;color:#9fe0a0}#log{flex:1;margin:0;padding:8px;background:#06080c;border:1px solid #1b2230;border-radius:6px;font-size:11px;line-height:1.5;overflow:auto;white-space:pre-wrap}.hint{font-size:11px;color:#6b7488;margin:0}#music{position:fixed;width:1px;height:1px;left:-10px;top:-10px;overflow:hidden}#video-overlay{position:fixed;inset:0;z-index:1000;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer}#video-overlay[hidden]{display:none}#video{width:100%;height:100%;object-fit:contain;background:#000}#video-skip{position:fixed;top:16px;right:16px;z-index:1001;font:12px/1 ui-monospace,Consolas,monospace;color:#d7dce5;background:#141a26cc;border:1px solid #2b3650;border-radius:6px;padding:8px 12px;cursor:pointer}#video-skip:hover{background:#28344ce6}#video-play{position:fixed;z-index:1001;font:16px/1 ui-monospace,Consolas,monospace;color:#fff;background:#141a26d9;border:1px solid #2b3650;border-radius:10px;padding:16px 28px;cursor:pointer}#video-play:hover{background:#28344cf2}