/* ==========================================================
   THE TIMELESS ARCADE · Timeless Agency
   Todo va bajo #tla para no chocar con los estilos de los códigos.
   ========================================================== */
html.tla-open,html.tla-open body{overflow:hidden!important}
#tla{--bg:#0c0614;--ink:#f4ecff;--mut:#b9a8d6;--line:#2b1a44;--yel:#ffcf5a;--org:#ff8a4c;--pink:#ff4fa3;--cyan:#5fd4ff;--vio:#a78bff;--grn:#7dff7a;
  --px:"Press Start 2P","Courier New",monospace;--tx:Lato,"Lato Fallback",system-ui,sans-serif;
  position:fixed;inset:0;z-index:1000;display:none;overflow:hidden;touch-action:manipulation;color:var(--ink);font-family:var(--tx);background:var(--bg);-webkit-font-smoothing:antialiased}
#tla.on{display:block}
#tla *,#tla *:before,#tla *:after{box-sizing:border-box}
#tla .tla-sky{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(ellipse 60% 40% at 50% -6%,rgba(255,150,90,.22),transparent 70%),
  radial-gradient(ellipse 40% 50% at 8% 38%,rgba(95,212,255,.12),transparent 70%),
  radial-gradient(ellipse 40% 50% at 92% 38%,rgba(255,79,163,.14),transparent 70%),
  linear-gradient(180deg,#120a20 0%,#0c0614 60%)}
#tla .tla-sky:before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(90deg,transparent 0 70px,rgba(255,236,190,.85) 70px 86px,transparent 86px 160px);filter:blur(1px);opacity:.75}
#tla .tla-floor{position:absolute;left:-50%;right:-50%;bottom:-6vh;height:46vh;pointer-events:none;transform:perspective(420px) rotateX(58deg);transform-origin:50% 100%;
  background-color:#4f1736;background-image:linear-gradient(#26081a 4px,transparent 4px),linear-gradient(90deg,#26081a 4px,transparent 4px),radial-gradient(ellipse at 50% 0,rgba(255,120,170,.25),transparent 60%);background-size:72px 72px,72px 72px,100% 100%;
  -webkit-mask-image:linear-gradient(0deg,#000 40%,transparent 100%);mask-image:linear-gradient(0deg,#000 40%,transparent 100%)}
#tla .tla-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#tla .tla-wrap{position:relative;max-width:1180px;margin:0 auto;padding:22px 20px 60px}
#tla .tla-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
#tla .tla-logo{font:400 clamp(15px,2.6vw,26px)/1.25 var(--px);letter-spacing:.04em;color:var(--yel);text-shadow:3px 3px 0 #b3361f,0 0 18px rgba(255,190,90,.55)}
#tla .tla-logo small{display:block;margin-top:8px;font:400 clamp(7px,1vw,9px)/1.6 var(--px);color:var(--pink);text-shadow:0 0 10px rgba(255,79,163,.7);letter-spacing:.18em}
#tla .tla-sub{margin:14px 0 26px;max-width:640px;font-size:15px;line-height:1.55;color:var(--mut)}
#tla .tla-acts{display:flex;gap:10px;flex-wrap:wrap}

/* Botones pixel (con !important para ganarle a los estilos de cada código) */
#tla .b{all:unset;box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;
  padding:11px 14px!important;font:400 10px/1.2 var(--px)!important;letter-spacing:.06em!important;text-transform:uppercase;color:#1a0b14!important;background:var(--bc,var(--yel))!important;border:3px solid #000!important;border-radius:0!important;box-shadow:4px 4px 0 #000!important;filter:none!important;text-shadow:none!important;transition:transform .08s!important}
#tla .b:hover{transform:translate(-1px,-1px)}
#tla .b:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #000!important}
#tla .b:focus-visible{outline:3px solid var(--cyan)!important;outline-offset:3px}
#tla .b.ghost{--bc:#1d1030;color:var(--ink)!important}
#tla .b.pink{--bc:var(--pink)}#tla .b.cyan{--bc:var(--cyan)}
#tla .b.hide{display:none!important}
#tla .b[disabled]{opacity:.45;cursor:default}
#tla .b .n{background:#1a0b14;color:var(--yel);padding:3px 6px;margin-left:2px}

/* Sala */
#tla .tla-hall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px;padding-top:6px}
#tla .cab{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;width:100%;max-width:300px;margin:0 auto;cursor:pointer;transition:transform .2s ease;-webkit-tap-highlight-color:transparent;
  background:none!important;border:0!important;border-radius:0!important;filter:none!important;box-shadow:none!important;padding:0!important;color:inherit!important}
#tla .cab:hover,#tla .cab:focus-visible{transform:translateY(-6px)}
#tla .cab:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}
#tla .cab-mq{position:relative;margin:0 10px;padding:13px 10px;background:var(--c);border:4px solid #000;text-align:center;font:400 clamp(9px,1.25vw,13px)/1.2 var(--px);color:#140812;letter-spacing:.05em;box-shadow:0 0 26px var(--c),0 0 60px color-mix(in srgb,var(--c) 40%,transparent);text-shadow:2px 2px 0 rgba(255,255,255,.45)}
#tla .cab-mq:after{content:"";position:absolute;inset:3px;border:2px dashed rgba(0,0,0,.25);pointer-events:none}
#tla .cab-body{position:relative;padding:14px 18px 0;background:linear-gradient(180deg,#26133e,#170a28);border:4px solid #000;border-top:0}
#tla .cab-body:before,#tla .cab-body:after{content:"";position:absolute;top:0;bottom:0;width:7px;background:var(--c);opacity:.75}
#tla .cab-body:before{left:0}#tla .cab-body:after{right:0}
#tla .cab-scr{position:relative;aspect-ratio:4/3;background:#05030a;border:6px solid #0a0612;outline:3px solid #3a2358;box-shadow:inset 0 0 20px #000,0 0 24px color-mix(in srgb,var(--c) 45%,transparent);overflow:hidden}
#tla .cab-scr canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
#tla .cab-scr:after,#tla .scr:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
#tla .cab-cp{display:flex;align-items:center;justify-content:center;gap:16px;height:44px;margin:14px -18px 0;background:linear-gradient(180deg,#3a1f58,#251238);border-top:4px solid #000}
#tla .cab-cp i{display:block;width:16px;height:16px;border:3px solid #000;border-radius:50%}
#tla .cab-cp .j{width:10px;height:22px;border-radius:3px;background:#222;position:relative;border-width:2px}
#tla .cab-cp .j:before{content:"";position:absolute;left:50%;top:-12px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--pink);border:3px solid #000}
#tla .cab-cp .k1{background:var(--yel)}#tla .cab-cp .k2{background:var(--cyan)}#tla .cab-cp .k3{background:var(--grn)}
#tla .cab-base{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;background:#120820;border:4px solid #000;border-top:0}
#tla .cab-row{display:flex;justify-content:space-between;align-items:center;font:400 8px/1.3 var(--px);color:var(--mut)}
#tla .cab-row b{color:var(--c);font-weight:400}
#tla .pbar{display:block;height:10px;background:#05030a;border:2px solid #000;box-shadow:inset 0 0 0 1px #2b1a44}
#tla .pbar i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--c) 0 6px,color-mix(in srgb,var(--c) 70%,#000) 6px 8px);transition:width .5s steps(8)}
#tla .coin{font:400 7px/1 var(--px);color:var(--org);text-align:center;letter-spacing:.12em;animation:tlaBlink 1.1s steps(2) infinite}
#tla .cab.done .coin{color:var(--grn);animation:none}
@keyframes tlaBlink{50%{opacity:.15}}

/* Vista de juego */
#tla .tla-game{display:none}
#tla.ingame .tla-game{display:block}
#tla.ingame .tla-hallview{display:none}
#tla .gm{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;align-items:start;margin-top:18px}
#tla .gm-cab{--c:var(--yel);background:linear-gradient(180deg,#26133e,#170a28);border:4px solid #000;padding:0 0 16px;position:relative;box-shadow:0 0 40px color-mix(in srgb,var(--c) 25%,transparent)}
#tla .gm-cab:before,#tla .gm-cab:after{content:"";position:absolute;top:0;bottom:0;width:8px;background:var(--c);opacity:.7}
#tla .gm-cab:before{left:0}#tla .gm-cab:after{right:0}
#tla .gm-mq{padding:14px;background:var(--c);border-bottom:4px solid #000;text-align:center;font:400 clamp(11px,1.6vw,16px)/1.2 var(--px);color:#140812;text-shadow:2px 2px 0 rgba(255,255,255,.45);box-shadow:0 0 30px var(--c)}
#tla .hud{display:flex;justify-content:space-between;gap:10px;padding:12px 22px 8px;font:400 9px/1.4 var(--px);color:var(--mut)}
#tla .hud b{color:var(--c);font-weight:400}
#tla .scr{position:relative;margin:0 22px;background:#05030a;border:6px solid #0a0612;outline:3px solid #3a2358;box-shadow:inset 0 0 26px #000;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}
#tla .scr canvas{display:block;image-rendering:pixelated;max-width:100%;height:auto}
#tla .scr .sq{width:min(100%,60vh);aspect-ratio:1}
#tla .scr.tall canvas{width:min(100%,calc(min(62vh,560px) * .795));height:auto}
#tla .ov{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px;text-align:center;background:rgba(5,3,10,.82)}
#tla .ov[hidden]{display:none}
#tla .ov .t{font:400 clamp(12px,2vw,18px)/1.4 var(--px);color:var(--c);text-shadow:0 0 14px var(--c)}
#tla .ov .s{font-size:14px;line-height:1.5;color:var(--ink);max-width:320px}
#tla .pad{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:16px 22px 0}
#tla .pad .b{min-width:58px;min-height:52px;font-size:14px!important;--bc:#2a1745;color:var(--ink)!important}
#tla .pad .b.fire{--bc:var(--pink);color:#1a0b14!important;min-width:110px}
#tla .pad.dpad{display:grid;grid-template-columns:repeat(3,62px);grid-template-rows:repeat(2,52px);justify-content:center}
#tla .pad.dpad .u{grid-column:2}#tla .pad.dpad .l{grid-column:1;grid-row:2}#tla .pad.dpad .d{grid-column:2;grid-row:2}#tla .pad.dpad .r{grid-column:3;grid-row:2}
#tla .side{display:flex;flex-direction:column;gap:16px}
#tla .card{background:rgba(22,11,38,.92);border:3px solid #000;box-shadow:4px 4px 0 #000,inset 0 0 0 2px var(--line);padding:16px 18px}
#tla .card .h{font:400 10px/1.4 var(--px);color:var(--c,var(--yel));margin-bottom:10px;letter-spacing:.05em}
#tla .card p{margin:0;font-size:14.5px;line-height:1.55;color:var(--mut)}
#tla .keys{margin-top:8px!important;font-size:13px!important}
#tla .recs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#tla .recs div{background:#0b0614;border:2px solid #000;padding:9px 10px;font-size:12px;color:var(--mut)}
#tla .recs b{display:block;margin-top:4px;font:400 11px/1.2 var(--px);color:var(--ink)}
#tla .chl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
#tla .chl li{display:flex;align-items:center;gap:10px;padding:9px 10px;background:#0b0614;border:2px solid #000;font-size:13.5px;line-height:1.35;color:var(--mut)}
#tla .chl .ck{flex:none;width:22px;height:22px;display:grid;place-items:center;border:2px solid #000;background:#1d1030;font:400 9px/1 var(--px);color:var(--mut)}
#tla .chl li.ok{color:var(--ink)}
#tla .chl li.ok .ck{background:var(--grn);color:#0b1a08}
#tla .chl .cd{margin-left:auto;font:400 8px/1.2 var(--px);color:var(--c);white-space:nowrap}
#tla .chl li:not(.ok) .cd{color:#5d4b7c}

/* Trivia y reacción (pantallas DOM) */
#tla .tv{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:22px}
#tla .tv .q{font-size:clamp(15px,2vw,19px);line-height:1.4;color:var(--ink);font-weight:700}
#tla .tv .meta{font:400 8px/1.4 var(--px);color:var(--mut);display:flex;justify-content:space-between}
#tla .tv .ops{display:grid;gap:9px}
#tla .tv .op{all:unset;box-sizing:border-box;cursor:pointer;padding:11px 13px!important;background:#160b26!important;border:3px solid #000!important;border-radius:0!important;box-shadow:3px 3px 0 #000!important;filter:none!important;font:600 14px/1.35 var(--tx)!important;color:var(--ink)!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#tla .tv .op:hover{background:#21123a!important}
#tla .tv .op .k{font:400 9px/1 var(--px);color:var(--c);margin-right:8px}
#tla .tv .op.right{background:#1f5a2a!important;border-color:#7dff7a!important}
#tla .tv .op.wrong{background:#5a1f2a!important;border-color:#ff5c7a!important}
#tla .rx{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;text-align:center;padding:20px;transition:background .05s}
#tla .rx .big{font:400 clamp(16px,3vw,26px)/1.3 var(--px)}
#tla .rx .sm{font-size:14px;color:rgba(255,255,255,.8)}
#tla .rx.wait{background:#3a0f1e}#tla .rx.go{background:#1aa34a}#tla .rx.early{background:#5a3a0f}#tla .rx.show{background:#14243f}
#tla .rx .dots{display:flex;gap:6px}
#tla .rx .dots i{width:12px;height:12px;border:2px solid #000;background:#2a1745}
#tla .rx .dots i.on{background:var(--c)}

/* Discoveries */
#tla .tla-disc{display:none}
#tla.indisc .tla-disc{display:block}
#tla.indisc .tla-hallview,#tla.indisc .tla-game{display:none}
#tla .dsum{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin:18px 0 22px}
#tla .dbig{font:400 clamp(26px,5vw,44px)/1 var(--px);color:var(--yel);text-shadow:3px 3px 0 #b3361f}
#tla .dbig small{display:block;margin-top:10px;font-size:11px;color:var(--pink);text-shadow:none}
#tla .dsum>div>.pbar{--c:var(--yel);height:16px}
#tla .mrows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
#tla .mrow{--c:var(--yel);background:#0b0614;border:2px solid #000;padding:10px 12px}
#tla .mrow .cab-row{margin-bottom:7px}
#tla .dgrp{margin-top:26px}
#tla .dgrp .gh{--c:var(--yel);display:flex;align-items:center;gap:12px;margin-bottom:12px;font:400 11px/1.3 var(--px);color:var(--c)}
#tla .dgrp .gh:after{content:"";flex:1;height:3px;background:repeating-linear-gradient(90deg,var(--c) 0 6px,transparent 6px 10px);opacity:.5}
#tla .dcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
#tla .dc{position:relative;display:flex;flex-direction:column;gap:8px;min-height:118px;padding:13px 13px 12px;background:#140a24;border:3px solid #000;box-shadow:3px 3px 0 #000}
#tla .dc.lock{background:repeating-linear-gradient(135deg,#100820 0 8px,#130a26 8px 16px)}
#tla .dc .nm{font:400 13px/1.3 var(--px);color:var(--c);word-break:break-all;text-shadow:0 0 10px color-mix(in srgb,var(--c) 60%,transparent)}
#tla .dc.lock .nm{color:#4e3d6c;text-shadow:none}
#tla .dc .rq{font-size:13px;line-height:1.4;color:var(--mut)}
#tla .dc .dt{font-size:12px;color:#8f7db0}
#tla .dc .ac{display:flex;gap:7px;margin-top:auto}
#tla .dc .ac .b{padding:8px 9px!important;font-size:8px!important;box-shadow:3px 3px 0 #000!important}

/* Avisos de código desbloqueado */
#tla .tst{position:fixed;left:50%;top:14px;z-index:5;display:flex;flex-direction:column;gap:10px;width:min(420px,calc(100vw - 24px));transform:translateX(-50%);pointer-events:none}
#tla .ts{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#1a0d2c;border:3px solid #000;box-shadow:4px 4px 0 #000,0 0 26px rgba(255,207,90,.4);animation:tlaIn .35s steps(5)}
#tla .ts .ti{flex:none;width:36px;height:36px;display:grid;place-items:center;background:var(--yel);border:3px solid #000;font:400 14px/1 var(--px);color:#1a0b14}
#tla .ts .tt{flex:1;min-width:0}
#tla .ts .tt small{display:block;font:400 7px/1.4 var(--px);color:var(--pink);letter-spacing:.1em}
#tla .ts .tt b{display:block;margin-top:4px;font:400 13px/1.3 var(--px);color:var(--yel);word-break:break-all}
#tla .ts .b{padding:8px 9px!important;font-size:8px!important}
@keyframes tlaIn{from{transform:translateY(-20px);opacity:0}}

@media(max-width:980px){#tla .tla-hall{grid-template-columns:repeat(2,minmax(0,1fr))}#tla .gm{grid-template-columns:1fr}#tla .mrows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#tla .tla-wrap{padding:16px 12px 50px}#tla .tla-hall{gap:22px 12px}#tla .cab-body{padding:10px 12px 0}#tla .cab-cp{margin:10px -12px 0;height:36px}#tla .cab-row{font-size:6.5px}#tla .coin{font-size:6px}
  #tla .scr{margin:0 12px}#tla .hud{padding:10px 12px 6px;font-size:8px}#tla .pad{padding:14px 12px 0}#tla .scr.tall canvas{width:min(100%,calc(min(52vh,460px) * .795))}
  #tla .dsum{grid-template-columns:1fr;gap:12px}#tla .mrows{grid-template-columns:1fr 1fr}#tla .dcards{grid-template-columns:1fr 1fr}#tla .dc .nm{font-size:10px}#tla .dc .ac{flex-wrap:wrap}
  #tla .ts{padding:9px 10px;gap:9px}#tla .ts .ti{width:28px;height:28px;font-size:11px}#tla .ts .tt b{font-size:11px}}
@media(prefers-reduced-motion:reduce){#tla .coin,#tla .ts{animation:none}#tla .cab{transition:none}}

/* ===== v2: efectos y juegos más llamativos ===== */
#tla .scr canvas.fit{height:auto;max-width:100%}
#tla .tla-logo{position:relative}
#tla .tla-bulbs{display:block;height:6px;margin-bottom:10px;background:radial-gradient(circle,#fff6c9 0 2px,transparent 2.5px) 0 0/14px 6px repeat-x;animation:tlaBulbs .5s steps(2) infinite;filter:drop-shadow(0 0 4px #ffcf5a)}
#tla .gm-mq .tla-bulbs{margin:-6px 0 8px;background-image:radial-gradient(circle,#fff 0 2px,transparent 2.5px)}
@keyframes tlaBulbs{50%{background-position:7px 0}}
#tla .cab-mq{animation:tlaMq 2.4s ease-in-out infinite}
#tla .cab:nth-child(2) .cab-mq{animation-delay:-.4s}#tla .cab:nth-child(3) .cab-mq{animation-delay:-.8s}#tla .cab:nth-child(4) .cab-mq{animation-delay:-1.2s}#tla .cab:nth-child(5) .cab-mq{animation-delay:-1.6s}#tla .cab:nth-child(6) .cab-mq{animation-delay:-2s}
@keyframes tlaMq{50%{filter:brightness(1.18) saturate(1.15)}}
#tla .cab:hover .cab-scr{box-shadow:inset 0 0 20px #000,0 0 40px var(--c)}
#tla .cab:hover .coin{color:var(--yel)}
#tla .pad .b.hd{--bc:var(--vio);color:#1a0b14!important;font-size:10px!important}
#tla .ov .got{font-size:13px;line-height:1.6;color:var(--mut);background:rgba(255,207,90,.08);border:2px dashed rgba(255,207,90,.4);padding:8px 12px}
#tla .ov .got b{font:400 10px/1.6 var(--px);color:var(--yel)}
#tla .ov .t{animation:tlaPulse 1.2s ease-in-out infinite}
@keyframes tlaPulse{50%{transform:scale(1.06)}}
/* Trivia */
#tla .tvbox{position:relative;min-height:470px;aspect-ratio:auto!important;width:100%!important;overflow:hidden}
#tla .tv .tbar{height:8px;background:#1d1030;border:2px solid #000}
#tla .tv .tbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--yel),#7dff7a);transition:width .06s linear}
#tla .tv .tbar i.low{background:linear-gradient(90deg,#ff4f6a,#ff8a4c);animation:tlaBlink .4s steps(2) infinite}
#tla .tv .stk{color:var(--org)}#tla .tv .stk.hot{color:#ff4f6a;text-shadow:0 0 10px #ff4f6a;animation:tlaPulse .6s ease-in-out infinite}
#tla .tv .op{animation:tlaOp .3s ease-out both}
@keyframes tlaOp{from{opacity:0;transform:translateX(-14px)}}
#tla .tv .op.right{animation:tlaRight .5s ease-out}
@keyframes tlaRight{40%{transform:scale(1.04)}}
#tla .tvfl{position:absolute;inset:0;pointer-events:none;opacity:0}
#tla .tvfl.on{animation:tlaFl .45s ease-out}
@keyframes tlaFl{from{opacity:1}to{opacity:0}}
#tla .tvpts{position:absolute;left:50%;top:44%;z-index:4;pointer-events:none;font:400 22px/1 var(--px);color:var(--yel);text-shadow:3px 3px 0 #000,0 0 18px var(--yel);transform:translate(-50%,-50%);animation:tlaPts .9s ease-out forwards}
#tla .tvpts.bad{color:#ff4f6a;text-shadow:3px 3px 0 #000,0 0 18px #ff4f6a}
@keyframes tlaPts{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}20%{transform:translate(-50%,-50%) scale(1.25);opacity:1}100%{transform:translate(-50%,-130%) scale(1);opacity:0}}
#tla .shk{animation:tlaShk .35s linear}
@keyframes tlaShk{20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
/* Reaction */
#tla .rx.wait .big{animation:tlaPulse 1s ease-in-out infinite}
#tla .rx.go{background:radial-gradient(circle,#3dff7a 0,#1aa34a 55%,#0d6b2f 100%)}
#tla .rx.go .big{font-size:clamp(28px,6vw,48px);color:#fff;text-shadow:4px 4px 0 #0b3a1a}
#tla .rx.pop .big{animation:tlaPop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes tlaPop{from{transform:scale(.3)}}
#tla .rx .rbars{display:flex;align-items:flex-end;gap:8px;height:70px;margin-top:6px}
#tla .rx .rb{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:34px;height:100%;gap:4px}
#tla .rx .rb i{display:block;width:100%;background:#2a1745;border:2px solid #000;transition:height .3s cubic-bezier(.2,1.4,.4,1)}
#tla .rx .rb span{font:400 7px/1 var(--px);color:rgba(255,255,255,.75)}
@media(prefers-reduced-motion:reduce){#tla .tla-bulbs,#tla .cab-mq,#tla .ov .t,#tla .tv .op,#tla .shk,#tla .tvpts,#tla .rx .big{animation:none!important}}

@media(max-width:560px){#tla .tla-acts{gap:7px}#tla .tla-acts .b{padding:9px 10px!important;font-size:9px!important;box-shadow:3px 3px 0 #000!important}#tla .tla-acts .b .lbl{display:none}
  #tla .tla-acts .b .n{margin-left:0}#tla .tla-acts .b .n:before{content:"★ "}
  #tla.ingame .tla-logo,#tla.indisc .tla-logo{font-size:12px}#tla.ingame .tla-logo small,#tla.ingame .tla-bulbs,#tla.indisc .tla-logo small{display:none}
  #tla.ingame .gm{margin-top:12px}#tla .gm-mq{padding:10px}#tla .gm-mq .tla-bulbs{display:none}#tla .pad .b{min-width:50px;min-height:48px}}

/* ===== v3: juegos más grandes ===== */
#tla{--chrome:285px}
#tla.ingame .tla-wrap{max-width:1440px;padding-top:14px}
#tla.ingame .tla-logo{font-size:16px}#tla.ingame .tla-logo small,#tla.ingame .tla-top>.tla-logo>.tla-bulbs{display:none}
#tla .gm{grid-template-columns:minmax(0,1fr) 340px;gap:22px;margin-top:12px}
#tla .gm-mq{padding:10px}#tla .gm-mq .tla-bulbs{margin:-2px 0 6px}
#tla .hud{padding:9px 22px 7px;font-size:10px}
#tla .pad{padding-top:12px}
#tla .scr canvas.fit{width:min(100%,calc((100vh - var(--chrome)) * var(--ar)));height:auto;max-width:100%}
#tla .scr .sq{width:min(100%,calc(100vh - var(--chrome)))}
#tla .tvbox{min-height:max(480px,calc(100vh - var(--chrome)))}
#tla .tv{padding:clamp(18px,3vw,34px)}
#tla .tv .q{font-size:clamp(17px,2.1vw,25px)}
#tla .tv .op{font-size:clamp(14px,1.4vw,17px)!important;padding:13px 16px!important}
#tla .tv .meta{font-size:9px}
#tla .tv .cat{font-style:normal;color:var(--c)}
#tla .rx .big{font-size:clamp(18px,3.4vw,34px)}
#tla .side .card p{font-size:14px}
@media(max-width:980px){#tla .gm{grid-template-columns:1fr}}
@media(max-width:560px){#tla{--chrome:300px}#tla .tvbox{min-height:460px}}

/* ===== v3: animación de entrada al arcade ===== */
#tla .tla-intro{position:absolute;inset:0;z-index:30;display:none;align-items:center;justify-content:center;background:#000;overflow:hidden;cursor:pointer}
#tla.booting .tla-intro{display:flex;animation:tlaIntroOut .5s ease-in 1.85s forwards}
#tla .tla-intro:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse 70% 55% at 50% 50%,rgba(167,139,255,.35),transparent 70%),radial-gradient(ellipse 40% 30% at 50% 40%,rgba(255,79,163,.25),transparent 70%);animation:tlaFadeIn .6s ease .5s forwards}
#tla .tla-intro:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 1px,transparent 1px 3px)}
#tla .crt{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;background:#fff;box-shadow:0 0 30px #fff,0 0 80px #a78bff;transform:scaleX(0);animation:tlaCrt .6s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes tlaCrt{0%{transform:scaleX(0);opacity:1}45%{transform:scaleX(1);top:50%;height:3px;margin-top:-1.5px;opacity:1}100%{transform:scaleX(1);top:0;height:100%;margin-top:0;opacity:0}}
#tla .it{position:relative;z-index:2;text-align:center;padding:20px}
#tla .it-t{font:400 clamp(26px,6.4vw,74px)/1.25 var(--px);color:var(--yel);letter-spacing:.04em;text-shadow:4px 4px 0 #b3361f,0 0 22px rgba(255,190,90,.8),0 0 60px rgba(255,79,163,.5)}
#tla .it-t .ln{display:block;white-space:nowrap}
#tla .it-t .ln+.ln{color:var(--pink);text-shadow:4px 4px 0 #6d1340,0 0 22px rgba(255,79,163,.9),0 0 60px rgba(167,139,255,.6)}
#tla .it-t .ch{display:inline-block;opacity:0;animation:tlaNeon .9s steps(1) forwards;animation-delay:calc(.55s + var(--d))}
@keyframes tlaNeon{0%{opacity:0}8%{opacity:1}14%{opacity:.15}22%{opacity:1}30%{opacity:.3}38%,100%{opacity:1}}
#tla .it-s{margin-top:28px;font:400 clamp(10px,1.4vw,14px)/1 var(--px);color:#fff;letter-spacing:.3em;opacity:0;animation:tlaFadeIn .2s 1.2s forwards,tlaBlink .7s steps(2) 1.4s infinite}
#tla .it-skip{margin-top:22px;font-size:12px;color:rgba(255,255,255,.4);opacity:0;animation:tlaFadeIn .4s 1s forwards}
@keyframes tlaFadeIn{to{opacity:1}}
@keyframes tlaIntroOut{to{opacity:0;transform:scale(1.12);filter:blur(4px)}}
#tla.booting .tla-top,#tla.booting .tla-sub,#tla.booting .tla-hall{visibility:hidden}
#tla.enter .tla-top{animation:tlaDrop .5s cubic-bezier(.2,1.3,.4,1) both}
#tla.enter .tla-sub{animation:tlaFadeIn .5s .15s both;opacity:0}
#tla.enter .cab{animation:tlaCabIn .65s cubic-bezier(.2,1.35,.4,1) both;animation-delay:calc(.12s + var(--i) * .09s)}
#tla.enter .cab .cab-mq{animation:tlaMqOn 1s steps(1) both;animation-delay:calc(.35s + var(--i) * .09s)}
#tla.enter .tla-floor{animation:tlaFadeIn .8s both;opacity:0}
@keyframes tlaDrop{from{opacity:0;transform:translateY(-30px)}}
@keyframes tlaCabIn{from{opacity:0;transform:translateY(80px) scale(.88)}}
@keyframes tlaMqOn{0%{filter:brightness(.25) saturate(.3)}15%{filter:brightness(1.5)}22%{filter:brightness(.3)}35%{filter:brightness(1.3)}42%{filter:brightness(.5)}55%,100%{filter:none}}

/* ===== v3: pantalla de carga de cada juego ===== */
#tla .tla-load{--c:var(--yel);position:absolute;inset:0;z-index:25;display:none;align-items:center;justify-content:center;cursor:pointer;
  background:radial-gradient(ellipse 60% 50% at 50% 45%,color-mix(in srgb,var(--c) 28%,transparent),transparent 70%),#07040d}
#tla.loading .tla-load{display:flex;animation:tlaFadeIn .15s both}
#tla .tla-load:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 1px,transparent 1px 3px)}
#tla .ld-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:22px;padding:20px;width:min(560px,92vw);text-align:center}
#tla .ld-pre{font:400 10px/1 var(--px);color:#fff;letter-spacing:.3em;opacity:.75;animation:tlaBlink .8s steps(2) infinite}
#tla .ld-name{position:relative;font:400 clamp(24px,5.4vw,56px)/1.15 var(--px);color:var(--c);text-shadow:4px 4px 0 #000,0 0 26px var(--c);animation:tlaZoomIn .55s cubic-bezier(.2,1.5,.4,1) both,tlaGlitch 1.6s steps(1) .5s infinite}
@keyframes tlaZoomIn{from{transform:scale(2.4);opacity:0;filter:blur(6px)}}
@keyframes tlaGlitch{0%,100%{text-shadow:4px 4px 0 #000,0 0 26px var(--c);transform:none}7%{text-shadow:-4px 0 0 #ff4fa3,4px 0 0 #5fd4ff,4px 4px 0 #000;transform:translateX(3px)}9%{transform:translateX(-3px) skewX(-6deg)}11%{text-shadow:4px 4px 0 #000,0 0 26px var(--c);transform:none}52%{text-shadow:3px 0 0 #ff4fa3,-3px 0 0 #5fd4ff,4px 4px 0 #000}54%{text-shadow:4px 4px 0 #000,0 0 26px var(--c)}}
#tla .ld-scr{width:min(300px,70vw);aspect-ratio:4/3;background:#05030a;border:6px solid #0a0612;outline:3px solid var(--c);box-shadow:0 0 40px color-mix(in srgb,var(--c) 50%,transparent),inset 0 0 20px #000;animation:tlaCabIn .5s cubic-bezier(.2,1.35,.4,1) .1s both}
#tla .ld-scr canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
#tla .ld-bar{width:min(380px,80vw);height:22px;padding:3px;background:#000;border:3px solid var(--c);box-shadow:0 0 18px color-mix(in srgb,var(--c) 50%,transparent)}
#tla .ld-bar i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--c) 0 12px,transparent 12px 15px);transition:width .08s steps(2)}
#tla .ld-msg{min-height:12px;font:400 10px/1.2 var(--px);color:#fff;letter-spacing:.12em}
#tla .gm-in{animation:tlaGmIn .5s cubic-bezier(.2,1.25,.4,1) both}
@keyframes tlaGmIn{from{opacity:0;transform:scale(.94)}}
@media(prefers-reduced-motion:reduce){#tla .crt,#tla .it-t .ch,#tla .ld-name,#tla .ld-scr,#tla.enter .cab,#tla.enter .cab-mq{animation:none!important;opacity:1}}

#tla{overflow:hidden;overflow:clip}
#tla .gm-cab.dp{--chrome:350px}
#tla .gm-cab.np{--chrome:235px}
@media(max-width:560px){#tla .gm-cab.dp{--chrome:360px}#tla .gm-cab.np{--chrome:260px}}

/* ===== v4: botón de sonido ===== */
#tla .b.snd{gap:8px;padding:8px 12px!important}
#tla .b.snd .ico{width:24px;height:24px;display:block;flex:none}
#tla .b.snd.off{--bc:#3a1424;color:#ff8fa8!important}
#tla .b.snd:not(.off) .ico path+path{animation:tlaWave 1.2s steps(2) infinite}
@keyframes tlaWave{50%{opacity:.35}}
@media(max-width:560px){#tla .b.snd .ico{width:22px;height:22px}}

/* ===== v4: zoom de cámara hacia la máquina ===== */
#tla .tla-scroll{will-change:auto}
#tla.zooming .tla-scroll{overflow:hidden;pointer-events:none}
#tla.zooming .tla-floor,#tla.zooming .tla-sky{transition:transform .95s cubic-bezier(.62,.02,.32,1),opacity .95s;transform:scale(1.25);opacity:.4}
#tla.zooming .tla-floor{transform:perspective(420px) rotateX(58deg) scale(1.6)}
#tla .cab.zoomed .cab-scr{box-shadow:inset 0 0 20px #000,0 0 60px var(--c),0 0 120px var(--c)}
#tla .cab.zoomed .cab-scr:before{content:"";position:absolute;inset:0;z-index:2;background:var(--c);opacity:0;animation:tlaScrGlow .95s ease-in forwards;mix-blend-mode:screen}
@keyframes tlaScrGlow{60%{opacity:0}100%{opacity:.55}}
#tla .tla-load:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--c);opacity:0}
#tla.loading .tla-load:before{animation:tlaLoadFlash .45s ease-out}
@keyframes tlaLoadFlash{0%{opacity:.75}100%{opacity:0}}

/* ===== v4: pantallas de inicio y de fin ===== */
#tla .ov{overflow-y:auto;justify-content:flex-start;padding:16px;background:radial-gradient(ellipse 80% 60% at 50% 30%,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%),rgba(5,3,10,.9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
#tla .ov:before{content:"";position:absolute;inset:8px;border:3px solid var(--c);pointer-events:none;opacity:.55;box-shadow:inset 0 0 30px color-mix(in srgb,var(--c) 35%,transparent);
  -webkit-mask:repeating-linear-gradient(90deg,#000 0 18px,transparent 18px 26px);mask:repeating-linear-gradient(90deg,#000 0 18px,transparent 18px 26px)}
#tla .ov-in{margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:520px;animation:tlaOvIn .45s cubic-bezier(.2,1.3,.4,1) both}
@keyframes tlaOvIn{from{opacity:0;transform:scale(.85)}}
#tla .ov .t{font:400 clamp(20px,3.6vw,38px)/1.2 var(--px);color:var(--c);text-shadow:4px 4px 0 #000,0 0 24px var(--c);animation:tlaPulse 1.4s ease-in-out infinite}
#tla .ov-pre{font:400 10px/1 var(--px);letter-spacing:.35em;color:#fff;animation:tlaBlink .8s steps(2) infinite}
#tla .ov-att{width:min(260px,62%);aspect-ratio:4/3;background:#05030a;border:5px solid #0a0612;outline:3px solid var(--c);box-shadow:0 0 34px color-mix(in srgb,var(--c) 55%,transparent);position:relative}
#tla .ov-att canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
#tla .ov-att:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px)}
#tla .ov .s{font-size:15px;line-height:1.5;color:var(--ink);max-width:380px}
#tla .ov-chip{font:400 9px/1 var(--px);padding:8px 12px;background:#000;border:2px solid var(--yel);color:var(--yel);box-shadow:3px 3px 0 #000}
#tla .ov-over .t{color:#ff4f6a;text-shadow:4px 4px 0 #000,0 0 24px #ff4f6a;animation:tlaGlitch2 2.2s steps(1) infinite}
@keyframes tlaGlitch2{0%,100%{transform:none;text-shadow:4px 4px 0 #000,0 0 24px #ff4f6a}5%{transform:translateX(4px) skewX(-8deg);text-shadow:-4px 0 #5fd4ff,4px 0 #ff4fa3,4px 4px 0 #000}8%{transform:translateX(-3px)}11%{transform:none;text-shadow:4px 4px 0 #000,0 0 24px #ff4f6a}}
#tla .ov-win .t{background:linear-gradient(90deg,#ff4fa3,#ffcf5a,#7dff7a,#5fd4ff,#a78bff,#ff4fa3);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(4px 4px 0 #000) drop-shadow(0 0 16px rgba(255,207,90,.6));animation:tlaRain 2.4s linear infinite}
@keyframes tlaRain{to{background-position:300% 0}}
#tla .ov-rec{font:400 11px/1 var(--px);color:#1a0b14;background:var(--yel);padding:9px 14px;border:3px solid #000;box-shadow:4px 4px 0 #000;transform:rotate(-3deg);animation:tlaStamp .5s cubic-bezier(.2,1.6,.4,1) .35s both,tlaPulse 1s ease-in-out 1s infinite}
@keyframes tlaStamp{from{opacity:0;transform:rotate(-3deg) scale(2.6)}}
#tla .ov-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;width:100%}
#tla .ov-stats .st{background:#0b0614;border:3px solid #000;box-shadow:3px 3px 0 #000,inset 0 0 0 2px color-mix(in srgb,var(--c) 35%,transparent);padding:10px 8px;text-align:center;animation:tlaOvIn .4s cubic-bezier(.2,1.4,.4,1) both}
#tla .ov-stats .st span{display:block;font:400 7px/1.3 var(--px);color:var(--mut);letter-spacing:.1em}
#tla .ov-stats .st b{display:block;margin-top:8px;font:400 15px/1.2 var(--px);color:#fff}
#tla .ov-stats .st.main{grid-column:1/-1;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 22%,#0b0614),#0b0614)}
#tla .ov-stats .st.main b{font-size:clamp(22px,4vw,32px);color:var(--c);text-shadow:3px 3px 0 #000,0 0 18px var(--c)}
#tla .ov-got{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}
#tla .ov-got .gl{font:400 8px/1 var(--px);color:var(--yel);letter-spacing:.15em}
#tla .tk{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;padding:10px 18px;background:linear-gradient(135deg,#ffe08a,#ffb73a);border:3px solid #000;box-shadow:4px 4px 0 #000,0 0 22px rgba(255,190,70,.6);font:400 13px/1 var(--px);color:#2a1300;animation:tlaStamp .5s cubic-bezier(.2,1.6,.4,1) both}
#tla .tk span{font-size:14px}
#tla .tk:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);animation:tlaShine 2.2s ease-in-out 1s infinite}
@keyframes tlaShine{to{left:130%}}
#tla .ov-prog{width:100%;padding:10px 12px;background:rgba(0,0,0,.45);border:2px solid #000}
#tla .ov-prog .cab-row{margin-bottom:7px}
#tla .ov-next{margin-top:8px;font-size:12.5px;line-height:1.4;color:var(--mut)}
#tla .ov-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
#tla .b.big{padding:15px 26px!important;font-size:13px!important;box-shadow:5px 5px 0 #000,0 0 26px color-mix(in srgb,var(--yel) 55%,transparent)!important;animation:tlaBtn 1.1s ease-in-out infinite}
@keyframes tlaBtn{50%{transform:scale(1.05)}}
@media(max-width:560px){#tla .ov{padding:10px}#tla .ov-in{gap:10px}#tla .ov-att{width:min(200px,60%)}#tla .ov .s{font-size:13.5px}#tla .ov-stats .st b{font-size:12px}#tla .ov-next{font-size:11.5px}#tla .tk{font-size:11px}}
@media(prefers-reduced-motion:reduce){#tla .ov-in,#tla .ov .t,#tla .b.big,#tla .ov-rec,#tla .tk,#tla .tk:after,#tla .ov-stats .st{animation:none!important}}
#tla .ov-start .ov-att{width:auto;height:clamp(110px,24vh,210px)}
#tla .ov-start .ov-in{gap:11px}
#tla .ov-start .ov-prog{max-width:420px}
#tla .ov-in>.ov-btns{margin:4px 0}
#tla .ov-got{flex-direction:row;flex-wrap:wrap;justify-content:center}
#tla .ov-got .gl{flex-basis:100%;text-align:center}
#tla .tk{padding:8px 12px;font-size:11px}
@media(max-width:700px){#tla .ov{position:fixed;inset:0;z-index:20;padding:18px 14px}#tla .ov:before{inset:6px}}

/* ===== v5: volumen ===== */
#tla .sndw{position:relative;display:inline-flex}
#tla .volpop{position:absolute;top:calc(100% + 10px);right:0;z-index:12;width:250px;padding:14px;background:#140a24;border:3px solid #000;box-shadow:5px 5px 0 #000,0 0 30px rgba(167,139,255,.35);display:none}
#tla .volpop.open{display:block;animation:tlaOvIn .25s cubic-bezier(.2,1.4,.4,1)}
#tla .volw{display:flex;flex-direction:column;gap:10px;width:100%}
#tla .volw .vh{display:flex;justify-content:space-between;font:400 9px/1 var(--px);color:var(--mut)}
#tla .volw .vh b{color:var(--yel);font-weight:400}
#tla .volw input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer;--p:70%;margin:0}
#tla .volw input[type=range]::-webkit-slider-runnable-track{height:12px;background:linear-gradient(90deg,var(--pink),var(--yel)) 0/var(--p) 100% no-repeat,#05030a;border:3px solid #000}
#tla .volw input[type=range]::-moz-range-track{height:12px;background:linear-gradient(90deg,var(--pink),var(--yel)) 0/var(--p) 100% no-repeat,#05030a;border:3px solid #000}
#tla .volw input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:24px;margin-top:-9px;background:#fff;border:3px solid #000;border-radius:0;box-shadow:2px 2px 0 #000}
#tla .volw input[type=range]::-moz-range-thumb{width:14px;height:20px;background:#fff;border:3px solid #000;border-radius:0}
#tla .volw .vm{width:100%;font-size:9px!important}

/* ===== v5: botones FX y pantalla completa ===== */
#tla .b.fxb .fxi{font-size:16px;line-height:1}
#tla .b.fxb.on{--bc:#3a1840;color:var(--yel)!important;box-shadow:4px 4px 0 #000,0 0 18px rgba(255,207,90,.55)!important}
#tla .b.fsb .ico{width:20px;height:20px;display:block}
#tla .b.mini{padding:6px 9px!important;font-size:9px!important;box-shadow:3px 3px 0 #000!important;--bc:#1a0b14;color:#fff!important}
#tla .gm-mq{position:relative}
#tla .gm-mq .pz{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
#tla .gm-mq .pz:active{transform:translateY(-50%) translate(2px,2px)}

/* ===== v5: aviso de fotosensibilidad ===== */
#tla .tla-warn{position:absolute;inset:0;z-index:40;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(4,2,8,.88);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#tla.warn .tla-warn{display:flex}
#tla .w-in{max-width:540px;padding:24px 22px;background:#140a24;border:3px solid #000;box-shadow:6px 6px 0 #000,0 0 0 3px var(--yel) inset;text-align:center;animation:tlaOvIn .35s cubic-bezier(.2,1.4,.4,1)}
#tla .w-ic{font-size:40px;line-height:1;color:var(--yel);margin-bottom:12px}
#tla .w-t{font:400 clamp(11px,1.6vw,15px)/1.4 var(--px);color:var(--yel);margin-bottom:14px}
#tla .w-in p{margin:0 0 12px;font-size:15px;line-height:1.55;color:var(--ink)}
#tla .w-in p b{color:var(--yel)}
#tla .w-b{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}

/* ===== v5: luces del salón (solo con efectos intensos) ===== */
#tla .tla-lights{position:absolute;inset:0;pointer-events:none;display:none;z-index:0;overflow:hidden}
#tla.fxon.ingame .tla-lights{display:block}
#tla .tla-lights .sp{position:absolute;top:-10vh;width:30vw;height:130vh;transform-origin:50% 0;opacity:.18;mix-blend-mode:screen;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);animation:tlaSpot 6s ease-in-out infinite alternate}
#tla .sp.s1{left:-4%;background:linear-gradient(180deg,#ff4fa3,transparent 80%);--a:-28deg}
#tla .sp.s2{left:22%;background:linear-gradient(180deg,#5fd4ff,transparent 80%);--a:-10deg;animation-duration:7.5s;animation-delay:-2s}
#tla .sp.s3{left:48%;background:linear-gradient(180deg,#ffcf5a,transparent 80%);--a:12deg;animation-duration:5.5s;animation-delay:-1s}
#tla .sp.s4{left:74%;background:linear-gradient(180deg,#a78bff,transparent 80%);--a:28deg;animation-duration:8s;animation-delay:-3s}
@keyframes tlaSpot{from{transform:rotate(var(--a))}to{transform:rotate(calc(var(--a) * -1))}}
#tla.lparty .tla-lights .sp{opacity:.4;animation-duration:.9s}
#tla.lalarm .tla-lights .sp{background:linear-gradient(180deg,#ff2a4a,transparent 80%)!important;opacity:.32;animation-duration:1.2s}
#tla .tla-lights .lf{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,var(--lc,#fff),transparent 75%);opacity:0}
#tla .tla-lights .lf.f{animation:tlaLf .32s ease-out}
@keyframes tlaLf{0%{opacity:var(--la,.3)}100%{opacity:0}}
#tla .tla-scroll{z-index:1}
/* Bombitas alrededor de la máquina */
#tla .gmb{position:absolute;inset:-11px;pointer-events:none;z-index:0;opacity:.35;
  background:radial-gradient(circle,#ffe9a8 0 3px,transparent 3.5px) 0 0/22px 22px repeat-x,radial-gradient(circle,#ffe9a8 0 3px,transparent 3.5px) 0 100%/22px 22px repeat-x,
  radial-gradient(circle,#ffe9a8 0 3px,transparent 3.5px) 0 0/22px 22px repeat-y,radial-gradient(circle,#ffe9a8 0 3px,transparent 3.5px) 100% 0/22px 22px repeat-y}
#tla.fxon .gmb{opacity:1;filter:drop-shadow(0 0 4px #ffcf5a);animation:tlaChase .5s steps(2) infinite}
@keyframes tlaChase{50%{background-position:11px 0,11px 100%,0 11px,100% 11px}}
#tla.fxon .gm-cab.lhit .gmb{animation:tlaHit .35s ease-out,tlaChase .5s steps(2) infinite}
@keyframes tlaHit{0%{filter:drop-shadow(0 0 10px var(--lc)) drop-shadow(0 0 22px var(--lc)) brightness(1.8)}}
#tla.fxon .gm-cab.lhit{animation:tlaCabHit .35s ease-out}
@keyframes tlaCabHit{0%{box-shadow:0 0 60px var(--lc),0 0 120px var(--lc)}}
#tla.lalarm .gmb{background-image:radial-gradient(circle,#ff2a4a 0 3px,transparent 3.5px),radial-gradient(circle,#ff2a4a 0 3px,transparent 3.5px),radial-gradient(circle,#ff2a4a 0 3px,transparent 3.5px),radial-gradient(circle,#ff2a4a 0 3px,transparent 3.5px);filter:drop-shadow(0 0 6px #ff2a4a)}
#tla.lparty .gmb{animation-duration:.25s}
#tla .gm-cab>*:not(.gmb){position:relative;z-index:1}
#tla .gm-cab>.ov{position:absolute}
/* Ajustes en la pantalla de pausa */
#tla .ov-pause .t{color:#fff;text-shadow:4px 4px 0 #000,0 0 24px var(--c)}
#tla .ov-set{width:100%;max-width:340px;display:flex;flex-direction:column;gap:10px;padding:14px;background:rgba(0,0,0,.5);border:2px solid #000}
@media(max-width:560px){#tla .volpop{right:auto;left:0;width:230px}#tla .gm-mq .pz{right:6px}#tla .gmb{inset:-8px;background-size:16px 16px}}
@media(prefers-reduced-motion:reduce){#tla .tla-lights .sp,#tla .gmb{animation:none!important}}
@media(min-width:981px){#tla .tst{top:84px;left:auto;right:18px;transform:none;width:360px}}

/* ===== v6: pantalla de inicio/fin sobre toda la máquina, sin scroll ===== */
#tla{--chrome:350px}
#tla .gm-cab>.ov{position:absolute;inset:0;z-index:6;justify-content:center;overflow-y:auto}
#tla .gm-cab>.ov[hidden]{display:none}
#tla .ov-in{gap:clamp(7px,1.5vh,14px);max-width:560px}
#tla .ov .t{font-size:clamp(18px,min(3.4vw,5vh),36px)}
#tla .ov-start .ov-att{height:clamp(90px,21vh,200px)}
#tla .ov .s{font-size:clamp(13px,1.9vh,15px)}
/* Tarjeta de misión */
#tla .mis{position:relative;width:100%;max-width:440px;padding:12px 14px 12px;background:#120a1e;border:3px solid #000;box-shadow:4px 4px 0 #000;text-align:left}
#tla .mis:before{content:"";position:absolute;inset:-7px;z-index:-1;background:repeating-linear-gradient(-45deg,var(--yel) 0 10px,#111 10px 20px);animation:tlaTape 1.2s linear infinite}
@keyframes tlaTape{to{background-position:28px 0}}
#tla .mis-h{display:flex;align-items:center;gap:8px;font:400 9px/1.2 var(--px);color:var(--yel);letter-spacing:.12em}
#tla .mis-i{font-size:16px;animation:tlaPulse 1s ease-in-out infinite}
#tla .mis-t{margin:8px 0 8px;font-size:clamp(14px,2vh,17px);line-height:1.35;font-weight:700;color:#fff}
#tla .mis-f{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;color:var(--mut)}
#tla .mis-f b{font:400 9px/1 var(--px);color:var(--c)}
#tla .mis .pbar{height:8px}
#tla .mis.done:before{background:repeating-linear-gradient(-45deg,#7dff7a 0 10px,#111 10px 20px)}
#tla .mis.done .mis-h{color:#7dff7a;justify-content:center}#tla .mis.done .mis-t{text-align:center}

/* ===== v6: tablero de arcade ===== */
#tla .deck{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 14px 0;padding:14px 22px 12px;
  background:linear-gradient(180deg,#3a2160 0%,#2a1548 45%,#1c0e33 100%);border:4px solid #000;border-top:6px solid #000;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.12),inset 0 -6px 0 rgba(0,0,0,.35),0 6px 0 #0a0514;
  background-image:linear-gradient(180deg,#3a2160 0%,#2a1548 45%,#1c0e33 100%),radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:auto,6px 6px}
#tla .deck:before{content:"";position:absolute;left:10px;right:10px;top:4px;height:3px;background:var(--c);opacity:.6;box-shadow:0 0 10px var(--c)}
#tla .dk-l,#tla .dk-r{display:flex;align-items:flex-end;gap:18px}
#tla .dk-r{flex-wrap:wrap;justify-content:flex-end}
#tla .dl{margin-top:7px;text-align:center;line-height:1.2}
#tla .dl b{display:block;font:400 7px/1.3 var(--px);color:#e9dcff;letter-spacing:.06em;white-space:nowrap}
#tla .kc{display:inline-block;margin-top:5px;padding:3px 6px 4px;font:400 7px/1 var(--px);color:#1a0b14;background:#e9e2f5;border:2px solid #000;border-radius:3px;box-shadow:0 2px 0 #000;white-space:nowrap}
/* Joystick */
#tla .joyw{display:flex;flex-direction:column;align-items:center}
#tla .jb{position:relative;width:86px;height:86px;border-radius:50%;cursor:pointer;touch-action:none;
  background:radial-gradient(circle at 50% 45%,#2b2b36 0 30%,#14141c 31% 60%,#050508 61%);border:4px solid #000;box-shadow:0 5px 0 #000,inset 0 -4px 8px rgba(255,255,255,.08)}
#tla .jb:after{content:"";position:absolute;inset:8px;border-radius:50%;border:2px dashed rgba(255,255,255,.08)}
#tla .js{position:absolute;left:50%;top:50%;width:14px;height:44px;margin:-38px 0 0 -7px;transform-origin:50% 100%;background:linear-gradient(90deg,#8a8a99,#e3e3ee 45%,#6c6c7a);border:2px solid #000;border-radius:5px;transition:transform .07s}
#tla .js:before{content:"";position:absolute;left:50%;top:-22px;width:40px;height:40px;margin-left:-20px;border-radius:50%;border:3px solid #000;
  background:radial-gradient(circle at 35% 30%,#fff 0 12%,var(--pink) 30%,#a3125a 100%);box-shadow:0 0 14px color-mix(in srgb,var(--pink) 60%,transparent)}
#tla .js.t-l{transform:rotate(-24deg)}#tla .js.t-r{transform:rotate(24deg)}#tla .js.t-u{transform:scaleY(.86)}#tla .js.t-d{transform:scaleY(.72) translateY(6px)}
#tla .js.t-l.t-u{transform:rotate(-20deg) scaleY(.9)}#tla .js.t-r.t-u{transform:rotate(20deg) scaleY(.9)}
/* Botones redondos */
#tla .abw{display:flex;flex-direction:column;align-items:center}
#tla .ab{all:unset;box-sizing:border-box;position:relative;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;
  background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.75) 0 10%,var(--bc) 32%,color-mix(in srgb,var(--bc) 55%,#000) 100%)!important;
  border:4px solid #000!important;border-radius:50%!important;box-shadow:0 7px 0 #000,0 7px 0 4px rgba(0,0,0,.25),inset 0 -5px 0 rgba(0,0,0,.25)!important;transition:transform .05s,box-shadow .05s;
  font:400 16px/1 var(--px)!important;color:rgba(0,0,0,.55)!important}
#tla .ab:before{content:"";position:absolute;inset:-9px;border-radius:50%;border:4px solid #0d0718;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--bc) 40%,#000);z-index:-1}
#tla .ab.big{width:78px;height:78px;font-size:20px!important}
#tla .ab.sm{width:40px;height:40px;font-size:10px!important;box-shadow:0 5px 0 #000!important}
#tla .ab.press{transform:translateY(6px);box-shadow:0 1px 0 #000,inset 0 4px 6px rgba(0,0,0,.35),0 0 26px var(--bc),0 0 50px var(--bc)!important;filter:brightness(1.25)}
#tla .ab.sm.press{transform:translateY(4px)}
#tla .ab:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}
#tla .abw.sm .dl b{font-size:6px}
@media(max-width:980px){#tla .deck{margin:14px 10px 0}}
@media(max-width:560px){#tla{--chrome:345px}#tla .deck{padding:12px 10px 10px;gap:8px;margin:12px 8px 0}#tla .dk-l,#tla .dk-r{gap:10px}
  #tla .jb{width:72px;height:72px}#tla .js{height:36px;margin-top:-31px}#tla .js:before{width:34px;height:34px;margin-left:-17px;top:-18px}
  #tla .ab{width:50px;height:50px}#tla .ab.big{width:62px;height:62px}#tla .ab.sm{width:34px;height:34px}#tla .dl b{font-size:6px}#tla .kc{font-size:6px;padding:2px 4px 3px}}
@media(prefers-reduced-motion:reduce){#tla .mis:before,#tla .mis-i{animation:none}}

#tla{--chrome:392px}
@media(max-width:560px){#tla{--chrome:360px}}

/* ===== v7: reseteo de logros ===== */
#tla .dzone{margin-top:34px;padding:16px 18px;border:3px dashed rgba(255,79,106,.6);background:rgba(90,15,30,.25)}
#tla .dz-t{font:400 10px/1.3 var(--px);color:#ff7a8f;margin-bottom:8px}
#tla .dzone p{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--mut)}
#tla .dz-b{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#tla .dz-q{flex-basis:100%;font-size:14.5px;font-weight:700;color:#fff;margin-bottom:4px}

/* ===== v8: THE TIMELESS LEADERBOARD ===== */
#tla .tla-board{display:none}
#tla.inboard .tla-board{display:block}
#tla.inboard .tla-hallview,#tla.inboard .tla-game,#tla.inboard .tla-disc{display:none}
#tla .b.lbb{--bc:var(--cyan)}
#tla .tla-board{max-width:980px;margin:18px auto 0}
#tla .lb-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 24px;background:linear-gradient(135deg,#1d0d33,#0f0720);border:4px solid #000;box-shadow:6px 6px 0 #000,inset 0 0 0 2px #3a2358,0 0 60px rgba(95,212,255,.15);position:relative;overflow:hidden}
#tla .lb-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 40px,rgba(95,212,255,.05) 40px 42px);pointer-events:none}
#tla .lb-logo{font:400 clamp(16px,3.2vw,30px)/1.25 var(--px);color:var(--cyan);text-shadow:3px 3px 0 #0b3a52,0 0 20px rgba(95,212,255,.7)}
#tla .lb-logo span{color:var(--yel);text-shadow:3px 3px 0 #b3361f,0 0 20px rgba(255,190,90,.7)}
#tla .lb-soon{font:400 clamp(14px,2.4vw,22px)/1 var(--px);color:var(--pink);text-shadow:0 0 16px var(--pink);animation:tlaBlink 1s steps(2) infinite}
#tla .lb-sub{flex-basis:100%;margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--mut)}
#tla .lb-cdw{text-align:right}
#tla .lb-cdl{font:400 8px/1 var(--px);color:var(--mut);letter-spacing:.15em}
#tla .lb-cd{display:flex;gap:8px;justify-content:flex-end;margin:8px 0 6px}
#tla .lb-cd span{display:flex;align-items:baseline;gap:2px;padding:7px 8px;background:#000;border:2px solid var(--cyan);font:400 8px/1 var(--px);color:var(--mut);box-shadow:0 0 12px rgba(95,212,255,.35)}
#tla .lb-cd b{font:400 clamp(14px,2vw,20px)/1 var(--px);color:#fff;font-weight:400}
#tla .lb-cdd{font-size:12px;color:var(--mut)}#tla .lb-cdd:first-letter,#tla .lb-fin:first-letter{text-transform:uppercase}
#tla .lb-msg{margin:12px 0 0;padding:10px 12px;background:#3a1020;border:2px solid #ff4f6a;color:#ffd0d8;font-size:14px}
#tla .lb-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 14px}
#tla .lb-tab{all:unset;cursor:pointer;padding:10px 13px;font:400 9px/1 var(--px);color:var(--mut);background:#140a24;border:3px solid #000;box-shadow:3px 3px 0 #000}
#tla .lb-tab.on{color:#1a0b14;background:var(--yel)}
#tla .lb-tab:focus-visible{outline:3px solid var(--cyan)}
#tla .lb-load,#tla .lb-empty{padding:40px 16px;text-align:center;font:400 10px/1.8 var(--px);color:var(--mut);background:#0d0618;border:3px dashed #2b1a44}
#tla .lb-empty b{color:var(--yel)}
/* Mi posición */
#tla .lb-me{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:14px 16px;margin-bottom:16px;background:linear-gradient(90deg,rgba(95,212,255,.18),#120a20 60%);border:3px solid var(--cyan);box-shadow:4px 4px 0 #000,0 0 26px rgba(95,212,255,.3)}
#tla .lb-me.first{border-color:var(--yel);background:linear-gradient(90deg,rgba(255,207,90,.25),#120a20 60%)}
#tla .lb-me-r{font:400 clamp(18px,3vw,28px)/1 var(--px);color:var(--cyan)}
#tla .lb-me.first .lb-me-r{color:var(--yel)}
#tla .lb-me-i b{display:block;font:400 12px/1.3 var(--px);color:#fff}
#tla .lb-me-i span{font-size:13.5px;color:var(--mut)}
#tla .lb-me-p{text-align:center}#tla .lb-me-p b{display:block;font:400 18px/1 var(--px);color:#fff}#tla .lb-me-p small{font:400 7px/1 var(--px);color:var(--mut)}
#tla .lb-me-p.sm b{font-size:12px;color:var(--yel)}
#tla .lb-join{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;margin-bottom:16px;background:rgba(255,79,163,.12);border:3px dashed var(--pink)}
#tla .lb-join span{font:400 10px/1.4 var(--px);color:#fff}
/* Campeón */
#tla .lb-champ{position:relative;overflow:hidden;text-align:center;padding:22px 16px 18px;margin-bottom:10px;background:radial-gradient(ellipse at 50% 0,rgba(255,207,90,.35),transparent 70%),linear-gradient(180deg,#3a2508,#1a0f05);border:4px solid #000;box-shadow:5px 5px 0 #000,inset 0 0 0 3px var(--yel),0 0 50px rgba(255,190,70,.35)}
#tla .lb-champ:after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.25),transparent);animation:tlaShine 3s ease-in-out infinite}
#tla .lb-crown{font-size:40px;line-height:1;animation:tlaPulse 1.6s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(255,207,90,.8))}
#tla .lb-champ-n{margin-top:8px;font:400 clamp(18px,3.4vw,30px)/1.2 var(--px);color:var(--yel);text-shadow:3px 3px 0 #000,0 0 22px rgba(255,207,90,.8);word-break:break-all}
#tla .lb-champ-p{margin-top:8px;font:400 clamp(14px,2.4vw,20px)/1 var(--px);color:#fff}#tla .lb-champ-p small{font-size:9px;color:var(--yel)}
#tla .lb-champ-t{margin-top:10px;font:400 8px/1 var(--px);color:#e8c47a;letter-spacing:.15em}
/* Lista */
#tla .lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
#tla .lb-list li{display:grid;grid-template-columns:54px 1fr auto auto;align-items:center;gap:12px;padding:11px 14px;background:#120a20;border:3px solid #000;box-shadow:3px 3px 0 #000;animation:tlaOvIn .35s cubic-bezier(.2,1.3,.4,1) both}
#tla .lb-list li .rk{font:400 13px/1 var(--px);color:var(--mut);text-align:center}
#tla .lb-list li .nk{font:400 11px/1.3 var(--px);color:#fff;word-break:break-all}
#tla .lb-list li .nk em{font-style:normal;font-size:7px;padding:3px 5px;background:var(--cyan);color:#000;margin-left:6px;vertical-align:middle}
#tla .lb-list li .bs{font-size:12px;color:var(--mut)}
#tla .lb-list li .pt{font:400 13px/1 var(--px);color:var(--yel);min-width:70px;text-align:right}
#tla .lb-list li.p1{background:linear-gradient(90deg,rgba(255,207,90,.22),#120a20 55%);border-color:#7a5a12}
#tla .lb-list li.p2{background:linear-gradient(90deg,rgba(210,220,235,.18),#120a20 55%)}
#tla .lb-list li.p3{background:linear-gradient(90deg,rgba(205,127,50,.2),#120a20 55%)}
#tla .lb-list li.p1 .rk,#tla .lb-list li.p2 .rk,#tla .lb-list li.p3 .rk{font-size:20px}
#tla .lb-list li.mine{border-color:var(--cyan);box-shadow:3px 3px 0 #000,0 0 18px rgba(95,212,255,.45)}
#tla .lb-list.mini li{grid-template-columns:44px 1fr auto;padding:8px 12px}
#tla .lb-legend{display:flex;justify-content:space-between;margin:8px 4px 0;font:400 7px/1 var(--px);color:#5d4b7c}
#tla .lb-spec{display:flex;flex-direction:column;gap:6px;margin-top:18px;padding:14px 16px;background:linear-gradient(90deg,rgba(255,79,163,.2),#120a20);border:3px solid var(--pink);box-shadow:4px 4px 0 #000,0 0 26px rgba(255,79,163,.3)}
#tla .lb-spec span{font:400 8px/1 var(--px);color:var(--pink);letter-spacing:.12em}#tla .lb-spec b{font-size:16px;color:#fff}#tla .lb-spec em{font:400 9px/1 var(--px);font-style:normal;color:var(--yel)}
#tla .lb-pts{margin-top:18px;padding:14px 16px;background:#0d0618;border:3px solid #000;box-shadow:4px 4px 0 #000}
#tla .lb-pts-h{font:400 9px/1.3 var(--px);color:var(--yel);margin-bottom:12px;letter-spacing:.1em}
#tla .lb-pts-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#tla .lb-pts-g div{padding:10px 6px;text-align:center;background:#160b26;border:2px solid #000;font-size:12px;color:var(--mut)}
#tla .lb-pts-g b{display:block;margin-bottom:6px;font:400 13px/1 var(--px);color:#fff}
#tla .lb-pts p{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--mut)}
/* Premio */
#tla .lb-prize{text-align:center;padding:26px 20px;background:radial-gradient(ellipse at 50% 0,rgba(255,79,163,.25),transparent 70%),#140a24;border:4px solid #000;box-shadow:6px 6px 0 #000,inset 0 0 0 3px var(--pink)}
#tla .lb-prize-i{font-size:48px;animation:tlaPulse 1.4s ease-in-out infinite}
#tla .lb-prize-l{margin-top:8px;font:400 9px/1 var(--px);color:var(--pink);letter-spacing:.15em}
#tla .lb-prize-t{margin:12px 0;font:400 clamp(15px,2.8vw,24px)/1.3 var(--px);color:var(--yel);text-shadow:3px 3px 0 #000}
#tla .lb-prize p{max-width:560px;margin:0 auto 12px;font-size:15px;line-height:1.6;color:var(--ink)}
#tla .lb-cond{max-width:560px;margin:14px auto;padding:12px 14px;text-align:left;background:#0b0614;border:2px dashed #3a2358}
#tla .lb-cond b{font:400 8px/1 var(--px);color:var(--mut)}#tla .lb-cond p{margin:8px 0 0;font-size:13.5px;color:var(--mut)}
#tla .lb-fin{margin-top:10px;font:400 9px/1.6 var(--px);color:#fff}
#tla .lb-free{margin-top:10px;font-size:13px;color:#7dff7a}
#tla .lb-last{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px;padding:16px;background:#1a1205;border:3px solid #000;box-shadow:4px 4px 0 #000,inset 0 0 0 2px #7a5a12}
#tla .lb-last span{font:400 8px/1 var(--px);color:#e8c47a}#tla .lb-last b{font:400 14px/1.3 var(--px);color:var(--yel)}#tla .lb-last em{font-style:normal;font-size:13px;color:var(--mut)}
/* Historial y reglas */
#tla .lb-hist{display:flex;flex-direction:column;gap:10px}
#tla .lb-hist details{background:#120a20;border:3px solid #000;box-shadow:3px 3px 0 #000}
#tla .lb-hist summary{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:13px 14px;cursor:pointer;list-style:none}
#tla .lb-hist summary span{font:400 8px/1.4 var(--px);color:var(--mut)}#tla .lb-hist summary b{font:400 9px/1.4 var(--px);color:var(--yel)}
#tla .lb-hist .lb-hp{padding:0 14px 8px;font-size:13px;color:var(--mut)}#tla .lb-hist .lb-list{padding:0 10px 12px}
#tla .lb-rules{padding:18px;background:#120a20;border:3px solid #000;box-shadow:4px 4px 0 #000}
#tla .lb-rules ol{margin:0 0 14px;padding-left:22px}#tla .lb-rules li{margin-bottom:9px;font-size:14.5px;line-height:1.55;color:var(--ink)}
#tla .lb-priv{font-size:13px;line-height:1.5;color:var(--mut)}
/* Cuenta */
#tla .lb-acc{max-width:600px;margin:0 auto}
#tla .lb-sw{display:grid;grid-template-columns:1fr 1fr;margin-bottom:14px;border:3px solid #000;box-shadow:4px 4px 0 #000}
#tla .lb-sw button{all:unset;cursor:pointer;padding:12px;text-align:center;font:400 9px/1 var(--px);color:var(--mut);background:#140a24}
#tla .lb-sw button.on{background:var(--pink);color:#1a0b14}
#tla .lb-form{display:flex;flex-direction:column;gap:12px;padding:18px;background:#120a20;border:3px solid #000;box-shadow:4px 4px 0 #000}
#tla .lb-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#tla .lb-f{display:flex;flex-direction:column;gap:6px}
#tla .lb-f span{font:400 8px/1.2 var(--px);color:var(--mut);letter-spacing:.06em}
#tla .lb-f input,#tla .lb-f select{all:unset;box-sizing:border-box;width:100%;padding:11px 12px;background:#05030a;border:3px solid #2b1a44;color:#fff;font:600 15px/1.2 var(--tx);border-radius:0}
#tla .lb-f input:focus,#tla .lb-f select:focus{border-color:var(--cyan);box-shadow:0 0 14px rgba(95,212,255,.35)}
#tla .lb-f input.bad{border-color:#ff4f6a}
#tla .lb-f small{font-size:12px;color:#8f7db0}
#tla .lb-f small.ok{color:#7dff7a}#tla .lb-f small.no{color:#ff7a8f}
#tla .lb-ph{display:grid;grid-template-columns:118px 1fr;gap:8px}
#tla .lb-ph select{cursor:pointer;font-size:14px}
#tla .lb-ph option{background:#140a24}
#tla .lb-chk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--mut)}
#tla .lb-chk input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--pink)}
#tla .lb-chk a,#tla .lb-forgot{color:var(--cyan)}
#tla .lb-forgot{font-size:13px;text-align:center}
#tla .lb-err{padding:10px 12px;background:#3a1020;border:2px solid #ff4f6a;color:#ffd0d8;font-size:14px}
#tla .lb-ok{padding:10px 12px;background:#0f3a1e;border:2px solid #7dff7a;color:#d6ffd9;font-size:14px}
#tla .lb-form .b.big{align-self:center}
#tla .lb-card{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:14px;background:linear-gradient(90deg,rgba(255,79,163,.18),#120a20);border:3px solid #000;box-shadow:4px 4px 0 #000}
#tla .lb-av{display:grid;place-items:center;width:58px;height:58px;flex:none;background:var(--pink);border:3px solid #000;font:400 22px/1 var(--px);color:#1a0b14}
#tla .lb-nk{display:block;font:400 13px/1.3 var(--px);color:#fff}
#tla .lb-card span{display:block;margin-top:5px;font-size:13px;color:var(--mut)}
#tla .lb-card em{display:block;margin-top:6px;font-style:normal;font-size:12px;color:#7dff7a}#tla .lb-card em.lb-dq{color:#ff7a8f}
#tla .lb-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
/* Resultado de competencia en la pantalla de fin */
#tla .lbr{width:100%;max-width:440px;padding:10px 12px;background:rgba(95,212,255,.1);border:3px solid var(--cyan);box-shadow:3px 3px 0 #000}
#tla .lbr-h{font:400 8px/1 var(--px);color:var(--cyan);letter-spacing:.12em;margin-bottom:8px}
#tla .lbr-b{font-size:13px;color:var(--mut)}#tla .lbr-b p{margin:0 0 8px}
#tla .lbr-pts{font:400 clamp(16px,2.6vw,22px)/1 var(--px);color:var(--yel);text-shadow:2px 2px 0 #000,0 0 14px rgba(255,207,90,.6)}
#tla .lbr-pts.zero{color:#fff;text-shadow:none}
#tla .lbr-pts small{display:block;margin-top:6px;font-size:7px;color:var(--mut);text-shadow:none}
#tla .lbr-l{list-style:none;margin:8px 0;padding:0;text-align:left}
#tla .lbr-l li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed #2b1a44;font-size:12.5px;color:var(--ink)}
#tla .lbr-l b{font:400 9px/1.4 var(--px);color:var(--yel);white-space:nowrap}
#tla .lbr-rk{font:400 8px/1.5 var(--px);color:#fff}#tla .lbr-rk b{color:var(--cyan)}
#tla .lbr-err,#tla .lbr-note{color:#ffb3c0}
@media(max-width:700px){#tla .lb-hero{flex-direction:column;align-items:flex-start}#tla .lb-cdw{text-align:left}#tla .lb-cd{justify-content:flex-start}
  #tla .lb-pts-g{grid-template-columns:repeat(2,minmax(0,1fr))}#tla .lb-row{grid-template-columns:1fr}
  #tla .lb-me{grid-template-columns:auto 1fr auto;gap:10px}#tla .lb-me-p.sm{display:none}
  #tla .lb-list li{grid-template-columns:40px 1fr auto;gap:8px;padding:10px}#tla .lb-list li .bs{display:none}#tla .lb-list li .nk{font-size:9px}#tla .lb-list li .pt{font-size:11px;min-width:0}}
@media(prefers-reduced-motion:reduce){#tla .lb-champ:after,#tla .lb-crown,#tla .lb-soon,#tla .lb-prize-i{animation:none}}
/* v9 · Tildes dibujadas en píxeles sobre la tipografía Press Start 2P */
.pxa{position:relative}
.pxa::after{content:"";position:absolute;width:.125em;height:.125em;background:currentColor;pointer-events:none}
.pxa-a::after{left:.5em;top:-.375em;box-shadow:-.125em .125em 0 currentColor}
.pxa-d::after{left:.125em;top:-.25em;box-shadow:.5em 0 0 currentColor}
.pxa-t::after{left:.125em;top:-.25em;box-shadow:.125em -.125em 0 currentColor,.25em -.125em 0 currentColor,.625em -.125em 0 currentColor,.375em 0 0 currentColor,.5em 0 0 currentColor}
#tla .ov-win .t .pxa::after{color:#ffcf5a}
/* v9 · Bombitas alrededor de los juegos (posiciones calculadas: esquinas siempre alineadas) */
#tla .gmb{background:none!important}
#tla .gmb i{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffe9a8}
#tla.lalarm .gmb i{background:#ff2a4a}
#tla.fxon .gmb{animation:none}
#tla.fxon .gm-cab.lhit .gmb{animation:tlaHit .35s ease-out}
#tla.fxon .gmb i:nth-child(odd){animation:tlaBulb .5s steps(1) infinite}
#tla.fxon .gmb i:nth-child(even){animation:tlaBulb .5s steps(1) -.25s infinite}
#tla.lparty .gmb i{animation-duration:.25s!important}
#tla.lparty .gmb i:nth-child(even){animation-delay:-.125s!important}
@keyframes tlaBulb{50%{opacity:.2}}
@media(prefers-reduced-motion:reduce){#tla .gmb i{animation:none!important}}