:root{--player-a-base: #087cf0;--player-a-bright: #00d9ff;--player-a-dark: #082d69;--player-b-base: #f02e55;--player-b-bright: #ff3b91;--player-b-dark: #6f123d;--impact-yellow: #ffe600;--ink: #101014;--paper: #fff4d8;--ambar: #ffbe2e;--slot-base: var(--player-a-base);--slot-bright: var(--player-a-bright);--slot-dark: var(--player-a-dark);--fuente-impacto: "Bangers", Impact, Haettenschweiler, "Arial Narrow Bold", "Franklin Gothic Bold", "Helvetica Neue", system-ui, sans-serif;--fuente-ui: system-ui, -apple-system, "Segoe UI", sans-serif;--skew-impacto: -8deg;--nombre-tam: clamp(2.8rem, 15vw, 7rem);--nombre-tam-largo: clamp(2rem, 10.7vw, 4.9rem);--pregunta-tam: clamp(.8rem, 3.2vw, 1.05rem);--marca-ancho: clamp(4.4rem, 18vw, 6.8rem);--z-fondo: 0;--z-textura: 1;--z-lineas: 2;--z-deco: 3;--z-personaje: 4;--z-nombre: 5;--z-grieta: 6;--z-vs: 7;--z-hud: 8;--z-resultado: 9;--z-hoja: 10;--z-debug: 99;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--borde-grueso: 4px;--borde-fino: 2px;--banda: clamp(84px, 18vw, 128px);--t-entrada: .32s;--t-salida: .18s;--t-tap: .11s;--t-resultado: .7s;--t-ambiental: 6s;--ease-impacto: cubic-bezier(.2, 1.6, .35, 1);--ease-salida: cubic-bezier(.6, 0, .9, .3);--ease-suave: cubic-bezier(.25, .8, .35, 1);--fx-halftone: .06;--fx-lineas: .05;--fx-deco: .3;--fx-vineta: .55;--sombra-dura: 0 6px 0 var(--ink);--contorno-nombre: 3px}:root{--bp-desktop: 860px}@media(prefers-reduced-motion:reduce){:root{--t-entrada: 1ms;--t-salida: 1ms;--t-tap: 1ms;--t-ambiental: 0s}}@font-face{font-family:Bangers;src:url(/assets/fuentes/bangers-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--ink);color:var(--paper);font-family:var(--fuente-ui);overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}#app{height:100dvh;overflow:hidden}.impacto{font-family:var(--fuente-impacto);font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:.84;transform:skew(var(--skew-impacto))}.arranque{height:100dvh;display:grid;place-items:center;background:var(--ink);padding:var(--sp-6)}.arranque-marca{font-family:var(--fuente-impacto);font-weight:900;font-size:clamp(2.5rem,13vw,6rem);line-height:.82;text-transform:uppercase;text-align:center;color:var(--impact-yellow);transform:skew(var(--skew-impacto));text-shadow:4px 4px 0 var(--player-b-base),8px 8px 0 var(--player-a-base)}.intro{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:var(--sp-6);background:var(--ink);cursor:pointer;transition:opacity var(--t-entrada) var(--ease-salida)}.intro--saliendo{opacity:0;pointer-events:none}.intro-logo{width:min(76vw,30rem);height:auto;animation:entrar-marca .52s var(--ease-impacto) both}.intro-empezar{margin-top:var(--sp-6);font-family:var(--fuente-impacto);font-size:clamp(1.1rem,4.6vw,1.6rem);letter-spacing:.06em;color:var(--ambar);-webkit-text-stroke:2px var(--ink);paint-order:stroke;animation:latir 1.4s ease-in-out .6s infinite}@keyframes latir{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes entrar-marca{0%{transform:scale(.72) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.clash{position:relative;height:100dvh;display:grid;grid-template-rows:1fr 1fr;overflow:hidden;background:var(--ink)}@media(min-width:860px){.clash{grid-template-rows:none;grid-template-columns:1fr 1fr}}.lado{position:relative;overflow:hidden;display:block;width:100%;height:100%;border:none;padding:0;cursor:pointer;isolation:isolate;transition:filter var(--t-tap) var(--ease-suave),transform var(--t-tap) var(--ease-suave)}.lado--a{--slot-base: var(--player-a-base);--slot-bright: var(--player-a-bright);--slot-dark: var(--player-a-dark);--foco-x: 50%;--foco-y: 100%;--fondo: url(/assets/textures/fondo-vertical.webp);--fondo-pos: left top}.lado--b{--slot-base: var(--player-b-base);--slot-bright: var(--player-b-bright);--slot-dark: var(--player-b-dark);--foco-x: 50%;--foco-y: 0%;--fondo: url(/assets/textures/fondo-vertical.webp);--fondo-pos: left bottom}@media(min-width:860px){.lado--a{--foco-x: 100%;--foco-y: 55%;--fondo: url(/assets/textures/fondo-horizontal.webp);--fondo-pos: left top}.lado--b{--foco-x: 0%;--foco-y: 55%;--fondo: url(/assets/textures/fondo-horizontal.webp);--fondo-pos: right top}}.lado:active{transform:scale(.99)}.capa-base{position:absolute;inset:0;z-index:var(--z-fondo);background-image:var(--fondo, none),radial-gradient(120% 90% at var(--foco-x, 50%) var(--foco-y, 100%),var(--slot-bright) 0%,var(--slot-base) 42%,var(--slot-dark) 100%);background-size:100vw 100dvh,auto;background-position:var(--fondo-pos, center),center;background-repeat:no-repeat,no-repeat}.capa-halftone{position:absolute;inset:0;z-index:var(--z-textura);opacity:var(--fx-halftone);background-image:radial-gradient(var(--ink) 1.1px,transparent 1.4px);background-size:9px 9px;-webkit-mask-image:radial-gradient(130% 80% at var(--foco-x, 50%) var(--foco-y, 100%),transparent 0%,#000 62%);mask-image:radial-gradient(130% 80% at var(--foco-x, 50%) var(--foco-y, 100%),transparent 0%,#000 62%)}.capa-lineas{position:absolute;inset:-20%;z-index:var(--z-lineas);opacity:var(--fx-lineas);background:repeating-conic-gradient(from 0deg at var(--foco-x, 50%) var(--foco-y, 100%),var(--paper) 0deg 1.1deg,transparent 1.1deg 5deg);-webkit-mask-image:radial-gradient(closest-side at var(--foco-x, 50%) var(--foco-y, 100%),transparent 30%,#000 78%);mask-image:radial-gradient(closest-side at var(--foco-x, 50%) var(--foco-y, 100%),transparent 30%,#000 78%);animation:girar-lineas var(--t-ambiental) linear infinite}.lado--b .capa-lineas{animation-direction:reverse}@keyframes girar-lineas{to{transform:rotate(3deg)}}.capa-deco{position:absolute;inset:0;z-index:var(--z-deco);opacity:var(--fx-deco);pointer-events:none}.capa-deco svg{width:100%;height:100%;display:block}.capa-vineta{position:absolute;inset:0;z-index:var(--z-deco);pointer-events:none;background:radial-gradient(120% 85% at var(--foco-x, 50%) var(--foco-y, 100%),transparent 35%,rgba(16,16,20,var(--fx-vineta)) 100%)}.retrato{position:absolute;z-index:var(--z-personaje);left:50%;width:100%;height:74%;height:var(--alto-retrato, 74%);display:flex;justify-content:center;pointer-events:none;transform:translate(-50%) translate(calc(var(--offset-x, 0) * 1%),calc(var(--offset-y, 0) * 1%)) scale(var(--escala, 1));transition:transform var(--t-tap) var(--ease-impacto)}.lado--a .retrato{bottom:7%;align-items:flex-end}.lado--a{--alto-retrato: 80%}.lado--a.lado--nombre2{--alto-retrato: 68%}.lado--b .retrato{top:7%;align-items:flex-start}.retrato img,.retrato svg{height:100%;width:auto;max-width:88%;object-fit:contain;display:block;filter:drop-shadow(4px 6px 0 rgba(16,16,20,.45))}.lado--a .retrato img{object-position:bottom}.lado--b .retrato img{object-position:top}@media(min-width:860px){.retrato{height:var(--alto-retrato-desktop, 82%)}.lado--nombre2{--alto-retrato-desktop: 72%}.lado--a .retrato,.lado--b .retrato{bottom:0;top:auto;align-items:flex-end}.lado--a .retrato{left:56%}.lado--b .retrato{left:44%}}.nombre{position:absolute;z-index:var(--z-nombre);left:0;right:0;padding:0 var(--sp-4);text-align:center;pointer-events:none;color:var(--ambar);font-size:var(--nombre-tam);-webkit-text-stroke:var(--contorno-nombre) var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink)}.nombre--largo{font-size:var(--nombre-tam-largo)}.lado--nombre2{--alto-retrato: 61%}.lado--nombre2 .nombre{font-size:clamp(2.55rem,13.8vw,6rem)}.nombre span{display:block}.lado--a .nombre{top:calc(env(safe-area-inset-top) + 2.4rem)}.lado--b .nombre{bottom:calc(env(safe-area-inset-bottom) + 2.6rem)}@media(min-width:860px){.lado--a .nombre,.lado--b .nombre{top:calc(env(safe-area-inset-top) + 3.2rem);bottom:auto}}.banda{position:absolute;z-index:var(--z-grieta);pointer-events:none;left:0;right:0;top:50%;height:var(--banda);transform:translateY(-50%)}@media(min-width:860px){.banda{inset:0 auto 0 50%;height:100%;width:var(--banda);transform:translate(-50%)}}.vs{position:absolute;z-index:var(--z-vs);left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(6.5rem,26vw,11rem);aspect-ratio:1;display:grid;place-items:center;pointer-events:none;filter:drop-shadow(0 6px 0 rgba(16,16,20,.5))}.vs>*{grid-area:1 / 1;width:100%;height:100%}.vs img,.vs svg{display:block}.vs img{object-fit:contain}@media(min-width:860px){.vs{width:clamp(7rem,13vw,13rem)}}.marca{position:absolute;z-index:var(--z-hud);top:calc(env(safe-area-inset-top) + var(--sp-2));right:calc(env(safe-area-inset-right) + var(--sp-2));width:var(--marca-ancho);height:auto;pointer-events:none;filter:drop-shadow(0 3px 0 rgba(16,16,20,.45))}@media(min-width:860px){.marca{--marca-ancho: clamp(9rem, 15vw, 15rem);top:calc(env(safe-area-inset-top) + var(--sp-1));right:auto;left:50%;transform:translate(-50%)}}.pregunta{position:absolute;z-index:var(--z-hud);top:calc(env(safe-area-inset-top) + var(--sp-2));left:50%;transform:translate(-50%) rotate(-1.5deg);pointer-events:none;background:var(--impact-yellow);color:var(--ink);border:var(--borde-fino) solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:var(--sp-1) var(--sp-3);font-family:var(--fuente-impacto);font-size:var(--pregunta-tam);text-transform:uppercase;white-space:nowrap;letter-spacing:.02em}@media(min-width:860px){.pregunta{top:var(--sp-4)}}.festejo{position:fixed;z-index:150;width:0;height:0;pointer-events:none}.festejo-pieza{position:absolute;left:0;top:0;width:clamp(2.6rem,13vw,4.6rem);height:auto;margin-left:-50%;transform-origin:center;will-change:transform,opacity;filter:drop-shadow(2px 3px 0 rgba(16,16,20,.5));animation:salir-pieza .82s var(--ease-salida) both}@keyframes salir-pieza{0%{transform:translate(-50%,-50%) scale(.3) rotate(0);opacity:0}18%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 40px)) scale(var(--escala)) rotate(var(--giro));opacity:0}}@media(prefers-reduced-motion:reduce){.festejo{display:none}}.boton-sonido{position:absolute;z-index:var(--z-hud);top:calc(env(safe-area-inset-top) + var(--sp-2));left:calc(env(safe-area-inset-left) + var(--sp-2));width:2.4rem;height:2.4rem;display:grid;place-items:center;padding:0;cursor:pointer;background:#1010146b;color:var(--paper);border:var(--borde-fino) solid var(--ink);border-radius:999px;box-shadow:0 0 0 0 transparent}.boton-sonido:after{content:"";position:absolute;inset:-.55rem}.boton-sonido svg{width:1.35rem;height:1.35rem;display:block;fill:currentColor;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.boton-sonido .onda,.boton-sonido .cruz{fill:none}.boton-sonido[aria-pressed=true]{color:#ff8fa8}.boton-sonido:active{transform:scale(.92)}.hud{position:absolute;z-index:var(--z-hud);bottom:calc(env(safe-area-inset-bottom) + var(--sp-2));left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 var(--sp-3);pointer-events:none}.hud>*{pointer-events:auto}.hud-boton{font-family:var(--fuente-impacto);font-size:.85rem;text-transform:uppercase;background:var(--paper);color:var(--ink);border:var(--borde-fino) solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:var(--sp-1) var(--sp-2)}.hud-boton:active{transform:translate(2px,2px);box-shadow:none}.racha{font-family:var(--fuente-impacto);font-size:1rem;text-transform:uppercase;background:var(--impact-yellow);color:var(--ink);border:var(--borde-fino) solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:var(--sp-1) var(--sp-2);transform:rotate(-2deg)}.racha--sube{animation:punch var(--t-tap) var(--ease-impacto)}.racha--caliente{background:var(--player-b-base);color:var(--paper);box-shadow:3px 3px 0 var(--ink),0 0 18px var(--player-b-bright)}.racha--hito{animation:punch-grande .42s var(--ease-impacto)}@keyframes punch{50%{transform:rotate(-2deg) scale(1.22)}}@keyframes punch-grande{35%{transform:rotate(4deg) scale(1.7)}70%{transform:rotate(-4deg) scale(1.2)}}.timer-ring{position:absolute;z-index:calc(var(--z-vs) - 1);left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:clamp(10.5rem,42vw,17rem);aspect-ratio:1;pointer-events:none;overflow:visible}.timer-ring circle{fill:none;stroke-linecap:round}.timer-pista{stroke:#10101473;stroke-width:7}.timer-barra{stroke:var(--impact-yellow);stroke-width:9;filter:drop-shadow(0 0 6px var(--impact-yellow))}.timer-ring--tension .timer-barra{stroke:var(--player-b-bright);filter:drop-shadow(0 0 12px var(--player-b-bright))}.timer-ring--tension{animation:tension .26s steps(2) infinite alternate}@keyframes tension{to{transform:translate(-50%,-50%) rotate(-90deg) scale(1.05)}}@media(min-width:860px){.timer-ring{width:clamp(10rem,18vw,17rem)}}.lado--elegido{z-index:1;filter:saturate(1.35) contrast(1.12) brightness(1.08)}.lado--elegido .retrato{transform:translate(-50%) translate(calc(var(--offset-x, 0) * 1%),calc(var(--offset-y, 0) * 1%)) scale(calc(var(--escala, 1) * 1.06))}.lado--descartado{filter:saturate(.28) brightness(.62)}.lado--descartado .retrato{transform:translate(-50%) translate(calc(var(--offset-x, 0) * 1%),calc(var(--offset-y, 0) * 1%)) scale(calc(var(--escala, 1) * .94))}.clash--entrando .lado--a .retrato,.clash--entrando .lado--a .nombre{animation:entra-a var(--t-entrada) var(--ease-impacto) both}.clash--entrando .lado--b .retrato,.clash--entrando .lado--b .nombre{animation:entra-b var(--t-entrada) var(--ease-impacto) both}.clash--saliendo .lado--a .retrato,.clash--saliendo .lado--a .nombre{animation:sale-a var(--t-salida) var(--ease-salida) both}.clash--saliendo .lado--b .retrato,.clash--saliendo .lado--b .nombre{animation:sale-b var(--t-salida) var(--ease-salida) both}.clash--entrando .vs{animation:entra-vs var(--t-entrada) var(--ease-impacto) both}@keyframes entra-a{0%{opacity:0;translate:0 -38%}}@keyframes entra-b{0%{opacity:0;translate:0 38%}}@keyframes sale-a{to{opacity:0;translate:0 -24%}}@keyframes sale-b{to{opacity:0;translate:0 24%}}@keyframes entra-vs{0%{opacity:0;scale:2.6;rotate:-25deg}}@media(min-width:860px){@keyframes entra-a{0%{opacity:0;translate:-44% 0}}@keyframes entra-b{0%{opacity:0;translate:44% 0}}@keyframes sale-a{to{opacity:0;translate:-28% 0}}@keyframes sale-b{to{opacity:0;translate:28% 0}}}.clash--sacude{animation:sacudir .22s steps(4)}@keyframes sacudir{0%{translate:0 0}25%{translate:-6px 4px}50%{translate:5px -5px}75%{translate:-3px -2px}to{translate:0 0}}.flash{position:absolute;inset:0;z-index:var(--z-resultado);pointer-events:none;background:var(--impact-yellow);animation:flashear .2s var(--ease-salida) both}@keyframes flashear{0%{opacity:.5}to{opacity:0}}.resultado{position:absolute;z-index:var(--z-resultado);inset:0;display:grid;place-items:center;pointer-events:none;padding:var(--sp-4)}.resultado-caja{position:relative;display:grid;place-items:center;text-align:center;animation:entra-resultado .24s var(--ease-impacto) both}@keyframes entra-resultado{0%{opacity:0;scale:.55;rotate:-8deg}}.resultado-burst{position:absolute;width:min(86vw,28rem);aspect-ratio:1;z-index:-1;opacity:.96;animation:girar-burst 3.5s linear infinite}@keyframes girar-burst{to{rotate:360deg}}.resultado-pct{font-family:var(--fuente-impacto);font-size:clamp(4rem,23vw,9.5rem);line-height:.8;color:var(--paper);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;transform:skew(var(--skew-impacto));text-shadow:7px 7px 0 var(--ink)}.resultado-tag{font-family:var(--fuente-impacto);font-size:clamp(1.5rem,8vw,3rem);line-height:.9;color:var(--paper);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;transform:skew(var(--skew-impacto));margin-top:var(--sp-2)}.resultado-frase{font-family:var(--fuente-ui);font-weight:700;font-size:clamp(.85rem,3.6vw,1.05rem);color:var(--paper);background:var(--ink);padding:var(--sp-1) var(--sp-3);margin-top:var(--sp-3);max-width:22rem}.resultado--rompe .resultado-pct{color:var(--player-b-bright)}.time-out{font-family:var(--fuente-impacto);font-size:clamp(4rem,24vw,10rem);color:var(--player-b-base);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;transform:skew(var(--skew-impacto)) rotate(-6deg);text-shadow:8px 8px 0 var(--impact-yellow);animation:entra-resultado .16s var(--ease-impacto) both}.pagina{height:100dvh;overflow-y:auto;background:var(--paper);color:var(--ink);padding:var(--sp-4) var(--sp-4) calc(var(--sp-8) + env(safe-area-inset-bottom));-webkit-user-select:text;user-select:text}.pagina-cab{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);position:sticky;top:calc(var(--sp-4) * -1);background:var(--paper);padding:var(--sp-4) 0 var(--sp-2);z-index:2}.pagina-titulo{font-family:var(--fuente-impacto);font-size:clamp(1.9rem,8vw,3rem);line-height:.88;text-transform:uppercase;transform:skew(var(--skew-impacto));text-shadow:3px 3px 0 var(--impact-yellow)}.segmentos{display:flex;border:var(--borde-grueso) solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin-bottom:var(--sp-4);overflow:hidden}.segmento{flex:1;padding:var(--sp-2) var(--sp-1);font-family:var(--fuente-impacto);font-size:.85rem;text-transform:uppercase;background:var(--paper);border-right:var(--borde-fino) solid var(--ink)}.segmento:last-child{border-right:none}.segmento[aria-pressed=true]{background:var(--ink);color:var(--impact-yellow)}.fila{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:var(--borde-grueso) solid var(--ink);background:var(--paper);margin-bottom:var(--sp-2);box-shadow:4px 4px 0 var(--ink)}.fila--vos{background:var(--impact-yellow)}.fila-pos{font-family:var(--fuente-impacto);font-size:1.3rem;min-width:2ch;text-align:right;opacity:.55}.fila-chip{width:2.25rem;height:2.25rem;border:var(--borde-fino) solid var(--ink);display:grid;place-items:center;font-family:var(--fuente-impacto);color:var(--paper);flex:0 0 auto}.fila-nombre{flex:1;font-family:var(--fuente-impacto);font-size:1.1rem;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fila-dato{font-family:var(--fuente-impacto);font-size:1.25rem}.fila-sub{font-family:var(--fuente-ui);font-size:.72rem;font-weight:600;opacity:.6;text-transform:none}.vacio{border:var(--borde-grueso) dashed var(--ink);padding:var(--sp-6);text-align:center;opacity:.75}.aviso{border:var(--borde-grueso) solid var(--ink);background:#efe6c8;padding:var(--sp-3) var(--sp-4);font-size:.85rem;line-height:1.45;margin-top:var(--sp-6)}.aviso strong{display:block;font-family:var(--fuente-impacto);text-transform:uppercase;margin-bottom:var(--sp-1);font-size:1rem}.btn{flex:1;font-family:var(--fuente-impacto);font-size:1.1rem;text-transform:uppercase;padding:var(--sp-3) var(--sp-4);background:var(--impact-yellow);color:var(--ink);border:var(--borde-grueso) solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform 80ms,box-shadow 80ms}.btn:active{transform:translate(4px,4px);box-shadow:none}.btn--fantasma{background:var(--paper);flex:0 0 auto}.btn:disabled{opacity:.45}.hoja-fondo{position:fixed;inset:0;background:#101014b8;z-index:var(--z-hoja);display:flex;align-items:flex-end}.hoja{width:100%;background:var(--paper);color:var(--ink);border-top:var(--borde-grueso) solid var(--ink);padding:var(--sp-6) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom));animation:subir .22s var(--ease-impacto)}@keyframes subir{0%{transform:translateY(100%)}}.hoja-titulo{font-family:var(--fuente-impacto);font-size:2rem;line-height:.92;text-transform:uppercase;transform:skew(var(--skew-impacto))}.hoja-sub{margin:var(--sp-2) 0 var(--sp-4);opacity:.75;font-size:.95rem}.hoja-input{width:100%;font-family:var(--fuente-impacto);font-size:1.6rem;text-transform:uppercase;padding:var(--sp-2) var(--sp-3);background:var(--paper);color:var(--ink);border:var(--borde-grueso) solid var(--ink);outline:none;-webkit-user-select:text;user-select:text}.hoja-input:focus{background:#fffbe8}.hoja-error{color:var(--player-b-base);font-weight:700;margin-top:var(--sp-2);font-size:.9rem}.hoja-acciones{display:flex;gap:var(--sp-3);margin-top:var(--sp-4)}@media(min-width:860px){.pagina{max-width:46rem;margin:0 auto}.hoja-fondo{align-items:center;justify-content:center}.hoja{max-width:30rem;border:var(--borde-grueso) solid var(--ink);box-shadow:8px 8px 0 var(--ink);animation:none}}.debug{position:fixed;inset:0;z-index:var(--z-debug);pointer-events:none;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;color:#00ff9c}.debug-zona{position:absolute;border:2px dashed #00ff9c;background:#00ff9c0f;display:flex;align-items:flex-start;justify-content:flex-start;padding:2px 4px}.debug-zona--b{border-color:#ff00e1;background:#ff00e10f;color:#ff00e1}.debug-centro{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}.debug-centro:before,.debug-centro:after{content:"";position:absolute;background:#ffe600}.debug-centro:before{left:50%;top:0;bottom:0;width:1px}.debug-centro:after{top:50%;left:0;right:0;height:1px}.debug-safe{position:absolute;left:0;right:0;background:#ff000038;border-block:1px solid red}.debug-safe--top{top:0;height:env(safe-area-inset-top)}.debug-safe--bottom{bottom:0;height:env(safe-area-inset-bottom)}.debug-panel{position:absolute;top:50%;left:var(--sp-2);transform:translateY(-50%);background:#101014e6;border:1px solid #00ff9c;padding:6px 8px;line-height:1.5;max-width:46vw;white-space:pre}.debug-bbox{outline:1px solid #00ff9c66}html.debug-ui .banda,html.debug-ui .vs,html.debug-ui .retrato,html.debug-ui .nombre,html.debug-ui .pregunta,html.debug-ui .hud{outline:1px dashed rgba(0,255,156,.7)}