*{box-sizing:border-box}body{color:#0f172a;background:radial-gradient(circle at top,#f8fafc,#dbeafe);min-height:100vh;margin:0;font-family:Inter,Arial,sans-serif}.page{max-width:960px;margin:0 auto;padding:1.5rem}.authCard{background:#fff;border-radius:.75rem;flex-direction:column;gap:.75rem;max-width:420px;padding:1rem;display:flex;box-shadow:0 10px 30px #0f172a14}.authCard label{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.authCard input{border:1px solid #cbd5e1;border-radius:.5rem;padding:.55rem}.authCard button,.hud button{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:.55rem;padding:.55rem .75rem;font-weight:600}.authCard .ghostButton{background:#334155}.modeSwitch{gap:.5rem;display:flex}.modeSwitch button{color:#334155;background:#e2e8f0;flex:1}.modeSwitch .active{color:#fff;background:#0ea5e9}.error{color:#b91c1c;margin:0}.gameWrap{gap:1rem;display:grid}.hud{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hud p{margin:0}.arena{background:linear-gradient(#e0f2fe,#bae6fd);border:2px solid #0369a1;border-radius:.75rem;position:relative;overflow:hidden}.arena.chaosActive{animation:.35s linear infinite chaosPulse}.chaosNotice{color:#9a3412;margin:0;font-weight:700}.player{color:#0f172a;border:1px solid #0003;border-radius:999px;place-items:center;width:22px;height:22px;font-size:.5rem;font-weight:700;transition:transform 60ms linear;display:grid;position:absolute}.player.self{box-shadow:0 0 0 3px #0ea5e959}@keyframes chaosPulse{0%{background:linear-gradient(#fef3c7,#fde68a)}50%{background:linear-gradient(#fecaca,#fda4af)}to{background:linear-gradient(#fef3c7,#fde68a)}}