@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800;900&family=Barlow:wght@400;500;600&display=swap";.character-customizer-container{display:flex;flex-direction:column;gap:6px}.character-customizer-safe-area{padding-right:var(--safe-right, 120px);display:flex;flex-direction:column;height:100%}.character-customizer-toast-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none}.character-customizer-toast{background:#000000e6;border:1px solid var(--glass-border);padding:12px 24px;border-radius:var(--radius-md);color:#fff;font-size:.85rem;font-weight:700;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1) forwards}.toast-success{border-left:4px solid var(--alt-color)}.toast-error{border-left:4px solid var(--error-color)}.toast-warning{border-left:4px solid #ffd700}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.character-customizer-tabs{display:flex;gap:3px;margin-bottom:var(--space-xs);border-bottom:1px solid var(--glass-border);padding-bottom:2px}.character-customizer-tab-btn{flex:1;background:transparent;border:none;color:var(--text-secondary);font-size:.65rem;font-weight:700;padding:var(--space-xs) 0;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase}.character-customizer-tab-btn:hover{color:var(--text-primary)}.character-customizer-tab-btn.active{color:var(--accent-color);box-shadow:inset 0 -2px 0 var(--accent-color)}.character-customizer-tab-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px}.character-customizer-section-header{margin-top:4px}.character-customizer-shirt-colors{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.character-customizer-or-text{font-size:.4rem;color:var(--text-secondary);margin-left:2px}.character-customizer-presets{display:flex;flex-wrap:wrap;gap:3px}.character-customizer-preset-btn{width:28px;height:18px;border-radius:3px;cursor:pointer;padding:0;overflow:hidden;display:flex;background:none}.character-customizer-preset-btn.active{border:2px solid var(--accent-color);box-shadow:var(--accent-glow)}.character-customizer-preset-btn:not(.active){border:1px solid rgba(255,255,255,.2);box-shadow:none}.character-customizer-jersey-info{display:flex;gap:6px;align-items:center}.character-customizer-input-group{display:flex;align-items:center;gap:3px}.character-customizer-input-group.flex-1{flex:1}.character-customizer-input-label{font-size:.55rem;color:var(--text-secondary);font-weight:700}.character-customizer-number-input{width:48px;padding:6px;font-size:.85rem;font-weight:700;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:3px;color:var(--text-primary);text-align:center}.character-customizer-name-input{flex:1;padding:6px 8px;font-size:.8rem;font-weight:700;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:3px;color:var(--text-primary);text-transform:uppercase}.character-customizer-number-input:focus,.character-customizer-name-input:focus{outline:none;border-color:#ffffff1a}.character-customizer-color-swatch{width:20px;height:16px;border:1px solid rgba(255,255,255,.15)}.swatch-btn.premium,.face-type-btn.premium{position:relative;border-color:#ffd7004d}.premium-lock-icon{position:absolute;top:-4px;right:-4px;color:gold;filter:drop-shadow(0 0 2px rgba(0,0,0,.8));background:#000;border-radius:50%;padding:1px}.premium-purchase-cta{margin-top:12px;padding:12px;background:linear-gradient(135deg,#ffd70026,#ff8c000d);border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:10px;animation:fadeIn .3s ease}.premium-cta-info{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;color:gold}.premium-buy-btn{width:100%;background:linear-gradient(135deg,gold,#ff8c00)!important;color:#000!important;font-weight:900!important;font-size:.8rem!important}.premium-lock-icon.owned-check{color:#2ed573}.swatch-btn.owned,.face-type-btn.owned,.character-customizer-preset-btn.owned{border-color:#2ed57366}.swatch-btn.owned.active,.face-type-btn.owned.active,.character-customizer-preset-btn.owned.active{border-color:#2ed573;box-shadow:0 0 10px #2ed5734d}.save-appearance-vertical-btn{position:fixed;left:-100px;top:calc(50% - 60px);z-index:1000;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;background:linear-gradient(180deg,#ff4757,#ff6b81)!important;color:#fff!important;font-weight:900!important;font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;padding:18px 6px!important;border-radius:0 12px 12px 0!important;border:1px solid rgba(255,255,255,.4)!important;border-left:none!important;box-shadow:0 4px 20px #ff475766;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;white-space:nowrap;transition:left .5s cubic-bezier(.16,1,.3,1),background .3s ease,box-shadow .3s ease,padding .2s ease}.save-appearance-vertical-btn.visible{left:0}.save-appearance-vertical-btn:hover{padding-left:12px!important;box-shadow:0 4px 25px #ff475799;background:linear-gradient(180deg,#ff6b81,#ff7f90)!important}.save-appearance-vertical-btn.disabled-style{background:linear-gradient(180deg,#555,#666)!important;border-color:#ffffff1a!important;color:#aaa!important;box-shadow:none;cursor:not-allowed;opacity:.8}.gold-text{color:gold}.character-customizer-preset-half{flex:1}.stats-overlay{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:5;pointer-events:none;padding:0 8px}.stat-circle-item{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;width:56px}.stat-circle-item>svg{display:block;width:56px;height:56px}.stat-circle-inner{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.stat-circle-inner .stat-circle-inner-inner svg{width:15px;height:15px}.stat-circle-inner .stat-circle-inner-inner span{display:block;text-align:center}.stat-circle-value{font-size:.6rem;font-weight:800;line-height:1}.stat-circle-label{font-size:.5rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}@media(max-height:500px)and (orientation:landscape){.stats-overlay{bottom:6px;gap:4px}.stat-circle-item svg{width:40px;height:40px}.stat-circle-inner{width:40px;height:40px}.stat-circle-value{font-size:.5rem}.stat-circle-label{font-size:.42rem}}.character-creator-page .copied-toast{position:absolute;top:8px;right:46px;background:#000000b3;padding:2px 8px;border-radius:4px;font-size:.65rem;color:var(--success-color);font-weight:700;z-index:5}.gym-container{display:flex;height:100%;overflow:hidden}.gym-visual-area{flex:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(0,229,255,.06) 0%,transparent 70%);position:relative}.gym-stat-display{text-align:center}.gym-stat-value{font-size:4rem;font-weight:800;color:var(--accent-color);line-height:1;text-shadow:0 0 30px rgba(0,229,255,.3)}.gym-stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;font-weight:700;letter-spacing:.1em;margin-top:4px}.gym-progress-svg-container{margin-top:16px}.gym-progress-circle{transition:stroke-dashoffset .1s linear;transform:rotate(-90deg);transform-origin:50% 50%;filter:drop-shadow(0 0 4px rgba(0,229,255,.5))}.gym-control-panel{width:200px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-left:1px solid var(--glass-border);background:#080c1899;justify-content:center}.gym-desc{font-size:.65rem;margin:0}.gym-stat-bar-container{margin-top:4px}.gym-stat-bar-header{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-secondary);margin-bottom:3px}.gym-stat-icon-wrapper{display:flex;align-items:center;gap:var(--space-xs)}.gym-stat-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.gym-stat-fill{height:100%;border-radius:3px;transition:width .3s ease}.gym-start-btn{width:100%;padding:var(--space-sm);font-size:.75rem;margin-top:6px}.gym-training-text{text-align:center;font-size:.7rem;color:var(--accent-color);font-weight:700;margin-top:6px}.gym-message{padding:6px;background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:var(--radius-sm);font-size:.65rem;color:var(--accent-color);font-weight:600;text-align:center;animation:fadeIn .3s ease}.keepie-container{display:flex;height:100%;overflow:hidden}.keepie-game-area{flex:1;position:relative;overflow:hidden}.keepie-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}.keepie-score-overlay{position:absolute;top:8px;right:16px;font-size:2.5rem;font-weight:800;color:#fffc;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.5)}.keepie-ball{position:absolute;left:56%;transform:translate(-50%);width:32px;height:32px;background:radial-gradient(circle at 10px 10px,#fff,#aaa);border-radius:50%;box-shadow:0 4px 12px #00000080;border:1px solid #777;z-index:3}.keepie-control-panel{width:180px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-left:1px solid var(--glass-border);background:#080c1899;justify-content:center}.keepie-desc{font-size:.6rem;margin:0}.keepie-stat-container{margin-top:4px}.keepie-stat-header{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-secondary);margin-bottom:3px}.keepie-stat-label{display:flex;align-items:center;gap:var(--space-xs)}.keepie-stat-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.keepie-stat-fill{height:100%;border-radius:3px;transition:width .3s ease}.keepie-kick-btn{width:100%;padding:var(--space-md);font-size:.9rem;margin-top:6px;background:linear-gradient(135deg,#ff4757,#ff6b81);box-shadow:0 0 12px #ff475766}.keepie-start-btn{width:100%;padding:var(--space-md);font-size:.9rem;margin-top:6px}.keepie-message{padding:6px;background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:var(--radius-sm);font-size:.6rem;color:var(--accent-color);font-weight:600;text-align:center;animation:fadeIn .3s ease}.shot-container{display:flex;height:100%;overflow:hidden}.shot-game-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(255,71,87,.06) 0%,transparent 70%);position:relative;gap:var(--space-md)}.shot-goal-container{width:200px;height:100px;border:3px solid rgba(255,255,255,.3);border-bottom:none;border-radius:4px 4px 0 0;position:relative;display:flex;align-items:center;justify-content:center}.shot-goal-net{position:absolute;inset:0;opacity:.1;background-image:repeating-linear-gradient(90deg,#fff 0px,#fff 1px,transparent 1px,transparent 20px),repeating-linear-gradient(0deg,#fff 0px,#fff 1px,transparent 1px,transparent 20px)}.shot-result{font-size:1.4rem;font-weight:800;z-index:2;animation:fadeIn .2s ease}.shot-power-bar-container{width:200px;height:16px;background:#ffffff0f;border-radius:8px;position:relative;overflow:hidden;margin-bottom:8px}.shot-sweet-spot{position:absolute;left:42%;width:16%;height:100%;background:#2ed57333;border-left:1px solid rgba(46,213,115,.5);border-right:1px solid rgba(46,213,115,.5)}.shot-cursor{position:absolute;top:-2px;width:4px;height:20px;background:#fff;border-radius:2px;transform:translate(-2px);box-shadow:0 0 6px #ffffff80;transition:none}.shot-round-counter{font-size:.65rem;color:var(--text-secondary);font-weight:700}.shot-control-panel{width:180px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-left:1px solid var(--glass-border);background:#080c1899;justify-content:center}.shot-desc{font-size:.6rem;margin:0}.shot-stat-container{margin-top:4px}.shot-stat-header{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-secondary);margin-bottom:3px}.shot-stat-label{display:flex;align-items:center;gap:var(--space-xs)}.shot-stat-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.shot-stat-fill{height:100%;border-radius:3px;transition:width .3s ease}.shot-kick-btn{width:100%;padding:var(--space-md);font-size:.9rem;margin-top:6px;background:linear-gradient(135deg,#ff4757,#ff6b81);box-shadow:0 0 12px #ff475766}.shot-start-btn{width:100%;padding:var(--space-md);font-size:.9rem;margin-top:6px}.shot-message{padding:6px;background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:var(--radius-sm);font-size:.6rem;color:var(--accent-color);font-weight:600;text-align:center;animation:fadeIn .3s ease}.sprint-container{display:flex;height:100%;overflow:hidden}.sprint-game-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(0,229,255,.06) 0%,transparent 70%);gap:var(--space-md)}.sprint-score-value{font-size:5rem;font-weight:800;color:var(--accent-color);line-height:1;text-shadow:0 0 30px rgba(0,229,255,.3)}.sprint-score-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;font-weight:700}.sprint-time-bar-bg{width:180px;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.sprint-time-bar-fill{height:100%;border-radius:4px;transition:background .3s}.sprint-time-text{font-size:1.2rem;font-weight:800}.sprint-control-panel{width:180px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-left:1px solid var(--glass-border);background:#080c1899;justify-content:center}.sprint-desc{font-size:.6rem;margin:0}.sprint-stat-container{margin-top:4px}.sprint-stat-header{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-secondary);margin-bottom:3px}.sprint-stat-label{display:flex;align-items:center;gap:var(--space-xs)}.sprint-stat-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.sprint-stat-fill{height:100%;border-radius:3px;transition:width .3s ease}.sprint-tap-btn{width:100%;padding:14px;font-size:1rem;margin-top:6px;background:linear-gradient(135deg,#00e5ff,#0891b2);box-shadow:0 0 12px #00e5ff66}.sprint-start-btn{width:100%;padding:var(--space-md);font-size:.9rem;margin-top:6px}.sprint-message{padding:6px;background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:var(--radius-sm);font-size:.6rem;color:var(--accent-color);font-weight:600;text-align:center;animation:fadeIn .3s ease}.reflex-container{display:flex;height:100%;overflow:hidden}.reflex-game-area{flex:1;position:relative;background:#0003;overflow:hidden}.reflex-grid-overlay{position:absolute;inset:0;opacity:.03;background-image:repeating-linear-gradient(90deg,#fff 0px,#fff 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,#fff 0px,#fff 1px,transparent 1px,transparent 40px)}.reflex-score-top{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--text-secondary);font-weight:700;z-index:5}.reflex-target{position:absolute;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,gold,#ff6b00);border:2px solid rgba(255,255,255,.5);cursor:pointer;z-index:3;box-shadow:0 0 15px #ffc80080;animation:fadeIn .15s ease;display:flex;align-items:center;justify-content:center}.reflex-target-inner{width:12px;height:12px;border-radius:50%;background:#fff}.reflex-idle-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.reflex-idle-text{font-size:.75rem;color:var(--text-secondary)}.reflex-control-panel{width:180px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-left:1px solid var(--glass-border);background:#080c1899;justify-content:center}.reflex-desc{font-size:.6rem;margin:0}.reflex-stat-container{margin-top:4px}.reflex-stat-header{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-secondary);margin-bottom:3px}.reflex-stat-label{display:flex;align-items:center;gap:var(--space-xs)}.reflex-stat-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.reflex-stat-fill{height:100%;border-radius:3px;transition:width .3s ease}.reflex-current-score{text-align:center;font-size:1.5rem;font-weight:800;color:var(--gold-color);margin-top:6px}.reflex-start-btn{width:100%;padding:var(--space-md);font-size:.9rem;margin-top:6px}.reflex-message{padding:6px;background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:var(--radius-sm);font-size:.6rem;color:var(--accent-color);font-weight:600;text-align:center;animation:fadeIn .3s ease}.penalty-container{display:flex;height:100%;overflow:hidden}.penalty-game-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center bottom,rgba(46,213,115,.06) 0%,transparent 70%);gap:var(--space-sm)}.penalty-phase-text{font-size:.65rem;color:var(--text-secondary);font-weight:700;text-transform:uppercase}.penalty-goal{width:200px;height:120px;border:3px solid rgba(255,255,255,.3);border-bottom:none;border-radius:4px 4px 0 0;position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;padding:2px}.penalty-corner-btn{border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff08;color:var(--text-secondary);font-size:.55rem;font-weight:700;font-family:var(--font-main);transition:all .15s;white-space:pre-line}.penalty-corner-btn:not(:disabled){cursor:pointer}.penalty-corner-btn:disabled{cursor:default}.penalty-result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:2;font-size:1.3rem;font-weight:800;animation:fadeIn .2s ease}.penalty-score-board{display:flex;gap:var(--space-lg);font-size:.8rem;font-weight:800}.penalty-score-player{color:var(--accent-color)}.penalty-score-divider{color:var(--text-secondary)}.penalty-score-ai{color:var(--error-color)}.penalty-round{font-size:.6rem;color:var(--text-secondary)}.penalty-control-panel{width:180px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-left:1px solid var(--glass-border);background:#080c1899;justify-content:center}.penalty-desc{font-size:.6rem;margin:0}.penalty-stat-container{margin-top:var(--space-xs)}.penalty-stat-header{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-secondary);margin-bottom:3px}.penalty-stat-label{display:flex;align-items:center;gap:var(--space-xs)}.penalty-stat-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.penalty-stat-fill{height:100%;border-radius:3px;transition:width .3s ease}.penalty-start-btn{width:100%;padding:var(--space-md);font-size:.9rem;margin-top:6px}.penalty-message{padding:var(--space-sm);background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:var(--radius-sm);font-size:.6rem;color:var(--accent-color);font-weight:600;text-align:center;animation:fadeIn .3s ease}.dribble-container{display:flex;height:100%;overflow:hidden}.dribble-game-area{flex:1;position:relative;overflow:hidden;background:linear-gradient(180deg,#0000004d,#2d5a2733)}.dribble-lanes{position:absolute;inset:0;display:flex}.dribble-lane{flex:1}.dribble-lane.bordered{border-right:1px dashed rgba(255,255,255,.08)}.dribble-score{position:absolute;top:var(--space-sm);left:50%;transform:translate(-50%);font-size:1.5rem;font-weight:800;color:#ffffffb3;z-index:5}.dribble-obstacle{position:absolute;width:14%;height:20px;background:#ff4757b3;border:1px solid #ff4757;border-radius:var(--space-xs);box-shadow:0 0 8px #ff47574d;z-index:2}.dribble-player{position:absolute;bottom:8%;width:18%;height:24px;background:var(--accent-color);border-radius:6px;box-shadow:0 0 10px #00e5ff80;transition:left .12s ease;z-index:3;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#000}.dribble-control-panel{width:180px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-left:1px solid var(--glass-border);background:#080c1899;justify-content:center}.dribble-desc{font-size:.6rem;margin:0}.dribble-stat-container{margin-top:var(--space-xs)}.dribble-stat-header{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-secondary);margin-bottom:3px}.dribble-stat-label{display:flex;align-items:center;gap:var(--space-xs)}.dribble-stat-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.dribble-stat-fill{height:100%;border-radius:3px;transition:width .3s ease}.dribble-lane-btns-container{display:flex;gap:var(--space-xs);margin-top:6px}.dribble-lane-btn{flex:1;padding:10px var(--space-xs);font-size:.6rem;font-weight:800;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-main)}.dribble-start-btn{width:100%;padding:var(--space-md);font-size:.9rem;margin-top:6px}.dribble-message{padding:var(--space-sm);background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:var(--radius-sm);font-size:.6rem;color:var(--accent-color);font-weight:600;text-align:center;animation:fadeIn .3s ease}.wallpass-container{display:flex;height:100%;overflow:hidden}.wallpass-game-area{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at center bottom,rgba(59,130,246,.06) 0%,transparent 70%)}.wallpass-wall{position:absolute;top:0;left:20%;right:20%;height:8px;background:#ffffff26;border-radius:0 0 4px 4px}.wallpass-ball{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;background:radial-gradient(circle at 9px 9px,#fff,#bbb);border-radius:50%;box-shadow:0 3px 10px #0006;border:1px solid #888;z-index:3;transition:none}.wallpass-catch-zone{position:absolute;top:60%;left:15%;right:15%;height:25%;border:1px dashed rgba(0,229,255,.15);border-radius:var(--space-xs);display:flex;align-items:center;justify-content:center}.wallpass-catch-label{font-size:.5rem;color:#00e5ff40;font-weight:700}.wallpass-result{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:1.3rem;font-weight:800;z-index:5;animation:fadeInCentered .15s ease}.wallpass-round-text{position:absolute;top:var(--space-sm);right:var(--space-md);font-size:.65rem;color:var(--text-secondary);font-weight:700}.wallpass-control-panel{width:180px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-left:1px solid var(--glass-border);background:#080c1899;justify-content:center}.wallpass-desc{font-size:.6rem;margin:0}.wallpass-stat-container{margin-top:var(--space-xs)}.wallpass-stat-header{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-secondary);margin-bottom:3px}.wallpass-stat-label{display:flex;align-items:center;gap:var(--space-xs)}.wallpass-stat-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.wallpass-stat-fill{height:100%;border-radius:3px;transition:width .3s ease}.wallpass-catch-btn{width:100%;padding:var(--space-md);font-size:.9rem;margin-top:6px;background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 0 12px #3b82f666}.wallpass-start-btn{width:100%;padding:var(--space-md);font-size:.9rem;margin-top:6px}.wallpass-message{padding:var(--space-sm);background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:var(--radius-sm);font-size:.6rem;color:var(--accent-color);font-weight:600;text-align:center;animation:fadeIn .3s ease}.header-container{display:flex;height:100%;overflow:hidden}.header-game-area{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at center top,rgba(255,165,2,.06) 0%,transparent 70%)}.header-ball{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;background:radial-gradient(circle at 10px 10px,#fff,#aaa);border-radius:50%;box-shadow:0 4px 12px #00000080;border:1px solid #777;z-index:3}.header-target-zone{position:absolute;top:55%;left:10%;right:10%;height:25%;border:1px dashed rgba(255,165,2,.15);border-radius:var(--space-xs);display:flex;align-items:center;justify-content:center}.header-target-label{font-size:.5rem;color:#ffa50240;font-weight:700}.header-silhouette{position:absolute;bottom:5%;left:50%;transform:translate(-50%);font-size:2rem;z-index:1;opacity:.3}.header-result{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:1.3rem;font-weight:800;z-index:5;animation:fadeInCentered .15s ease}.header-round-text{position:absolute;top:var(--space-sm);right:var(--space-md);font-size:.65rem;color:var(--text-secondary);font-weight:700}.header-control-panel{width:180px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-left:1px solid var(--glass-border);background:#080c1899;justify-content:center}.header-desc{font-size:.6rem;margin:0}.header-stat-container{margin-top:var(--space-xs)}.header-stat-header{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-secondary);margin-bottom:3px}.header-stat-label{display:flex;align-items:center;gap:var(--space-xs)}.header-stat-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.header-stat-fill{height:100%;border-radius:3px;transition:width .3s ease}.header-kick-btn{width:100%;padding:var(--space-md);font-size:.9rem;margin-top:6px;background:linear-gradient(135deg,#ffa502,#ff6348);box-shadow:0 0 12px #ffa50266}.header-start-btn{width:100%;padding:var(--space-md);font-size:.9rem;margin-top:6px}.header-message{padding:var(--space-sm);background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:var(--radius-sm);font-size:.6rem;color:var(--accent-color);font-weight:600;text-align:center;animation:fadeIn .3s ease}.training-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.training-tab-bar{display:flex;gap:2px;padding:3px max(var(--generic-padding),var(--safe-right, 6px)) 0 max(var(--generic-padding),var(--safe-left, 6px));background:#00000059;border-bottom:1px solid rgba(255,140,0,.1);flex-shrink:0;overflow-x:auto;scrollbar-width:none;justify-content:space-around}.training-tab-bar::-webkit-scrollbar{display:none}.training-tab-btn{flex:0 0 auto;padding:var(--space-xs) var(--space-xs);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);font-weight:700;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:3px;white-space:nowrap;transition:all .15s ease;padding-bottom:6px}.training-tab-btn:hover{color:var(--text-primary)}.training-tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:#ff8c000f}.training-content-area{flex:1;overflow:hidden;padding-left:var(--safe-left, 0px)}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:-webkit-transform .3s ease-out,opacity .3s ease-in;-moz-transition:-moz-transform .3s ease-out,opacity .3s ease-in;-o-transition:-o-transform .3s ease-out,opacity .3s ease-in;transition:transform .3s ease-out,opacity .3s ease-in}.leaflet-cluster-spider-leg{-webkit-transition:-webkit-stroke-dashoffset .3s ease-out,-webkit-stroke-opacity .3s ease-in;-moz-transition:-moz-stroke-dashoffset .3s ease-out,-moz-stroke-opacity .3s ease-in;-o-transition:-o-stroke-dashoffset .3s ease-out,-o-stroke-opacity .3s ease-in;transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in}.marker-cluster-small{background-color:#b5e28c99}.marker-cluster-small div{background-color:#6ecc3999}.marker-cluster-medium{background-color:#f1d35799}.marker-cluster-medium div{background-color:#f0c20c99}.marker-cluster-large{background-color:#fd9c7399}.marker-cluster-large div{background-color:#f1801799}.leaflet-oldie .marker-cluster-small{background-color:#b5e28c}.leaflet-oldie .marker-cluster-small div{background-color:#6ecc39}.leaflet-oldie .marker-cluster-medium{background-color:#f1d357}.leaflet-oldie .marker-cluster-medium div{background-color:#f0c20c}.leaflet-oldie .marker-cluster-large{background-color:#fd9c73}.leaflet-oldie .marker-cluster-large div{background-color:#f18017}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px Helvetica Neue,Arial,Helvetica,sans-serif}.marker-cluster span{line-height:30px}.team-page{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-color)}.team-tabs{display:flex;background:#080c18cc;border-bottom:1px solid var(--glass-border);padding:0 max(var(--generic-padding),var(--safe-right, 0px)) 0 var(--safe-left, 0px)}.team-tab-btn{flex:1;background:transparent;border:none;padding:12px 4px;font-size:.75rem;font-weight:700;color:var(--text-secondary);border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease}.team-tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:#ff8c000d}.team-tab-content{flex:1;overflow:hidden;position:relative}.team-squad-container{display:flex;height:100%;width:100%}.team-map-area{flex:1;position:relative;overflow:hidden}.team-details-tab{height:100%;overflow-y:auto;padding:var(--space-md) var(--safe-right, 0px) var(--space-xl) var(--safe-left, 0px)}.team-details-header{display:flex;gap:var(--space-md);padding:var(--space-md);background:#ffffff08;border-radius:var(--radius-md);margin-bottom:var(--space-lg);align-items:center}.team-current-logo{width:64px;height:64px;background:#00e5ff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00e5ff33;flex-shrink:0}.team-name-input-group{flex:1;display:flex;flex-direction:column;gap:4px}.team-name-input-group label{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;font-weight:700}.input-with-button{display:flex;gap:8px}.input-with-button .input:focus{outline:none;border-color:#ffffff1a}.team-logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;padding:var(--space-md)}.team-logo-btn{aspect-ratio:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.team-logo-btn.active{background:#ff8c001a;border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 10px #ff8c0033}.team-details-tab{height:100%;overflow-y:auto;display:flex;flex-direction:column}.tdt-hdr{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--glass-border);flex-shrink:0;background:linear-gradient(90deg,rgba(var(--tc-rgb, 255,140,0),.06) 0%,transparent 60%)}.tdt-hdr-logo{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tdt-hdr-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.tdt-name-btn{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;max-width:100%}.tdt-name-text{font-family:Barlow Condensed,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdt-name-pencil{color:var(--text-secondary);opacity:.6;flex-shrink:0;transition:opacity .15s}.tdt-name-btn:hover .tdt-name-pencil{opacity:1}.tdt-name-input{font-family:Barlow Condensed,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:3px 8px;color:var(--text-primary);outline:none;width:100%}.tdt-name-input:focus{border-color:var(--accent-color)}.tdt-record-inline{display:flex;align-items:center;gap:5px;font-family:Barlow Condensed,sans-serif;font-size:.78rem;font-weight:700}.tdt-record-inline em{font-style:normal;font-size:.62rem;font-weight:700;text-transform:uppercase;opacity:.7;margin-left:1px}.tdt-ri-w{color:var(--alt-color)}.tdt-ri-d{color:var(--text-secondary)}.tdt-ri-l{color:var(--error-color)}.tdt-ri-sep{color:var(--text-secondary);opacity:.4}.tdt-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.tdt-row-col{flex-direction:column;align-items:flex-start;gap:8px}.tdt-row-last{border-bottom:none;flex:1}.tdt-row-lbl{font-family:Barlow Condensed,sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);display:flex;align-items:center;gap:5px;flex-shrink:0}.tdt-swatches{display:flex;flex-wrap:wrap;gap:8px}.tdt-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease}.tdt-swatch.active{transform:scale(1.2)}.tdt-logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:5px;width:100%}.tdt-logo-btn{aspect-ratio:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.tdt-logo-btn:hover{background:#ffffff14;color:var(--text-primary)}.tdt-match-list{display:flex;flex-direction:column;gap:4px;width:100%}.tdt-match-card{display:flex;align-items:center;gap:8px;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:7px 8px;cursor:pointer;width:100%;text-align:left;transition:background .12s ease}.tdt-match-card:hover{background:#ffffff0e}.tdt-mc-bar{width:3px;height:28px;border-radius:2px;flex-shrink:0}.tdt-mc-bar.bar-W{background:var(--alt-color)}.tdt-mc-bar.bar-L{background:var(--error-color)}.tdt-mc-bar.bar-D{background:#fff3}.tdt-mc-score{font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:900;line-height:1;flex-shrink:0;width:36px;text-align:center}.tdt-mc-score.score-W{color:var(--alt-color)}.tdt-mc-score.score-L{color:var(--error-color)}.tdt-mc-score.score-D{color:var(--text-secondary)}.tdt-mc-opp{flex:1;font-family:Barlow Condensed,sans-serif;font-size:.82rem;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdt-mc-badge{font-family:Barlow Condensed,sans-serif;font-size:.52rem;font-weight:800;letter-spacing:.05em;padding:2px 5px;border-radius:3px;flex-shrink:0}.tdt-mc-badge.badge-W{background:#00d45a24;color:var(--alt-color)}.tdt-mc-badge.badge-L{background:#ff475724;color:var(--error-color)}.tdt-mc-badge.badge-D{background:#ffffff12;color:var(--text-secondary)}.tdt-mc-chevron{color:var(--text-secondary);flex-shrink:0;opacity:.5}.tdt-empty{display:flex;flex-direction:column;align-items:center;gap:7px;padding:24px 16px;color:var(--text-secondary);font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.04em;width:100%}.tdt-empty-icon{opacity:.3}.tdt-modal-overlay{position:fixed;inset:0;background:#000000bf;z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.tdt-modal{background:var(--surface-color);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:360px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.tdt-modal-header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.tdt-modal-title{font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);flex:1}.tdt-modal-date{font-size:.65rem;color:var(--text-secondary)}.tdt-modal-close{width:28px;height:28px;background:#ffffff0f;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tdt-modal-scoreboard{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 16px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.tdt-modal-team{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.tdt-modal-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:900;letter-spacing:.04em}.tdt-modal-avatar.you{background:#ff8c0026;border:1px solid rgba(255,140,0,.3);color:var(--accent-color)}.tdt-modal-avatar.opp{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary)}.tdt-modal-team-name{font-family:Barlow Condensed,sans-serif;font-size:.7rem;font-weight:700;color:var(--text-secondary);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdt-modal-center{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.tdt-modal-scores{display:flex;align-items:center;gap:6px}.tdt-modal-num{font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:900;line-height:1}.tdt-modal-num.num-win{color:var(--alt-color)}.tdt-modal-num.num-loss{color:var(--error-color)}.tdt-modal-num.num-draw{color:var(--text-secondary)}.tdt-modal-sep{font-size:1.2rem;color:var(--text-secondary);font-weight:300}.tdt-modal-result{font-family:Barlow Condensed,sans-serif;font-size:.7rem;font-weight:900;letter-spacing:.1em;padding:2px 8px;border-radius:4px}.tdt-modal-result.result-label-W{background:#00d45a26;color:var(--alt-color)}.tdt-modal-result.result-label-L{background:#ff475726;color:var(--error-color)}.tdt-modal-result.result-label-D{background:#ffffff14;color:var(--text-secondary)}.tdt-modal-logs{flex:1;overflow-y:auto;padding:10px 16px;display:flex;flex-direction:column;gap:8px}.tdt-log-item{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text-secondary);padding:4px 0}.tdt-log-item.goal-player{color:var(--alt-color)}.tdt-log-item.goal-opponent{color:var(--error-color)}.tdt-log-min{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:.7rem;width:26px;flex-shrink:0;opacity:.7}.tdt-log-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;opacity:.6}.tdt-log-text{flex:1;line-height:1.4}.tdt-modal-empty{text-align:center;padding:24px;font-size:.75rem;color:var(--text-secondary)}.team-history-tab{height:100%;overflow-y:auto;padding:var(--space-md) var(--safe-right, 0px) var(--space-xl) var(--safe-left, 0px)}.team-history-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center;padding:var(--space-lg)}.team-history-list{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.team-history-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);overflow:hidden}.history-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);cursor:pointer}.history-result-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);font-size:.6rem;font-weight:800}.history-teams-score{flex:1;display:flex;align-items:center;justify-content:center;gap:12px}.history-team-name{font-size:.75rem;width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.history-score-box{font-size:1.1rem;font-weight:900;display:flex;gap:6px;background:#0000004d;padding:4px 12px;border-radius:var(--radius-sm)}.history-score-box .win-text{color:#2ed573}.history-expand-btn{background:transparent;border:none;color:var(--text-secondary);padding:4px}.history-card-logs{background:#080c1866;border-top:1px solid rgba(255,255,255,.05);padding:var(--space-sm)}.logs-header{font-size:.6rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-weight:700}.match-logs-container.mini{max-height:200px}.formation-header{padding:10px}.formation-header h3,.formation-header p,.formation-bench-empty{font-size:.6rem}.team-formation-tab{display:flex;flex-direction:column;height:100%}.formation-pitch-container{flex:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e4a1a,#0f2a0d);padding:var(--space-md);position:relative}.formation-pitch{width:100%;max-width:320px;aspect-ratio:2/3;border:2px solid rgba(255,255,255,.4);border-radius:8px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:8% 20px 10%;overflow:hidden}.formation-pitch:before{content:"↑";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;color:#ffffff08;font-weight:900;pointer-events:none;z-index:0}.formation-pitch:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:35%;height:12%;border:2px solid rgba(255,255,255,.6);border-bottom:none;background:#ffffff1a;border-radius:4px 4px 0 0;z-index:0}.formation-pitch-line-center{position:absolute;top:50%;left:0;right:0;height:2px;background:#fff6;transform:translateY(-50%);pointer-events:none}.formation-pitch-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:2px solid rgba(255,255,255,.4);border-radius:50%;pointer-events:none}.formation-pitch-row{display:flex;justify-content:space-around;width:100%;z-index:10}.formation-pitch-row.strikers{margin-top:-45px}.formation-pitch-row.midfielders{margin-top:45px}.formation-pitch-row.defenders{margin-top:0}.formation-slot{width:48px;height:48px;background:#0000004d;border:1px dashed rgba(255,255,255,.5);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.formation-slot.drag-over{border-color:var(--accent-color);background:#ff8c002e;transform:scale(1.1)}.formation-slot.occupied{background:transparent;border:none}.slot-label{position:absolute;bottom:-16px;font-size:.6rem;font-weight:800;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.8)}.slot-player-avatar{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;box-shadow:0 4px 8px #00000080;border:2px solid var(--glass-border);touch-action:none}.slot-player-avatar.captain{border-color:var(--accent-color);color:var(--accent-dark)}.formation-bench-area{height:160px;background:#080c18e6;border-top:1px solid var(--glass-border);display:flex;flex-direction:column}.bench-list{flex:1;overflow-x:auto;overflow-y:visible;display:flex;gap:var(--space-sm);align-items:center}.bench-instruction{font-size:.55rem;color:var(--text-secondary);position:absolute;top:6px;right:12px}.draggable-player-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:6px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:grab;touch-action:none;width:72px;flex-shrink:0}.draggable-player-card:active{cursor:grabbing;opacity:.8}.draggable-player-card.captain{border-color:#00e5ff4d;background:#00e5ff0d}.draggable-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;border:1px solid rgba(255,255,255,.2)}.draggable-avatar.captain{border-color:var(--accent-color);color:var(--accent-dark)}.draggable-info{display:flex;flex-direction:column;align-items:center}.draggable-name{font-size:.6rem;font-weight:700;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-pos{font-size:.5rem;color:var(--text-secondary)}.draggable-ovr{font-size:.65rem;font-weight:900;color:var(--text-primary)}.bench-empty{font-size:.7rem;color:var(--text-secondary);margin:auto}@media(min-width:768px),(max-width:900px)and (orientation:landscape){.team-formation-tab{flex-direction:row-reverse}.formation-pitch-container{padding:4px;align-items:center}.formation-pitch{aspect-ratio:2/3;height:95%;max-height:calc(100vh - 120px);width:auto;max-width:280px;padding:12% 10px 8%}.formation-pitch-row{gap:2px}.formation-slot{width:32px;height:32px}.slot-player-avatar{font-size:.8rem}.slot-label{bottom:-12px;font-size:.5rem}.formation-slot{width:38px;height:38px}.remove-from-pitch-btn{width:16px!important;height:16px!important}.formation-bench-area{height:100%;width:140px;border-top:none;border-right:1px solid var(--glass-border);flex-shrink:0}.bench-list{flex-direction:column;overflow-y:auto;overflow-x:hidden;align-items:center;gap:12px}.draggable-player-card{width:60px;padding:4px}.draggable-avatar{width:24px;height:24px;font-size:.7rem}.draggable-name{font-size:.55rem}}.team-player-overlay{position:absolute;top:0;right:0;width:calc(220px + var(--safe-right, 0px));padding-right:var(--safe-right, 0px);height:100%;background:#080c18f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:1000;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #00000080}.team-player-scene-container{height:100px;flex-shrink:0;position:relative;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%)}.team-player-ovr-badge{position:absolute;top:6px;left:8px;background:#0009;padding:1px 6px;border-radius:8px;font-size:.6rem;font-weight:800}.team-player-close-btn{position:absolute;top:6px;right:6px;background:#00000080;border:none;color:#fff;border-radius:50%;width:22px;height:22px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.team-player-details{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.team-player-name{margin:0;font-size:1rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.team-player-position{font-size:.65rem;color:var(--accent-color);font-weight:700;text-transform:uppercase}.team-player-stats{display:flex;flex-direction:column;gap:10px;margin:12px 0}.team-player-stat-row{display:flex;align-items:center;gap:var(--space-xs)}.team-player-stat-label{font-size:.6rem;color:var(--text-secondary);width:65px;font-weight:700;display:flex;align-items:center;gap:4px}.team-player-stat-track{flex:1;height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden}.team-player-stat-value{font-size:.65rem;font-weight:900;width:20px;text-align:right;color:var(--text-primary)}.team-player-add-btn-container{margin-top:auto}.team-player-already-added{width:100%;padding:6px;text-align:center;font-size:.65rem;color:var(--text-secondary);font-weight:700}.team-player-add-btn{width:100%;padding:12px;font-size:.75rem;font-weight:800;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#ff8c00,#e05000);box-shadow:0 4px 15px #ff8c004d;transition:all .2s ease}.team-player-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8c0073}.team-player-add-btn:active{transform:translateY(0)}.team-roster-panel{width:200px;display:flex;flex-direction:column;gap:6px;padding:var(--space-sm);padding-right:max(var(--generic-padding),var(--safe-right, 0px));border-left:1px solid var(--glass-border);background:#080c1899;overflow:hidden}.team-roster-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.team-roster-count{font-size:.6rem;color:var(--text-secondary);font-weight:700}.team-roster-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:var(--space-xs);scrollbar-width:thin;scrollbar-color:var(--accent-dark) transparent}.team-roster-item{display:flex;align-items:center;gap:6px;padding:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);flex-shrink:0}.team-roster-item.captain{background:#ff8c000f;border-color:#ff8c0026}.team-roster-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);font-size:.55rem;font-weight:800;flex-shrink:0}.team-roster-avatar.captain{border:2px solid var(--accent-color);font-size:.5rem}.team-roster-info{flex:1;min-width:0}.team-roster-name{font-size:.6rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-roster-name.captain{font-weight:800}.team-roster-pos{font-size:.5rem;color:var(--text-secondary)}.team-roster-rating{font-size:.55rem;font-weight:800;flex-shrink:0}.team-roster-rating.captain{color:var(--accent-color)}.team-roster-remove-btn{width:18px;height:18px;border-radius:3px;border:none;background:#ff475726;color:#ff4757;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.team-roster-empty{text-align:center;padding:var(--space-md);font-size:.55rem;color:var(--text-secondary)}.team-overall-badge-container{text-align:center;padding:var(--space-xs);background:#ff8c000f;border-radius:var(--radius-sm);flex-shrink:0}.team-overall-label{font-size:.5rem;color:var(--text-secondary)}.team-overall-value{font-size:.75rem;font-weight:800;color:var(--accent-color)}.match-engine-container{display:flex;height:100%;overflow:hidden}.match-engine-left{flex:1;display:flex;flex-direction:column;overflow:hidden}.match-engine-scoreboard{display:flex;align-items:center;justify-content:center;padding:6px var(--space-md);background:#0006;border-bottom:1px solid var(--glass-border);flex-shrink:0;gap:var(--space-md)}.match-engine-team-box{flex:1}.match-engine-team-box.left{text-align:right}.match-engine-team-box.right{text-align:left}.match-engine-team-name{font-size:.65rem;font-weight:800;text-transform:uppercase}.match-engine-team-name.player{color:var(--accent-color)}.match-engine-team-name.opponent{color:var(--error-color)}.match-engine-score-center{display:flex;align-items:center;gap:var(--space-sm)}.match-engine-score-val{font-size:1.6rem;font-weight:800}.match-engine-score-val.winning{color:var(--accent-color)}.match-engine-score-val.losing{color:var(--error-color)}.match-engine-score-val.neutral{color:var(--text-primary)}.match-engine-time-box{text-align:center}.match-engine-minute{font-size:.8rem;font-weight:800;color:var(--text-secondary)}.match-engine-ms{font-size:.5rem;color:var(--gold-color);font-weight:800}.match-engine-progress-bg{height:3px;background:#ffffff0a;flex-shrink:0}.match-engine-progress-fill{height:100%;background:var(--accent-color);transition:width .3s ease;box-shadow:0 0 4px var(--accent-color)}.match-engine-logs{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:var(--space-xs);scrollbar-width:thin;scrollbar-color:var(--accent-dark) transparent}.match-engine-log-start{text-align:center;color:var(--text-secondary);font-size:.65rem;padding:var(--space-xl)}.match-engine-log-item{padding:5px var(--space-sm);border-radius:var(--space-xs);animation:slideInRight .2s ease}.match-engine-log-time{font-size:.55rem;font-weight:800;color:var(--text-secondary);margin-right:6px}.match-engine-log-msg{font-size:.6rem}.match-engine-panel{width:180px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-left:1px solid var(--glass-border);background:#080c1899;justify-content:center}.match-engine-opp-info{display:flex;flex-direction:column;gap:3px}.match-engine-opp-name{font-size:.55rem;color:var(--text-secondary);font-weight:700}.match-engine-stat-row{display:flex;align-items:center;gap:var(--space-xs)}.match-engine-stat-label{font-size:.5rem;font-weight:700;color:var(--text-secondary);width:22px}.match-engine-stat-track{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.match-engine-stat-fill{height:100%;border-radius:2px}.match-engine-stat-val{font-size:.5rem;font-weight:800;width:16px;text-align:right}.match-engine-result-msg{padding:6px;border-radius:var(--radius-sm);text-align:center;font-size:.65rem;font-weight:800}.match-engine-new-btn{width:100%;padding:10px;font-size:.75rem}.match-engine-pulse{text-align:center;font-size:.6rem;color:var(--accent-color);font-weight:700;animation:pulse-glow 1.5s infinite}.match-page-pre{display:flex;height:100%;overflow:hidden}.match-page-vs-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(255,140,0,.04) 0%,transparent 65%);gap:10px}.match-page-teams-row{display:flex;align-items:center;gap:20px}.match-page-team-col{text-align:center}.match-page-avatar{width:52px;height:52px;margin:0 auto;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:900;font-family:Barlow Condensed,sans-serif}.match-page-avatar.player{background:linear-gradient(145deg,#c40,#7a1a00);border:1px solid rgba(255,140,0,.35);font-size:.85rem;box-shadow:var(--accent-glow)}.match-page-avatar.opponent{background:linear-gradient(145deg,#1e2a3a,#0f1520);font-size:.9rem;border:1px solid rgba(255,45,85,.3);box-shadow:0 0 10px #ff2d551a}.match-page-team-name{font-family:Barlow Condensed,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:7px;color:var(--text-secondary)}.match-page-team-ovr{font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:900;letter-spacing:.02em}.match-page-team-ovr.player{color:var(--accent-color);text-shadow:0 0 10px rgba(255,140,0,.35)}.match-page-team-ovr.opponent{color:var(--error-color)}.match-page-ovr-label{font-family:Barlow Condensed,sans-serif;font-size:.52rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.match-page-vs-icon{font-family:Barlow Condensed,sans-serif;font-size:1.6rem;font-weight:900;color:#fff3;letter-spacing:.04em}.match-page-stats-container{width:230px;display:flex;flex-direction:column;gap:4px;margin:4px 0}.match-page-stat-row{display:flex;align-items:center;gap:var(--space-xs)}.match-page-stat-label{font-family:Barlow Condensed,sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);width:22px}.match-page-stat-track{flex:1;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.match-page-stat-value{font-family:Barlow Condensed,sans-serif;font-size:.52rem;font-weight:800;width:16px;text-align:right}.match-page-control-panel{width:230px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);padding-right:max(var(--generic-padding),var(--safe-right, 0px));border-left:1px solid var(--glass-border);background:#060a14b3;justify-content:center}.match-page-desc{font-family:Barlow,sans-serif;font-size:.65rem;margin:0;color:var(--text-secondary);line-height:1.5}.match-page-btn{width:100%}.match-page-start-btn{padding:var(--space-md);font-size:.9rem;margin-top:6px}.match-page-new-btn{padding:var(--space-sm);font-size:.75rem}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;overflow-y:auto;background:radial-gradient(ellipse at 0% 0%,rgba(255,100,0,.12) 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(0,160,60,.08) 0%,transparent 55%),repeating-linear-gradient(-50deg,rgba(255,140,0,.018) 0px,rgba(255,140,0,.018) 1px,transparent 1px,transparent 32px),#060d1a;position:relative;padding:20px}.login-page:before{content:"";position:fixed;top:-80px;left:-80px;width:260px;height:260px;background:#ff8c0012;border-radius:50%;filter:blur(60px);pointer-events:none}.login-page:after{content:"";position:fixed;bottom:-60px;right:-60px;width:200px;height:200px;background:#00b44612;border-radius:50%;filter:blur(50px);pointer-events:none}.login-card{width:100%;max-width:420px;display:flex;flex-direction:column;animation:fadeIn .45s ease;position:relative;z-index:1}.login-brand-panel{display:flex;align-items:center;justify-content:center}.login-logo{text-align:center;padding:36px 0 24px;position:relative}.login-logo:before{content:"";display:block;width:48px;height:3px;background:var(--accent-color);box-shadow:0 0 10px #ff8c0099;margin:0 auto 14px;border-radius:2px}.login-logo h1{font-family:Barlow Condensed,sans-serif;font-size:2.6rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;line-height:1;background:linear-gradient(135deg,#fff,#ff8c00 60%,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.login-logo p{font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:500;color:var(--text-secondary);letter-spacing:.14em;text-transform:uppercase;margin:0}.login-form-panel{display:flex;flex-direction:column}.auth-lang-switcher{display:flex;align-items:center;gap:6px;color:var(--text-secondary);position:fixed;top:12px;right:14px;z-index:100}.auth-lang-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:5px 12px;font-family:Barlow Condensed,sans-serif;font-size:.7rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.1em;text-transform:uppercase}.auth-lang-btn:hover{background:#ff8c0014;border-color:#ff8c0040;color:var(--text-primary)}.auth-lang-btn.active{background:#ff8c0024;border-color:var(--accent-color);color:var(--accent-color)}.auth-tabs{display:flex;margin-bottom:20px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#ffffff05}.auth-tab{flex:1;padding:11px 0;text-align:center;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);transition:all var(--transition-fast);position:relative}.auth-tab:hover{color:var(--text-primary);background:#ff8c000a}.auth-tab.active{background:#ff8c001a;color:var(--accent-color)}.auth-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-color);box-shadow:0 0 6px #ff8c0099}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form-row{display:flex;gap:10px}.auth-form-row .auth-field{flex:1;min-width:0}.auth-field{display:flex;flex-direction:column;gap:4px}.auth-field label{font-family:Barlow Condensed,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.auth-field input{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-left:2px solid transparent;border-radius:var(--radius-sm);padding:10px 12px;font-family:Barlow,sans-serif;font-size:.88rem;color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.auth-field input:focus{border-color:#ff8c0033;border-left-color:var(--accent-color);background:#ff8c0008;box-shadow:0 0 0 1px #ff8c0014}.auth-field input::placeholder{color:#ffffff2e}.auth-field input.invalid{border-color:#ff2d5566;border-left-color:var(--error-color);background:#ff2d550a}.field-error{font-family:Barlow Condensed,sans-serif;font-size:.7rem;font-weight:600;color:var(--error-color);letter-spacing:.03em;margin-top:1px}.auth-submit{margin-top:4px;padding:12px;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,#ff8c00,#e05000);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #ff8c004d;position:relative;overflow:hidden}.auth-submit:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .4s ease}.auth-submit:hover:not(:disabled):before{left:150%}.auth-submit:hover:not(:disabled){box-shadow:0 6px 24px #ff8c0080;transform:translateY(-1px)}.auth-submit:active:not(:disabled){transform:scale(.98) translateY(0)}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-error{background:#ff2d551a;border:1px solid rgba(255,45,85,.25);border-left:3px solid var(--error-color);border-radius:var(--radius-sm);padding:8px 12px;font-family:Barlow Condensed,sans-serif;font-size:.78rem;font-weight:600;color:var(--error-color);letter-spacing:.04em;animation:fadeIn .3s ease}.auth-switch{text-align:center;margin-top:16px;font-family:Barlow,sans-serif;font-size:.78rem;color:var(--text-secondary)}.auth-switch button{background:none;border:none;color:var(--accent-color);font-family:Barlow Condensed,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.06em;cursor:pointer;border-bottom:1px solid rgba(255,140,0,.3);padding-bottom:1px;transition:all var(--transition-fast)}.auth-switch button:hover{color:#fff;border-bottom-color:#ffffff80}.auth-forgot-btn{background:none;border:none;color:var(--text-secondary);font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.06em;cursor:pointer;margin-top:2px;padding:0;text-align:center;width:100%;transition:color var(--transition-fast)}.auth-forgot-btn:hover{color:var(--accent-color)}.fp-overlay{position:fixed;inset:0;background:#000000c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:20px;animation:fadeIn .2s ease}.fp-modal{width:100%;max-width:360px;background:#0a1424;border:1px solid rgba(255,140,0,.15);border-top:3px solid var(--accent-color);border-radius:6px;overflow:hidden;box-shadow:0 24px 64px #000000b3,0 0 40px #ff8c000f;animation:fpSlideUp .28s cubic-bezier(.4,0,.2,1)}@keyframes fpSlideUp{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.fp-steps{display:flex;align-items:center;gap:0}.fp-step-dot{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text-secondary);font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;transition:all .25s ease;letter-spacing:0}.fp-step-dot.active{border-color:var(--accent-color);background:#ff8c0026;color:var(--accent-color);box-shadow:0 0 10px #ff8c004d}.fp-step-dot.done{border-color:var(--alt-color);background:#00d45a1f;color:var(--alt-color);font-size:.8rem}.fp-step-line{width:28px;height:2px;background:#ffffff1a;transition:background .3s ease}.fp-step-line.done{background:var(--alt-color);box-shadow:0 0 6px #00d45a66}.fp-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;transition:all .15s}.fp-close:hover{background:#ffffff0f;color:var(--text-primary)}.fp-body{display:flex;flex-direction:column;gap:14px;padding:20px 20px 24px}.fp-title{margin-bottom:2px}.fp-title-tag{font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);display:block;margin-bottom:4px}.fp-title-desc{font-family:Barlow,sans-serif;font-size:.78rem;color:var(--text-secondary);line-height:1.45;margin:0}.fp-title-desc strong{color:var(--accent-color);font-weight:600}.fp-otp-row{display:flex;justify-content:center;gap:10px;padding:4px 0}.fp-otp-box{width:52px;height:60px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:6px;text-align:center;font-family:Barlow Condensed,sans-serif;font-size:1.8rem;font-weight:900;color:var(--text-primary);outline:none;caret-color:var(--accent-color);transition:border-color .15s,box-shadow .15s,background .15s;padding:0!important;-webkit-user-select:text;user-select:text}.fp-otp-box:focus{border-color:var(--accent-color);background:#ff8c000d;box-shadow:0 0 0 3px #ff8c001f}.fp-otp-box.filled{border-color:var(--alt-color);background:#00d45a0d;color:var(--alt-color)}.fp-otp-box.filled:focus{border-color:var(--accent-color);background:#ff8c000d;color:var(--text-primary);box-shadow:0 0 0 3px #ff8c001f}.fp-resend-btn{background:none;border:none;color:var(--text-secondary);font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.06em;cursor:pointer;text-align:center;padding:0;margin-top:-4px;transition:color var(--transition-fast)}.fp-resend-btn:hover:not(:disabled){color:var(--accent-color)}.fp-resend-btn:disabled{opacity:.4;cursor:not-allowed}.fp-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:28px 24px}.fp-success-icon{color:var(--alt-color);filter:drop-shadow(0 0 10px rgba(0,212,90,.5))}.fp-success h3{font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);margin:0}.fp-success p{font-family:Barlow,sans-serif;font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0;max-width:240px}@media(max-height:430px)and (orientation:landscape){.fp-overlay{padding:10px}.fp-modal{max-width:480px;display:flex;flex-direction:row;max-height:100%}.fp-header{flex-direction:column;justify-content:space-between;padding:14px 12px;border-bottom:none;border-right:1px solid rgba(255,255,255,.05);width:60px;flex-shrink:0}.fp-steps{flex-direction:column;gap:6px;align-items:center}.fp-step-line{width:2px;height:20px}.fp-body{gap:8px;padding:14px 16px;flex:1;overflow-y:auto;justify-content:center}.fp-title-tag{font-size:.9rem}.fp-title-desc{font-size:.7rem}.fp-otp-row{gap:7px;padding:2px 0}.fp-otp-box{width:40px;height:46px;font-size:1.4rem;border-radius:4px}.fp-body .auth-submit{padding:8px;font-size:.85rem;margin-top:0}.fp-success{padding:16px;gap:8px;justify-content:center}}.auth-spinner{width:26px;height:26px;border:3px solid rgba(255,140,0,.15);border-top-color:var(--accent-color);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-height:430px)and (orientation:landscape){.login-page{align-items:stretch;padding:0;overflow:hidden}.login-card{flex-direction:row;max-width:100%;width:100%;height:100%;max-height:100vh;margin:0;animation:none}.login-brand-panel{flex:0 0 36%;display:flex;align-items:center;justify-content:center;padding:16px 20px;border-right:1px solid rgba(255,140,0,.12);background:radial-gradient(ellipse at 60% 40%,rgba(255,100,0,.1) 0%,transparent 65%),repeating-linear-gradient(-52deg,rgba(255,140,0,.02) 0px,rgba(255,140,0,.02) 1px,transparent 1px,transparent 20px);position:relative;overflow:hidden}.login-logo{padding:0}.login-logo:before{width:36px;height:2px;margin-bottom:10px}.login-logo h1{font-size:1.8rem;margin-bottom:4px}.login-logo p{font-size:.68rem;letter-spacing:.1em}.login-form-panel{flex:1;display:flex;flex-direction:column;justify-content:center;padding:10px 20px;overflow-y:auto;gap:0}.auth-lang-btn{padding:3px 9px;font-size:.62rem}.auth-tabs{margin-bottom:8px}.auth-tab{padding:7px 0;font-size:.75rem}.auth-form{gap:6px}.auth-field{gap:2px}.auth-field label{font-size:.6rem;letter-spacing:.08em}.auth-field input{padding:6px 10px;font-size:.82rem}.auth-submit{margin-top:4px;padding:8px;font-size:.88rem}.auth-error{padding:5px 10px;font-size:.68rem;margin-bottom:4px}.auth-switch{margin-top:7px;font-size:.68rem}.auth-switch button{font-size:.68rem}}.profile-page{display:flex;flex-direction:column;gap:10px;padding:var(--space-sm);height:100%;overflow-y:auto}.profile-header{display:flex;align-items:center;gap:14px;padding:16px;border-left:3px solid var(--accent-color);position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(to left,rgba(255,140,0,.04),transparent);pointer-events:none}.profile-avatar{width:50px;height:50px;border-radius:5px;background:linear-gradient(145deg,#c40,#7a1a00);border:1px solid rgba(255,140,0,.3);display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:900;color:#fff;flex-shrink:0;box-shadow:0 0 12px #ff8c0033;letter-spacing:.02em}.profile-info{min-width:0}.profile-name{font-family:Barlow Condensed,sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.profile-email{font-family:Barlow,sans-serif;font-size:.72rem;color:var(--text-secondary);margin:3px 0 0;overflow:hidden;text-overflow:ellipsis}.profile-lang-section{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--text-secondary)}.profile-lang-label{font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.profile-lang-buttons{display:flex;gap:6px;margin-left:auto}.profile-menu{display:flex;flex-direction:column;gap:6px}.profile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--glass-border);border-left:3px solid transparent;background:var(--panel-bg);color:var(--text-primary);font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:left;width:100%;position:relative}.profile-menu-item:hover{background:#ff8c000d;border-left-color:var(--accent-color);border-color:#ff8c0026;color:var(--text-primary)}.profile-menu-chevron{margin-left:auto;color:var(--text-secondary);transition:transform .2s ease}.profile-menu-item:hover .profile-menu-chevron{transform:translate(3px);color:var(--accent-color)}.profile-menu-danger{color:var(--error-color)}.profile-menu-danger:hover{background:#ff2d550f;border-left-color:var(--error-color);border-color:#ff2d5533}[dir=rtl] .profile-menu-chevron{transform:scaleX(-1)}[dir=rtl] .settings-back svg{transform:scaleX(-1)}[dir=rtl] .profile-menu-chevron{margin-left:0;margin-right:auto}.profile-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-modal{width:100%;max-width:320px;padding:24px;text-align:center;border-top:3px solid var(--accent-color)}.profile-modal h3{font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.04em;margin-bottom:20px;color:var(--text-primary);line-height:1.4;text-transform:uppercase}.profile-modal-actions{display:flex;gap:10px;justify-content:center}.profile-modal-actions .btn{flex:1;padding:12px;font-size:.85rem}.btn-danger{background:linear-gradient(135deg,#ff2d55,#a13)!important;border:none!important;color:#fff!important;font-weight:800;box-shadow:0 4px 14px #ff2d554d}.btn-danger:hover{box-shadow:0 6px 20px #ff2d5580!important}.settings-page{display:flex;flex-direction:column;gap:10px;padding:var(--space-sm);height:100%;overflow-y:auto}.settings-back{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--accent-color);font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:700;cursor:pointer;padding:4px 0;text-transform:uppercase;letter-spacing:.08em;transition:color var(--transition-fast)}.settings-back:hover{color:#fff}.settings-section{padding:16px}.settings-section h3{margin-bottom:14px}.settings-form{display:flex;flex-direction:column;gap:12px}.settings-row{display:flex;gap:12px}.settings-row .settings-field{flex:1}.settings-field{display:flex;flex-direction:column;gap:5px}.settings-field label{font-family:Barlow Condensed,sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.settings-field input{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-left:2px solid transparent;border-radius:var(--radius-sm);padding:10px 12px;font-family:Barlow,sans-serif;font-size:.88rem;color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-field input:focus{border-color:#ff8c0033;border-left-color:var(--accent-color);box-shadow:0 0 0 1px #ff8c0014}.settings-save{align-self:flex-start}.settings-saved-toast{font-family:Barlow Condensed,sans-serif;font-size:.75rem;color:var(--success-color);font-weight:700;letter-spacing:.06em;animation:fadeIn .3s ease}.settings-danger-zone{margin-top:16px;padding:16px;border-color:#ff2d552e!important;border-left:3px solid var(--error-color)!important}.settings-danger-zone h3{color:var(--error-color)!important}.settings-danger-zone p{font-size:.75rem;margin-bottom:12px}@media(max-height:500px)and (orientation:landscape){.profile-header{padding:10px}.profile-avatar{width:38px;height:38px;font-size:1rem}.profile-menu-item{padding:10px 14px;font-size:.82rem}.profile-modal{padding:16px}.settings-section{padding:12px}}.top-bar{display:flex;justify-content:space-between;align-items:center;height:50px;padding-inline:14px;padding-inline:max(var(--safe-left, 0px),14px);padding-block-start:max(var(--safe-top, 0px),6px);background:linear-gradient(180deg,#040810d1,#04081000);position:absolute;top:0;left:0;right:0;z-index:1000;pointer-events:none}.top-bar>*{pointer-events:auto}.top-bar-left{display:flex;align-items:center;gap:10px}.profile-shield{position:relative;width:34px;height:34px;background:linear-gradient(145deg,#1a0a00,#0e0606);border:1px solid rgba(255,140,0,.25);border-radius:5px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #00000080,inset 0 1px #ff8c001a}.profile-shield-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 35%,#c40,#7a1a00);border-radius:4px}.profile-initial{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);letter-spacing:.02em}.profile-level-badge{position:absolute;bottom:-5px;inset-inline-end:-5px;background:var(--accent-color);color:#000;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:900;padding:1px 5px;border-radius:3px;border:1px solid rgba(0,0,0,.4);box-shadow:0 0 6px #ff8c0066;letter-spacing:.02em}.profile-level-badge.placeholder{background:#1a2236;color:#3a4a65;border-color:#111;box-shadow:none}.profile-info{display:flex;flex-direction:column;gap:3px}.profile-name{font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;color:#fff;letter-spacing:.06em;text-transform:uppercase}.profile-xp-bar-container{display:flex;align-items:center;gap:6px;width:100px}.profile-xp-bar-container span{display:block}.profile-xp-bar-container{position:relative}.profile-xp-bar{height:5px;background:var(--alt-color);border-radius:2px;flex-shrink:0;position:relative;box-shadow:0 0 5px #00c85066}.profile-xp-bar:before{content:"";position:absolute;top:0;inset-inline-start:0;right:0;bottom:0;background:#00b4462e;width:100px;border-radius:2px;z-index:-1}.profile-xp-text{font-family:Barlow Condensed,sans-serif;font-size:10px;color:#ffffff80;white-space:nowrap;letter-spacing:.04em}.nav-divider{width:1px;height:22px;background:#ffffff1a;margin:0 2px}.news-btn{background:none;border:none;color:#ffffffa6;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:color .2s,opacity .2s}.news-btn:hover{color:var(--accent-color)}.news-btn span{font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.top-bar-right{display:flex;align-items:center;gap:12px}.currency-group{display:flex;align-items:center;gap:8px}.currency-item{display:flex;align-items:center;background:#00000073;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-full);padding-block:2px;padding-inline-start:5px;padding-inline-end:2px;height:22px;gap:4px}.currency-icon{width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700}.coin-icon{background:radial-gradient(circle at 35% 35%,#fd0,#c80);color:#000;border:1px solid rgba(255,255,255,.3);font-family:Barlow Condensed,sans-serif;font-weight:900}.gem-icon{font-size:12px;background:transparent}.fc-icon{background:linear-gradient(135deg,#ff8c00,#7a3c00);color:#fff;border:1px solid rgba(255,255,255,.2)}.currency-amount{font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;color:#fff;letter-spacing:.04em}.currency-add{display:flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#ff8c0040;color:var(--accent-color);border:none;cursor:pointer;transition:background .2s}.currency-add:hover{background:#ff8c0073}.action-icons{display:flex;align-items:center;gap:6px}.action-btn{background:none;border:none;color:#fff9;opacity:1;cursor:pointer;position:relative;transition:color .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{color:var(--accent-color)}.inbox-btn .notification-dot{position:absolute;top:0;inset-inline-end:-2px;width:7px;height:7px;background:var(--error-color);border-radius:50%;border:1px solid #060d1a}.dashboard-page{display:flex;flex-direction:row;height:100%;overflow:hidden}.dashboard-carousel-area{flex:1;position:relative;overflow:hidden;min-width:0;touch-action:pan-y}.carousel-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}.carousel-slide{flex:0 0 100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 32px;position:relative;overflow:hidden}.carousel-slide-glow{position:absolute;inset:0;pointer-events:none;z-index:0}.carousel-slide-stripes{position:absolute;inset:0;background:repeating-linear-gradient(-52deg,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 22px);pointer-events:none;z-index:0}.carousel-slide:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 100%);pointer-events:none;z-index:1}.carousel-slide-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.carousel-slide-tag{font-family:Barlow Condensed,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px;opacity:.9}.carousel-slide-title{font-family:Barlow Condensed,sans-serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:.92;text-transform:uppercase;color:#fff;letter-spacing:-.01em;margin-bottom:12px;text-shadow:0 2px 20px rgba(0,0,0,.5)}.carousel-slide-subtitle{font-family:Barlow,sans-serif;font-size:.8rem;color:#fff9;margin-bottom:20px;max-width:280px;line-height:1.5}.carousel-slide-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border:none;border-radius:4px;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.carousel-slide-cta:hover{transform:translateY(-2px)}.carousel-slide-cta:active{transform:scale(.97)}.carousel-dots{position:absolute;bottom:20px;right:24px;display:flex;gap:7px;align-items:center;z-index:10}.carousel-dot{width:6px;height:6px;border-radius:50%;border:none;background:#ffffff47;cursor:pointer;padding:0;transition:all .3s ease}.carousel-dot.active{width:22px;border-radius:3px}.dashboard-matches-panel{width:230px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid rgba(255,140,0,.1);background:#050912bf;overflow:hidden}.dashboard-matches-header{padding:13px 14px 11px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;display:flex;align-items:center;gap:7px}.dashboard-matches-header-title{font-family:Barlow Condensed,sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.dashboard-matches-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1px;padding:6px;scrollbar-width:thin;scrollbar-color:rgba(255,140,0,.12) transparent}.dashboard-matches-list::-webkit-scrollbar{width:3px}.dashboard-matches-list::-webkit-scrollbar-thumb{background:#ff8c0026;border-radius:2px}.match-history-card{display:flex;align-items:center;gap:0;padding:0;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:4px;cursor:pointer;text-align:left;width:100%;overflow:hidden;transition:background .15s ease,border-color .15s ease;position:relative}.match-history-card:hover{background:#ffffff0d;border-color:#ffffff1a}.match-result-stripe{width:3px;align-self:stretch;flex-shrink:0}.match-result-stripe.result-W{background:var(--alt-color);box-shadow:2px 0 8px #00d45a59}.match-result-stripe.result-L{background:var(--error-color);box-shadow:2px 0 8px #ff2d5559}.match-result-stripe.result-D{background:#fff3}.match-history-card-info{flex:1;min-width:0;padding:9px 10px}.match-history-teams{display:flex;align-items:center;gap:5px;margin-bottom:3px;overflow:hidden}.match-history-you{font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--accent-color);flex-shrink:0}.match-history-vs{font-family:Barlow Condensed,sans-serif;font-size:.6rem;color:var(--text-secondary);flex-shrink:0;letter-spacing:.04em}.match-history-opponent{font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.03em;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.match-history-date{font-family:Barlow Condensed,sans-serif;font-size:.6rem;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase}.match-history-score-block{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 12px;flex-shrink:0}.match-score-number{font-family:Barlow Condensed,sans-serif;font-size:1.05rem;font-weight:900;letter-spacing:.03em;line-height:1}.match-score-number.score-W{color:var(--alt-color)}.match-score-number.score-L{color:var(--error-color)}.match-score-number.score-D{color:var(--text-primary)}.match-result-badge{font-family:Barlow Condensed,sans-serif;font-size:.52rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:2px 5px;border-radius:2px}.match-result-badge.badge-W{background:#00d45a1f;color:var(--alt-color)}.match-result-badge.badge-L{background:#ff2d551f;color:var(--error-color)}.match-result-badge.badge-D{background:#ffffff12;color:var(--text-secondary)}.matches-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;padding:24px;text-align:center}.matches-empty-icon{color:var(--text-secondary);opacity:.3}.matches-empty-text{font-family:Barlow Condensed,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);opacity:.5}.match-detail-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:5000;padding:20px;animation:fadeIn .2s ease}.match-detail-modal{width:100%;max-width:380px;max-height:80vh;background:#0a1424;border:1px solid rgba(255,140,0,.14);border-top:3px solid var(--accent-color);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #000000b3,0 0 40px #ff8c000f;animation:slideUpModal .28s cubic-bezier(.4,0,.2,1)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.match-detail-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.match-detail-title{font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);flex:1}.match-detail-date{font-family:Barlow Condensed,sans-serif;font-size:.65rem;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;opacity:.7}.match-detail-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;transition:all .15s;margin-left:4px}.match-detail-close:hover{color:var(--text-primary);background:#ffffff0f}.match-detail-scoreboard{padding:22px 20px;display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;background:#0003}.match-detail-team{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.match-detail-team-avatar{width:44px;height:44px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:900;letter-spacing:.02em}.match-detail-team-avatar.player-team{background:linear-gradient(145deg,#c40,#7a1a00);border:1px solid rgba(255,140,0,.3);color:#fff}.match-detail-team-avatar.opp-team{background:linear-gradient(145deg,#1e2a3a,#0f1520);border:1px solid rgba(255,255,255,.1);color:#fffc}.match-detail-team-name{font-family:Barlow Condensed,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-detail-score-center{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.match-detail-score-numbers{font-family:Barlow Condensed,sans-serif;font-size:2.8rem;font-weight:900;line-height:1;letter-spacing:-.02em;display:flex;align-items:center;gap:6px}.score-sep{color:#ffffff2e;font-size:2rem}.score-val{transition:color .2s}.score-val.score-player-W{color:var(--alt-color)}.score-val.score-player-L{color:var(--error-color)}.score-val.score-player-D{color:var(--text-primary)}.score-val.score-opp-W{color:var(--error-color)}.score-val.score-opp-L{color:var(--alt-color)}.score-val.score-opp-D{color:var(--text-primary)}.match-detail-result-label{font-family:Barlow Condensed,sans-serif;font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:3px 10px;border-radius:3px}.match-detail-result-label.result-label-W{background:#00d45a24;color:var(--alt-color)}.match-detail-result-label.result-label-L{background:#ff2d5524;color:var(--error-color)}.match-detail-result-label.result-label-D{background:#ffffff12;color:var(--text-secondary)}.match-detail-logs{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(255,140,0,.12) transparent}.match-detail-logs::-webkit-scrollbar{width:3px}.match-detail-logs::-webkit-scrollbar-thumb{background:#ff8c0026;border-radius:2px}.match-log-item{display:flex;align-items:flex-start;gap:10px}.match-log-minute{font-family:Barlow Condensed,sans-serif;font-size:.65rem;font-weight:700;color:var(--text-secondary);white-space:nowrap;min-width:26px;padding-top:3px;letter-spacing:.04em}.match-log-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px;background:#ffffff26}.match-log-item.goal-player .match-log-dot{background:var(--alt-color);box-shadow:0 0 6px #00d45a80}.match-log-item.goal-opponent .match-log-dot{background:var(--error-color);box-shadow:0 0 6px #ff2d5580}.match-log-text{font-family:Barlow,sans-serif;font-size:.77rem;color:var(--text-secondary);line-height:1.45;flex:1}.match-log-item.goal-player .match-log-text{color:var(--text-primary)}.match-log-item.goal-opponent .match-log-text{color:#ffffffb3}.match-detail-empty{text-align:center;color:var(--text-secondary);font-family:Barlow Condensed,sans-serif;font-size:.72rem;letter-spacing:.06em;padding:24px}@media(max-width:600px),(orientation:portrait){.dashboard-page{flex-direction:column}.dashboard-carousel-area{flex:0 0 55%}.dashboard-matches-panel{width:100%;border-left:none;border-top:1px solid rgba(255,140,0,.1);flex:1}.carousel-slide{padding:20px 20px 36px}.carousel-slide-title{font-size:clamp(1.8rem,8vw,2.8rem)}}:root{--bg-color: #060d1a;--bg-secondary: #0b1828;--text-primary: #eef2ff;--text-secondary: #5c7097;--accent-color: #ff8c00;--accent-dark: #7a3c00;--accent-glow: 0 0 14px rgba(255, 140, 0, .4);--accent-glow-strong: 0 0 22px rgba(255, 140, 0, .65), 0 0 48px rgba(255, 140, 0, .18);--alt-color: #00d45a;--alt-dark: #004d20;--error-color: #ff2d55;--success-color: #00d45a;--warning-color: #ffcc00;--gold-color: #ffd700;--glass-bg: rgba(8, 14, 28, .9);--glass-border: rgba(255, 140, 0, .1);--glass-shadow: 0 6px 28px rgba(0, 0, 0, .6);--panel-bg: rgba(10, 18, 34, .96);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--generic-padding: var(--space-sm);--font-main: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif;--transition-fast: .15s ease;--topbar-height: 55px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}img,canvas{-webkit-touch-callout:none;-webkit-user-drag:none;pointer-events:none}input,textarea{-webkit-user-select:text;user-select:text;padding:5px}html{overscroll-behavior:none;-webkit-overflow-scrolling:touch}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);margin:0;letter-spacing:.01em}.fc-mobile-bg{background:radial-gradient(ellipse at 15% 0%,rgba(255,100,0,.07) 0%,transparent 50%),radial-gradient(ellipse at 85% 100%,rgba(0,180,70,.06) 0%,transparent 50%),repeating-linear-gradient(-55deg,rgba(255,140,0,.012) 0px,rgba(255,140,0,.012) 1px,transparent 1px,transparent 28px),linear-gradient(170deg,#060d1a,#08111e 60%,#050c18);background-attachment:fixed}#root{display:flex;flex-direction:column}.game-shell{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.game-content{flex:1;overflow:hidden;position:relative}.glass-panel{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--generic-padding)}.glass-panel-glow{background:var(--panel-bg);border:1px solid rgba(255,140,0,.2);border-radius:var(--radius-md);padding:.6rem;box-shadow:inset 0 0 20px #ff8c000a,0 0 15px #ff8c000f}.btn{font-family:var(--font-main);background:var(--panel-bg);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:.85rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);text-transform:uppercase;letter-spacing:.06em}.btn:hover{background:#ff8c0014;border-color:#ff8c0040}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,#ff8c00,#e05500);border:none;color:#fff;font-weight:800;box-shadow:var(--accent-glow)}.btn-primary:hover{box-shadow:var(--accent-glow-strong);background:linear-gradient(135deg,#fa0,#f60)}.btn-icon{width:28px;height:28px;padding:0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);font-weight:800;margin-bottom:0;letter-spacing:.04em;text-transform:uppercase}h2{font-size:1.05rem}h3{font-size:.8rem;color:var(--accent-color)}h4{font-size:.75rem}p{color:var(--text-secondary);font-size:.8rem;font-family:var(--font-body)}.bottom-tab-bar{height:auto;min-height:45px;background:linear-gradient(0deg,#040810fc,#070c16f2);border-top:1px solid rgba(255,140,0,.12);display:flex;justify-content:space-around;align-items:stretch;z-index:1000;padding:0 4px;padding-bottom:max(var(--safe-bottom, 0px),2px);position:relative}.bottom-tab-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,140,0,.35) 30%,rgba(255,140,0,.35) 70%,transparent 100%)}.fc-tab{color:var(--text-secondary);text-decoration:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:6px 10px;transition:all .25s ease;position:relative;border:none;background:none;opacity:.55;flex:1}.fc-icon-wrap{display:flex;align-items:center;justify-content:center;transition:transform .2s ease;flex-shrink:0}.fc-label{font-family:var(--font-main);line-height:1}.fc-tab:hover{color:var(--text-primary);opacity:.8}.fc-tab.active{color:var(--accent-color);opacity:1}.fc-tab.active .fc-icon-wrap{color:var(--accent-color);filter:drop-shadow(0 0 5px rgba(255,140,0,.5))}.character-creator{display:grid;grid-template-columns:1.1fr 1fr;height:100%;gap:0;overflow:hidden}.character-model-area{position:relative;height:100%;overflow:hidden;background:radial-gradient(ellipse at center bottom,rgba(255,140,0,.06) 0%,transparent 70%)}.character-model-area canvas{width:100%!important;height:100%!important}.hud-level-badge{position:absolute;top:8px;left:10px;background:linear-gradient(135deg,#ff8c0033,#ff8c000f);border:1px solid rgba(255,140,0,.3);border-radius:var(--radius-sm);padding:2px 10px;font-size:.7rem;font-weight:800;color:var(--accent-color);text-transform:uppercase;letter-spacing:.1em;z-index:5}.hud-export-btn{position:absolute;top:8px;right:10px;background:#00000080;border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:var(--radius-sm);width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:all var(--transition-fast)}.hud-export-btn:hover{color:var(--accent-color);border-color:var(--accent-color)}.character-settings{display:flex;flex-direction:column;gap:6px;padding:var(--space-sm);overflow-y:auto;height:100%;border-left:1px solid var(--glass-border);background:#060b16b3;scrollbar-width:thin;scrollbar-color:var(--accent-dark) transparent}.character-settings::-webkit-scrollbar{width:3px}.character-settings::-webkit-scrollbar-thumb{background:var(--accent-dark);border-radius:3px}.character-settings::-webkit-scrollbar-track{background:transparent}.section-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;padding:10px}.section-header h3{font-size:.65rem;color:var(--accent-color);margin:0}.section-header:after{content:"";flex:1;height:1px;background:linear-gradient(to right,rgba(255,140,0,.2),transparent)}.color-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.color-row-label{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;font-weight:700;letter-spacing:.06em;min-width:36px;flex-shrink:0}.swatch-btn{width:22px;height:22px;border-radius:3px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all var(--transition-fast)}.swatch-btn:hover{transform:scale(1.15)}.swatch-btn.active{border-color:var(--accent-color);box-shadow:0 0 6px #ff8c0073}.game-slider-row{display:flex;align-items:center;gap:var(--space-sm)}.game-slider-label{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;font-weight:700;width:36px;flex-shrink:0}.game-slider-value{font-size:.65rem;color:var(--accent-color);font-weight:800;width:40px;text-align:right;flex-shrink:0}input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:5px;background:#ffffff12;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:3px;background:var(--accent-color);cursor:pointer;box-shadow:0 0 6px #ff8c0080}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:3px;background:var(--accent-color);cursor:pointer;border:none}.face-type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-xs)}.face-type-row{display:flex;align-items:center;gap:var(--space-xs)}.face-type-label{font-size:.55rem;color:var(--text-secondary);text-transform:uppercase;font-weight:700;width:28px;flex-shrink:0}.face-type-btn{flex:1;padding:2px 0;border-radius:3px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;color:var(--text-secondary);cursor:pointer;font-size:.6rem;font-weight:700;font-family:var(--font-main);transition:all var(--transition-fast);text-align:center}.face-type-btn:hover{border-color:#ff8c0040}.face-type-btn.active{background:#ff8c0024;border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 4px #ff8c0033}.stat-row{display:flex;align-items:center;gap:6px;padding:2px 0}.stat-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-name{font-size:.6rem;font-weight:700;text-transform:uppercase;width:55px;flex-shrink:0;color:var(--text-secondary);letter-spacing:.04em}.stat-bar-container{flex:1;height:7px;background:#ffffff0d;border-radius:3px;overflow:hidden;position:relative}.stat-bar-fill{height:100%;border-radius:3px;transition:width .35s ease;position:relative}.stat-bar-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#ffffff8c;border-radius:2px}.stat-value{font-size:.65rem;font-weight:800;width:18px;text-align:center;color:var(--text-primary);flex-shrink:0}.stat-btn{width:20px;height:20px;border-radius:3px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all var(--transition-fast);padding:0}.stat-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.stat-btn:disabled{opacity:.25;cursor:not-allowed}.stat-btn.add{background:#ff8c0012}.stat-points-badge{display:inline-flex;align-items:center;gap:var(--space-xs);background:#ff8c001a;border:1px solid rgba(255,140,0,.22);padding:1px 8px;border-radius:var(--radius-full);font-size:.6rem;font-weight:800;color:var(--accent-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInCentered{0%{opacity:0;transform:translate(-50%,calc(-50% + 5px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px #ff8c0040}50%{box-shadow:0 0 14px #ff8c0099}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.map-dark-tiles{filter:hue-rotate(-10deg) saturate(120%) brightness(.9)}.leaflet-container{background:var(--bg-color)!important}.container{width:100%;max-width:100%;margin:0;padding:var(--space-sm);display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;height:100%}.pb-nav{flex:1;overflow:hidden}.bottom-nav{height:44px;min-height:44px;background:#060b16f7;border-top:1px solid var(--glass-border);display:flex;justify-content:center;align-items:stretch;z-index:1000}.training-right-side{padding-right:max(var(--safe-right, 0px),var(--generic-padding))!important;min-width:220px}