:root{--primary: #2ecc71;--primary-dark: #27ae60;--secondary: #3498db;--dark: #2c3e50;--danger: #e74c3c;--warning: #f1c40f;--stadium-green: #1abc9c}body{margin:0;background-color:#111;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.soccer-app{max-width:600px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;flex-direction:column;position:relative;box-shadow:0 0 30px #00000080}.sudden-death-banner{background:linear-gradient(90deg,#ff4757,#ff6b81);color:#fff;text-align:center;padding:8px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;z-index:15;box-shadow:0 4px 10px #0003;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.blink-icon{animation:blink 1s infinite alternate}@keyframes blink{0%{opacity:.3}to{opacity:1}}.game-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10}.logo-section{display:flex;align-items:center;gap:10px}.team-badge-mini{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary);background:#fff}.team-badge-placeholder{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:20px}.logo-section h2{margin:0;font-size:16px;font-weight:700}.cloud-sync{margin:0;font-size:11px;color:var(--warning);display:flex;align-items:center;gap:4px;font-weight:700}.score-board{display:flex;align-items:center;gap:15px}.score-item{display:flex;flex-direction:column;align-items:center}.score-item .label{font-size:10px;color:#cbd5e0;text-transform:uppercase}.score-item .value{font-size:18px;font-weight:900;display:flex;align-items:center;gap:4px}.score-item .value.highlight{color:var(--primary);text-shadow:0 0 10px rgba(46,204,113,.4)}.streak-badge{background:linear-gradient(45deg,#ff4e50,#f9d423);padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;animation:pulse 1s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.mute-btn{background:none;border:none;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s}.mute-btn:hover{opacity:1}.muted{color:var(--danger)}.shootout-scoreboard{display:flex;flex-direction:column;gap:4px;background:#00000080;padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);max-width:180px;overflow-x:auto}.shootout-row{display:flex;align-items:center;gap:8px}.team-label{font-size:10px;font-weight:700;width:30px;color:#cbd5e0}.status-dots{display:flex;gap:4px}.dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:inline-block;flex-shrink:0}.dot.empty{background:#4a5568}.dot.goal{background:var(--primary);box-shadow:0 0 8px var(--primary)}.dot.save,.dot.miss{background:var(--danger);box-shadow:0 0 8px var(--danger)}.game-stage{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:15px}.panel{width:100%;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;padding:20px;box-sizing:border-box;border:1px solid rgba(255,255,255,.15);text-align:center;box-shadow:0 20px 40px #0000004d;max-height:85vh;overflow-y:auto}.menu-panel h1{font-size:32px;margin:10px 0 5px;font-weight:900;letter-spacing:1px;background:linear-gradient(to right,#fff,#a1c4fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#cbd5e0;margin-bottom:20px;font-size:14px}.trophy-showcase{margin-bottom:10px}.gold-trophy{color:var(--warning);filter:drop-shadow(0 0 15px rgba(241,196,15,.6));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.arcade-menu-container{background:#0000004d;border-radius:20px;padding:15px;border:1px solid rgba(255,255,255,.1);margin-bottom:20px}.menu-title{font-size:16px;color:var(--warning);margin:0 0 15px;font-weight:700;text-align:left;border-left:4px solid var(--warning);padding-left:8px}.arcade-grid{display:flex;flex-direction:column;gap:12px}.arcade-card{position:relative;display:flex;align-items:center;gap:15px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;cursor:pointer;text-align:left;transition:all .2s ease;overflow:hidden}.arcade-card:hover{background:#ffffff1f;border-color:#ffffff4d}.arcade-card.shooter{border-left:5px solid var(--secondary)}.arcade-card.goalie{border-left:5px solid var(--primary)}.arcade-card.shootout{border-left:5px solid var(--warning)}.arcade-icon{font-size:32px;background:#ffffff14;width:55px;height:55px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.arcade-info{flex:1}.arcade-info h3{margin:0 0 4px;font-size:16px;font-weight:700;color:#fff}.arcade-info p{margin:0;font-size:11px;color:#cbd5e0;line-height:1.4}.play-arrow{color:#fff6;margin-left:5px}.arcade-card:hover .play-arrow{color:#fff;transform:translate(3px);transition:all .2s}.badge{position:absolute;top:0;right:0;font-size:9px;font-weight:900;padding:3px 8px;border-bottom-left-radius:8px;text-transform:uppercase}.badge.recommended{background:var(--secondary);color:#fff}.badge.reaction{background:var(--primary);color:#fff}.badge.epic{background:var(--warning);color:#000}.back-to-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.back-btn:hover{background:#fff3}.current-mode-badge{background:#0000004d;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;color:var(--warning);border:1px solid rgba(241,196,15,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:50px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0003}.btn-primary{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38ef7d66}.btn-secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary.btn-sm{padding:8px 16px;font-size:12px;border-radius:8px}.btn-secondary:hover{background:#ffffff40}.btn-block{width:100%;margin-top:15px}.customize-section{background:#0003;border-radius:16px;padding:15px;margin-bottom:15px;text-align:left}.customize-section h3{margin:0 0 10px;font-size:14px;color:#cbd5e0;display:flex;align-items:center;gap:6px}.input-group{display:flex;gap:10px}.input-group input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px;color:#fff;font-size:14px;outline:none}.logo-preview-box-small{margin-top:10px;display:flex;justify-content:center}.generated-logo-small{width:60px;height:60px;border-radius:8px;border:2px solid var(--primary)}.difficulty-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.diff-btn{padding:8px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:12px;cursor:pointer;transition:all .2s}.diff-btn.active{background:var(--primary);border-color:var(--primary);font-weight:700}.diff-desc{font-size:11px;color:#a0aec0;margin:8px 0 0}.skins-grid{display:flex;flex-direction:column;gap:8px}.skin-card{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:8px 12px;border-radius:10px;border:1px solid transparent}.skin-card.selected{border-color:var(--warning);background:#f1c40f1a}.skin-emoji{font-size:24px}.skin-info{flex:1;display:flex;flex-direction:column}.skin-name{font-size:13px;font-weight:700}.skin-desc{font-size:11px;color:#a0aec0}.skin-buy-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;border:none}.skin-buy-btn.buy{background:var(--warning);color:#000}.skin-buy-btn.unlocked{background:#fff3;color:#fff}.leaderboard{margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:15px;text-align:left}.leaderboard h3{margin:0 0 10px;font-size:14px;display:flex;align-items:center;gap:8px;color:var(--warning)}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;align-items:center;background:#0003;padding:8px 12px;border-radius:10px}.rank{font-weight:700;color:var(--warning);width:25px}.rank-logo{width:20px;height:20px;border-radius:50%;margin-right:8px}.rank-name{flex:1;font-size:13px}.rank-score{font-weight:700;color:var(--primary)}.stadium{width:100%;height:520px;position:relative;overflow:hidden;border-radius:20px;background:#1e3c72;box-shadow:inset 0 0 100px #000c}.stadium-background{position:absolute;top:0;left:0;width:100%;height:45%;background:linear-gradient(to bottom,#111,#2c3e50)}.crowd{width:100%;height:100%;opacity:.15;background-image:radial-gradient(circle,#fff 10%,transparent 11%),radial-gradient(circle,#fff 10%,transparent 11%);background-size:8px 8px;background-position:0 0,4px 4px}.stadium-lights{position:absolute;top:10px;width:100%;display:flex;justify-content:space-between;padding:0 40px;box-sizing:border-box}.light{width:50px;height:15px;background:#fff;border-radius:50%;box-shadow:0 0 30px 10px #fffc}.commentary-banner{position:absolute;top:15px;left:50%;transform:translate(-50%);background:#000000bf;padding:6px 16px;border-radius:20px;font-size:11px;color:var(--warning);display:flex;align-items:center;gap:8px;z-index:5;white-space:nowrap;box-shadow:0 4px 10px #0000004d}.lives-indicator{position:absolute;top:55px;right:20px;display:flex;gap:6px;z-index:5}.heart{font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.heart.lost{opacity:.2;filter:grayscale(1)}.operation-guide{position:absolute;top:55px;left:20px;z-index:5}.guide-text{font-size:12px;font-weight:700;color:var(--secondary);background:#0009;padding:4px 10px;border-radius:8px}.guide-text.warning{color:var(--primary);border:1px solid var(--primary)}.pulse-text{animation:pulse .8s infinite alternate}.reaction-timer-bar{position:absolute;top:85px;left:5%;width:90%;height:6px;background:#fff3;border-radius:3px;z-index:5;overflow:hidden}.reaction-timer-fill{height:100%;background:linear-gradient(to right,#e74c3c,#f1c40f,#2ecc71);transition:width .05s linear}.goal-container{position:absolute;top:18%;left:50%;transform:translate(-50%);width:280px;height:140px;cursor:crosshair;z-index:2}.goal-net{position:absolute;width:100%;height:100%;background-color:#ffffff14;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:10px 10px}.shake-net{animation:netShake .4s ease-in-out}@keyframes netShake{0%,to{transform:scale(1)}50%{transform:scale(1.05) skew(2deg)}}.goal-post-left,.goal-post-right{position:absolute;width:6px;height:100%;background:#fff;box-shadow:-2px 0 5px #0000004d}.goal-post-left{left:-6px}.goal-post-right{right:-6px}.goal-post-top{position:absolute;top:-6px;left:-6px;width:292px;height:6px;background:#fff;box-shadow:0 -2px 5px #0000004d}.defender-wall{position:absolute;bottom:-10px;transform:translate(-50%);display:flex;gap:4px;z-index:3}.defender-player{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:bounce .5s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.ai-gaze-indicator{position:absolute;width:40px;height:40px;transform:translate(-50%,50%);z-index:4;pointer-events:none}.gaze-ring{width:100%;height:100%;border:3px solid var(--danger);border-radius:50%;animation:gazePulse .5s infinite alternate;box-shadow:0 0 15px var(--danger)}@keyframes gazePulse{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.2);opacity:1}}.dive-grids-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6}.dive-zone-btn{position:absolute;width:70px;height:50px;background:#ffffff2e;border:1.5px dashed rgba(255,255,255,.5);border-radius:10px;color:#fff;font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dive-zone-btn:hover{background:#3498db73;border-color:var(--secondary);transform:scale(1.08)}.dive-zone-btn.active{background:#2ecc71bf;border-color:var(--primary);box-shadow:0 0 20px var(--primary)}.zone-label{font-size:9px;font-weight:700;color:#fff;margin-top:-1px}.aiming-crosshair,.locked-crosshair{position:absolute;width:30px;height:30px;transform:translate(-50%,50%);pointer-events:none;z-index:10}.crosshair-ring{width:100%;height:100%;border:2px dashed #ff4757;border-radius:50%;animation:rotateCrosshair 4s linear infinite}.crosshair-ring.locked{border:3px solid var(--primary);animation:none}.crosshair-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;background:#ff4757;border-radius:50%;transform:translate(-50%,-50%)}.crosshair-dot.locked{background:var(--primary);width:8px;height:8px;box-shadow:0 0 10px var(--primary)}@keyframes rotateCrosshair{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timing-bar-container{position:absolute;right:15px;top:25%;height:150px;width:45px;background:#000c;border-radius:10px;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;padding:8px 0;z-index:10;box-shadow:0 4px 15px #00000080}.timing-bar-label{font-size:9px;color:#a0aec0;font-weight:700}.timing-bar-track{position:relative;flex:1;width:12px;background:linear-gradient(to top,#ff4757,#ffa502 40%,#2ed573 70%,#ffa502 90%,#ff4757);border-radius:6px;margin:6px 0;overflow:hidden}.timing-sweet-spot{position:absolute;bottom:65%;height:20%;width:100%;background:#ffffff4d;border-top:1px solid #fff;border-bottom:1px solid #fff}.timing-cursor{position:absolute;left:-2px;width:16px;height:4px;background:#fff;border:1px solid #000;box-shadow:0 0 5px #fffc;border-radius:2px;transform:translateY(50%)}.timing-bar-footer{font-size:8px;color:var(--primary);font-weight:700;animation:pulse .5s infinite alternate}.goalkeeper{position:absolute;bottom:0;left:50%;width:60px;height:80px;margin-left:-30px;z-index:3}.goalie-body{position:relative;width:100%;height:100%}.goalie-head{width:24px;height:24px;background:#f1c40f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;margin:0 auto}.goalie-jersey{width:32px;height:40px;background:#e74c3c;border-radius:6px 6px 0 0;margin:-2px auto 0;border:2px solid #fff}.goalie-gloves{position:absolute;font-size:18px;top:20px}.goalie-gloves.left{left:-10px}.goalie-gloves.right{right:-10px}.goal-alert{position:absolute;top:30%;left:0;right:0;text-align:center;font-size:24px;font-weight:900;text-shadow:0 4px 10px rgba(0,0,0,.5);z-index:12}.goal-alert.goal{color:var(--primary)}.goal-alert.saved{color:var(--danger)}.goal-alert.missed{color:var(--warning)}.pitch{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to bottom,#27ae60,#219a52);transform:perspective(100px) rotateX(20deg);transform-origin:top;border-top:5px solid rgba(255,255,255,.4);box-shadow:inset 0 20px 50px #0006}.penalty-spot{position:absolute;bottom:60px;left:50%;width:12px;height:12px;background:#fffc;border-radius:50%;transform:translate(-50%)}.soccer-ball{position:absolute;bottom:45px;left:50%;width:36px;height:36px;margin-left:-18px;font-size:36px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:4;cursor:pointer;filter:drop-shadow(0 6px 4px rgba(0,0,0,.4))}.hud-controls-pro{position:absolute;bottom:10px;left:3%;width:94%;background:#000000bf;padding:10px;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;gap:8px}.hud-row{display:flex;justify-content:space-between;gap:15px}.hud-item{flex:1;display:flex;flex-direction:column;gap:2px}.hud-label{font-size:10px;color:#a0aec0;display:flex;align-items:center;gap:4px}.kick-type-selector{display:flex;flex-direction:column;gap:4px;transition:opacity .2s}.kick-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.kick-btn{padding:6px;border-radius:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s}.kick-btn.active{background:var(--secondary);border-color:var(--secondary);box-shadow:0 0 8px #3498db80}.wind-gauge{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.wind-arrow{height:6px;background:var(--secondary);border-radius:3px;min-width:5px}.wind-arrow.left{background:var(--danger)}.power-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#4a5568;outline:none}.power-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary);cursor:pointer}.gameover-panel h2{font-size:28px;margin-top:0}.danger-text{color:var(--danger)}.final-badge-container{margin:15px 0}.final-team-badge{width:100px;height:100px;border-radius:50%;border:4px solid var(--primary);background:#fff}.final-badge-placeholder{width:100px;height:100px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto}.final-team-name{font-size:20px;font-weight:700;margin:10px 0}.final-stats{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.stat-box{background:#00000040;padding:12px 20px;border-radius:12px;min-width:100px}.stat-label{display:block;font-size:11px;color:#a0aec0;margin-bottom:4px}.stat-val{font-size:22px;font-weight:900;color:var(--warning)}.final-shootout-result{background:#0000004d;padding:15px;border-radius:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.final-shootout-result h3{margin:0 0 10px;font-size:14px;color:#cbd5e0}.shootout-final-score{display:flex;justify-content:center;align-items:center;gap:15px;margin:10px 0}.score-num{font-size:36px;font-weight:900;color:var(--warning)}.score-divider{font-size:24px;color:#fff}.shootout-verdict{font-size:14px;font-weight:700;color:var(--primary);margin:10px 0 0}