:root{--bg:#070a0f;--panel:#0e131b;--line:#202a38;--text:#f3f6fb;--muted:#8e9caf;--accent:#7c5cff;--accent-2:#25d0a5;--shadow:0 18px 60px #00000052}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(circle at top left, #7c5cff29, transparent 28%), radial-gradient(circle at 90% 10%, #25d0a514, transparent 24%), var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{width:min(1500px,100% - 36px);margin:0 auto;padding:36px 0 80px}.hero-card,.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#121925f5,#0b1018f5)}.hero-card{border-radius:28px;flex-direction:column;justify-content:center;min-height:72vh;padding:clamp(36px,8vw,96px);display:flex}.hero-card h1{letter-spacing:-.055em;max-width:800px;margin:10px 0 18px;font-size:clamp(42px,7vw,88px);line-height:.98}.lead{max-width:690px;color:var(--muted);font-size:18px;line-height:1.7}.eyebrow{color:#a898ff;letter-spacing:.18em;margin:0;font-size:11px;font-weight:800}.topbar,.panel-header,.section-title,.field-heading,.team-card-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar{margin-bottom:24px}.topbar h1,.panel h2,.team-card h3{margin:4px 0 0}.topbar h1{letter-spacing:-.04em;font-size:clamp(30px,4vw,48px)}.panel h2{letter-spacing:-.025em;font-size:24px}.team-card h3{font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-button,.ghost-button,.mode-card,.match-chip{border:1px solid var(--line);border-radius:12px;transition:all .16s}.primary-button,.ghost-button{justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#7254ef,#5f43db);border-color:#7c5cffa6}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.ghost-button{color:var(--text);background:#ffffff08}.panel{border-radius:22px;margin-top:20px;padding:24px}.grid-2{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}.muted{color:var(--muted)}.status-pill,.team-status,.sub-badge{border:1px solid var(--line);letter-spacing:.08em;background:#ffffff0a;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.status-pill{color:#b8b0ff}.stat-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;display:grid}.stat-row>div{border:1px solid var(--line);background:#ffffff05;border-radius:16px;padding:18px}.stat-value{font-size:30px;font-weight:900;display:block}.stat-label{color:var(--muted);font-size:12px}.pipeline{gap:8px;max-height:330px;margin-top:8px;display:grid;overflow:auto}.pipeline-item{border:1px solid var(--line);color:#d8dfeb;background:#ffffff05;border-radius:12px;gap:12px;padding:11px 12px;display:flex}.pipeline-index{color:#9587ff;min-width:28px;font-weight:900}.builder{gap:20px;display:grid}.form-grid{gap:14px;display:grid}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.compact{gap:10px}.field{color:#c4cedd;gap:8px;font-size:12px;font-weight:700;display:grid}.field em{color:var(--muted);font-style:normal;font-weight:600}.field input,.readonly-control{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:#090d14;border-radius:10px;outline:none;padding:0 12px}.field input:focus{border-color:#7c5cffcc;box-shadow:0 0 0 3px #7c5cff1f}.readonly-control{color:var(--muted);align-items:center;font-size:12px;display:flex}.field-group{gap:12px;margin-top:22px;display:grid}.mode-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mode-card{text-align:left;min-height:110px;color:var(--text);background:#ffffff05;align-content:start;gap:9px;padding:16px;display:grid}.mode-card span{color:var(--muted);font-size:12px;line-height:1.5}.mode-card.active{background:#7c5cff1f;border-color:#7c5cffbf}.mode-description{color:#bfc8d7;margin:0;font-size:13px}.custom-matches{border:1px dashed var(--line);border-radius:14px;padding:14px}.match-selector{flex-wrap:wrap;gap:8px;display:flex}.match-chip{color:#cbd5e3;background:#0a0f17;min-width:50px;padding:9px 12px}.match-chip.active{color:#bdf9eb;background:#25d0a51a;border-color:#25d0a5a6}.team-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;display:grid}.team-card{border:1px solid var(--line);background:#ffffff05;border-radius:18px;min-width:0;padding:16px}.slot-label{color:#7f8da3;letter-spacing:.15em;font-size:10px;font-weight:800}.players{gap:8px;margin-top:14px;display:grid}.player-row{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.player-slot{color:#8692a5;font-size:11px;font-weight:900}.player-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.player-fields input{border:1px solid var(--line);min-width:0;min-height:36px;color:var(--text);background:#090d14;border-radius:9px;padding:0 9px;font-size:12px}.sub-badge{color:#ffcf88;border-color:#ffcf8833}.scoring-panel{grid-template-columns:.7fr 1.3fr;align-items:center;gap:20px;display:grid}.score-rules{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.score-rules>div{border:1px solid var(--line);text-align:center;border-radius:14px;padding:14px 10px}.score-rules strong{font-size:20px;display:block}.score-rules span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.success-banner{color:#b8f5e7;background:#25d0a514;border:1px solid #25d0a547;border-radius:14px;padding:13px 15px;font-size:13px}@media (max-width:1100px){.grid-2,.scoring-panel,.team-grid,.form-grid.three{grid-template-columns:1fr}}@media (max-width:760px){.shell{width:min(100% - 20px,1500px);padding-top:20px}.topbar,.section-title,.field-heading{flex-direction:column;align-items:flex-start}.mode-grid,.form-grid.two,.player-fields{grid-template-columns:1fr}.score-rules{grid-template-columns:repeat(3,1fr)}.hero-card{min-height:80vh;padding:28px}.hero-card h1{font-size:48px}}.overlay-workspace{gap:14px;display:grid}.overlay-toolbar{border:1px solid var(--line);background:#ffffff05;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.overlay-toolbar strong{margin-top:4px;display:block}.overlay-controls{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.ghost-button.small{border-radius:9px;min-height:34px;padding:0 11px;font-size:11px}.broadcast-canvas{aspect-ratio:16/9;background:radial-gradient(circle at 15% 10%,#7c5cff33,#0000 35%),radial-gradient(circle at 90% 90%,#25d0a51a,#0000 30%),#05070b;border:1px solid #263144;border-radius:22px;overflow:hidden}.broadcast-stage{width:100%;height:100%;padding:4.5%;position:relative;overflow:hidden}.broadcast-kicker{color:#a898ff;letter-spacing:.18em;font-size:clamp(8px,.8vw,13px);font-weight:900}.broadcast-stage h2{letter-spacing:-.045em;margin:.45em 0 0;font-size:clamp(22px,3vw,54px)}.roster-grid{grid-template-columns:repeat(3,1fr);gap:1.2%;height:76%;margin-top:4%;display:grid}.roster-card{background:linear-gradient(145deg,#131b28fa,#070b11fa);border:1px solid #283345;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:10px;padding:4.5%;display:grid}.roster-logo{aspect-ratio:1;background:#111827;border:1px solid #36445b;border-radius:14px;place-items:center;width:clamp(34px,4vw,68px);font-size:clamp(10px,1.1vw,17px);font-weight:900;display:grid}.roster-team{font-size:clamp(11px,1.2vw,19px);font-weight:900}.roster-prefix{color:#9ca8b9;margin-top:3px;font-size:clamp(8px,.9vw,13px);font-weight:800}.roster-players{color:#aeb9c8;grid-column:1/-1;gap:4px;margin-top:5%;font-size:clamp(8px,.78vw,12px);display:grid}.sub-player{color:#ffcf88}.room-stage{flex-direction:column;display:flex}.room-top,.table-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.room-badge{color:#b8f5e7;letter-spacing:.12em;background:#25d0a514;border:1px solid #25d0a559;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:10px;font-weight:900;display:inline-flex}.hud-card{background:linear-gradient(140deg,#171f2dfa,#080c13fa);border:1px solid #37455d;border-radius:20px;width:min(58%,760px);margin:auto 0 4%;padding:3.2%}.hud-slot{color:#8997ab;letter-spacing:.15em;font-size:clamp(8px,.8vw,12px);font-weight:900;display:block}.hud-team{color:#b3bfd0;margin-top:7px;font-size:clamp(9px,.9vw,14px);font-weight:800;display:block}.hud-card strong{letter-spacing:-.04em;margin-top:6px;font-size:clamp(24px,3vw,52px);display:block}.hud-note{color:#768399;margin-top:4px;font-size:clamp(8px,.75vw,11px);display:block}.hud-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.mini-slot{background:#ffffff06;border:1px solid #243043;border-radius:12px;padding:8px}.mini-slot span{color:#6f7c90;font-size:8px;font-weight:900}.mini-slot strong{margin-top:4px;font-size:14px;display:block}.mini-slot small{color:#7f8da3;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;display:block;overflow:hidden}.match-live-table,.result-table{gap:6px;margin-top:4%;display:grid}.live-row,.result-line{background:#ffffff06;border:1px solid #253043;border-radius:10px;grid-template-columns:42px 70px minmax(0,1fr) 85px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:grid}.live-row strong,.result-line strong{color:#b8b0ff}.live-row b,.result-line b{text-align:right}.live-player-banner{background:#121925e6;border-left:3px solid #7c5cff;align-self:flex-end;min-width:min(48%,500px);margin-top:auto;padding:1.4% 2%}.live-player-banner span,.live-player-banner small{color:#818ea2;letter-spacing:.1em;font-size:9px;font-weight:900;display:block}.live-player-banner strong{margin:4px 0;font-size:20px;display:block}.table-heading{align-items:flex-start}.result-line{grid-template-columns:40px 70px minmax(0,1fr) 80px 80px 60px}.result-line .place{color:#8a96a8;font-weight:900}.thank-you-stage{text-align:center;place-content:center;display:grid}.thank-you-stage h2{max-width:1000px;font-size:clamp(36px,6vw,96px)}.thank-you-stage p{color:#8d9aae;font-size:clamp(12px,1.1vw,18px)}@media (max-width:760px){.overlay-toolbar{flex-direction:column;align-items:flex-start}.overlay-controls{justify-content:flex-start}.roster-grid{gap:2%}.roster-card{border-radius:9px;padding:5%}.hud-card{width:100%}.hud-grid{grid-template-columns:repeat(3,1fr)}.live-row,.result-line{grid-template-columns:28px 44px minmax(0,1fr) 48px;gap:6px;padding:7px;font-size:9px}.result-line{grid-template-columns:24px 42px minmax(0,1fr) 42px 42px 30px}.live-player-banner{min-width:75%}}.match-console{gap:20px;display:grid}.console-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.console-summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.console-summary>div{border:1px solid var(--line);background:#ffffff05;border-radius:14px;padding:16px}.console-summary strong{font-size:26px;display:block}.console-summary span{color:var(--muted);font-size:11px}.manual-team-list{gap:8px;margin-top:18px;display:grid}.manual-team-row{border:1px solid var(--line);background:#ffffff05;border-radius:13px;grid-template-columns:62px minmax(180px,1fr) 145px 105px 150px;align-items:center;gap:12px;padding:11px 12px;display:grid}.manual-team-row.eliminated{opacity:.62}.manual-team-index{align-items:center;gap:7px;display:flex}.manual-team-index>span{color:#9ba7b9;font-weight:900}kbd{color:#c9d3e2;background:#0a0f17;border:1px solid #344055;border-bottom-width:2px;border-radius:6px;place-items:center;min-width:24px;height:24px;padding:0 5px;font:800 10px Arial,Helvetica,sans-serif;display:inline-grid}.manual-team-identity{min-width:0}.manual-team-identity strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.manual-team-identity span{color:var(--muted);margin-top:3px;font-size:10px;font-weight:800;display:block}.kill-control{grid-template-columns:36px 1fr 36px;align-items:center;gap:6px;display:grid}.kill-control>strong{text-align:center;font-size:21px}.kill-button{border:1px solid var(--line);color:#d8dfeb;background:#0a0f17;border-radius:9px;width:36px;height:36px;font-size:20px;line-height:1}.kill-button.plus{color:#b8f5e7;border-color:#25d0a552}.kill-button:disabled,.eliminate-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.45}.manual-points{text-align:right}.manual-points span{font-size:16px;font-weight:900;display:block}.manual-points small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.eliminate-button{color:#ffb1b1;letter-spacing:.06em;background:#ff70700d;border:1px solid #ff707047;border-radius:9px;min-height:36px;font-size:10px;font-weight:900}.eliminate-button kbd{vertical-align:middle;margin-left:7px}.error-banner{color:#ffb6b6;background:#ff646412;border:1px solid #ff646447;border-radius:14px;padding:13px 15px;font-size:13px}.console-note{align-items:center;gap:12px;display:flex}.console-note strong{color:#b8b0ff}.console-note span{color:var(--muted);font-size:12px}@media (max-width:900px){.manual-team-row{grid-template-columns:52px minmax(130px,1fr) 130px 80px}.manual-points{display:none}}@media (max-width:620px){.console-summary{grid-template-columns:repeat(2,1fr)}.manual-team-row{grid-template-columns:44px minmax(100px,1fr) 118px;gap:8px}.eliminate-button{grid-column:2/-1}.manual-team-index kbd{display:none}.console-actions{justify-content:flex-start}}.match-review{gap:20px;display:grid}.review-banner{align-items:center;gap:14px;display:flex}.review-banner strong{color:#b8f5e7;letter-spacing:.04em}.review-banner span{color:var(--muted);font-size:12px}.review-table{gap:7px;margin-top:18px;display:grid}.review-head,.review-row{grid-template-columns:70px minmax(180px,1fr) 150px 120px 120px;align-items:center;gap:12px;display:grid}.review-head{color:#6f7c90;letter-spacing:.1em;padding:0 14px 6px;font-size:10px;font-weight:900}.review-row{border:1px solid var(--line);background:#ffffff05;border-radius:13px;padding:12px 14px}.review-place{color:#b8b0ff;font-size:22px}.review-team strong,.review-team span,.review-points strong,.review-points span{display:block}.review-team span,.review-points span{color:var(--muted);margin-top:3px;font-size:10px}.review-kills{grid-template-columns:34px 1fr 34px;align-items:center;gap:6px;display:grid}.review-kills button{border:1px solid var(--line);color:#d8dfeb;background:#0a0f17;border-radius:8px;width:34px;height:34px;font-size:18px}.review-kills button:disabled{opacity:.4;cursor:not-allowed}.review-kills strong{text-align:center;font-size:18px}.review-points strong{font-size:18px}.review-status{color:#ffb1b1;background:#ff70700d;border:1px solid #ff707040;border-radius:999px;justify-self:start;padding:6px 9px;font-size:9px;font-weight:900}.review-status.alive{color:#b8f5e7;background:#25d0a50f;border-color:#25d0a54d}.review-pipeline{color:#8794a8;letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;font-size:11px;font-weight:900;display:flex}.review-pipeline b{color:#5d6b80}.review-pipeline .active{color:#b8f5e7}@media (max-width:760px){.review-banner{flex-direction:column;align-items:flex-start}.review-head{display:none}.review-row{grid-template-columns:42px minmax(110px,1fr) 105px;gap:8px}.review-points,.review-status{display:none}}.overall-table{gap:7px;margin-top:18px;display:grid}.overall-head,.overall-row{grid-template-columns:70px minmax(180px,1fr) 100px 90px 100px;align-items:center;gap:12px;display:grid}.overall-head{color:#6f7c90;letter-spacing:.1em;padding:0 14px 6px;font-size:10px;font-weight:900}.overall-row{border:1px solid var(--line);background:#ffffff05;border-radius:13px;padding:13px 14px}.overall-rank{color:#b8b0ff;font-size:22px}.overall-row>div strong,.overall-row>div span{display:block}.overall-row>div span{color:var(--muted);margin-top:3px;font-size:10px}.overall-total{font-size:21px}.overall-matches{gap:6px;margin-top:16px;display:grid;overflow-x:auto}.overall-match{border:1px solid var(--line);background:#ffffff05;border-radius:10px;grid-template-columns:60px repeat(auto-fit,minmax(44px,1fr));align-items:center;gap:6px;min-width:520px;padding:9px 10px;font-size:11px;display:grid}.overall-match strong{color:#a898ff}.overall-match span{text-align:center;color:#c7d0de}@media (max-width:760px){.overall-head{display:none}.overall-row{grid-template-columns:40px minmax(120px,1fr) 60px 55px 65px;gap:7px;padding:10px;font-size:10px}.overall-rank{font-size:18px}.overall-total{font-size:17px}}.pt-table{gap:8px;margin-top:18px;display:grid}.pt-row{border:1px solid var(--line);background:#ffffff05;border-radius:13px;grid-template-columns:70px minmax(180px,1fr) 110px 90px;align-items:center;gap:14px;padding:14px;display:grid}.pt-place{color:#b8b0ff;font-size:21px}.pt-row>div strong,.pt-row>div span{display:block}.pt-row>div span{color:var(--muted);margin-top:3px;font-size:10px}.pt-total{text-align:right;font-size:22px}@media (max-width:760px){.pt-row{grid-template-columns:40px minmax(120px,1fr) 70px 55px;gap:8px;padding:10px;font-size:10px}.pt-place,.pt-total{font-size:17px}}