*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,sans-serif;background:#0a0a0f;color:#fff;overflow:hidden;width:100vw;height:100vh}#game-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.screen>*{pointer-events:auto}.hidden{display:none!important}.landing-screen{display:flex!important;flex-direction:row;background:transparent!important;pointer-events:auto}.landing-left{width:33.33%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0ff2,#1a1a2ee6,#16213ed9);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-right:1px solid rgba(0,200,255,.2)}.landing-left:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(0,200,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(124,77,255,.1) 0%,transparent 50%);pointer-events:none}.landing-right{width:66.66%;height:100%;pointer-events:none}.landing-content{position:relative;z-index:1;padding:3rem;max-width:500px;text-align:center}.landing-content .game-title{font-size:3.5rem;margin-bottom:.5rem}.tagline{color:#00c8ff;font-size:1.2rem;margin-bottom:2.5rem;font-weight:500}.wallet-dropdown-container{position:relative;margin-bottom:2.5rem}.btn-connect{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:1.2rem 2rem;font-size:1.2rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#7c4dff,#512da8);color:#fff;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 25px #7c4dff66}.btn-connect:hover{transform:translateY(-3px);box-shadow:0 8px 35px #7c4dff99}.wallet-icon-btn{font-size:1.4rem}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.wallet-dropdown-container.open .dropdown-arrow{transform:rotate(180deg)}.wallet-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#141423fa;border-radius:12px;border:1px solid rgba(124,77,255,.3);overflow:hidden;box-shadow:0 10px 40px #00000080;z-index:100;animation:dropdownSlide .3s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wallet-option{display:flex;align-items:center;gap:15px;width:100%;padding:1rem 1.5rem;font-size:1.1rem;font-weight:500;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.wallet-option:hover{background:#7c4dff33}.wallet-option:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.wallet-option img{width:28px;height:28px}.browser-icon{font-size:1.6rem;width:28px;text-align:center}.how-it-works{margin-bottom:2rem;text-align:left}.how-it-works h3{font-size:1rem;color:#fff9;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.steps{display:flex;flex-direction:column;gap:.8rem}.step{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:#ffffff0d;border-radius:10px;border-left:3px solid #00c8ff}.step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00c8ff,#06f);border-radius:50%;font-weight:700;font-size:.9rem}.step p{margin:0;color:#ffffffe6;font-size:.95rem}.game-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.feature{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;background:#00c8ff1a;border-radius:10px;border:1px solid rgba(0,200,255,.2)}.feature-icon{font-size:1.3rem}.feature span:last-child{font-size:.9rem;color:#ffffffe6}.landing-footer{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.footer-link{color:#ffffff80;text-decoration:none;font-size:.85rem;transition:color .2s ease}.footer-link:hover{color:#00c8ff}.wallet-container{text-align:center;padding:3rem;background:#0006;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px}.subtitle{color:#00c8ff;margin-bottom:2rem;font-size:1.1rem}.wallet-section{margin-bottom:2rem}.wallet-section h3{margin-bottom:.5rem;font-size:1.3rem}.wallet-info{color:#ffffffb3;margin-bottom:1.5rem;font-size:.9rem}.wallet-buttons{display:flex;flex-direction:column;gap:1rem}.btn-wallet{display:flex;align-items:center;justify-content:center;gap:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#512da8,#7c4dff);color:#fff}.btn-wallet:hover{transform:translateY(-2px);box-shadow:0 6px 25px #7c4dff66}.btn-wallet img{width:24px;height:24px}.wallet-help{margin-top:1.5rem;font-size:.85rem;color:#fff9}.wallet-help a{color:#00c8ff;text-decoration:none}.wallet-help a:hover{text-decoration:underline}.game-rules{background:#0000004d;padding:1.5rem;border-radius:12px;text-align:left}.game-rules h4{margin-bottom:1rem;color:#00c8ff;font-size:1rem}.game-rules ul{list-style:none}.game-rules li{margin:.5rem 0;font-size:.9rem;color:#fffc}#menu{background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;pointer-events:auto}.menu-container{text-align:center;padding:3rem;background:#0006;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-title{font-size:4rem;font-weight:900;letter-spacing:.1em;margin-bottom:1rem;text-shadow:0 0 30px rgba(0,200,255,.5)}.game-title span{color:#00c8ff}.wallet-status{display:flex;align-items:center;justify-content:center;gap:10px;padding:.8rem 1.5rem;background:#512da84d;border-radius:30px;margin-bottom:2rem;border:1px solid rgba(124,77,255,.3)}.wallet-icon{font-size:1.2rem}#wallet-address{font-family:monospace;color:#00c8ff}.btn-small{padding:.4rem .8rem;font-size:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:5px;cursor:pointer;transition:all .2s}.btn-small:hover{background:#fff3}.queue-status{padding:2rem;background:#0000004d;border-radius:15px;margin-bottom:1.5rem}.queue-spinner{width:40px;height:40px;border:3px solid rgba(0,200,255,.2);border-top-color:#00c8ff;border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.queue-status h3{margin-bottom:1rem;color:#00c8ff}.queue-status p{margin:.5rem 0;color:#fffc}#players-needed{color:#fa0;font-weight:600}.team-status{padding:2rem;background:#0000004d;border-radius:15px;margin-bottom:1.5rem}.team-badge{display:inline-block;padding:1rem 2rem;border-radius:10px;margin:1rem 0;font-weight:700;font-size:1.3rem;background:linear-gradient(135deg,#f44,#f66);box-shadow:0 4px 15px #f446}.team-indicator{position:absolute;top:60px;left:50%;transform:translate(-50%);padding:8px 20px;border-radius:20px;font-weight:700;background:#0009}.teams-alive{position:absolute;bottom:80px;left:50%;transform:translate(-50%);padding:10px 25px;background:#0009;border-radius:25px;font-size:1rem}.teams-count{color:#00c8ff;font-weight:700;font-size:1.3rem}.queue-info{margin-top:.5rem;color:#fff9;font-size:.9rem}#online-count{color:#0f8;font-weight:600}.menu-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.btn{padding:1rem 3rem;font-size:1.2rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.1em}.btn-primary{background:linear-gradient(135deg,#00c8ff,#06f);color:#fff;box-shadow:0 4px 20px #00c8ff66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00c8ff99}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.controls-info{text-align:left;padding:1.5rem;background:#0000004d;border-radius:10px;font-size:.9rem}.controls-info h3{margin-bottom:.8rem;color:#00c8ff;font-size:.85rem;letter-spacing:.1em}.controls-info p{margin:.4rem 0;color:#fffc}kbd{background:#ffffff26;padding:.2rem .5rem;border-radius:4px;font-family:monospace;margin-right:.3rem;font-size:.85rem}#hud{pointer-events:none}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffe6;box-shadow:0 0 5px #00000080}.crosshair:before{width:2px;height:100%;left:50%;transform:translate(-50%)}.crosshair:after{height:2px;width:100%;top:50%;transform:translateY(-50%)}.health-bar{position:absolute;bottom:30px;left:30px;width:250px;height:30px;background:#0009;border-radius:15px;border:2px solid rgba(255,255,255,.2);overflow:hidden}.health-fill{width:100%;height:100%;background:linear-gradient(90deg,#f44,#ff6b6b);transition:width .3s ease;border-radius:13px}.health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:.9rem;text-shadow:0 0 5px rgba(0,0,0,.8)}.ammo-display{position:absolute;bottom:30px;right:30px;font-size:2rem;font-weight:700;text-shadow:0 0 10px rgba(0,0,0,.8)}#ammo-current{color:#00c8ff}.kill-feed{position:absolute;top:100px;right:20px;display:flex;flex-direction:column;gap:5px;max-height:200px;overflow:hidden}.kill-feed-item{background:#0009;padding:8px 15px;border-radius:5px;font-size:.85rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.player-list{position:absolute;top:100px;left:20px;display:flex;flex-direction:column;gap:5px}.player-item{background:#00000080;padding:5px 12px;border-radius:5px;font-size:.8rem;display:flex;align-items:center;gap:8px}.player-dot{width:8px;height:8px;border-radius:50%;background:#0f8}.player-dot.dead{background:#f44}.connection-status{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#0009;padding:8px 20px;border-radius:20px;font-size:.85rem;color:#fa0}.connection-status.connected{color:#0f8}#death-screen{background:#8b000080;display:flex;align-items:center;justify-content:center;pointer-events:auto}.death-container{text-align:center;animation:pulse 1s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.death-container h2{font-size:4rem;font-weight:900;color:#f44;text-shadow:0 0 30px rgba(255,0,0,.5);margin-bottom:1rem}.death-container p{font-size:1.2rem;margin:.5rem 0}.respawn-timer{color:#ffffffb3}#respawn-timer{color:#fa0;font-weight:700}#victory-screen{background:#00640099;display:flex;align-items:center;justify-content:center;pointer-events:auto}.victory-container{text-align:center;padding:3rem;background:#0006;border-radius:20px;border:2px solid #44ff44}.victory-container h2{font-size:4rem;font-weight:900;color:#4f4;text-shadow:0 0 30px rgba(68,255,68,.5);margin-bottom:1rem}.reward-info{margin:2rem 0;padding:1.5rem;background:#44ff441a;border-radius:10px}#reward-amount{font-size:2rem;color:#4f4;font-weight:700}.reward-status{color:#ffffffb3;font-size:.9rem}#defeat-screen{background:#323232b3;display:flex;align-items:center;justify-content:center;pointer-events:auto}.defeat-container{text-align:center;padding:3rem;background:#0006;border-radius:20px}.defeat-container h2{font-size:3rem;font-weight:900;color:#888;margin-bottom:1rem}#placement{font-size:2rem;color:#fa0;font-weight:700}