:root{background:#17133f;color:#f7f5ff}
body{background:radial-gradient(circle at 50% -20%,#7c3aed66,transparent 44%),#17133f}
header{border-color:#67e8f9;background:#20194f}
header a{color:#67e8f9}
header span{color:#c4b5fd}
header button{border-color:#8b7ad1;background:#30266d}
.arena{background:#312e81}
.announcer{border-color:#312e81;background:#e9d5ff;color:#312e81;box-shadow:0 8px 30px #8b5cf688}
.room-code{border-color:#a5f3fc;background:#20194fee}
.hud{background:#27205b;border-color:#7367bb}
.fighter em,.turn span,.controls output{color:#a5f3fc}
.fighter meter{accent-color:#a855f7}
.controls{background:#1d174d}
.controls input{accent-color:#22d3ee}
.fire{border-color:#6d28d9;background:linear-gradient(145deg,#7c3aed,#c026d3 58%,#0891b2);box-shadow:0 5px 0 #4338ca,0 0 24px #c026d366}
.fire:active{box-shadow:0 1px 0 #4338ca,0 0 30px #22d3ee88}
.modes{background:#241c58}
.modes button{border-color:#6f64a8;background:#352b73;color:#ede9fe}
.modes button.active{border-color:#67e8f9;background:#67e8f9;color:#312e81}
dialog{border-color:#a78bfa;background:#21194b}
dialog::backdrop{background:#1e1b4bcc}
.online-dialog input{border-color:#7066a8;background:#302762}
.online-actions button{background:#67e8f9;color:#312e81}