:root{font-family:PingFang SC,Hiragino Sans GB,system-ui,sans-serif;color:#e9e6df;background:#141518;font-synthesis:none;--muted:#999b9e;--line:#333438;--accent:#e5bd7d;--green:#a9d8c6;--panel:#1c1d20}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{color:inherit;background:#292a2e;border:1px solid #444449;border-radius:6px;padding:9px 13px}button{cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#38383c;border-color:#77716a}button:disabled{opacity:.4;cursor:wait}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}#app{height:100dvh;min-height:550px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:74px;flex-shrink:0;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#191a1d}.brand{display:flex;gap:13px;align-items:center}.brand-mark{font-family:serif;font-size:23px;color:var(--accent);border:1px solid #746044;display:grid;place-items:center;width:38px;height:42px;border-radius:3px}.brand h1{font-family:Songti SC,serif;letter-spacing:2px;font-size:22px;margin:0;font-weight:600}.brand h1 span{font-family:system-ui,sans-serif;letter-spacing:1px;font-size:12px;color:#bbb7ad;font-weight:400}.brand p{font-size:9px;letter-spacing:3px;color:#9c9280;margin:5px 0 0}.top-actions{display:flex;gap:22px;align-items:center}.build-label{font:10px monospace;letter-spacing:2px;color:var(--muted)}#toggle-panel{border-color:#7b6447;color:#ead4b0;background:#332c24}#toggle-panel span{opacity:.5;margin-left:10px}.workspace{flex:1;min-height:0;display:flex}.stage{position:relative;min-width:0;flex:1;overflow:hidden;background:#161619}.stage canvas{display:block;width:100%;height:100%}.scene-hud{position:absolute;left:26px;top:24px;display:flex;gap:12px;align-items:flex-start;pointer-events:none;text-shadow:0 2px 8px #000}.scene-hud>div{padding:7px 15px 10px;background:#17191de0;border-left:2px solid #a68d69;max-width:420px;border-radius:0 5px 5px 0}.eyebrow{font:9px monospace;letter-spacing:2px;color:#c3b396}.scene-hud h2{font-size:16px;letter-spacing:1px;font-weight:500;margin:6px 0}.scene-hud p{font-size:11px;color:#bdbbb6;margin:0;line-height:1.6}.state-pill{margin-top:7px;border:1px solid #82b4ad87;border-radius:4px;color:#c3e8e1;background:#123a36e8;padding:6px 9px;font-size:11px}.state-pill.revealed{border-color:#d7b47680;background:#4c3522e8;color:#f5d39c}.scene-footnote{position:absolute;bottom:14px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:10px;color:#e2d6c3a1;text-shadow:0 1px 5px #000;pointer-events:none;letter-spacing:1px}.damage{position:absolute;transform:translate(-50%,-50%);font:700 24px Georgia,serif;color:#fff1c3;text-shadow:2px 2px 0 #5d2022,-1px -1px 0 #5d2022;pointer-events:none}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;background:#17181cf0;color:#cdb891;font-size:13px}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.error-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:420px;padding:24px;background:#292126;border:1px solid #ac6c63;border-radius:8px;line-height:1.8;font-size:13px}.transport{flex-shrink:0;padding:16px 28px 10px;background:#191a1d;border-top:1px solid var(--line)}.transport-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.playback{display:flex;gap:8px;align-items:center}.playback button{font-size:12px}.primary{background:#d7b580;color:#272119;border-color:#e8c58e;font-weight:650;min-width:100px}.primary:hover{background:#eac991}.speed-label{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted);margin-left:10px}.speed-label select{padding:7px 9px;color:#e9e2d8;font-size:12px}#clock{color:#b8ae9d;font:11px monospace;margin-left:12px;min-width:64px}.mode-switch{display:flex;background:#121315;padding:3px;border-radius:7px}.mode-switch button{padding:8px 12px;border:0;background:none;color:#97989c;font-size:11px}.mode-switch button[aria-pressed=true]{background:#343438;color:#e9ddc8}.timeline{display:flex;gap:6px;margin-top:16px}.beat{flex:1;min-width:0}.beat i{display:block;height:3px;background:#38383e;border-radius:2px}.beat span{display:block;color:#67666a;font:8px monospace;margin-top:5px}.beat.passed i{background:#887355}.beat.current i{background:#e3bc7b}.beat.current span{color:#e3bc7b}.preview-controls{margin-top:12px;display:flex;align-items:center;gap:10px;font-size:11px}.preview-controls select{max-width:190px;font-size:11px;padding:6px}.preview-controls button{font-size:10px;padding:6px}.preview-controls input{flex:1;accent-color:var(--accent);max-width:400px}.preview-controls span{font-size:10px;color:var(--muted)}#frame-value{font:10px monospace;min-width:45px}.tuning-panel{width:320px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--line);overflow-y:auto;padding:23px 21px;scrollbar-width:thin;scrollbar-color:#514b40 transparent}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font-size:20px;font-weight:500;margin:9px 0 0;letter-spacing:1px}.icon-button{border:0;background:none;font-size:23px;color:#aaa;padding:5px 8px}.panel-note{font-size:10px;line-height:1.9;color:#979797;margin:16px 0 20px}details{border-top:1px solid #3c3a36}summary{padding:16px 0;font-size:12px;cursor:pointer;color:#d0c4b1;list-style:none}summary:before{content:"＋";margin-right:9px;color:#8f877b}details[open]>summary:before{content:"−"}summary span{font:9px monospace;float:right;color:#81796c}.fields{padding-bottom:10px}.slider-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin:0 0 18px;align-items:center}.slider-row>span{font-size:11px;color:silver}.slider-row output{font:10px monospace;color:#d7be96}.slider-row input{grid-column:1/3;width:100%;margin:0;accent-color:var(--accent);height:12px;cursor:pointer}.slider-row small{grid-column:1/3;font-size:9px;color:#757679;margin-top:-5px}.preset-actions{border-top:1px solid var(--line);padding-top:19px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-actions button{font-size:10px;padding:10px 6px}#toast{position:fixed;bottom:125px;left:50%;transform:translate(-50%,10px);max-width:90%;padding:12px 20px;background:#242926;border:1px solid #777b62;box-shadow:0 6px 24px #0007;border-radius:6px;color:#e1e7d7;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.visible{opacity:1;transform:translate(-50%)}@media(max-width:900px){.topbar{padding:0 16px;height:65px}.brand h1 span{display:none}.top-actions{gap:10px}.build-label{display:none}.transport{padding:12px 14px 9px}.transport-main{gap:10px;flex-wrap:wrap}.playback{gap:6px}.speed-label{margin:0;font-size:0;gap:0}#clock{margin-left:4px}.mode-switch{margin-left:auto}.tuning-panel{position:absolute;right:0;top:65px;bottom:128px;z-index:10;width:min(320px,88vw);box-shadow:-12px 0 40px #0006}.scene-hud{left:16px;top:16px}.scene-hud>div{max-width:330px}.preview-controls span{display:none}.scene-footnote{font-size:8px;left:14px;right:14px}.scene-hud p{font-size:10px}.scene-hud h2{font-size:14px}}@media(max-width:540px){#app{min-height:520px}.topbar{height:58px}.brand h1{font-size:20px}.brand p{font-size:8px;letter-spacing:2px}.brand-mark{width:30px;height:35px;font-size:20px}#toggle-panel{font-size:11px;padding:8px}#toggle-panel span{display:none}.playback{width:100%;justify-content:space-between}.playback button{font-size:10px;padding:8px}.primary{min-width:85px}.mode-switch{margin:0;width:100%}.mode-switch button{flex:1}.scene-hud>div{max-width:260px}.scene-hud{gap:6px;left:10px;top:12px}.scene-hud p{max-width:220px}.state-pill{font-size:9px;padding:5px}.scene-footnote>span{display:none}.preview-controls{gap:5px;flex-wrap:wrap}.preview-controls input{min-width:80px}.preview-controls select{max-width:150px}.tuning-panel{top:58px;bottom:165px}.damage{font-size:17px}}@media(prefers-reduced-motion:reduce){button,#toast{transition:none}}.audio-settings{position:relative;border:0;z-index:30}.audio-settings>summary{padding:9px 13px;border:1px solid #444449;border-radius:6px;background:#292a2e;color:#e9ddc8;font-size:12px}.audio-settings>summary:before{content:none}.audio-popover{position:absolute;top:44px;right:0;width:240px;padding:16px;background:#202125;border:1px solid #575047;box-shadow:0 10px 32px #0008;border-radius:6px;display:grid;gap:14px}.audio-popover label{display:flex;align-items:center;gap:10px}.audio-popover button{font-size:11px;white-space:nowrap;padding:8px 10px}.audio-popover input{width:105px;accent-color:var(--accent)}.audio-popover small{color:var(--muted);font-size:10px}.audio-popover button[aria-pressed=false]{color:#999}.audio-popover #test-sound{color:var(--accent)}.battle-start{position:absolute;transform:translate(-50%,-50%);z-index:5;min-width:160px;padding:13px 26px;background:#35251cf5;color:#ffe0a4;border:2px solid #d4ac69;border-radius:2px;box-shadow:0 3px #1b1514,0 0 0 2px #33251c;letter-spacing:2px;font-size:17px;font-weight:600}.battle-start small{display:block;font:8px monospace;letter-spacing:3px;color:#b89a70;margin-top:5px}.battle-start:hover{background:#59402a;border-color:#f1d194}.audio-popover select{font-size:11px;padding:7px;width:100%}@media(max-width:600px){.battle-start{font-size:13px;min-width:120px;padding:9px 18px}.battle-start small{font-size:7px}}.release-view #app{min-height:0;height:100dvh}.release-view .topbar,.release-view .transport,.release-view .scene-hud,.release-view .scene-footnote,.release-view .tuning-panel{display:none!important}.player-music{position:absolute;right:16px;top:16px;z-index:5;background:#211d1bcc;color:#e0c9a4;border-color:#84704c;font-size:12px;padding:8px 12px}.release-view #toast{bottom:24px}