:root{--bg-primary:#0a0a1a;--bg-secondary:#12122a;--bg-card:#1a1a3e;--text-primary:#e0e0ff;--text-secondary:#8888bb;--accent-blue:#4466ff;--accent-cyan:#00ccff;--accent-red:#ff4466;--accent-green:#44ff88;--accent-yellow:#ffcc44;--accent-purple:#aa44ff;--border:#2a2a5e}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow-x:hidden;overflow-y:auto;background:var(--bg-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif}body,button,html{color:var(--text-primary)}button{cursor:pointer;border:1px solid var(--border);background:var(--bg-card);padding:10px 20px;border-radius:6px;font-size:14px;transition:all .2s}button:hover{background:var(--accent-blue);border-color:var(--accent-cyan)}button:active{transform:scale(.95)}button:disabled{opacity:.4;cursor:not-allowed}@keyframes screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-4px,2px)}20%{transform:translate(4px,-2px)}30%{transform:translate(-3px,-3px)}40%{transform:translate(3px,3px)}50%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}70%{transform:translate(-1px,2px)}80%{transform:translate(1px,-1px)}90%{transform:translate(-1px)}}@keyframes kill-flash{0%{opacity:.5}to{opacity:0}}@keyframes banner-enter{0%{transform:scale(3) rotate(-5deg);opacity:0;letter-spacing:20px}40%{transform:scale(1.1) rotate(1deg);opacity:1;letter-spacing:4px}60%{transform:scale(.95) rotate(-.5deg)}to{transform:scale(1) rotate(0deg);opacity:1;letter-spacing:3px}}@keyframes banner-exit{0%{transform:scale(1);opacity:1}to{transform:scale(.5) translateY(-40px);opacity:0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px currentColor}50%{box-shadow:0 0 12px currentColor,0 0 20px currentColor}}@keyframes hp-critical{0%,to{opacity:1}50%{opacity:.5}}@keyframes float-particle{0%{transform:translateY(0) scale(1);opacity:.3}50%{opacity:.6}to{transform:translateY(-100vh) scale(0);opacity:0}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes countdown-pop{0%{transform:scale(1.8);opacity:0}30%{transform:scale(.9);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes phase-fade-out{0%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@keyframes title-glow{0%,to{filter:drop-shadow(0 0 8px rgba(0,204,255,.3))}50%{filter:drop-shadow(0 0 20px rgba(0,204,255,.6)) drop-shadow(0 0 40px rgba(170,68,255,.3))}}@keyframes lobby-grid-line{0%{opacity:0}50%{opacity:.08}to{opacity:0}}@keyframes card-appear{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes glow-border{0%,to{border-color:rgba(0,204,255,.2)}50%{border-color:rgba(0,204,255,.5)}}@keyframes ember-rise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}80%{opacity:.6}to{transform:translateY(-100vh) scale(.3);opacity:0}}@keyframes ember-drift{0%,to{transform:translateX(0)}50%{transform:translateX(30px)}}@keyframes energy-line-h{0%{left:-20%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:120%;opacity:0}}@keyframes energy-line-v{0%{top:-20%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:120%;opacity:0}}@keyframes border-travel{0%{background-position:0 0}to{background-position:200% 0}}@keyframes fire-flicker{0%,to{text-shadow:0 0 10px rgba(255,100,50,.3),0 0 20px rgba(0,204,255,.2)}25%{text-shadow:0 0 15px rgba(255,150,50,.5),0 0 30px rgba(170,68,255,.3)}50%{text-shadow:0 0 20px rgba(255,100,50,.4),0 0 40px rgba(0,204,255,.4)}75%{text-shadow:0 0 12px rgba(255,200,68,.5),0 0 25px rgba(170,68,255,.2)}}@keyframes text-glow{0%,to{text-shadow:0 0 10px currentColor}50%{text-shadow:0 0 20px currentColor,0 0 40px currentColor}}input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:10px 14px;border-radius:6px;font-size:14px;outline:none}input:focus{border-color:var(--accent-blue)}