.arena-root{--a-bg:#1b1d21;--a-bg-2:#202329;--a-surface:#262a30;--a-surface-2:#2b2f36;--a-ink:#e9edf2;--a-ink-2:#aab2bd;--a-ink-3:#6b7280;--a-line:#33383f;--a-dark:#141517;--a-light:#2f343b;--a-blue:#2f6fd0;--a-blue-deep:#12305a;--a-green:#46d17f;--a-red:#e2624e;--a-shadow-out:6px 6px 14px var(--a-dark),-6px -6px 14px var(--a-light);--a-shadow-out-sm:4px 4px 9px var(--a-dark),-4px -4px 9px var(--a-light);--a-shadow-in:inset 5px 5px 11px var(--a-dark),inset -5px -5px 11px var(--a-light);background:var(--a-bg);min-height:100vh;color:var(--a-ink);font-family:var(--pp-font-body,system-ui,sans-serif)}.a-card{background:var(--a-surface);box-shadow:var(--a-shadow-out);border-radius:22px}.a-inset{background:var(--a-surface);box-shadow:var(--a-shadow-in);border-radius:18px}.a-answer{text-align:start;background:linear-gradient(145deg,var(--a-surface-2),var(--a-surface));width:100%;color:var(--a-ink);box-shadow:var(--a-shadow-out-sm);border:1px solid #0000;border-radius:16px;padding:16px 20px;transition:transform .12s,box-shadow .16s,background .16s}.a-answer:not(:disabled):hover{transform:translateY(-1px)}.a-answer:not(:disabled):active{box-shadow:var(--a-shadow-in);transform:translateY(0)}.a-answer.is-correct{box-shadow:var(--a-shadow-in);border-color:color-mix(in srgb,var(--a-green)55%,transparent);background:color-mix(in srgb,var(--a-green)12%,var(--a-surface))}.a-answer.is-wrong{box-shadow:var(--a-shadow-in);border-color:color-mix(in srgb,var(--a-red)55%,transparent);background:color-mix(in srgb,var(--a-red)12%,var(--a-surface))}.a-answer.is-dim{opacity:.55}.a-answer:disabled{cursor:default}.a-next{color:var(--a-ink);box-shadow:var(--a-shadow-out);background:linear-gradient(#3a4048,#23262b);border-radius:16px;padding:14px 40px;font-weight:700;transition:transform .12s,box-shadow .16s}.a-next:active{box-shadow:var(--a-shadow-out-sm);transform:translateY(1px)}.a-pill{box-shadow:var(--a-shadow-out);color:var(--a-ink);background:linear-gradient(#3a4048,#23262b);border-radius:999px;padding:12px 30px;font-weight:700;transition:transform .12s,box-shadow .16s}.a-pill:active{box-shadow:var(--a-shadow-out-sm);transform:translateY(1px)}.a-pill.a-pill--blue{background:linear-gradient(#3a72c8,#1c4c93)}.a-topic{background:linear-gradient(160deg,var(--a-surface-2),var(--a-surface));box-shadow:var(--a-shadow-out-sm);border-radius:8px;transition:transform .14s,box-shadow .18s;position:relative;overflow:hidden}.a-topic:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#0000008c);position:absolute;inset:0}.a-topic:hover{box-shadow:var(--a-shadow-out);transform:translateY(-2px)}.a-topic.is-active{box-shadow:var(--a-shadow-in)}.a-leaderboard{position:relative}.a-leader-row{background:linear-gradient(90deg,var(--a-blue),var(--a-blue-deep));color:#eaf1fb;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.a-leader-row.is-me{outline:1.5px solid #6ea8ff}.a-leader-fade{pointer-events:none;background:linear-gradient(to bottom,transparent,var(--a-bg));height:90px;position:absolute;bottom:0;left:0;right:0}.a-slot{background:var(--a-surface);height:84px;box-shadow:var(--a-shadow-in);border-radius:14px;justify-content:center;align-items:center;display:flex;overflow:hidden}.a-slot-strip{flex-direction:column;display:flex}.a-slot-item{justify-content:center;align-items:center;height:84px;font-size:1.6rem;font-weight:800;display:flex}@keyframes a-drop-in{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes a-rise-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes a-arrow-r{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes a-arrow-l{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}.a-drop-in{animation:a-drop-in .5s var(--pp-ease,cubic-bezier(.2,.7,.2,1))both}.a-rise-in{animation:a-rise-in .5s var(--pp-ease,cubic-bezier(.2,.7,.2,1))both}.a-arrow-r{animation:a-arrow-r .5s .25s var(--pp-ease,cubic-bezier(.2,.7,.2,1))both}.a-arrow-l{animation:a-arrow-l .5s .25s var(--pp-ease,cubic-bezier(.2,.7,.2,1))both}@keyframes a-sweep{0%{left:-60%}to{left:160%}}.a-sweep{position:relative;overflow:hidden}.a-sweep:before{content:"";background:linear-gradient(100deg,#0000,#ffffff24,#0000);width:40%;animation:2.4s linear infinite a-sweep;position:absolute;top:0;bottom:0;left:-60%}@keyframes a-roll-out{to{opacity:0;transform:translateY(-100%)}}@keyframes a-roll-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.a-roll-out{animation:.35s forwards a-roll-out}.a-roll-in{animation:.35s forwards a-roll-in}@keyframes a-spin{to{transform:rotate(360deg)}}.a-spin{animation:1s linear infinite a-spin}@keyframes a-bounce{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-16px)scale(1.06)}70%{transform:translateY(0)scale(1)}85%{transform:translateY(-5px)}to{transform:translateY(0)}}.a-smiley-bounce{animation:a-bounce .7s var(--pp-ease,cubic-bezier(.2,.7,.2,1))}@media (prefers-reduced-motion:reduce){.a-drop-in,.a-rise-in,.a-arrow-r,.a-arrow-l,.a-sweep:before,.a-roll-out,.a-roll-in,.a-spin{animation:none}}