*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;background:#0d0524;overflow:hidden;overscroll-behavior:none}
body{font-family:'Lilita One',system-ui,sans-serif;color:#fff;-webkit-user-select:none;user-select:none}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
img{image-rendering:pixelated}

.tq{position:relative;height:100dvh;max-width:520px;margin:0 auto;overflow:hidden;isolation:isolate;background:#14082f}
.tq-bg{position:absolute;inset:0;background-size:cover;background-position:center top;image-rendering:pixelated;z-index:-5;transition:filter .4s}
.tq.dim .tq-bg{filter:brightness(.45) saturate(1.2)}

/* focos que barren */
.tq-beams{position:absolute;inset:0;z-index:-4;pointer-events:none;mix-blend-mode:screen}
.tq-beams i{position:absolute;top:-10%;width:34%;height:80%;transform-origin:50% 0;opacity:.35;filter:blur(6px);
  background:linear-gradient(to bottom,var(--c) 0%,transparent 85%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);animation:sweep 5s ease-in-out infinite alternate}
.tq-beams i:nth-child(1){left:-6%;--c:#ffd84a;animation-duration:4.2s}
.tq-beams i:nth-child(2){left:22%;--c:#ff3ec9;animation-duration:5.4s;animation-delay:-2s}
.tq-beams i:nth-child(3){left:46%;--c:#3ee8ff;animation-duration:4.8s;animation-delay:-1s}
.tq-beams i:nth-child(4){left:72%;--c:#ffd84a;animation-duration:5.9s;animation-delay:-3s}
@keyframes sweep{from{transform:rotate(-22deg)}to{transform:rotate(22deg)}}
.tq.tense .tq-beams i{animation-duration:1.1s!important;opacity:.55}
.tq.win .tq-beams i{--c:#5cff7a!important;opacity:.7;animation-duration:.6s!important}
.tq.lose .tq-beams i{--c:#ff2a3c!important;opacity:.6;animation-play-state:paused}

/* bombillas de marco */
.tq-bulbs{position:absolute;inset:0;z-index:-3;pointer-events:none;
  background:
   radial-gradient(circle,#ffe58a 0 3px,transparent 4px) 0 0/22px 22px repeat-x,
   radial-gradient(circle,#ffe58a 0 3px,transparent 4px) 11px 100%/22px 22px repeat-x;
  animation:bulbs .5s steps(2) infinite;opacity:.9}
@keyframes bulbs{50%{background-position:11px 0,0 100%}}

.tq-vignette{position:absolute;inset:0;z-index:5;pointer-events:none;box-shadow:inset 0 0 0 0 rgba(255,0,40,0);transition:box-shadow .3s}
.tq.panic .tq-vignette{animation:panic .9s ease-in-out infinite}
@keyframes panic{0%,100%{box-shadow:inset 0 0 40px 10px rgba(255,0,40,.35)}15%{box-shadow:inset 0 0 90px 30px rgba(255,0,40,.75)}30%{box-shadow:inset 0 0 50px 12px rgba(255,0,40,.4)}45%{box-shadow:inset 0 0 80px 26px rgba(255,0,40,.65)}}
.tq-flash{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;background:#fff}
.tq-flash.go{animation:flash .5s ease-out}
.tq-flash.red{background:#ff1e3c}.tq-flash.green{background:#5cff7a}
@keyframes flash{0%{opacity:.75}100%{opacity:0}}
.tq-confetti{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}
.tq.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}
@keyframes shake{10%,90%{transform:translateX(-3px)}20%,80%{transform:translateX(6px)}30%,50%,70%{transform:translateX(-10px)}40%,60%{transform:translateX(10px)}}

/* HUD */
.tq-hud{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 12px 0}
.tq-ico{width:40px;height:40px;border-radius:12px;background:rgba(0,0,0,.45);font-size:18px;border:2px solid rgba(255,255,255,.25)}
.tq-streak,.tq-best{display:flex;flex-direction:column;align-items:center;padding:4px 12px;border-radius:12px;background:rgba(0,0,0,.5);border:2px solid #ffd84a;line-height:1}
.tq-streak{margin-left:auto;border-color:#5cff7a}
.tq-hud small{font-size:10px;letter-spacing:1px;opacity:.85}
.tq-hud b{font-family:'Press Start 2P',monospace;font-size:16px;margin-top:4px;text-shadow:2px 2px 0 #000}
.tq-streak b.pop{animation:pop .6s}
@keyframes pop{0%{transform:scale(1)}30%{transform:scale(2.1);color:#5cff7a}100%{transform:scale(1)}}

/* ESCENARIO */
.tq-stage{position:absolute;left:0;right:0;top:56px;height:44%;z-index:1;pointer-events:none}
.tq-crowd{position:absolute;left:50%;bottom:4%;width:108%;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 6px 0 rgba(0,0,0,.4));transform-origin:50% 100%}
.tq-crowd.cheer{animation:cheer .32s ease-in-out 6 alternate}
.tq-crowd.sad{animation:sad 1s ease forwards}
@keyframes cheer{from{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-14px) scale(1.02)}}
@keyframes sad{to{transform:translateX(-50%) translateY(10px);filter:brightness(.7) saturate(.6)}}
.tq-mortis{position:absolute;left:50%;bottom:-4%;height:74%;transform:translateX(-50%);filter:drop-shadow(0 8px 0 rgba(0,0,0,.45));animation:idle 1.6s ease-in-out infinite;z-index:2}
@keyframes idle{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-6px)}}
.tq-mortis.jump{animation:jump .5s ease-out 3}
@keyframes jump{0%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-28px) rotate(-3deg)}}
.tq-mortis.nope{animation:nope .45s ease-in-out 3}
@keyframes nope{0%,100%{transform:translateX(-50%) rotate(0)}25%{transform:translateX(-52%) rotate(-4deg)}75%{transform:translateX(-48%) rotate(4deg)}}
.tq-game-on .tq-stage{height:38%}

.tq-bubble{position:absolute;top:2%;left:50%;transform:translateX(-50%) scale(0);z-index:3;max-width:86%;width:max-content;
  background:#fff;color:#2a0b4d;padding:8px 14px;border-radius:16px;border:3px solid #2a0b4d;font-size:17px;text-align:center;line-height:1.15;
  box-shadow:0 4px 0 #2a0b4d;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.tq-bubble.on{transform:translateX(-50%) scale(1)}

/* PANTALLAS */
.tq-screen{position:absolute;left:0;right:0;bottom:0;z-index:3;display:none;flex-direction:column;align-items:center;padding:0 16px calc(28px + env(safe-area-inset-bottom))}
.tq-screen.is-on{display:flex;animation:up .35s ease-out}
@keyframes up{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
.tq-home{top:52%;justify-content:flex-start;gap:10px;background:linear-gradient(to bottom,transparent,rgba(13,5,36,.85) 18%)}
.tq-logo{font-weight:400;font-size:44px;line-height:.9;text-align:center;color:#ffd84a;-webkit-text-stroke:2px #2a0b4d;text-shadow:0 5px 0 #2a0b4d,0 0 24px rgba(255,216,74,.6);animation:logo 2s ease-in-out infinite}
.tq-logo span{display:block;font-size:24px;color:#fff}
@keyframes logo{50%{transform:scale(1.05) rotate(-1deg)}}
.tq-sub{font-size:18px;text-align:center}
.tq-sub b{color:#ff5c7a}
.tq-rules{font-size:12px;opacity:.75;text-align:center;margin-top:4px}

.tq-btn{display:block;width:100%;max-width:340px;padding:14px 18px;border-radius:16px;font-size:22px;letter-spacing:.5px;white-space:nowrap;
  background:linear-gradient(#ffe066,#ffb800);color:#3a1a00;border:3px solid #2a0b4d;box-shadow:0 6px 0 #2a0b4d;transition:transform .08s}
.tq-btn:active{transform:translateY(4px);box-shadow:0 2px 0 #2a0b4d}
.tq-btn-big{font-size:26px;animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.04)}}
.tq-btn-alt{background:linear-gradient(#b06bff,#7a2fe0);color:#fff}
.tq-link{margin-top:10px;font-size:15px;opacity:.85;text-decoration:underline}

.tq-panel{top:0;justify-content:center;background:rgba(10,3,28,.72);backdrop-filter:blur(2px)}
.tq-card{width:100%;max-width:380px;background:linear-gradient(#3b1580,#22094f);border:3px solid #ffd84a;border-radius:22px;padding:22px 18px;text-align:center;box-shadow:0 8px 0 #12042c;display:flex;flex-direction:column;align-items:center;gap:10px}
.tq-card h2{font-weight:400;font-size:28px;color:#ffd84a;text-shadow:0 3px 0 #12042c}
.tq-card p{font-size:16px;opacity:.9}
.tq-card form,.tq-card>div{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.tq-card [hidden]{display:none!important}
#nick{width:100%;max-width:340px;padding:14px;border-radius:14px;border:3px solid #2a0b4d;font:inherit;font-size:22px;text-align:center;color:#2a0b4d;outline:none}
.tq-score b{display:block;font-family:'Press Start 2P',monospace;font-size:54px;color:#5cff7a;text-shadow:4px 4px 0 #12042c}
.tq-score small{font-size:18px}

/* JUEGO */
.tq-game{top:auto;gap:10px}
.tq-timer{position:relative;width:100%;height:22px;border-radius:12px;background:rgba(0,0,0,.6);border:2px solid #fff;overflow:hidden}
.tq-timer-bar{position:absolute;inset:0;transform-origin:0 50%;background:linear-gradient(90deg,#5cff7a,#ffd84a);transition:transform .1s linear}
.tq-timer.low .tq-timer-bar{background:linear-gradient(90deg,#ff2a3c,#ff8a00);animation:blink .5s steps(2) infinite}
@keyframes blink{50%{opacity:.55}}
.tq-timer span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Press Start 2P',monospace;font-size:11px;text-shadow:1px 1px 0 #000}
.tq-q{position:relative;width:100%;padding:12px 16px;text-align:center;background:linear-gradient(#1b2a8a,#0b1250);border:3px solid #ffd84a;border-radius:18px;box-shadow:0 0 18px rgba(62,232,255,.35),0 5px 0 #05082a}
.tq-q small{font-family:'Press Start 2P',monospace;font-size:10px;color:#ffd84a}
.tq-q p{font-size:21px;line-height:1.2;margin-top:6px}
.tq-opts{width:100%;display:grid;gap:8px}
.tq-opt{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 14px;text-align:left;font-size:19px;line-height:1.1;
  background:linear-gradient(#24339c,#101a63);border:3px solid #6fd6ff;border-radius:999px;box-shadow:0 4px 0 #05082a;transition:transform .08s}
.tq-opt em{font-style:normal;color:#ffd84a;font-size:20px;min-width:22px}
.tq-opt:active{transform:scale(.98)}
.tq-opts.lock .tq-opt{pointer-events:none}
.tq-opt.pick{background:linear-gradient(#ffb000,#e06a00);border-color:#fff;color:#2a0b00;animation:pickpulse .5s ease-in-out infinite}
.tq-opt.pick em{color:#2a0b00}
@keyframes pickpulse{50%{box-shadow:0 0 22px 4px rgba(255,190,0,.9),0 4px 0 #05082a}}
.tq-opt.good{background:linear-gradient(#5cff7a,#13b13a);border-color:#fff;color:#04310f;animation:good .25s steps(2) 6}
.tq-opt.good em{color:#04310f}
@keyframes good{50%{filter:brightness(1.5)}}
.tq-opt.bad{background:linear-gradient(#ff4a5c,#b30018);border-color:#fff;animation:none}
.tq-opt.fade{opacity:.35}
.tq-opts.in .tq-opt{animation:optin .35s backwards}
.tq-opts.in .tq-opt:nth-child(2){animation-delay:.08s}.tq-opts.in .tq-opt:nth-child(3){animation-delay:.16s}.tq-opts.in .tq-opt:nth-child(4){animation-delay:.24s}
@keyframes optin{from{transform:translateX(-40px);opacity:0}}

.tq-banner{position:absolute;left:50%;top:36%;z-index:8;transform:translate(-50%,-50%) scale(0);pointer-events:none;font-size:42px;white-space:nowrap;color:#ffd84a;-webkit-text-stroke:2px #2a0b4d;text-shadow:0 5px 0 #2a0b4d,0 0 30px #ff3ec9}
.tq-banner.go{animation:banner 1.6s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes banner{0%{transform:translate(-50%,-50%) scale(0) rotate(-12deg)}25%{transform:translate(-50%,-50%) scale(1.15) rotate(3deg)}35%,80%{transform:translate(-50%,-50%) scale(1) rotate(-2deg);opacity:1}100%{transform:translate(-50%,-50%) scale(1.4);opacity:0}}

/* RANKING */
.tq-card-rank{max-height:86dvh}
.tq-tabs{display:flex;gap:6px;width:100%}
.tq-tabs button{flex:1;padding:8px;border-radius:12px;background:rgba(0,0,0,.35);font-size:16px}
.tq-tabs button.is-on{background:#ffd84a;color:#2a0b4d}
.tq-list{list-style:none;width:100%;overflow:auto;flex:1;min-height:120px;max-height:52dvh;text-align:left;counter-reset:r}
.tq-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:18px;counter-increment:r}
.tq-list li:nth-child(odd){background:rgba(255,255,255,.06)}
.tq-list li::before{content:counter(r);font-family:'Press Start 2P',monospace;font-size:11px;min-width:30px;color:#b9a6ff}
.tq-list li:nth-child(1)::before{content:'🥇';font-size:20px}.tq-list li:nth-child(2)::before{content:'🥈';font-size:20px}.tq-list li:nth-child(3)::before{content:'🥉';font-size:20px}
.tq-list li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tq-list li b{font-family:'Press Start 2P',monospace;font-size:13px;color:#5cff7a}
.tq-list li.me{outline:2px solid #ffd84a}
.tq-list .empty{justify-content:center;opacity:.7}
.tq-list .empty::before{content:''}

.tq-legal{position:absolute;left:0;right:0;bottom:calc(4px + env(safe-area-inset-bottom));z-index:3;font-family:system-ui,sans-serif;font-size:9px;opacity:.5;text-align:center;padding:0 12px}
.tq-legal a{color:inherit}
.tq-game-on .tq-legal{display:none}

@media (max-height:680px){
  .tq-q p{font-size:18px}.tq-opt{min-height:44px;font-size:17px}.tq-logo{font-size:36px}
  .tq-game-on .tq-stage{height:30%}
}

/* TENSIÓN durante la pregunta: todo gris y latido rojo, salvo Mortis */
.tq-bg,.tq-crowd,.tq-bulbs,.tq-beams{transition:filter .5s,opacity .5s}
.tq.tense .tq-bg{filter:grayscale(.85) brightness(.5) contrast(1.1)}
.tq.tense .tq-crowd{filter:grayscale(.9) brightness(.6) drop-shadow(0 6px 0 rgba(0,0,0,.4))}
.tq.tense .tq-bulbs{opacity:.15;animation:none}
.tq.tense .tq-beams{opacity:.25;filter:grayscale(1)}
.tq.tense .tq-vignette{animation:latido 1s ease-in-out infinite}
.tq.tense.panic .tq-vignette{animation:latido .55s ease-in-out infinite}
@keyframes latido{0%,100%{box-shadow:inset 0 0 30px 6px rgba(255,0,40,.25)}12%{box-shadow:inset 0 0 90px 30px rgba(255,0,40,.7)}24%{box-shadow:inset 0 0 40px 10px rgba(255,0,40,.3)}36%{box-shadow:inset 0 0 75px 24px rgba(255,0,40,.6)}}
.tq.tense .tq-crowd.tenso{animation:tiembla .12s linear infinite}
@keyframes tiembla{0%,100%{transform:translateX(-50%)}50%{transform:translateX(calc(-50% + 1px)) translateY(1px)}}
.tq.tense .tq-mortis{filter:drop-shadow(0 8px 0 rgba(0,0,0,.45)) drop-shadow(0 0 18px rgba(255,62,201,.55))}
.tq-tabs{flex-direction:row!important}

/* FALLO: todo gris y apagado; Mortis sigue a color */
.tq.lose .tq-bg{filter:grayscale(1) brightness(.35)!important;transition:filter 1.2s}
.tq.lose .tq-crowd{filter:grayscale(1) brightness(.5)!important;transition:filter 1.2s}
.tq.lose .tq-bulbs{opacity:0;animation:none}
.tq.lose .tq-beams{opacity:.1}
.tq.lose .tq-q,.tq.lose .tq-opt:not(.good):not(.bad){filter:grayscale(1) brightness(.6);transition:filter 1s}
/* todo más pausado */
.tq-bg,.tq-crowd{transition:filter 1s!important}
.tq-opts.in .tq-opt{animation-duration:.6s}
.tq-opts.in .tq-opt:nth-child(2){animation-delay:.35s}.tq-opts.in .tq-opt:nth-child(3){animation-delay:.7s}.tq-opts.in .tq-opt:nth-child(4){animation-delay:1.05s}
.tq-q{animation:qin .7s ease-out}
@keyframes qin{from{transform:scale(.8);opacity:0}}

/* Latido = el fondo gris cambia de color a rojo (detrás de todo lo jugable) */
.tq-vignette{z-index:-2;background:#c4001c;mix-blend-mode:color;opacity:0;box-shadow:none!important}
.tq.tense .tq-vignette,.tq.panic .tq-vignette{animation:latido 1s ease-in-out infinite}
.tq.tense.panic .tq-vignette{animation:latido .6s ease-in-out infinite}
@keyframes latido{0%,100%{opacity:0;box-shadow:none}12%{opacity:.75}26%{opacity:.15}38%{opacity:.6}60%{opacity:0}}
.tq.lose .tq-vignette{animation:none;opacity:0}

/* RANGOS */
.tq-tier{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:12px;background:rgba(0,0,0,.5);border:2px solid var(--tc,#cd7f32);font-size:13px;letter-spacing:.5px;color:var(--tc,#cd7f32)}
.tq-tier i{width:22px;height:22px;border-radius:6px;background:var(--tc,#cd7f32);box-shadow:inset 0 -4px 0 rgba(0,0,0,.3),0 0 10px var(--tc,#cd7f32);transform:rotate(45deg) scale(.75)}
.tq-tier.up{animation:pop .8s}
/* RIVAL EN DIRECTO */
.tq-rival{width:100%;text-align:center;font-size:15px;padding:5px 10px;border-radius:12px;background:rgba(0,0,0,.55);border:2px dashed #ff3ec9;min-height:30px}
.tq-rival b{color:#ffd84a}.tq-rival:empty{display:none}
.tq-rival.beat{animation:pop .7s;border-style:solid;border-color:#5cff7a}
/* AVISO (copiado, etc.) */
.tq-toast{position:absolute;left:50%;bottom:90px;z-index:9;transform:translate(-50%,40px);opacity:0;pointer-events:none;
  background:#5cff7a;color:#04310f;padding:12px 20px;border-radius:14px;border:3px solid #04310f;font-size:20px;white-space:nowrap;box-shadow:0 5px 0 #04310f;transition:all .35s cubic-bezier(.3,1.6,.5,1)}
.tq-toast.on{transform:translate(-50%,0);opacity:1}
.tq-near{color:#ffd84a;font-size:18px}

/* CHARLA */
.tq-talk{top:auto;gap:14px}
.tq-talkbox{position:relative;width:100%;min-height:150px;padding:16px 18px 18px;border-radius:18px;background:linear-gradient(#3b1580,#22094f);border:3px solid #ff3ec9;box-shadow:0 0 22px rgba(255,62,201,.45),0 6px 0 #12042c;text-align:left}
.tq-talkbox b{position:absolute;top:-14px;left:16px;padding:2px 10px;border-radius:8px;background:#ff3ec9;color:#fff;font-weight:400;font-size:15px;letter-spacing:1px;border:2px solid #12042c}
.tq-talkbox p{font-size:21px;line-height:1.25;margin-top:4px}
.tq.tense .tq-vignette,.tq.tense.panic .tq-vignette{animation-name:latido;animation-timing-function:ease-out;animation-iteration-count:infinite}
.tq-btn{font-size:clamp(17px,5.6vw,22px);overflow:hidden;text-overflow:clip}
.tq-btn-big{font-size:clamp(19px,6.4vw,26px)}
.tq:not(.tq-home-on) .tq-legal{display:none}
.tq-adnote{font-family:system-ui,sans-serif;font-size:12px;opacity:.75;text-align:center;margin-top:-6px}

/* MÁS MOVIMIENTO */
.squish{animation:squish .28s cubic-bezier(.3,1.8,.5,1)!important}
@keyframes squish{0%{transform:scale(1)}35%{transform:scale(.9,.86)}70%{transform:scale(1.06,1.04)}100%{transform:scale(1)}}
.tq-panel.is-on .tq-card{animation:cardin .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes cardin{0%{transform:scale(.6) rotate(-4deg);opacity:0}100%{transform:none;opacity:1}}
.tq-talk.is-on .tq-talkbox{animation:cardin .45s cubic-bezier(.3,1.6,.5,1)}
.tq-talk.is-on .tq-btn{animation:pulse 1.2s ease-in-out infinite, cardin .5s cubic-bezier(.3,1.6,.5,1)}
.tq-home.is-on .tq-btn{animation:pulse 1.2s ease-in-out infinite, slidein .5s cubic-bezier(.3,1.6,.5,1) backwards}
.tq-home.is-on #b-rank{animation:slidein .5s .12s cubic-bezier(.3,1.6,.5,1) backwards}
@keyframes slidein{from{transform:translateY(40px) scale(.8);opacity:0}}
.tq-opts.in .tq-opt{animation-name:optin;animation-timing-function:cubic-bezier(.3,1.6,.5,1)}
@keyframes optin{0%{transform:translateX(-60px) scale(.7);opacity:0}100%{transform:none;opacity:1}}
.tq-opt::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);background-size:250% 100%;background-position:120% 0;pointer-events:none}
.tq-opts.in .tq-opt::after{animation:shine 1.2s 1.4s ease-out}
@keyframes shine{to{background-position:-120% 0}}
.tq-mortis{transition:filter .3s}
.tq-toast.on{animation:squish .35s}

/* Texto para buscadores: debajo del juego, se ve al bajar en la portada */
html.tq-scroll,html.tq-scroll body{overflow-y:auto;overflow-x:hidden}
.tq-seo{max-width:520px;margin:0 auto;padding:28px 18px 60px;background:#14082f;font-family:system-ui,-apple-system,sans-serif;color:#e8e0ff;line-height:1.55;-webkit-user-select:text;user-select:text}
.tq-seo h2{font-family:'Lilita One',system-ui,sans-serif;font-weight:400;color:#ffd84a;font-size:22px;margin:22px 0 8px;line-height:1.2}
.tq-seo .tq-seo-h{font-size:26px;margin-top:0}
.tq-seo p{font-size:16px;margin:0 0 10px}
.tq-seo a{color:#6fd6ff}
html:not(.tq-scroll) .tq-seo{display:none}
html.tq-scroll,html.tq-scroll body{height:auto;min-height:100%}html.tq-scroll body{overflow:visible}
.tq-mute.wait{animation:mutewait 1s ease-in-out infinite;border-color:#ffd84a}
@keyframes mutewait{50%{transform:scale(1.15);box-shadow:0 0 14px #ffd84a}}

/* Lo más leído: lista compacta y discreta */
.tq-news{list-style:none;margin:8px 0 4px;padding:0;counter-reset:n}
.tq-news li{counter-increment:n;border-top:1px solid rgba(255,255,255,.08)}
.tq-news li:last-child{border-bottom:1px solid rgba(255,255,255,.08)}
.tq-news a{display:flex;align-items:center;gap:12px;padding:10px 2px;text-decoration:none;color:#e8e0ff}
.tq-news a::before{content:counter(n);font-family:'Press Start 2P',monospace;font-size:11px;color:#ffd84a;min-width:16px}
.tq-news img{width:56px;height:56px;flex:0 0 56px;border-radius:10px;object-fit:cover;image-rendering:auto}
.tq-news span{font-size:15px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tq-news a:active span{color:#ffd84a}
.tq-home-btn{display:flex;align-items:center;justify-content:center;text-decoration:none}

/* Guardar el logro (jugó sin cuenta) */
.tq-save{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:12px 0 4px;border-top:1px dashed rgba(255,216,74,.4)}
.tq-save[hidden]{display:none!important}
.tq-save p{font-size:17px;color:#ffd84a}
#save-nick{width:100%;max-width:340px;padding:12px;border-radius:14px;border:3px solid #2a0b4d;font:inherit;font-size:20px;text-align:center;color:#2a0b4d;outline:none}
#b-save{font-size:clamp(16px,5.2vw,21px);padding:14px 10px;animation:pulse 1.2s ease-in-out infinite}

/* Versión admin: franja con la respuesta correcta */
.tq-cheat{width:100%;padding:8px 12px;border-radius:12px;background:#0b3d1a;border:2px dashed #5cff7a;color:#c9ffd6;font-family:system-ui,sans-serif;font-size:14px;text-align:center}
.tq-cheat b{color:#5cff7a;font-size:16px}