.scanner-root{position:fixed;inset:0;width:100vw;height:100vh;background:#000;overflow:hidden}.scanner-embedded{position:absolute;width:100%;height:100%}.scanner-video{-o-object-fit:cover;object-fit:cover;z-index:1}.scanner-canvas,.scanner-video{position:absolute;inset:0;width:100%;height:100%;transform:scaleX(-1)}.scanner-canvas{z-index:2;pointer-events:none}.scanner-vignette{inset:0;z-index:3;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 50%,rgba(0,0,0,.65) 100%)}.scanner-scanline,.scanner-vignette{position:absolute;pointer-events:none}.scanner-scanline{left:0;width:100%;height:2px;z-index:4;background:linear-gradient(90deg,transparent 0,var(--cyan-dim) 20%,var(--cyan) 50%,var(--cyan-dim) 80%,transparent 100%);box-shadow:0 0 12px 2px var(--cyan-dim);opacity:.5}.scanner-bracket{position:absolute;width:60px;height:60px;z-index:5;pointer-events:none}.scanner-bracket-tl{left:40px;border-left:2px solid var(--cyan)}.scanner-bracket-tl,.scanner-bracket-tr{top:40px;border-top:2px solid var(--cyan)}.scanner-bracket-tr{right:40px;border-right:2px solid var(--cyan)}.scanner-bracket-bl{left:40px;border-left:2px solid var(--cyan)}.scanner-bracket-bl,.scanner-bracket-br{bottom:40px;border-bottom:2px solid var(--cyan)}.scanner-bracket-br{right:40px;border-right:2px solid var(--cyan)}.scanner-embedded .scanner-bracket{width:30px;height:30px}.scanner-embedded .scanner-bracket-tl{top:12px;left:12px}.scanner-embedded .scanner-bracket-tr{top:12px;right:12px}.scanner-embedded .scanner-bracket-bl{bottom:12px;left:12px}.scanner-embedded .scanner-bracket-br{bottom:12px;right:12px}.scanner-bracket-bl,.scanner-bracket-br,.scanner-bracket-tl,.scanner-bracket-tr{box-shadow:none;border-color:rgba(255,255,255,.4)}.scanner-root:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 4px)}@media (max-width:768px){.scanner-embedded .scanner-bracket{width:18px;height:18px}.scanner-embedded .scanner-bracket-tl{top:6px;left:6px}.scanner-embedded .scanner-bracket-tr{top:6px;right:6px}.scanner-embedded .scanner-bracket-bl{bottom:6px;left:6px}.scanner-embedded .scanner-bracket-br{bottom:6px;right:6px}}@media (max-width:767px){.scanner-vignette{background:radial-gradient(ellipse 72% 62% at 50% 50%,transparent 56%,rgba(0,0,0,.42) 100%)}.scanner-scanline{height:1px;opacity:.22;box-shadow:none}.scanner-bracket{width:34px;height:34px}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.arena-root{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;height:-webkit-fill-available;display:flex;flex-direction:column}.arena-panel,.arena-root{background:#000;overflow:hidden}.arena-panel{flex:1;position:relative}.arena-panel-wasted{filter:grayscale(100%) brightness(.6);transition:filter .5s ease}.arena-divider{position:absolute;left:50%;top:0;bottom:0;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;gap:8px}.arena-divider-line{width:2px;flex:1;background:linear-gradient(180deg,transparent 0,rgba(0,255,255,.4) 30%,var(--cyan) 50%,rgba(0,255,255,.4) 70%,transparent 100%);box-shadow:0 0 10px var(--cyan-dim)}.arena-waiting{font-family:var(--hud-font);font-size:11px;color:rgba(255,255,255,.3);letter-spacing:.1em;text-transform:uppercase;animation:blink 1.5s steps(1) infinite}.arena-waiting-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}.arena-waiting-icon{font-size:64px;opacity:.15;margin-bottom:20px}.arena-waiting-title{font-family:var(--font-primary,sans-serif);font-size:14px;font-weight:600;color:#fff;margin:0 0 8px;text-shadow:none;animation:none}.arena-waiting-sub,.arena-waiting-title{letter-spacing:.1em;text-transform:uppercase}.arena-waiting-sub{font-family:var(--hud-font);font-size:10px;color:rgba(255,255,255,.25);margin:0}.glass-panel-purple{background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.4);box-shadow:inset 0 0 30px rgba(168,85,247,.1),0 8px 32px 0 rgba(0,0,0,.5)}.glass-panel-purple,.glass-panel-red{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-panel-red{background:rgba(255,42,42,.15);border:1px solid rgba(255,42,42,.4);box-shadow:inset 0 0 30px rgba(255,42,42,.1),0 8px 32px 0 rgba(0,0,0,.5)}.arena-timer-shell{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:0;border-radius:0;border:0;background:none;backdrop-filter:none;box-shadow:none}.arena-timer{font-family:var(--hud-font);font-size:25px;font-weight:800;letter-spacing:.16em;color:#f8fdff;text-shadow:0 0 12px rgba(125,211,252,.34),0 0 22px rgba(59,130,246,.2),0 2px 10px rgba(0,0,0,.75);transition:color .3s,text-shadow .3s}.arena-timer-overtime{color:#ffd7d7;text-shadow:0 0 16px rgba(255,97,97,.8),0 0 34px rgba(255,42,42,.4);animation:timerPulse .5s ease-in-out infinite}.arena-timer-shell-overtime{border:0;background:none;box-shadow:none}.arena-timer-critical{animation:timerPulse .3s ease-in-out infinite}.arena-timer-shell-critical{box-shadow:none}@keyframes timerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width:768px){.arena-waiting-icon{font-size:32px;margin-bottom:10px}.arena-waiting-title{font-size:10px}.arena-waiting-sub{font-size:7px}.arena-timer-shell{min-width:0;padding:0}.arena-timer{font-size:18px;letter-spacing:.12em}}.countdown-overlay{position:fixed;inset:0;z-index:250;display:flex;align-items:center;justify-content:center;pointer-events:none}.countdown-number{font-family:var(--hud-font);font-size:100px;font-weight:900;color:var(--green);text-shadow:0 0 20px var(--green-dim),0 0 40px var(--green-dim),0 0 60px rgba(0,255,65,.2);animation:countdownPop 1s ease-out forwards}@keyframes countdownPop{0%{transform:scale(2);opacity:0}20%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@media (max-width:768px){.countdown-number{font-size:80px}}.tug-bar-container{padding:8px 20px 14px}.tug-scores-row{justify-content:space-between;margin-bottom:8px}.tug-score,.tug-scores-row{display:flex;align-items:center}.tug-score{flex-direction:column;gap:2px}.tug-status-text{font-family:var(--hud-font);font-size:10px;letter-spacing:.2em;color:rgba(255,255,255,.5);text-transform:uppercase}.tug-bar-track{position:relative;height:14px;background:rgba(255,255,255,.06);border-radius:7px;overflow:visible;border:1px solid rgba(255,255,255,.08)}.tug-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:7px;transition:width .3s ease-out,background .3s ease}.tug-winning{background:linear-gradient(90deg,rgba(255,42,42,.6) 0,#222 25%,var(--green) 100%);box-shadow:inset 0 0 8px var(--green-dim),2px 0 16px var(--green-dim)}.tug-losing{background:linear-gradient(90deg,var(--red) 0,#222 75%,rgba(0,255,65,.4) 100%);box-shadow:inset 0 0 8px rgba(255,42,42,.4),-2px 0 16px rgba(255,42,42,.5)}.tug-even{background:linear-gradient(90deg,var(--red) 0,#444 50%,var(--green) 100%);box-shadow:0 0 8px rgba(255,255,255,.1)}.tug-bar-pip{top:-4px;width:6px;height:22px;background:#fff;border-radius:3px;transition:left .3s ease-out;box-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.3)}.tug-bar-center,.tug-bar-pip{position:absolute;transform:translateX(-50%)}.tug-bar-center{top:-3px;left:50%;width:2px;height:20px;background:rgba(255,255,255,.25);border-radius:1px}@media (max-width:768px){.tug-bar-container{padding:6px 10px 10px}.tug-status-text{font-size:8px;letter-spacing:.15em}.tug-bar-track{height:10px;border-radius:5px}.tug-bar-pip{height:18px;width:5px;top:-4px}.tug-bar-center{height:16px;top:-3px}}.overtime-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 48px;background:rgba(255,42,42,.15);border:2px solid rgba(255,42,42,.6);border-radius:4px;animation:overtimeFlash 2s ease-out forwards;pointer-events:none}.overtime-text{font-family:var(--hud-font);font-size:36px;font-weight:900;color:#ff2a2a;text-shadow:0 0 30px rgba(255,42,42,.8),0 0 60px rgba(255,42,42,.4);letter-spacing:.1em}.overtime-sub{font-family:var(--hud-font);font-size:10px;letter-spacing:.3em;color:rgba(255,255,255,.5)}@keyframes overtimeFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@media (max-width:768px){.overtime-text{font-size:24px}.overtime-banner{padding:16px 24px}}.waiting-icon{position:relative;z-index:2;font-size:30px;color:rgba(255,255,255,.55);text-shadow:0 0 14px rgba(34,211,238,.45);animation:waitingIconFloat 3.4s ease-in-out infinite;line-height:1}@keyframes waitingIconFloat{0%,to{transform:translateY(0) rotate(-2deg);opacity:.55}50%{transform:translateY(-3px) rotate(2deg);opacity:.85}}.waiting-title{font-size:13px;font-weight:800;color:rgba(255,255,255,.92)}.waiting-sub,.waiting-title{font-family:var(--hud-font);letter-spacing:.24em;text-transform:uppercase;margin:0}.waiting-sub{font-size:10px;font-weight:600;color:rgba(255,255,255,.38)}@media (max-width:480px){.waiting-icon{font-size:26px}.waiting-title{font-size:12px;letter-spacing:.2em}.waiting-sub{font-size:9.5px}}.pro-badge{position:relative;isolation:isolate;overflow:hidden;border-color:rgba(165,243,252,.48);background:linear-gradient(135deg,rgba(34,211,238,.3),rgba(59,130,246,.18) 34%,rgba(168,85,247,.18) 66%,rgba(250,204,21,.16)),rgba(2,6,23,.82);box-shadow:0 0 20px rgba(34,211,238,.2),0 0 2px rgba(255,255,255,.34),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -10px 18px rgba(8,47,73,.2)}.pro-badge:before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 58%)}.pro-badge:after{content:"";position:absolute;inset:-80% auto -80% -45%;width:30%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);animation:proBadgeSweep 6.5s ease-in-out infinite}.pro-nameplate{color:rgb(224,252,255);text-shadow:0 0 12px rgba(34,211,238,.34),0 0 24px rgba(168,85,247,.12)}@keyframes proBadgeSweep{0%,46%{transform:translateX(0) rotate(18deg);opacity:0}52%{opacity:.48}72%,to{transform:translateX(440%) rotate(18deg);opacity:0}}.leaderboard-pro-card{border-color:rgba(254,240,138,.48)!important;animation:publicProAura 3.8s ease-in-out infinite}.leaderboard-pro-card:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(254,240,138,.12),transparent 30%,transparent 70%,rgba(34,211,238,.08)),radial-gradient(circle at 82% 16%,rgba(254,240,138,.16),transparent 24%);opacity:.78}.leaderboard-pro-sparkle{position:absolute;z-index:35;width:7px;height:7px;pointer-events:none;background:rgb(254,240,138);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);filter:drop-shadow(0 0 8px rgba(254,240,138,.92));animation:proSparkleFloat 3.4s ease-in-out infinite}.leaderboard-pro-sparkle-row{top:12px;right:18px;width:5px;height:5px}@keyframes proSparkleFloat{0%,to{opacity:0;transform:translate3d(0,6px,0) scale(.55) rotate(0deg)}20%{opacity:.95}58%{opacity:.55}76%{opacity:0;transform:translate3d(10px,-18px,0) scale(1.1) rotate(70deg)}}@keyframes publicProAura{0%,to{box-shadow:0 0 34px rgba(251,191,36,.2),inset 0 1px 0 rgba(255,255,255,.1)}50%{box-shadow:0 0 58px rgba(251,191,36,.36),0 0 96px rgba(34,211,238,.12),inset 0 1px 0 rgba(255,255,255,.16)}}@keyframes podiumFloat{0%,to{opacity:0;transform:translateX(0) translateY(0)}10%{opacity:.8}70%{opacity:.3}90%{opacity:0}95%{transform:translateX(var(--drift,0)) translateY(var(--travel,-100px))}}