.quiz-arena-shell{max-width:1120px;margin:0 auto}.quiz-back{color:var(--bts-accent-ink);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:inline-flex}.quiz-arena-hero{border:2px solid var(--ink);background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--bts-accent) 45%,hsl(var(--card))),transparent 28%),linear-gradient(135deg,var(--surface-elevated,hsl(var(--card))) 35%,color-mix(in srgb,var(--bts-accent) 18%,hsl(var(--card))));min-height:330px;box-shadow:8px 8px 0 var(--ink);border-radius:28px;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);padding:clamp(1.5rem,4vw,3.5rem);display:grid;position:relative;overflow:hidden}.quiz-arena-copy{z-index:2;position:relative}.quiz-arena-kicker,.quiz-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--bts-accent-ink);align-items:center;gap:.45rem;font-size:.72rem;font-weight:800;display:inline-flex}.quiz-arena-hero h1{max-width:700px;margin:.8rem 0 1rem;font-family:Black Han Sans,sans-serif;font-size:clamp(2.5rem,7vw,5.25rem);line-height:.93}.quiz-arena-hero p{max-width:650px;color:var(--ink-2);font-size:1.05rem;line-height:1.65}.quiz-trust-row{flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;display:flex}.quiz-trust-row span{border:1.5px solid var(--ink);background:hsl(var(--card));border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .7rem;font-size:.75rem;font-weight:700;display:flex}.quiz-orbit{min-height:240px;position:relative}.quiz-orbit strong{border:2px solid var(--ink);background:var(--bts-accent);width:100px;height:100px;color:var(--bts-accent-foreground);box-shadow:5px 5px 0 var(--ink);border-radius:50%;place-items:center;font:2rem Black Han Sans;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.quiz-orbit span{border:2px solid var(--ink);background:hsl(var(--card));border-radius:50%;place-items:center;width:62px;height:62px;font-size:.72rem;font-weight:800;display:grid;position:absolute}.quiz-orbit span:first-child{top:8%;left:5%}.quiz-orbit span:nth-child(2){top:0;left:42%}.quiz-orbit span:nth-child(3){top:18%;right:2%}.quiz-orbit span:nth-child(4){bottom:15%;right:0}.quiz-orbit span:nth-child(6){bottom:0;right:38%}.quiz-orbit span:nth-child(7){bottom:10%;left:4%}.quiz-orbit span:nth-child(8){top:42%;left:-6%}.quiz-world-nav{grid-template-columns:repeat(4,1fr);gap:.8rem;margin:2rem 0;display:grid}.quiz-world-nav a{border:2px solid var(--ink);background:hsl(var(--card));box-shadow:3px 3px 0 var(--ink);border-radius:16px;align-items:flex-start;gap:.75rem;padding:1rem;transition:transform .18s;display:flex}.quiz-world-nav a:hover{transform:translate(-2px,-2px)}.quiz-world-nav svg{color:var(--bts-accent-ink);flex:none}.quiz-world-nav span{gap:.2rem;display:grid}.quiz-world-nav small{color:var(--ink-muted);line-height:1.35}.bts-quiz-root{min-height:420px;margin-top:2rem}.quiz-loading{border:2px solid var(--ink);background:hsl(var(--card));border-radius:24px;place-items:center;gap:1rem;min-height:360px;display:grid}.quiz-loading span{border:5px solid hsl(var(--border));border-top-color:var(--bts-accent-ink);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite quiz-spin}@keyframes quiz-spin{to{transform:rotate(360deg)}}.bts-quiz-lobby,.bts-quiz-stage,.bts-quiz-result{border:2px solid var(--ink);background:linear-gradient(145deg,hsl(var(--card)),color-mix(in srgb,var(--bts-accent) 7%,hsl(var(--card))));box-shadow:6px 6px 0 var(--ink);border-radius:24px;padding:clamp(1.1rem,4vw,2rem)}.quiz-lobby-heading,.quiz-tier-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.quiz-lobby-heading h2,.bts-quiz-stage h2{margin:.4rem 0;font:clamp(1.55rem,4vw,2.35rem)/1.18 Black Han Sans}.quiz-bank{border:1.5px solid var(--ink);background:hsl(var(--card));border-radius:999px;padding:.45rem .8rem;font-size:.75rem;font-weight:700}.quiz-pack-grid{grid-template-columns:repeat(5,1fr);gap:.65rem;margin:1.4rem 0 2rem;display:grid}.quiz-pack,.quiz-tier{border:2px solid var(--ink);background:hsl(var(--card));text-align:left;border-radius:15px;padding:1rem;transition:transform .15s,box-shadow .15s}.quiz-pack:hover,.quiz-tier:hover:not(:disabled){transform:translateY(-3px)}.quiz-pack.is-selected{background:var(--bts-accent);color:var(--bts-accent-foreground);box-shadow:4px 4px 0 var(--ink)}.quiz-pack span,.quiz-tier span{text-transform:uppercase;letter-spacing:.1em;opacity:.75;font-size:.63rem;font-weight:800;display:block}.quiz-pack strong,.quiz-tier strong{margin:.3rem 0;font-size:1rem;display:block}.quiz-pack small,.quiz-tier em{opacity:.7;font-size:.7rem;font-style:normal}.quiz-tier-heading{margin-bottom:.8rem;font-weight:800}.quiz-tier-heading button{border:1.5px solid var(--ink);background:hsl(var(--card));border-radius:999px;padding:.35rem .65rem;font-size:.72rem;font-weight:700}.quiz-tier-grid{grid-template-columns:repeat(5,1fr);gap:.7rem;display:grid}.quiz-tier p{color:var(--ink-muted);min-height:3.3em;margin:.45rem 0;font-size:.77rem;line-height:1.4}.quiz-tier.is-daily{background:color-mix(in srgb, var(--ink) 92%, var(--bts-accent));color:hsl(var(--card))}.quiz-tier.is-daily p{color:hsl(var(--border))}.quiz-tier:disabled{opacity:.65}.quiz-fairness{border-left:4px solid var(--bts-accent-ink);background:hsl(var(--card));margin-top:1rem;padding:.7rem .9rem;font-size:.8rem}.quiz-hud{border-bottom:2px solid var(--ink);align-items:center;gap:.65rem;padding-bottom:.8rem;display:flex}.quiz-hud>div{min-width:68px;display:grid}.quiz-hud span{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:.62rem}.quiz-hud strong{font-size:.92rem}.quiz-hud button{border:1.5px solid var(--ink);background:hsl(var(--card));border-radius:9px;margin-left:auto;padding:.4rem .55rem;font-size:.72rem;font-weight:700}.quiz-hud button+button{margin-left:0}.quiz-timer{background:hsl(var(--border));border-radius:999px;height:7px;margin:.8rem 0 1.2rem;overflow:hidden}.quiz-timer i{transform-origin:0;background:var(--bts-accent-ink);width:100%;height:100%;transition:transform .2s linear;display:block}.quiz-question-meta{gap:.45rem;margin:1rem 0;display:flex}.quiz-question-meta span{border:1px solid var(--ink);text-transform:uppercase;border-radius:999px;padding:.25rem .55rem;font-size:.6rem;font-weight:800}.quiz-visual{border:2px solid var(--ink);background:radial-gradient(circle,var(--bts-accent),color-mix(in srgb, var(--ink) 92%, var(--bts-accent)));border-radius:18px;max-width:560px;height:270px;margin:1rem auto 1.3rem;position:relative;overflow:hidden}.quiz-visual img{object-fit:contain;width:100%;height:100%;transition:filter .45s,transform .45s}.quiz-visual span{white-space:nowrap;border:1px solid hsl(var(--card));background:color-mix(in srgb, var(--ink) 72%, transparent);color:hsl(var(--card));border-radius:999px;padding:.35rem .65rem;font-size:.65rem;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}.quiz-visual.is-silhouette img{filter:brightness(0)}.quiz-visual.is-cutout img{filter:blur(13px)saturate(.4);transform:scale(1.08)}.quiz-visual.is-crop img{object-position:50% 25%;transform:scale(2.35)}.quiz-visual.is-revealed img{filter:none;transform:scale(1)}.quiz-visual.is-revealed span{display:none}.quiz-options{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.quiz-options button{border:2px solid var(--ink);background:hsl(var(--card));text-align:left;border-radius:14px;grid-template-columns:34px 1fr 24px;align-items:center;gap:.7rem;padding:.75rem;font-weight:700;display:grid}.quiz-options button:hover:not(:disabled){background:color-mix(in srgb,var(--bts-accent) 12%,hsl(var(--card)));transform:translateY(-1px)}.quiz-options button>b{border:1.5px solid var(--ink);background:color-mix(in srgb, hsl(var(--card)) 90%, var(--ink));border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.quiz-options button>i{font-size:1.2rem;font-style:normal}.quiz-options button.is-correct{background:color-mix(in srgb, #16a34a 18%, hsl(var(--card)))}.quiz-options button.is-wrong{background:color-mix(in srgb, #dc2626 16%, hsl(var(--card)))}.quiz-tools{min-height:40px;color:var(--ink-muted);align-items:center;gap:1rem;margin-top:1rem;font-size:.76rem;display:flex}.quiz-tools button{color:var(--bts-accent-ink);background:0 0;border:0;font-weight:800}.quiz-tools button span{color:var(--ink-muted);font-weight:400}.quiz-feedback{border:2px solid var(--ink);background:hsl(var(--card));border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.quiz-feedback strong{font-size:1.05rem}.quiz-feedback p{color:var(--ink-muted);margin-top:.25rem;font-size:.8rem}.quiz-feedback button{border:2px solid var(--ink);background:var(--bts-accent);color:var(--bts-accent-foreground);border-radius:10px;flex:none;padding:.7rem 1rem;font-weight:800}.bts-quiz-result{text-align:center}.quiz-result-burst{font-size:4rem}.bts-quiz-result h2{margin:.5rem 0;font:clamp(3rem,9vw,5.5rem)/1 Black Han Sans}.bts-quiz-result h2 small{text-transform:uppercase;font:1rem Lexend Deca}.bts-quiz-result>p{color:var(--ink-muted)}.quiz-result-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;max-width:600px;margin:1.5rem auto;display:grid}.quiz-result-grid div{border:1.5px solid var(--ink);background:hsl(var(--card));border-radius:12px;padding:.8rem;display:grid}.quiz-result-grid span{text-transform:uppercase;color:var(--ink-muted);font-size:.65rem}.quiz-result-grid strong{font-size:1.1rem}.quiz-save-status{background:color-mix(in srgb, var(--bts-accent) 10%, hsl(var(--card)));border-radius:10px;max-width:600px;margin:0 auto 1.2rem;padding:.7rem;font-size:.78rem}.quiz-result-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.quiz-result-actions button,.quiz-result-actions a{border:2px solid var(--ink);background:hsl(var(--card));border-radius:10px;padding:.7rem 1rem;font-size:.8rem;font-weight:800}.quiz-result-actions .btn-ink{background:var(--ink);color:hsl(var(--card))}html.game-playing .quiz-arena-hero,html.game-playing .quiz-world-nav,html.game-playing .quiz-back{display:none}.game-playing .bts-quiz-root{margin-top:0}@media (width<=850px){.quiz-arena-hero{grid-template-columns:1fr}.quiz-orbit{display:none}.quiz-world-nav,.quiz-pack-grid,.quiz-tier-grid{grid-template-columns:1fr 1fr}.quiz-tier:last-child,.quiz-pack:first-child{grid-column:1/-1}.quiz-tier p{min-height:auto}}@media (width<=560px){.quiz-arena-hero{min-height:0;box-shadow:4px 4px 0 var(--ink);border-radius:20px;padding:1.35rem}.quiz-arena-hero h1{font-size:2.55rem}.quiz-world-nav{grid-template-columns:1fr}.quiz-trust-row span:nth-child(2){display:none}.quiz-lobby-heading{flex-direction:column;align-items:flex-start}.quiz-pack-grid,.quiz-tier-grid{grid-template-columns:1fr}.quiz-pack:first-child,.quiz-tier:last-child{grid-column:auto}.quiz-tier{padding:.85rem}.quiz-hud{gap:.4rem}.quiz-hud>div:nth-child(3){display:none}.quiz-options{grid-template-columns:1fr}.quiz-visual{height:220px}.quiz-feedback{flex-direction:column;align-items:stretch}.quiz-result-grid{grid-template-columns:1fr 1fr}.quiz-result-grid div:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.quiz-loading span{animation:none}.quiz-pack,.quiz-tier,.quiz-world-nav a,.quiz-visual img{transition:none}}
