@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f7f8fa;background:#06080b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0,#242a36 0,#0b0e13 40%,#06080b)}.spectator-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}header{min-height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 32px;border-bottom:1px solid #292e38;background:#090c10e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{font:800 25px Barlow Condensed,sans-serif;letter-spacing:.08em}.brand span{color:#da0909}.live-nav{display:flex;align-items:center;gap:18px}.live-nav a{padding-left:18px;border-left:1px solid #303640;color:#9da6b3;text-decoration:none;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.live-nav a:hover{color:#fff}.match-picker{text-align:center}.match-picker select{min-width:260px;color:#fff;background:transparent;border:0;font:700 18px Barlow Condensed,sans-serif;text-align:center}.match-picker option{background:#11151b}.match-picker p{margin:3px 0 0;color:#7f8998;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.header-status{justify-self:end;display:flex;align-items:center;gap:12px}.connection{justify-self:end;display:flex;align-items:center;gap:8px;color:#9ca5b2;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.connection i{width:8px;height:8px;border-radius:50%;background:#737c89}.connection.live i{background:#40d47b;box-shadow:0 0 13px #40d47b}.connection.reconnecting i{background:#e7b747}.connection.offline i{background:#f05259}.viewer-count{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #37404d;border-radius:999px;background:#131821;color:#e8edf5;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.viewer-count svg{width:15px;height:15px;fill:currentColor;opacity:.9}.viewer-count span{min-width:1.2em;text-align:right}.notice{position:fixed;z-index:3;top:92px;left:50%;translate:-50%;padding:12px 18px;color:#ffd8d8;background:#6b252c;border:1px solid #a33c45;border-radius:8px}.match-board{display:grid;grid-template-columns:1fr minmax(280px,.62fr) 1fr;min-height:0}.competitor{position:relative;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto;padding:clamp(24px,4vw,58px)}.competitor:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18}.competitor.red{background:linear-gradient(145deg,#da090999,#120b0e 75%);border-right:1px solid #422028}.competitor.red:after{background:radial-gradient(circle at 0 100%,#DA0909,transparent 55%)}.competitor.white{background:linear-gradient(215deg,#dce4f021,#111318 72%);border-left:1px solid #353a43}.competitor.white:after{background:radial-gradient(circle at 100% 100%,#f5f7fa,transparent 52%)}.competitor-image{position:relative;z-index:1;width:clamp(96px,20vw,168px);aspect-ratio:1;border:1px solid #394150;border-radius:18px;background:linear-gradient(145deg,#1a202a,#0e1218);display:grid;place-items:center;overflow:hidden}.competitor-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(255,255,255,.08) 100%)}.competitor-image span{position:relative;z-index:1;color:#da0909;font:800 11px Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.18em}.corner-label,.eyebrow{color:#939dab;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.red .corner-label{color:#ff7b86}.identity{position:relative;z-index:1;margin-top:14px}.identity h1{max-width:420px;margin:0;font:700 clamp(33px,4vw,60px)/.94 "Barlow Condensed",sans-serif;text-transform:uppercase}.identity p{margin:9px 0 0;color:#8d96a4;font-size:13px}.score{position:relative;z-index:1;align-self:center;justify-self:center;font:800 clamp(180px,24vw,360px)/.72 "Barlow Condensed",sans-serif;letter-spacing:-.06em;text-shadow:0 20px 55px #000b}.indicators{position:relative;z-index:1;display:flex;gap:10px}.indicators span{flex:1;display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:0 18px;border:1px solid #363c46;border-radius:9px;background:#11151bd9}.indicators small{color:#8e97a4;text-transform:uppercase;font-size:9px;letter-spacing:.12em}.indicators b{font:700 21px Barlow Condensed}.winner{box-shadow:inset 0 0 80px #da09093d}.winner-badge{position:absolute;z-index:2;top:30px;right:30px;padding:8px 14px;color:#fff;background:#da0909;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.clock{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 18px;background:#090c11;text-align:center}.clock strong{margin:5px 0 8px;font:700 clamp(78px,11vw,170px)/.9 "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap}.clock strong.urgent{color:#ff4d59}.match-status{padding:6px 13px;border-radius:20px;color:#a9b1bc;background:#242a33;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.match-status.running{color:#63e397;background:#10331f}.match-status.paused{color:#f1c65c;background:#3a2f12}.match-status.expired{color:#ff7d85;background:#3b171b}.versus{width:100%;display:flex;align-items:center;gap:12px;margin-top:44px;color:#5e6774}.versus i{height:1px;flex:1;background:#2a3039}.versus b{font:700 15px Barlow Condensed}.clock p{color:#555e6a;font-size:10px}.activity-strip{min-height:142px;display:grid;grid-template-columns:180px 1fr;gap:20px;padding:21px 32px;border-top:1px solid #282d36;background:#090c11}.activity-title{display:flex;flex-direction:column;justify-content:center;gap:6px;text-transform:uppercase}.activity-title span{font:700 19px Barlow Condensed;letter-spacing:.04em}.activity-title small{color:#68717e;font-size:9px;letter-spacing:.15em}.activity-items{display:flex;gap:9px;align-items:center;overflow-x:auto}.activity-items article{flex:0 0 145px;min-height:76px;padding:14px;border:1px solid #2a3039;border-radius:8px;background:#13171d}.activity-items time{display:block;margin-bottom:10px;color:#717b89;font:600 12px Barlow Condensed}.activity-items b{font-size:12px}.empty{color:#68717e;font-size:12px}.loading{min-height:100vh;display:grid;place-content:center;text-align:center;gap:10px;color:#8a94a2}@media(max-width:1000px){header{grid-template-columns:1fr auto}.match-picker{grid-column:1 / -1;grid-row:2;margin-top:10px}.header-status{grid-column:2;align-self:center}.match-board{grid-template-columns:1fr 1fr}.clock{grid-column:1 / -1;grid-row:1;min-height:260px}.clock strong{font-size:112px}.versus{display:none}.competitor{min-height:560px}.score{font-size:220px}}@media(max-width:660px){header{padding:14px 18px}.header-status{gap:8px}.viewer-count{padding:6px 10px;font-size:10px}.match-board{display:block}.match-board .competitor{min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto auto;align-content:start;gap:4px 8px;padding:6px 10px 8px}.match-board .competitor>.corner-label{grid-column:1 / -1;font-size:8px;margin-bottom:2px}.match-board .competitor>.competitor-image{grid-column:1;align-self:start;width:clamp(52px,18vw,72px);border-radius:12px}.match-board .competitor>.identity{grid-column:2;align-self:start;margin-top:0}.match-board .competitor>.identity h1{font-size:clamp(18px,5.4vw,24px);margin-top:0}.match-board .competitor>.identity p{font-size:10px;margin-top:2px;margin-bottom:0}.match-board .competitor>.score{grid-column:1 / -1;align-self:start;justify-self:start;margin:4px 0 2px;font-size:clamp(48px,13vw,72px);line-height:.58}.match-board .competitor>.indicators{grid-column:1 / -1;gap:4px;margin-top:2px}.match-board .competitor>.indicators span{min-height:28px;padding:3px 8px}.activity-strip{grid-template-columns:1fr;padding:18px}.activity-title{display:block}.activity-title small{margin-left:12px}}.lobby-shell{min-height:100vh;padding-bottom:60px;background:radial-gradient(circle at 70% 0,#272d39 0,#0b0e13 35%,#06080b 72%)}.lobby-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(22px,5vw,72px);border-bottom:1px solid #292e38;background:#090c10e8}.lobby-header p{margin:4px 0 0;color:#747e8c;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.dashboard-header-actions{display:flex;align-items:center;gap:10px}.dashboard-switch{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #3b434f;border-radius:9px;color:#b6bfca;background:#161b23;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;text-decoration:none}.dashboard-switch:hover{color:#fff;border-color:#576170}.lobby-hero{max-width:1180px;margin:0 auto;padding:60px 24px 42px}.lobby-hero>span{color:#da0909;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.2em}.lobby-hero h1{margin:10px 0 8px;font:700 clamp(44px,7vw,78px)/.94 "Barlow Condensed",sans-serif;text-transform:uppercase}.lobby-hero p{margin:0;color:#8b95a3}.lobby-loading{max-width:1132px;margin:0 auto;color:#788391}.lobby-sections{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;gap:38px}.lobby-section-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.lobby-section-title h2{margin:0;font:700 22px Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.04em}.lobby-section-title span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:12px;color:#8e98a6;background:#20252d;font-size:10px;font-weight:700}.lobby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lobby-card{min-height:200px;padding:18px;text-align:left;color:#fff;background:linear-gradient(145deg,#171b22,#101319);border:1px solid #2e343e;border-radius:12px;box-shadow:0 15px 35px #0004;transition:translate .15s,border-color .15s}.lobby-card:hover{translate:0 -3px;border-color:#576170}.lobby-card.live{border-top:3px solid #40d47b}.lobby-card.upcoming{border-top:3px solid #DA0909}.lobby-card.complete{opacity:.78;border-top:3px solid #687381}.lobby-card-top{display:flex;justify-content:space-between;color:#76818f;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.lobby-card-top b{color:#aeb6c1}.lobby-matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:30px 0}.lobby-matchup div:last-child{text-align:right}.lobby-matchup strong{display:block;font:700 21px/1 Barlow Condensed,sans-serif;text-transform:uppercase}.lobby-matchup small{display:block;margin-top:7px;color:#697482;font-size:9px}.lobby-matchup i{color:#55606d;font:700 10px Barlow Condensed}.lobby-snapshot{display:flex;align-items:center;justify-content:center;gap:18px;margin:-14px 0 18px;padding:10px 14px;border:1px solid #28313b;border-radius:8px;background:#11161c}.lobby-snapshot strong{color:#f5f7f9;font:700 24px/1 Barlow Condensed,sans-serif}.lobby-snapshot strong i{color:#59636f;font-style:normal}.lobby-snapshot span{min-width:48px;color:#da0909;font:700 17px/1 Barlow Condensed,sans-serif;letter-spacing:.04em}.watch-link{color:#da0909;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.lobby-empty{min-height:92px;display:grid;place-items:center;color:#636e7b;border:1px dashed #2e343d;border-radius:11px;font-size:12px}.new-match-toast{position:fixed;z-index:5;top:96px;right:24px;width:min(360px,calc(100vw - 48px));padding:18px;display:grid;gap:7px;text-align:left;color:#fff;background:linear-gradient(135deg,#1d252d,#12161c);border:1px solid #DA0909;border-radius:12px;box-shadow:0 20px 55px #000a;animation:toast-in .3s ease-out}.new-match-toast i{color:#da0909;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.new-match-toast strong{font:700 20px Barlow Condensed,sans-serif;text-transform:uppercase}.new-match-toast span{color:#aab3bf;font-size:10px;text-transform:uppercase;letter-spacing:.08em}@keyframes toast-in{0%{opacity:0;translate:20px 0}}@media(max-width:900px){.lobby-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.dashboard-header-actions{width:100%;justify-content:space-between}.lobby-grid{grid-template-columns:1fr}.new-match-toast{top:84px;right:14px}}.single-board{display:grid;grid-template-columns:1fr minmax(320px,.7fr);min-height:0}.single-spectator-card{border-right:1px solid #422028}.single-drop-row{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.single-drop-row span{min-height:60px;padding:8px 14px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;border:1px solid #363c46;background:#11151bd9}.single-drop-row small{color:#8e97a4;text-transform:uppercase;font-size:9px;letter-spacing:.12em}.single-drop-row b{font:700 22px Barlow Condensed}.single-spectator-judges{justify-content:flex-start}.single-live-judge-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.single-live-judge{min-height:92px;padding:12px;border:1px solid #323844;border-radius:10px;background:#131821}.single-live-judge.dropped{border-color:#6e1b1f;background:#1d1517}.single-live-judge span{color:#9aa3b1;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.single-live-judge strong{display:block;margin-top:8px;font:800 42px/.9 Barlow Condensed,sans-serif}.single-lobby-matchup{grid-template-columns:1fr}.single-lobby-matchup div:last-child{text-align:left}@media(max-width:1000px){.single-board,.single-live-judge-grid{grid-template-columns:1fr}}@media(max-width:660px){.single-board{display:flex;flex-direction:column}.single-spectator-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto auto;align-content:start;gap:4px 8px;padding:6px 10px;min-height:0}.single-spectator-card>.corner-label{grid-column:1 / -1;font-size:8px;margin-bottom:4px}.single-spectator-card>.competitor-image{grid-column:1;align-self:start;width:clamp(52px,18vw,72px);border-radius:12px}.single-spectator-card>.identity{grid-column:2;margin-top:0;align-self:start;text-align:left}.single-spectator-card>.identity h1{font-size:clamp(18px,5.4vw,24px);margin-top:0}.single-spectator-card>.identity p{font-size:10px;margin-top:2px;margin-bottom:0}.single-spectator-card>.score{grid-column:1 / -1;align-self:start;justify-self:start;margin-top:6px;margin-bottom:6px;padding-top:0;font-size:clamp(48px,13vw,72px);line-height:.58}.single-spectator-card>.single-drop-row{grid-column:1 / -1;align-self:start;display:grid;gap:4px;margin-top:4px}.single-spectator-card>.single-drop-row span{min-height:28px;padding:3px 8px;border-radius:9px}.multi-spectator-card{order:-1;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto auto;align-content:start;gap:4px 8px;padding:6px 10px;min-height:0}.single-spectator-judges{order:0}.multi-spectator-card>.corner-label{grid-column:1 / -1;font-size:8px;margin-bottom:4px}.multi-spectator-card>.competitor-image{grid-column:1;align-self:start;width:clamp(52px,18vw,72px);border-radius:12px}.multi-spectator-card>.identity{grid-column:2;margin-top:0;align-self:start;text-align:left}.multi-spectator-card>.identity h1{font-size:clamp(18px,5.4vw,24px);margin-top:0}.multi-spectator-card>.identity p{font-size:10px;margin-top:2px;margin-bottom:0}.multi-spectator-card>.score{grid-column:1 / -1;align-self:start;justify-self:start;margin-top:6px;margin-bottom:6px;padding-top:0;font-size:clamp(48px,13vw,72px);line-height:.58}.multi-spectator-card>.single-drop-row{grid-column:1 / -1;align-self:start;display:grid;gap:4px;margin-top:4px}.multi-spectator-card>.single-drop-row span{min-height:28px;padding:3px 8px;border-radius:9px}}