body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1a1a2e;color:#e0e0e0;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}.game-container{position:relative;width:800px;height:600px;border:5px solid #0f3460;box-shadow:0 0 20px #00000080,inset 0 0 15px #ffffff1a;background-color:#16213e;overflow:hidden;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;transition:all .3s ease-in-out}.cloud-sync-indicator{position:absolute;top:10px;right:10px;font-size:12px;color:#888;background-color:#ffffff1a;padding:3px 8px;border-radius:5px;z-index:100}.game-info-panel{width:100%;height:60px;display:flex;justify-content:space-around;align-items:center;padding:0 20px;background:linear-gradient(to bottom,#16213ecc,#16213e80);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:2px solid #0f3460;box-shadow:0 2px 10px #0000004d;z-index:10}.info-item{display:flex;align-items:center;font-size:18px;font-weight:700;text-shadow:0 0 5px rgba(255,255,255,.2)}.info-item svg{margin-right:8px;stroke-width:1.5px}.ammo-display{position:relative}.game-area{position:relative;width:100%;height:540px;background:url(./background.jpg) center center / cover no-repeat;background-color:#16213e;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:crosshair;border-radius:0 0 10px 10px}.game-canvas{position:absolute;top:0;left:0;z-index:1}.player,.enemy,.bullet{position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:-webkit-optimize-contrast}.player{z-index:5;transition:left .05s linear}.enemy{z-index:4;transition:top .1s linear}.enemy span{font-size:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 0 8px rgba(255,0,0,.7)}.enemy-health-bar-container{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:80%;height:8px;background-color:#00000080;border-radius:4px;overflow:hidden}.enemy-health-bar{height:100%;background-color:#ff4d4f;transition:width .2s ease-out}.bullet{background-color:#f0ad4e;border-radius:2px;box-shadow:0 0 5px #f0ad4e,0 0 10px #f0ad4e;z-index:3}.muzzle-flash{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:40px;height:40px;opacity:.8;animation:muzzleFlashAnim .1s forwards;z-index:6}@keyframes muzzleFlashAnim{0%{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.5;transform:translate(-50%) scale(1.2)}to{opacity:0;transform:translate(-50%) scale(1.5)}}.start-screen,.game-over-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a213ee6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px}.start-screen h1,.game-over-screen h1{font-size:64px;margin-bottom:20px;color:#ff4d4f;text-shadow:0 0 15px rgba(255,77,79,.7);animation:pulse 2s infinite ease-in-out}.game-over-screen h1{color:#fff;text-shadow:0 0 15px rgba(255,255,255,.7)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.start-screen p,.game-over-screen p{font-size:24px;margin-bottom:15px;color:#e0e0e0}.start-screen p:first-of-type{color:#faad14;font-weight:700}.start-button,.retry-button,.reload-button{padding:15px 30px;font-size:24px;font-weight:700;color:#fff;background:linear-gradient(45deg,#ff6b6b,#f0932b);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b66;display:flex;align-items:center;gap:10px}.start-button:hover,.retry-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ff6b6b99}.retry-button{background:linear-gradient(45deg,#48dbfb,#0984e3);box-shadow:0 4px 15px #48dbfb66}.retry-button:hover{box-shadow:0 6px 20px #48dbfb99}.controls-hint{margin-top:30px;font-size:16px;color:#bbb;line-height:1.6}.controls-hint p{margin-bottom:5px}.mobile-controls{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:calc(100% - 40px);display:flex;justify-content:center;gap:15px;z-index:20}.reload-button{padding:12px 25px;font-size:18px;background:linear-gradient(45deg,#55efc4,#00b894);box-shadow:0 4px 10px #55efc466}.reload-button:hover{box-shadow:0 6px 15px #55efc499}.reload-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.7}.reload-bar-container{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:100px;height:8px;background-color:#fff3;border-radius:4px;overflow:hidden;margin-top:5px}.reload-bar{height:100%;background-color:#48dbfb;transition:width .05s linear}@media (max-width: 850px){.game-container{width:95vw;height:auto;aspect-ratio:800 / 600}.game-info-panel{height:50px;padding:0 10px}.info-item{font-size:16px}.game-area{height:calc(100% - 50px)}.start-screen h1,.game-over-screen h1{font-size:48px}.start-button,.retry-button{padding:12px 24px;font-size:20px}.mobile-controls{bottom:10px}.reload-button{padding:10px 20px;font-size:16px}}@media (max-width: 480px){.info-item{font-size:14px}.info-item svg{width:18px;height:18px}.start-screen h1,.game-over-screen h1{font-size:36px}.start-screen p,.game-over-screen p{font-size:18px}.start-button,.retry-button{padding:10px 20px;font-size:18px}.controls-hint{font-size:14px}.mobile-controls{gap:10px}.reload-button{padding:8px 15px;font-size:14px}.reload-bar-container{width:80px}}