.google-login-button-wrapper{display:flex;justify-content:center;width:100%;margin:1rem 0}.google-login-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;border:2px solid transparent;border-radius:12px;background:linear-gradient(135deg,#fff,#f8f9fa);color:#3c4043;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.google-login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.google-login-button:hover:before{left:100%}.google-login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.google-login-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.google-login-button:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f433}.google-icon{color:#4285f4;flex-shrink:0}.button-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(66,133,244,.1),transparent);transition:left .8s}.google-login-button:hover .button-shine{left:100%}.google-login-button.loading{pointer-events:none;opacity:.7}.google-login-button.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid #4285f4;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;right:1rem;top:50%;transform:translateY(-50%)}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}@media(max-width:768px){.google-login-button-wrapper{margin:.75rem 0}.google-login-button{padding:.875rem 1.25rem;font-size:.95rem}}@media(max-width:480px){.google-login-button{padding:.75rem 1rem;font-size:.9rem;gap:.5rem}}@media(prefers-color-scheme:dark){.google-login-button{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#4a5568;color:#f7fafc;box-shadow:0 4px 12px #0000004d}.google-login-button:hover{background:linear-gradient(135deg,#4a5568,#718096);box-shadow:0 6px 20px #0006}.google-login-button:active{background:linear-gradient(135deg,#718096,#a0aec0)}}@media(prefers-contrast:high){.google-login-button{border-width:3px;border-color:#000}.google-login-button:focus{border-color:#4285f4;border-width:3px}}@media(prefers-reduced-motion:reduce){.google-login-button,.google-login-button:before,.button-shine{transition:none;animation:none}.google-login-button:hover{transform:none}}:root{--hud-bg-glass: rgba(11, 26, 42, .82);--hud-border-glass: rgba(0, 210, 255, .28);--hud-gold: #f9e500;--hud-cyan: #00d2ff;--hud-neon-blue: #3a7bd5;--hud-crimson: #ff4b4b;--hud-emerald: #10b981;--hud-amber: #f59e0b;--hud-purple: #a855f7;--hud-text-primary: #ffffff;--hud-text-muted: #94a3b8;--hud-radius-sm: 8px;--hud-radius-md: 14px;--hud-radius-lg: 20px;--hud-safe-top: env(safe-area-inset-top, 0px);--hud-safe-bottom: env(safe-area-inset-bottom, 0px);--hud-safe-left: env(safe-area-inset-left, 0px);--hud-safe-right: env(safe-area-inset-right, 0px)}.game-hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;padding:calc(10px + var(--hud-safe-top)) calc(12px + var(--hud-safe-right)) calc(10px + var(--hud-safe-bottom)) calc(12px + var(--hud-safe-left));overflow:hidden;user-select:none;-webkit-user-select:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hud-interactive{pointer-events:auto}.hud-glass-panel{background:var(--hud-bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--hud-border-glass);box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff1a;border-radius:var(--hud-radius-md);transition:all .25s cubic-bezier(.4,0,.2,1)}.hud-top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;z-index:110}.hud-player-badge{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;border-radius:40px}.hud-player-avatar{width:38px;height:38px;border-radius:50%;border:2px solid var(--hud-gold);background:linear-gradient(135deg,#3a7bd5,#00d2ff);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;box-shadow:0 0 10px #f9e50066;flex-shrink:0}.hud-player-info{display:flex;flex-direction:column;text-align:left}.hud-player-name{font-size:13px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px}.hud-vip-tag{background:linear-gradient(90deg,#f59e0b,#d97706);color:#000;font-size:10px;font-weight:900;padding:1px 6px;border-radius:6px;letter-spacing:.5px}.hud-player-balance{font-size:14px;font-weight:800;color:var(--hud-gold);text-shadow:0 0 8px rgba(249,229,0,.4);display:flex;align-items:center;gap:4px}.hud-top-actions{display:flex;align-items:center;gap:8px}.hud-icon-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--hud-border-glass);background:#0b1a2ab3;color:#fff;cursor:pointer;outline:none;transition:all .2s ease}.hud-icon-btn:hover{background:#00d2ff33;border-color:var(--hud-cyan);transform:scale(1.06)}.hud-icon-btn:active{transform:scale(.94)}.hud-bet-control-container{display:flex;flex-direction:column;gap:8px;padding:10px 14px;min-width:220px}.hud-bet-stepper-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.hud-stepper-btn{width:42px;height:42px;min-width:42px;border-radius:12px;background:linear-gradient(135deg,#3a7bd566,#00d2ff33);border:1px solid var(--hud-cyan);color:#fff;font-size:22px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 4px 10px #0000004d}.hud-stepper-btn:hover:not(:disabled){background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#0b1a2a;transform:translateY(-2px);box-shadow:0 0 15px #00d2ff99}.hud-stepper-btn:active:not(:disabled){transform:translateY(1px) scale(.95)}.hud-stepper-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#ffffff1a}.hud-bet-display-box{flex:1;text-align:center;background:#0006;border:1px solid rgba(249,229,0,.3);border-radius:10px;padding:4px 8px}.hud-bet-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--hud-text-muted)}.hud-bet-value{font-size:17px;font-weight:900;color:var(--hud-gold);text-shadow:0 0 10px rgba(249,229,0,.5);white-space:nowrap}.hud-quick-bets-row{display:flex;align-items:center;justify-content:space-between;gap:4px}.hud-chip-btn{flex:1;padding:4px 2px;font-size:11px;font-weight:700;color:#cbd5e1;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:center}.hud-chip-btn:hover{background:#00d2ff33;border-color:var(--hud-cyan);color:#fff}.hud-chip-btn.active{background:linear-gradient(135deg,#f9e5004d,#d9770666);border-color:var(--hud-gold);color:var(--hud-gold);font-weight:800;box-shadow:0 0 8px #f9e5004d}.hud-bet-toggles{display:flex;gap:6px}.hud-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0000004d;color:var(--hud-text-muted);cursor:pointer;transition:all .2s ease}.hud-toggle-btn.active-lock{background:#10b98140;border-color:var(--hud-emerald);color:#34d399;box-shadow:0 0 10px #10b98159}.hud-toggle-btn.active-auto{background:#ff4b4b40;border-color:var(--hud-crimson);color:#ff6b6b;box-shadow:0 0 10px #ff4b4b59;animation:pulseAuto 1.2s infinite}@keyframes pulseAuto{0%,to{opacity:1}50%{opacity:.7}}.hud-gun-switcher-container{display:flex;align-items:center;gap:8px;padding:8px 12px}.hud-gun-card{display:flex;align-items:center;gap:10px;cursor:pointer}.hud-gun-icon-wrapper{position:relative;width:48px;height:48px;border-radius:12px;background:radial-gradient(circle,#00d2ff33,#0b1a2acc);border:1.5px solid var(--hud-cyan);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 0 12px #00d2ff66;transition:all .2s ease}.hud-gun-icon-wrapper.tier-legendary{border-color:var(--hud-gold);background:radial-gradient(circle,#f9e5004d,#0b1a2ae6);box-shadow:0 0 16px #f9e50099}.hud-gun-icon-wrapper.tier-epic{border-color:var(--hud-purple);box-shadow:0 0 14px #a855f780}.hud-gun-details{display:flex;flex-direction:column;text-align:left}.hud-gun-name{font-size:13px;font-weight:800;color:#fff;display:flex;align-items:center;gap:6px}.hud-gun-multiplier{font-size:11px;font-weight:700;color:var(--hud-cyan)}.hud-gun-power-bar{width:80px;height:4px;background:#ffffff1a;border-radius:2px;margin-top:4px;overflow:hidden}.hud-gun-power-fill{height:100%;background:linear-gradient(90deg,var(--hud-cyan),var(--hud-gold));border-radius:2px;transition:width .3s ease}.hud-gun-nav-btn{width:32px;height:32px;min-width:32px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.hud-gun-nav-btn:hover{background:var(--hud-cyan);color:#0b1a2a;border-color:var(--hud-cyan)}.hud-chat-trigger-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:30px;background:var(--hud-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hud-border-glass);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #0006;transition:all .2s ease}.hud-chat-trigger-btn:hover{background:#00d2ff40;border-color:var(--hud-cyan);transform:translateY(-2px)}.hud-chat-modal{position:absolute;z-index:150;display:flex;flex-direction:column;box-sizing:border-box;animation:hudFadeIn .25s ease-out}@keyframes hudFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hud-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.hud-chat-tabs{display:flex;gap:6px}.hud-chat-tab{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;color:var(--hud-text-muted);background:transparent;border:none;cursor:pointer;transition:all .15s ease}.hud-chat-tab.active{background:#00d2ff33;color:var(--hud-cyan)}.hud-chat-close{background:transparent;border:none;color:var(--hud-text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.hud-chat-close:hover{color:#fff}.hud-chat-body{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px;max-height:220px;scrollbar-width:thin;scrollbar-color:var(--hud-border-glass) transparent}.hud-chat-msg{display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.4;word-break:break-word}.hud-chat-sender{font-weight:700;color:var(--hud-cyan);flex-shrink:0}.hud-chat-sender.vip{color:var(--hud-gold)}.hud-chat-text{color:#e2e8f0}.hud-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:10px 12px}.hud-emoji-btn{font-size:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 0;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.hud-emoji-btn:hover{background:#00d2ff4d;border-color:var(--hud-cyan);transform:scale(1.18)}.hud-quick-msg-list{display:flex;flex-direction:column;gap:6px;padding:8px 12px}.hud-quick-msg-item{padding:6px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:12px;color:#cbd5e1;cursor:pointer;text-align:left;transition:all .15s ease}.hud-quick-msg-item:hover{background:#00d2ff33;border-color:var(--hud-cyan);color:#fff}.hud-chat-input-row{display:flex;gap:6px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.1)}.hud-chat-input{flex:1;background:#00000059;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 10px;color:#fff;font-size:12px;outline:none}.hud-chat-input:focus{border-color:var(--hud-cyan)}.hud-chat-send-btn{background:linear-gradient(135deg,#3a7bd5,#00d2ff);border:none;border-radius:8px;padding:0 12px;color:#0b1a2a;font-weight:800;font-size:12px;cursor:pointer;transition:all .15s ease}.hud-chat-send-btn:hover{transform:scale(1.05)}.hud-floating-bubble{position:absolute;pointer-events:none;z-index:180;font-size:38px;animation:floatUpAndFade 2.8s cubic-bezier(.2,.8,.2,1) forwards;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}@keyframes floatUpAndFade{0%{transform:translate(0) scale(.5);opacity:0}15%{transform:translateY(-30px) scale(1.2);opacity:1}80%{opacity:.9}to{transform:translateY(-180px) scale(1);opacity:0}}.hud-layout-portrait{flex-direction:column;justify-content:space-between}.hud-layout-portrait .hud-bottom-dock{width:100%;display:flex;flex-direction:column;gap:8px;z-index:120}.hud-layout-portrait .hud-dock-row-primary{display:flex;gap:8px;width:100%}.hud-layout-portrait .hud-bet-control-container,.hud-layout-portrait .hud-gun-switcher-container{flex:1;min-width:0}.hud-layout-portrait .hud-chat-modal{bottom:0;left:0;right:0;width:100%;border-radius:20px 20px 0 0;max-height:55vh}.hud-layout-landscape{flex-direction:column;justify-content:space-between}.hud-layout-landscape .hud-middle-content{display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin-top:auto;gap:16px}.hud-layout-landscape .hud-left-wing{display:flex;flex-direction:column;gap:8px;max-width:280px}.hud-layout-landscape .hud-right-wing{display:flex;flex-direction:column;gap:8px;max-width:320px}.hud-layout-landscape .hud-chat-modal{bottom:12px;right:12px;width:300px;max-height:70vh}.hud-layout-desktop{flex-direction:column;justify-content:space-between}.hud-layout-desktop .hud-bottom-dock{display:flex;justify-content:space-between;align-items:flex-end;width:100%;gap:20px}.hud-layout-desktop .hud-center-gun-dock{display:flex;align-items:center;gap:12px}.hud-layout-desktop .hud-chat-modal{bottom:80px;right:20px;width:340px;max-height:380px}.hud-hotkey-badge{display:inline-block;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700;color:#fff;margin-left:4px}.game-viewport-container{position:relative;width:100vw;height:100vh;max-width:100%;max-height:100%;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.game-canvas-scaler{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.game-canvas-scaler canvas{display:block;max-width:100%;max-height:100%;object-fit:contain}.swimming-fish-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.fish-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.water-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0b1a2a4d,#162a3d66,#0b1a2a80);pointer-events:none}.water-overlay:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,210,255,.1),transparent);animation:waterFlow 8s linear infinite}@keyframes waterFlow{0%{left:-100%}to{left:100%}}.water-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(255,255,255,.03) 50px,rgba(255,255,255,.03) 100px);animation:lightRays 20s linear infinite}@keyframes lightRays{0%{transform:translate(0)}to{transform:translate(100px)}}:root{--primary-bg: #0b1a2a;--secondary-bg: #162a3d;--accent-cyan: #00d2ff;--accent-blue: #3a7bd5;--accent-gold: #f9e500;--text-main: #ffffff;--text-muted: #a0aec0;--bg-gradient: linear-gradient(135deg, #0b1a2a 0%, #162a3d 100%);--button-gradient: linear-gradient(90deg, #3a7bd5 0%, #00d2ff 100%);--gold-gradient: linear-gradient(180deg, #f9e500 0%, #d4af37 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(12px);--shadow-premium: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0b1a2a,#1a3a52,#0f2744);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative}.premium-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;position:relative;z-index:10}.glass-box{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 8px 32px #0000005e,0 2px 8px #00d2ff33,inset 0 1px #ffffff1a;padding:3rem;width:100%;max-width:480px;text-align:center;position:relative;overflow:hidden;animation:floatAnimation 6s ease-in-out infinite}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glass-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:.6;animation:shimmerLine 3s ease-in-out infinite}@keyframes shimmerLine{0%,to{opacity:.3}50%{opacity:.8}}.glass-box:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,210,255,.1) 90deg,transparent 180deg,rgba(249,229,0,.1) 270deg,transparent 360deg);animation:rotate 20s linear infinite;z-index:-1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-field{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:1rem 1.5rem;color:#fff;font-size:1rem;margin-bottom:1.5rem;transition:var(--transition-smooth);outline:none}.input-field:focus{border-color:var(--accent-cyan);background:#ffffff1a;box-shadow:0 0 0 3px #00d2ff1a}.input-field::placeholder{color:var(--text-muted)}.btn-primary{width:100%;background:var(--button-gradient);border:none;border-radius:12px;padding:1rem 1.5rem;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d2ff66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{transform:none;box-shadow:0 4px 12px #0003}.btn-gold{background:var(--gold-gradient);color:#3e2723}.hidden{display:none}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes swim{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(10px) translateY(-5px) rotate(2deg)}50%{transform:translate(20px) translateY(0) rotate(0)}75%{transform:translate(10px) translateY(5px) rotate(-2deg)}}.particle{position:fixed;pointer-events:none;opacity:.6;animation:floatUp 8s linear infinite}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #00d2ff80}.btn-primary:active{transform:translateY(0) scale(.98)}.input-field:focus{box-shadow:0 0 0 3px #00d2ff33,0 0 20px #00d2ff1a}.loading-content{animation:pulse 1.5s ease-in-out infinite}@media(max-width:768px){.glass-box{animation:floatAnimationMobile 4s ease-in-out infinite}}@keyframes floatAnimationMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}
