@layer components{.arena-root{--arena-a:#0e7490;--arena-a-strong:#0891b2;--arena-a-soft:#0891b214;--arena-a-border:#0891b252;--arena-a-glow:#0891b224;--arena-a-on:#fff;--arena-b:#a21caf;--arena-b-strong:#c026d3;--arena-b-soft:#c026d314;--arena-b-border:#c026d34d;--arena-b-glow:#c026d321;--arena-b-on:#fff;--arena-gold:#b45309;--arena-gold-strong:#d97706;--arena-gold-soft:#d9770617;--arena-gold-border:#d9770661;--arena-gold-glow:#d9770629;--arena-danger:#dc2626;--arena-danger-soft:#dc262612;--arena-danger-border:#dc26264d;--arena-ambience-opacity:.75;--arena-grid-line:#0f172a0d}.arena-dialogue-classroom{grid-template-columns:minmax(0,1fr)}@media (min-width:80rem){.arena-dialogue-classroom{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(290px,380px) minmax(560px,1fr) minmax(290px,380px)}.arena-dialogue-classroom[data-winner=A]{grid-template-columns:minmax(290px,380px) minmax(640px,1fr) 56px}.arena-dialogue-classroom[data-winner=B]{grid-template-columns:56px minmax(640px,1fr) minmax(290px,380px)}}@media (min-width:96rem){.arena-dialogue-classroom{grid-template-columns:minmax(320px,420px) minmax(640px,1fr) minmax(320px,420px)}.arena-dialogue-classroom[data-winner=A]{grid-template-columns:minmax(320px,420px) minmax(720px,1fr) 56px}.arena-dialogue-classroom[data-winner=B]{grid-template-columns:56px minmax(720px,1fr) minmax(320px,420px)}}.dark .arena-root,.arena-theater{--arena-a:#22d3ee;--arena-a-strong:#06b6d4;--arena-a-soft:#22d3ee1a;--arena-a-border:#22d3ee61;--arena-a-glow:#22d3ee38;--arena-a-on:#062a33;--arena-b:#e879f9;--arena-b-strong:#d946ef;--arena-b-soft:#e879f91a;--arena-b-border:#e879f95c;--arena-b-glow:#e879f933;--arena-b-on:#31053a;--arena-gold:#fbbf24;--arena-gold-strong:#f59e0b;--arena-gold-soft:#fbbf241a;--arena-gold-border:#fbbf246b;--arena-gold-glow:#fbbf2438;--arena-danger:#f87171;--arena-danger-soft:#f8717114;--arena-danger-border:#f8717159;--arena-ambience-opacity:.9;--arena-grid-line:#94a3b812}.arena-text-a{color:var(--arena-a)}.arena-text-b{color:var(--arena-b)}.arena-text-gold{color:var(--arena-gold)}.arena-text-danger{color:var(--arena-danger)}.arena-chip{border:1px solid #0000;border-radius:9999px;place-items:center;font-style:italic;font-weight:800;line-height:1;display:inline-grid}.arena-chip-a{color:var(--arena-a);background:var(--arena-a-soft);border-color:var(--arena-a-border);box-shadow:0 0 14px var(--arena-a-glow)}.arena-chip-b{color:var(--arena-b);background:var(--arena-b-soft);border-color:var(--arena-b-border);box-shadow:0 0 14px var(--arena-b-glow)}.arena-chip-gold{color:var(--arena-gold);background:var(--arena-gold-soft);border-color:var(--arena-gold-border);box-shadow:0 0 16px var(--arena-gold-glow)}.arena-card-a{border-color:var(--arena-a-border);box-shadow:0 1px 2px #0f172a0d,0 0 32px var(--arena-a-glow)}.arena-card-b{border-color:var(--arena-b-border);box-shadow:0 1px 2px #0f172a0d,0 0 32px var(--arena-b-glow)}.arena-card-winner{border-color:var(--arena-gold-border);box-shadow:0 1px 2px #0f172a0d,0 0 44px var(--arena-gold-glow)}.arena-btn-a{color:#fff;background:linear-gradient(135deg,var(--arena-a),#0f766e);box-shadow:0 0 22px var(--arena-a-glow)}.dark .arena-btn-a{color:var(--arena-a-on);background:linear-gradient(135deg,var(--arena-a-strong),#14b8a6)}.arena-btn-a:hover:not(:disabled){filter:brightness(1.08)}.arena-btn-b{color:#fff;background:linear-gradient(135deg,var(--arena-b),#6d28d9);box-shadow:0 0 22px var(--arena-b-glow)}.dark .arena-btn-b{color:var(--arena-b-on);background:linear-gradient(135deg,var(--arena-b-strong),#8b5cf6)}.arena-btn-b:hover:not(:disabled){filter:brightness(1.08)}.arena-btn-duel{color:#fff;background:linear-gradient(120deg,var(--arena-a),var(--arena-b));box-shadow:0 0 18px var(--arena-a-glow),0 0 18px var(--arena-b-glow)}.dark .arena-btn-duel{color:#10131c;background:linear-gradient(120deg,var(--arena-a-strong),var(--arena-b-strong))}.arena-btn-duel:hover:not(:disabled){filter:brightness(1.08)}.arena-ambience{opacity:var(--arena-ambience-opacity);position:absolute;inset:0;overflow:hidden}.arena-ambience:before{content:"";background:radial-gradient(44rem 26rem at 10% -8%,var(--arena-a-glow),transparent 62%),radial-gradient(44rem 26rem at 90% -8%,var(--arena-b-glow),transparent 62%),radial-gradient(64rem 30rem at 50% 118%,var(--arena-a-soft),transparent 68%);position:absolute;inset:0}.arena-ambience:after{content:"";background-image:linear-gradient(var(--arena-grid-line)1px,transparent 1px),linear-gradient(90deg,var(--arena-grid-line)1px,transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 62% at 50% 22%,#000 25%,#0000 72%);mask-image:radial-gradient(85% 62% at 50% 22%,#000 25%,#0000 72%)}@keyframes arena-vs-pulse{0%,to{box-shadow:0 0 16px var(--arena-a-glow),0 0 32px var(--arena-b-glow);transform:scale(1)}50%{box-shadow:0 0 26px var(--arena-a-glow),0 0 52px var(--arena-b-glow);transform:scale(1.045)}}@keyframes arena-pop-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes arena-rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes arena-caret-blink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.arena-fx-vs-pulse{animation:2.8s ease-in-out infinite arena-vs-pulse}.arena-fx-pop-in{animation:.5s cubic-bezier(.2,.9,.3,1.4) both arena-pop-in}.arena-fx-rise-in{animation:.45s cubic-bezier(.2,.8,.3,1) both arena-rise-in}.arena-fx-caret-blink{animation:.5s linear 3 arena-caret-blink}@keyframes arena-theater-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes arena-theater-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes arena-theater-fade-in{0%{opacity:0}to{opacity:1}}@keyframes arena-theater-fade-out{0%{opacity:1}to{opacity:0}}@keyframes arena-theater-switch-a{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes arena-theater-switch-b{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.arena-fx-theater-in{animation:.22s ease-out both arena-theater-in}.arena-fx-theater-out{animation:.2s ease-in both arena-theater-out}.arena-fx-theater-fade-in{animation:.22s ease-out both arena-theater-fade-in}.arena-fx-theater-fade-out{animation:.2s ease-in both arena-theater-fade-out}.arena-fx-theater-switch-a{animation:.25s ease-out both arena-theater-switch-a}.arena-fx-theater-switch-b{animation:.25s ease-out both arena-theater-switch-b}@media (prefers-reduced-motion:reduce){.arena-fx-vs-pulse,.arena-fx-pop-in,.arena-fx-rise-in,.arena-fx-caret-blink,.arena-fx-theater-in,.arena-fx-theater-out,.arena-fx-theater-fade-in,.arena-fx-theater-fade-out,.arena-fx-theater-switch-a,.arena-fx-theater-switch-b{animation:none}}}