.app-container{width:100vw;height:100vh;background-color:#0c0f12;color:#fff;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}.game-header{height:60px;background:linear-gradient(180deg,#161a1e,#0c0f12);border-bottom:2px solid #1f262e;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 4px 20px #00000080;z-index:10}.brand{font-size:20px;font-weight:900;letter-spacing:2px;color:#0fc;text-shadow:0 0 10px rgba(0,255,204,.4)}.score-board{display:flex;flex-direction:column;align-items:center}.score-board .label{font-size:10px;color:#8a99ad;letter-spacing:1px}.score-board .value{font-size:24px;font-weight:800;color:#fc0;text-shadow:0 0 8px rgba(255,204,0,.5);transition:transform .1s ease}.score-board .value.bounce{transform:scale(1.3)}.high-score{display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;color:#0fc;border:1px solid rgba(0,255,204,.2)}.trophy-icon{color:#0fc}.game-stage{flex:1;position:relative;background:radial-gradient(circle,#1a222d,#080a0f);overflow:hidden;cursor:none}.depth-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% 50%,transparent 40%,rgba(0,0,0,.8) 100%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;transform:perspective(500px) rotateX(20deg);transform-origin:bottom;opacity:.7;pointer-events:none}.overlay-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#080a0ff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.title-logo{font-size:64px;font-weight:900;color:#f36;text-shadow:0 0 20px rgba(255,51,102,.6);margin-bottom:8px;letter-spacing:4px;animation:pulse 2s infinite alternate}.subtitle{font-size:14px;color:#8a99ad;letter-spacing:6px;margin-bottom:40px}.instructions{background:#ffffff08;padding:20px 30px;border-radius:12px;border:1px solid rgba(255,255,255,.08);margin-bottom:40px;max-width:400px;text-align:left}.instructions p{margin:10px 0;font-size:14px;color:#cbd5e1}.btn-primary{background:linear-gradient(135deg,#f36,#f03);color:#fff;border:none;padding:14px 36px;font-size:18px;font-weight:700;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 10px 25px #f366;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px #f369}.gameover-title{font-size:72px;font-weight:900;color:#f03;text-shadow:0 0 30px rgba(255,0,51,.8);margin-bottom:20px;letter-spacing:6px}.final-score{font-size:20px;color:#cbd5e1;margin-bottom:12px}.final-score span{color:#fc0;font-size:32px;font-weight:800}.new-record{color:#0fc;font-size:18px;font-weight:700;margin-bottom:40px;animation:bounce 1s infinite}.zombie-entity{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transition:transform .05s linear}.zombie-avatar{font-size:48px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.6))}.zombie-avatar.walker{animation:zombieWobble 1.5s infinite ease-in-out}.zombie-avatar.runner{animation:zombieRun .6s infinite linear}.zombie-avatar.tank{font-size:72px;animation:zombieHeavy 2s infinite ease-in-out}.zombie-hp-bar{width:50px;height:6px;background:#0009;border-radius:3px;overflow:hidden;margin-bottom:6px;border:1px solid rgba(255,255,255,.2)}.zombie-hp-fill{height:100%;background:#f36;transition:width .1s ease}.particle{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.game-crosshair{position:absolute;width:40px;height:40px;color:#0fc;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);pointer-events:none;z-index:90;text-shadow:0 0 8px rgba(0,255,204,.8)}.weapon-viewport{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:80;pointer-events:none;transition:transform .05s ease}.weapon-emoji{font-size:120px;display:block;transform:scaleX(-1) rotate(-15deg);filter:drop-shadow(0 -10px 20px rgba(0,0,0,.5))}.weapon-viewport.recoil{transform:translate(-50%) translateY(20px) rotate(-5deg)}.hud-panel{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(0deg,#080a0f,#0c0f12e6);border-top:2px solid #1f262e;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 -10px 30px #000c;z-index:95}.hud-section{display:flex;align-items:center;gap:12px}.hud-icon{width:28px;height:28px}.bar-container{width:120px;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.bar-fill{height:100%;border-radius:6px;transition:width .2s ease}.hud-value{font-size:18px;font-weight:800;font-family:monospace}.weapon-selector{display:flex;gap:8px}.weapon-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.weapon-btn:hover{background:#ffffff14}.weapon-btn.active{background:#00ffcc26;border-color:#0fc;box-shadow:0 0 15px #0fc3}.weapon-btn .w-icon{font-size:20px}.weapon-btn .w-name{color:#cbd5e1;font-size:12px;font-weight:600}.weapon-btn.active .w-name{color:#fff}.hurt-flash{animation:hurtFlashAnim .2s ease-out}.shoot-flash{animation:shootFlashAnim .08s ease-out}@keyframes hurtFlashAnim{0%{box-shadow:inset 0 0 100px #f03c}to{box-shadow:inset 0 0 #f030}}@keyframes shootFlashAnim{0%{background-color:#ffffff26}to{background-color:transparent}}@keyframes pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.05);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes zombieWobble{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-5px)}}@keyframes zombieRun{0%,to{transform:scale(1.05) translateY(-3px) rotate(-3deg)}50%{transform:scale(.95) translateY(3px) rotate(3deg)}}@keyframes zombieHeavy{0%,to{transform:translateY(0) scaleX(1)}50%{transform:translateY(-4px) scaleX(1.05)}}@media (max-width: 768px){.game-crosshair,.weapon-btn .w-name{display:none}.hud-panel{padding:0 12px}.bar-container{width:60px}.title-logo{font-size:48px}}