@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&display=swap";:root{--bg: #05000A;--surface: rgba(20, 5, 40, .85);--primary: #00F5FF;--accent: #FF006E;--text: #E0E0FF;--border: rgba(0, 245, 255, .3)}body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Chakra Petch,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.app{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1a0033,#05000a)}.screen-card{background:var(--surface);padding:60px 80px;border-radius:20px;border:2px solid var(--border);box-shadow:0 0 40px #00f5ff26,inset 0 0 20px #00f5ff0d;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h1{font-size:4rem;margin:0 0 10px;background:linear-gradient(135deg,var(--primary),#B200FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,245,255,.4);letter-spacing:4px}.cloud-tag{font-size:1.1rem;color:#00f5ff;margin-bottom:30px;opacity:.8}.highlight{color:var(--primary);font-weight:700;font-size:1.5em;text-shadow:0 0 10px var(--primary)}.controls-hint{background:#00000080;padding:15px;border-radius:10px;margin:30px 0;font-size:1.1rem;color:#a0a0c0;border:1px dashed var(--border)}.action-btn{background:linear-gradient(90deg,var(--primary),#0088FF);color:#000;border:none;padding:16px 40px;font-size:1.5rem;font-weight:700;font-family:inherit;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;gap:12px;box-shadow:0 0 20px #00f5ff66;transition:box-shadow .3s}.action-btn:hover{box-shadow:0 0 40px #00f5ffcc}.game-wrapper{position:relative;width:1200px;height:800px}.game-canvas{background:#020005;border:2px solid var(--border);border-radius:12px;box-shadow:0 0 50px #000c;cursor:none}.game-hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;z-index:10;pointer-events:none}.hud-panel{background:#0a0514d9;border:2px solid var(--border);padding:15px 25px;border-radius:12px;box-shadow:0 8px 32px #000c,inset 0 0 15px #00f5ff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-title{font-size:1rem;color:#88a;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.health-panel{min-width:220px}.player-health-bar-bg{width:100%;height:24px;background:#111;border-radius:12px;border:1px solid #333;margin-bottom:10px;position:relative;overflow:hidden}.player-health-bar-fill{height:100%;background:linear-gradient(90deg,#00f5ff,#08f);transition:width .2s ease-out;box-shadow:0 0 15px #00f5ff}.health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000}.hearts-container{display:flex;gap:8px}.heart-icon{transition:all .3s}.heart-icon.active{filter:drop-shadow(0 0 8px #FF006E)}.heart-icon.lost{opacity:.3;transform:scale(.8)}.score-panel{display:flex;align-items:center;gap:15px;padding:10px 30px;border-radius:50px;background:#0009}.score-text{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 0 15px #FFD700}.ammo-panel{min-width:250px;text-align:right}.weapon-name{justify-content:flex-end;color:#fff}.ammo-display{margin:5px 0 10px}.ammo-current{font-size:3rem;font-weight:700;line-height:1;text-shadow:0 0 20px currentColor}.ammo-max{font-size:1.5rem;color:#668;margin-left:5px}.ammo-bar-bg{width:100%;height:16px;background:#111;border-radius:8px;overflow:hidden;border:1px solid #333}.ammo-bar-fill{height:100%;transition:width .1s linear,background-color .3s;box-shadow:0 0 15px currentColor}