:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#001a33;color:#fafafa;overflow:hidden}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;position:relative}canvas{border:2px solid rgba(0,150,255,.3);border-radius:8px;cursor:none}.hud{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;gap:24px;font-size:1.1rem;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);z-index:10;pointer-events:none}.hud span{display:flex;align-items:center;gap:6px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000a1ed9;z-index:20;gap:16px}.overlay h1{margin:0;font-size:2.5rem;background:linear-gradient(135deg,#00d4ff,#09f,#0fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overlay h2{margin:0;font-size:1.6rem;color:#ff6b6b}.overlay p{margin:0;color:#ffffffb3;font-size:1rem;text-align:center;max-width:340px;line-height:1.6}.overlay .score-display{font-size:1.3rem;color:gold;font-weight:700}.btn{padding:12px 32px;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:linear-gradient(135deg,#09f,#0cf);color:#fff;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #0096ff4d}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #0096ff80}.controls-hint{font-size:.8rem;color:#fff6;margin-top:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}