:root{--primary:#0ea5e9;--primary-glow:#0ea5e980;--secondary:#f43f5e;--bg-dark:#020617;--glass-bg:#0f172a99;--glass-border:#ffffff1a;--text-main:#f8fafc}body,html{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-main);margin:0;padding:0;font-family:Outfit,sans-serif;overflow:hidden}#game-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glass-panel,#hud,.btn,input{pointer-events:auto}.hidden{display:none!important}h1{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #38bdf880;-webkit-background-clip:text;margin:0;font-size:4rem;font-weight:900}h2{letter-spacing:4px;color:#94a3b8;margin:0 0 2rem;font-size:2rem;font-weight:700}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);text-align:center;border-radius:24px;padding:3rem;animation:6s ease-in-out infinite float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000080}@keyframes float{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-52%)}to{transform:translate(-50%,-50%)}}.connection-section{background:#0000004d;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.code-box{letter-spacing:.5rem;color:var(--primary);text-shadow:0 0 10px var(--primary-glow);margin:1rem 0;font-family:monospace;font-size:2.5rem;font-weight:700}.status{font-size:.9rem;font-weight:700}.status.warning{color:#fbbf24}.status.success{color:#10b981}.btn{color:var(--text-main);border:2px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:9999px;padding:1rem 3rem;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn.primary{box-shadow:0 10px 20px -10px var(--primary-glow);background:linear-gradient(135deg,#0ea5e9,#3b82f6);border:none}.btn.primary:not(:disabled):hover{box-shadow:0 15px 25px -5px var(--primary-glow);transform:translateY(-2px)scale(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}#hud{justify-content:space-between;display:flex;position:absolute;top:2rem;left:2rem;right:2rem}.hud-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;padding:1rem 1.5rem;display:flex}.hud-item .label{color:#94a3b8;letter-spacing:2px;font-size:.8rem;font-weight:700}.hud-item .value{color:#fff;text-shadow:0 0 15px #ffffff80;font-size:2.5rem;font-weight:900}.health-bar-container{background:#00000080;border-radius:6px;width:200px;height:12px;margin-top:8px;overflow:hidden}.health-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);width:100%;height:100%;transition:width .3s,background .3s;box-shadow:0 0 10px #10b98180}.powerup-strip{align-items:center;gap:6px;min-height:36px;margin-top:6px;display:flex}.powerup-icon{border:2px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;animation:.3s ease-out powerupPop;display:flex;position:relative}.powerup-icon .timer-ring{border:2px solid #ffffff80;border-radius:8px;animation:linear forwards timerShrink;position:absolute;inset:-2px}@keyframes powerupPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes timerShrink{0%{opacity:1}to{opacity:.2}}.powerup-icon.shield{background:#3b82f666}.powerup-icon.speed{background:#f9731666}.powerup-icon.multiplier{background:#eab30866}.shield-indicator{color:#60a5fa;letter-spacing:1px;margin-top:6px;font-size:.75rem;font-weight:700;animation:1.5s ease-in-out infinite shieldPulse}@keyframes shieldPulse{0%,to{opacity:.7}50%{opacity:1}}