:root{color-scheme:dark;--bg:#0b1015;--panel:#151b22;--line:#2c333c;--ink:#e6e5e0;--muted:#87939e;--accent:#c6ae80;font:14px/1.5 "Segoe UI","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit;background:#1c242d;border:1px solid var(--line);border-radius:3px;padding:9px 10px;cursor:pointer}button:hover{border-color:#8d8066;background:#27303a}button.active{border-color:var(--accent);background:#34322c;color:#f2dcae}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dbc18e;outline-offset:3px}a{color:var(--accent);text-decoration:none}a:hover{color:#ffe3ab}header{height:85px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px}.brand{display:flex;gap:14px;align-items:center;font:25px Georgia,serif;letter-spacing:5px;color:var(--ink)}.sigil{font:49px Georgia;color:var(--accent)}.brand small{display:block;font:9px "Segoe UI",sans-serif;letter-spacing:2.2px;color:var(--muted);margin-top:5px}.header-right{display:flex;gap:30px;align-items:center;font-size:12px}.live{color:#8faaa5;font-size:11px;letter-spacing:1px}main{display:grid;grid-template-columns:minmax(0,1fr) 285px;min-height:calc(100svh - 85px)}.viewport{min-width:0;position:relative;height:calc(100svh - 85px);min-height:590px;overflow:hidden;background:#141b23}.viewport canvas{display:block;width:100%;height:100%;touch-action:none}.scene-label{position:absolute;left:28px;top:27px;pointer-events:none}.scene-label>span{font-size:10px;letter-spacing:2px;color:var(--accent)}h1{font-size:26px;font-weight:400;margin:5px 0;letter-spacing:4px}.scene-label p{font-size:12px;color:var(--muted);margin:0;letter-spacing:1px}.view-buttons{position:absolute;bottom:50px;left:28px;display:flex;gap:4px}.view-buttons button{font-size:11px;padding:5px 10px;background:#151c24c9}.canvas-footer{position:absolute;bottom:16px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.serial{letter-spacing:2px;color:#6b7884}.hud{position:absolute;top:130px;left:28px;display:flex;gap:24px;pointer-events:none}.hud[hidden]{display:none}.hud small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.6px}.hud b{display:block;font-size:20px;font-weight:400}.hud i{font-style:normal;font-size:12px;color:var(--muted)}.health-track{width:95px;height:2px;background:#343c46;display:block}.health-track span{display:block;height:100%;width:100%;background:#c9b080}aside{padding:22px 18px 16px;border-left:1px solid var(--line);background:var(--panel);overflow:auto;max-height:calc(100svh - 85px)}.section-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:2px;padding-bottom:10px;margin:0 0 13px;border-bottom:1px solid var(--line)}.section-head:not(:first-child){margin-top:26px}.index{color:#5c6977;font-size:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px}.segmented button{font-size:12px;border-radius:0}.range-label{display:flex;justify-content:space-between;font-size:12px;color:#bec6cb}.range-label output{color:var(--accent)}input[type=range]{width:100%;height:3px;accent-color:var(--accent);cursor:pointer;margin:16px 0 11px}input[type=checkbox]{accent-color:var(--accent);margin-right:6px}.small-row{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.quick{display:flex;gap:6px;margin:15px 0 10px}.quick button{font-size:11px;flex:1}.toggle{font-size:11px;color:var(--muted)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.actions button{font-size:12px;text-align:left;padding:10px 8px}.actions small{font-size:9px;color:#7d8994;margin-right:8px}.playback{display:flex;gap:9px;align-items:center;margin-top:16px;font-size:11px}.playback button{font-size:11px;padding:5px 8px}.playback select{margin-left:auto;max-width:103px;font-size:10px;padding:5px 2px}.primary{width:100%;color:#161b20;background:var(--accent);border-color:var(--accent);font-size:12px;letter-spacing:2px}.primary:hover{background:#dfc798}.controls{color:var(--muted);font-size:10px;line-height:2.3}.controls kbd{font:10px inherit;color:#c5c7c7}.subtle{width:100%;font-size:11px;color:var(--muted);background:transparent}.downloads{display:flex;justify-content:space-between;align-items:center;padding:23px 0 0;font-size:10px}.downloads button{background:transparent;border:0;color:var(--accent);padding:0;font-size:10px}.footnote{font-size:9px;color:#62707e;padding-top:6px}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:15px 24px;background:#151c24e8;border:1px solid #7b6e53;color:var(--accent);font-size:13px}#loading[hidden]{display:none}@media(max-width:900px){header{height:69px;padding:0 18px}.brand{font-size:20px;letter-spacing:3px}.brand small{font-size:8px}.header-right{gap:14px}.live{display:none}main{grid-template-columns:minmax(0,1fr) 224px;min-height:calc(100svh - 69px)}aside{padding:17px 12px;max-height:calc(100svh - 69px)}.viewport{height:calc(100svh - 69px)}.scene-label{left:18px;top:20px}h1{font-size:21px}.scene-label p{max-width:200px;line-height:1.8;font-size:10px}.hud{left:18px;top:125px;gap:14px}.hud b{font-size:16px}.target-stat{display:none}.view-buttons{left:18px;gap:2px}.view-buttons button{padding:5px 7px}.canvas-footer{left:18px;right:18px}.serial{display:none}.section-head{margin-top:20px}.playback{gap:4px}.playback select{max-width:87px}.actions button{font-size:11px;padding:10px 5px}}@media(max-width:560px){main{grid-template-columns:1fr}.viewport{height:65svh;min-height:470px}aside{max-height:none;border-left:none;border-top:1px solid var(--line);padding:20px}.scene-label p{max-width:none}.actions{grid-template-columns:repeat(3,1fr)}.controls{font-size:12px}.target-stat{display:block}.hud{top:110px}.header-right{font-size:10px}}