:root{--fondo:#080c17;--sup:#0f1526;--sup2:#151d33;--linea:#1e2a45;--txt:#dde5f2;--tenue:#61708f;--tenue2:#8494b3;--lima:#a8e04a;--ambar:#f0b429;--rojo:#f2555a;--azul:#4d9de0;--mono:"IBM Plex Mono",ui-monospace,monospace;--disp:"Chakra Petch",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--fondo);color:var(--txt);font-family:var(--mono);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-size:13px;line-height:1.55;display:flex}.rejilla{z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--linea) 1px,transparent 1px), linear-gradient(90deg,var(--linea) 1px,transparent 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 60% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(90% 60% at 50% 0,#000 20%,#0000 75%)}header,main,footer{z-index:1;position:relative}header{border-bottom:1px solid var(--linea);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c17eb;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:26px 32px 0;display:flex;position:sticky;top:0}.marca{align-items:baseline;gap:10px;display:flex}.pip{background:var(--lima);width:9px;height:9px;box-shadow:0 0 12px var(--lima);align-self:center;animation:2.4s ease-in-out infinite latir}@keyframes latir{0%,to{opacity:1}50%{opacity:.35}}h1{font-family:var(--disp);letter-spacing:.02em;text-transform:lowercase;font-size:21px;font-weight:700}h1 span{color:var(--lima)}.marca .sub{color:var(--tenue);text-transform:uppercase;letter-spacing:.18em;padding-bottom:2px;font-size:10.5px}nav{gap:2px;display:flex}nav button{font-family:var(--disp);letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 15px;font-size:12.5px;font-weight:600;transition:color .18s,border-color .18s}nav button:hover{color:var(--tenue2)}nav button.on{color:var(--lima);border-bottom-color:var(--lima)}main{flex:1;width:100%;max-width:1400px;padding:26px 32px 40px}.vista{display:none}.vista.on{animation:.3s both entra;display:block}@keyframes entra{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.metricas{background:var(--linea);border:1px solid var(--linea);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin-bottom:26px;display:grid}.metrica{background:var(--sup);padding:18px 20px}.metrica .k{color:var(--tenue);text-transform:uppercase;letter-spacing:.14em;font-size:10px}.metrica .v{font-family:var(--disp);margin-top:5px;font-size:33px;font-weight:700;line-height:1.1}.metrica .v small{color:var(--tenue2);font-size:14px;font-weight:400}.lima{color:var(--lima)}.ambar{color:var(--ambar)}.rojo{color:var(--rojo)}.azul{color:var(--azul)}h2{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;color:var(--tenue2);align-items:center;gap:11px;margin:30px 0 11px;font-size:12.5px;font-weight:600;display:flex}h2:after{content:"";background:var(--linea);flex:1;height:1px}h2:first-child{margin-top:0}table{border-collapse:collapse;width:100%;font-size:12.5px}th{text-align:left;color:var(--tenue);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--linea);white-space:nowrap;padding:7px 11px;font-size:10px;font-weight:500}td{border-bottom:1px solid #1e2a4580;padding:8px 11px}tbody tr{transition:background .14s}tbody tr:hover{background:var(--sup)}.num{text-align:right;font-variant-numeric:tabular-nums}.pk{color:var(--txt);font-weight:500}.tenue{color:var(--tenue)}.barra{border:1px solid var(--linea);vertical-align:middle;background:#0a1020;width:88px;height:7px;display:inline-block;overflow:hidden}.barra i{background:var(--lima);height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.barra.med i{background:var(--ambar)}.barra.baja i{background:var(--rojo)}.chip{border:1px solid var(--linea);color:var(--tenue2);letter-spacing:.05em;white-space:nowrap;padding:1px 7px;font-size:10px;display:inline-block}.chip.win{color:var(--lima);border-color:#a8e04a6b}.chip.loss{color:var(--rojo);border-color:#f2555a6b}.chip.x4{color:var(--lima);border-color:#a8e04a6b}.chip.x2{color:var(--ambar);border-color:#f0b4296b}.chip.res{color:var(--tenue)}.partida{border:1px solid var(--linea);background:var(--sup);cursor:pointer;margin-bottom:9px;transition:border-color .16s,background .16s}.partida:hover{background:var(--sup2);border-color:#2c3d63}.partida .cab{flex-wrap:wrap;align-items:center;gap:15px;padding:13px 17px;display:flex}.partida .id{font-family:var(--disp);color:var(--tenue);font-size:15px;font-weight:700}.partida .eq{min-width:210px;color:var(--tenue2);flex:1;font-size:12px}.detalle{border-top:1px solid var(--linea);background:#0b1120;padding:16px 17px;display:none}.partida.abierta .detalle{display:block}.turno{border-bottom:1px solid #1e2a4566;align-items:baseline;gap:12px;padding:5px 0;display:flex}.turno .t{color:var(--tenue);min-width:52px;font-size:11px}.turno .lado{letter-spacing:.1em;min-width:44px;font-size:10px}.turno .lado.player{color:var(--lima)}.turno .lado.opponent{color:var(--rojo)}.turno .ac{min-width:112px;font-weight:500}.turno .mv{color:var(--azul)}.turno .ef{color:var(--tenue);font-size:11px}.vacio{color:var(--tenue);text-align:center;padding:26px 0;font-size:12.5px}.video{border:1px solid var(--linea);background:var(--sup);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:7px;padding:12px 16px;display:flex}.video .nom{word-break:break-all;flex:1;min-width:230px}button.accion{font-family:var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--lima);cursor:pointer;background:0 0;border:1px solid #a8e04a73;padding:6px 15px;font-size:11.5px;font-weight:600;transition:background .16s,color .16s}button.accion:hover{background:var(--lima);color:#0a1020}button.accion:disabled{color:var(--tenue);border-color:var(--linea);cursor:default;background:0 0}.registro{color:var(--tenue2);border:1px solid var(--linea);white-space:pre-wrap;background:#0a1020;max-height:190px;margin-top:7px;padding:9px 12px;font-size:11px;overflow:auto}footer{border-top:1px solid var(--linea);color:var(--tenue);letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:11px 32px;font-size:10.5px;display:flex}.tabla-scroll{overflow-x:auto}@media (max-width:640px){header,main,footer{padding-left:16px;padding-right:16px}.metrica .v{font-size:26px}}.centro{max-width:430px;margin:9vh auto;padding:0 20px}.tarjeta{border:1px solid var(--linea);background:var(--sup);padding:26px}label{color:var(--tenue);text-transform:uppercase;letter-spacing:.14em;margin:15px 0 5px;font-size:10px;display:block}input{border:1px solid var(--linea);width:100%;color:var(--txt);font-family:var(--mono);background:#0a1020;padding:9px 11px;font-size:13px}input:focus{border-color:var(--lima);outline:none}button.principal{width:100%;font-family:var(--disp);letter-spacing:.09em;text-transform:uppercase;background:var(--lima);color:#0a1020;cursor:pointer;border:0;margin-top:20px;padding:11px;font-size:12.5px;font-weight:600}button.principal:disabled{background:var(--linea);color:var(--tenue);cursor:default}.alterna{color:var(--tenue2);font-family:var(--mono);cursor:pointer;background:0 0;border:0;margin-top:15px;font-size:11.5px;text-decoration:underline}.error{color:var(--rojo);margin-top:13px;font-size:11.5px}.aviso{border-left:2px solid var(--ambar);background:var(--sup);color:var(--tenue2);margin:15px 0;padding:11px 14px;font-size:11.5px}.aviso code{color:var(--lima);font-size:11px}.soltar{border:1px dashed var(--linea);background:var(--sup);text-align:center;cursor:pointer;padding:34px 20px;transition:border-color .16s,background .16s}.soltar:hover,.soltar.encima{border-color:var(--lima);background:var(--sup2)}.progreso{background:#0a1020;height:3px;margin-top:13px}.progreso i{background:var(--lima);height:100%;transition:width .3s;display:block}