body{color:#fff;background-color:#0a0a0a;justify-content:center;align-items:center;height:100dvh;margin:0;padding:0 12px;font-family:sans-serif;display:flex;overflow:hidden}.clara{background-color:#3e4a56!important}.oscura{background-color:#222831!important}.jugada-rival{position:relative;box-shadow:inset 0 0 0 3px #fa06;background-color:#ffaa0026!important}.contenedor-auxiliar{flex-direction:column;gap:4px;width:100%;display:flex}.btn-regresar{color:#aaa;cursor:pointer;text-align:left;z-index:10;background:0 0;border:none;align-self:flex-start;width:max-content;margin-bottom:8px;font-size:.9rem;font-weight:700;transition:color .2s;position:relative}.btn-regresar:hover{color:#39ff14}.btn-comodin{color:#fa0;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background-color:#15191e;border:2px solid #fa0;border-radius:6px;width:100%;margin-bottom:12px;padding:10px;font-size:.85rem;font-weight:700;transition:all .2s}.btn-comodin:hover:not(:disabled){color:#0a0a0a;background-color:#fa0;box-shadow:0 0 10px #ffaa004d}.btn-comodin:disabled{color:#556270;cursor:default;border-color:#3e4a56}.btn-comodin.comodin-spent{color:#888;opacity:.6;border-color:#444}.rank-toast{z-index:999;letter-spacing:1px;pointer-events:none;opacity:0;text-transform:uppercase;border-radius:30px;padding:12px 30px;font-size:1.1rem;font-weight:700;transition:top .4s cubic-bezier(.175,.885,.32,1.275),opacity .2s;position:fixed;top:-60px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000080}.rank-toast.show{opacity:1;top:3vh}.animar-cambio{animation:.5s ease-in-out infinite alternate pulsoRango}@keyframes pulsoRango{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.5);text-shadow:0 0 10px #0ff;transform:scale(1.15)}}.pantalla-centrada{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:2vh;width:100%;max-width:440px;height:100dvh;margin:0 auto;padding:2vh 0;display:flex}.columna-izquierda,.columna-derecha{display:contents}.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}.titulo-principal{color:#39ff14;margin:0;font-size:1.6rem}.elo-test{color:#444;margin-left:8px;font-size:1rem;font-weight:400}.marcador{color:#aaa;letter-spacing:.5px;margin:0;font-size:.95rem;font-weight:700}.destacado{color:#39ff14}.destacado-rango{color:#0ff;transition:all .2s;display:inline-block}.tablero{aspect-ratio:1;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:min(100%,50vh);display:grid;position:relative;box-shadow:0 0 0 4px #1a1d20}.casilla{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;container-type:inline-size}.pieza{user-select:none;z-index:2;font-size:80cqw;line-height:1}.pieza-capturada{z-index:1;opacity:1;animation:.1s linear 2.5s both desvanecerCapturada;position:absolute}@keyframes desvanecerCapturada{to{opacity:0}}.animacion-rival{transform:translate(var(--dx), var(--dy));animation:1.5s cubic-bezier(.25,1,.5,1) 1s both deslizarPieza}@keyframes deslizarPieza{0%{transform:translate(var(--dx), var(--dy))}to{transform:translate(0)}}.blanca{color:#fff;filter:drop-shadow(1px 1px 1px #000)}.negra{color:#1c1e24;filter:drop-shadow(1px 0 #fff)drop-shadow(-1px 0 #fff)drop-shadow(0 1px #fff)drop-shadow(0 -1px #fff)}.overlay-flecha{pointer-events:none;z-index:5;width:100%;height:100%;animation:.5s 2.5s both aparecerFlecha;position:absolute;top:0;left:0}@keyframes aparecerFlecha{0%{opacity:0}to{opacity:.85}}.contenedor-post-jugada{flex-direction:column;align-items:center;gap:1vh;width:100%;animation:.3s forwards fadeInSutil;display:none}.reveal-elo{color:#fff;text-transform:uppercase;text-align:center;max-width:95%;font-size:.9rem;font-weight:700}.destacado-reveal-win{color:#39ff14;text-shadow:0 0 8px #39ff144d}.destacado-reveal-fail{color:red;text-shadow:0 0 8px #ff00004d}@keyframes fadeInSutil{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.link-lichess{color:#aaa;border-bottom:1px dashed #aaa;font-size:.85rem;font-weight:500;text-decoration:none}.link-lichess:hover{color:#39ff14;border-color:#39ff14}.btn-siguiente{color:#0a0a0a;cursor:pointer;background-color:#39ff14;border:none;border-radius:6px;width:100%;padding:12px;font-size:1rem;font-weight:700}.contenedor-botones{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;display:grid}.btn-opcion{color:#39ff14;cursor:pointer;text-align:center;background-color:#222831;border:2px solid #3e4a56;border-radius:6px;padding:12px 8px;font-size:.95rem;font-weight:700;line-height:1.3;transition:all .2s}.btn-opcion:hover:not(:disabled){background-color:#3e4a56;border-color:#39ff14}.btn-opcion:disabled{cursor:default}@media (width>=950px) and (height>=600px){.pantalla-centrada{flex-direction:row;gap:5vw;max-width:1350px;padding:0 20px}.columna-izquierda{flex-direction:column;flex:1;align-items:center;gap:1.5vh;display:flex}.columna-derecha{flex-direction:column;justify-content:center;gap:4vh;width:380px;margin-top:0;display:flex}.tablero{width:min(100%,78vh)}.titulo-principal{font-size:2.6rem}.elo-test{color:#333;font-size:1.2rem}.marcador{font-size:1.15rem}.contenedor-botones{gap:16px}.btn-opcion{padding:16px 12px;font-size:1.1rem}.btn-siguiente{padding:18px;font-size:1.15rem}.reveal-elo{font-size:1.1rem}.btn-regresar{margin-bottom:0}}