.game-arena{--game-ink:color-mix(in srgb, var(--game-accent) 35%, var(--foreground));isolation:isolate;background:radial-gradient(ellipse at 10% 0%, color-mix(in srgb, var(--game-accent) 12%, transparent), transparent 55%), radial-gradient(ellipse at 100% 70%, color-mix(in srgb, var(--game-glow) 8%, transparent), transparent 50%);min-height:100%;padding:6px}.game-arena-inner{max-width:900px;margin:0 auto;position:relative}.game-arena-header{justify-content:space-between;align-items:center;gap:6px;padding:0 0 6px;display:flex}.game-mode-emblem{background:linear-gradient(135deg, var(--game-accent), var(--game-glow));width:34px;height:34px;box-shadow:0 6px 20px color-mix(in srgb, var(--game-accent) 25%, transparent);border-radius:10px;flex-shrink:0;place-items:center;font-size:19px;display:grid}.game-feedback-toggle{border:1px solid var(--border);background:var(--card);width:34px;height:34px;color:var(--muted-foreground);border-radius:12px;place-items:center;display:grid}.game-feedback-toggle[aria-pressed=true]{color:var(--game-ink);background:color-mix(in srgb, var(--game-accent) 8%, var(--card))}.game-feedback-toggle:focus-visible,.game-answer-option:focus-visible{outline:3px solid var(--game-accent);outline-offset:3px}.game-round-track{color:var(--muted-foreground);align-items:center;gap:12px;display:flex}.game-round-meter{background:color-mix(in srgb, var(--game-accent) 15%, var(--card));border-radius:99px;flex:1;height:5px;overflow:hidden}.game-round-meter>div{border-radius:inherit;background:linear-gradient(90deg, var(--game-accent), var(--game-glow));height:100%;transition:width .25s}.game-feedback-line{min-height:30px;color:var(--muted-foreground);text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:5px;padding:4px 8px;font-size:12px;font-weight:700;display:flex}.game-feedback-correct{background:color-mix(in srgb, #10b981 12%, var(--card));color:#047857}.game-feedback-wrong{background:color-mix(in srgb, #f43f5e 10%, var(--card));color:#be123c}.dark .game-feedback-correct{color:#6ee7b7}.dark .game-feedback-wrong{color:#fda4af}.game-arena-content>div{gap:10px;max-width:none;padding:0}.game-hud{border:1px solid color-mix(in srgb, var(--game-accent) 25%, var(--border));background:color-mix(in srgb, var(--game-accent) 5%, var(--card));box-shadow:none;border-radius:16px;padding:8px}.game-question-card{border-color:color-mix(in srgb, var(--game-accent) 20%, var(--border));border-top:3px solid var(--game-accent);box-shadow:0 12px 35px color-mix(in srgb, var(--game-accent) 6%, transparent)}.game-answer-grid{gap:10px;display:grid}.game-answer-option{min-height:50px;box-shadow:0 4px 0 color-mix(in srgb, var(--game-accent) 14%, var(--border));border-radius:12px;transition:transform .15s,box-shadow .15s,background .15s;position:relative}.game-answer-option:not(:disabled):hover{border-color:var(--game-ink);background:color-mix(in srgb, var(--game-accent) 7%, var(--card));transform:translateY(-2px)}.game-answer-option:not(:disabled):active{box-shadow:0 1px 0 var(--border);transform:translateY(3px)}.game-answer-option[data-answer-state=correct]{box-shadow:0 4px #059669,0 0 22px #10b98122}.game-answer-option[data-answer-state=wrong]{box-shadow:0 4px #e11d48}.game-answer-symbol{border-radius:10px;min-width:26px;min-height:26px;font-weight:900}.game-celebration{pointer-events:none;border-radius:24px;position:absolute;inset:0;overflow:hidden}.game-celebration i{opacity:0;border-radius:2px;width:8px;height:13px;animation:.65s ease-out both game-spark-burst;position:absolute;top:130px;left:50%}@keyframes game-spark-burst{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--burst-x), 145px) rotate(var(--burst-turn))}}@media (min-width:640px){.game-arena{padding:12px}.game-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-feedback-line{font-size:14px}}@media (prefers-reduced-motion:reduce){.game-arena *,.game-arena :before,.game-arena :after{transition:none!important;animation:none!important}.game-celebration{display:none}.game-answer-option:not(:disabled):hover,.game-answer-option:not(:disabled):active{transform:none}}.game-arena[data-game-arena=rapid] .game-hud{background:linear-gradient(120deg, color-mix(in srgb, var(--game-accent) 12%, var(--card)), var(--card))}.game-arena[data-game-arena=timeatk] .game-round-meter{height:8px}.game-arena[data-game-arena=streak] .game-hud{border-bottom:3px solid var(--game-glow)}.game-arena[data-game-arena=double] .game-question-card,.game-arena[data-game-arena=djmulti] .game-question-card{border-top-width:4px;border-bottom:2px solid color-mix(in srgb, var(--game-accent) 35%, var(--border))}.game-arena[data-game-arena=wager] .game-hud{border:2px solid color-mix(in srgb, var(--game-glow) 35%, var(--border))}.game-arena[data-game-arena=cohort] .game-mode-emblem{border-radius:50%}.game-arena[data-game-arena=clash] .game-question-card{background:linear-gradient(145deg, var(--card), color-mix(in srgb, var(--game-glow) 4%, var(--card)))}.game-arena-content .game-hud{box-shadow:none;border-radius:16px;padding:6px 8px!important}.game-arena-content .game-question-card{border-radius:16px;padding:14px!important}.game-power-ups{min-width:0}.game-power-ups button{white-space:nowrap;min-width:0;line-height:1.2}.game-power-ups button:not(:disabled){background:var(--card);color:var(--foreground);border-color:var(--border)}.game-power-ups button:disabled{opacity:.65}.game-answer-option{text-align:left;padding:12px}.game-answer-option:not(:disabled){color:var(--foreground)}.game-answer-option>span{width:100%}.game-arena button.bg-gradient-to-r{background:var(--primary);color:var(--primary-foreground)}.game-arena button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.game-arena-header{flex-wrap:wrap}.game-arena-tools{justify-content:flex-end;align-items:center;gap:4px;max-width:100%;margin-left:auto;display:flex}.game-power-ups{flex-wrap:wrap;justify-content:flex-end}.game-power-ups button{border-radius:12px;min-height:34px}.game-hud .game-hud{background:0 0;border:0;padding:0!important}.game-arena-content{margin-top:6px}.game-question-card,.game-answer-option,.game-wager-panel{border-radius:16px}@media (max-width:479px){.game-arena-tools{flex-wrap:wrap}.game-mode-emblem{border-radius:9px;width:28px;height:28px;font-size:16px}.game-arena-header h1{font-size:14px}.game-power-ups button{font-size:10px}}