body{color:#fff;background-color:#060608;justify-content:center;align-items:center;height:100dvh;margin:0;padding:0;font-family:Courier New,Courier,monospace;display:flex;overflow:hidden}.clara{background-color:#161920!important}.oscura{background-color:#0d0f14!important}.contenedor-juego{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100vw;max-width:800px;height:100dvh;padding:4px;display:flex}.hud-rival{box-sizing:border-box;background:#11141c;border:2px solid #1f2430;border-radius:6px;width:100%;padding:6px 12px}.info-rival{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.info-rival h2{letter-spacing:2px;color:#ff2a6d;margin:0;font-size:1rem}.elo-badge{color:#ff9100;background-color:#1f2430;border:1px solid #ff9100;border-radius:4px;padding:2px 6px;font-size:.8rem;font-weight:700}.barra-vida-contenedor{background-color:#080a0f;border:1px solid #2d3345;border-radius:4px;width:100%;height:14px;position:relative;overflow:hidden}.barra-vida-progreso{background:linear-gradient(90deg,#ff2a6d,#df00ff);width:100%;height:100%;transition:width .3s}.texto-vida{text-shadow:1px 1px 2px #000;justify-content:center;align-items:center;width:100%;height:100%;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.pantalla-centrada{flex-grow:1;justify-content:center;align-items:center;width:100%;display:flex}.zona-tablero{aspect-ratio:1;width:min(98vw,82vh);position:relative}.tablero{border:4px solid #1f2430;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid;box-shadow:0 0 35px #000000e6}.casilla{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .15s,box-shadow .15s;display:flex;position:relative;container-type:inline-size}.casilla:hover{box-shadow:inset 0 0 6px #00e5ff33;background-color:#00e5ff0a!important}.casilla.seleccionada{box-sizing:border-box;border:2px solid #39ff14;background-color:#39ff1426!important}.casilla:hover .pieza{transform:scale(1.05)}.pieza{user-select:none;font-size:85cqw;line-height:1;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.pieza[data-tipo=P]{color:#a0aab5}.pieza[data-tipo=B]{color:#00e5ff}.pieza[data-tipo=N]{color:#ff9100}.pieza[data-tipo=R]{color:#df00ff}.pieza[data-tipo=Q]{color:#ff2a6d}.pieza[data-tipo=K]{color:#39ff14}@keyframes anim-match{0%{opacity:1;transform:scale(1)}40%{opacity:.9;transform:scale(1.25)rotate(12deg)}to{opacity:0;transform:scale(0)}}.casilla.explotar .pieza{animation:.35s ease-out forwards anim-match}.hud-jugador{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:2px 4px;display:flex}.marcador{color:#a0aab5;font-size:.9rem}.neon-texto{color:#00e5ff;font-weight:700}.btn{color:#a0aab5;cursor:pointer;background-color:#11141c;border:1px solid #2d3345;border-radius:4px;padding:5px 12px;font-family:inherit;font-size:.8rem;transition:all .2s}.btn:hover{color:#fff;background-color:#ff2a6d;border-color:#ff2a6d;box-shadow:0 0 10px #ff2a6d66}.pantalla-fin-modal{z-index:99;background-color:#060608e6;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.pantalla-fin-modal.activo{display:flex}.caja-fin-juego{text-align:center;background:#11141c;border:3px solid #1f2430;border-radius:6px;width:80%;max-width:360px;padding:20px;box-shadow:0 0 30px #000000e6}.caja-fin-juego h1{letter-spacing:2px;margin:0 0 10px;font-size:1.8rem}.caja-fin-juego p{color:#a0aab5;margin-bottom:20px;font-size:.9rem;line-height:1.4}.btn-grande{padding:8px 20px;font-size:.9rem;font-weight:700}.penalty-badge{color:#ff2a6d;background-color:#11141c;border:1px solid #ff2a6d;border-radius:4px;padding:2px 6px;font-size:.8rem;font-weight:700;box-shadow:0 0 8px #ff2a6d33}.link-home{color:#39ff14;letter-spacing:.5px;z-index:10;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .2s;position:absolute;top:2vh;left:15px}.link-home:hover{opacity:.75}.header-container{justify-content:center;align-items:center;display:flex}