.quiz{display:flex;flex-direction:column;height:100dvh}.quiz-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.55rem clamp(.9rem,2.5vw,1.6rem);border-bottom:1px solid var(--hair);box-shadow:inset 0 -2px 0 -1px var(--tema);background:var(--ink);z-index:5}.quiz-hud__back{justify-self:start;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem;border-radius:var(--radius);text-decoration:none;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-mute);transition:color .16s var(--ease),background-color .16s var(--ease)}.quiz-hud__back:hover{color:var(--hot);background:#f6e9ff0f}.quiz-hud__mode{text-align:center}.quiz-hud__label{font-family:var(--display);font-size:1.15rem;text-transform:uppercase;letter-spacing:.02em;line-height:1.1}.quiz-hud__unit{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;line-height:1.4;color:var(--paper-faint)}.quiz-hud__unit b{font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tema)}.quiz-hud__scores{justify-self:end;display:flex;gap:1.4rem}.quiz-stat{display:flex;align-items:baseline;gap:.45rem}.quiz-stat__key{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-faint)}.quiz-stat__value{font-size:1.2rem;line-height:1;color:var(--hot)}.quiz-stat--muted .quiz-stat__value{color:var(--paper-mute);font-size:1rem}.quiz-stat.is-hit .quiz-stat__value{animation:quiz-pop .42s var(--ease-out);color:var(--up)}@keyframes quiz-pop{35%{transform:translateY(-4px) scale(1.22)}}.quiz-board{position:relative;flex:1;min-height:0;overflow:clip;isolation:isolate}.quiz-backdrop{position:absolute;inset:-10%;z-index:-2;background-size:cover;background-position:center;filter:blur(48px) saturate(1.5);opacity:.42;transition:background-image .4s var(--ease)}.quiz-board:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 62% at 50% 46%,#0f0b1280,#0f0b12f0 78%)}.quiz-stage{height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:clamp(.9rem,3vh,2rem) clamp(.9rem,3vw,2rem)}.quiz-loading{position:absolute;inset:0;display:grid;place-items:center;padding:1.5rem;text-align:center;background:var(--ink);font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-faint);z-index:7}.q,.q-intro{margin:auto}.q{width:min(100%,46rem);display:flex;flex-direction:column;align-items:center;gap:clamp(.6rem,1.8vh,1.1rem);text-align:center;animation:q-in .32s var(--ease-out)}@keyframes q-in{0%{opacity:0;transform:translateY(10px)}}.q-kicker{font-family:var(--mono);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--tema);text-wrap:balance}.q-prompt{font-family:var(--display);font-size:clamp(1.5rem,4.2vw,2.6rem);line-height:1;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}.q-sub{max-width:44ch;color:var(--paper-mute);font-size:.95rem}.q-cover{width:clamp(96px,20vh,220px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);background:var(--ink-high);box-shadow:0 18px 44px #0000009e}.q-title{font-size:clamp(1.25rem,3vw,2rem);font-weight:700;line-height:1.14;letter-spacing:-.025em;text-wrap:balance}.q-artist{margin-top:-.4rem;color:var(--paper-mute)}.q-value{min-height:1.1em;font-size:clamp(1.6rem,4.4vw,2.9rem);line-height:1.1}.q-value.is-right{color:var(--up)}.q-value.is-wrong{color:var(--miss)}.q-note{min-height:1.4em;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;color:var(--paper-mute)}.q-note.is-right{color:var(--up)}.q-note.is-wrong{color:var(--miss)}.q-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;min-height:3rem}.q-options{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.q-option{display:flex;align-items:center;gap:.75rem;min-height:3.6rem;padding:.6rem .9rem;border:1px solid var(--hair-strong);border-radius:var(--radius);background:#f6e9ff0d;text-align:left;transition:background-color .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),opacity .2s var(--ease),transform .16s var(--ease)}.q-option:hover:not(:disabled){border-color:var(--paper);background:#f6e9ff1f}.q-option:active:not(:disabled){transform:scale(.985)}.q-option:disabled{cursor:default}.q-option__key{flex-shrink:0}.q-option__text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.q-option__main{font-weight:600;overflow-wrap:anywhere}.q-option__meta{font-size:.82rem;color:var(--paper-mute)}.q-option.is-right{border-color:var(--up);background:var(--up);color:var(--up-ink)}.q-option.is-right .q-option__meta,.q-option.is-right .key{color:var(--up-ink)}.q-option.is-wrong{border-color:var(--miss);background:var(--miss);color:var(--miss-ink)}.q-option.is-wrong .q-option__meta,.q-option.is-wrong .key{color:var(--miss-ink)}.q-option.is-dim{opacity:.4}.q-shake{animation:q-shake .36s var(--ease)}@keyframes q-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.q-timer{width:min(100%,22rem);height:4px;border-radius:2px;background:var(--hair-strong);overflow:hidden}.q-timer__fill{height:100%;background:var(--tema);transform-origin:left}.q-intro{width:min(100%,34rem);display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.q-intro__title{font-family:var(--display);font-size:clamp(2.4rem,8vw,4.4rem);line-height:.92;text-transform:uppercase;text-shadow:0 0 50px var(--tema-glow)}.q-intro__rules{margin:0;padding:0;list-style:none;display:grid;gap:.35rem;color:var(--paper-mute)}.q-intro__choices{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.4rem}.top5-face{width:clamp(72px,13vh,116px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;border:2px solid var(--tema);background:var(--ink-high)}.top5-list{width:min(100%,34rem);margin:0;padding:0;list-style:none;display:grid;gap:.4rem}.top5-row{width:100%;display:grid;grid-template-columns:2.2rem 2.8rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.4rem .7rem .4rem .45rem;border:1px solid var(--hair-strong);border-radius:var(--radius);background:#f6e9ff0d;text-align:left;transition:background-color .16s var(--ease),border-color .16s var(--ease),transform .3s var(--ease-out)}.top5-row:hover:not(:disabled){border-color:var(--paper)}.top5-row:disabled{cursor:default}.top5-rank{display:grid;place-items:center;width:2rem;height:2rem;border:1px dashed var(--hair-strong);border-radius:var(--radius);font-family:var(--mono);font-weight:600;color:var(--paper-faint)}.top5-row.is-ranked .top5-rank{border:0;background:var(--paper);color:var(--ink)}.top5-row img{width:2.8rem;height:2.8rem;object-fit:cover;border-radius:2px;background:var(--ink-high)}.top5-title{font-weight:600;line-height:1.2;overflow-wrap:anywhere}.top5-plays{font-size:.8rem;color:var(--paper-mute);white-space:nowrap}.top5-row.is-right{border-color:var(--up)}.top5-row.is-right .top5-rank{background:var(--up);color:var(--up-ink)}.top5-row.is-wrong{border-color:var(--miss)}.top5-row.is-wrong .top5-rank{background:var(--miss);color:var(--miss-ink)}.top5-row .top5-guess{font-family:var(--mono);font-size:.72rem;color:var(--paper-faint)}.temazo-grid{width:min(100%,44rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.temazo-card{display:flex;flex-direction:column;gap:.45rem;padding:.55rem;border:1px solid var(--hair-strong);border-radius:var(--radius-lg);background:#f6e9ff0d;text-align:left;transition:border-color .16s var(--ease),background-color .16s var(--ease),opacity .2s var(--ease),transform .16s var(--ease)}.temazo-card:hover:not(:disabled){border-color:var(--paper);transform:translateY(-3px)}.temazo-card:disabled{cursor:default}.temazo-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);background:var(--ink-high)}.temazo-card__title{font-weight:600;line-height:1.2;overflow-wrap:anywhere}.temazo-card__artist{margin-top:-.3rem;font-size:.82rem;color:var(--paper-mute)}.temazo-card__plays{min-height:1.3em;font-size:.95rem}.temazo-card.is-top{border-color:var(--up);background:#c8f24e1f}.temazo-card.is-top .temazo-card__plays{color:var(--up)}.temazo-card.is-wrong{border-color:var(--miss);background:#ff4a5e1f}.temazo-card.is-dim{opacity:.55}.temazo-dots{display:flex;gap:.35rem}.temazo-dot{width:.8rem;height:.8rem;border-radius:2px;background:var(--hair-strong)}.temazo-dot.is-right{background:var(--up)}.temazo-dot.is-wrong{background:var(--miss)}.portada-frame{position:relative;width:clamp(160px,34vh,300px);aspect-ratio:1;overflow:hidden;border-radius:var(--radius);background:var(--ink-high);box-shadow:0 18px 44px #0000009e}.portada-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.18);filter:blur(var(--blur, 26px)) saturate(1.2)}.portada-frame.is-revealed img{transform:none;filter:none;transition:filter .35s var(--ease),transform .35s var(--ease)}.precio-guess{font-size:clamp(1.9rem,5.4vw,3.3rem);line-height:1;color:var(--hot)}.precio-range{position:relative;width:min(100%,30rem)}.precio-range input{width:100%;accent-color:var(--hot)}.precio-scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.68rem;color:var(--paper-faint)}.precio-mark{position:absolute;top:-.35rem;width:2px;height:1.9rem;margin-left:-1px;background:var(--up);box-shadow:0 0 12px var(--up)}.club-line{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem;border:1px solid var(--tema);border-radius:var(--radius);font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tema)}.club-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,11rem));gap:.6rem}.club-buttons .pick{width:100%;padding-block:.9rem;font-size:.95rem}.club-clock.is-low{color:var(--miss)}.anio-picker{display:flex;align-items:center;gap:1rem}.anio-year{min-width:5ch;font-size:clamp(2.6rem,8vw,4.6rem);line-height:1;color:var(--hot)}.anio-step{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid var(--hair-strong);border-radius:var(--radius);font-family:var(--mono);font-size:1.4rem;transition:background-color .16s var(--ease),color .16s var(--ease)}.anio-step:hover:not(:disabled){background:var(--paper);color:var(--ink)}.anio-step:disabled{opacity:.35}.anio-range{width:min(100%,28rem);accent-color:var(--hot)}.quiz-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:1.5rem;background:#08060ad1;backdrop-filter:blur(16px) saturate(1.3);z-index:20;animation:q-fade .22s var(--ease)}@keyframes q-fade{0%{opacity:0}}.quiz-overlay__card{width:min(24rem,100%);padding:2.1rem 1.9rem;border-radius:var(--radius-lg);border:1px solid var(--hair-strong);border-top:2px solid var(--tema);background:var(--ink-raised);box-shadow:0 30px 80px #000000b3;text-align:center}.quiz-overlay__eyebrow{color:var(--paper-mute)}.quiz-overlay__score{margin-top:.7rem;font-size:5.2rem;line-height:.9;font-variant-numeric:tabular-nums;color:var(--hot)}.quiz-overlay__label{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute)}.quiz-overlay__detail{margin-top:.9rem;font-size:1.1rem;letter-spacing:.08em;color:var(--paper)}.quiz-overlay__best{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--hair);font-size:.85rem;color:var(--paper-faint);min-height:1.2em}.quiz-overlay__best.is-record{color:var(--up)}.quiz-overlay__actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.4rem}.quiz-overlay__actions .btn{width:100%}.quiz-overlay__actions .btn--solid .key{margin-left:.15rem;border-color:#00000038;background:#0000000f;color:#0000008c}@media(max-width:44rem){.temazo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.temazo-card img{max-height:18vh;aspect-ratio:auto}}@media(max-width:34rem){.quiz-hud__unit{display:none}.q-options{grid-template-columns:1fr}.q-option{min-height:3rem}.q-option__key{display:none}.top5-row{grid-template-columns:2rem 2.6rem minmax(0,1fr);column-gap:.6rem;row-gap:.1rem}.top5-rank,.top5-row img{grid-row:span 2}.top5-row img{width:2.6rem;height:2.6rem}.top5-plays{white-space:normal}.top5-plays:empty{display:none}}@media(max-width:26rem){.quiz-hud{gap:.5rem}.quiz-hud__label{font-size:.87rem}.quiz-hud__scores{gap:.8rem}.quiz-stat--muted .quiz-stat__key{display:none}}@media(max-height:640px){.quiz-hud__unit{display:none}.q-cover{width:clamp(90px,22vh,160px)}.portada-frame{width:clamp(120px,27vh,220px)}}@media(max-height:700px){.top5-face{width:clamp(52px,9vh,116px)}}@media(max-height:640px)and (max-width:44rem){.temazo-card img{max-height:13vh}}