:root{--bg: #06080b;--bg-2: #0a0e13;--panel: #0e141b;--panel-2: #121a23;--line: rgba(174, 247, 67, .09);--line-soft: rgba(255, 255, 255, .07);--volt: #aef743;--volt-dim: rgba(174, 247, 67, .14);--gold: #f2c94c;--hot: #ff4d5e;--cyan: #4dd7ff;--text: #e9eef4;--muted: #8b97a5;--faint: #5a6573;--font-display: "Unbounded", sans-serif;--font-body: "Instrument Sans", sans-serif;--font-mono: "Spline Sans Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(1100px 480px at 18% -8%,rgba(174,247,67,.07),transparent 60%),radial-gradient(900px 420px at 85% -6%,rgba(77,215,255,.05),transparent 60%),radial-gradient(1400px 700px at 50% 115%,rgba(20,46,24,.5),transparent 65%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}::selection{background:var(--volt);color:#0a0e13}.shell{max-width:1280px;margin:0 auto;padding:0 24px 96px}.masthead{padding:36px 0 10px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px;position:relative}.masthead h1{font-family:var(--font-display);font-weight:900;font-size:clamp(34px,6vw,64px);line-height:.95;letter-spacing:-.01em;text-transform:uppercase}.masthead h1 .outline{color:transparent;-webkit-text-stroke:1.5px rgba(233,238,244,.45)}.masthead h1 .volt{color:var(--volt);text-shadow:0 0 34px rgba(174,247,67,.35)}.masthead .sub{font-family:var(--font-mono);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.18em;padding-bottom:10px}.masthead .sub b{color:var(--volt);font-weight:600}.seedbar{margin-left:auto;display:flex;gap:10px;align-items:center;padding-bottom:8px;flex-wrap:wrap}.seedbar label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.seedbar input{background:var(--panel);border:1px solid var(--line-soft);color:var(--text);font-family:var(--font-mono);font-size:13px;padding:9px 12px;border-radius:4px;width:180px;outline:none;transition:border-color .2s}.seedbar input:focus{border-color:var(--volt)}.btn{--btn-bg: var(--volt);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#0a0e13;background:var(--btn-bg);padding:11px 18px;border-radius:4px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:transform .12s ease,box-shadow .2s,filter .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 26px #aef7434d;filter:brightness(1.05)}.btn:active{transform:translateY(0)}.btn.ghost{background:transparent;color:var(--volt);box-shadow:inset 0 0 0 1px #aef74366}.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--volt),0 4px 18px #aef74326}.tabs{display:flex;gap:2px;margin:22px 0 30px;border-bottom:1px solid var(--line-soft);overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:50;background:linear-gradient(var(--bg) 86%,transparent);padding-top:6px}.tabs::-webkit-scrollbar{display:none}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:12px 18px 14px;position:relative;white-space:nowrap;transition:color .2s}.tab:hover{color:var(--text)}.tab.active{color:var(--volt)}.tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--volt);box-shadow:0 0 14px #aef74399}.panel{background:linear-gradient(160deg,var(--panel) 0%,var(--bg-2) 100%);border:1px solid var(--line-soft);border-radius:8px;padding:20px;position:relative;overflow:hidden}.panel.accent{border-color:#aef74340}.kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--volt);margin-bottom:8px}.kicker.gold{color:var(--gold)}.kicker.muted{color:var(--faint)}h2.title{font-family:var(--font-display);font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.01em;margin-bottom:16px}h3.subtitle{font-family:var(--font-display);font-size:14px;font-weight:600;text-transform:uppercase;color:var(--text);margin-bottom:12px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise .5s cubic-bezier(.2,.7,.2,1) both}.champion-strip{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin-bottom:28px}@media(max-width:900px){.champion-strip{grid-template-columns:1fr}}.champ-card{border:1px solid rgba(242,201,76,.35);background:radial-gradient(420px 180px at 20% 0%,rgba(242,201,76,.12),transparent 70%),linear-gradient(160deg,#141308 0%,var(--bg-2) 80%);border-radius:8px;padding:22px;position:relative;overflow:hidden}.champ-card .trophy{position:absolute;right:-10px;bottom:-26px;font-size:130px;opacity:.09;transform:rotate(-8deg)}.champ-name{font-family:var(--font-display);font-size:clamp(26px,3.4vw,40px);font-weight:900;text-transform:uppercase;color:var(--gold);line-height:1;text-shadow:0 0 40px rgba(242,201,76,.3)}.champ-flag{font-size:44px;line-height:1;margin-bottom:8px;display:block}table.std{width:100%;border-collapse:collapse;font-size:13.5px}table.std th{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);text-align:right;padding:6px 7px;border-bottom:1px solid var(--line-soft)}table.std th.l,table.std td.l{text-align:left}table.std td{padding:7px;text-align:right;font-family:var(--font-mono);font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--muted);white-space:nowrap}table.std td.l{font-family:var(--font-body);font-size:13.5px;color:var(--text);font-weight:500}table.std tr.q1 td{background:#aef7430d}table.std tr.q1 td:first-child{box-shadow:inset 2px 0 0 var(--volt)}table.std tr.q2 td{background:#4dd7ff0a}table.std tr.q2 td:first-child{box-shadow:inset 2px 0 0 var(--cyan)}table.std tr.q3 td{background:#f2c94c0a}table.std tr.q3 td:first-child{box-shadow:inset 2px 0 #f2c94c99}table.std td b{color:var(--text);font-weight:600}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}@media(max-width:480px){.groups-grid{grid-template-columns:1fr}}.group-tag{font-family:var(--font-display);font-weight:900;font-size:15px;color:#0a0e13;background:var(--volt);width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.match-row{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:5px;cursor:pointer;transition:background .15s,transform .15s;border:1px solid transparent}.match-row:hover{background:var(--panel-2);border-color:var(--line-soft);transform:translate(2px)}.match-row .team{display:flex;align-items:center;gap:8px;min-width:0;font-weight:500;font-size:13.5px}.match-row .team.right{justify-content:flex-end;text-align:right}.match-row .team .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-row .team.loser{color:var(--faint)}.match-row .score{font-family:var(--font-mono);font-weight:700;font-size:14px;background:var(--bg);border:1px solid var(--line-soft);padding:3px 10px;border-radius:4px;letter-spacing:.05em;color:var(--volt)}.match-row .meta{font-family:var(--font-mono);font-size:10px;color:var(--faint)}.match-row .pens-note{font-size:10px;color:var(--gold);font-family:var(--font-mono)}.bracket-scroll{overflow-x:auto;padding-bottom:14px}.bracket{display:grid;grid-template-columns:repeat(6,minmax(240px,1fr));gap:18px;min-width:1500px;align-items:stretch}.bracket .round-col{display:flex;flex-direction:column}.round-label{font-family:var(--font-display);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px;text-align:center}.round-label em{color:var(--volt);font-style:normal}.bracket .matches{display:flex;flex-direction:column;justify-content:space-around;gap:10px;flex:1}.ko-card{background:linear-gradient(150deg,var(--panel) 0%,var(--bg-2) 100%);border:1px solid var(--line-soft);border-radius:6px;padding:9px 11px;cursor:pointer;position:relative;transition:border-color .15s,transform .15s,box-shadow .2s}.ko-card:hover{border-color:#aef74373;transform:translateY(-1px);box-shadow:0 8px 26px #00000073}.ko-card .num{position:absolute;top:-7px;left:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--faint);background:var(--bg);padding:0 6px;border-radius:3px;border:1px solid var(--line-soft)}.ko-card.final{border-color:#f2c94c80;background:radial-gradient(300px 130px at 50% 0%,rgba(242,201,76,.1),transparent 70%),linear-gradient(150deg,var(--panel) 0%,var(--bg-2) 100%)}.ko-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;font-size:13px;font-weight:500}.ko-line .nm{display:flex;align-items:center;gap:7px;min-width:0}.ko-line .nm span.txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ko-line .sc{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--text)}.ko-line.w .sc{color:var(--volt)}.ko-line.l{color:var(--faint)}.ko-line.l .flag{filter:grayscale(.8) brightness(.7)}.prob-row{display:grid;grid-template-columns:200px 1fr 64px;gap:12px;align-items:center;padding:5px 0}.prob-row .who{display:flex;gap:8px;align-items:center;font-weight:500;font-size:13.5px}.prob-track{height:14px;background:#ffffff0d;border-radius:3px;overflow:hidden;position:relative}.prob-fill{height:100%;background:linear-gradient(90deg,rgba(174,247,67,.5),var(--volt));border-radius:3px;box-shadow:0 0 16px #aef74340;transition:width .7s cubic-bezier(.2,.7,.2,1)}.prob-fill.gold{background:linear-gradient(90deg,rgba(242,201,76,.5),var(--gold));box-shadow:0 0 16px #f2c94c4d}.prob-val{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text);text-align:right}.split-bar{display:flex;height:18px;border-radius:4px;overflow:hidden;font-family:var(--font-mono);font-size:10px}.split-bar>div{display:flex;align-items:center;justify-content:center;color:#0a0e13;font-weight:600;min-width:0;overflow:hidden}.split-bar .h{background:var(--volt)}.split-bar .d{background:#46505c;color:var(--text)}.split-bar .a{background:var(--cyan)}.modal-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#040609c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:7vh 18px 18px;animation:rise .18s ease both;overflow-y:auto}.modal{width:640px;max-width:100%;background:linear-gradient(165deg,#121a23,#0a0f15);border:1px solid rgba(174,247,67,.2);border-radius:10px;padding:26px;box-shadow:0 30px 90px #000000b3}.modal .close{float:right;background:none;border:1px solid var(--line-soft);color:var(--muted);border-radius:4px;width:30px;height:30px;cursor:pointer;font-size:15px;transition:all .15s}.modal .close:hover{color:var(--text);border-color:var(--muted)}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:10px 0 18px}.versus .side{text-align:center}.versus .side .flag{font-size:46px;display:block}.versus .side .nm{font-family:var(--font-display);font-weight:800;font-size:16px;text-transform:uppercase;margin-top:6px}.versus .side .elo{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:3px}.versus .big-score{font-family:var(--font-mono);font-size:40px;font-weight:700;letter-spacing:.04em;color:var(--volt);background:var(--bg);border:1px solid var(--line-soft);border-radius:8px;padding:8px 18px}.versus .et-note{text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--gold);margin-top:6px}.statline{display:grid;grid-template-columns:70px 1fr 70px;gap:10px;align-items:center;padding:4px 0;font-family:var(--font-mono);font-size:12px}.statline .lbl{text-align:center;color:var(--faint);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.statline .v{color:var(--text);font-weight:600}.statline .v.r{text-align:right}.h2h-list{margin-top:10px;max-height:220px;overflow-y:auto}.h2h-item{display:flex;justify-content:space-between;gap:10px;padding:6px 4px;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.04)}.h2h-item .d{font-family:var(--font-mono);color:var(--faint);font-size:11px}.h2h-item .t{color:var(--faint);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.mc-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.mc-progress{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;flex:1;min-width:140px}.mc-progress>div{height:100%;background:var(--volt);transition:width .15s;box-shadow:0 0 12px #aef74380}.heat-table-wrap{overflow-x:auto}.heat-cell{font-family:var(--font-mono);font-size:12px;padding:6px 8px;text-align:right;border-radius:3px}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.team-card{background:linear-gradient(150deg,var(--panel) 0%,var(--bg-2) 100%);border:1px solid var(--line-soft);border-radius:6px;padding:14px;cursor:pointer;transition:border-color .15s,transform .15s;display:flex;gap:12px;align-items:center}.team-card:hover{border-color:#aef74366;transform:translateY(-2px)}.team-card .flag{font-size:34px}.team-card .nm{font-weight:600;font-size:14px}.team-card .meta{font-family:var(--font-mono);font-size:10.5px;color:var(--faint);margin-top:2px}.spark{width:100%;height:120px}.spark path.line{fill:none;stroke:var(--volt);stroke-width:2}.spark path.area{fill:url(#sparkfill);opacity:.5}.params-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.param{padding:16px;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:6px}.param .head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.param label{font-weight:600;font-size:13.5px}.param .val{font-family:var(--font-mono);color:var(--volt);font-size:13px;font-weight:600}.param .desc{font-size:12px;color:var(--muted);margin-bottom:10px;line-height:1.45}.param input[type=range]{width:100%;accent-color:var(--volt);cursor:pointer}.param select,.param input[type=number]{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line-soft);border-radius:4px;font-family:var(--font-mono);font-size:13px;padding:8px 10px;outline:none}.param select:focus{border-color:var(--volt)}.preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:var(--panel-2);color:var(--muted);border:1px solid var(--line-soft);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;padding:7px 13px;border-radius:30px;transition:all .15s}.chip:hover{color:var(--volt);border-color:#aef74373}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:860px){.grid-2{grid-template-columns:1fr}}.mt{margin-top:16px}.mb{margin-bottom:16px}.flag{line-height:1}.dim{color:var(--muted)}.tiny{font-size:11.5px;color:var(--faint);font-family:var(--font-mono)}.footer{margin-top:60px;padding-top:20px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--faint);line-height:1.7}.footer a{color:var(--muted)}.badge{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-soft);color:var(--muted);border-radius:3px;padding:2px 7px}.badge.volt{color:var(--volt);border-color:#aef74366}.badge.gold{color:var(--gold);border-color:#f2c94c66}*{scrollbar-width:thin;scrollbar-color:#2a3441 transparent}*::-webkit-scrollbar{height:8px;width:8px}*::-webkit-scrollbar-thumb{background:#2a3441;border-radius:4px}