@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Inter:wght@400;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:#020617;color:#f8fafc;overflow:hidden;background-image:radial-gradient(circle at 50% 50%,#0f172a80,#020617),linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:100% 100%,50px 50px,50px 50px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;justify-content:center;align-items:center;background:#020617f2;z-index:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay.center{display:flex}.overlay h1{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.2rem;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.5);font-size:clamp(2rem,8vw,5rem);margin-bottom:2rem}.overlay h2{font-family:Orbitron,sans-serif;font-size:clamp(1.2rem,4vw,2.2rem);margin-bottom:1.5rem;color:#0ff}.overlay button{margin:.6rem 0;padding:.8rem 2.5rem;background:transparent;border:1px solid rgba(0,255,255,.5);color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:.1rem;transition:all .3s ease;border-radius:4px}.overlay button:hover{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 20px #00ffff4d}#gameCanvas{width:90vw;height:70vh;margin:2vh auto;background:#000;border:1px solid rgba(0,255,255,.3);border-radius:8px;box-shadow:0 0 40px #00ffff1a;display:block}#chaosMeter{position:fixed;bottom:40px;left:50%;transform:translate(-50%);width:600px;max-width:90vw;background:#0f172acc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(0,255,255,.2);border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;z-index:800}#chaosMeter h3{font-family:Orbitron,sans-serif;font-size:.8rem;color:#0ff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}#chaosEffects{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}#chaosEffects span{font-family:Orbitron,sans-serif;font-size:.7rem;padding:4px 8px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:4px;color:#0ff}.marquee{position:fixed;bottom:0;width:100%;background:#00000080;padding:5px 0;border-top:1px solid rgba(0,255,255,.1)}.marquee-content{white-space:nowrap;display:inline-block;animation:scroll 40s linear infinite;font-size:.8rem;color:#ffff00b3;font-weight:600}@keyframes scroll{0%{transform:translate(100vw)}to{transform:translate(-100%)}}nav#socialButtons{position:fixed;top:20px;right:20px;display:flex;gap:15px;z-index:950}nav#socialButtons a{color:#ffffff80;text-decoration:none;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;transition:color .3s}nav#socialButtons a:hover{color:#0ff}.inverted{filter:invert(1)}.rainbow{animation:rainbow 5s linear infinite}.shake-screen{animation:shakeScreen .2s infinite}@keyframes shakeScreen{0%{transform:translate(2px,1px)}50%{transform:translate(-3px)}to{transform:translate(1px,-1px)}}@keyframes rainbow{0%{color:red}33%{color:green}66%{color:#00f}to{color:red}}.flash-white{background:#fff!important;transition:background .1s}