:root{color-scheme:dark;--bg: #050a10;--bg-2: #09111a;--panel: rgba(10, 16, 24, .86);--panel-strong: rgba(16, 24, 36, .96);--line: rgba(148, 163, 184, .14);--text: #edf3fb;--muted: #9fb0c5;--slate: #7c8796;--green: #42f59b;--green-soft: rgba(66, 245, 155, .15);--amber: #ffc84d;--amber-soft: rgba(255, 200, 77, .16);--red: #ff4e5d;--red-soft: rgba(255, 78, 93, .18);--blue: #5ca8ff;--blue-soft: rgba(92, 168, 255, .16);--shadow: 0 30px 80px rgba(0, 0, 0, .42);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;font-family:Barlow,system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(92,168,255,.16),transparent 34%),radial-gradient(circle at 85% 10%,rgba(255,200,77,.12),transparent 28%),radial-gradient(circle at 30% 85%,rgba(66,245,155,.11),transparent 24%),linear-gradient(180deg,#02050a,#060c12 45%,#07131c)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--text);background:var(--bg);overflow:hidden}button,input{font:inherit}button{border:0;cursor:pointer}.shell{position:relative;min-height:100vh;padding:24px;background:linear-gradient(180deg,#070c1333,#070c13b3),radial-gradient(circle at center top,rgba(92,168,255,.08),transparent 34%)}.shell__grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 92%);opacity:.34}.shell__glow{position:fixed;width:44vw;height:44vw;border-radius:50%;filter:blur(90px);opacity:.45;pointer-events:none}.shell__glow--one{top:-18vw;left:-10vw;background:#5ca8ff33}.shell__glow--two{right:-14vw;bottom:-18vw;background:#ffc84d29}.setup-screen{min-height:calc(100vh - 48px);display:grid;place-items:center}.setup-card{width:min(680px,100%);padding:36px;border:1px solid rgba(148,163,184,.14);border-radius:32px;background:linear-gradient(180deg,#0c131df5,#080d15e6);box-shadow:var(--shadow)}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.24em;font-size:.76rem;color:var(--muted)}h1,h2,h3{margin:0;font-family:Teko,sans-serif;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.setup-card h1{font-size:clamp(3.6rem,10vw,6.5rem);line-height:.88}.lead{margin:16px 0 28px;max-width:58ch;color:var(--muted);font-size:1.02rem;line-height:1.6}.field{display:grid;gap:10px;margin-bottom:18px}.field span{color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.14em}.field input{width:100%;padding:16px 18px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:#04080ee6;color:var(--text);font-size:1.02rem;outline:none}.field input:focus{border-color:#5ca8ffb3;box-shadow:0 0 0 4px #5ca8ff24}.primary-button,.ghost-button{border-radius:14px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.primary-button{width:100%;padding:16px 20px;background:linear-gradient(135deg,#f9b400,#ff6a00);color:#0b1017;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;box-shadow:0 18px 30px #ff7a0040}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.topbar__title{font-size:clamp(2.7rem,5vw,4.4rem);line-height:.92}.topbar__meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.pill,.ghost-button{border:1px solid rgba(148,163,184,.16);background:#0b1119b3;color:var(--text)}.pill{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase}.pill--open{border-color:#42f59b59;color:var(--green);background:#42f59b1a}.pill--connecting,.pill--reconnecting{border-color:#ffc84d52;color:var(--amber);background:#ffc84d1a}.pill--offline{border-color:#ff4e5d52;color:var(--red);background:#ff4e5d1f}.pill--green{border-color:#42f59b59;color:var(--green);background:#42f59b1a}.pill--amber{border-color:#ffc84d52;color:var(--amber);background:#ffc84d1a}.pill--slate{color:var(--muted)}.ghost-button{padding:10px 14px;border-radius:999px}.board{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(330px,.8fr);gap:18px;min-height:calc(100vh - 120px)}.main-column,.sidebar{display:grid;gap:18px}.hero,.panel,.break-card,.stack-card,.empty-state{border:1px solid var(--line);background:linear-gradient(180deg,#0a1019e6,#060b12eb);box-shadow:0 20px 40px #00000040}.hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px;border-radius:var(--radius-xl)}.hero h2{font-size:clamp(2.4rem,4.3vw,4.4rem);line-height:.92}.hero__eyebrow{margin:0 0 8px;color:var(--muted);letter-spacing:.22em;text-transform:uppercase;font-size:.76rem}.hero__info{display:grid;gap:8px;min-width:180px;color:var(--muted);font-size:.9rem;text-align:right}.hero--green{box-shadow:0 0 0 1px #42f59b29,0 0 50px #42f59b14}.hero--amber{box-shadow:0 0 0 1px #ffc84d29,0 0 50px #ffc84d14}.hero--slate{box-shadow:0 0 0 1px #94a3b81f}.panel{border-radius:var(--radius-xl);padding:20px}.panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.panel h3{font-size:2.2rem;line-height:.92}.panel--matches{min-height:0}.match-table{display:grid;gap:10px}.match-table__header,.match-row{display:grid;grid-template-columns:1.1fr .9fr 1.1fr 1.1fr .8fr;gap:12px;align-items:center}.match-table__header{color:var(--muted);padding:0 14px 12px;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;border-bottom:1px solid rgba(148,163,184,.12)}.match-row{padding:14px;border-radius:18px;background:#ffffff05}.match-row--replay{background:linear-gradient(90deg,#ffc84d1f,#ffffff05);border-left:4px solid rgba(255,200,77,.55)}.row--live{background:linear-gradient(90deg,#42f59b2e,#ffffff05);box-shadow:inset 0 0 0 1px #42f59b2e}.row--red{background:linear-gradient(90deg,#ff4e5d38,#ffffff05);box-shadow:inset 0 0 0 1px #ff4e5d3d}.row--blue{background:linear-gradient(90deg,#5ca8ff38,#ffffff05);box-shadow:inset 0 0 0 1px #5ca8ff3d}.row--warning{background:linear-gradient(90deg,#ffc84d29,#ffffff05);box-shadow:inset 0 0 0 1px #ffc84d38}.row--past{opacity:.72}.match-row__cell{display:flex;align-items:center;gap:8px;min-width:0}.match-row__label{font-weight:800;font-size:1.1rem;letter-spacing:.04em}.match-row__time,.match-row__status,.muted{color:var(--muted)}.match-row__status{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em}.badge--replay{background:#ffc84d29;color:var(--amber)}.badge--break{background:#5ca8ff29;color:var(--blue)}.team-list{display:flex;flex-wrap:wrap;gap:6px}.team-pill{padding:5px 9px;border-radius:999px;background:#ffffff0d;color:var(--text);font-size:.78rem;font-weight:600}.team-pill--selected{color:#0c1016;background:linear-gradient(135deg,#ffe07c,#ff8a00)}.team-list--red .team-pill:not(.team-pill--selected){border:1px solid rgba(255,78,93,.22)}.team-list--blue .team-pill:not(.team-pill--selected){border:1px solid rgba(92,168,255,.22)}.stack-list{display:grid;gap:10px}.break-stack{display:grid;gap:14px}.break-group{display:grid;gap:10px}.stack-card,.break-card,.empty-state{padding:16px;border-radius:18px;line-height:1.5}.stack-card{color:var(--text);overflow-wrap:anywhere;word-break:break-word}.stack-card--parts{background:linear-gradient(180deg,#ffc84d14,#060b12eb)}.break-card--upcoming{background:linear-gradient(180deg,#5ca8ff1f,#060b12eb)}.break-card--recent{background:linear-gradient(180deg,#ff4e5d14,#060b12eb)}.stack-card__title{margin-bottom:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.stack-card__body{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.break-card strong{display:block;margin-top:8px;font-family:Teko,sans-serif;font-size:2.2rem;letter-spacing:.05em}.empty-state{color:var(--muted)}.alert-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:24px;z-index:50;background:#000000b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.alert-overlay__card{width:min(1080px,100%);padding:42px;border-radius:34px;border:1px solid rgba(255,255,255,.2);text-align:center;box-shadow:0 0 0 1px #ffffff14,var(--shadow)}.alert-overlay__card h2{font-size:clamp(3.8rem,10vw,8rem);line-height:.9}.alert-overlay__card p{margin:14px auto 0;max-width:38ch;font-size:clamp(1.2rem,2.1vw,1.8rem);color:#fffffff0}.alert-overlay__card span{display:inline-block;margin-top:18px;color:#fffc;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.alert-overlay--green .alert-overlay__card{background:linear-gradient(180deg,#105436fa,#081a12fa);box-shadow:0 0 0 1px #42f59b33,0 0 60px #42f59b2e;animation:flash-green 1.1s infinite alternate}.alert-overlay--red .alert-overlay__card{background:linear-gradient(180deg,#5f0f19fa,#18060afa);box-shadow:0 0 0 1px #ff4e5d38,0 0 60px #ff4e5d2e;animation:flash-red .85s infinite alternate}@keyframes flash-green{0%{filter:brightness(.92) saturate(1);transform:scale(.992)}to{filter:brightness(1.08) saturate(1.12);transform:scale(1)}}@keyframes flash-red{0%{filter:brightness(.9) saturate(1);transform:scale(.99)}to{filter:brightness(1.12) saturate(1.14);transform:scale(1.01)}}@media(max-width:1120px){body{overflow:auto}.board{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.shell{padding:16px}.topbar,.hero{flex-direction:column;align-items:flex-start}.sidebar,.match-table__header,.match-row{grid-template-columns:1fr}.match-table__header{display:none}}