: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]{--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{display:flex;gap:var(--e1);margin-top:var(--e2)}#hud-progress span{width:20px;height:4px;border-radius:99px;background:#ffffff29;transition:background .24s var(--salida),width .24s var(--salida)}#hud-progress span.hecha{background:var(--accent)}#hud-progress span.actual{background:var(--text);width:34px}#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:0;top:93px;height:3px;background:#ffffff0f}#hud-hold-bar{height:100%;width:0;background:linear-gradient(90deg,var(--accent),#9beecf);box-shadow:0 0 18px #5fd3a6a6;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-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) 78%,transparent);backdrop-filter:blur(22px) saturate(140%);border:1px solid rgba(255,255,255,.1);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:#ffffff2e;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:rgba(255,255,255,.18) transparent;background:radial-gradient(90% 70% at 50% 12%,#5fd3a624,#0b0e1300 62%),var(--ink)}.overlay.visible{display:flex;animation:aparecer .42s var(--salida)}@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 12px 34px #5fd3a647;transition:transform .16s var(--salida),box-shadow .16s var(--salida)}.boton:hover{transform:translateY(-1px);box-shadow:0 16px 40px #5fd3a657}.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 rgba(255,255,255,.06)}.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:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.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.6rem;flex:none;text-align:left;font-size:.95rem;font-weight:700;letter-spacing:-.06em}.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{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:1.1rem;letter-spacing:.14em}#hud-top.en-columna #hud-pose-name{font-size:clamp(2.4rem,7vw,5rem);line-height:1.02}#hud-top.en-columna #hud-progress{width:100%}