:root{--neon-purple:#b026ff;--neon-pink:#ff00ff;--neon-green:#39ff14;--neon-yellow:#fff01f;--bg-dark:#090011}body{margin:0;overflow:hidden;background-color:var(--bg-dark);font-family:'Courier New',Courier,monospace;color:#fff;user-select:none}#game-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}canvas{box-shadow:0 0 50px rgba(176,38,255,.2);border:2px solid var(--neon-purple);background:radial-gradient(circle at center,#1a0b2e 0,#000 100%)}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-shadow:0 0 10px var(--neon-purple)}.hidden{display:none!important}#hud{justify-content:space-between;align-items:flex-start;flex-direction:row;padding:20px;box-sizing:border-box;height:auto}.hud-panel{background:rgba(0,0,0,.7);border:1px solid var(--neon-green);padding:10px 20px;border-radius:4px}h1{font-size:4rem;margin:0;background:-webkit-linear-gradient(45deg,var(--neon-pink),var(--neon-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px var(--neon-purple);letter-spacing:2px;text-transform:uppercase}h2{font-size:2rem;color:var(--neon-green);margin-bottom:10px}p{font-size:1.2rem;color:#ddd;max-width:600px;line-height:1.5}.tagline{color:var(--neon-yellow);font-size:1.2rem;margin-bottom:30px;font-style:italic}button{pointer-events:auto;background:0 0;color:var(--neon-green);border:2px solid var(--neon-green);padding:15px 40px;font-size:1.5rem;font-family:inherit;cursor:pointer;margin-top:20px;transition:.2s;text-transform:uppercase;box-shadow:0 0 10px var(--neon-green)}button:hover{background:var(--neon-green);color:#000;box-shadow:0 0 30px var(--neon-green)}.stat-label{font-size:.8rem;color:#aaa;display:block}.stat-value{font-size:1.5rem;font-weight:700;color:#fff}#toast-container{position:absolute;bottom:20%;width:100%;text-align:center;pointer-events:none}.toast{display:inline-block;background:rgba(0,0,0,.8);border:1px solid var(--neon-yellow);color:var(--neon-yellow);padding:10px 20px;border-radius:20px;animation:2s forwards floatUp;font-weight:700}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(-40px)}}.bar-container{width:200px;height:10px;background:#333;margin-top:5px;position:relative}.bar-fill{height:100%;width:100%;transition:width .2s}#integrity-bar{background-color:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink)}#shield-bar{background-color:var(--neon-purple);box-shadow:0 0 10px var(--neon-purple)}.controls-hint{margin-top:30px;font-size:.9rem;color:#888;border:1px solid #333;padding:10px;display:inline-block}.key{border:1px solid #666;padding:2px 6px;border-radius:4px;color:#fff;background:#222}