*{box-sizing:border-box}html,body,#root{height:100%}:root{--violet: #a855f7;--violet-soft: rgba(168, 85, 247, .16);--cyan: #22d3ee;--cyan-soft: rgba(34, 211, 238, .16);--gold: #f5b83d;--green: #4ade80;--red: #f87171}body{margin:0;background:radial-gradient(circle at 15% -10%,rgba(168,85,247,.14) 0%,transparent 45%),radial-gradient(circle at 100% 10%,rgba(34,211,238,.1) 0%,transparent 40%),#05070d;color:#e6ecf5;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#7c8aa5;margin:0 0 6px}.start-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;background-image:linear-gradient(180deg,#05070d8c,#05070de0 55%,#05070d),url(/bg/hero-club.png);background-size:cover;background-position:center 30%}.start-card{width:min(480px,100%);background:#0b101eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,85,247,.35);border-radius:14px;padding:32px;box-shadow:0 0 0 1px #a855f714,0 30px 80px #0000008c,0 0 60px #a855f71f}.start-card .eyebrow{color:var(--cyan)}.start-card h1{margin:0 0 8px;font-size:30px;background:linear-gradient(90deg,#fff,#d9c8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.start-sub{color:#9aa8c9;font-size:14px;margin:0 0 24px}.checklist{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:10px}.checklist li{display:flex;align-items:center;gap:10px;color:#5c6a8a;font-size:14px;transition:color .2s}.checklist li.done{color:#e7ecf9}.check-dot{width:20px;height:20px;border-radius:50%;border:1px solid #33406a;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none}.checklist li.done .check-dot{background:var(--violet);border-color:var(--violet);color:#100418;box-shadow:0 0 10px #a855f7b3}.enter-btn{width:100%;height:56px;border-radius:10px;border:none;background:linear-gradient(90deg,#7c3aed,#06b6d4);color:#fff;font-size:16px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 30px #7c3aed73}.enter-btn:disabled{background:#21263a;color:#7c8aa5;cursor:default;box-shadow:none}.console-shell{height:100vh;max-height:100vh;overflow:hidden;padding:12px 22px 14px;display:flex;flex-direction:column;gap:10px;max-width:1280px;margin:0 auto;position:relative}.console-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(180deg,#05070df0,#05070dfa),url(/bg/texture-abstract.png);background-size:cover;background-position:center;opacity:.35}.status-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px 18px;background:#0d1222d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(168,85,247,.25);border-radius:10px;box-shadow:0 0 30px #a855f70f}.venue-label{font-size:14px;color:#b7c2e6;font-weight:600}.status-cluster{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid transparent}.status-ok{background:#1f9d5526;color:var(--green);border-color:#4ade8059}.status-warning{background:#eab30826;color:#facc15;border-color:#facc1559}.status-critical{background:#ef44442e;color:var(--red);border-color:#f8717166}.status-emergency{background:#ef4444;color:#fff;box-shadow:0 0 14px #ef4444b3}.mode-auto{background:#4ade8026;color:var(--green);box-shadow:0 0 12px #4ade8040}.mode-assist{background:var(--cyan-soft);color:var(--cyan);box-shadow:0 0 12px #22d3ee40}.mode-manual{background:var(--violet-soft);color:#c084fc;box-shadow:0 0 12px #a855f74d}.mode-safe{background:#ef4444;color:#fff;box-shadow:0 0 16px #ef4444b3}.stage-open-btn{background:#22d3ee1f;border:1px solid rgba(34,211,238,.4);color:var(--cyan);font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer}.stage-open-btn:hover{background:#22d3ee38}.status-clock{font-variant-numeric:tabular-nums;font-size:15px;color:#cdd8ee;margin-left:auto}.alert-stack{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:30;width:min(560px,92vw);display:flex;flex-direction:column;gap:8px;pointer-events:none}.alert-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:14px;border:1px solid transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #0006;pointer-events:auto}.alert-info{background:#0d1222d9;border-color:#63739a4d;color:#a9bcdc}.alert-warning{background:#eab3081f;border-color:#facc1566;color:#facc15}.alert-critical{background:#ef444424;border-color:#f8717180;color:#fca5a5;animation:pulse-border 1.4s ease-in-out 2}.alert-emergency{background:#ef4444;border-color:#fecaca;color:#fff;animation:pulse-border 1.2s ease-in-out 3}@keyframes pulse-border{0%,to{box-shadow:0 0 #f8717100}50%{box-shadow:0 0 0 3px #f8717159}}.alert-text{flex:1}.alert-dismiss{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;line-height:1;opacity:.7}.alert-dismiss:hover{opacity:1}.energy-curve-panel{flex:0 0 auto;background:#0d1222d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(168,85,247,.2);border-radius:10px;padding:10px 18px 4px}.energy-caption{display:flex;justify-content:space-between;font-size:12px;color:#8393b0;margin-bottom:2px}.energy-svg{width:100%;height:60px;display:block}.energy-path{fill:none;stroke:var(--gold);stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(245,184,61,.55))}.target-line{stroke:#2c3a58;stroke-dasharray:4 4;stroke-width:1}.energy-dot{fill:var(--gold);opacity:.55}.energy-dot-active{fill:#ffd580;stroke:var(--gold);stroke-width:2}.energy-tick{fill:#63739a;font-size:11px}.live-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px}.track-panel,.director-panel{min-height:0;overflow-y:auto;background:#0d1222d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #1e2a44;border-left-width:3px;border-radius:10px;padding:14px 16px;position:relative}.channel-a{border-left-color:var(--violet);box-shadow:-1px 0 24px #a855f71a}.channel-b{border-left-color:#2c3a58}.director-panel{border-left-color:var(--cyan);box-shadow:-1px 0 24px #22d3ee14}.track-panel h2{margin:0 0 2px;font-size:18px;line-height:1.2}.track-artist{margin:0 0 6px;color:#8393b0;font-size:12px}.source-tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;margin-bottom:8px}.tag-licensed{background:#3b82f62e;color:#60a5fa}.tag-pregenerated{background:var(--violet-soft);color:#c084fc}.tag-realtime{background:var(--cyan-soft);color:var(--cyan)}.tag-safe{background:#94a3b82e;color:#cbd5e1}.waveform-canvas{display:block;width:100%;height:32px;margin:2px 0 6px;border-radius:4px;background:#ffffff05}.level-meter{margin:0 0 8px}.level-track{height:4px;border-radius:999px;background:#17233c;overflow:hidden}.level-fill{display:block;height:100%;width:0%;transition:width .08s linear}.level-scale{display:flex;justify-content:space-between;margin-top:2px;font-size:9px;color:#4a577a}.track-meta{display:flex;gap:20px;margin-bottom:8px}.meta-label{display:block;font-size:10px;color:#63739a;text-transform:uppercase;letter-spacing:.05em}.track-meta strong,.director-stats strong{font-size:20px;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#cdd8ee);-webkit-background-clip:text;background-clip:text;color:transparent}.progress-track{height:5px;border-radius:999px;background:#17233c;overflow:hidden;margin-bottom:4px}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green))}.track-time{font-size:15px;font-variant-numeric:tabular-nums;margin:0 0 4px}.compat-row{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.compat-item{display:flex;align-items:center;gap:8px;font-size:10.5px;color:#8393b0}.compat-item span:first-child{flex:0 0 62px}.compat-track{flex:1;height:4px;border-radius:999px;background:#17233c;overflow:hidden}.compat-fill{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--cyan))}.compat-item span:last-child{flex:0 0 32px;text-align:right;color:#c3cee6}.track-ready{font-size:13px;font-weight:600;margin:4px 0 6px}.ready-ok{color:var(--green)}.ready-blocked{color:#facc15}.rights-line{margin:0;font-size:12px;color:var(--green)}.director-panel{display:flex;flex-direction:column;align-items:center;text-align:center}.director-panel .eyebrow{align-self:flex-start}.director-gauge{width:122px;height:122px;margin:0 0 8px}.gauge-ring-outer{fill:none;stroke:#22d3ee29;stroke-width:1;stroke-dasharray:2 6}.gauge-ring-outer-2{stroke:#a855f724;stroke-dasharray:1 8}.gauge-track{fill:none;stroke:#22d3ee1f;stroke-width:10}.gauge-value{fill:none;stroke:var(--cyan);stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(34,211,238,.65));transition:stroke-dasharray .6s ease}.gauge-center-value{font-size:40px;font-weight:700;fill:#fff}.gauge-center-label{font-size:12px;fill:#8393b0}.director-stats{display:flex;justify-content:center;gap:28px;margin:0 0 8px;text-align:center}.director-panel h3{font-size:13px;margin:0 0 6px;align-self:flex-start}.reason-list{align-self:stretch;margin:0;padding-left:16px;font-size:12px;color:#c3cee6;line-height:1.42;text-align:left}.reason-list li{margin-bottom:2px}.action-bar{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.action-btn,.hold-button{min-height:42px;border-radius:8px;border:1px solid #2a3358;background:#10162ad9;color:#e6ecf5;font-size:13px;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:border-color .15s,box-shadow .15s}.action-btn:hover:not(:disabled){border-color:#a855f799;box-shadow:0 0 16px #a855f740}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn-locked{border-color:#c084fc;color:#c084fc;box-shadow:0 0 14px #c084fc4d}.action-btn-resume{background:linear-gradient(90deg,#16a34a,#22c55e);border-color:#22c55e;color:#04140a}.hold-button{isolation:isolate}.hold-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transform:scaleX(var(--hold-progress, 0));background:#22d3ee52;z-index:-1;transition:transform .05s linear}.hold-strong .hold-fill{background:#f8717166}.hold-strong{border-color:#7f2626}.safe-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px 18px;background:#0d1222d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(74,222,128,.25);border-radius:10px}.safe-status{display:flex;align-items:center;gap:12px}.safe-status strong{font-size:14px}.safe-status p{margin:1px 0 0;font-size:11.5px;color:#8393b0}.safe-dot{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #4ade80cc;flex:none}.safe-actions{display:flex;gap:10px;flex-wrap:wrap}.safe-trigger{min-height:46px;min-width:210px}.emergency-btn{min-height:46px;min-width:210px;border-color:#7f2626;color:#fca5a5}.emergency-active{background:#ef4444;color:#fff;box-shadow:0 0 16px #ef444499}.fault-drawer{position:fixed;right:16px;bottom:16px;z-index:20;font-size:13px}.fault-toggle{background:#1a1030;border:1px dashed #6d5bd0;color:#c9bdf5;border-radius:8px;padding:8px 12px;cursor:pointer}.fault-panel{margin-top:8px;width:260px;background:#140b28;border:1px dashed #6d5bd0;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.fault-hint{margin:0 0 4px;color:#a99be0;font-size:12px;line-height:1.5}.fault-btn{background:#1f1440;border:1px solid #4a3a86;color:#d9d0f7;border-radius:6px;padding:8px 10px;cursor:pointer;text-align:left}.fault-btn.active{background:#7c3aed;color:#fff}@media (max-width: 980px){.live-grid{grid-template-columns:1fr}.action-bar{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.action-bar{grid-template-columns:repeat(2,1fr)}.status-cluster{gap:6px}}.stage-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0d1526,#05070d 75%);padding:24px}.stage-gate-card{width:min(480px,100%);text-align:center;background:#0b101eb8;border:1px solid rgba(34,211,238,.35);border-radius:14px;padding:40px 32px}.stage-gate-card .eyebrow{color:var(--cyan)}.stage-gate-card h1{font-size:26px;margin:0 0 10px}.stage-shell{position:relative;width:100vw;height:100vh;background:#000;overflow:hidden}.stage-video{width:100%;height:100%;object-fit:cover;transition:opacity .18s ease}.stage-overlay{position:absolute;left:24px;bottom:22px;z-index:5}.stage-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#05070d8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);color:#d8e2f2;font-size:13px;letter-spacing:.02em}.stage-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #4ade80cc}.stage-safe .stage-video{filter:saturate(.3) brightness(.4)}.stage-safe-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#7f141440;color:#fca5a5;font-size:22px;font-weight:700;letter-spacing:.04em;z-index:4}.stage-mute-btn{position:absolute;right:20px;bottom:20px;z-index:5;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#05070d59;border:1px solid rgba(255,255,255,.1);color:#d8e2f28c;cursor:pointer;opacity:.55;transition:opacity .15s,background .15s,color .15s}.stage-mute-btn:hover{opacity:1;background:#05070d99;color:#d8e2f2}