:root{--bg: #0a0c10;--card: rgba(8, 10, 14, .55);--line: rgba(255, 196, 64, .28);--accent: #ffb000;--accent2: #ff6a00;--cyan: #ffd45a;--text: #fff8ea;--muted: rgba(255, 236, 200, .52);--font: "Segoe UI", "Bahnschrift", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font)}#view{display:block;width:100%;height:100%;position:relative;z-index:0;pointer-events:none}#view.playing{pointer-events:auto}.fx-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:#eef6ff;opacity:0;mix-blend-mode:screen;transition:opacity .05s linear}.fx-dizzy{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;opacity:0;visibility:hidden;background:radial-gradient(ellipse at 50% 50%,transparent 34%,rgba(10,6,10,.55) 100%)}.fx-slomo{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:0;visibility:hidden;background:radial-gradient(ellipse at 48% 40%,transparent 22%,rgba(12,6,2,.42) 100%);box-shadow:inset 0 0 140px #ff480c29;transition:opacity .18s linear}.fx-slomo.on{visibility:visible}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:auto;background:linear-gradient(115deg,rgba(255,120,0,.16),transparent 42%),radial-gradient(ellipse at 80% 0%,rgba(255,196,40,.18),transparent 46%),#0405089e;z-index:100}.menu-card{width:min(760px,92vw);max-height:min(92vh,860px);overflow:auto;padding:36px 36px 26px;background:linear-gradient(180deg,#12100cd1,#08080ab8);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}.festival-tag{display:inline-block;padding:4px 12px 4px 10px;margin-bottom:10px;background:linear-gradient(90deg,#ffb000,#ff7a00);color:#1a1000;font-size:11px;font-weight:700;letter-spacing:.28em;transform:skew(-12deg)}.eyebrow{letter-spacing:.42em;font-size:11px;color:var(--accent);font-weight:600}.menu-card.small{width:min(320px,88vw);text-align:center}.eyebrow{letter-spacing:.42em;font-size:11px;color:var(--cyan);font-weight:500}h1{font-size:clamp(36px,5.4vw,56px);font-weight:600;letter-spacing:.06em;line-height:1.05;margin:10px 0 8px}h2{margin-bottom:18px;font-weight:560;letter-spacing:.08em}.subtitle{color:var(--muted);margin-bottom:28px;font-size:14px;letter-spacing:.12em}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mode-btn{position:relative;z-index:2;pointer-events:auto;text-align:left;padding:16px 16px 16px 52px;border:1px solid rgba(255,176,40,.18);background:#ffffff08;color:inherit;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);transition:border-color .15s ease,background .15s ease,transform .15s ease}.mode-btn em{position:absolute;left:12px;top:16px;font-style:normal;font-size:12px;letter-spacing:.12em;color:var(--accent);font-weight:700}.mode-btn:hover{border-color:var(--accent);background:#ffb0281a;transform:translate(4px)}.mode-btn b{display:block;font-size:16px;font-weight:600;letter-spacing:.08em;margin-bottom:6px}.mode-btn span{color:var(--muted);font-size:12px;letter-spacing:.04em}.menu-note{margin-top:22px;color:var(--muted);font-size:12px;letter-spacing:.08em}kbd{display:inline-block;min-width:22px;padding:1px 6px;border-radius:2px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;font-family:inherit;color:#fff}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.hud:not(.hidden) .ghost,.hud:not(.hidden) .touch-pad,.hud:not(.hidden) .pad{pointer-events:auto}.hotkeys{position:absolute;top:0;left:0;right:0;z-index:20;pointer-events:none;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}.hotkeys.show{opacity:1;transform:translateY(0)}.hotkeys-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;padding:14px 28px 16px;background:linear-gradient(180deg,rgba(48,52,58,.72) 0%,rgba(28,30,34,.42) 70%,transparent 100%);color:#fff;font-size:13px;letter-spacing:.08em}.hotkeys-inner b{font-weight:600;margin-right:6px;opacity:.92}.hud-rig{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.hud-strip{position:absolute;top:18px;left:22px;right:108px;display:flex;align-items:stretch;gap:8px}.stat{padding:8px 14px 8px 12px;background:#06070a8c;border-left:3px solid var(--accent);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}.stat.pos{background:linear-gradient(90deg,#ffb000eb,#ff7800c7);border-left:none;color:#1a1000}.stat.pos em,.stat.pos strong span{color:#281800a6}.stat.pos strong{color:#1a1000}.stat em{display:block;font-style:normal;font-size:10px;letter-spacing:.22em;color:var(--muted);margin-bottom:2px}.stat strong{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em}.stat strong span{color:var(--muted);font-size:14px}.stat.clock strong{font-size:22px}.hud-left{position:absolute;left:22px;bottom:28px;display:flex;flex-direction:column;gap:8px;width:min(240px,42vw)}.meter span{display:block;font-size:10px;letter-spacing:.28em;color:var(--accent);margin-bottom:4px;font-weight:700}.hbar{height:8px;background:#00000073;overflow:hidden;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);transform:skew(-12deg)}.hbar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#ffd45a,#ff7a00)}.hbar.drift i{background:linear-gradient(90deg,#ffe9a8,#ff4d00)}.hud-right{position:absolute;right:18px;bottom:18px}.gauge-wrap{position:relative;width:236px;height:236px}.gauge-wrap canvas{width:236px;height:236px;display:block;filter:drop-shadow(0 0 16px rgba(255,160,20,.28))}.gauge-readout{position:absolute;left:0;right:0;bottom:42px;text-align:center;pointer-events:none}.gauge-readout strong{display:block;font-size:48px;font-weight:700;line-height:.9;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#fff6d8;text-shadow:0 2px 0 #000,0 0 18px rgba(255,170,0,.35)}.gauge-readout small{color:var(--muted);letter-spacing:.28em;font-size:10px}.countdown-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none;z-index:6}.countdown-wrap.hidden{display:none!important}.countdown-num{font-size:clamp(72px,14vw,120px);font-weight:300;letter-spacing:.12em;line-height:1;text-shadow:0 8px 40px rgba(0,0,0,.45)}.launch-ready{width:min(280px,70vw)}.launch-ready span{display:block;color:var(--muted);font-size:11px;letter-spacing:.28em;margin-bottom:8px;text-align:center}.track.launch{height:3px;background:#ffffff1f;overflow:hidden}.track.launch i{display:block;height:100%;width:0%;background:#fff}.go-flame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;overflow:hidden;mix-blend-mode:screen}.go-flame canvas{display:block;width:100%;height:100%;opacity:.25}.go-flame:before,.go-flame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--rim, 0);animation:flame-lick .55s steps(2) infinite}.go-flame:before{background:linear-gradient(180deg,rgba(255,140,30,.42) 0%,rgba(255,40,0,.08) 11%,transparent 19%),linear-gradient(0deg,rgba(255,120,20,.42) 0%,rgba(255,30,0,.08) 11%,transparent 19%)}.go-flame:after{background:linear-gradient(90deg,rgba(255,90,10,.4) 0%,rgba(255,40,0,.06) 9%,transparent 16%),linear-gradient(270deg,rgba(255,90,10,.4) 0%,rgba(255,40,0,.06) 9%,transparent 16%);animation-delay:.18s}@keyframes flame-lick{0%{filter:hue-rotate(0deg) brightness(1) saturate(.55)}50%{filter:hue-rotate(-16deg) brightness(1.18) saturate(.65)}to{filter:hue-rotate(10deg) brightness(.9) saturate(.5)}}.finish{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:26px;font-weight:400;letter-spacing:.08em;text-align:center;line-height:1.6;background:#00000061;z-index:7}.finish.heat-finish{align-content:start;padding-top:9vh;background:transparent;pointer-events:none}.finish-stamp{font-size:clamp(64px,14vw,148px);font-weight:900;font-style:italic;letter-spacing:.06em;line-height:.86;color:#ff6a12;text-shadow:0 0 12px rgba(255,180,40,.85),0 0 42px rgba(255,70,0,.55),4px 6px 0 rgba(40,8,0,.55);transform:skew(-14deg) scale(1.05);animation:heat-finish-slam .38s cubic-bezier(.12,.82,.22,1) both}.finish-sub{margin-top:18px;font-size:16px;letter-spacing:.16em;color:#ffe7c4;text-shadow:0 2px 12px #000;transform:skew(-8deg)}@keyframes heat-finish-slam{0%{transform:skew(-14deg) scale(1.55) translate(-8%);opacity:0;filter:blur(8px)}55%{transform:skew(-16deg) scale(1.08);opacity:1;filter:blur(0)}to{transform:skew(-14deg) scale(1.05)}}.ghost,.btn{pointer-events:auto;cursor:pointer;border:1px solid var(--line);background:#080a1073;color:var(--text);border-radius:2px;padding:8px 12px;letter-spacing:.12em;font-size:12px}#btn-pause{position:absolute;top:22px;right:24px;z-index:8}.touch-pad{display:none;pointer-events:auto;position:absolute;left:24px;bottom:118px;grid-template-columns:76px minmax(110px,1fr) 76px;gap:8px;width:min(380px,calc(100vw - 48px))}.pad{pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid var(--line);background:#080a10b3;color:var(--text);border-radius:2px;padding:14px 8px;font-size:13px;cursor:pointer}.pad.wide{grid-column:2}.pad:active,.pad.on{background:#ffffff29}.btn{width:100%;margin-top:8px;padding:12px;background:linear-gradient(90deg,#ffd45a,#ff8a00);color:#1a1000;border:none;font-size:14px;font-weight:700;letter-spacing:.16em;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.ghost-btn{background:transparent;color:var(--text);border:1px solid var(--line)}.hidden{display:none!important}@media(max-width:720px){.mode-grid{grid-template-columns:1fr}.hud-strip{gap:14px;right:88px}.gauge-wrap,.gauge-wrap canvas{width:168px;height:168px}.gauge-readout strong{font-size:32px}}@media(pointer:coarse){.touch-pad{display:grid}}