:root{--bg:#05060d;--panel:#080c1cb8;--panel-border:#5adcff47;--text:#e8f4ff;--muted:#8ea3c4;--accent:#36e2ff;--accent-2:#ff3fd0;--gold:#ffcf3f;--silver:#d8e2ef;--bronze:#e39a5a;--danger:#ff4d6a;--ok:#3dff9a;--font-display:"Orbitron", system-ui, sans-serif;--font-body:"Rajdhani", system-ui, sans-serif;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--gap:12px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{position:fixed;inset:0}button{font-family:var(--font-body)}.icon{flex:none;width:18px;height:18px}.viewer.clean .hud,.viewer.clean .labels{display:none}.viewer canvas{touch-action:none;width:100%;height:100%;display:block}.hud,.labels{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;box-shadow:0 0 24px #36e2ff14,inset 0 0 18px #36e2ff0d}.topbar{top:calc(var(--gap) + var(--sat));left:calc(var(--gap) + var(--sal));right:calc(var(--gap) + var(--sar));justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute}.title{font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.heat-label{color:var(--accent);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.top-left{min-width:0}.top-right{align-items:center;gap:14px;display:flex}.live{font-family:var(--font-display);white-space:nowrap;color:#fff;background:var(--danger);letter-spacing:.12em;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:700;animation:1.6s ease-in-out infinite pulse}.live.off{background:#8ea3c440;animation:none}.board.hidden,.hud.no-heat .board,.hud.no-heat .timer{display:none}@keyframes pulse{50%{opacity:.55}}.timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;min-width:84px;font-size:22px;font-weight:700}.conn{color:var(--muted);font-size:13px}.conn:empty{display:none}.conn.bad{color:var(--danger)}.board{top:calc(84px + var(--sat));left:calc(var(--gap) + var(--sal));width:270px;padding:10px 10px 8px;position:absolute}.board-head{width:100%;color:var(--accent);font-family:var(--font-display);letter-spacing:.2em;cursor:default;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 4px 8px;font-size:13px;display:flex}.board-head .chevron{width:16px;height:16px;transition:transform .2s;display:none}.board.expanded .board-head .chevron{transform:rotate(180deg)}.board-list{margin:0;padding:0;list-style:none}.row{cursor:pointer;border-radius:6px;grid-template-columns:26px 12px 1fr auto;align-items:center;gap:8px;padding:4px 6px;font-size:16px;font-weight:600;transition:background .2s;display:grid}.row.focus{background:#36e2ff24}@media (hover:hover){.row:hover{background:#36e2ff24}}.row .pos{font-family:var(--font-display);color:var(--muted);text-align:right;font-size:13px}.row:first-child .pos{color:var(--gold)}.row:nth-child(2) .pos{color:var(--silver)}.row:nth-child(3) .pos{color:var(--bronze)}.row .dot,.feed-item .dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px}.row .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row .extra{color:var(--ok);font-variant-numeric:tabular-nums;font-size:13px}.row.eliminated .name{color:var(--muted);text-decoration:line-through}.row.eliminated .extra{color:var(--danger)}.counts{border-top:1px solid var(--panel-border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;column-gap:8px;margin-top:8px;padding:6px 4px 0;font-size:13px;display:flex}.counts b{color:var(--text)}.controls{right:calc(var(--gap) + var(--sar));bottom:calc(var(--gap) + var(--sab));z-index:2;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:8px;display:flex;position:absolute}.cam-group,.search-wrap{align-items:center;gap:6px;display:flex}.cam-btn{color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:6px 12px;font-size:15px;font-weight:600;display:inline-flex}.cam-btn[hidden],.search-toggle{display:none}.cam-btn.active{border-color:var(--accent);color:var(--accent);background:#36e2ff1a}@media (hover:hover){.cam-btn:hover{border-color:var(--accent);color:var(--accent);background:#36e2ff1a}}.flag{border-radius:3px;flex:none;width:21px;height:14px;display:block;box-shadow:0 0 0 1px #fff3}.lang-menu{display:flex;position:relative}.lang-menu .lang-button{gap:7px}.lang-code{font-family:var(--font-display);letter-spacing:.08em;font-size:12px;font-weight:700}.lang-menu .lang-button .lang-chevron{opacity:.7;width:14px;height:14px;transition:transform .2s}.lang-menu.open .lang-chevron{transform:rotate(180deg)}.lang-menu .lang-list{z-index:40;border:1px solid var(--panel-border);background:#080c1cf7;border-radius:12px;flex-direction:column;gap:2px;min-width:210px;max-height:calc(100vh - 110px);padding:6px;animation:.14s ease-out lang-pop;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 18px 50px #0000008c,0 0 24px #36e2ff1f}.lang-menu.up .lang-list{animation-name:lang-pop-up;top:auto;bottom:calc(100% + 8px)}.lang-menu .lang-list[hidden]{display:none}@keyframes lang-pop{0%{opacity:0;transform:translateY(-4px)}}@keyframes lang-pop-up{0%{opacity:0;transform:translateY(4px)}}.lang-list .lang-item{width:100%;color:var(--text);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:9px 10px;font-size:16px;font-weight:600;display:flex}.lang-list .lang-item:focus-visible{background:#36e2ff1f;outline:none}@media (hover:hover){.lang-list .lang-item:hover{background:#36e2ff1f}}.lang-list .lang-item[aria-selected=true]{color:var(--accent);background:#36e2ff14}.lang-list .lang-item .flag{width:24px;height:16px}.lang-name{flex:1}.lang-item-code{font-family:var(--font-display);letter-spacing:.08em;color:var(--muted);font-size:11px}.lang-menu .lang-list .lang-check{width:16px;height:16px;color:var(--accent);visibility:hidden}.lang-list .lang-item[aria-selected=true] .lang-check{visibility:visible}.search{border:1px solid var(--panel-border);color:var(--text);font-family:var(--font-body);background:#00000059;border-radius:6px;width:170px;padding:6px 10px;font-size:15px}.search-info{color:var(--danger);font-size:13px}.big-countdown{font-family:var(--font-display);color:#fff;text-shadow:0 0 30px var(--accent), 0 0 80px var(--accent-2);opacity:0;pointer-events:none;font-size:min(26vw,48vh,220px);font-weight:900;transition:transform .25s,opacity .25s;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)scale(.6)}.big-countdown.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.big-countdown.go{color:var(--ok);text-shadow:0 0 30px var(--ok), 0 0 90px var(--ok)}.intro{text-shadow:0 2px 10px #000000d9;text-align:center;opacity:0;pointer-events:none;width:max-content;max-width:calc(100% - 32px);transition:opacity .6s;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.intro.show{opacity:1}.intro-label{font-family:var(--font-display);letter-spacing:.08em;text-shadow:0 0 24px var(--accent);font-size:min(9vw,64px);font-weight:900}.intro-track{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;font-size:24px}.intro-count{color:var(--muted);font-size:18px}.intro-count.stage-mixing{color:var(--accent-2);font-weight:700;animation:.8s ease-in-out infinite pulse}.intro-count.stage-drawn{color:var(--ok)}.end-countdown{top:calc(84px + var(--sat));border:1px solid var(--danger);font-family:var(--font-display);color:#fff;pointer-events:none;background:#ff4d6a2e;border-radius:8px;padding:6px 18px;font-size:16px;display:none;position:absolute;left:50%;transform:translate(-50%)}.end-countdown.show{display:block}.feed{left:calc(var(--gap) + var(--sal));bottom:calc(var(--gap) + var(--sab));pointer-events:none;flex-direction:column;gap:4px;width:300px;display:flex;position:absolute}.feed-item{background:var(--panel);border-left:3px solid var(--accent);border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-size:15px;font-weight:600;transition:opacity 1s;animation:.3s ease-out slide-in;display:flex}.feed-item.finish{border-left-color:var(--ok)}.feed-item.elim{border-left-color:var(--danger)}.feed-item.old{opacity:.35}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}}.rotate-hint{left:50%;bottom:calc(var(--sab) + 128px);border:1px solid var(--accent);width:max-content;max-width:calc(100% - 32px);color:var(--text);cursor:pointer;background:#080c1ce0;border-radius:999px;align-items:center;gap:10px;padding:9px 16px;font-size:15px;font-weight:600;transition:opacity 1s;display:none;position:absolute;transform:translate(-50%);box-shadow:0 0 24px #36e2ff40}.rotate-hint .icon{width:24px;height:24px;color:var(--accent);animation:2.4s ease-in-out infinite turn-phone}.rotate-hint.fade{opacity:0}@keyframes turn-phone{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}}@media (orientation:portrait) and (pointer:coarse) and (max-width:720px){.rotate-hint.show{display:flex}.hud.no-heat .rotate-hint{display:none}.hud:has(.overlay.show) .rotate-hint{display:none}}.debug-stats{left:50%;top:calc(var(--sat) + 4px);z-index:5;color:#3dff9a;pointer-events:none;background:#000000b3;border-radius:6px;padding:2px 10px;font:600 12px ui-monospace,monospace;position:absolute;transform:translate(-50%)}.marble-label{border:1px solid var(--c,#fff);color:#fff;white-space:nowrap;will-change:transform;background:#050814b3;border-radius:10px;padding:1px 7px;font-size:13px;font-weight:600;display:none;position:absolute;top:0;left:0}.marble-label[data-state=on],.marble-label[data-state=focus],.marble-label[data-state^=top]{display:block}.marble-label[data-state=top1]{border-color:var(--gold);box-shadow:0 0 10px var(--gold)}.marble-label[data-state=top2]{border-color:var(--silver)}.marble-label[data-state=top3]{border-color:var(--bronze)}.marble-label[data-state=focus]{background:var(--accent);color:#001018;font-size:15px}.overlay{padding:calc(16px + var(--sat)) calc(16px + var(--sar)) calc(76px + var(--sab)) calc(16px + var(--sal));z-index:1;background:radial-gradient(#05060d8c,#05060dd9);justify-content:center;align-items:center;display:none;position:absolute;inset:0}.overlay.show{display:flex}.card{border:1px solid var(--panel-border);overscroll-behavior:contain;text-align:center;background:linear-gradient(#0d132af2,#060916f2);border-radius:16px;width:100%;max-width:640px;max-height:100%;padding:28px 32px;overflow:auto;box-shadow:0 0 60px #36e2ff26}.card h1{font-family:var(--font-display);margin:6px 0 12px;font-size:30px}.card-kicker{font-family:var(--font-display);color:var(--accent);letter-spacing:.3em;font-size:13px}.card-sub{color:var(--muted);margin-top:10px;font-size:17px}.big-clock{font-family:var(--font-display);text-shadow:0 0 30px var(--accent);font-size:72px;font-weight:900}.seed{color:var(--muted);word-break:break-all;margin-top:18px;font-family:ui-monospace,monospace;font-size:11px}.card.results{flex-direction:column;display:flex}.heat-results{max-width:860px}.card-note{color:var(--accent);margin-top:8px;font-size:16px;font-weight:600}.result-scroll{overscroll-behavior:contain;min-height:0;margin-top:14px;padding-bottom:12px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000);mask-image:linear-gradient(#000 calc(100% - 18px),#0000)}.result-list{text-align:left;column-gap:26px;margin:0;padding:0;list-style:none}.result-list.cols-3{columns:3 200px}.result-list.cols-2{columns:2 240px;margin-top:12px}.result-list li{break-inside:avoid;border-bottom:1px solid #5adcff14;grid-template-columns:30px 1fr auto;align-items:baseline;gap:8px;padding:4px 6px;font-size:16px;display:grid}.result-list .r{font-family:var(--font-display);color:var(--muted);text-align:right;font-size:13px}.result-list .n{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.result-list .t{color:var(--ok);font-variant-numeric:tabular-nums;font-size:14px}.result-list li.advance .n{color:var(--accent)}.result-list li.p1 .r{color:var(--gold)}.result-list li.p2 .r{color:var(--silver)}.result-list li.p3 .r{color:var(--bronze)}.result-list li.out .n{color:var(--muted)}.result-list li.out .t{color:var(--danger)}.card-next{border-top:1px solid var(--panel-border);color:var(--text);justify-content:center;align-items:center;gap:8px;margin-top:14px;padding-top:12px;font-size:16px;font-weight:600;display:flex}.card-next .icon{width:14px;height:14px;color:var(--accent)}.podium{flex-direction:column;gap:8px;margin:18px 0;display:flex}.winner{border:1px solid var(--panel-border);text-align:left;background:#36e2ff0f;border-radius:12px;align-items:center;gap:14px;padding:12px 18px;display:flex}.winner.w1{border-color:var(--gold);background:#ffcf3f1f;box-shadow:0 0 30px #ffcf3f40}.winner-rank{font-family:var(--font-display);width:44px;color:var(--gold);font-size:26px;font-weight:900}.winner-name{font-size:24px;font-weight:700}.all-results summary{cursor:pointer;color:var(--accent);margin-top:8px}.loading{background:#05060dd9;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:18px;display:none;position:absolute;inset:0}.spinner{border:3px solid #36e2ff33;border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.live.replay{background:var(--accent-2);animation:none}.replay-bar{left:calc(var(--gap) + var(--sal));right:calc(var(--gap) + var(--sar));bottom:calc(var(--gap) + var(--sab));align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute}.hud.replay .controls,.hud.replay .feed{bottom:calc(74px + var(--sab))}.replay-bar{z-index:2}.hud.replay .overlay{padding-bottom:calc(136px + var(--sab))}.replay-bar button,.replay-bar select{color:var(--text);border:1px solid var(--panel-border);cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font-body);background:0 0;border-radius:6px;padding:5px 10px}.replay-bar select option{background:#0b1020}.rp-play{min-width:42px}.rp-time{font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.rp-seek{min-width:80px;accent-color:var(--accent);flex:1}.rp-speeds{gap:4px;display:flex}.rp-speed.active{border-color:var(--accent);color:var(--accent)}.card .action{align-self:center;margin-top:16px;padding:10px 22px;text-decoration:none;display:inline-block}.primary{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#04101a;cursor:pointer;border:0;border-radius:10px;padding:12px;font-size:18px;font-weight:700}@media (max-width:1100px){.cam-btn .txt{display:none}.cam-btn{padding:6px 9px}}@media (max-width:720px),(max-height:500px) and (orientation:landscape){.search-wrap{position:static}.search-toggle{display:inline-flex}.search{display:none}.search-wrap.open .search-toggle{border-color:var(--accent);color:var(--accent)}.search-wrap.open .search{border-color:var(--accent);background:#080c1cf5;width:auto;padding:10px 12px;font-size:16px;display:block;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.search-info{background:#080c1ce6;border-radius:6px;padding:3px 10px;position:absolute;bottom:calc(100% + 58px);left:8px}.search-info:empty,.search-wrap:not(.open) .search-info{display:none}}@media (max-width:720px){:root{--gap:8px}.topbar{gap:8px;padding:6px 10px}.title{letter-spacing:.04em;font-size:14px}.heat-label{letter-spacing:.04em;font-size:12px}.top-right{gap:8px}.live{padding:2px 6px;font-size:10px}.timer{min-width:50px;font-size:16px}.conn{white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:11px;overflow:hidden}.board{top:calc(62px + var(--sat));width:176px;padding:6px 6px 5px}.board.expanded{width:min(260px,100% - 16px)}.board-head{cursor:pointer;letter-spacing:.14em;padding:2px 2px 5px;font-size:11px}.board-head .chevron{display:block}.board:not(.expanded) .row:nth-child(n+4){display:none}.board.expanded .board-list{max-height:calc(100vh - 250px);max-height:calc(100dvh - 250px);overflow-y:auto}.row{grid-template-columns:18px 8px 1fr auto;gap:5px;padding:3px 4px;font-size:13px}.row .pos{font-size:11px}.row .dot{width:8px;height:8px}.row .extra{font-size:11px}.counts{margin-top:4px;padding-top:4px;font-size:11px}.controls{left:calc(var(--gap) + var(--sal));flex-wrap:nowrap;justify-content:space-between;gap:4px;max-width:none;padding:6px}.cam-group{gap:4px}.cam-btn{min-width:38px;min-height:38px;padding:8px}.cam-btn .txt,.cam-btn.bloom{display:none}.controls .lang-button{gap:6px;padding:8px}.controls .lang-chevron{display:none}.feed{bottom:calc(66px + var(--sab));width:min(300px,100% - 16px)}.feed-item{padding:3px 8px;font-size:13px}.feed-item:nth-child(n+3){display:none}.intro{bottom:26%}.intro-track{letter-spacing:.12em;font-size:16px}.intro-count{font-size:14px}.end-countdown{top:calc(62px + var(--sat));left:auto;right:calc(var(--gap) + var(--sar));padding:4px 10px;font-size:12px;transform:none}.overlay{padding-bottom:calc(70px + var(--sab))}.card{border-radius:14px;padding:18px 16px}.card h1{font-size:22px}.card-kicker{letter-spacing:.2em;font-size:11px}.card-sub{font-size:15px}.big-clock{font-size:48px}.result-list li{font-size:15px}.winner{gap:10px;padding:8px 12px}.winner-rank{width:32px;font-size:20px}.winner-name{font-size:18px}.replay-bar{flex-wrap:wrap;gap:6px 8px;padding:6px 8px}.rp-seek{flex-basis:100%;order:-1}.rp-time{flex:1;font-size:11px}.rp-speeds button:first-child{display:none}.hud.replay .controls{bottom:calc(92px + var(--sab))}.hud.replay .feed{bottom:calc(146px + var(--sab))}.hud.replay .rotate-hint{bottom:calc(var(--sab) + 206px)}.hud.replay .overlay{padding-bottom:calc(154px + var(--sab))}}@media (max-height:500px) and (orientation:landscape){:root{--gap:8px}.topbar{padding:4px 12px}.top-left{align-items:baseline;gap:10px;display:flex}.title{flex:0 auto;min-width:0;font-size:14px}.heat-label{flex:0 auto;min-width:0;font-size:12px}.top-right{gap:10px}.live{padding:2px 6px;font-size:10px}.timer{min-width:50px;font-size:16px}.board{top:calc(46px + var(--sat));width:196px;padding:6px 6px 5px}.board-head{cursor:pointer;letter-spacing:.14em;padding:2px 2px 4px;font-size:11px}.board-head .chevron{display:block}.board:not(.expanded) .row:nth-child(n+6){display:none}.board.expanded .board-list{max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto}.row{grid-template-columns:18px 8px 1fr auto;gap:5px;padding:2px 4px;font-size:13px}.row .pos,.row .extra,.counts{font-size:11px}.counts{margin-top:4px;padding-top:4px}.controls{flex-wrap:nowrap;gap:4px;padding:5px}.cam-group{gap:4px}.cam-btn{min-width:34px;min-height:34px;padding:6px}.cam-btn .txt,.cam-btn.bloom{display:none}.controls .lang-button{gap:6px;padding:6px 8px}.controls .lang-chevron{display:none}.feed{width:250px}.feed-item{padding:3px 8px;font-size:13px}.feed-item:nth-child(n+3){display:none}.hud:has(.board.expanded) .feed{display:none}.intro{bottom:18%}.intro-label{font-size:min(7vw,44px)}.intro-track{font-size:16px}.intro-count{font-size:14px}.end-countdown{top:calc(46px + var(--sat));padding:4px 10px;font-size:12px}.overlay{padding:8px calc(16px + var(--sar)) calc(58px + var(--sab)) calc(16px + var(--sal))}.card{padding:14px 20px}.card h1{margin:4px 0 8px;font-size:20px}.card-kicker{font-size:11px}.card-sub{margin-top:6px;font-size:15px}.big-clock{font-size:44px}.result-scroll{margin-top:8px}.result-list li{padding:2px 6px;font-size:15px}.card-next{margin-top:8px;padding-top:8px}.podium{grid-template-columns:1fr 1fr;margin:10px 0;display:grid}.winner{padding:4px 12px}.podium{gap:6px}.winner.w1{grid-column:1/-1}.winner-rank{width:28px;font-size:18px}.winner-name{font-size:16px}.all-results summary{margin-top:2px}.seed{margin-top:6px;font-size:10px}.card .action{margin-top:10px;padding:8px 20px;font-size:16px}.replay-bar{flex-wrap:nowrap;gap:8px;padding:5px 8px}.rp-seek{flex-basis:auto;order:0}.rp-time{flex:none;font-size:11px}.controls{justify-content:flex-end;left:auto}.hud.replay .controls,.hud.replay .feed{bottom:calc(58px + var(--sab))}.hud.replay .overlay{padding-bottom:calc(110px + var(--sab))}}