:root{--seguro-arriba: env(safe-area-inset-top, 0px);--seguro-derecha: env(safe-area-inset-right, 0px);--seguro-abajo: env(safe-area-inset-bottom, 0px);--seguro-izquierda: env(safe-area-inset-left, 0px)}:root,:root[data-theme=dark]{--ink: #0b0e13;--surface: #141922;--surface-soft: #1b212c;--edge: #2a3240;--text: #f2f5f9;--dim: #8b95a7;--accent: #5fd3a6;--warn: #f0c070;--danger: #ff8a7a;--sobre-acento: #06231a;--vidrio: rgba(255, 255, 255, .07);--vidrio-fuerte: rgba(255, 255, 255, .14);--borde-vidrio: rgba(255, 255, 255, .1);--e1: 4px;--e2: 8px;--e3: 12px;--e4: 16px;--e5: 24px;--e6: 32px;--e7: 48px;--toque: 44px;--radius: 20px;--radius-lg: 28px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--salida: cubic-bezier(.22, 1, .36, 1)}:root[data-theme=light]{--shadow: 0 10px 30px rgba(11, 18, 32, .1);--vidrio: rgba(11, 18, 32, .05);--vidrio-fuerte: rgba(11, 18, 32, .1);--borde-vidrio: rgba(11, 18, 32, .1);--ink: #eef1f6;--surface: #ffffff;--surface-soft: #f4f6fa;--edge: #d8dee8;--text: #0e141c;--dim: #57637a;--accent: #0e9c72;--warn: #9a6608;--danger: #c33f2c;--sobre-acento: #ffffff;--vidrio: rgba(15, 23, 35, .05);--vidrio-fuerte: rgba(15, 23, 35, .1);--borde-vidrio: rgba(15, 23, 35, .1)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,sans-serif;font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;overflow:hidden}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}#personaje-svg{position:fixed;pointer-events:none;overflow:visible;display:none}#personaje-3d{position:fixed;pointer-events:none;display:none}#hud{position:fixed;inset:0;pointer-events:none}#hud-top{display:flex;align-items:center;gap:var(--e5);height:96px;padding:0 var(--e5);background:var(--ink)}#hud-titles{display:flex;flex-direction:column;gap:var(--e1);min-width:0}#hud-counter{color:var(--dim);font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}#hud-pose-name{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:600;letter-spacing:-.02em;line-height:1.06;max-width:min(60ch,62vw)}#hud-progress{margin-top:var(--e2);height:8px;width:100%;max-width:22rem;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--text) 12%,transparent)}#hud-progress .relleno{display:block;height:100%;width:0;border-radius:999px;background:var(--accent);transition:width .32s var(--salida)}#settings-open{margin-left:auto;pointer-events:auto;min-height:var(--toque);background:var(--vidrio);backdrop-filter:blur(18px) saturate(140%);color:var(--text);border:1px solid var(--borde-vidrio);border-radius:999px;padding:0 var(--e4);font-size:.88rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background .18s var(--salida),transform .18s var(--salida)}#settings-open:hover{background:var(--vidrio-fuerte)}#settings-open:active{transform:scale(.97)}#hud-hold{position:absolute;left:0;right:auto;top:0;height:4px;border-radius:999px;overflow:hidden;background:transparent;opacity:0;transition:opacity .2s var(--salida)}#hud-hold.visible{opacity:1}#hud-hold-bar{height:100%;width:0;background:var(--accent);box-shadow:none;border-radius:0 99px 99px 0;transition:width 70ms linear}#hud-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 50% 100%,var(--tono, transparent) 0%,transparent 55%)}#hud-flash.late{animation:destello .9s cubic-bezier(.22,1,.36,1)}@keyframes destello{0%{opacity:0}18%{opacity:.3}to{opacity:0}}#hud-grade{position:absolute;left:0;right:0;bottom:16%;text-align:center;font-size:clamp(2.2rem,6.5vw,4.2rem);font-weight:700;letter-spacing:-.03em;opacity:0;transform:translateY(14px) scale(.94);filter:blur(6px);transition:opacity .26s var(--salida),transform .42s var(--salida),filter .26s var(--salida)}#hud-grade.visible{opacity:1;transform:none;filter:none}#hud-hint{position:absolute;left:-9999px;color:var(--dim);font-size:.95rem;line-height:1.3;font-weight:500;opacity:0;transition:opacity .22s var(--salida)}#hud-hint.visible{opacity:1}#hud-top.en-columna #hud-hint{left:auto}#hud-notice,#hud-relaxed{position:absolute;left:50%;transform:translate(-50%,8px);display:flex;align-items:center;gap:var(--e2);padding:var(--e3) var(--e5);border-radius:999px;font-size:clamp(.92rem,1.5vw,1.05rem);font-weight:500;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(22px) saturate(140%);border:1px solid var(--borde-vidrio);box-shadow:var(--shadow);opacity:0;transition:opacity .22s var(--salida),transform .3s var(--salida);max-width:min(88%,44rem);text-align:center}#hud-notice:before,#hud-relaxed:before{content:"";width:8px;height:8px;border-radius:99px;flex:none}#hud-notice:before{background:var(--danger);box-shadow:0 0 12px var(--danger)}#hud-relaxed:before{background:var(--warn);box-shadow:0 0 12px var(--warn)}#hud-notice{bottom:5.5%;color:var(--text)}#hud-relaxed{bottom:5.5%;color:var(--warn)}#hud-notice.visible,#hud-relaxed.visible{opacity:1;transform:translate(-50%)}#hud-notice.visible~#hud-relaxed.visible{bottom:calc(5.5% + 3.6rem)}.overlay::-webkit-scrollbar{width:8px}.overlay::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 18%,transparent);border-radius:99px}.overlay::-webkit-scrollbar-track{background:transparent}#error-banner{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--danger);color:var(--sobre-acento);padding:var(--e3) var(--e5);font-size:.88rem;font-weight:700;display:none}#error-banner.visible{display:block}.overlay{position:fixed;inset:0;z-index:20;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--e4);text-align:center;padding:var(--e5) var(--e6);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 18%,transparent) transparent;background:var(--ink)}.overlay.visible{display:flex;animation:aparecer .42s var(--salida)}.overlay .tarjeta{display:flex;flex-direction:column;align-items:center;gap:var(--e4);width:min(46rem,92vw);padding:var(--e7) var(--e6);background:var(--surface);border:1px solid var(--edge);border-radius:24px;box-shadow:var(--shadow)}.overlay .tarjeta.ancha{width:min(76rem,96vw);padding:var(--e6)}@keyframes aparecer{0%{opacity:0;transform:scale(.985)}}.overlay .sobre{color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.overlay h1{margin:0;font-size:clamp(1.9rem,4.2vw,3rem);font-weight:600;letter-spacing:-.035em;line-height:1.02}.overlay p{margin:0;color:var(--dim);max-width:34rem;line-height:1.6;font-size:1.02rem}.boton{background:var(--accent);color:var(--sobre-acento);border:0;border-radius:999px;min-height:52px;padding:0 var(--e7);font-size:1.02rem;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 28%,transparent);transition:transform .16s var(--salida),box-shadow .16s var(--salida)}.boton:hover{transform:translateY(-1px);box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 34%,transparent)}.boton:active{transform:scale(.97)}.boton:disabled{opacity:.45;box-shadow:none;cursor:default}#start-status,#finished-countdown{color:var(--dim);font-size:.92rem;min-height:1.3em}#settings{position:fixed;inset:0;z-index:25;display:none;background:#06090e99;backdrop-filter:blur(10px)}#settings.visible{display:block}.settings-inner{position:absolute;top:0;right:0;bottom:0;width:min(26rem,92vw);background:var(--surface);border-left:1px solid var(--edge);padding:var(--e5) var(--e5) var(--e6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--e2);animation:entrar .32s var(--salida)}@keyframes entrar{0%{transform:translate(24px);opacity:0}}.settings-inner h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.settings-inner h3{margin:1.4rem 0 .5rem;font-size:.7rem;color:var(--dim);text-transform:uppercase;letter-spacing:.16em;font-weight:700}.grupo{background:var(--surface-soft);border:1px solid var(--edge);border-radius:var(--radius);padding:var(--e1) var(--e4);display:flex;flex-direction:column}.fila{display:flex;align-items:center;justify-content:space-between;gap:var(--e4);padding:var(--e2) 0;min-height:var(--toque);font-size:.96rem;border-bottom:1px solid var(--edge)}.fila:last-child{border-bottom:0}.fila.apilada{flex-direction:column;align-items:stretch;gap:var(--e2)}.fila .valor{color:var(--dim);font-variant-numeric:tabular-nums}.settings-inner input[type=range]{width:100%;accent-color:var(--accent);height:var(--toque)}.settings-inner select{background:var(--vidrio);color:var(--text);border:1px solid var(--edge);border-radius:var(--e3);padding:0 var(--e3);height:var(--toque);font-size:.95rem;font-family:inherit}.settings-inner input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:none;cursor:pointer;width:56px;height:var(--toque);margin:0;border-radius:999px;background:transparent;border:0}.settings-inner input[type=checkbox]:before{content:"";position:absolute;left:0;top:6px;width:56px;height:32px;border-radius:999px;background:var(--vidrio-fuerte);transition:background .2s var(--salida)}.settings-inner input[type=checkbox]:after{content:"";position:absolute;left:3px;top:9px;width:26px;height:26px;border-radius:999px;background:#fff;box-shadow:0 2px 6px #0006;transition:transform .22s var(--salida)}.settings-inner input[type=checkbox]:checked:before{background:var(--accent)}.settings-inner input[type=checkbox]:checked:after{transform:translate(24px)}.settings-inner .boton-suave{background:var(--vidrio);color:var(--text);border:1px solid var(--edge);border-radius:999px;min-height:var(--toque);padding:0 var(--e5);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .16s var(--salida)}.settings-inner .boton-suave:hover{background:var(--vidrio-fuerte)}.help{color:var(--dim);font-size:.82rem;line-height:1.5;margin:.45rem 0 0}#settings-close{margin-top:auto}#boleta{display:grid;gap:var(--e1) var(--e4);width:min(72rem,94vw);margin:var(--e1) 0;align-content:start}.boleta-total{grid-column:1 / -1;grid-row:1}#boleta{grid-template-rows:auto}.boleta-item{display:flex;flex-direction:column}.boleta-total{display:flex;align-items:baseline;justify-content:center;gap:var(--e2);margin:0 0 var(--e2)}.boleta-total-numero{font-size:clamp(2.8rem,6.5vw,4.2rem);font-weight:700;letter-spacing:-.045em;line-height:1;color:var(--accent)}.boleta-total-sobre{font-size:1.05rem;font-weight:600;color:var(--dim)}.boleta-record{margin-left:var(--e4);padding:var(--e1) var(--e3);border-radius:999px;font-size:.82rem;font-weight:700;letter-spacing:.02em;color:var(--dim);background:color-mix(in srgb,var(--text) 5%,transparent);border:1px solid var(--edge)}.boleta-record.nuevo{color:var(--sobre-acento);background:var(--accent);border-color:transparent;box-shadow:0 8px 24px #5fd3a64d}.boleta-fila{display:flex;align-items:baseline;gap:var(--e3);padding:var(--e2) var(--e4);border-radius:var(--e3);background:var(--vidrio)}.boleta-marca{width:2.4rem;flex:none;display:flex;gap:3px;align-items:center}.boleta-marca .punto{width:6px;height:6px;border-radius:99px;background:color-mix(in srgb,var(--text) 14%,transparent)}.boleta-nombre{flex:1;text-align:left;font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boleta-nota{font-size:.9rem;font-weight:700;letter-spacing:.01em}.boleta-pista{color:var(--dim);font-size:.78rem;text-align:left;line-height:1.35;padding:0 var(--e4) var(--e2) 56px;margin-top:-.15rem}#hud-top.en-columna{container-type:inline-size;position:fixed;height:auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--e3);padding:0 var(--e4)}#hud-top.en-columna #hud-counter{font-size:.92rem;letter-spacing:.16em;font-weight:700;color:var(--dim)}#hud-top.en-columna #hud-pose-name{font-size:clamp(1.3rem,17cqw,3.4rem);line-height:1.02;font-weight:650;letter-spacing:-.025em;max-width:100%;overflow-wrap:break-word;hyphens:auto}#hud-top.en-columna #hud-progress{width:100%;max-width:100%;margin-top:var(--e3)}#hud-top.en-columna #hud-grade,#hud-top.en-columna #hud-hint,#hud-top.en-columna #hud-notice,#hud-top.en-columna #hud-relaxed{position:static;transform:none;left:auto;right:auto;bottom:auto;width:auto;max-width:100%;text-align:left}#hud-top.en-columna #hud-grade{font-size:clamp(1.4rem,3.4vw,2.4rem);margin-top:var(--e3);filter:none;opacity:0;transition:opacity .22s var(--salida)}#hud-top.en-columna #hud-grade.visible{opacity:1}#hud-top.en-columna #hud-hint{margin-top:var(--e1)}#hud-top.en-columna #hud-notice,#hud-top.en-columna #hud-relaxed{margin-top:var(--e2);align-self:stretch;justify-content:flex-start;padding:var(--e2) var(--e3);border-radius:14px;font-size:.86rem;line-height:1.25}#hud-top.en-columna #hud-notice.visible~#hud-relaxed.visible{bottom:auto}#hud-top.en-columna #hud-grade:not(.visible),#hud-top.en-columna #hud-hint:not(.visible),#hud-top.en-columna #hud-notice:not(.visible),#hud-top.en-columna #hud-relaxed:not(.visible){display:none}#settings-open{display:none!important}body.en-presentacion #hud-top{display:none}@media (max-height: 560px){.overlay{padding:var(--e2) var(--e4)}.overlay .tarjeta{padding:var(--e4) var(--e5);gap:var(--e2)}.overlay .tarjeta:not(.ancha){width:min(46rem,92vw,96vh)}.overlay h1{font-size:clamp(1.3rem,3vw,1.8rem)}.overlay .sobre{font-size:.66rem}.boleta-total{margin:0}.boleta-total-numero{font-size:clamp(1.8rem,4vw,2.4rem)}.boleta-fila{padding:2px var(--e3)}.boleta-nombre,.boleta-nota{font-size:.82rem}.boleta-pista{font-size:.7rem;padding-left:44px}#finished-countdown{font-size:.8rem;min-height:1em}.boton{min-height:42px;font-size:.92rem;padding:0 var(--e6)}}