body{color:#fff;user-select:none;background-color:#0a0a0a;justify-content:center;align-items:center;height:100dvh;margin:0;padding:0;font-family:sans-serif;display:flex;overflow:hidden}.interfaz-contenedor{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:600px;display:flex}.marcador{box-sizing:border-box;background:#161a22;border:1px solid #2a313e;border-radius:8px;justify-content:space-between;align-items:center;width:min(90vw,76vh);padding:10px 20px;display:flex}.bloque-central{flex-direction:column;align-items:center;gap:4px;display:flex}.contador-minimalista{color:#8e9aa8;letter-spacing:1px;background:#0003;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.8rem}.bando{flex-direction:column;align-items:center;display:flex}.nombre{letter-spacing:1px;color:#8e9aa8;margin-bottom:2px;font-size:.72rem}.puntos{font-family:monospace;font-size:1.6rem;font-weight:700}.jugador .puntos{color:#00e5ff}.rival .puntos{color:#ff2a6d}.contenedor-tempo{align-items:center;gap:12px;display:flex}.texto-tempo{letter-spacing:3px;color:#fff;font-size:1.15rem;font-weight:900}.punto-verde{background-color:#ffffff08;border-radius:50%;width:8px;height:8px;transition:background-color .25s,box-shadow .25s}.punto-verde.activo{background-color:#39ff14;box-shadow:0 0 10px #39ff14,0 0 20px #39ff14}.pantalla-centrada{justify-content:center;align-items:center;display:flex}.tablero{border-radius:4px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:min(90vw,76vh);height:min(90vw,76vh);display:grid;overflow:hidden;box-shadow:0 0 0 4px #1a1d20,0 10px 30px #000000b3}.casilla{cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.clara{background-color:#1f242d}.oscura{background-color:#13171c}.casilla.seleccionada{outline-offset:-3px;z-index:10;background-color:#00e5ff4d!important;outline:3px solid #00e5ff!important;box-shadow:inset 0 0 18px #00e5ffb3!important}.casilla.seleccionada .pieza{transform:scale(1.18)}.casilla.ia-seleccion{outline-offset:-2px;z-index:10;background-color:#ff2a6d40!important;outline:2px dashed #ff2a6d!important}.casilla.explosion-cruz{z-index:40;animation:.35s ease-out forwards destelloLaser}@keyframes destelloLaser{0%{box-shadow:inset 0 0 25px #39ff14,0 0 15px #39ff14;background-color:#39ff14e6!important}50%{filter:brightness(1.8);background-color:#39ff1480!important}to{background-color:#0000;box-shadow:inset 0 0 #0000}}.pieza{text-align:center;font-size:calc(min(90vw,76vh)/11.1111);line-height:1;transition:transform .15s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.casilla:hover .pieza{transform:scale(1.1)}.controles-inferiores{justify-content:center;width:100%;display:flex}.btn-resign{color:#8e9aa8;cursor:pointer;background:0 0;border:1px solid #2a313e;border-radius:4px;padding:6px 16px;font-size:.85rem;transition:all .2s}.btn-resign:hover{color:#ff2a6d;background:#ff2a6d0d;border-color:#ff2a6d}.puntos-flotantes{pointer-events:none;z-index:50;text-shadow:0 3px 6px #000000e6;font-family:monospace;font-size:1.5rem;font-weight:700;animation:.8s cubic-bezier(.18,.89,.32,1.28) forwards flotarHaciaArriba;position:absolute}@keyframes flotarHaciaArriba{0%{opacity:1;transform:translateY(10px)scale(.6)}50%{opacity:1;transform:translateY(-20px)scale(1.2)}to{opacity:0;transform:translateY(-50px)scale(1)}}.modal{z-index:100;backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0}.modal.oculto{display:none}.modal-contenido{text-align:center;background:#161a22;border:2px solid #313948;border-radius:12px;width:80%;max-width:420px;padding:40px;box-shadow:0 10px 40px #00000080}.modal-contenido h2{color:#ff2a6d;letter-spacing:2px;margin-top:0}.modal-contenido p{color:#cdd6f4;margin:20px 0 30px;line-height:1.5}.modal-contenido button{color:#000;cursor:pointer;background:#39ff14;border:none;border-radius:6px;padding:12px 30px;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .2s;box-shadow:0 0 15px #39ff1466}.modal-contenido button:hover{transform:translateY(-2px);box-shadow:0 0 25px #39ff14b3}.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}@media (width<=600px){.tablero{border-radius:0;width:100vw;height:100vw;box-shadow:0 10px 30px #000000b3}.pieza{font-size:9vw}.marcador{box-sizing:border-box;border-left:none;border-right:none;border-radius:0;width:100vw}}