:root{--bg: #0b1119;--bg-2: #0e1620;--panel: rgba(13, 20, 28, .92);--line: #2a3a4c;--line-soft: rgba(90, 120, 150, .14);--steel: #c8d2dc;--steel-bright: #eef3f8;--steel-dim: #6e8093;--blue: #4f8fca;--blue-light: #8fc3ef;--blue-dark: #12283d;--red: #c94f4f;--red-light: #ef8f8f;--red-dark: #3d1212;--gold: #ecd985;--gold-soft: #f0e6b4;--tier-pro: #ffd700;--tier-semi: #c0c0c0;--tier-comp: #cd7f32;--tier-place: #7d8fa0;--win: #7fbf7f;--loss: #ef8f8f}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg)}body{background:radial-gradient(ellipse at 50% -10%,#1c2c3e 0%,transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 45%,#0a0e14 100%);background-attachment:fixed;color:var(--steel);font-family:Arial Narrow,Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased}a{color:var(--blue-light)}button{font-family:inherit}.dim{color:var(--steel-dim)}.wrap{max-width:1200px;margin:0 auto;padding:0 20px 60px}header.site{display:flex;justify-content:space-between;align-items:flex-end;padding:26px 4px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px}.brand .kicker{font-size:12px;letter-spacing:5px;color:var(--blue-light);text-transform:uppercase;margin-bottom:3px}.brand h1{font-size:34px;font-weight:700;letter-spacing:3px;color:var(--steel-bright);text-transform:uppercase;text-shadow:0 2px 12px rgba(90,140,190,.3)}.brand .sub{font-size:14px;letter-spacing:2px;color:var(--steel-dim);text-transform:uppercase;margin-top:2px}.head-right{text-align:right;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}.head-right a{text-decoration:none}.head-right .discord-link{margin-top:8px;display:inline-block}.format-toggle{display:inline-flex;border:1px solid var(--line)}.fmt-btn{appearance:none;cursor:pointer;background:#141e2a99;color:var(--steel-dim);border:none;border-right:1px solid var(--line);padding:7px 16px;font-size:13px;letter-spacing:2px;font-weight:700;transition:background .15s ease,color .15s ease}.fmt-btn:last-child{border-right:none}.fmt-btn:hover{color:var(--steel)}.fmt-btn:focus-visible{outline:2px solid var(--blue-light);outline-offset:-2px}.fmt-btn.active{background:var(--blue-dark);color:var(--blue-light)}nav.tabs{display:flex;gap:2px;margin-top:18px;flex-wrap:wrap}.tab{appearance:none;border:1px solid var(--line);border-bottom:none;background:#141e2a99;color:var(--steel-dim);font-size:13.5px;letter-spacing:2.5px;text-transform:uppercase;padding:10px 22px;cursor:pointer;transition:background .15s ease,color .15s ease}.tab:hover{color:var(--steel)}.tab:focus-visible{outline:2px solid var(--blue-light);outline-offset:-2px}.tab[aria-selected=true]{background:var(--panel);color:var(--blue-light);border-top:2px solid var(--blue);padding-top:9px}.view{border:1px solid var(--line);background:var(--panel);padding:22px}.secbar{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;margin-bottom:14px;background:linear-gradient(90deg,var(--blue-dark) 0%,rgba(10,15,20,.35) 85%);border-left:5px solid var(--blue)}.secbar h2{font-size:17px;font-weight:700;letter-spacing:4px;color:var(--blue-light);text-transform:uppercase}.secbar .note{font-size:12px;letter-spacing:1px;color:var(--steel-dim)}.secbar.gold{background:linear-gradient(90deg,#2e2a14,#0a0f1459 85%);border-left-color:var(--gold)}.secbar.gold h2{color:var(--gold)}.main-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:22px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{font-size:11px;letter-spacing:2px;color:var(--steel-dim);text-transform:uppercase;text-align:left;font-weight:700;padding:7px 10px 6px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:9px 10px;font-size:15.5px;border-bottom:1px solid var(--line-soft);font-variant-numeric:tabular-nums;white-space:nowrap}tbody tr:nth-child(odd){background:#46648712}.tablewrap th:first-child,.tablewrap td:first-child{position:sticky;left:0;z-index:1;background:var(--bg-2)}.tablewrap tbody tr:nth-child(odd) td:first-child{background:#101c28}tbody tr.clickable{cursor:pointer;transition:background .15s ease}tbody tr.clickable:hover{background:#5a8cbe24}tbody tr.clickable:focus-visible{outline:2px solid var(--blue-light);outline-offset:-2px}.c{text-align:center}.rank-col{color:var(--steel-dim);font-weight:700;width:40px}.player-name{font-weight:700;color:var(--steel-bright);letter-spacing:.5px}.games-sub{font-size:12px;color:var(--steel-dim);letter-spacing:1px}.kd-pos{color:var(--blue-light);font-weight:700}.kd-neg{color:var(--red-light);font-weight:700}.res-w{color:var(--win);font-weight:700}.res-l{color:var(--loss);font-weight:700}.res-d{color:var(--gold);font-weight:700}.tier{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;border:1px solid var(--tier-place);color:var(--tier-place);background:#7d8fa014}.tier.pro{color:var(--tier-pro);border-color:var(--tier-pro);background:#ffd70014}.tier.semi{color:var(--tier-semi);border-color:var(--tier-semi);background:#c0c0c014}.tier.comp{color:var(--tier-comp);border-color:var(--tier-comp);background:#cd7f3214}.formula-hint{position:relative;display:inline-block}.formula-hint button{appearance:none;background:none;border:1px solid var(--line);color:var(--steel-dim);width:20px;height:20px;border-radius:50%;font-size:12px;cursor:pointer;line-height:1}.formula-hint button:focus-visible{outline:2px solid var(--blue-light)}.formula-hint .tip{display:none;position:absolute;right:0;top:26px;z-index:5;width:250px;padding:10px 12px;font-size:12.5px;letter-spacing:.5px;background:#101a26;border:1px solid var(--line);color:var(--steel);text-transform:none;white-space:normal}.formula-hint:hover .tip,.formula-hint button:focus+.tip{display:block}.match-hero{border:1px solid var(--line)}.match-hero .mh-head{display:flex;justify-content:space-between;align-items:flex-end;padding:12px 14px 10px;background:linear-gradient(180deg,#2e425873,#121a2426);border-bottom:1px solid var(--line)}.mh-head .map{font-size:22px;font-weight:700;letter-spacing:2px;color:var(--steel-bright);text-transform:uppercase}.mh-head .gt{font-size:12px;letter-spacing:2px;color:var(--steel-dim);text-transform:uppercase}.mh-head .meta{text-align:right;font-size:12.5px;color:var(--steel-dim);letter-spacing:1px;line-height:1.5}.mh-head .meta b{color:var(--steel)}.winner-band{text-align:center;padding:8px 6px;border-bottom:1px solid rgba(140,180,220,.25);background:linear-gradient(90deg,transparent 0%,rgba(90,130,175,.15) 50%,transparent 100%);font-size:16px;font-weight:700;letter-spacing:5px;text-transform:uppercase}.winner-band.blue{color:var(--blue-light)}.winner-band.red{color:var(--red-light)}.winner-band.draw{color:var(--steel)}.team-block{padding:8px 14px 6px}.team-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--line);font-size:14.5px;margin-top:4px}.team-row .tt{font-weight:700;letter-spacing:2px;font-size:12.5px;text-transform:uppercase}.team-row .pts{font-variant-numeric:tabular-nums;font-weight:700;font-size:17px}.t-blue .tt,.t-blue .pts{color:var(--blue-light)}.t-red .tt,.t-red .pts{color:var(--red-light)}.player-line{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0 5px 12px;border-bottom:1px solid var(--line-soft);font-size:14px;gap:10px;flex-wrap:wrap}.player-line .pl-name{font-weight:700;color:var(--steel-bright)}.player-line .pl-name.dim{color:var(--steel);font-weight:400}.player-line .pl-stats{color:var(--steel-dim);font-variant-numeric:tabular-nums;font-size:13px}.player-line .pl-stats b{color:var(--steel)}.mvp-star{color:var(--gold)}.mvp-tag{font-size:9.5px;letter-spacing:1.5px;color:var(--gold);border:1px solid var(--gold);padding:1px 5px;margin-left:6px;vertical-align:2px}.match-list{display:flex;flex-direction:column;gap:12px}.mcard{border:1px solid var(--line);background:#101821b3}.mcard .mc-top{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid var(--line-soft);gap:8px;flex-wrap:wrap}.mc-top .mc-map{font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--steel-bright);font-size:15px}.mc-top .mc-date{font-size:12.5px;color:var(--steel-dim);letter-spacing:1px;font-variant-numeric:tabular-nums}.mc-body{display:flex;align-items:center;gap:12px;padding:9px 14px;flex-wrap:wrap}.mc-side{flex:1 1 180px;font-size:14px}.mc-side .names{color:var(--steel-dim)}.mc-side.winner .names{color:var(--steel-bright);font-weight:700}.mc-side.right{text-align:right}.mc-pill{flex:0 0 auto;padding:4px 12px;border:1px solid var(--line);font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;background:#0a1017cc;letter-spacing:1px}.mc-pill .b{color:var(--blue-light)}.mc-pill .r{color:var(--red-light)}.mc-pill .sep{color:var(--steel-dim);margin:0 5px}.mc-tag{font-size:10.5px;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.mc-foot{padding:0 14px 9px;font-size:12px;letter-spacing:1px;color:var(--gold);display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}.mc-foot b{color:var(--gold-soft);letter-spacing:.5px}.mc-foot .dim{color:var(--steel-dim)}.h2h-pickers{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.h2h-pickers .vs{font-size:18px;font-weight:700;letter-spacing:3px;color:var(--steel-dim)}.select-steel,.input-steel{padding:9px 14px;min-width:210px;background:#0a1017cc;border:1px solid var(--line);color:var(--steel-bright);font-family:inherit;font-size:15px;letter-spacing:1px}.select-steel:focus-visible,.input-steel:focus-visible{outline:2px solid var(--blue-light);outline-offset:-1px}.input-steel::placeholder{color:var(--steel-dim);text-transform:uppercase;letter-spacing:2px;font-size:12.5px}.btn-steel{appearance:none;cursor:pointer;padding:9px 22px;border:1px solid var(--blue);background:var(--blue-dark);color:var(--blue-light);font-size:13px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;transition:background .15s ease}.btn-steel:hover{background:#4f8fca40}.btn-steel:focus-visible{outline:2px solid var(--blue-light)}.btn-steel:disabled{opacity:.45;cursor:not-allowed}.h2h-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.h2h-card{border:1px solid var(--line);padding:16px;text-align:center}.h2h-card .hc-title{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--steel-dim);margin-bottom:10px}.h2h-card .hc-big{font-size:34px;font-weight:700;color:var(--steel-bright);font-variant-numeric:tabular-nums;letter-spacing:2px}.h2h-card .hc-sub{font-size:12.5px;color:var(--steel-dim);letter-spacing:1px;margin-top:6px}.h2h-card .hc-sub b{color:var(--steel)}.player-picker{margin-bottom:20px}.player-picker input{width:100%;max-width:380px}.player-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pchip{appearance:none;cursor:pointer;background:#141e2ab3;border:1px solid var(--line);color:var(--steel);font-size:13px;letter-spacing:1px;padding:5px 12px}.pchip:hover{border-color:var(--blue);color:var(--blue-light)}.pchip:focus-visible{outline:2px solid var(--blue-light)}.pchip.active{border-color:var(--blue);color:var(--blue-light);background:var(--blue-dark)}.profile-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap;gap:10px}.profile-head .pname{font-size:30px;font-weight:700;letter-spacing:2px;color:var(--steel-bright);text-transform:uppercase}.pstats{display:flex;flex-wrap:wrap;border:1px solid var(--line);margin-bottom:18px}.pstat{flex:1 1 100px;text-align:center;padding:12px 8px;border-right:1px solid var(--line-soft)}.pstat:last-child{border-right:none}.pstat b{display:block;font-size:22px;color:var(--steel-bright);font-variant-numeric:tabular-nums}.pstat span{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--steel-dim)}.rondas-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px;font-size:13px;letter-spacing:1px;color:var(--steel-dim)}.live-badge{font-size:11.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--win);border:1px solid var(--win);padding:3px 9px;background:#7fbf7f1a}.live-badge.ended{color:var(--red-light);border-color:var(--red);background:#c94f4f1a}.rondas-date{color:var(--steel);font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.enf-list{display:flex;flex-direction:column;gap:16px}.enf-card{border:1px solid var(--line);background:#101821b3}.enf-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap;background:linear-gradient(90deg,#2e425859,#121a241a)}.enf-side{flex:1 1 auto;font-size:14.5px;font-weight:700;color:var(--steel-dim)}.enf-side.right{text-align:right}.enf-side.leading{color:var(--steel-bright)}.enf-score{flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:700;font-size:18px;padding:3px 12px;border:1px solid var(--line);background:#0a1017cc;color:var(--blue-light);letter-spacing:1px}.enf-rondas{padding:10px 14px 14px;display:flex;flex-direction:column;gap:10px}.ronda-block{border-left:3px solid var(--line);padding-left:10px}.ronda-block.current{border-left-color:var(--gold)}.ronda-title{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:12.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--steel-dim)}.ronda-block.current .ronda-title{color:var(--gold)}.ronda-dots{display:inline-flex;align-items:center;gap:6px}.bo-dots{display:inline-flex;gap:3px}.bo-dot{width:9px;height:9px;border-radius:50%;border:1px solid var(--steel-dim);display:inline-block}.bo-dot.filled{background:var(--blue);border-color:var(--blue)}.ronda-game{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;padding:3px 0;color:var(--steel)}.ronda-game .rg-map{color:var(--steel-bright);font-weight:700;min-width:100px}.ronda-game .rg-score{font-variant-numeric:tabular-nums;margin-left:auto}.ronda-game.tie .rg-score{color:var(--gold)}.rg-kind{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;padding:1px 6px;border:1px solid var(--steel-dim);color:var(--steel-dim)}.rg-kind.rg-wo{color:var(--red-light);border-color:var(--red)}.rg-kind.rg-ajuste{color:var(--gold);border-color:var(--gold)}.cuenta-noche{margin-top:18px}.cuenta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px;font-size:14px;border-bottom:1px solid var(--line-soft)}.cuenta-row b{color:var(--gold-soft);font-size:16px}.link-note{background:none;border:none;cursor:pointer;padding:0;color:var(--blue-light);font-size:12px;letter-spacing:1px;text-decoration:underline}.roster-chip{display:inline-flex;align-items:center;gap:8px}.roster-chip.known{border-color:var(--blue)}.roster-chip.unknown{color:var(--steel-dim);border-style:dashed}.roster-tag{font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--steel-dim);border:1px solid var(--line);padding:1px 5px}.roster-chip.known .roster-tag{color:var(--blue-light);border-color:var(--blue)}.admin-login{display:flex;flex-direction:column;gap:10px;max-width:320px}.admin-login label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--steel-dim)}.admin-section{border:1px solid var(--line);padding:16px;margin-bottom:18px}.admin-section h3{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--blue-light);margin-bottom:12px}.admin-kv{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:12px;font-size:13.5px}.admin-kv>div{display:flex;flex-direction:column;gap:2px}.admin-kv .dim{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase}.admin-kv b{color:var(--steel-bright)}.admin-qr{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.qr-img{width:220px;height:220px;border:1px solid var(--line);background:#fff}.btn-steel.small{padding:5px 12px;font-size:11px;letter-spacing:1.5px}.empty-state{text-align:center;padding:40px 16px;color:var(--steel-dim);font-size:15px;letter-spacing:1px}.empty-state .big{font-size:26px;margin-bottom:8px}.error-note{color:var(--red-light);font-size:13px;letter-spacing:1px;padding:8px 0}.error-state{text-align:center;padding:24px 16px}.error-state .btn-steel{margin-top:6px}.server-banner{background:#c94f4f26;border:1px solid var(--red);color:var(--red-light);text-align:center;padding:8px 14px;margin:0 0 14px;font-size:12.5px;letter-spacing:1px;text-transform:uppercase}@keyframes skel-pulse{0%,to{opacity:.35}50%{opacity:.7}}.skel-row,.skel-card,.skel-bar{background:#5a789624;animation:skel-pulse 1.4s ease-in-out infinite}.skel-table{display:flex;flex-direction:column;gap:8px}.skel-table .skel-row{height:34px}.skel-cards{display:flex;flex-direction:column;gap:12px}.skel-cards .skel-card{height:84px}.skel-hero .skel-bar{height:46px;margin-bottom:10px}.skel-hero .skel-bar.wide{height:64px}.skel-lines{display:flex;flex-direction:column;gap:8px}.skel-lines .skel-bar{height:18px;max-width:60%}footer.site{margin-top:30px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--steel-dim)}footer.site a,footer.site button{color:var(--steel-dim);background:none;border:none;cursor:pointer;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;padding:0;text-decoration:underline}footer.site a:hover,footer.site button:hover{color:var(--blue-light)}@media(max-width:900px){.main-grid,.h2h-grid{grid-template-columns:1fr}.brand h1{font-size:26px}.tab{padding:9px 14px;font-size:12px}.view{padding:14px}}@media(max-width:600px){.wrap{padding:0 12px 40px}header.site{flex-direction:column;align-items:stretch}.head-right{text-align:left}.format-toggle{width:100%}.fmt-btn{flex:1 1 0}nav.tabs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:2px}.tab{flex:0 0 auto;scroll-snap-align:start}.tab,.fmt-btn,.pchip,.btn-steel,.select-steel,.input-steel,footer.site button,.formula-hint button{min-height:44px}.select-steel,.input-steel{min-width:0;width:100%}.h2h-pickers{flex-direction:column;align-items:stretch}.h2h-pickers .vs{text-align:center}.enf-head{flex-direction:column;align-items:stretch;text-align:center}.enf-side.right{text-align:center}.admin-qr .qr-img{width:100%;max-width:260px;height:auto}}
