:root{--fondo:#0d0b10;--panel:#17131d;--panel-2:#201a29;--borde:#2e2539;--tinta:#f3eee6;--tenue:#9d93a9;--acido:#c6ff3d;--rosa:#ff3d7f;--oro:#ffd23f;--rojo:#ff5a5a;--negro:#0d0b10;--display:"Bungee", "Impact", "Arial Black", system-ui, sans-serif;--texto:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background-color:var(--fondo);color:var(--tinta);font-family:var(--texto);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 12% 8%,#ff3d7f24,#0000 38%),radial-gradient(circle at 88% 92%,#c6ff3d1a,#0000 40%),repeating-conic-gradient(#ffffff06 0% 25%,#0000 0% 50%);background-size:auto,auto,64px 64px;background-attachment:fixed;font-size:15px;line-height:1.45}a{color:var(--acido)}button{font:inherit;color:inherit}.app{max-width:1440px;margin:0 auto;padding:20px clamp(16px,3vw,32px) 32px}.cabecera{flex-wrap:wrap;align-items:baseline;gap:6px 20px;margin-bottom:20px;display:flex}.logo{font-family:var(--display);letter-spacing:.01em;text-shadow:4px 4px 0 var(--rosa);margin:0;font-size:clamp(30px,4.5vw,52px);font-weight:400;line-height:1;transform:rotate(-1.5deg)}.logo span{color:var(--negro);background:var(--acido);text-shadow:none;box-shadow:4px 4px 0 var(--rosa);margin-left:4px;padding:2px 12px 0;display:inline-block;transform:rotate(3deg)}.lema{color:var(--tenue);margin:0;font-size:16px}.boton-sonido{align-self:center;align-items:center;gap:6px;margin-left:auto;padding:7px 12px;display:inline-flex}.boton-sonido--mudo{color:var(--tenue)}.layout{grid-template-columns:minmax(250px,310px) minmax(0,1fr) minmax(250px,310px);align-items:start;gap:22px;display:grid}.columna{flex-direction:column;gap:18px;min-width:0;display:flex}.panel{background:var(--panel);border:2px solid var(--borde);border-radius:14px;padding:16px}.panel__titulo{font-family:var(--display);letter-spacing:.04em;color:var(--oro);margin:0 0 12px;font-size:15px;font-weight:400}.rival{gap:14px;display:grid;position:relative;overflow:visible}.rival__cara{width:132px;height:140px;margin:0 auto}.avatar{transform-origin:50% 90%;width:100%;height:100%}.avatar--burla{animation:.35s ease-in-out 4 carcajada}.avatar--furioso{animation:.12s linear 10 temblor}.avatar--borracho{animation:2.4s ease-in-out infinite bamboleo}.avatar--nervioso .avatar__sudor{animation:1.2s ease-in infinite gota}.avatar__pensando circle{animation:1s ease-in-out infinite alternate parpadeo}.avatar__pensando circle:nth-child(2){animation-delay:.3s}@keyframes carcajada{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-4deg)}}@keyframes temblor{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes bamboleo{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes gota{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}@keyframes parpadeo{0%{opacity:.25}to{opacity:1}}.bocadillo{background:var(--tinta);color:var(--negro);border:3px solid var(--negro);box-shadow:5px 5px 0 var(--acido);border-radius:16px;min-height:84px;padding:16px 16px 14px;animation:.42s cubic-bezier(.2,1.6,.4,1) both aparecer;position:relative;transform:rotate(-1deg)}.bocadillo:before{content:"";border:12px solid #0000;border-bottom:14px solid var(--negro);border-top:0;margin-left:-12px;position:absolute;top:-16px;left:50%}.bocadillo:after{content:"";border:8px solid #0000;border-bottom:10px solid var(--tinta);border-top:0;margin-left:-8px;position:absolute;top:-10px;left:50%}.bocadillo p{margin:0;font-size:17px;font-weight:700;line-height:1.3}.bocadillo__etiqueta{background:var(--rosa);color:var(--tinta);font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;border:2px solid var(--negro);padding:3px 8px 2px;font-size:10px;position:absolute;top:-12px;right:10px;transform:rotate(3deg)}.bocadillo--vacio{color:var(--tenue);border:2px dashed var(--borde);box-shadow:none;background:0 0;place-items:center;font-style:italic;animation:none;display:grid;transform:none}.bocadillo--vacio:before,.bocadillo--vacio:after{display:none}.puntos:after{content:"";animation:1.2s steps(4,end) infinite puntos}@keyframes puntos{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes aparecer{0%{opacity:0;transform:scale(.6)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-1deg)}}.rival__ficha{text-align:center;gap:2px;display:grid}.rival__nivel{text-transform:uppercase;letter-spacing:.1em;color:var(--tenue);font-size:12px}.rival__nombre{font-family:var(--display);font-size:22px;font-weight:400}.rival__elo{color:var(--acido);font-weight:700}.rival__desc{color:var(--tenue);margin:6px 0 0;font-size:13px}.escalera__regla{color:var(--tenue);margin:-4px 0 12px;font-size:13px}.escalera__regla strong{color:var(--tinta)}.escalera__lista{gap:6px;margin:0;padding:0;list-style:none;display:grid}.escalon{border:2px solid var(--borde);background:var(--panel-2);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:28px 1fr auto 22px;align-items:center;gap:8px;width:100%;padding:8px 10px;transition:transform .12s,border-color .12s;display:grid}.escalon:hover:not(:disabled){border-color:var(--acido);transform:translate(4px)}.escalon:focus-visible{outline:3px solid var(--acido);outline-offset:2px}.escalon__num{font-family:var(--display);color:var(--tenue);font-size:14px}.escalon__nombre{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.escalon__elo{color:var(--tenue);font-size:12px}.escalon__estado{text-align:center}.escalon--vencido .escalon__estado{color:var(--acido)}.escalon--actual{border-color:var(--acido);box-shadow:3px 3px 0 var(--acido);background:#c6ff3d1a}.escalon--actual .escalon__num{color:var(--acido)}.escalon--bloqueado{opacity:.45;cursor:not-allowed}.escalon--imposible .escalon__nombre{font-family:var(--display);color:var(--rojo);letter-spacing:.04em;font-weight:400}.escalon--imposible:not(:disabled){border-color:var(--rojo);animation:1.8s ease-in-out infinite latido}@keyframes latido{0%,to{box-shadow:0 0 #ff5a5a80}50%{box-shadow:0 0 18px 2px #ff5a5a73}}.centro{--ancho-tablero:min(100%, 680px, calc(100vh - 170px));justify-items:center;gap:14px;min-width:0;display:grid}.centro--reloj{--ancho-tablero:min(100%, 640px, calc(100vh - 260px))}.tablero-wrap{width:var(--ancho-tablero);grid-template-columns:1fr;gap:10px;min-width:280px;display:grid}.tablero-wrap.con-barra{grid-template-columns:22px 1fr}.tablero{border:4px solid var(--negro);box-shadow:8px 8px 0 var(--rosa), 0 30px 80px #0009;background:var(--negro);border-radius:10px;position:relative}.barra-eval{border:3px solid var(--negro);background:#3a2f4a;border-radius:6px;position:relative;overflow:hidden}.barra-eval__humano{background:var(--acido);transition:height .5s cubic-bezier(.3,1.3,.5,1);position:absolute;bottom:0;left:0;right:0}.barra-eval__texto{text-align:center;writing-mode:vertical-rl;padding:4px 0;font-size:9px;font-weight:700;position:absolute;left:0;right:0;transform:rotate(180deg)}.barra-eval__texto.abajo{color:var(--negro);bottom:0}.barra-eval__texto.arriba{color:var(--tinta);top:0}.estado-partida{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;min-height:42px;display:flex}.turno{font-size:16px;font-weight:700}.turno--motor{color:var(--tenue)}.sello{font-family:var(--display);color:var(--rosa);border:2px solid var(--rosa);text-transform:uppercase;padding:4px 10px 2px;font-size:12px;transform:rotate(-3deg)}.promocion{z-index:20;background:#0d0b10b8;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.promocion__caja{background:var(--tinta);color:var(--negro);border:3px solid var(--negro);box-shadow:6px 6px 0 var(--acido);text-align:center;border-radius:14px;padding:16px;animation:.35s cubic-bezier(.2,1.6,.4,1) both aparecer}.promocion__caja p{margin:0 0 12px;font-weight:700}.promocion__opciones{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.promocion__pieza{border:2px solid var(--negro);cursor:pointer;background:#fff;border-radius:10px;justify-items:center;width:72px;padding:6px 4px;display:grid}.promocion__pieza span{font-size:40px;line-height:1}.promocion__pieza small{font-size:11px}.promocion__pieza:hover{background:var(--acido)}.controles{gap:14px;display:grid}.controles .panel__titulo{margin-bottom:0}.controles__fila{flex-wrap:wrap;gap:8px;display:flex}.boton{border:2px solid var(--negro);background:var(--panel-2);color:var(--tinta);cursor:pointer;box-shadow:3px 3px 0 var(--borde);border-radius:10px;padding:9px 14px;font-weight:700;transition:transform 80ms,box-shadow 80ms}.boton:hover:not(:disabled){box-shadow:4px 4px 0 var(--borde);transform:translate(-1px,-1px)}.boton:active:not(:disabled){box-shadow:1px 1px 0 var(--borde);transform:translate(2px,2px)}.boton:disabled{opacity:.4;cursor:not-allowed}.boton:focus-visible{outline:3px solid var(--acido);outline-offset:2px}.boton--acido{background:var(--acido);color:var(--negro);box-shadow:3px 3px 0 var(--rosa)}.boton--acido:hover:not(:disabled){box-shadow:4px 4px 0 var(--rosa)}.boton--peligro{color:var(--rojo)}.boton--fantasma{border-color:var(--borde);box-shadow:none;background:0 0}.grupo{border:0;margin:0;padding:0}.grupo legend{color:var(--tenue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:12px}.segmentado{border:2px solid var(--borde);border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.segmentado button{cursor:pointer;background:0 0;border:0;padding:8px 4px;font-weight:500}.segmentado button+button{border-left:2px solid var(--borde)}.segmentado button.activo{background:var(--tinta);color:var(--negro);font-weight:700}.segmentado button:disabled{opacity:.5;cursor:not-allowed}.interruptor{cursor:pointer;grid-template-columns:44px 1fr;align-items:center;gap:10px;display:grid;position:relative}.interruptor input{opacity:0;width:1px;height:1px;position:absolute}.interruptor__pista{background:var(--panel-2);border:2px solid var(--borde);border-radius:999px;width:44px;height:24px;transition:background .15s;position:relative}.interruptor__pista:after{content:"";background:var(--tenue);border-radius:50%;width:16px;height:16px;transition:transform .18s cubic-bezier(.3,1.5,.5,1),background .15s;position:absolute;top:2px;left:2px}.interruptor input:checked+.interruptor__pista{background:var(--rosa);border-color:var(--negro)}.interruptor input:checked+.interruptor__pista:after{background:var(--tinta);transform:translate(20px)}.interruptor input:focus-visible+.interruptor__pista{outline:3px solid var(--acido);outline-offset:2px}.interruptor input:disabled~*{opacity:.5}.interruptor strong{display:block}.interruptor small{color:var(--tenue)}.historial__vacio{color:var(--tenue);margin:0;font-style:italic}.historial__lista{font-variant-numeric:tabular-nums;max-height:260px;margin:0;padding:0;list-style:none;overflow-y:auto}.historial__lista li{border-radius:6px;grid-template-columns:40px 1fr 1fr;gap:6px;padding:4px 6px;display:grid}.historial__lista li:nth-child(odd){background:#ffffff08}.historial__lista li.ultima{background:#c6ff3d1f}.historial__num{color:var(--tenue)}.historial__san{font-weight:700}.reloj{width:var(--ancho-tablero);background:var(--panel);border:2px solid var(--borde);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:280px;padding:6px 8px 6px 12px;transition:border-color .15s,background .15s;display:grid}.reloj__pieza{color:var(--tenue);font-size:20px;line-height:1}.reloj__nombre{white-space:nowrap;text-overflow:ellipsis;color:var(--tenue);font-weight:700;overflow:hidden}.reloj__tiempo{min-width:5.2ch;font-family:var(--display);text-align:right;font-variant-numeric:tabular-nums;color:var(--tenue);background:var(--panel-2);border-radius:8px;padding:4px 12px 2px;font-size:clamp(20px,3vw,28px);line-height:1.1}.reloj--activo{border-color:var(--acido);box-shadow:4px 4px 0 var(--acido)}.reloj--activo .reloj__nombre,.reloj--activo .reloj__pieza{color:var(--tinta)}.reloj--activo .reloj__tiempo{color:var(--negro);background:var(--acido)}.reloj--bajo .reloj__tiempo{color:var(--tinta);background:var(--rojo)}.reloj--bajo.reloj--activo{border-color:var(--rojo);box-shadow:4px 4px 0 var(--rojo);animation:1s ease-in-out infinite reloj-panico}.reloj--cero .reloj__tiempo{background:var(--negro);color:var(--rojo);text-decoration:line-through}@keyframes reloj-panico{0%,to{transform:translate(0)}10%{transform:translate(-2px)}20%{transform:translate(2px)}30%{transform:translate(0)}}.selector{gap:6px;display:grid}.selector__titulo{color:var(--tenue);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.selector select{width:100%;font:inherit;color:var(--tinta);background:var(--panel-2);border:2px solid var(--borde);cursor:pointer;border-radius:10px;padding:9px 10px}.selector select:focus-visible{outline:3px solid var(--acido);outline-offset:2px}.selector select:disabled{opacity:.5;cursor:not-allowed}.selector small{color:var(--oro)}.selector--compacto select{width:auto;padding:8px 10px}.logo{cursor:default;-webkit-user-select:none;user-select:none}.duelo__cartel{font-family:var(--display);letter-spacing:.03em;text-align:center;margin:0;font-size:clamp(16px,2.4vw,22px);transform:rotate(-1deg)}.duelo__cartel span{vertical-align:middle;color:var(--negro);background:var(--oro);border:2px solid var(--negro);margin-right:8px;padding:3px 10px 1px;font-size:.6em;display:inline-block;transform:rotate(-4deg)}.duelo__controles{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.segmentado--compacto{grid-template-columns:repeat(3,auto)}.segmentado--compacto button{padding:8px 12px}.rival--b .bocadillo:not(.bocadillo--vacio){box-shadow:5px 5px #6fd3ff}.rival--b .rival__nombre{color:#6fd3ff}.rival--w .rival__nombre{color:var(--acido)}.duelo__selector select{width:100%;font:inherit;color:var(--tinta);background:var(--panel-2);border:2px solid var(--borde);cursor:pointer;border-radius:10px;margin-top:8px;padding:8px 10px}.duelo__selector select:focus-visible{outline:3px solid var(--acido);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pie{border-top:2px dashed var(--borde);color:var(--tenue);margin-top:28px;padding-top:16px;font-size:12.5px}.pie p{max-width:900px;margin:0}.pie code{color:var(--tinta)}.carga{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d0b10eb;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.carga__caja{background:var(--panel);border:3px solid var(--negro);width:min(460px,100%);box-shadow:8px 8px 0 var(--acido);text-align:center;border-radius:16px;padding:24px}.carga__caja h2{font-family:var(--display);margin:0 0 18px;font-size:20px;font-weight:400}.carga__barra{border:3px solid var(--negro);background:var(--panel-2);border-radius:999px;height:22px;overflow:hidden}.carga__relleno{background:repeating-linear-gradient(-45deg, var(--acido) 0 12px, #a8e22a 12px 24px);background-size:34px 34px;height:100%;transition:width .2s;animation:.8s linear infinite rayas}@keyframes rayas{to{background-position:34px 0}}.carga__detalle{color:var(--tenue);font-variant-numeric:tabular-nums;margin:12px 0 0}.carga__caja--error{box-shadow:8px 8px 0 var(--rojo)}.carga__caja--error p{color:var(--tenue)}.carga__nota{font-size:13px}.modal{z-index:90;background:#0d0b10c7;place-items:center;padding:16px;animation:.25s both fundido;display:grid;position:fixed;inset:0}@keyframes fundido{0%{opacity:0}}.modal__caja{background:var(--panel);border:3px solid var(--negro);text-align:center;border-radius:18px;width:min(520px,100%);padding:26px 24px 22px;animation:.45s cubic-bezier(.2,1.6,.4,1) both aparecer}.modal__caja h2{font-family:var(--display);margin:0;font-size:clamp(24px,5vw,36px);font-weight:400;line-height:1.05}.modal__caja--victoria{box-shadow:10px 10px 0 var(--acido)}.modal__caja--victoria h2{color:var(--acido)}.modal__caja--derrota{box-shadow:10px 10px 0 var(--rosa)}.modal__caja--derrota h2{color:var(--rosa)}.modal__caja--carton{box-shadow:10px 10px #b08a5a}.modal__caja--carton h2{color:#d9a96b}.modal__caja--tablas{box-shadow:10px 10px 0 var(--oro)}.modal__subtitulo{color:var(--tenue);margin:10px 0 0}.modal__frase{background:var(--tinta);color:var(--negro);border:3px solid var(--negro);border-radius:12px;margin:18px 0 0;padding:14px 16px;font-weight:700;transform:rotate(-1deg)}.modal__botones{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}@media (width<=1180px){.layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.centro{grid-area:1/1/span 2}.columna--rival{grid-area:1/2}.columna--controles{grid-area:2/2}}@media (width<=820px){.layout{flex-direction:column;display:flex}.columna--rival{display:contents}.rival{order:1;grid-template-columns:96px minmax(0,1fr);align-items:center}.centro{order:2}.columna--controles{order:3}.escalera{order:4}.rival__cara{width:96px;height:102px}.rival__ficha{text-align:left;grid-column:1/-1}.bocadillo:before,.bocadillo:after{border:12px solid #0000;border-right:14px solid var(--negro);border-left:0;margin:-12px 0 0;top:50%;left:-16px}.bocadillo:after{border-width:8px;border-right:10px solid var(--tinta);border-left:0;margin-top:-8px;left:-9px}.centro,.centro--reloj{--ancho-tablero:100%}.tablero-wrap,.reloj{min-width:0}.tablero{box-shadow:5px 5px 0 var(--rosa)}}@media (width<=480px){.rival{grid-template-columns:70px minmax(0,1fr)}.rival__cara{width:70px;height:76px}.bocadillo p{font-size:15px}.rival__desc{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}