:root{--bg:#05080d;--panel:#0a1018c7;--panel-solid:#0b121b;--line:#ffffff17;--line-strong:#ffffff29;--text:#e8f0f7;--text-dim:#8fa3b5;--accent:#d9f45a;--accent-dim:#d9f45a29;--radius:16px;--shadow:0 18px 50px #00000073}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#scene.is-dragging{cursor:grabbing}#scene.is-pointing{cursor:pointer}.vignette{pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(120% 90% at 50% 42%,#0000 40%,#00000073 100%);position:absolute;inset:0}.welcome-start{z-index:4;color:orange;-webkit-backdrop-filter:blur(3px);letter-spacing:2px;text-shadow:0 2px 12px #0000009e;cursor:pointer;background:#f7990280;border:1px solid orange;border-radius:50%;place-items:center;width:190px;height:190px;padding:24px;font:600 36px/1.35 PingFang SC,Microsoft YaHei,sans-serif;transition:border-color .18s,transform .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 44px #0000002e,inset 0 1px #ffffff1f}.welcome-start:hover{transform:translate(-50%,-50%)scale(1.035)}.welcome-start[hidden]{display:none}.brand{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.2);box-shadow:var(--shadow);pointer-events:none;border-radius:14px;align-items:center;gap:12px;padding:10px 16px 10px 12px;display:flex;position:absolute;top:22px;left:24px}.brand__mark{background:radial-gradient(circle at 35% 30%,#f6ff9b,#cfe94a 55%,#93b312 100%);border-radius:50%;flex:none;width:30px;height:30px;position:relative;box-shadow:0 0 18px #d9f45a59}.brand__mark:after{content:"";border:1.5px solid #465a0a8c;border-color:#465a0a8c #0000;border-radius:50%;position:absolute;inset:4px 8px;transform:rotate(-24deg)}.brand__text h1{letter-spacing:.06em;margin:0;font-size:15px;font-weight:600}.brand__text p{color:var(--text-dim);letter-spacing:.02em;margin:2px 0 0;font-size:11px}.panel{overscroll-behavior:contain;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.25);width:300px;max-height:calc(100vh - 44px);box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;padding:6px 18px 14px;position:absolute;top:22px;right:22px;overflow-y:auto}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}.panel__head{letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;padding:14px 0 10px;font-size:10.5px;display:flex}.panel__dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%}.section{border-top:1px solid var(--line);padding:14px 0}.section__head{justify-content:space-between;align-items:center;min-height:24px;display:flex}.section__head h2{letter-spacing:.04em;color:var(--text);margin:0;font-size:13px;font-weight:600}.badge{color:var(--text-dim);border:1px solid var(--line);border-radius:99px;padding:2px 9px;font-size:10.5px}.switch{border:1px solid var(--line-strong);cursor:pointer;background:#ffffff0d;border-radius:99px;width:42px;height:24px;padding:0;transition:background .22s,border-color .22s;position:relative}.switch__knob{background:#cfdae4;border-radius:50%;width:18px;height:18px;transition:transform .22s cubic-bezier(.34,1.4,.64,1),background .22s;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--accent-dim);border-color:#d9f45a8c}.switch[aria-checked=true] .switch__knob{background:var(--accent);transform:translate(18px);box-shadow:0 0 12px #d9f45a80}.dim-list{gap:7px;margin-top:12px;transition:opacity .25s;display:grid}.dim-list.is-off{opacity:.32}.dim-row{color:var(--text-dim);justify-content:space-between;align-items:baseline;gap:10px;font-size:11.5px;display:flex}.dim-row strong{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;font-weight:500}.dim-row strong em{color:var(--text-dim);margin-left:2px;font-size:10.5px;font-style:normal}.btn{appearance:none;border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:12px;transition:transform .15s,background .2s,border-color .2s,color .2s}.btn:hover{border-color:var(--line-strong);background:#ffffff14}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:#0b1014;border-color:var(--accent);font-weight:600;box-shadow:0 6px 20px #d9f45a2e}.btn--primary:hover{background:#e4ff6d;border-color:#e4ff6d}.btn--ghost{color:#c8d5e0}.btn--icon{padding-left:10px;padding-right:10px}.btn--wide{width:100%}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-row{gap:7px;margin-top:12px;display:flex}.btn-row .btn--primary{flex:1}.tip{color:var(--text-dim);margin:11px 0 0;font-size:10.5px;line-height:1.85}kbd{text-align:center;color:#b9c8d5;border:1px solid var(--line-strong);background:#ffffff0a;border-bottom-width:2px;border-radius:4px;min-width:17px;margin:0 1px;padding:0 4px;font-family:inherit;font-size:10px;line-height:16px;display:inline-block}.palette{border-top:1px dashed var(--line);flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:11px;display:flex}.palette__dot{border:1px solid #00000059;border-radius:50%;width:13px;height:13px;transition:transform .2s,box-shadow .2s;box-shadow:0 0 0 2px #ffffff0f}.palette__dot.is-active{transform:scale(1.25);box-shadow:0 0 0 2px #fff9,0 0 12px}.bg-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.bg-btn{border:1px solid var(--line);cursor:pointer;color:var(--text-dim);background:#ffffff08;border-radius:11px;padding:6px 6px 8px;font-family:inherit;font-size:10.5px;transition:border-color .2s,background .2s,color .2s,transform .15s}.bg-btn:hover{border-color:var(--line-strong);background:#ffffff0f;transform:translateY(-1px)}.bg-btn__swatch{border:1px solid #ffffff14;border-radius:7px;height:40px;margin-bottom:7px;display:block;position:relative;overflow:hidden}.bg-btn__swatch:after{content:"";background:linear-gradient(#0000,#00000059);height:34%;position:absolute;bottom:0;left:0;right:0}.bg-btn__swatch--cliff{background:linear-gradient(#050b14 0%,#0d1c2e 55%,#20465f 100%)}.bg-btn__swatch--beach{background:linear-gradient(#1c2a56 0%,#8a5077 52%,#ffa45e 100%)}.bg-btn__swatch--road{background:linear-gradient(#080f1e 0%,#2b3d55 62%,#6b7280 100%)}.bg-btn.is-active{background:var(--accent-dim);color:var(--text);border-color:#d9f45a99;box-shadow:inset 0 0 0 1px #d9f45a29}.panel__foot{border-top:1px solid var(--line);gap:8px;padding-top:13px;display:grid}.foot-hint{color:#6e8294;text-align:center;letter-spacing:.02em;font-size:10px}.toast{border:1px solid var(--line-strong);color:var(--text);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#0c121aeb;border-radius:99px;padding:9px 16px;font-size:12px;transition:opacity .25s,transform .25s;position:absolute;bottom:34px;left:50%;transform:translate(-50%,12px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.loading{z-index:50;background:radial-gradient(circle at 50% 45%,#0d1a26 0%,#04070b 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .6s;display:flex;position:absolute;inset:0}.loading.is-hidden{opacity:0;pointer-events:none}.loading p{letter-spacing:.24em;color:#7f93a6;margin:0;font-size:11.5px}.loading__ball{background:radial-gradient(circle at 35% 30%,#f6ff9b,#cfe94a 60%,#8fae0f 100%);border-radius:50%;width:26px;height:26px;animation:1.1s cubic-bezier(.5,0,.5,1) infinite bounce;box-shadow:0 0 26px #d9f45a66}@keyframes bounce{0%,to{transform:translateY(-14px)scale(1)}48%{transform:translateY(16px)scale(1.06,.92)}55%{transform:translateY(14px)scale(1.12,.86)}}@media (width<=860px){.brand{gap:9px;padding:8px 12px 8px 9px;top:12px;left:12px}.brand__mark{width:26px;height:26px}.brand__text h1{font-size:13px}.brand__text p{font-size:9.5px}.panel{width:auto;max-height:46vh;padding:2px 14px 12px;inset:auto 10px 10px}.panel__head{padding:11px 0 6px}.section{padding:12px 0}.foot-hint{display:none}.bg-btn__swatch{height:30px}.bg-grid{grid-template-columns:repeat(2,1fr)}.toast{top:70px;bottom:auto}}.dimension-overlay{pointer-events:none;z-index:3;position:fixed;inset:0;overflow:hidden}.dimension-label{white-space:nowrap;border:1px solid;border-radius:5px;padding:3px 7px;font:14px/1.4 sans-serif;position:absolute;transform:translate(-50%,-50%)}.dimension-overlay[hidden],.dimension-label[hidden]{display:none}.action-select{color:#f2f6fa;background:#17283c;border:1px solid #536a83;border-radius:7px;width:100%;margin:5px 0 12px;padding:9px;font-size:14px}@media (width<=640px){.panel{max-height:45vh;overflow-y:auto}.brand{pointer-events:none}}.panel,.brand{z-index:5}[hidden]{display:none!important}.panel-toggle{border:1px solid var(--line);width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;font-size:22px}.panel-launcher{z-index:6;border:1px solid var(--line);width:46px;height:46px;color:var(--accent);background:var(--panel-solid);box-shadow:var(--shadow);cursor:pointer;border-radius:14px;font-size:28px;position:fixed;top:22px;right:22px}.panel-toggle:hover,.panel-launcher:hover{border-color:var(--accent)}.section__head h2{flex:1}.section__toggle{width:100%;min-height:32px;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;display:flex}.section__toggle:hover{color:var(--accent)}.section__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.section__chevron{transition:transform .15s;display:inline-block}.section__toggle[aria-expanded=false] .section__chevron{transform:rotate(-90deg)}.panel__foot>.section__head{width:100%}.panel__foot>.section__content{flex-direction:column;gap:8px;width:100%;display:flex}.bg-grid{flex-wrap:nowrap;gap:8px;display:flex}.bg-btn{white-space:nowrap;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:7px 5px;font-size:11px;display:flex}.bg-btn__swatch{border-radius:5px;flex:none;width:22px;height:22px;margin:0}@media (width<=860px){.panel-launcher{top:auto;bottom:12px;right:12px}}.audience-button{margin-top:12px}.audience-bubble{z-index:4;color:#fff;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#162435b8;border:1px solid #ffffff73;border-radius:14px;padding:9px 15px;font:14px/1.5 sans-serif;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 16px #0000002e}.audience-bubble:after{content:"";border:7px solid #0000;border-top-color:#162435b8;border-bottom:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.rally-trace-toggle{cursor:pointer;align-items:center;gap:6px;margin-top:10px;display:flex}.rally-legend{color:#a9b6ca;margin:10px 0;padding-left:20px;font-size:12px;line-height:1.8}.rally-legend li:first-child::marker{color:#d1ec5a}.rally-legend li:nth-child(2)::marker{color:#e7eff8}.rally-legend li:nth-child(3)::marker{color:#60c9ff}.rally-legend li:nth-child(4)::marker{color:#ffd546}.rally-legend li.is-current{color:#fff2aa;font-weight:600}.rally-hud{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#091421d1;border:1px solid #daf46466;border-radius:12px;max-width:min(440px,100vw - 48px);padding:12px 18px;position:fixed;bottom:24px;left:24px}.rally-hud strong{color:#e8f797;font-size:15px;display:block}.rally-hud span{color:#bac9d9;margin-top:5px;font-size:12px;display:block}@media (width<=860px){.rally-hud{top:auto;left:50%;bottom:calc(14vh + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 24px);padding:9px 12px;transform:translate(-50%,50%)}}.capture-tools{z-index:7;gap:9px;display:flex;position:fixed;top:24px;right:420px}.capture-tool{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0a1018c7;border:1px solid #ffffff38;border-radius:14px;place-items:center;width:46px;height:46px;padding:10px;transition:transform .16s,border-color .16s,background .16s;display:grid;box-shadow:0 8px 24px #0000004d}.capture-tool:hover{border-color:var(--accent);background:#141f2bf0;transform:translateY(-2px)}.capture-tool svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.capture-tool.is-photo-active{color:#78e5ff;background:#0e4554f0;border-color:#78e5ff}.capture-tool.is-recording{color:#ff6868;background:#4e161cf0;border-color:#ff6868;animation:1.2s ease-in-out infinite record-pulse}.capture-tool .sound-slash{display:none}.capture-tool.is-sound-muted{color:#aab4c0}.capture-tool.is-sound-muted .sound-wave{display:none}.capture-tool.is-sound-muted .sound-slash{display:block}@keyframes record-pulse{50%{box-shadow:0 0 0 5px #ff414129,0 8px 24px #0000004d}}.capture-watermark{z-index:6;color:#fff;text-shadow:1px 2px 4px #000c;pointer-events:none;font:16px/1 Arial,Helvetica,sans-serif;position:fixed;bottom:24px;left:24px}.capture-flash{z-index:12;opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}.capture-flash.is-capturing{animation:.42s ease-out camera-flash}@keyframes camera-flash{0%{opacity:.88}to{opacity:0}}.capture-dialog{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01050abd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.capture-dialog__card{text-align:center;background:#101a26;border:1px solid #ffffff29;border-radius:18px;flex-direction:column;align-items:center;gap:9px;width:min(760px,94vw);max-height:92vh;padding:24px;display:flex;position:relative;overflow:auto;box-shadow:0 24px 80px #00000080}.capture-dialog__card h2{margin:2px 30px 0;font-size:19px}.capture-dialog__card p{color:#aebdce;margin:0 0 6px;font-size:14px}.capture-dialog__close{color:#dce7f2;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:27px;position:absolute;top:9px;right:12px}.capture-preview{object-fit:contain;background:#05080d;border:1px solid #ffffff1f;border-radius:8px;max-width:100%;max-height:62vh;display:block}.capture-dialog__actions{justify-content:center;gap:10px;margin-top:4px;display:flex}@media (width<=1100px){.capture-tools{top:82px;right:18px}}@media (width<=860px){.capture-tools{gap:7px;top:78px;right:12px}.capture-tool{border-radius:12px;width:42px;height:42px}.capture-watermark{bottom:18px;left:14px}.capture-dialog__card{padding:20px 14px}}.player-settings-dialog{z-index:22}.player-settings-card{text-align:left;align-items:stretch;width:min(390px,92vw)}.player-settings-card h2,.player-settings-card>p{text-align:center}.metric-field{color:#e8f0f7;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;font-size:15px;display:grid}.metric-field span{color:#91a5b7;font-size:13px}.metric-field input{color:#fff;background:#09121d;border:1px solid #fff3;border-radius:9px;outline:none;grid-column:1/-1;width:100%;padding:11px 12px;font:16px/1.2 Arial,sans-serif}.metric-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.player-settings-card .tip{text-align:center}.player-context-menu{z-index:21;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c141ef5;border:1px solid #ffffff29;border-radius:10px;min-width:128px;padding:5px;position:fixed;box-shadow:0 12px 32px #0000006b}.player-context-menu button{color:#edf4fb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:9px 12px}.player-context-menu button:hover,.player-context-menu button:focus-visible{color:var(--accent);background:var(--accent-dim);outline:0}