:root{color-scheme:dark;font-family:PingFang SC,Noto Sans SC,Source Han Sans SC,sans-serif;--gold: #e8c56b;--silver: #c9d2dc;--bronze: #d08a55;--amber: #f5b942;--ink: #f4f7fb}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#070b14}button,input{font:inherit}.stage{height:100%;padding:3.2vh 3.6vw 2.4vh;display:grid;grid-template-rows:auto 1fr;color:var(--ink);position:relative}.stage.horse{background:radial-gradient(ellipse at 78% 8%,rgba(255,214,150,.28),transparent 32%),linear-gradient(#0e1730,#152043 18%,#1e4d36 18.2%,#2e7d4f)}.stage.rowing{--horizon: 16%;background:linear-gradient(#f4e6c8 0%,#f7d7a2 var(--horizon),#0e6e78 var(--horizon),#083e48 100%);color:#102033}.stage.rowing header,.stage.rowing .timer,.stage.rowing .total{color:#102033}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:9vh;z-index:2}.eyebrow{margin:0;letter-spacing:.18em;font-size:1.4vh;opacity:.72}h1{margin:.2vh 0 0;font-size:3.4vh;font-weight:800}.timer{font-family:DIN Alternate,Avenir Next Condensed,ui-monospace,monospace;font-size:7vh;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-align:center}.timer.warn{color:var(--amber);animation:pulse 1s ease-in-out infinite}.total{justify-self:end;font-size:2.4vh;font-weight:700}.main{min-height:0;display:grid;grid-template-columns:30% 1fr;gap:1.4vw;z-index:1}.tower,.field,.award,.prep{min-height:0}.field{position:relative;overflow:visible}.race{position:absolute;inset:0;overflow:hidden}.course{display:none;position:absolute;left:0;right:0;top:var(--horizon, 16%);bottom:0;overflow:hidden;z-index:0;pointer-events:none;background:#4ec6f4}.stage.rowing .course{display:block}#water{position:absolute;inset:0;width:100%;height:100%;display:block}#pixi{position:absolute;inset:0;z-index:1}#pixi,#pixi canvas{width:100%;height:100%;display:block}.stage[data-phase=preparing] .lead,.stage[data-phase=countdown] .lead,.stage[data-phase=finished] .lead{display:none}.joined{overflow-x:auto}.lead{z-index:2}.lead{position:absolute;top:8%;bottom:12%;right:6%;width:2px;background:linear-gradient(var(--gold),rgba(232,197,107,.15));box-shadow:0 0 18px #e8c56bb3}.lead span{position:absolute;top:-1.2vh;left:.6vw;color:var(--gold);font-size:1.6vh;letter-spacing:.2em}.tower{display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:1vh 0 2vh;overflow:hidden}.row{position:relative;display:grid;grid-template-columns:4vh 4.2vh minmax(0,1.3fr) minmax(0,1fr) auto;gap:.55vw;align-items:center;min-height:5.6vh;padding:.7vh .5vw;border-bottom:1px solid rgba(255,255,255,.12);background:#080c1673;z-index:1}.row.move{z-index:3}.rowing .row{background:#081e248c;color:#f4f7fb}.row.r1,.rowing .row.r1{color:var(--gold)}.row.r2,.rowing .row.r2{color:var(--silver)}.row.r3,.rowing .row.r3{color:var(--bronze)}.rank{display:flex;flex-direction:column;align-items:center;font-family:DIN Alternate,Avenir Next Condensed,ui-monospace,monospace;font-size:2.6vh;font-weight:800;line-height:1}.shift{min-height:1.5vh;font-size:1.35vh;font-style:normal;font-weight:800;letter-spacing:0}.shift.up{color:#8ee0a2}.shift.down{color:#ff9a88}.avatar,.initial{width:4.6vh;height:4.6vh;border-radius:50%;object-fit:cover}.initial{display:grid;place-items:center;color:#102033;font-weight:800}.name,.phone{font-size:1.9vh;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone{font-weight:500;opacity:.82;letter-spacing:.04em}.count{font-family:DIN Alternate,Avenir Next Condensed,ui-monospace,monospace;font-size:2.2vh;font-variant-numeric:tabular-nums}.behind{color:#f4f7fbc7;font-size:1.8vh;padding:.8vh .4vw 0}.rowing .behind{color:#0c4d66}.prep{position:absolute;inset:16vh 18vw 16vh;display:grid;place-items:center;z-index:3}.qr-card{background:#fff;color:#101624;border-radius:2.4vh;padding:2.4vh 2.4vh 1.6vh;text-align:center;box-shadow:0 24px 80px #00000047;border:3px solid var(--gold)}.rowing .qr-card{border-color:#0e6e78}.qr-card img{display:block;width:min(32vh,42vw);height:auto}.qr-card p{margin:1vh 0 0;font-size:2.4vh;font-weight:800;letter-spacing:.12em}.joined{position:absolute;left:4vw;right:4vw;bottom:2.2vh;display:flex;gap:.6vw;align-items:center;z-index:4;overflow:hidden}.chip{display:flex;align-items:center;gap:.4vw;padding:.4vh .7vw .4vh .4vh;border-radius:99px;background:#080c16b8;color:#fff;white-space:nowrap}.chip .initial{width:3.2vh;height:3.2vh;font-size:1.6vh}.joined-count{margin-left:auto;font-weight:800;font-size:2vh}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-family:DIN Alternate,Avenir Next Condensed,ui-monospace,monospace;font-size:34vh;font-weight:800;z-index:5;text-shadow:0 20px 40px rgba(0,0,0,.35);animation:pop .8s ease}.stage.horse .countdown{color:#fff}.stage.rowing .countdown{color:#102033}.award{position:absolute;inset:14vh 3.6vw 3vh;display:grid;grid-template-columns:40% 1fr;gap:2vw;z-index:4}.podium{display:flex;align-items:flex-end;justify-content:center;gap:1vw}.slot{width:28%;text-align:center;animation:rise .55s ease both}.slot.second{animation-delay:.15s}.slot.first{animation-delay:.45s;width:34%}.slot.third{animation-delay:0s}.slot .who{margin-bottom:1vh}.slot .initial,.slot img{width:8vh;height:8vh;margin:0 auto .6vh}.slot strong{display:block;font-size:2.2vh}.slot em{display:block;font-style:normal;opacity:.8;font-size:1.6vh}.base{border-radius:1.2vh 1.2vh 0 0;display:grid;place-items:center;font-family:DIN Alternate,Avenir Next Condensed,ui-monospace,monospace;font-size:6vh;font-weight:800;color:#1a1408}.horse .base{background:linear-gradient(#c8a36a,#8b5a2b);box-shadow:inset 0 8px #2e7d4fd9}.rowing .base{background:linear-gradient(#d7dee6,#8ea0b0);box-shadow:inset 0 8px #c9a15b}.slot.first .base{height:34vh;background:linear-gradient(#f0d48a,#b8883d)}.slot.second .base{height:24vh}.slot.third .base{height:18vh}.list{overflow:auto;padding-right:.4vw}.list .line{display:grid;grid-template-columns:4vh 4.2vh 1.4fr 1fr auto;gap:.7vw;align-items:center;padding:.8vh .6vw;border-bottom:1px solid rgba(255,255,255,.12);background:#080c1673}.list .line.r1{color:var(--gold)}.list .line.r2{color:var(--silver)}.list .line.r3{color:var(--bronze)}.empty{position:absolute;inset:0;display:grid;place-items:center;font-size:4vh;font-weight:800}.offline{position:absolute;top:2vh;left:50%;transform:translate(-50%);background:#000000b8;color:#fff;padding:.8vh 1.4vw;border-radius:99px;z-index:6}.hidden{display:none!important}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes pop{0%{transform:scale(.6);opacity:.2}}@keyframes rise{0%{transform:translateY(24px);opacity:0}}