*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;color:#fff;background:#0a0a0a;width:100%;height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#game-container{width:100vw;height:100vh;position:relative}#game-container canvas{cursor:crosshair;display:block}#ui-overlay{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}#ui-overlay>*{pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes fadeInSimple{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{text-shadow:0 0 20px #00ff6466}50%{text-shadow:0 0 40px #00ff64cc,0 0 60px #00ff644d}}.hud-score{color:#fff;text-shadow:0 2px 8px #000000b3,0 0 20px #00ff644d;font-variant-numeric:tabular-nums;letter-spacing:4px;font-size:48px;font-weight:900;position:absolute;top:20px;left:50%;transform:translate(-50%)}.hud-round{color:#ffffffb3;text-transform:uppercase;letter-spacing:2px;font-size:16px;font-weight:600;position:absolute;top:78px;left:50%;transform:translate(-50%)}.hud-message{color:#fff;text-shadow:0 2px 12px #000c,0 0 30px #00ff6466;text-align:center;-webkit-backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff1a;border-radius:12px;padding:16px 32px;font-size:28px;font-weight:700;animation:.3s ease-out fadeIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-power-bar{-webkit-backdrop-filter:blur(4px);background:#00000080;border:2px solid #ffffff4d;border-radius:15px;width:30px;height:200px;position:absolute;top:50%;right:40px;overflow:hidden;transform:translateY(-50%)}.hud-power-fill{background:linear-gradient(#f30,#ff0,#0f6);border-radius:0 0 13px 13px;width:100%;height:0%;transition:height 50ms linear;position:absolute;bottom:0;left:0}.hud-crosshair{pointer-events:none;width:40px;height:40px;position:absolute;transform:translate(-50%,-50%)}.hud-crosshair:before,.hud-crosshair:after{content:"";background:#ff3232e6;border-radius:2px;position:absolute;box-shadow:0 0 6px #ff323299}.hud-crosshair:before{width:100%;height:3px;top:50%;left:0;transform:translateY(-50%)}.hud-crosshair:after{width:3px;height:100%;top:0;left:50%;transform:translate(-50%)}.hud-result-overlay{-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#0009;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s ease-out fadeInSimple;display:flex;position:absolute;top:0;left:0}.hud-result-title{color:#0f6;text-shadow:0 0 30px #00ff6480;margin-bottom:16px;font-size:64px;font-weight:900;animation:.5s ease-out slideUp}.result-win{color:#0f6;text-shadow:0 0 30px #00ff6480}.result-loss{color:#f44;text-shadow:0 0 30px #ff444480}.result-draw{color:#fa0;text-shadow:0 0 30px #ffaa0080}.hud-result-score{color:#fff;margin-bottom:32px;font-size:36px;font-weight:700;animation:.5s ease-out .1s both slideUp}.result-buttons{gap:16px;animation:.5s ease-out .2s both slideUp;display:flex}.hud-btn{color:#fff;cursor:pointer;pointer-events:auto;text-transform:uppercase;letter-spacing:2px;background:#00ff6426;border:2px solid #00ff6480;border-radius:8px;outline:none;padding:14px 40px;font-size:18px;font-weight:700;transition:all .2s}.hud-btn:hover{background:#00ff644d;border-color:#00ff64cc;transform:scale(1.05);box-shadow:0 0 20px #00ff6433}.hud-btn:active{transform:scale(.97)}.btn-secondary{background:#ffffff14;border-color:#ffffff4d}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 20px #ffffff1a}.menu-screen{pointer-events:auto;background:radial-gradient(#001e0ff2 0%,#000000fa 70%);justify-content:center;align-items:center;width:100%;height:100%;animation:.4s ease-out fadeInSimple;display:flex;position:absolute;top:0;left:0}.menu-screen-transparent{background:radial-gradient(#0009 0%,#000000d9 100%)}.menu-content{flex-direction:column;align-items:center;gap:28px;display:flex}.menu-user-bar{align-items:center;gap:16px;display:flex}.menu-username{color:#ffffffb3;font-size:16px;font-weight:600}.menu-coins-pill{color:#fc0;background:#ffc8001a;border:1px solid #ffc8004d;border-radius:20px;padding:4px 14px;font-size:16px;font-weight:700}.menu-title{color:#fff;text-align:center;letter-spacing:6px;text-shadow:0 2px 20px #000c;font-size:72px;font-weight:900;line-height:1.1}.menu-title-accent{color:#0f6;animation:3s ease-in-out infinite glow}.menu-difficulty{align-items:center;gap:12px;display:flex}.difficulty-label{color:#fff9;text-transform:uppercase;letter-spacing:2px;font-size:16px;font-weight:600}.difficulty-select{color:#fff;cursor:pointer;appearance:none;background:#ffffff1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") right 12px center no-repeat;border:2px solid #ffffff4d;border-radius:8px;outline:none;padding:8px 36px 8px 16px;font-size:16px;font-weight:600;transition:border-color .2s}.difficulty-select:hover{border-color:#00ff6499}.difficulty-select option{color:#fff;background:#1a1a2e}.menu-buttons{flex-direction:column;align-items:center;gap:16px;display:flex}.menu-btn-primary{background:#00ff6433;border-color:#00ff64b3;padding:18px 60px;font-size:22px}.menu-btn-goalkeeper{background:#ffaa0026;border-color:#ffaa0080;padding:16px 55px;font-size:20px}.menu-btn-goalkeeper:hover{background:#ffaa004d;border-color:#fa0c;box-shadow:0 0 20px #fa03}.menu-btn-secondary{background:#ffffff0d;border-color:#ffffff4d;padding:14px 50px;font-size:18px}.menu-btn-secondary:hover{background:#ffffff1f;border-color:#ffffff80;box-shadow:0 0 15px #ffffff1a}.menu-coins{color:#fc0;text-shadow:0 0 10px #ffc8004d;font-size:20px;font-weight:700}.coins-icon{margin-right:4px;font-size:24px}.coins-value{font-variant-numeric:tabular-nums;font-size:24px}.menu-settings-row{align-items:flex-start;gap:24px;display:flex}.menu-volume{align-items:center;gap:8px;display:flex}.settings-label{color:#ffffff80;text-transform:uppercase;letter-spacing:2px;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.volume-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:3px;outline:none;width:100px;height:6px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#0f6;border-radius:50%;width:16px;height:16px;box-shadow:0 0 6px #00ff6466}.volume-value{color:#fff9;min-width:36px;font-size:14px}.menu-bottom-row{gap:16px;display:flex}.btn-text{color:#fff6;letter-spacing:2px;background:0 0;border:none;padding:8px 16px;font-size:14px}.btn-text:hover{color:#ffffffb3;box-shadow:none;background:0 0;border:none;transform:none}.menu-footer{color:#ffffff59;letter-spacing:1px;font-size:14px}.pause-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.pause-content{background:#14141ee6;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:28px;min-width:320px;padding:40px;display:flex}.pause-title{color:#fff;text-shadow:0 0 20px #fff3;font-size:48px;font-weight:900}.pause-volume{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.pause-vol-label{color:#ffffff80;text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:600}.pause-slider-row{align-items:center;gap:10px;width:100%;display:flex}.pause-vol-icon{opacity:.6;font-size:20px}.pause-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:4px;outline:none;flex:1;height:8px}.pause-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#0f6;border:2px solid #ffffff4d;border-radius:50%;width:22px;height:22px;box-shadow:0 0 8px #00ff6480}.pause-slider::-moz-range-thumb{cursor:pointer;background:#0f6;border:2px solid #ffffff4d;border-radius:50%;width:22px;height:22px}.pause-vol-value{color:#0f6;text-align:right;min-width:44px;font-size:16px;font-weight:700}.pause-buttons{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.pause-buttons .hud-btn{width:100%}.pause-hint{color:#ffffff40;letter-spacing:1px;font-size:13px}.credits-content{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.credits-title{color:#0f6;text-shadow:0 0 20px #00ff6466;margin-bottom:10px;font-size:36px;font-weight:900}.credits-section{flex-direction:column;gap:2px;display:flex}.credits-role{text-transform:uppercase;letter-spacing:3px;color:#fff6;font-size:12px}.credits-name{color:#fff;font-size:20px;font-weight:600}.credits-close{margin-top:10px}.bet-content{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:400px;display:flex}.bet-title{color:#fc0;text-shadow:0 0 15px #ffc80066;font-size:32px;font-weight:900}.bet-balance{color:#ffffffb3;font-size:18px}.bet-coins{color:#fc0;font-size:22px;font-weight:700}.bet-presets{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bet-preset-btn{background:#ffc8001a;border-color:#ffc80066;padding:8px 20px;font-size:16px}.bet-preset-btn:hover{background:#ffc80040;border-color:#ffc800b3}.bet-all{background:#ff640026;border-color:#ff640080}.bet-custom{align-items:center;gap:12px;display:flex}.bet-label{color:#ffffff80;font-size:13px}.bet-slider{appearance:none;cursor:pointer;background:#ffc80026;border-radius:3px;outline:none;width:150px;height:6px}.bet-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fc0;border-radius:50%;width:18px;height:18px;box-shadow:0 0 6px #ffc80080}.bet-slider-value{color:#fc0;min-width:50px;font-size:20px;font-weight:700}.bet-actions{gap:12px;display:flex}.bet-confirm{background:#ffc80033;border-color:#ffc80099}.bet-confirm:hover{background:#ffc80059;border-color:#ffc800e6}.result-bet-info{color:#fc0;text-shadow:0 0 10px #ffc80066;font-size:22px;font-weight:700;animation:.5s ease-out .15s both slideUp}.result-coins{color:#ffffff80;font-size:16px;animation:.5s ease-out .2s both slideUp}.matchmaking-spinner{border:4px solid #00ff6433;border-top-color:#0f6;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}.matchmaking-text{color:#fffc;letter-spacing:1px;font-size:24px;font-weight:600}.matchmaking-cancel{background:#ffffff0d;border-color:#fff3;padding:10px 30px;font-size:14px}.hud-turn{color:#0f6;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px #00ff6466;font-size:14px;font-weight:700;animation:2s ease-in-out infinite pulse;position:absolute;top:100px;left:50%;transform:translate(-50%)}.hud-dive-arrows{pointer-events:auto;display:none;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dive-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.dive-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:2px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;transition:all .15s;display:flex}.dive-btn:hover,.dive-btn:active{background:#00ff644d;border-color:#00ff6499}.dive-center{background:#ffffff14}.result-stats-grid{gap:24px;animation:.5s ease-out .1s both slideUp;display:flex}.result-stat{text-align:center}.result-stat-value{color:#fff;font-size:28px;font-weight:900}.result-stat-goals{color:#0f6}.result-stat-saves{color:#fa0}.result-stat-miss{color:#f44}.result-stat-label{text-transform:uppercase;letter-spacing:2px;color:#fff6;margin-top:4px;font-size:12px}.result-elo{font-size:20px;font-weight:700;animation:.5s ease-out .12s both slideUp}.elo-up{color:#0f6}.elo-down{color:#f44}.mm-player-info{text-align:center}.mm-player-name{color:#fff;font-size:22px;font-weight:700}.mm-player-rating{color:#ffffff80;letter-spacing:1px;font-size:14px}.lb-filters{gap:8px;display:flex}.lb-filter{color:#ffffff80;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;padding:6px 18px;font-size:13px;font-weight:600;transition:all .2s}.lb-filter:hover{color:#fff;border-color:#fff6}.lb-filter-active{color:#0f6;background:#00ff641a;border-color:#00ff6480}.lb-me td{background:#00ff6414}.lb-you{color:#0f6;font-size:11px;font-weight:400}.profile-content{flex-direction:column;align-items:center;gap:20px;width:90vw;max-width:420px;display:flex}.profile-title{color:#fff;font-size:32px;font-weight:900}.profile-avatar{flex-direction:column;align-items:center;gap:8px;display:flex}.profile-avatar-circle{color:#fff;text-shadow:0 2px 4px #00000080;border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:900;display:flex}.profile-username{color:#fff;font-size:20px;font-weight:700}.profile-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.profile-stat{text-align:center;background:#ffffff0a;border-radius:8px;padding:10px 4px}.profile-stat-value{color:#fff;font-size:22px;font-weight:900}.profile-stat-label{text-transform:uppercase;letter-spacing:1px;color:#fff6;margin-top:4px;font-size:11px}.profile-jersey-section{text-align:center;width:100%}.jersey-picker{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.jersey-swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:36px;height:36px;transition:all .2s}.jersey-swatch:hover{border-color:#ffffff80;transform:scale(1.15)}.jersey-selected{border-color:#0f6;transform:scale(1.15);box-shadow:0 0 8px #00ff6480}.profile-history{text-align:center;width:100%}.profile-history-list{color:#ffffff80;margin-top:8px;font-size:14px}.history-row{border-bottom:1px solid #ffffff0d;padding:6px 0}.auth-form{flex-direction:column;align-items:center;gap:16px;min-width:280px;display:flex}.auth-input{color:#fff;text-align:center;letter-spacing:1px;background:#ffffff14;border:2px solid #ffffff40;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:18px;font-weight:600;transition:border-color .2s}.auth-input:focus{border-color:#00ff6499}.auth-input::placeholder{color:#ffffff40}.auth-error{color:#f44;min-height:20px;font-size:14px}.lb-content{flex-direction:column;align-items:center;gap:20px;width:90vw;max-width:600px;display:flex}.lb-title{color:#fc0;text-shadow:0 0 15px #ffc80066;font-size:36px;font-weight:900}.lb-loading{color:#ffffff80;font-size:16px}.lb-table-wrap{width:100%;max-height:400px;overflow-y:auto}.lb-table{border-collapse:collapse;width:100%;font-size:15px}.lb-table thead{background:#14141ef2;position:sticky;top:0}.lb-table th{text-align:left;text-transform:uppercase;letter-spacing:2px;color:#fff6;border-bottom:1px solid #ffffff1a;padding:8px 12px;font-size:12px}.lb-table td{color:#ffffffb3;border-bottom:1px solid #ffffff0d;padding:8px 12px}.lb-top td{color:#fff;font-weight:600}.lb-rank{color:#fc0;font-weight:900}.lb-top:first-child .lb-rank{color:gold}.lb-top:nth-child(2) .lb-rank{color:silver}.lb-top:nth-child(3) .lb-rank{color:#cd7f32}.lb-name{font-weight:600}.lb-rating{color:#0f6;font-weight:700}.lb-close{margin-top:8px}@media (width<=768px){.menu-title{letter-spacing:3px;font-size:48px}.hud-score{font-size:36px;top:12px}.hud-round{font-size:13px;top:56px}.hud-message{padding:12px 24px;font-size:22px}.hud-power-bar{width:24px;height:160px;right:16px}.hud-result-title{font-size:48px}.hud-result-score{font-size:28px}.hud-btn{padding:12px 28px;font-size:16px}.result-buttons{flex-direction:column;gap:12px}}@media (width<=480px){.menu-title{font-size:36px}.hud-score{font-size:28px}.hud-message{padding:10px 20px;font-size:18px}}