@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg: #05050A;--surface: #0A0F1A;--primary: #00F5FF;--primary-dark: #008B8B;--accent: #7B2CBF;--danger: #FF006E;--text: #E0E0FF;--text-muted: #8A8AAA;--border: #1A253A;--camo-1: #1E2720;--camo-2: #2A3628;--camo-3: #151C17}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:JetBrains Mono,monospace;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}.game-wrapper{position:relative;width:800px;height:600px;background:var(--surface);border:2px solid var(--border);border-radius:8px;box-shadow:0 0 40px #00f5ff1a,inset 0 0 20px #000c;overflow:hidden}.shake{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}.cloud-status{position:absolute;top:12px;right:12px;font-size:12px;color:var(--primary);background:#00f5ff1a;padding:4px 10px;border-radius:4px;border:1px solid rgba(0,245,255,.3);z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.start-screen,.gameover-screen{background:radial-gradient(circle at center,var(--surface) 0%,var(--bg) 100%)}.title{font-family:Orbitron,sans-serif;font-size:3.5rem;color:var(--primary);text-shadow:0 0 20px var(--primary),0 0 40px var(--accent);margin-bottom:10px;text-transform:uppercase;letter-spacing:4px}.subtitle{font-size:1.2rem;color:var(--text);margin:5px 0}.text-danger{color:var(--danger);text-shadow:0 0 20px var(--danger)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.btn-primary{background:linear-gradient(45deg,var(--primary-dark),var(--primary));color:#000;border:none;padding:12px 30px;font-size:1.2rem;font-family:Orbitron,sans-serif;font-weight:700;border-radius:4px;cursor:pointer;box-shadow:0 0 15px var(--primary);transition:all .2s;text-transform:uppercase}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 25px var(--primary),0 0 10px #fff}.mt-8{margin-top:2rem}.hints{margin-top:1.5rem;color:var(--text-muted);font-size:.9rem}.tactical-keypad{background:#0a0f1acc;border:1px solid var(--primary);border-radius:6px;padding:15px;margin-top:20px;box-shadow:0 0 15px #00f5ff33;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:280px}.keypad-header{font-size:.8rem;color:var(--primary);text-align:left;margin-bottom:8px;border-bottom:1px solid rgba(0,245,255,.3);padding-bottom:4px}.tactical-keypad .display{background:#000;color:var(--primary);padding:10px;text-align:right;font-family:Orbitron,monospace;border-radius:4px;margin-bottom:10px;border:1px inset var(--border)}.tactical-keypad .keys{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.tactical-keypad .key{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:8px 0;border-radius:4px;cursor:pointer;font-family:JetBrains Mono,monospace;transition:background .2s}.tactical-keypad .key:hover{background:#00f5ff33;border-color:var(--primary)}.tactical-keypad .key-equal{grid-column:span 2;background:#00f5ff1a;color:var(--primary)}.loading-text{position:absolute;bottom:20px;color:var(--text-muted);display:flex;align-items:center;gap:8px;font-size:.9rem}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.camo-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--camo-1);background-image:radial-gradient(circle at 20% 30%,var(--camo-2) 15%,transparent 20%),radial-gradient(circle at 80% 70%,var(--camo-3) 20%,transparent 25%),radial-gradient(circle at 50% 50%,var(--camo-2) 10%,transparent 15%);background-size:200px 200px;opacity:.3;animation:scrollBg 20s linear infinite;z-index:1}@keyframes scrollBg{to{background-position:0 600px}}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,245,255,.05) 51%);background-size:100% 4px;z-index:2;pointer-events:none}.hud-top{position:absolute;top:10px;left:10px;right:150px;display:flex;gap:10px;z-index:50}.hud-panel{background:#0a0f1ab3;border:1px solid var(--border);border-radius:4px;padding:8px 12px;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #00000080}.player-info{flex:1;max-width:250px}.avatar{width:36px;height:36px;border-radius:4px;background:#000;border:1px solid var(--primary);display:flex;justify-content:center;align-items:center;overflow:hidden}.stats{flex:1}.stats .name{font-size:.9rem;font-weight:700;color:var(--primary);display:flex;justify-content:space-between}.stats .level{color:var(--accent)}.exp-bar{height:4px;background:#222;border-radius:2px;margin-top:4px;overflow:hidden}.exp-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--primary));transition:width .3s}.score-panel{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700}.controls-panel button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:color .2s}.controls-panel button:hover{color:var(--primary)}.entities-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.entity{position:absolute;display:flex;justify-content:center;align-items:center}.w-full{width:100%}.h-full{height:100%}.object-contain{object-fit:contain}.drop-shadow-neon{filter:drop-shadow(0 0 10px rgba(0,245,255,.6))}.drop-shadow-danger{filter:drop-shadow(0 0 8px rgba(255,0,110,.5))}.shield-wrapper{position:absolute;width:140%;height:140%;top:-20%;left:-20%;animation:pulseShield 1s infinite alternate}@keyframes pulseShield{0%{transform:scale(.95);opacity:.8}to{transform:scale(1.05);opacity:1}}.hp-bar{position:absolute;bottom:-8px;left:10%;width:80%;height:3px;background:#333;border-radius:2px;overflow:hidden}.hp-fill{height:100%;background:var(--danger);transition:width .1s}.bullet{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px var(--primary)}.particle-trail{position:absolute;width:6px;height:15px;background:var(--primary);border-radius:3px;filter:blur(2px);pointer-events:none}.combo-text{position:absolute;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--accent);text-shadow:0 0 10px var(--accent),0 0 20px #fff;pointer-events:none;white-space:nowrap}.level-up-text{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron,sans-serif;font-size:3rem;color:var(--primary);text-shadow:0 0 30px var(--primary);display:flex;align-items:center;gap:15px;pointer-events:none}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.pause-overlay h2{color:var(--primary);font-family:Orbitron,sans-serif;font-size:2.5rem;margin-bottom:2rem;letter-spacing:2px}