.battle-scoreboard{background:linear-gradient(135deg,#0f141efa,#191e2df2);border:1px solid rgba(100,150,255,.25);border-radius:16px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0d}.scoreboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.battle-type-badge{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#ffffff14;border-radius:20px;border:1px solid rgba(255,255,255,.15)}.battle-icon{font-size:1rem}.battle-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#ffffffe6;font-family:var(--font-display, "Rajdhani", sans-serif)}.battle-timer{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#00c8ff1a;border:1px solid rgba(0,200,255,.3);border-radius:20px;transition:all .3s ease}.battle-timer.urgent{background:#ff323226;border-color:#ff323280;animation:pulse-urgent 1s ease-in-out infinite}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.7}}.timer-icon{font-size:.9rem}.timer-value{font-size:.9rem;font-weight:700;color:#fff;font-family:var(--font-display, "Rajdhani", sans-serif)}.battle-timer.urgent .timer-value{color:#f55}.time-progress-bar{height:4px;background:#ffffff1a;border-radius:2px;margin-bottom:1rem;overflow:hidden}.time-progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#7c3aed);border-radius:2px;transition:width 1s linear}.scoreboard-status{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:12px;margin-bottom:1rem}.scoreboard-status.leading{background:linear-gradient(135deg,#22c55e33,#16a34a26);border:1px solid rgba(34,197,94,.4)}.scoreboard-status.behind{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border:1px solid rgba(251,191,36,.4)}.scoreboard-status.observer{background:linear-gradient(135deg,#6496ff26,#7c3aed26);border:1px solid rgba(100,150,255,.3)}.status-icon{font-size:1.5rem}.status-content{flex:1}.status-title{font-size:1rem;font-weight:800;letter-spacing:.05em;font-family:var(--font-display, "Rajdhani", sans-serif)}.scoreboard-status.leading .status-title{color:#22c55e}.scoreboard-status.behind .status-title{color:#fbbf24}.scoreboard-status.observer .status-title{color:#64b5f6}.status-detail{font-size:.85rem;color:#fffc;margin-top:.2rem}.status-detail strong{color:#fff;font-weight:700}.faction-scoreboard{background:#0003;border-radius:12px;margin-bottom:.875rem;width:100%;box-sizing:border-box}.scoreboard-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:#ffffffb3;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.scoreboard-icon{font-size:1rem}.observer-badge{font-size:.65rem;padding:.15rem .4rem;background:#6496ff26;border:1px solid rgba(100,150,255,.3);border-radius:4px;color:#6496ffe6;margin-left:auto}.faction-duel{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box}.faction-duel-header{display:flex;justify-content:space-between;gap:.3rem;margin-bottom:.3rem;width:100%;box-sizing:border-box}.faction-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;padding:.3rem .2rem;border-radius:0;border:none;transition:all .2s ease;box-sizing:border-box;min-height:fit-content}.faction-side.leading{border:none;box-shadow:none}.faction-side.left{align-items:flex-start}.faction-side.right{align-items:flex-end}.battle-scoreboard .faction-info{display:flex;align-items:flex-start;gap:.3rem;min-width:0;width:100%;flex-wrap:wrap;padding:0!important}.battle-scoreboard .faction-side.right .faction-info{justify-content:flex-end;text-align:right}.battle-scoreboard .faction-side.right .faction-name{justify-content:flex-end}.faction-color-dot.small{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px #0000004d}.faction-name{font-weight:600;color:#fff;font-size:.7rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;max-width:100%;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;-webkit-hyphens:auto;hyphens:auto}.you-badge{font-size:.6rem;font-weight:700;padding:.15rem .4rem;background:#00c8ff33;border:1px solid rgba(0,200,255,.4);border-radius:4px;color:#00d4ff;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.you-badge.small{font-size:.55rem;padding:.1rem .3rem}.defender-badge{font-size:.6rem;font-weight:700;padding:.15rem .4rem;background:#ffa50033;border:1px solid rgba(255,165,0,.4);border-radius:4px;color:orange;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.leader-badge{font-size:.9rem;margin-left:.2rem}.faction-total{font-size:1rem;font-weight:700;color:#fff;font-family:var(--font-display, "Rajdhani", sans-serif);display:flex;align-items:center;gap:.3rem}.versus-bar{display:flex;align-items:center;height:40px;width:100%;background:#0000004d;border-radius:16px;overflow:hidden;position:relative;margin-top:0;box-sizing:border-box;box-shadow:inset 0 2px 4px #0000004d,0 1px #ffffff0d}.versus-bar-left,.versus-bar-right{height:100%;transition:width .5s ease;display:flex;align-items:center;padding:0 .5rem;position:relative;min-width:fit-content}.versus-bar-left{border-radius:14px 0 0 14px;justify-content:flex-start}.versus-bar-right{border-radius:0 14px 14px 0;justify-content:flex-end;margin-left:auto}.versus-bar-score{font-size:.85rem;font-weight:700;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5);display:flex;align-items:center;gap:.3rem;white-space:nowrap;z-index:2;font-family:var(--font-display, "Rajdhani", sans-serif);pointer-events:none}.no-battle-data{text-align:center;padding:1.5rem;color:#ffffff80;font-size:.85rem;font-style:italic}.other-factions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.other-factions-label{font-size:.7rem;color:#ffffff80;margin-bottom:.4rem}.other-faction-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#ffffffb3;padding:.25rem 0}.other-faction-item.is-user{background:#00c8ff14;border:1px solid rgba(0,200,255,.2);border-radius:6px;padding:.4rem .5rem;margin:.2rem 0}.other-faction-name{flex:1}.other-faction-total{font-weight:600;font-family:var(--font-display, "Rajdhani", sans-serif)}.club-scoreboard{background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:.875rem;margin-bottom:.875rem}.club-context-hint{font-size:.65rem;color:#fff6;font-weight:400;margin-left:auto;font-style:italic}.club-status{padding:.6rem .75rem;border-radius:8px;font-size:.85rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.club-status.leading{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.club-status.behind{background:#fbbf241a;border:1px solid rgba(251,191,36,.25);color:#ffffffe6}.club-status strong{font-weight:700}.club-icon{font-size:1rem}.club-ranking{display:flex;flex-direction:column;gap:.4rem}.club-rank-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:#ffffff08;border-radius:8px;border:1px solid transparent}.club-rank-item.is-player-club{background:#00c8ff14;border-color:#00c8ff40}.club-rank-position{font-size:1.1rem;width:28px;text-align:center}.club-rank-info{flex:1;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.club-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.club-rank-name{font-size:.85rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.3rem}.club-faction-tag{font-size:.6rem;padding:.1rem .4rem;border:1px solid;border-radius:4px;color:#fff9;opacity:.8}.club-rank-total{font-size:.9rem;font-weight:700;color:#fff;font-family:var(--font-display, "Rajdhani", sans-serif)}.player-club-outside-top{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;margin-top:.5rem;background:#00c8ff14;border:1px dashed rgba(0,200,255,.3);border-radius:8px;font-size:.8rem}.player-club-outside-top .rank{font-weight:700;color:#fff9}.player-club-outside-top .name{flex:1;color:#fff}.player-club-outside-top .total{font-weight:700;color:#00d4ff;font-family:var(--font-display, "Rajdhani", sans-serif)}.player-contributions{background:#0003;border-radius:12px;overflow:hidden;margin-bottom:.75rem}.player-contributions .contributions-header{display:flex;align-items:center;gap:.5rem;padding:.75rem;cursor:pointer;transition:background .2s ease}.player-contributions .contributions-header:hover{background:#ffffff08}.contributions-icon{font-size:1rem}.contributions-title{flex:1;font-size:.85rem;font-weight:600;color:#ffffffe6}.player-rank{font-size:1.1rem}.toggle-btn{background:none;border:none;color:#ffffff80;font-size:.7rem;cursor:pointer;padding:.2rem;transition:color .2s ease}.toggle-btn:hover{color:#fff}.contributions-list{padding:0 .75rem .75rem;display:flex;flex-direction:column;gap:.3rem;animation:slideDown .2s ease}.contribution-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;background:#ffffff05;border-radius:6px;font-size:.8rem}.contribution-item.is-current-user{background:#00c8ff1a;border:1px solid rgba(0,200,255,.2)}.contribution-rank{min-width:24px;text-align:center}.contribution-name{flex:1;color:#ffffffe6}.contribution-total{font-weight:700;color:#00d4ff;font-family:var(--font-display, "Rajdhani", sans-serif)}.loading-text,.no-contributions{text-align:center;color:#ffffff80;font-size:.8rem;padding:.5rem}.battle-info-footer{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:#00c8ff0d;border:1px solid rgba(0,200,255,.15);border-radius:8px}.info-icon{font-size:1rem}.info-text{font-size:.75rem;color:#ffffffb3;line-height:1.4}@media (max-width: 360px){.battle-scoreboard,.scoreboard-status{padding:.75rem}.status-title{font-size:.9rem}.status-detail{font-size:.8rem}.club-rank-total{font-size:.85rem}.faction-side{padding:.25rem .15rem}.faction-name{font-size:.65rem}.versus-bar-score{font-size:.75rem}.faction-duel-header{gap:.25rem}.faction-total{font-size:.85rem}.you-badge,.defender-badge{font-size:.55rem;padding:.1rem .3rem}.leader-badge{font-size:.8rem}}@media (max-width: 320px){.battle-scoreboard{padding:.5rem}.faction-scoreboard{padding:0rem}.faction-side{padding:.2rem .12rem;min-width:0}.faction-name{font-size:.6rem}.faction-duel-header{gap:.15rem}.you-badge,.defender-badge{font-size:.5rem;padding:.08rem .25rem}.versus-bar-score{font-size:.7rem}}@media (max-height: 500px) and (orientation: landscape){.battle-scoreboard{padding:.5rem .75rem}.scoreboard-header{margin-bottom:.5rem}.scoreboard-status{padding:.5rem .75rem;margin-bottom:.5rem}.faction-scoreboard,.club-scoreboard{margin-bottom:.5rem}.scoreboard-title{margin-bottom:.4rem}}.territory-explainer{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-left:4px solid var(--border-color)}.territory-explainer.capture-neutral{border-left-color:#888;background:linear-gradient(135deg,rgba(136,136,136,.1),transparent)}.territory-explainer.reinforce-ally{border-left-color:var(--accent-success);background:linear-gradient(135deg,rgba(34,197,94,.1),transparent)}.territory-explainer.defend-battle{border-left-color:var(--accent-warning);background:linear-gradient(135deg,rgba(251,191,36,.15),transparent);animation:battlePulse 2s ease-in-out infinite}.territory-explainer.attack-enemy{border-left-color:var(--accent-danger);background:linear-gradient(135deg,rgba(239,68,68,.1),transparent)}.territory-explainer.attack-battle{border-left-color:var(--accent-danger);background:linear-gradient(135deg,rgba(239,68,68,.15),transparent);animation:battlePulse 2s ease-in-out infinite}@keyframes battlePulse{0%,to{opacity:1}50%{opacity:.85}}.explainer-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.explainer-icon{font-size:1.5rem}.explainer-header h4{font-family:var(--font-display);font-size:.9rem;letter-spacing:1px;color:var(--text-primary);margin:0}.explainer-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.explainer-step{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.step-number{width:20px;height:20px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--text-muted);flex-shrink:0}.explainer-step p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.explainer-step p strong{color:var(--text-primary)}.explainer-step.highlight{background:#00d4ff1a;padding:var(--spacing-sm);margin:0 calc(-1 * var(--spacing-sm));border-radius:var(--radius-sm)}.explainer-step.highlight .step-number{background:var(--accent-primary);color:var(--bg-primary)}.explainer-step.highlight p{color:var(--text-primary)}.explainer-step.warning{background:#fbbf2433;padding:var(--spacing-sm);margin:0 calc(-1 * var(--spacing-sm));border-radius:var(--radius-sm)}.explainer-step.warning .step-number{background:var(--accent-warning);color:var(--bg-primary)}.explainer-step.warning p{color:var(--accent-warning);font-weight:600}.explainer-step.info{background:#00d4ff1a;padding:var(--spacing-sm);margin:0 calc(-1 * var(--spacing-sm));border-radius:var(--radius-sm);border-left:3px solid var(--accent-primary)}.explainer-step.info .step-number{background:var(--accent-primary);color:var(--bg-primary)}.explainer-step.info p{color:var(--text-primary);margin-bottom:var(--spacing-xs)}.explainer-step.info p:last-child{margin-bottom:0}.explainer-step.info p strong{color:var(--accent-primary)}.explainer-comparison{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-md)}.comparison-side{display:flex;flex-direction:column;align-items:center;flex:1}.side-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.side-value{font-family:var(--font-display);font-size:1rem;font-weight:700}.comparison-side.attack .side-value{color:var(--accent-danger)}.comparison-side.defense .side-value{color:var(--text-secondary)}.vs{font-family:var(--font-display);font-size:.8rem;color:var(--text-muted);padding:0 var(--spacing-sm)}.explainer-result{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem}.result-icon{font-size:1rem}.explainer-result.success{background:#22c55e26;color:var(--accent-success)}.explainer-result.warning{background:#fbbf2426;color:var(--accent-warning)}.explainer-result.danger{background:#ef444426;color:var(--accent-danger)}.explainer-result.info{background:#00d4ff26;color:var(--accent-primary)}.explainer-tip{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm);background:#7c3aed1a;border-radius:var(--radius-sm);font-size:.8rem;color:var(--accent-secondary)}.tip-icon{font-size:1rem}.territory-explainer-compact{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);border-left:4px solid var(--border-color)}.explainer-compact-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.explainer-compact-header h4{font-family:var(--font-display);font-size:.9rem;letter-spacing:1px;color:var(--text-primary);margin:0;flex:1}.info-button{background:#00d4ff33;border:1px solid var(--accent-primary);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-size:1rem;font-weight:400;cursor:pointer;transition:all .2s;padding:0;line-height:1}.info-button:hover{background:#00d4ff4d;transform:scale(1.1)}.explainer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:fadeIn .2s ease}.explainer-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;border:2px solid var(--border-color);box-shadow:0 20px 60px #00000080;position:relative;animation:slideUp .3s ease}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:#ffffff1a;border:none;color:var(--text-primary);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#fff3;transform:scale(1.1)}.message-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-md);animation:fadeIn .2s ease-out}.message-modal{background:linear-gradient(135deg,#0a0a0ffa,#161620fa,#0a0a0ffa);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 0 60px #00d4ff33,inset 0 1px #ffffff1a;max-width:400px;width:100%;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1);position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--accent-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;animation:borderGlow 2s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.4}50%{opacity:.8}}.message-modal-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);position:relative;z-index:1}.message-modal-icon{font-size:2rem;line-height:1;filter:drop-shadow(0 0 8px currentColor);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px currentColor)}50%{transform:scale(1.1);filter:drop-shadow(0 0 15px currentColor)}}.message-modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.5px}.message-modal-content{padding:var(--spacing-lg);position:relative;z-index:1}.message-modal-text{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0}.message-modal-footer{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--border-color);position:relative;z-index:1}.message-modal-actions{display:flex;gap:var(--spacing-md);width:100%}.message-modal-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00d4ff4d;position:relative;overflow:hidden}.message-modal-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.message-modal-button:hover:before{left:100%}.message-modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00d4ff66}.message-modal-button:active{transform:translateY(0)}.message-modal-button-secondary{background:transparent!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;box-shadow:none!important;flex:1}.message-modal-button-secondary:hover{background:var(--bg-tertiary)!important;border-color:var(--accent-primary)!important;color:var(--text-primary)!important;transform:translateY(-2px);box-shadow:0 4px 15px #00d4ff33!important}.message-modal-button-primary{flex:1}.message-modal-error{border-color:#ef444480}.message-modal-error:before{background:linear-gradient(135deg,var(--accent-danger),rgba(239,68,68,.3),var(--accent-danger))}.message-modal-error .message-modal-icon{color:var(--accent-danger)}.message-modal-error .message-modal-button{background:linear-gradient(135deg,var(--accent-danger),rgba(239,68,68,.8));box-shadow:0 4px 20px #ef44444d}.message-modal-error .message-modal-button:hover{box-shadow:0 6px 30px #ef444466}.message-modal-info{border-color:#00d4ff80}.message-modal-info .message-modal-icon{color:var(--accent-primary)}.message-modal-success{border-color:#22c55e80}.message-modal-success:before{background:linear-gradient(135deg,var(--accent-success),rgba(34,197,94,.3),var(--accent-success))}.message-modal-success .message-modal-icon{color:var(--accent-success)}.message-modal-success .message-modal-button{background:linear-gradient(135deg,var(--accent-success),rgba(34,197,94,.8));box-shadow:0 4px 20px #22c55e4d}.message-modal-success .message-modal-button:hover{box-shadow:0 6px 30px #22c55e66}.message-modal-warning{border-color:#fbbf2480}.message-modal-warning:before{background:linear-gradient(135deg,var(--accent-warning),rgba(251,191,36,.3),var(--accent-warning))}.message-modal-warning .message-modal-icon{color:var(--accent-warning)}.message-modal-warning .message-modal-button{background:linear-gradient(135deg,var(--accent-warning),rgba(251,191,36,.8));box-shadow:0 4px 20px #fbbf244d}.message-modal-warning .message-modal-button:hover{box-shadow:0 6px 30px #fbbf2466}.deployable-items-section{background:linear-gradient(135deg,#1e2332f2,#141923fa);border:1px solid rgba(100,150,255,.2);border-radius:12px;padding:.75rem;margin-top:.75rem}.deployable-items-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid rgba(100,150,255,.15)}.deployable-items-icon{font-size:1rem}.deployable-items-title{font-weight:600;color:#fff;font-size:.85rem;flex:1}.deployable-items-link{color:#64b5f6;font-size:.8rem;text-decoration:none;transition:color .2s}.deployable-items-link:hover{color:#90caf9}.deployable-items-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#fff9;font-size:.85rem}.loading-spinner.small{width:16px;height:16px;border-width:2px}.active-shields-info{margin-bottom:.75rem}.active-shield-badge{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#4caf5040,#388e3c26);border:1px solid rgba(76,175,80,.4);border-radius:20px;padding:.4rem .75rem;font-size:.8rem}.active-shield-icon{font-size:1rem}.active-shield-text{color:#81c784;font-weight:500}.deployable-items-message{padding:.6rem .8rem;border-radius:8px;font-size:.85rem;margin-bottom:.75rem;animation:slideIn .3s ease}.deployable-items-message.success{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#81c784}.deployable-items-message.error{background:#f4433633;border:1px solid rgba(244,67,54,.4);color:#ef5350}.deployable-items-empty{text-align:center;padding:1rem}.deployable-items-empty p{color:#fff9;font-size:.85rem;margin-bottom:.75rem}.deployable-items-shop-link{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#5c6bc0,#3f51b5);color:#fff;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s}.deployable-items-shop-link:hover{background:linear-gradient(135deg,#7986cb,#5c6bc0);transform:translateY(-1px)}.shop-icon{font-size:1rem}.deployable-items-content{display:flex;flex-direction:column;gap:.5rem}.items-section{background:#0003;border-radius:8px;padding:.5rem}.items-section-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.section-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600}.section-badge.inventory{background:#64b5f633;color:#64b5f6;border:1px solid rgba(100,181,246,.3)}.section-badge.purchasable{background:#ab47bc33;color:#ce93d8;border:1px solid rgba(171,71,188,.3)}.section-hint{font-size:.7rem;color:#ffffff80;margin-left:auto}.items-grid{display:flex;flex-direction:column;gap:.4rem}.items-grid.small{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.deployable-item{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;transition:all .2s}.deployable-item:hover{background:#ffffff14;border-color:#64b5f64d}.deployable-item.deploying{opacity:.7;pointer-events:none}.item-main{display:flex;align-items:center;gap:.5rem;flex:1}.item-icon{font-size:1.1rem;min-width:24px;text-align:center}.item-info{display:flex;flex-direction:column;gap:.1rem}.item-name{font-size:.8rem;font-weight:500;color:#fff}.item-qty{font-size:.7rem;color:#fff9}.item-details{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.item-duration{font-size:.7rem;color:#ffffff80}.item-active-badge{font-size:.65rem;background:#4caf504d;color:#81c784;padding:.15rem .4rem;border-radius:10px}.item-cooldown-badge{font-size:.65rem;background:#f443364d;color:#ef5350;padding:.15rem .4rem;border-radius:10px;font-weight:600}.deploy-item-btn{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;border:none;padding:.35rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:65px}.deploy-item-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-1px)}.deploy-item-btn:disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.btn-loading{display:inline-block;animation:pulse 1s infinite}.shield-quick-purchase{margin-bottom:.5rem}.shield-options-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem}.shield-quick-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;background:linear-gradient(135deg,#4caf5026,#388e3c1a);border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:.4rem;cursor:pointer;transition:all .2s}.shield-quick-btn:hover:not(.disabled){background:linear-gradient(135deg,#4caf5040,#388e3c26);border-color:#4caf5080;transform:translateY(-1px)}.shield-quick-btn.disabled{opacity:.5;cursor:not-allowed}.shield-quick-btn.purchasing{opacity:.7;pointer-events:none}.shield-btn-icon{font-size:1.2rem}.shield-btn-duration{font-size:.75rem;font-weight:600;color:#fff}.shield-btn-price{font-size:.7rem;color:#81c784}.shield-btn-insufficient{font-size:.6rem;color:#ef5350}.shield-btn-cooldown{font-size:.6rem;color:#ef5350;font-weight:600;margin-top:.1rem}.purchasable-item{display:flex;flex-direction:column;gap:.3rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.4rem;transition:all .2s}.purchasable-item:hover{background:#ffffff0f;border-color:#ab47bc4d}.purchasable-item.cannot-afford{opacity:.6}.item-info-small{display:flex;flex-direction:column;gap:.2rem;flex:1}.item-name-small{font-size:.75rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-cooldown-small{font-size:.65rem;color:#ef5350;font-weight:600}.item-prices{display:flex;gap:.3rem}.price-btn{flex:1;padding:.3rem;border:none;border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s}.price-btn.gems{background:linear-gradient(135deg,#ab47bc4d,#8e24aa33);color:#ce93d8}.price-btn.gems:hover:not(.disabled){background:linear-gradient(135deg,#ab47bc80,#8e24aa4d)}.price-btn.ec{background:linear-gradient(135deg,#ffc1074d,#ffa00033);color:#ffd54f}.price-btn.ec:hover:not(.disabled){background:linear-gradient(135deg,#ffc10780,#ffa0004d)}.see-more-link{display:block;text-align:center;color:#64b5f6;font-size:.75rem;text-decoration:none;margin-top:.5rem;padding:.3rem}.see-more-link:hover{color:#90caf9}.no-inventory-hint{text-align:center;padding:.75rem}.no-inventory-hint p{color:#fff9;font-size:.8rem;margin-bottom:.5rem}.purchase-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .2s ease}.purchase-confirm-modal{background:linear-gradient(135deg,#1a1f2e,#0d1117);border:1px solid rgba(100,150,255,.3);border-radius:16px;padding:1.25rem;max-width:320px;width:90%;animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.confirm-icon{font-size:1.5rem}.confirm-title{font-size:1.1rem;font-weight:600;color:#fff}.confirm-content{margin-bottom:1rem}.confirm-item-name{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.5rem}.confirm-description{font-size:.8rem;color:#ffffffb3;line-height:1.4;margin-bottom:.75rem}.confirm-duration{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:#fff9;margin-bottom:.75rem}.duration-icon{font-size:.9rem}.confirm-price{text-align:center;padding:.75rem;background:#0000004d;border-radius:8px}.confirm-price .price-gems{font-size:1.2rem;font-weight:700;color:#ce93d8}.confirm-price .price-ec{font-size:1.2rem;font-weight:700;color:#ffd54f}.confirm-actions{display:flex;gap:.75rem}.confirm-cancel-btn{flex:1;padding:.6rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.confirm-buy-btn{flex:1.5;padding:.6rem;background:linear-gradient(135deg,#4caf50,#43a047);border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.confirm-buy-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-1px)}.confirm-buy-btn:disabled{opacity:.7;cursor:wait}@media (max-width: 400px){.shield-options-row{grid-template-columns:repeat(2,1fr)}.items-grid.small{grid-template-columns:1fr}}.ec-details-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0a0a0fe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out;padding:var(--spacing-md)}.ec-details-panel{width:100%;max-width:500px;max-height:90vh;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:var(--spacing-xl);position:relative;display:flex;flex-direction:column;animation:slideUp .3s ease-out;box-shadow:0 10px 40px #00000080,0 0 30px #00d4ff33;overflow:hidden}.ec-details-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;border:none;background:#ffffff1a;color:var(--text-secondary);font-size:24px;line-height:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.ec-details-close:hover{background:#fff3;color:var(--text-primary);transform:scale(1.1)}.ec-details-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.ec-details-header h2{font-family:var(--font-display);font-size:1.5rem;letter-spacing:2px;color:var(--text-primary);margin:0}.ec-details-content{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg);scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-secondary)}.ec-details-content::-webkit-scrollbar{width:6px}.ec-details-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.ec-details-content::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.ec-today-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.ec-stat-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.ec-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.ec-stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.ec-stat-date{font-size:1rem;color:var(--text-primary)}.ec-warning{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;gap:var(--spacing-md);align-items:flex-start}.ec-warning-icon{font-size:1.5rem;flex-shrink:0}.ec-warning-content{flex:1}.ec-warning-content strong{display:block;color:var(--accent-danger);margin-bottom:var(--spacing-xs);font-family:var(--font-display)}.ec-warning-content p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.ec-chart-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.ec-chart-controls{display:flex;gap:var(--spacing-sm);justify-content:center}.ec-period-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;font-family:var(--font-body);cursor:pointer;transition:all .2s}.ec-period-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ec-period-btn.active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);font-weight:700}.ec-chart-container{position:relative;width:100%;height:250px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column}.ec-chart-main{display:flex;flex-direction:row;align-items:stretch;flex:1;min-height:0;gap:var(--spacing-sm)}.ec-chart-svg{flex:1;min-width:0;height:100%}.ec-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:.7rem;color:var(--text-muted);min-width:45px;padding-left:var(--spacing-xs);height:100%}.ec-chart-y-axis span{line-height:1;white-space:nowrap}.ec-chart-x-axis{display:flex;justify-content:space-between;width:100%;margin-top:var(--spacing-sm);font-size:.7rem;color:var(--text-muted);padding-left:0;padding-right:45px}.ec-chart-x-label{font-size:.7rem;color:var(--text-muted);text-align:center;flex:1}.ec-chart-loading,.ec-chart-empty{display:flex;align-items:center;justify-content:center;height:250px;color:var(--text-muted);font-size:.9rem}.ec-debug-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.ec-debug-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.ec-debug-header h3{font-family:var(--font-display);font-size:1rem;color:var(--text-primary);margin:0;letter-spacing:1px}.ec-debug-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ec-debug-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(255,255,255,.05)}.ec-debug-item:last-child{border-bottom:none}.ec-debug-label{font-size:.85rem;color:var(--text-secondary);flex:1}.ec-debug-value{font-family:var(--font-display);font-size:.9rem;color:var(--accent-primary);font-weight:700;text-align:right}.ec-debug-sync-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;width:100%}.ec-debug-sync-btn:hover:not(:disabled){background:var(--accent-primary-hover, var(--accent-primary));transform:translateY(-1px);box-shadow:0 4px 12px #00d4ff4d}.ec-debug-sync-btn:disabled{opacity:.6;cursor:not-allowed}.ec-debug-result{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid;animation:slideDown .3s ease-out}.ec-debug-result.success{background:#22c55e1a;border-color:#22c55e4d}.ec-debug-result.error{background:#ef44441a;border-color:#ef44444d}.ec-debug-result-header{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.ec-debug-result.success .ec-debug-result-header{color:#22c55e}.ec-debug-result.error .ec-debug-result-header{color:#ef4444}.ec-debug-result-details{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:.85rem;color:var(--text-secondary);line-height:1.5}.ec-debug-result-details strong{color:var(--text-primary);font-weight:700}.ec-debug-result-time{margin-top:var(--spacing-xs);font-size:.75rem;color:var(--text-muted);font-style:italic}@media (max-width: 480px){.ec-details-panel{max-width:100%;max-height:95vh;padding:var(--spacing-lg)}.ec-today-stats{grid-template-columns:1fr}.ec-chart-controls{flex-wrap:wrap}.ec-period-btn{flex:1;min-width:0}}.fitness-challenges{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));min-height:0;display:flex;flex-direction:column}.fitness-challenges-header{margin-bottom:1.5rem;text-align:center}.fitness-challenges-header h3{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--accent-primary);margin-bottom:.5rem}.fitness-subtitle{color:var(--text-secondary);font-size:.9rem}.fitness-group{margin-bottom:2rem}@media (min-width: 768px){.fitness-group{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.fitness-group-title{grid-column:1 / -1}}.fitness-group-title{font-family:Orbitron,sans-serif;font-size:1.1rem;color:var(--accent-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.fitness-challenge-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem;background:#00d4ff0d;border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.fitness-challenge-item:hover{background:#00d4ff1a;border-color:var(--accent-primary)}.fitness-challenge-item.completed{background:#00ff881a;border-color:#0f8}.fitness-challenge-item.claimed{opacity:.6}.fitness-challenge-icon{font-size:2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:2px}.fitness-challenge-content{flex:1;min-width:0}.fitness-challenge-name{font-family:Orbitron,sans-serif;font-size:1rem;color:var(--text-primary);margin-bottom:.25rem}.fitness-challenge-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.fitness-progress-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.fitness-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;transition:width .3s ease}.fitness-progress-bar-today{background:linear-gradient(90deg,#0f8,#00d4ff)}.fitness-progress-text{font-size:.85rem;color:var(--text-secondary)}.fitness-progress-section{margin-bottom:1rem}.fitness-progress-section:last-child{margin-bottom:.5rem}.fitness-progress-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;font-weight:500}.grace-day-hint{color:gold;font-size:.75rem;font-style:italic}.fitness-challenge-rewards{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end;flex-shrink:0}.fitness-reward{font-size:.85rem;color:var(--text-primary);white-space:nowrap}.fitness-challenge-action{flex-shrink:0}.fitness-claim-btn{padding:.5rem 1rem;background:var(--accent-primary);color:#000;border:none;border-radius:4px;font-family:Orbitron,sans-serif;font-weight:700;cursor:pointer;transition:all .3s ease}.fitness-claim-btn:hover:not(:disabled){background:var(--accent-secondary);transform:scale(1.05)}.fitness-claim-btn:disabled{opacity:.5;cursor:not-allowed}.fitness-claimed{color:#0f8;font-size:.85rem;font-weight:700}.fitness-in-progress{color:var(--text-secondary);font-size:.85rem}.fitness-challenges-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary)}.fitness-challenges-empty{text-align:center;padding:2rem;color:var(--text-secondary)}@media (max-width: 768px){.fitness-challenge-item{flex-wrap:wrap}.fitness-challenge-rewards{flex-direction:row;width:100%;justify-content:flex-start;margin-top:.5rem}.fitness-challenge-action{width:100%;margin-top:.5rem}.fitness-claim-btn{width:100%}}.daily-rewards-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0a0a0fe6;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out;padding:var(--spacing-sm);padding-top:max(20px,calc(env(safe-area-inset-top,0px) + 8px));padding-bottom:max(var(--spacing-md),calc(env(--safe-area-inset-bottom,0px) + 8px))}.daily-rewards-panel{width:100%;max-width:420px;max-height:calc(100vh - 32px);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;position:relative}@media (min-width: 768px){.daily-rewards-panel{max-width:800px}}.daily-rewards-panel .close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:10}.rewards-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm);text-align:center;background:linear-gradient(180deg,rgba(0,217,255,.15) 0%,transparent 100%);flex-shrink:0}.rewards-header h2{font-family:var(--font-display);font-size:1.4rem;letter-spacing:2px;margin-bottom:var(--spacing-xs);color:var(--text-primary);display:flex;align-items:center;justify-content:center}.rewards-header h2 svg{flex-shrink:0}.rewards-date{font-size:.85rem;color:var(--text-secondary);text-transform:capitalize}.streak-banner{margin:var(--spacing-xs) var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border:2px solid var(--accent-warning);border-radius:var(--radius-lg);display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;flex-shrink:0}.streak-banner.claimed{border-color:var(--border-color);background:var(--bg-secondary);opacity:.7;transition:all .3s ease}.streak-banner.claimable{animation:streakPulse 2s ease-in-out infinite}@keyframes streakPulse{0%,to{box-shadow:0 0 10px #fbbf2433}50%{box-shadow:0 0 20px #fbbf2466}}.streak-info{display:flex;align-items:center;gap:var(--spacing-sm)}.streak-flame{font-size:2rem;animation:flameDance .5s ease-in-out infinite alternate}@keyframes flameDance{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.1) rotate(5deg)}}.streak-details{display:flex;flex-direction:column}.streak-count{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--accent-warning)}.streak-label{font-size:.75rem;color:var(--text-secondary)}.streak-rewards{display:flex;gap:var(--spacing-sm);justify-content:center;flex-shrink:1;min-width:0}.mini-reward{display:flex;align-items:center;gap:2px;background:#0003;padding:2px 8px;border-radius:var(--radius-sm);font-size:.8rem;font-family:var(--font-display)}.mini-reward .icon{font-size:.9rem}.claim-streak-btn{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--accent-warning),#f59e0b);border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-family:var(--font-display);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;margin-left:auto}.claim-streak-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #fbbf2466}.claim-streak-btn.claimed{background:var(--bg-tertiary);color:var(--text-muted);cursor:default}.claim-streak-btn:disabled{opacity:.6;cursor:not-allowed}.streak-preview{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;color:var(--text-muted);flex-shrink:0}.preview-label{color:var(--text-secondary)}.preview-rewards{display:flex;gap:var(--spacing-sm)}.preview-rewards span{color:var(--text-secondary)}.rewards-tabs{display:flex;border-bottom:1px solid var(--border-color);margin:var(--spacing-xs) var(--spacing-lg) 0;flex-shrink:0}.rewards-tabs .tab{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .2s;position:relative}.rewards-tabs .tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.rewards-tabs .tab.active{color:var(--accent-primary);border-bottom:2px solid var(--accent-primary);background:#00d4ff1a;font-weight:600}.rewards-tabs .tab:not(.active){opacity:.6}.rewards-tabs .tab:not(.active):hover{opacity:.9;background:#00d4ff0d}.rewards-tabs .tab{position:relative}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;background:var(--accent-warning);color:var(--bg-primary);border-radius:10px;font-size:.75rem;font-weight:700;font-family:var(--font-display)}.rewards-tabs .tab.active .tab-badge{background:var(--bg-primary);color:var(--accent-primary)}.tab-dot{position:absolute;top:4px;right:4px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-card);box-shadow:0 0 0 2px #ef44444d;animation:pulseDot 2s ease-in-out infinite;z-index:1}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.rewards-tabs .tab.active .tab-dot{border-color:var(--bg-primary);box-shadow:0 0 0 2px #ef44444d}.missions-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));min-height:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (min-width: 768px){.missions-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);align-content:start}}.achievements-content.achievements-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));min-height:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width: 768px){.achievements-content.achievements-scrollable .achievements-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);align-content:start}}.achievement-rewards{display:flex;gap:var(--spacing-sm);margin:var(--spacing-xs) 0;flex-wrap:wrap}.achievement-reward{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#0003;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);font-family:var(--font-display)}.achievement-item.claimed{opacity:.6}.claim-achievement-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent-success);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;animation:claimPulse 1.5s ease-in-out infinite}.claim-achievement-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 10px #22c55e66}.claim-achievement-btn:disabled{opacity:.6;cursor:not-allowed;animation:none}.achievement-claimed{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:var(--accent-success);border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:600}.mission-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s}.mission-item:hover{background:var(--bg-tertiary)}.mission-item.completed:not(.claimed){border-color:var(--accent-success);background:#22c55e1a}.mission-item.claimed{opacity:.5}.mission-content{flex:1;min-width:0;display:flex;flex-direction:column}.mission-name{font-family:var(--font-display);font-size:.9rem;font-weight:600;margin-bottom:2px;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.mission-icon-inline{font-size:1.2rem;display:inline-flex;align-items:center;line-height:1}.mission-description{font-size:.75rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.mission-progress-container{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-bottom:2px}.mission-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-success));transition:width .3s ease-out}.mission-item.completed .mission-progress-bar{background:var(--accent-success)}.mission-progress-text{font-size:.7rem;color:var(--text-muted);font-family:var(--font-display)}.mission-rewards-col{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:.75rem;color:var(--text-secondary)}.mission-reward{white-space:nowrap}.mission-action{width:80px;text-align:center;flex-shrink:0}.claim-mission-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent-success);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;animation:claimPulse 1.5s ease-in-out infinite}@keyframes claimPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.claim-mission-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 2px 10px #22c55e66}.claim-mission-btn:disabled{opacity:.6;cursor:not-allowed;animation:none}.claimed-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--accent-success);border-radius:50%;color:#fff;font-size:.8rem;font-weight:700}.progress-indicator{font-family:var(--font-display);font-size:.85rem;color:var(--text-muted)}.claim-all-section{padding:var(--spacing-xs) var(--spacing-md);padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent 0%,rgba(0,212,255,.1) 100%);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-shrink:0}.unclaimed-total span{font-size:.8rem;color:var(--text-secondary);display:block;margin-bottom:2px}.total-rewards{display:flex;gap:var(--spacing-sm);font-family:var(--font-display);font-size:.9rem;color:var(--accent-primary)}.claim-all-btn{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-display);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.claim-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00d4ff66}.claim-all-btn:disabled{opacity:.6;cursor:not-allowed}.claim-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0ff2;display:flex;align-items:center;justify-content:center;z-index:20;animation:fadeIn .2s ease-out}.claim-result{text-align:center;padding:var(--spacing-xl);animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.result-icon{font-size:4rem;margin-bottom:var(--spacing-md);animation:bounce .5s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.claim-result h3{font-family:var(--font-display);font-size:1.3rem;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.result-rewards{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.result-reward{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.result-reward .reward-icon{font-size:2rem}.result-reward .reward-amount{font-family:var(--font-display);font-size:1.5rem;color:var(--accent-success)}.result-reward .reward-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.result-items{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.result-item-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary)}.continue-btn{padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-display);font-size:1rem;cursor:pointer;transition:all .2s}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00d4ff66}@media (min-width: 768px){.rewards-header h2{font-size:1.8rem}.rewards-date{font-size:1rem}.streak-banner{padding:var(--spacing-sm) var(--spacing-md)}.streak-count{font-size:1.5rem}.streak-label{font-size:.85rem}.mission-item{padding:var(--spacing-lg)}.mission-name{font-size:1.1rem}.mission-description{font-size:.85rem}.mission-progress-text{font-size:.8rem}.mission-rewards-col{font-size:.85rem}.missions-list,.achievements-content.achievements-scrollable{padding:var(--spacing-md) var(--spacing-lg)}.rewards-tabs{margin:var(--spacing-xs) var(--spacing-lg) 0}.rewards-tabs .tab{font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md)}.claim-all-section{padding:var(--spacing-sm) var(--spacing-lg)}.claim-all-btn{font-size:1rem;padding:var(--spacing-md) var(--spacing-xl)}}@media (max-width: 480px){.daily-rewards-panel{max-height:calc(100vh - 16px);border-radius:var(--radius-lg)}.streak-banner{justify-content:center;text-align:center}.streak-info{width:100%;justify-content:center}.streak-rewards{justify-content:center}.claim-streak-btn{margin-left:0;width:auto}.mission-item{flex-wrap:wrap}.mission-content{flex:1 1 100%;order:2;padding-left:52px}.mission-icon{order:1}.mission-rewards-col{order:3;flex-direction:row;width:100%;justify-content:flex-start;padding-left:52px;margin-top:var(--spacing-xs)}.mission-action{order:4;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.mission-item{position:relative;padding-right:90px}}.achievements-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1000;display:flex;flex-direction:column;padding:20px;padding-top:max(20px,calc(env(safe-area-inset-top,0px) + 8px));padding-bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 8px));overflow-y:auto}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.achievements-header h2{color:#fff;margin:0;font-size:24px}.close-btn{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.achievements-stats{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;padding:15px;background:#ffffff1a;border-radius:10px}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center;padding-top:10px;padding-bottom:10px}.stat-value{font-size:24px;font-weight:700;color:#4caf50}.stat-label{font-size:12px;color:#ffffffb3;margin-top:5px}.recent-achievements{margin-bottom:20px;padding:15px;background:#ffffff0d;border-radius:10px}.recent-achievements h3{color:#fff;margin:0 0 15px;font-size:18px}.recent-list{display:flex;flex-direction:column;gap:10px}@media (min-width: 768px){.recent-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}}.recent-item{display:flex;align-items:center;gap:15px;padding:10px;background:#ffffff0d;border-radius:8px}.recent-icon{font-size:32px}.recent-info{flex:1}.recent-name{color:#fff;font-weight:700;margin-bottom:5px}.recent-date{color:#fff9;font-size:12px}.recent-points{color:gold;font-weight:700}.achievements-categories{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.category-tab{padding:10px 15px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;transition:all .3s;position:relative;display:flex;align-items:center;gap:8px}.category-tab:hover{background:#fff3}.category-tab.active{background:#4caf50;color:#fff}.unclaimed-badge{position:absolute;top:-5px;right:-5px;background:#ff5722;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 2px 4px #0000004d}.achievements-list{display:flex;flex-direction:column;gap:12px}@media (min-width: 768px){.achievements-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}}.achievement-item{display:flex;gap:15px;padding:12px;background:#ffffff0d;border-radius:8px;border:2px solid transparent;transition:all .3s}.achievement-item.completed{border-color:#4caf50;background:#4caf501a}.achievement-icon{font-size:48px;flex-shrink:0}.achievement-icon-small{font-size:20px;margin-right:8px}.achievement-content{flex:1}.achievement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.achievement-title{display:flex;align-items:center}.achievement-header h4{color:#fff;margin:0;font-size:16px}.completed-badge{background:#4caf50;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.achievement-description{color:#ffffffb3;margin:8px 0;font-size:14px}.achievement-progress{margin:12px 0}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:5px}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s}.progress-text{color:#fff9;font-size:12px}.achievement-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.achievement-points{color:gold;font-weight:700;font-size:14px}.achievement-date{color:#ffffff80;font-size:12px}@media (max-width: 768px){.achievements-modal{padding:10px;padding-top:max(10px,calc(env(safe-area-inset-top,0px) + 8px));padding-bottom:max(10px,calc(env(safe-area-inset-bottom,0px) + 8px))}.achievements-stats{flex-direction:column;gap:10px}.achievement-item{flex-direction:column;text-align:center}.achievement-icon{margin:0 auto}}.tactical-hud-marker{background:transparent!important;border:none!important;pointer-events:none}.radar-blip{width:12px;height:12px;background-color:var(--hud-color);border-radius:50%;box-shadow:0 0 10px var(--hud-color);position:relative}.radar-blip:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:1px solid var(--hud-color);border-radius:50%;opacity:0;animation:radar-ping 2s infinite}@keyframes radar-ping{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.tactical-reticle{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace}.reticle-ring{position:absolute;width:100%;height:100%;border:2px dashed var(--hud-color);border-radius:50%;opacity:.6;animation:reticle-spin 10s linear infinite}.reticle-core{width:24px;height:24px;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--hud-color);color:var(--hud-color);display:flex;align-items:center;justify-content:center;font-size:14px;transform:rotate(45deg);box-shadow:0 0 15px var(--hud-color-glow);z-index:2}.reticle-core i{transform:rotate(-45deg)}.hud-data-panel{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#0a1019d9;border:1px solid var(--hud-color);border-left:3px solid var(--hud-color);padding:2px 6px;color:#fff;font-size:10px;white-space:nowrap;display:flex;flex-direction:column;align-items:center;clip-path:polygon(10% 0,100% 0,100% 100%,0% 100%)}.hud-label{font-size:8px;text-transform:uppercase;letter-spacing:1px;opacity:.8}.hud-value{font-weight:700;color:var(--hud-color);text-shadow:0 0 5px var(--hud-color)}.hud-value-urgent{color:#ff2a2a!important;text-shadow:0 0 8px #ff2a2a!important;animation:urgent-pulse 1s ease-in-out infinite}@keyframes urgent-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes reticle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-attack{--hud-color: #00f0ff;--hud-color-glow: rgba(0, 240, 255, .5)}.status-defend{--hud-color: #ff2a2a;--hud-color-glow: rgba(255, 42, 42, .5)}.status-neutral{--hud-color: #ffd700;--hud-color-glow: rgba(255, 215, 0, .5)}.status-shield{--hud-color: #00ff88;--hud-color-glow: rgba(0, 255, 136, .5)}.status-shield-reactive{--hud-color: #00d4ff;--hud-color-glow: rgba(0, 212, 255, .5)}.status-anti-emp{--hud-color: #9c27b0;--hud-color-glow: rgba(156, 39, 176, .5)}.status-defense-boost{--hud-color: #4488ff;--hud-color-glow: rgba(68, 136, 255, .5)}.status-lock{--hud-color: #888888;--hud-color-glow: rgba(136, 136, 136, .5)}.reticle-core-small{width:18px;height:18px;background:#000c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--hud-color);color:var(--hud-color);display:flex;align-items:center;justify-content:center;font-size:10px;transform:rotate(45deg);box-shadow:0 0 10px var(--hud-color-glow);border-radius:2px}.reticle-core-small i{transform:rotate(-45deg)}.hud-data-panel-small{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#0a1019e6;border:1px solid var(--hud-color);padding:1px 4px;color:#fff;font-size:8px;white-space:nowrap;border-radius:2px}.hud-value-small{font-size:7px;font-weight:700;color:var(--hud-color)}.local-battles-status-wrapper{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:1000;animation:slideDown .3s ease-out}.local-battles-status{background:#0a0a14eb;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:3px 6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0006,0 0 10px #ffd70014;display:inline-flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap;transition:all .2s}.local-battles-status:hover{background:#0a0a14f2;border-color:#ffd70080;box-shadow:0 2px 15px #00000080,0 0 15px #ffd70026}.local-battles-status.empty{border-color:#8888884d}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){@keyframes slideDown{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}}.status-icon{font-size:11px;line-height:1;flex-shrink:0}.status-stats{display:none}.stat-item{display:flex;align-items:center;padding:0;background:transparent;border:none;transition:all .2s;flex-shrink:0}.stat-item.active{background:#ffffff1a;border-color:currentColor;box-shadow:0 0 10px #ffffff1a}.stat-value{font-size:11px;font-weight:700;color:#fff;font-family:Courier New,monospace;line-height:1}.stat-item.leading.active .stat-value{color:#4ade80}.stat-item.tight.active .stat-value{color:#fbbf24}.stat-item.danger.active .stat-value{color:#f87171}.status-timer{position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:1px 5px;background:#00d4ff26;border:1px solid rgba(0,212,255,.3);border-radius:4px;font-size:9px;white-space:nowrap}.timer-icon{font-size:9px;line-height:1}.timer-label{font-size:8px;color:#888;white-space:nowrap}.timer-value{font-size:9px;font-weight:700;color:#00d4ff;font-family:Courier New,monospace;line-height:1}.status-empty{color:#666;font-size:11px;font-family:Courier New,monospace;white-space:nowrap}.status-details{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.details-summary{cursor:pointer;font-size:11px;color:#888;text-align:center;padding:4px;transition:color .2s;list-style:none}.details-summary:hover{color:#fff}.details-summary::-webkit-details-marker{display:none}.battles-list{margin-top:8px;display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.battle-item{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff0d;border-radius:6px;border-left:3px solid transparent}.battle-item.leading{border-left-color:#4ade80}.battle-item.tight{border-left-color:#fbbf24}.battle-item.danger{border-left-color:#f87171}.battle-distance{font-size:10px;color:#666;font-family:Courier New,monospace;min-width:45px}.battle-status-indicator{font-size:12px}.battle-info{flex:1;display:flex;flex-direction:column;gap:2px}.battle-stats{font-size:10px;color:#aaa}.battle-time{font-size:9px;color:#666;font-family:Courier New,monospace}.status-details{display:none}@media (max-width: 768px){.local-battles-status-wrapper{top:calc(156px + env(safe-area-inset-top,0px));bottom:auto;right:10px;left:auto;transform:none}.local-battles-status{flex-direction:column;align-items:center;padding:4px 3px;gap:1px;width:40px;min-width:40px;max-width:40px;font-size:8px;box-sizing:border-box}.status-icon{margin-bottom:1px;font-size:9px}.stat-item{width:100%;justify-content:center;padding:1px 0;box-sizing:border-box}.stat-value{font-size:9px}.status-timer{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);width:auto;min-width:fit-content;max-width:none;justify-content:center;padding:1px 3px;font-size:7px;white-space:nowrap}.timer-icon{font-size:7px}.timer-label{font-size:6px}.timer-value{font-size:7px}}.mobile-landscape .local-battles-status-wrapper,html.mobile-landscape .local-battles-status-wrapper,body.mobile-landscape .local-battles-status-wrapper{top:calc(var(--spacing-sm) + env(safe-area-inset-top,0px))!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.mobile-landscape .local-battles-status,html.mobile-landscape .local-battles-status,body.mobile-landscape .local-battles-status{flex-direction:row!important;align-items:center!important;padding:3px 6px!important;gap:4px!important;width:auto!important;min-width:auto!important;max-width:none!important;font-size:9px!important}.mobile-landscape .status-icon,html.mobile-landscape .status-icon,body.mobile-landscape .status-icon{margin-bottom:0!important;font-size:10px!important}.mobile-landscape .stat-item,html.mobile-landscape .stat-item,body.mobile-landscape .stat-item{width:auto!important;padding:0!important}.mobile-landscape .stat-value,html.mobile-landscape .stat-value,body.mobile-landscape .stat-value{font-size:10px!important}.mobile-landscape .status-timer,html.mobile-landscape .status-timer,body.mobile-landscape .status-timer{position:absolute!important;top:calc(100% + 2px)!important;left:50%!important;transform:translate(-50%)!important}.local-battles-details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.local-battles-details{background:linear-gradient(135deg,#141428fa,#1e1932fa);border:1px solid rgba(255,215,0,.4);border-radius:16px;padding:24px;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out;box-shadow:0 10px 40px #00000080,0 0 30px #ffd70033}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.details-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#ffffff1a;color:#aaa;font-size:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.details-close:hover{background:#fff3;color:#fff}.details-header{display:flex;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:16px;padding-right:40px;border-bottom:1px solid rgba(255,255,255,.1)}.details-icon{font-size:24px}.details-header h3{margin:0;flex:1;font-size:20px;color:#fff;font-weight:700}.info-button-header{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:28px;height:28px;color:#fffc;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;padding:0}.info-button-header:hover{background:#fff3;border-color:#ffd70080;color:#fff;transform:scale(1.1)}.info-icon{display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.details-section{margin-bottom:24px}.details-section:last-child{margin-bottom:0}.section-label{display:block;font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-weight:700}.radius-controls{display:flex;gap:8px;flex-wrap:wrap}.radius-btn{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#aaa;font-size:12px;cursor:pointer;transition:all .2s}.radius-btn:hover{background:#ffffff1a;border-color:#ffd7004d;color:#fff}.radius-btn.active{background:#ffd70033;border-color:#ffd70080;color:gold}.legend-items{display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;border-left:3px solid transparent}.legend-item .legend-color.leading{border-left-color:#4ade80}.legend-item .legend-color.tight{border-left-color:#fbbf24}.legend-item .legend-color.danger{border-left-color:#f87171}.legend-color{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:2px}.legend-color.leading{background:#4ade80}.legend-color.tight{background:#fbbf24}.legend-color.danger{background:#f87171}.legend-content{flex:1;display:flex;flex-direction:column;gap:4px}.legend-label{font-size:13px;font-weight:700;color:#fff}.legend-desc{font-size:11px;color:#888;line-height:1.4}.force-balance{display:flex;gap:12px}.force-item{flex:1;display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid transparent}.force-item.gaining{border-color:#4ade804d;background:#4ade800d}.force-item.losing{border-color:#f871714d;background:#f871710d}.force-icon{font-size:24px;flex-shrink:0}.force-content{flex:1;display:flex;flex-direction:column;gap:4px}.force-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.3px}.force-value{font-size:24px;font-weight:700;color:#fff;font-family:Courier New,monospace}.force-item.gaining .force-value{color:#4ade80}.force-item.losing .force-value{color:#f87171}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-box{padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;text-align:center;display:flex;flex-direction:column;gap:8px}.stat-box.leading{border-color:#4ade804d}.stat-box.tight{border-color:#fbbf244d}.stat-box.danger{border-color:#f871714d}.stat-box-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.3px}.stat-box-value{font-size:28px;font-weight:700;color:#fff;font-family:Courier New,monospace}.stat-box.leading .stat-box-value{color:#4ade80}.stat-box.tight .stat-box-value{color:#fbbf24}.stat-box.danger .stat-box-value{color:#f87171}.info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.info-modal{background:linear-gradient(135deg,#141428fa,#1e1932fa);border:1px solid rgba(255,215,0,.4);border-radius:16px;padding:24px;max-width:420px;width:90%;max-height:80vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out;box-shadow:0 10px 40px #00000080,0 0 30px #ffd70033}.info-modal-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.info-modal-icon{font-size:24px}.info-modal-header h4{margin:0;font-size:18px;color:#fff;font-weight:700}.info-modal-section{margin-bottom:20px}.info-modal-section:last-child{margin-bottom:0}.local-battles-contributions{display:flex;flex-direction:column;gap:12px}.battle-contribution-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.battle-contribution-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px;background:none;border:none;color:#fff;cursor:pointer;transition:background .2s}.battle-contribution-header:hover{background:#ffffff0d}.battle-contribution-header-clickable{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px;background:none;border:none;color:#fff;transition:background .2s}.battle-contribution-item{transition:all .2s}.battle-contribution-item:hover{background:#ffffff0d;border-color:#00d4ff4d;transform:translate(2px)}.battle-info-compact{display:flex;align-items:center;gap:8px;flex:1}.battle-main-info{flex:1;display:flex;flex-direction:column;gap:6px}.battle-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.battle-stats-row{display:flex;align-items:center;gap:12px;font-size:11px;color:#ffffffb3}.battle-totals-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.battle-stat{display:flex;align-items:center;gap:4px}.battle-timer{color:#00d4ff;font-family:Courier New,monospace;font-weight:600}.battle-total{color:#fffc;font-weight:500}.battle-expand-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:4px 8px;color:#aaa;cursor:pointer;transition:all .2s;flex-shrink:0}.battle-expand-btn:hover{background:#fff3;border-color:#00d4ff80;color:#00d4ff}.battle-status-indicator{width:8px;height:8px;border-radius:50%}.battle-status-indicator.leading{background:#4ade80}.battle-status-indicator.tight{background:#fbbf24}.battle-status-indicator.danger{background:#f87171}.battle-distance{font-size:11px;color:#888;font-family:Courier New,monospace}.battle-status-label{font-size:12px;font-weight:600}.toggle-arrow{font-size:10px;color:#888}.battle-contributions-content{padding:12px;border-top:1px solid rgba(255,255,255,.1);animation:fadeIn .3s ease}.user-rank-badge-local{background:linear-gradient(135deg,#00d4ff33,#7c3aed33);border:1px solid rgba(0,212,255,.5);border-radius:6px;padding:8px 12px;text-align:center;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.user-rank-badge-local .rank-label{color:#ffffffb3;font-size:11px}.user-rank-badge-local .rank-value{color:#00d4ff;font-weight:700;font-size:14px}.user-rank-badge-local .rank-bonus{background:#fbbf244d;color:#fbbf24;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.contributions-items-local{display:flex;flex-direction:column;gap:6px}.contribution-item-local{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff05;border-radius:6px;border:1px solid transparent;transition:all .2s}.contribution-item-local:hover{background:#ffffff0d;border-color:#ffffff1a}.contribution-item-local.is-current-user{background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);border-color:#00d4ff4d}.contribution-rank-local{font-size:14px;min-width:28px;text-align:center}.contribution-info-local{flex:1}.contribution-username-local{font-weight:600;color:#fff;font-size:12px}.contribution-value-local{font-weight:700;color:#00d4ff;font-size:12px}.loading-contributions,.no-contributions{text-align:center;padding:12px;color:#fff9;font-size:11px;font-style:italic}@media (max-width: 480px){.local-battles-details{width:95%;padding:20px}.force-balance{flex-direction:column}.stats-grid{grid-template-columns:1fr}.info-modal{width:95%;padding:20px}}.mvp-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background:linear-gradient(135deg,#141428fa,#281e3cfa);border:2px solid #ffd700;border-radius:20px;padding:24px 32px;min-width:320px;box-shadow:0 0 40px #ffd70066,0 10px 40px #00000080;animation:mvpAppear .5s cubic-bezier(.34,1.56,.64,1)}.mvp-notification.closing{animation:mvpDisappear .5s ease-out forwards}@keyframes mvpAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes mvpDisappear{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(20px)}}.mvp-glow{position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:radial-gradient(circle at center,rgba(255,215,0,.15) 0%,transparent 70%);animation:mvpPulse 2s ease-in-out infinite;pointer-events:none}@keyframes mvpPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.mvp-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.mvp-icon{font-size:48px;margin-bottom:12px;animation:trophyBounce 1s ease-in-out infinite}@keyframes trophyBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.mvp-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mvp-badge{background:linear-gradient(135deg,gold,#ff8c00);color:#000;font-size:14px;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:1px}.mvp-title{color:#fff;font-size:20px;font-weight:700}.mvp-message{color:#aaa;font-size:13px;margin-bottom:16px;max-width:280px;line-height:1.4}.mvp-rewards{display:flex;gap:24px;margin-bottom:12px}.mvp-reward{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px}.mvp-reward .reward-icon{font-size:24px}.mvp-reward .reward-value{font-size:20px;font-weight:700;color:gold;font-family:Courier New,monospace}.mvp-reward .reward-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:1px}.mvp-contributed{font-size:11px;color:#666;margin-top:4px}.mvp-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border:none;background:#ffffff1a;color:#888;font-size:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mvp-close:hover{background:#fff3;color:#fff}.victory-share-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.victory-share-modal{background:linear-gradient(135deg,#14141efa,#1e1e2dfa);border:2px solid rgba(0,212,255,.3);border-radius:16px;padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.victory-share-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:#ffffffb3;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.victory-share-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}.victory-share-header{margin-bottom:24px;text-align:center}.victory-share-header h2{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:#00d4ff;margin:0;text-transform:uppercase;letter-spacing:1px}.victory-share-preview{margin-bottom:24px}.victory-share-image-preview{aspect-ratio:1200 / 630;background:#0a0a0f;border:3px solid;border-radius:12px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;overflow:hidden}.victory-share-image-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);opacity:.5;z-index:0}.victory-share-image-preview>*{position:relative;z-index:1}.preview-text{font-family:Orbitron,sans-serif;font-size:48px;font-weight:700;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px}.preview-username{font-family:Orbitron,sans-serif;font-size:32px;font-weight:700;text-align:center}.preview-faction{font-family:Rajdhani,sans-serif;font-size:24px;color:#fff;text-align:center}.preview-club{font-family:Rajdhani,sans-serif;font-size:20px;text-align:center}.preview-cta{font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;color:#00d4ff;text-align:center;margin-top:8px}.victory-share-actions{display:flex;flex-direction:column;gap:12px}.victory-share-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border:2px solid;border-radius:8px;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.victory-share-btn.twitter{background:#0000004d;border-color:#ffffff4d;color:#fff}.victory-share-btn.twitter:hover{background:#00000080;border-color:#fff9;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.victory-share-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:transparent;color:#fff}.victory-share-btn.instagram:hover{transform:translateY(-2px);box-shadow:0 4px 12px #bc188866;filter:brightness(1.1)}.victory-share-btn.download{background:#00d4ff1a;border-color:#00d4ff;color:#00d4ff}.victory-share-btn.download:hover{background:#00d4ff33;transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff4d}.share-icon{font-size:24px}.victory-share-loading,.victory-share-error{text-align:center;padding:40px;color:#fff;font-family:Rajdhani,sans-serif;font-size:18px}.victory-share-error{color:#ff5252}.battle-results-container{position:fixed;top:80px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:12px;max-width:350px;pointer-events:none}.battle-result{position:relative;background:linear-gradient(135deg,#14141ef2,#1e1e2df2);border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:all;animation:slideInRight .4s ease-out;transition:all .3s ease}.battle-result:hover{transform:translate(-4px);box-shadow:0 12px 40px #00000080}.battle-result.victory{border-color:#4caf5099;box-shadow:0 8px 32px #4caf5033}.battle-result.victory.capture{border-color:#ffc10799;box-shadow:0 8px 32px #ffc10733}.battle-result.victory.defense{border-color:#2196f399;box-shadow:0 8px 32px #2196f333}.result-close{position:absolute;top:8px;right:8px;background:#ffffff1a;border:none;color:#ffffffb3;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.result-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}.result-icon{font-size:32px;margin-bottom:8px;text-align:center}.result-content{display:flex;flex-direction:column;gap:8px}.result-title{font-size:16px;font-weight:700;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.5px}.battle-result.victory .result-title{color:#4caf50}.battle-result.victory.capture .result-title{color:#ffc107}.battle-result.victory.defense .result-title{color:#2196f3}.result-details{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#fffc}.result-faction{display:flex;align-items:center;gap:8px;justify-content:center}.result-faction-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 8px currentColor}.result-faction-name{font-weight:600;color:#fff}.result-defense{text-align:center;color:#ffffffb3}.result-defense strong{color:#fff;font-weight:700}.result-celebration{text-align:center;font-size:14px;font-weight:600;color:#4caf50;margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.result-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:10px 16px;background:#00d4ff1a;border:2px solid #00d4ff;border-radius:8px;color:#00d4ff;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.result-share-btn:hover{background:#00d4ff33;transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff4d}.result-share-btn .share-icon{font-size:16px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.result-contributions-section{margin-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-sm)}.result-contributions-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.result-contributions-header .contributions-title{flex:1;font-weight:600;color:#ffffffe6;font-size:.85rem}.result-contributions-header .contributions-icon{font-size:1rem}.result-contributions-toggle-compact{background:none;border:none;color:#fff9;font-size:.7rem;cursor:pointer;padding:2px 4px;transition:color .2s}.result-contributions-toggle-compact:hover{color:#ffffffe6}.result-contributions-toggle{width:100%;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#ffffffe6;font-size:.8rem;cursor:pointer;transition:all .2s}.result-contributions-toggle:hover{background:#ffffff1a;border-color:#fff3}.result-contributions-toggle .contributions-icon{font-size:1rem}.result-contributions-toggle .toggle-arrow{margin-left:auto;font-size:.7rem;color:#fff9}.result-contributions-list{margin-top:var(--spacing-xs);animation:fadeIn .3s ease}.result-contributions-list .loading-contributions,.result-contributions-list .no-contributions{text-align:center;padding:var(--spacing-sm);color:#fff9;font-size:.75rem;font-style:italic}.result-contributions-section .user-rank-badge{background:#4caf5033;border:1px solid rgba(76,175,80,.5);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);text-align:center;margin-bottom:var(--spacing-xs);font-size:.75rem;color:#ffffffe6}.result-contributions-section .user-rank-badge.prominent{background:#4caf504d;border:2px solid rgba(76,175,80,.7);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);flex-wrap:wrap}.result-contributions-section .user-rank-badge .rank-label{color:#ffffffb3;font-size:.75rem}.result-contributions-section .user-rank-badge .rank-value{color:#4caf50;font-weight:700;font-size:1rem}.result-contributions-section .user-rank-badge .rank-bonus{background:#ffc1074d;color:#ffc107;padding:2px 6px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.result-contributions-list .user-rank-badge strong{color:#4caf50;font-size:.9rem}.result-contributions-list .contributions-items{display:flex;flex-direction:column;gap:4px}.result-contributions-list .contribution-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-xs);background:#ffffff08;border-radius:var(--radius-sm);font-size:.75rem}.result-contributions-list .contribution-item.is-current-user{background:#4caf5026;border:1px solid rgba(76,175,80,.3)}.result-contributions-list .contribution-rank{font-size:.9rem;min-width:24px;text-align:center}.result-contributions-list .contribution-info{flex:1}.result-contributions-list .contribution-username{font-weight:600;color:#ffffffe6;font-size:.75rem}.result-contributions-list .contribution-value{font-weight:700;color:#4caf50;font-size:.75rem}@media (max-width: 768px){.battle-results-container{right:10px;max-width:280px}.battle-result{padding:12px}.result-icon{font-size:24px}.result-title{font-size:14px}}.faction-victory-reward{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;min-width:320px;max-width:400px;background:linear-gradient(135deg,#14141efa,#1e1e2dfa);border:2px solid rgba(76,175,80,.6);border-radius:16px;padding:24px;box-shadow:0 12px 48px #4caf504d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:victorySlideIn .5s ease-out;pointer-events:all}.faction-victory-reward.closing{animation:victorySlideOut .5s ease-in forwards}.victory-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#4caf504d,#2196f34d);border-radius:16px;z-index:-1;animation:victoryPulse 2s ease-in-out infinite}.victory-content{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.victory-icon{font-size:64px;animation:victoryBounce .6s ease-out}.victory-header{display:flex;flex-direction:column;align-items:center;gap:4px}.victory-badge{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#4caf50;background:#4caf5033;padding:4px 12px;border-radius:12px}.victory-title{font-size:20px;font-weight:700;color:#fff;text-align:center}.victory-message{font-size:14px;color:#fffc;text-align:center}.victory-rewards{display:flex;gap:24px;margin-top:8px}.victory-reward{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:12px;min-width:100px}.reward-icon{font-size:32px}.reward-value{font-size:24px;font-weight:700;color:#4caf50}.reward-label{font-size:12px;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.victory-contributed{font-size:13px;color:#fff9;text-align:center;margin-top:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.victory-close{position:absolute;top:12px;right:12px;background:#ffffff1a;border:none;color:#ffffffb3;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.victory-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}@keyframes victorySlideIn{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes victorySlideOut{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}@keyframes victoryPulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes victoryBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.faction-victory-reward{min-width:280px;max-width:90%;padding:20px}.victory-icon{font-size:48px}.victory-title{font-size:18px}.victory-rewards{gap:16px}.victory-reward{padding:12px 16px;min-width:80px}.reward-icon{font-size:24px}.reward-value{font-size:20px}}.daily-battle-summary{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;display:flex;align-items:center;justify-content:center;animation:summaryFadeIn .4s ease-out}.daily-battle-summary.closing{animation:summaryFadeOut .4s ease-in forwards}.summary-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.summary-content{position:relative;min-width:400px;max-width:600px;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#14141efa,#1e1e2dfa);border:2px solid rgba(76,175,80,.6);border-radius:20px;padding:32px;box-shadow:0 16px 64px #4caf5066;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:all;margin:20px}.summary-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#4caf504d,#2196f34d);border-radius:20px;z-index:-1;animation:summaryPulse 3s ease-in-out infinite}.summary-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:#ffffffb3;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.summary-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}.summary-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid rgba(255,255,255,.1)}.summary-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;animation:summaryBounce .6s ease-out}.summary-hex-icon{width:100%;height:100%;color:var(--accent-primary, #00d4ff);filter:drop-shadow(0 0 8px rgba(0,212,255,.5))}.summary-title{font-size:24px;font-weight:700;color:#fff;text-align:center}.summary-date{font-size:14px;color:#fff9;text-transform:capitalize}.summary-section{margin-bottom:24px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.section-icon{font-size:28px}.section-title{font-size:18px;font-weight:600;color:#fff}.section-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-item.positive{border-color:#4caf5080;background:#4caf501a}.stat-item.negative{border-color:#f4433680;background:#f443361a}.stat-label{font-size:12px;color:#ffffffb3;text-align:center;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:700;color:#fff}.stat-item.positive .stat-value{color:#4caf50}.stat-item.negative .stat-value{color:#f44336}.congratulations-box{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#4caf5033,#2196f333);border:2px solid rgba(76,175,80,.5);border-radius:12px;margin-top:16px}.congratulations-icon{font-size:32px;flex-shrink:0}.congratulations-text{font-size:14px;color:#fff;line-height:1.5;font-weight:500}.club-contribution{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.contribution-label{font-size:13px;color:#ffffffb3;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.contribution-value{font-size:20px;font-weight:600;color:#4caf50;margin-bottom:8px}.contribution-success{font-size:13px;color:#4caf50;margin-top:8px;font-weight:500}@keyframes summaryFadeIn{0%{opacity:0}to{opacity:1}}@keyframes summaryFadeOut{0%{opacity:1}to{opacity:0}}@keyframes summaryPulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes summaryBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.summary-content{min-width:90%;max-width:95%;padding:24px;margin:10px}.summary-icon{width:60px;height:60px}.summary-title{font-size:20px}.section-stats{grid-template-columns:1fr;gap:8px}.stat-item{padding:10px}.stat-value{font-size:20px}.congratulations-box{flex-direction:column;text-align:center;padding:12px}}.active-effects{position:fixed;top:80px;right:16px;z-index:1000}.effects-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#9333ea4d,#4f46e54d);border:1px solid rgba(147,51,234,.5);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #9333ea33}.effects-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 16px #9333ea4d;border-color:#9333eab3}.effects-icon{font-size:1rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.effects-count{background:#ffffff26;padding:2px 6px;border-radius:var(--radius-sm);font-size:.8rem}.mini-badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700}.mini-badge.xp{background:linear-gradient(135deg,gold,#ff8c00);color:#000}.effects-panel{position:absolute;top:100%;right:0;margin-top:8px;width:280px;background:#0f0f19f2;border:1px solid rgba(147,51,234,.3);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;animation:slideDown .2s ease-out;overflow:hidden}.effects-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#9333ea33,#4f46e533);border-bottom:1px solid rgba(147,51,234,.2)}.effects-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary)}.effects-header .close-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .2s}.effects-header .close-btn:hover{background:#fff3;color:var(--text-primary)}.effects-list{padding:12px;max-height:300px;overflow-y:auto}.effect-item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:#ffffff08;border-radius:var(--radius-md);border-left:3px solid;margin-bottom:8px;transition:background .2s}.effect-item:last-child{margin-bottom:0}.effect-item:hover{background:#ffffff0f}.effect-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:1rem;flex-shrink:0}.effect-info{flex:1;min-width:0}.effect-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.effect-value{font-size:.9rem;font-weight:700;color:var(--accent-primary)}.effect-details{text-align:right;flex-shrink:0}.effect-source{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:.75rem;color:var(--text-tertiary)}.source-icon{font-size:.7rem}.source-name{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.effect-expiry{font-size:.75rem;color:var(--text-tertiary);margin-top:4px}.effects-footer-link{display:block;padding:12px 16px;text-align:center;background:#9333ea1a;border-top:1px solid rgba(147,51,234,.2);color:var(--accent-primary);text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s}.effects-footer-link:hover{background:#9333ea33;color:#fff}@media (max-width: 768px){.active-effects{top:70px;right:8px}.effects-toggle{padding:6px 10px}.effects-panel{width:260px;right:-8px}}.delete-account-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-md);animation:fadeIn .2s ease-out}.delete-account-modal{width:100%;max-width:480px;background:linear-gradient(135deg,#140a0cfa,#161620fa);border:1px solid rgba(239,68,68,.5);border-radius:var(--radius-lg);box-shadow:0 0 40px #ef444433;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.delete-account-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.delete-account-modal-title{font-family:var(--font-display);font-size:1.1rem;letter-spacing:1px;color:var(--accent-danger);margin:0}.delete-account-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:0}.delete-account-modal-close:disabled{opacity:.5;cursor:not-allowed}.delete-account-modal-body{padding:var(--spacing-lg)}.delete-account-modal-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.delete-account-modal-label{display:block;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-xs)}.delete-account-modal-label span{color:var(--accent-danger);font-weight:600}.delete-account-modal-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.4);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;transition:border-color .2s,box-shadow .2s}.delete-account-modal-input:focus{outline:none;border-color:var(--accent-danger);box-shadow:0 0 0 3px #ef444426}.delete-account-modal-input.is-valid{border-color:var(--accent-success);box-shadow:0 0 0 3px #22c55e26}.delete-account-modal-input:disabled{opacity:.6;cursor:not-allowed}.delete-account-modal-hint{margin-top:var(--spacing-sm);color:var(--text-muted);font-size:.85rem}.delete-account-modal-error{margin-top:var(--spacing-md);background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:var(--accent-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem}.delete-account-modal-footer{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);display:flex;gap:var(--spacing-md);border-top:1px solid var(--border-color)}.delete-account-modal-button{flex:1;padding:var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-display);font-size:.9rem;letter-spacing:1px;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s}.delete-account-modal-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.delete-account-modal-button-cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.delete-account-modal-button-cancel:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px)}.delete-account-modal-button-danger{background:linear-gradient(135deg,var(--accent-danger),rgba(239,68,68,.8));color:#fff;box-shadow:0 4px 18px #ef44444d}.delete-account-modal-button-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #ef444466}.arsenal-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);color:#fff;padding-bottom:80px}.arsenal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#00000080;border-bottom:1px solid rgba(0,212,255,.3);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arsenal-header .back-btn{color:#00d4ff;text-decoration:none;font-weight:600;padding:.5rem 1rem;border:1px solid rgba(0,212,255,.3);border-radius:8px;transition:all .3s}.arsenal-header .back-btn:hover{background:#00d4ff1a;border-color:#00d4ff}.arsenal-header h1{font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(90deg,#00d4ff,#7c3aed,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arsenal-currency{display:flex;gap:1rem}.currency-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.currency-item.gems{border-color:#8a2be280}.currency-item.ec{border-color:#ffd70080}.currency-icon{font-size:1.2rem}.currency-value{font-weight:700;font-family:JetBrains Mono,monospace}.active-items-banner{background:linear-gradient(90deg,#00d4ff1a,#7c3aed1a);padding:.75rem 1rem;border-bottom:1px solid rgba(0,212,255,.2)}.banner-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#00d4ff;font-weight:600;margin-bottom:.5rem}.active-items-list{display:flex;gap:.5rem;flex-wrap:wrap}.active-item-chip{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#00d4ff26;border:1px solid rgba(0,212,255,.3);border-radius:20px;font-size:.8rem}.active-item-timer{color:gold;font-family:JetBrains Mono,monospace;font-size:.75rem}.arsenal-tabs{display:flex;gap:.5rem;padding:1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.arsenal-tabs::-webkit-scrollbar{display:none}.arsenal-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:25px;color:#888;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s;white-space:nowrap}.arsenal-tab:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.arsenal-tab.active{background:linear-gradient(135deg,#00d4ff33,#7c3aed33);border-color:#00d4ff;color:#fff}.tab-icon{font-size:1.1rem}.tab-name{font-size:.85rem}.arsenal-actions{padding:0 1rem 1rem}.arsenal-message{margin:0 1rem 1rem;padding:.75rem 1rem;border-radius:8px;font-weight:500;animation:slideIn .3s ease}.arsenal-message.success{background:#00ff8826;border:1px solid rgba(0,255,136,.3);color:#0f8}.arsenal-message.error{background:#ff444426;border:1px solid rgba(255,68,68,.3);color:#f44}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.arsenal-content{padding:0 1rem}.items-section{margin-bottom:2rem}.section-title{font-size:1rem;font-weight:700;color:#00d4ff;margin-bottom:1rem;padding-left:.5rem;border-left:3px solid #00d4ff}.locked-section .section-title{color:#666;border-left-color:#666}.arsenal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.arsenal-item-card{position:relative;background:#ffffff08;border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s;border:2px solid transparent;overflow:hidden}.arsenal-item-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--rarity-color),transparent)}.arsenal-item-card.rarity-common{--rarity-color: #9ca3af;border-color:#9ca3af33}.arsenal-item-card.rarity-rare{--rarity-color: #3b82f6;border-color:#3b82f64d}.arsenal-item-card.rarity-epic{--rarity-color: #a855f7;border-color:#a855f74d}.arsenal-item-card.rarity-legendary{--rarity-color: #f59e0b;border-color:#f59e0b4d;animation:legendaryGlow 3s ease-in-out infinite}@keyframes legendaryGlow{0%,to{box-shadow:0 0 10px #f59e0b33}50%{box-shadow:0 0 20px #f59e0b66}}.arsenal-item-card:hover{transform:translateY(-4px);border-color:var(--rarity-color);background:#ffffff0f}.arsenal-item-card.locked{filter:grayscale(70%);opacity:.7}.arsenal-item-card.maxed{opacity:.7}.item-header{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:.75rem}.item-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.item-category-badge{position:absolute;top:-5px;left:0;font-size:.8rem;background:#00000080;padding:2px 6px;border-radius:10px}.item-owned-badge{position:absolute;top:-5px;right:0;font-size:.75rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#0f8);color:#000;padding:2px 8px;border-radius:10px}.item-name{font-weight:600;font-size:.9rem;text-align:center;margin-bottom:.75rem;line-height:1.2;min-height:2.4em}.item-locked-overlay{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;background:#00000080;border-radius:8px}.lock-icon{font-size:1.5rem}.lock-text{font-size:.7rem;color:#888;text-align:center}.item-maxed-overlay{display:flex;justify-content:center;align-items:center;padding:.5rem;background:#00d4ff1a;border-radius:8px}.maxed-text{font-weight:800;color:#00d4ff;font-size:.9rem}.item-prices{display:flex;flex-direction:column;gap:.5rem}.price-btn{width:100%;padding:.5rem;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s;border:none}.price-btn.gems{background:linear-gradient(135deg,#8a2be24d,#8a2be21a);color:#d8b4fe;border:1px solid rgba(138,43,226,.5)}.price-btn.gems:hover:not(.disabled){background:linear-gradient(135deg,#8a2be280,#8a2be24d)}.price-btn.ec{background:linear-gradient(135deg,#ffd7004d,#ffd7001a);color:gold;border:1px solid rgba(255,215,0,.5)}.price-btn.ec:hover:not(.disabled){background:linear-gradient(135deg,#ffd70080,#ffd7004d)}.price-btn.disabled{opacity:.4;cursor:not-allowed}.item-details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);animation:fadeIn .3s ease}.item-description{font-size:.8rem;color:#aaa;line-height:1.5;margin-bottom:1rem}.item-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.item-stats .stat{display:flex;flex-direction:column;background:#ffffff0d;padding:.4rem .6rem;border-radius:6px;font-size:.7rem}.stat-label{color:#666;font-size:.65rem;text-transform:uppercase}.stat-value{color:#00d4ff;font-weight:700;font-family:JetBrains Mono,monospace}.arsenal-item-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:flex-start;justify-content:center;z-index:2000;padding:1rem;padding-top:calc(1rem + 60px);animation:fadeIn .2s ease}.arsenal-item-modal{background:linear-gradient(135deg,#1a1a2e,#0f0f1a);border:2px solid rgba(0,212,255,.3);border-radius:16px;max-width:500px;width:100%;max-height:calc(90vh - 60px);overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 10px 40px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.modal-close-btn:hover{background:#f443;border-color:#f44;color:#f44}.modal-header{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1.5rem .75rem;border-bottom:1px solid rgba(0,212,255,.2);text-align:center}.modal-item-icon{font-size:3rem;margin-bottom:.5rem;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.modal-item-name{font-size:1.2rem;font-weight:700;color:#fff;margin:.25rem 0}.modal-content{padding:1rem 1.5rem}.modal-description{font-size:.9rem;line-height:1.5;color:#fffc;margin-bottom:1rem}.modal-stats-inline{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;align-items:center;justify-content:center}.modal-stat-inline{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.4rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);font-size:.85rem}.modal-stat-label{font-size:.8rem;color:#fff9}.modal-stat-value{font-size:.9rem;font-weight:700;color:#00d4ff;font-family:JetBrains Mono,monospace}.modal-locked-info{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;margin-top:.5rem}.lock-icon-small{font-size:1.5rem;margin-bottom:.25rem}.lock-requirement{font-size:.8rem;color:#f88;text-align:center;font-weight:600;margin:0}.modal-actions{padding:.75rem 1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid rgba(0,212,255,.2)}.modal-purchase-btn{width:100%;padding:.5rem .75rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s;border:2px solid}.modal-purchase-btn.gems{background:linear-gradient(135deg,#8a2be24d,#8a2be21a);color:#d8b4fe;border-color:#8a2be280}.modal-purchase-btn.gems:hover:not(.disabled){background:linear-gradient(135deg,#8a2be280,#8a2be24d);transform:translateY(-2px)}.modal-purchase-btn.ec{background:linear-gradient(135deg,#ffd7004d,#ffd7001a);color:gold;border-color:#ffd70080}.modal-purchase-btn.ec:hover:not(.disabled){background:linear-gradient(135deg,#ffd70080,#ffd7004d);transform:translateY(-2px)}.modal-purchase-btn.disabled{opacity:.4;cursor:not-allowed}.arsenal-purchase-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2100;padding:1rem;animation:fadeIn .2s ease}.arsenal-purchase-confirm-modal{background:linear-gradient(135deg,#1a1a2e,#0f0f1a);border:2px solid rgba(0,212,255,.4);border-radius:16px;max-width:400px;width:100%;animation:slideUp .3s ease;box-shadow:0 10px 40px #00d4ff4d}.confirm-header{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(0,212,255,.2)}.confirm-icon{font-size:3rem;margin-bottom:.5rem}.confirm-title{font-size:1.2rem;font-weight:700;color:#fff;margin:0}.confirm-content{padding:1.5rem}.confirm-item-name{font-size:1.1rem;font-weight:600;color:#00d4ff;margin-bottom:.5rem;text-align:center}.confirm-description{font-size:.85rem;color:#ffffffb3;line-height:1.5;margin-bottom:1rem;text-align:center}.confirm-price-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#0000004d;border-radius:10px;margin-bottom:1rem}.confirm-price-label{font-size:.85rem;color:#fff9}.confirm-price-value{font-size:1.5rem;font-weight:700;font-family:JetBrains Mono,monospace}.confirm-price-value.gems{color:#d8b4fe}.confirm-price-value.ec{color:gold}.confirm-insufficient{padding:.75rem;background:#ff444426;border:1px solid rgba(255,68,68,.3);border-radius:8px;color:#f88;font-size:.85rem;text-align:center;margin-top:.5rem}.confirm-actions{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(0,212,255,.2)}.confirm-cancel-btn{flex:1;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.confirm-cancel-btn:hover{background:#ffffff26}.confirm-buy-btn{flex:1.5;padding:.75rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s;border:2px solid}.confirm-buy-btn.gems{background:linear-gradient(135deg,#8a2be266,#8a2be233);color:#d8b4fe;border-color:#8a2be299}.confirm-buy-btn.gems:hover:not(:disabled){background:linear-gradient(135deg,#8a2be299,#8a2be266);transform:translateY(-2px)}.confirm-buy-btn.ec{background:linear-gradient(135deg,#ffd70066,#ffd70033);color:gold;border-color:#ffd70099}.confirm-buy-btn.ec:hover:not(:disabled){background:linear-gradient(135deg,#ffd70099,#ffd70066);transform:translateY(-2px)}.confirm-buy-btn:disabled{opacity:.5;cursor:not-allowed}.inventory-section h2{font-size:1.2rem;margin-bottom:1rem;color:#00d4ff}.inventory-empty{text-align:center;padding:3rem 1rem;color:#666}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.empty-hint{font-size:.85rem;color:#555;margin-top:.5rem}.inventory-grid{display:flex;flex-direction:column;gap:.75rem}.inventory-item{display:flex;align-items:center;gap:1rem;background:#ffffff08;padding:1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.inventory-item-icon{font-size:2rem}.inventory-item-info{flex:1;display:flex;flex-direction:column}.inventory-item-name{font-weight:600;font-size:.95rem}.inventory-item-quantity{color:#00d4ff;font-family:JetBrains Mono,monospace;font-size:.85rem}.inventory-item-active{font-size:.75rem;color:#0f8;background:#00ff881a;padding:.25rem .75rem;border-radius:20px}.empty-state{text-align:center;padding:3rem 1rem;color:#666}.empty-state .empty-icon{font-size:4rem;display:block;margin-bottom:1rem;filter:grayscale(50%)}.arsenal-footer{position:fixed;bottom:0;left:0;right:0;padding:1rem;background:#0a0a0ff2;border-top:1px solid rgba(0,212,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progression-info{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:.85rem;color:#888}.prog-divider{color:#444}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#666}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,212,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 480px){.arsenal-header h1{font-size:1.2rem;letter-spacing:1px}.arsenal-currency{flex-direction:column;gap:.5rem}.currency-item{padding:.35rem .75rem}.arsenal-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.arsenal-item-card{padding:.75rem}.item-icon{font-size:2rem}.item-name{font-size:.8rem}}@media (min-width: 768px){.arsenal-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (min-width: 1024px){.arsenal-page{max-width:1200px;margin:0 auto}.arsenal-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.local-battles-test-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e);padding:40px 20px;color:#fff}.test-header{text-align:center;margin-bottom:40px}.test-header h1{font-size:32px;margin-bottom:8px;color:gold}.test-header p{color:#888;font-size:14px}.test-content{display:flex;justify-content:center;margin-bottom:60px}.test-info{max-width:800px;margin:0 auto;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px}.test-info h3{color:#00d4ff;margin-top:24px;margin-bottom:12px;font-size:18px}.test-info h3:first-child{margin-top:0}.test-info ul{list-style:none;padding:0;margin:0}.test-info li{padding:8px 0 8px 24px;position:relative;color:#ccc;line-height:1.6}.test-info li:before{content:"•";position:absolute;left:8px;color:#00d4ff;font-weight:700}.notification-test-page{padding:20px;max-width:800px;margin:0 auto;color:#e0e0e0}.test-header{text-align:center;margin-bottom:30px}.test-header h1{font-family:Orbitron,sans-serif;color:#00d4ff;margin-bottom:10px}.test-header p{color:#999;margin-bottom:20px}.user-info-notification-test{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:15px;margin-top:20px;text-align:left}.user-info-notification-test p{margin:5px 0;color:#e0e0e0}.user-info-notification-test code{background:#0000004d;padding:2px 6px;border-radius:4px;font-size:.9em;color:#00d4ff}.notification-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.notification-button{background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);border:2px solid rgba(0,212,255,.3);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px;text-align:left;color:#e0e0e0}.notification-button:hover:not(:disabled){background:linear-gradient(135deg,#00d4ff33,#7c3aed33);border-color:#00d4ff;transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff4d}.notification-button:disabled{opacity:.5;cursor:not-allowed}.notification-emoji{font-size:2.5em;line-height:1}.notification-info{flex:1}.notification-info h3{font-family:Orbitron,sans-serif;color:#00d4ff;margin:0 0 8px;font-size:1.2em}.notification-info p{color:#999;margin:0;font-size:.9em}.loading-indicator{text-align:center;padding:30px;color:#00d4ff}.spinner{border:3px solid rgba(0,212,255,.3);border-top:3px solid #00d4ff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 15px}.result{background:#0000004d;border-radius:8px;padding:20px;margin-bottom:20px}.result.success{border:2px solid #00ff88}.result.error{border:2px solid #ff4444}.result h3{margin-top:0;color:#00d4ff}.result.success h3{color:#0f8}.result.error h3{color:#f44}.notification-details{margin-top:15px;background:#00000080;border-radius:6px;padding:15px}.notification-details h4{color:#00d4ff;margin-top:0;margin-bottom:10px}.notification-details pre{color:#e0e0e0;font-size:.85em;overflow-x:auto;margin:0;white-space:pre-wrap;word-wrap:break-word}.test-info{background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:20px;margin-top:30px}.test-info h3{color:#00d4ff;font-family:Orbitron,sans-serif;margin-top:0}.test-info ul{list-style:none;padding:0}.test-info li{padding:8px 0 8px 25px;position:relative;color:#ccc}.test-info li:before{content:"→";position:absolute;left:0;color:#00d4ff}.fcm-status{background:#0000004d;border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:20px;margin-top:15px}.fcm-status h4{color:#00d4ff;margin-top:0;font-family:Orbitron,sans-serif}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin:15px 0}.status-item{padding:10px;background:#0003;border-radius:6px;font-size:.9em}.status-item.success{border-left:3px solid #00ff88}.status-item.error{border-left:3px solid #ff4444}.status-item strong{color:#00d4ff;display:block;margin-bottom:5px}.status-warning{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:6px;padding:15px;margin-top:15px}.status-warning h5{color:#f44;margin-top:0}.status-warning ol{margin:10px 0;padding-left:20px}.status-warning li{margin:8px 0;color:#ccc}.status-warning code{background:#0000004d;padding:2px 6px;border-radius:4px;font-size:.9em;color:#00d4ff}.status-warning a{color:#00d4ff;text-decoration:underline}.btn-secondary{background:#7c3aed33;border:1px solid rgba(124,58,237,.5);color:#7c3aed;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#7c3aed4d;border-color:#7c3aed}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.notification-buttons{grid-template-columns:1fr}.notification-test-page{padding:15px}.status-grid{grid-template-columns:1fr}}.push-notification-toast{position:fixed;top:20px;left:50%;z-index:10000;background:linear-gradient(135deg,#141428fa,#281e3cfa);border:2px solid #00d4ff;border-radius:16px;padding:16px 20px;min-width:300px;max-width:90%;box-shadow:0 0 30px #00d4ff4d,0 8px 32px #00000080;animation:toastAppear .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}.push-notification-toast:active{cursor:grabbing}.push-notification-toast.closing{animation:toastDisappear .3s ease-out forwards}.push-notification-toast.closing-left{animation:toastDisappearLeft .3s ease-out forwards}.push-notification-toast.closing-right{animation:toastDisappearRight .3s ease-out forwards}.push-notification-toast.closing-up{animation:toastDisappearUp .3s ease-out forwards}@keyframes toastAppear{0%{opacity:0;transform:translate(-50%) translateY(-100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastDisappear{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-100%)}}@keyframes toastDisappearLeft{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-150%) translateY(0)}}@keyframes toastDisappearRight{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(50%) translateY(0)}}@keyframes toastDisappearUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-100%)}}.push-notification-glow{position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;animation:toastPulse 2s ease-in-out infinite;pointer-events:none;border-radius:16px}@keyframes toastPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.push-notification-content{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.push-notification-icon{font-size:32px;flex-shrink:0;animation:iconBounce 1s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}}.push-notification-text{flex:1;min-width:0}.push-notification-title{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;margin-bottom:4px;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.5)}.push-notification-body{font-size:14px;color:#e0e0e0;line-height:1.4;word-wrap:break-word}.push-notification-close{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:24px;line-height:1;cursor:pointer;color:#00d4ff;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:.7}.push-notification-close:hover{opacity:1;background:#00d4ff1a;transform:scale(1.1)}.push-notification-close:active{transform:scale(.95)}@media (max-width: 768px){.push-notification-toast{top:10px;left:10px;right:10px;transform:none;max-width:none;min-width:auto}.push-notification-toast.closing{animation:toastDisappearMobile .3s ease-out forwards}.push-notification-toast.closing-left{animation:toastDisappearMobileLeft .3s ease-out forwards}.push-notification-toast.closing-right{animation:toastDisappearMobileRight .3s ease-out forwards}.push-notification-toast.closing-up{animation:toastDisappearMobileUp .3s ease-out forwards}@keyframes toastAppear{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastDisappearMobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes toastDisappearMobileLeft{0%{opacity:1;transform:translate(0) translateY(0)}to{opacity:0;transform:translate(-100%) translateY(0)}}@keyframes toastDisappearMobileRight{0%{opacity:1;transform:translate(0) translateY(0)}to{opacity:0;transform:translate(100%) translateY(0)}}@keyframes toastDisappearMobileUp{0%{opacity:1;transform:translate(0) translateY(0)}to{opacity:0;transform:translate(0) translateY(-100%)}}.push-notification-content{gap:10px}.push-notification-icon{font-size:28px}.push-notification-title{font-size:14px}.push-notification-body{font-size:13px}}.error-boundary-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;overflow-y:auto}.error-boundary-content{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:100%;box-shadow:0 20px 60px #14bcff4d;text-align:center}.error-boundary-icon{font-size:64px;margin-bottom:16px}.error-boundary-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.error-boundary-message{font-size:16px;color:#666;line-height:1.6;margin:0 0 24px}.error-boundary-details{text-align:left;margin:24px 0;padding:16px;background:#f5f5f5;border-radius:8px;border:1px solid #e0e0e0}.error-boundary-details summary{cursor:pointer;font-weight:700;color:#667eea;margin-bottom:12px;-webkit-user-select:none;user-select:none}.error-boundary-details summary:hover{color:#764ba2}.error-boundary-stack{font-size:12px;color:#333;line-height:1.5;max-height:300px;overflow-y:auto;font-family:Courier New,monospace}.error-boundary-stack pre{margin:8px 0;white-space:pre-wrap;word-wrap:break-word;background:#fff;padding:12px;border-radius:4px;border:1px solid #ddd}.error-boundary-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.error-boundary-button{padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:none}.error-boundary-button-primary{background:#0ff;color:#000}.error-boundary-button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.error-boundary-button-primary:active{transform:translateY(0)}.error-boundary-button-secondary{background:#f5f5f5;color:#666}.error-boundary-button-secondary:hover{background:#e0e0e0}.error-boundary-button-secondary:active{background:#d0d0d0}@media (max-width: 480px){.error-boundary-content{padding:24px}.error-boundary-title{font-size:20px}.error-boundary-message{font-size:14px}}.shop-page{height:100vh;height:100dvh;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.shop-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);padding-top:calc(var(--spacing-sm) + env(safe-area-inset-top,0px));background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:100}.shop-header h1{font-family:var(--font-display);font-size:1.3rem;letter-spacing:3px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gems-display{display:flex;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#7c3aed33,#00d4ff33);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xl);border:1px solid rgba(124,58,237,.4)}.gem-icon{font-size:1.3rem;animation:gemPulse 2s ease-in-out infinite}.gem-count{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--accent-primary)}.active-boosters-banner{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-bottom:1px solid rgba(251,191,36,.3);padding:var(--spacing-md) var(--spacing-lg)}.banner-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-display);font-size:.85rem;color:var(--accent-warning);letter-spacing:1px;margin-bottom:var(--spacing-sm)}.banner-icon{animation:pulse 1s infinite}.active-boosters-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.active-booster-chip{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-card);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);border:1px solid var(--accent-warning);font-size:.85rem}.active-booster-chip .booster-icon{font-size:1rem}.active-booster-chip .booster-name{color:var(--text-primary);font-weight:500}.active-booster-chip .booster-timer{color:var(--accent-warning);font-family:var(--font-display);font-size:.8rem}.shop-tabs{display:flex;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.shop-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:.95rem;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.shop-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.shop-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:linear-gradient(180deg,rgba(0,212,255,.1) 0%,transparent 100%)}.tab-icon{font-size:1.2rem}.shop-message{margin:var(--spacing-md) var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem;text-align:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shop-message.success{background:#22c55e26;border:1px solid var(--accent-success);color:var(--accent-success)}.shop-message.error{background:#ef444426;border:1px solid var(--accent-danger);color:var(--accent-danger)}.shop-content{flex:1;min-height:0;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.section-header{margin-bottom:var(--spacing-lg);text-align:center}.section-header h2{font-family:var(--font-display);font-size:1.5rem;letter-spacing:2px;margin-bottom:var(--spacing-xs)}.section-subtitle{color:var(--text-muted);font-size:.85rem}.gem-packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}.gem-pack-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.gem-pack-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity .3s}.gem-pack-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:0 8px 30px #00d4ff33}.gem-pack-card:hover:before{opacity:1}.gem-pack-card.best-value{border-color:var(--accent-warning);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(251,191,36,.1) 100%)}.gem-pack-card.popular{border-color:var(--accent-secondary);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(124,58,237,.1) 100%)}.pack-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);padding:var(--spacing-xs) var(--spacing-md);font-family:var(--font-display);font-size:.65rem;letter-spacing:1px;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.pack-badge.best{background:var(--accent-warning);color:var(--bg-primary)}.pack-badge.popular{background:var(--accent-secondary);color:#fff}.pack-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm);filter:drop-shadow(0 0 10px rgba(0,212,255,.5))}.pack-name{font-family:var(--font-display);font-size:.9rem;color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:1px}.pack-gems{margin-bottom:var(--spacing-md)}.gems-amount{display:block;font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--accent-primary);line-height:1}.bonus-gems{display:block;font-size:.8rem;color:var(--accent-success);margin-top:var(--spacing-xs)}.pack-buy-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.pack-buy-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #00d4ff66}.pack-buy-btn:disabled{opacity:.6;cursor:not-allowed}.boosters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.booster-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;overflow:hidden;transition:all .3s ease}.booster-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(124,58,237,.1),transparent 70%);pointer-events:none}.booster-card:hover{transform:translateY(-4px);border-color:var(--accent-secondary);box-shadow:0 8px 30px #7c3aed33}.booster-card.active{border-color:var(--accent-success);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(34,197,94,.1) 100%)}.booster-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.booster-icon-large{font-size:2.5rem;filter:drop-shadow(0 0 8px rgba(124,58,237,.5))}.active-badge{background:var(--accent-success);color:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:1px;animation:pulse 2s infinite}.booster-card .booster-name{font-family:var(--font-display);font-size:1.1rem;color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:1px}.booster-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-md)}.booster-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.booster-stats .stat{display:flex;align-items:center;gap:var(--spacing-xs)}.booster-stats .stat-icon{font-size:1rem}.booster-stats .stat-value{font-family:var(--font-display);font-size:.9rem;color:var(--accent-primary)}.booster-active-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#22c55e26;border-radius:var(--radius-md);color:var(--accent-success);font-family:var(--font-display);font-size:.9rem}.timer-icon{animation:spin 3s linear infinite}.booster-buy-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.booster-buy-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 15px #7c3aed66}.booster-buy-btn:disabled{opacity:.5;cursor:not-allowed}.price-icon,.price-value{font-size:1.1rem}.insufficient-gems{text-align:center;margin-top:var(--spacing-sm);font-size:.8rem;color:var(--accent-danger)}.spinner{display:inline-block;animation:spin 1s linear infinite}@media (max-width: 600px){.shop-header{padding:var(--spacing-xs) var(--spacing-md);padding-top:calc(var(--spacing-xs) + env(safe-area-inset-top,0px))}.shop-header h1{font-size:1.1rem}.gems-display{padding:var(--spacing-xs) var(--spacing-sm)}.gem-count{font-size:.95rem}.shop-tabs{min-width:0}.shop-tab{flex:1 1 0;min-width:0;padding:var(--spacing-sm) var(--spacing-xs);font-size:.75rem;gap:var(--spacing-xs);letter-spacing:.5px}.shop-tab .tab-icon{font-size:1rem;flex-shrink:0}.shop-content{padding:var(--spacing-md)}.gem-packs-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.gem-pack-card{padding:var(--spacing-md)}.pack-icon{font-size:2rem}.gems-amount{font-size:1.4rem}.boosters-grid{grid-template-columns:1fr}}@media (max-width: 400px){.shop-tab{padding:var(--spacing-xs) .25rem;font-size:.7rem;gap:.25rem}.shop-tab .tab-icon{font-size:.9rem}}.arsenal-section{flex:1;overflow-y:auto;padding-bottom:2rem}.arsenal-category-tabs{display:flex;gap:.5rem;padding:1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;background:transparent}.arsenal-category-tabs::-webkit-scrollbar{display:none}.arsenal-category-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:25px;color:#fff9;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s;white-space:nowrap}.arsenal-category-tab:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.arsenal-category-tab.active{background:linear-gradient(135deg,#00d4ff33,#7c3aed33);border-color:#00d4ff;color:#fff}.arsenal-category-tab .tab-icon{font-size:1.1rem}.arsenal-category-tab .tab-name{font-size:.85rem}.arsenal-actions{padding:0 1rem 1rem;background:transparent}.inventory-toggle{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s}.inventory-toggle:hover,.inventory-toggle.active{background:#00d4ff1a;border-color:#00d4ff}.arsenal-content{padding:0 1rem;background:transparent}.arsenal-footer{padding:1rem;background:transparent;border-top:1px solid rgba(0,212,255,.2)}.progression-info{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:.85rem;color:#fff9}.prog-item{color:#00d4ff;font-weight:600}.prog-divider{color:#ffffff4d}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--bg-card: #161620;--text-primary: #e8e8f0;--text-secondary: #9090a0;--text-muted: #606070;--accent-primary: #00d4ff;--accent-secondary: #7c3aed;--accent-success: #22c55e;--accent-warning: #fbbf24;--accent-danger: #ef4444;--border-color: #2a2a35;--font-display: "Orbitron", monospace;--font-body: "Rajdhani", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}html,body{height:100%;width:100%;font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);overflow:hidden;margin:0;padding:0;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;overscroll-behavior:none;-webkit-overflow-scrolling:touch}#root{height:100%;width:100%;isolation:isolate;touch-action:pan-x pan-y}.app{height:100%;width:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;overscroll-behavior:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-primary),0 0 10px var(--accent-primary)}50%{box-shadow:0 0 10px var(--accent-primary),0 0 20px var(--accent-primary)}}@keyframes hexSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.loading-screen{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.loading-content{text-align:center}.hex-loader{width:60px;height:60px;margin:0 auto var(--spacing-lg);border:3px solid var(--accent-primary);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:hexSpin 2s linear infinite}.loading-content p{font-family:var(--font-display);font-size:.9rem;color:var(--accent-primary);letter-spacing:2px}.auth-page{height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.auth-background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,.1) 0%,transparent 50%),var(--bg-primary)}.hex-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2300d4ff' fill-opacity='0.05'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.auth-container{position:relative;z-index:1;width:100%;max-width:400px;padding:var(--spacing-xl);animation:fadeIn .5s ease-out}.auth-logo{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo h1{font-family:var(--font-display);font-size:2.5rem;font-weight:900;letter-spacing:4px;color:var(--text-primary)}.auth-logo h1 span{color:var(--accent-primary)}.auth-logo .tagline{margin-top:var(--spacing-sm);font-size:.9rem;color:var(--text-secondary);letter-spacing:1px}.auth-container>h2{font-family:var(--font-display);font-size:1.3rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:center;letter-spacing:2px;color:var(--text-primary)}.auth-form{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.auth-form h2{font-family:var(--font-display);font-size:1.3rem;margin-bottom:var(--spacing-lg);text-align:center;letter-spacing:2px}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:1px}.form-group input{width:100%;padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a}.form-group input::placeholder{color:var(--text-muted)}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:3rem}.password-toggle{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.password-toggle:hover{color:var(--text-primary)}.password-toggle:focus{outline:none;color:var(--accent-primary)}.password-toggle svg{width:20px;height:20px}.floating-input-field{display:none;pointer-events:none;opacity:0;transition:opacity .3s ease-out}.floating-input-field.floating-active{display:block;pointer-events:all;opacity:1}.floating-input-content{background:var(--bg-card);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 8px 32px #0006,0 0 0 1px #00d4ff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.floating-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:1px}.floating-input{width:100%;padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;transition:border-color .2s,box-shadow .2s}.floating-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a}.floating-input::placeholder{color:var(--text-muted)}.floating-input-content .password-input-wrapper{position:relative;width:100%}.floating-input-content .password-input-wrapper input{padding-right:3rem}.floating-input-content .password-toggle{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.floating-input-content .password-toggle:hover{color:var(--text-primary)}.floating-input-content .password-toggle:focus{outline:none;color:var(--accent-primary)}@keyframes slideUpFloating{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.error-message{background:#ef44441a;border:1px solid var(--accent-danger);color:var(--accent-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:.9rem}.btn-primary{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#000;border:2px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--accent-primary);font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:2px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #00d4ff4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:2px;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 20px #00d4ff33}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-auth-submit{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--accent-primary);font-family:var(--font-body);font-size:.9rem;font-weight:400;letter-spacing:1px;cursor:pointer;transition:border-color .2s,color .2s}.btn-auth-submit:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);opacity:1}.btn-auth-submit:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;letter-spacing:1px}.auth-switch{text-align:center;margin-top:var(--spacing-lg);color:var(--text-secondary)}.auth-divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-lg) 0;color:var(--text-muted)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.auth-divider span{padding:0 var(--spacing-md);font-size:.9rem}.oauth-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.btn-oauth{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .3s ease}.btn-oauth:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px)}.btn-oauth:active{transform:translateY(0)}.btn-oauth svg{flex-shrink:0}.btn-google{color:var(--text-primary)}.btn-apple{background:#000;color:#fff;border-color:#000}.btn-apple:hover{background:#1a1a1a;border-color:#1a1a1a;box-shadow:0 4px 12px #0000004d}.btn-apple:active{background:#000}.btn-apple:disabled{background:#333;color:#999;opacity:.7;cursor:not-allowed}.btn-apple svg{fill:#fff}.auth-switch a{color:var(--accent-primary);text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.faction-select-page{min-height:100%;padding:var(--spacing-xl);position:relative;overflow-y:auto}.faction-select-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.faction-select-container h1{font-family:var(--font-display);font-size:2rem;text-align:center;margin-bottom:var(--spacing-sm);letter-spacing:3px}.faction-select-container .subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.factions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.faction-card{background:var(--bg-card);border-radius:var(--radius-lg);border:2px solid var(--border-color);overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s;position:relative}.faction-card:hover{transform:translateY(-4px)}.faction-card.selected{border-color:var(--faction-color, var(--accent-primary));box-shadow:0 0 20px rgba(var(--faction-color),.3)}.faction-banner{height:80px;display:flex;align-items:center;justify-content:center}.faction-icon{font-size:2.5rem}.faction-info{padding:var(--spacing-lg)}.faction-info h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:var(--spacing-sm);letter-spacing:1px}.faction-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.faction-stats{display:flex;gap:var(--spacing-lg)}.faction-stats .stat{display:flex;flex-direction:column}.faction-stats .stat-value{font-family:var(--font-display);font-size:1.3rem;color:var(--accent-primary)}.faction-stats .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.selected-indicator{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:30px;height:30px;background:var(--accent-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.btn-large{padding:var(--spacing-lg) var(--spacing-xl);font-size:1.1rem}.game-map-page{height:100%;position:relative}.game-map{height:100%;width:100%;background:var(--bg-primary)}.leaflet-container{background:var(--bg-primary)!important;font-family:var(--font-body)}.leaflet-control-attribution{background:#0a0a0fcc!important;color:var(--text-muted)!important}.leaflet-control-attribution a{color:var(--accent-primary)!important}.player-marker{background:none;border:none}.player-dot{width:20px;height:20px;background:var(--accent-primary);border-radius:50%;border:3px solid white;box-shadow:0 0 15px var(--accent-primary);animation:glow 2s ease-in-out infinite}.hud-top{position:absolute;top:0;left:0;right:0;z-index:1000;padding:0;padding-top:env(safe-area-inset-top,0px);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(10,10,15,.95) 0%,rgba(10,10,15,.9) 60%,transparent)}.mobile-landscape .hud-top,html.mobile-landscape .hud-top,body.mobile-landscape .hud-top{padding:var(--spacing-sm)!important;padding-top:calc(var(--spacing-sm) + env(safe-area-inset-top,0px))!important;padding-right:calc(var(--spacing-sm) + env(safe-area-inset-right,0px) + 8px)!important;background:linear-gradient(to bottom,rgba(10,10,15,.95) 0%,rgba(10,10,15,.85) 80%,transparent)!important}.mobile-landscape .user-info,html.mobile-landscape .user-info,body.mobile-landscape .user-info{gap:var(--spacing-xs)!important}.mobile-landscape .user-avatar,html.mobile-landscape .user-avatar,body.mobile-landscape .user-avatar{width:36px!important;height:36px!important;min-width:36px!important;font-size:.9rem!important}.mobile-landscape .username,html.mobile-landscape .username,body.mobile-landscape .username{font-size:.85rem!important;max-width:80px!important}.mobile-landscape .level,html.mobile-landscape .level,body.mobile-landscape .level{font-size:.7rem!important}.mobile-landscape .hud-btn,html.mobile-landscape .hud-btn,body.mobile-landscape .hud-btn{width:36px!important;height:36px!important;font-size:1rem!important}.user-info-link{text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s,opacity .2s;flex-shrink:1;min-width:0;max-width:50%}.user-info-link:hover .user-avatar{background:var(--bg-tertiary);transform:scale(1.1)}.user-info-link:active{opacity:.8}.user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.user-avatar-wrapper{position:relative;display:inline-block}.user-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1rem;color:#fff;background:var(--bg-card);border:1px solid var(--border-color);transition:all .2s}.email-verification-badge{position:absolute;top:-4px;right:-4px;background:#ff6b6b;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid var(--bg-primary);box-shadow:0 2px 4px #0003;animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.faction-badge{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:#fff;border:2px solid rgba(255,255,255,.3)}.user-details{display:flex;flex-direction:column}.username{font-family:var(--font-display);font-weight:600;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.username-row{display:flex;align-items:center;gap:8px}.rank-badge{font-size:18px;display:inline-block;cursor:pointer;transition:transform .2s}.rank-badge:hover{transform:scale(1.2)}.level{font-size:.8rem;color:var(--accent-primary);text-shadow:0 2px 4px rgba(0,0,0,.8)}.profile-btn{width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem}.mobile-landscape .hud-btn.shop-btn,html.mobile-landscape .hud-btn.shop-btn,body.mobile-landscape .hud-btn.shop-btn{width:auto!important;min-width:55px!important;height:36px!important;padding:var(--spacing-xs) var(--spacing-sm)!important}.shop-btn-count{font-size:.85rem}@media (max-width: 480px){.hud-btn.shop-btn{min-width:55px;padding:var(--spacing-xs) var(--spacing-xs)}.shop-btn-icon{font-size:1rem}.shop-btn-count{font-size:.8rem}}.ec-gauge{position:fixed;right:var(--spacing-md);bottom:calc(136px + env(safe-area-inset-bottom,0px));z-index:1000;cursor:pointer;transition:transform .2s}body.ec-gauge-guide-active .ec-gauge{z-index:10002!important}.mobile-landscape .ec-gauge,html.mobile-landscape .ec-gauge,body.mobile-landscape .ec-gauge{right:auto!important;left:calc(var(--spacing-md) + env(safe-area-inset-left,0px))!important;bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))!important}.mobile-landscape .gauge-container,html.mobile-landscape .gauge-container,body.mobile-landscape .gauge-container{width:50px!important;height:120px!important}.mobile-landscape .gauge-icon,html.mobile-landscape .gauge-icon,body.mobile-landscape .gauge-icon{font-size:1.2rem!important;margin-bottom:2px!important}.mobile-landscape .gauge-value,html.mobile-landscape .gauge-value,body.mobile-landscape .gauge-value{font-size:.75rem!important}.mobile-landscape .gauge-label,html.mobile-landscape .gauge-label,body.mobile-landscape .gauge-label{font-size:.6rem!important}.mobile-landscape .gauge-max,html.mobile-landscape .gauge-max,body.mobile-landscape .gauge-max{font-size:.65rem!important}.ec-gauge:hover{transform:scale(1.05)}.ec-gauge:active{transform:scale(.98)}.gauge-container{width:60px;height:140px;background:var(--bg-card);border-radius:var(--radius-xl);border:2px solid var(--border-color);position:relative;transition:border-color .3s ease,box-shadow .3s ease}.gauge-container.waiting-for-value{border:3px solid #ff4444!important;box-shadow:0 0 15px #f449;animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 15px #f449}50%{box-shadow:0 0 25px #ff4444e6}}.gauge-background{position:absolute;bottom:5px;left:5px;right:5px;top:5px;background:var(--bg-secondary);border-radius:16px;overflow:hidden;transition:background .3s ease}.gauge-background.waiting-bg{background:#ff444426}.gauge-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--accent-primary),var(--accent-secondary));transition:height .5s ease-out,background .3s ease}.gauge-fill.waiting-fill{background:linear-gradient(to top,#f44,#f66)!important}.gauge-fill.ec-charging{animation:ec-pulse .5s ease-out}@keyframes ec-pulse{0%{box-shadow:0 0 #00ffffb3}50%{box-shadow:0 0 20px 5px #00ffff80}to{box-shadow:0 0 #0ff0}}.gauge-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.gauge-icon{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.gauge-value{font-family:var(--font-display);font-size:.9rem;font-weight:700}.gauge-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.gauge-loading-indicator{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:6px}.gauge-spinner{width:10px;height:10px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--accent-primary, #4a9eff);border-radius:50%;animation:gauge-spin .8s linear infinite}.gauge-loading-text{font-size:.45rem;color:var(--text-muted, rgba(255, 255, 255, .6));white-space:nowrap;opacity:.9;line-height:1;text-align:center}@keyframes gauge-spin{to{transform:rotate(360deg)}}.gauge-max{text-align:center;margin-top:var(--spacing-xs);font-size:.75rem;color:var(--text-secondary);text-shadow:0 1px 3px rgba(0,0,0,.8)}.ec-lightning-animation{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);z-index:1001;pointer-events:none;animation:lightning-rise 1s ease-out forwards}.lightning-bolt{font-size:2rem;color:#ff0;text-shadow:0 0 10px #ffff00,0 0 20px #ffff00,0 0 30px #ffffaa,0 0 40px #ffffaa;animation:lightning-flash .1s infinite alternate;position:relative;z-index:2}.lightning-trail{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:4px;height:60px;background:linear-gradient(to top,rgba(255,255,0,.8),rgba(255,255,0,.4),transparent);box-shadow:0 0 10px #ff09,0 0 20px #ff06;animation:trail-fade 1s ease-out forwards}@keyframes lightning-rise{0%{bottom:-80px;opacity:1}70%{opacity:1}to{bottom:140px;opacity:0}}@keyframes lightning-flash{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(1.1)}}@keyframes trail-fade{0%{opacity:1;height:60px}to{opacity:0;height:0}}.step-simulator{position:absolute;right:var(--spacing-md);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:1000}.simulator-toggle{width:50px;height:50px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.simulator-toggle:hover{background:var(--bg-tertiary)}.simulator-panel{position:absolute;bottom:60px;right:0;width:280px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);animation:slideUp .3s ease-out}.simulator-panel h4{font-family:var(--font-display);margin-bottom:var(--spacing-xs);letter-spacing:1px}.simulator-info{font-size:.75rem;color:var(--text-muted);margin-bottom:var(--spacing-md)}.step-presets{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.preset-btn{flex:1;padding:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .2s}.preset-btn.active,.preset-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.step-input{margin-bottom:var(--spacing-md)}.step-input input[type=range]{width:100%;margin-bottom:var(--spacing-sm)}.step-value{display:block;text-align:center;font-family:var(--font-display);color:var(--accent-primary)}.add-steps-btn{width:100%}.step-message{margin-top:var(--spacing-md);text-align:center;font-family:var(--font-display);color:var(--accent-success);animation:fadeIn .3s ease-out}.gps-indicator{position:absolute;top:calc(env(safe-area-inset-top,0px) + 80px);left:var(--spacing-md);z-index:1001;background:#0a0a0fd9;border:1px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #00d4ff33;animation:fadeIn .3s ease-out}.gps-indicator-clickable{cursor:pointer;transition:all .2s ease}.gps-indicator-clickable:hover{background:#0a0a0ff2;border-color:var(--accent-secondary);box-shadow:0 2px 15px #00d4ff4d;transform:translateY(-1px)}.gps-indicator-clickable:active{transform:translateY(0);box-shadow:0 1px 5px #00d4ff33}.gps-indicator-icon{font-size:1rem;animation:pulse 2s infinite}.gps-indicator-text{font-size:.75rem;color:var(--text-secondary);font-family:var(--font-body);white-space:nowrap}.mobile-landscape .gps-indicator,html.mobile-landscape .gps-indicator,body.mobile-landscape .gps-indicator{top:calc(env(safe-area-inset-top,0px) + 60px);padding:calc(var(--spacing-xs) * .75) calc(var(--spacing-sm) * .75)}.mobile-landscape .gps-indicator-icon,html.mobile-landscape .gps-indicator-icon,body.mobile-landscape .gps-indicator-icon{font-size:.9rem}.mobile-landscape .gps-indicator-text,html.mobile-landscape .gps-indicator-text,body.mobile-landscape .gps-indicator-text{font-size:.7rem}.zoom-warning{position:absolute;bottom:150px;left:50%;transform:translate(-50%);z-index:999;background:#0a0a0fd9;border:1px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);animation:fadeIn .3s ease-out,slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00d4ff33}.zoom-warning .warning-content{display:flex;align-items:center;gap:var(--spacing-sm);text-align:left}.zoom-warning .warning-icon{font-size:1.2rem;margin-bottom:0;animation:none}.zoom-warning p{margin:0;font-size:.85rem;color:var(--text-secondary);font-family:var(--font-body)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.deploy-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0a0a0fcc;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out;padding-bottom:30px}.deploy-panel{width:100%;max-width:600px;max-height:90vh;background:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--spacing-xl);padding-top:calc(var(--spacing-xl) + 40px);animation:slideUp .3s ease-out;position:relative;display:flex;flex-direction:column;overflow:hidden}.deploy-panel-content{overflow-y:auto;overflow-x:hidden;flex:1;padding-bottom:var(--spacing-md);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.deploy-panel-content::-webkit-scrollbar{display:none}.deploy-sticky-zone{position:sticky;bottom:0;background:var(--bg-card);padding:var(--spacing-md) 0;margin-top:auto;border-top:1px solid var(--border-color);z-index:10}@media (min-width: 500px){.deploy-sticky-zone{padding:var(--spacing-lg) 0}}.deploy-controls-compact{margin-bottom:var(--spacing-sm)}.ec-labels-row-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);gap:var(--spacing-xs)}.ec-label-compact{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.your-ec-compact{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.ec-stock-compact{font-family:var(--font-display);font-weight:700;color:var(--accent-primary);font-size:.85rem}.amount-slider-compact{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.slider-input-compact{flex:1;height:6px}.amount-value-compact{font-family:var(--font-display);font-size:.95rem;color:var(--accent-primary);font-weight:700;min-width:50px;text-align:right}.quick-amounts-compact{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.quick-btn-compact{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:28px}.quick-btn-compact:disabled{opacity:.4;cursor:not-allowed}.quick-btn-compact.active,.quick-btn-compact:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary);transform:translateY(-1px);box-shadow:0 2px 4px #00d4ff4d}.deploy-btn-compact{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.deploy-btn-compact:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.deploy-btn-compact:hover:not(:disabled):before{left:100%}.deploy-btn-compact.attack{background:linear-gradient(135deg,var(--accent-danger),#b91c1c);color:#fff}.deploy-btn-compact.defend{background:linear-gradient(135deg,var(--accent-success),#15803d);color:#fff}.deploy-btn-compact:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.deploy-btn-compact:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0003}.deploy-btn-compact:disabled{opacity:.6;cursor:not-allowed;transform:none}.deploy-btn-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center;min-width:24px}.deploy-btn-text{flex:1;text-align:center}.loading-spinner-compact{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.deploy-message-compact{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-align:center;font-size:.8rem}.battle-lock-warning-compact{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;margin-bottom:var(--spacing-xs)}.battle-lock-warning-compact .lock-text{font-size:.75rem}html.mobile-landscape .deploy-controls-compact,body.mobile-landscape .deploy-controls-compact,.mobile-landscape .deploy-controls-compact,html.mobile-landscape .deploy-btn-compact,body.mobile-landscape .deploy-btn-compact,.mobile-landscape .deploy-btn-compact{display:none}html.mobile-landscape .deploy-controls,body.mobile-landscape .deploy-controls,.mobile-landscape .deploy-controls,html.mobile-landscape .deploy-btn,body.mobile-landscape .deploy-btn,.mobile-landscape .deploy-btn{display:block}.close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);font-size:1.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s;box-shadow:0 2px 8px #0000004d}.close-btn:hover{background:var(--accent-danger);border-color:var(--accent-danger);color:#fff;transform:scale(1.1)}.territory-header{border-left:4px solid;padding-left:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}@media (min-width: 500px){.territory-header{padding-left:var(--spacing-lg)}.territory-club-owner{margin-top:0}}.territory-header-left{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.territory-status{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:1px;color:var(--bg-primary);align-self:flex-start}.territory-owner{display:block;margin-top:var(--spacing-sm);font-size:.9rem;color:var(--text-secondary)}.territory-club-owner{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);white-space:nowrap;margin-top:var(--spacing-sm);align-self:flex-start;text-align:right}.club-owner-icon{font-size:1rem}.club-owner-name{font-weight:600}.own-club-indicator{font-size:1rem;color:var(--accent-primary);margin-left:var(--spacing-xs)}.reinforcement-contributions{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.reinforcement-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.reinforcement-icon{font-size:1.2rem}.reinforcement-title{font-weight:600;color:var(--text-primary);font-size:.95rem}.reinforcement-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.reinforcement-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid transparent;transition:all .2s}.reinforcement-item:hover{background:var(--bg-card);border-color:var(--border-color)}.reinforcement-info{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}.club-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.reinforcement-value{font-family:var(--font-display);font-weight:700;color:var(--accent-primary);font-size:.95rem}.reinforcement-info-text{font-size:.75rem;color:var(--text-muted);font-style:italic;text-align:center;padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.shield-section{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.shield-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.shield-icon{font-size:1.2rem}.shield-title{font-weight:600;color:var(--text-primary);font-size:.95rem}.shield-active{display:flex;flex-direction:column;gap:var(--spacing-sm)}.shield-status{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:var(--radius-sm)}.shield-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.shield-time{font-family:var(--font-display);font-size:1.1rem;color:#0f8;font-weight:600}.shield-purchase{display:flex;flex-direction:column;gap:var(--spacing-md)}.shield-info-text{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.shield-tip{display:block;margin-top:var(--spacing-xs);font-size:.8rem;color:var(--text-tertiary)}.shield-arsenal-link{color:var(--accent-primary);text-decoration:none;font-weight:500}.shield-arsenal-link:hover{text-decoration:underline}.shield-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.shield-option-btn{padding:var(--spacing-md);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.shield-option-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:#0f8;transform:translateY(-2px);box-shadow:0 4px 8px #0f83}.shield-option-btn.disabled{opacity:.5;cursor:not-allowed}.shield-option-duration{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary)}.shield-option-price{font-size:.9rem;color:var(--accent-primary);font-weight:600}.shield-message{padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:.85rem;text-align:center}.shield-message.success{background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:#0f8}.shield-message.error{background:#ff2a2a1a;border:1px solid rgba(255,42,42,.3);color:#ff2a2a}.shield-insufficient-gems{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:var(--radius-md)}.shield-gems-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.shield-warning-icon{font-size:1.5rem;flex-shrink:0}.shield-warning-text{flex:1}.shield-warning-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:.95rem}.shield-warning-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.shield-warning-desc strong{color:var(--accent-primary)}.shield-shop-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:all .2s;width:100%}.shield-shop-btn:hover{background:var(--accent-primary-hover, var(--accent-primary));transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff4d}.shield-shop-icon{font-size:1.2rem}.shield-shop-text{font-family:var(--font-display)}.shield-option-hint{font-size:.7rem;color:var(--accent-primary);margin-top:var(--spacing-xs);font-style:italic}.territory-info-row{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (min-width: 500px){.territory-info-row{flex-direction:row;align-items:flex-start}.territory-info-row .territory-stats{flex:0 0 auto;margin-bottom:0}.territory-info-row .territory-effects{flex:1;margin-bottom:0}}.territory-stats{display:flex;gap:var(--spacing-xl)}.territory-stats .stat{display:flex;flex-direction:column}.territory-stats .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.territory-stats .stat-value{font-family:var(--font-display);font-size:1.3rem;color:var(--accent-primary)}.territory-stats .stat.contested .stat-value{color:var(--accent-warning);animation:pulse 1s infinite}.territory-effects{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#9333ea1a,#4f46e51a);border-radius:var(--radius-md);border:1px solid rgba(147,51,234,.2)}.territory-effects .effects-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.territory-effects .effects-icon{font-size:.9rem}.territory-effects .effects-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.territory-effects .effects-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.effect-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#9333ea33;border-radius:var(--radius-sm);border:1px solid rgba(147,51,234,.3);font-size:.75rem}.effect-badge-icon{font-size:.8rem}.effect-badge-name{color:var(--text-primary);font-weight:500}.effect-badge-value{color:var(--accent-primary);font-weight:700;margin-left:2px}.out-of-range-warning{text-align:center;padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-md)}.out-of-range-warning .warning-icon{font-size:2rem;display:block;margin-bottom:var(--spacing-sm)}.out-of-range-warning p{color:var(--text-secondary)}.deploy-controls{margin-bottom:var(--spacing-lg);display:none}@media (min-width: 500px){.deploy-panel{padding:var(--spacing-xl) calc(var(--spacing-xl) * 1.5)}.quick-amounts{gap:var(--spacing-md)}.quick-btn{padding:var(--spacing-sm) var(--spacing-md)}.reinforcement-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}}html.mobile-landscape .deploy-panel-overlay,body.mobile-landscape .deploy-panel-overlay,.mobile-landscape .deploy-panel-overlay{align-items:center!important;padding:var(--spacing-sm)!important;padding-left:calc(var(--spacing-sm) + env(safe-area-inset-left,0px))!important;padding-right:calc(var(--spacing-sm) + env(safe-area-inset-right,0px))!important}html.mobile-landscape .deploy-panel,body.mobile-landscape .deploy-panel,.mobile-landscape .deploy-panel{flex-direction:row!important;max-width:800px!important;width:100%!important;max-height:calc(100vh - var(--spacing-lg) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:var(--radius-lg)!important;padding:var(--spacing-md)!important;padding-top:calc(var(--spacing-md) + 30px)!important;gap:var(--spacing-md)}html.mobile-landscape .deploy-panel-content,body.mobile-landscape .deploy-panel-content,.mobile-landscape .deploy-panel-content{flex:1!important;min-width:0!important;max-height:100%!important;padding-right:var(--spacing-md)!important;padding-bottom:0!important;border-right:1px solid var(--border-color)}html.mobile-landscape .deploy-sticky-zone,body.mobile-landscape .deploy-sticky-zone,.mobile-landscape .deploy-sticky-zone{position:relative!important;width:280px!important;min-width:280px!important;max-width:320px!important;margin-top:0!important;padding:0!important;border-top:none!important;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}html.mobile-landscape .territory-header,body.mobile-landscape .territory-header,.mobile-landscape .territory-header,html.mobile-landscape .territory-info-row,body.mobile-landscape .territory-info-row,.mobile-landscape .territory-info-row{margin-bottom:var(--spacing-sm)!important}html.mobile-landscape .reinforcement-contributions,body.mobile-landscape .reinforcement-contributions,.mobile-landscape .reinforcement-contributions{padding:var(--spacing-sm)!important;margin-top:var(--spacing-sm)!important}html.mobile-landscape .reinforcement-header,body.mobile-landscape .reinforcement-header,.mobile-landscape .reinforcement-header{margin-bottom:var(--spacing-sm)!important}html.mobile-landscape .reinforcement-item,body.mobile-landscape .reinforcement-item,.mobile-landscape .reinforcement-item{padding:var(--spacing-xs) var(--spacing-sm)!important}html.mobile-landscape .territory-status,body.mobile-landscape .territory-status,.mobile-landscape .territory-status{font-size:.75rem!important;padding:var(--spacing-xs) var(--spacing-sm)!important}html.mobile-landscape .territory-owner,body.mobile-landscape .territory-owner,.mobile-landscape .territory-owner{font-size:.8rem!important;margin-top:var(--spacing-xs)!important}html.mobile-landscape .stat-label,body.mobile-landscape .stat-label,.mobile-landscape .deploy-panel .stat-label{font-size:.7rem!important}html.mobile-landscape .stat-value,body.mobile-landscape .stat-value,.mobile-landscape .deploy-panel .stat-value{font-size:.85rem!important}html.mobile-landscape .deploy-controls,body.mobile-landscape .deploy-controls,.mobile-landscape .deploy-controls{display:block!important;margin-bottom:var(--spacing-sm)!important}html.mobile-landscape .deploy-controls label,body.mobile-landscape .deploy-controls label,.mobile-landscape .deploy-controls label,html.mobile-landscape .your-ec,body.mobile-landscape .your-ec,.mobile-landscape .your-ec{font-size:.75rem!important}html.mobile-landscape .amount-slider,body.mobile-landscape .amount-slider,.mobile-landscape .amount-slider{margin-bottom:var(--spacing-sm)!important}html.mobile-landscape .amount-value,body.mobile-landscape .amount-value,.mobile-landscape .amount-value{font-size:1rem!important}html.mobile-landscape .quick-btn,body.mobile-landscape .quick-btn,.mobile-landscape .quick-btn{padding:var(--spacing-xs)!important;font-size:.7rem!important}html.mobile-landscape .deploy-btn,body.mobile-landscape .deploy-btn,.mobile-landscape .deploy-btn{display:block!important;padding:var(--spacing-md)!important;font-size:.95rem!important}html.mobile-landscape .deploy-message,body.mobile-landscape .deploy-message,.mobile-landscape .deploy-message{font-size:.8rem!important;padding:var(--spacing-xs) var(--spacing-sm)!important;margin-top:var(--spacing-xs)!important;margin-bottom:var(--spacing-xs)!important}html.mobile-landscape .battle-status,body.mobile-landscape .battle-status,.mobile-landscape .battle-status{padding:var(--spacing-sm)!important;margin-bottom:var(--spacing-sm)!important}html.mobile-landscape .deploy-panel .close-btn,body.mobile-landscape .deploy-panel .close-btn,.mobile-landscape .deploy-panel .close-btn{top:var(--spacing-xs)!important;right:var(--spacing-xs)!important;width:32px!important;height:32px!important;font-size:1.4rem!important}html.mobile-landscape .territory-explainer,body.mobile-landscape .territory-explainer,.mobile-landscape .territory-explainer,html.mobile-landscape .out-of-range-warning,body.mobile-landscape .out-of-range-warning,.mobile-landscape .out-of-range-warning{padding:var(--spacing-sm)!important;margin-top:var(--spacing-sm)!important}html.mobile-landscape .out-of-range-warning p,body.mobile-landscape .out-of-range-warning p,.mobile-landscape .out-of-range-warning p{font-size:.85rem!important}html.mobile-landscape .encouragement-message,body.mobile-landscape .encouragement-message,.mobile-landscape .encouragement-message{padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:.8rem!important;margin-top:var(--spacing-sm)!important}html.mobile-landscape .club-battle-info,body.mobile-landscape .club-battle-info,.mobile-landscape .club-battle-info{padding:var(--spacing-sm)!important;margin-top:var(--spacing-sm)!important}html.mobile-landscape .battle-lock-warning,body.mobile-landscape .battle-lock-warning,.mobile-landscape .battle-lock-warning{padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:.75rem!important;margin-bottom:var(--spacing-xs)!important}.ec-labels-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.deploy-controls label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.amount-slider{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.amount-slider input[type=range]{flex:1}.amount-value{font-family:var(--font-display);font-size:1.2rem;color:var(--accent-primary);min-width:60px;text-align:right}.quick-amounts{display:flex;gap:var(--spacing-sm)}.quick-btn{flex:1;padding:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .2s}.quick-btn:disabled{opacity:.4;cursor:not-allowed}.quick-btn.active,.quick-btn:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.deploy-btn{width:100%;padding:var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:1.1rem;font-weight:600;letter-spacing:2px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:none}.deploy-btn.attack{background:linear-gradient(135deg,var(--accent-danger),#b91c1c);color:#fff}.deploy-btn.defend{background:linear-gradient(135deg,var(--accent-success),#15803d);color:#fff}.deploy-btn:hover:not(:disabled){transform:translateY(-2px)}.deploy-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.deploy-message{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-align:center;font-size:.9rem}.deploy-message.success{background:#22c55e1a;color:var(--accent-success)}.deploy-message.error{background:#ef44441a;color:var(--accent-danger)}.deploy-message.simple-thank-you{background:#3b82f61a;color:var(--accent-primary);border:1px solid rgba(59,130,246,.2);animation:fadeInOut 3s ease-in-out}.deploy-message.penalty-warning{background:#ff880014;color:#f80;border:1px solid rgba(255,136,0,.2);font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.deploy-message.penalty-warning .penalty-icon{font-size:1rem}.deploy-message.penalty-warning .penalty-text{flex:1;text-align:center}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(-10px)}10%,90%{opacity:1;transform:translateY(0)}}.trap-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1200;animation:trapFadeIn .3s ease-out}@keyframes trapFadeIn{0%{opacity:0}to{opacity:1}}.trap-alert{background:linear-gradient(135deg,#ef444433,#b91c1c4d);border:2px solid var(--accent-danger);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:320px;text-align:center;animation:trapShake .5s ease-out,trapPulse .5s ease-in-out infinite .5s;box-shadow:0 0 30px #ef444466,0 0 60px #ef444433,inset 0 0 20px #ef44441a}@keyframes trapShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes trapPulse{0%,to{box-shadow:0 0 30px #ef444466,0 0 60px #ef444433}50%{box-shadow:0 0 40px #ef444499,0 0 80px #ef44444d}}.trap-icon{font-size:3rem;margin-bottom:var(--spacing-sm);animation:trapIconBounce .6s ease-out}@keyframes trapIconBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.trap-content{color:var(--text-primary)}.trap-title{font-size:1.4rem;font-weight:700;color:var(--accent-danger);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--spacing-sm);text-shadow:0 0 10px rgba(239,68,68,.5)}.trap-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.trap-damage{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef444426;border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.3)}.trap-damage .damage-icon{font-size:1.2rem}.trap-damage .damage-value{font-size:1.2rem;font-weight:700;color:var(--accent-danger)}.encouragement-message{width:fit-content;max-width:90%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:linear-gradient(135deg,#3b82f626,#9333ea26);border:1px solid rgba(59,130,246,.3);text-align:center;font-size:.9rem;color:var(--text-primary);animation:pulseGlow 2s ease-in-out infinite;box-sizing:border-box;position:relative;left:50%;transform:translate(-50%)}.encouragement-message span{display:inline-block;text-align:center}.encouragement-message strong{color:var(--accent-primary);font-weight:600;font-size:1.05em}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #3b82f633}50%{box-shadow:0 0 20px #3b82f666}}.club-battle-info{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.club-owner-info{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.club-owner-label{font-size:.85rem;color:var(--text-secondary)}.club-capturing-info{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.club-capturing-label{font-size:.85rem;color:var(--text-secondary)}.club-capturing-name{font-weight:600}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#0a0a0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.celebration-overlay.closing{animation:overlayFadeOut .4s ease-out forwards}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.celebration-content.closing{animation:contentSlideOut .4s ease-in forwards}@keyframes contentSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.95)}}.celebration-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.celebration-content{position:relative;z-index:1;text-align:center;padding:var(--spacing-xl);max-width:400px;width:90%;background:linear-gradient(135deg,#00d4ff1a,#0a0a0ff2,#7c3aed1a);border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-lg);box-shadow:0 0 60px #00d4ff33,inset 0 1px #ffffff1a;animation:contentSlideIn .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.celebration-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.tech-line{height:2px;width:60px;background:linear-gradient(90deg,transparent,var(--accent-primary));animation:techLineGrow .6s ease-out .2s both}.tech-line.right{background:linear-gradient(90deg,var(--accent-primary),transparent)}@keyframes techLineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tech-icon{width:70px;height:70px;color:var(--accent-primary);animation:iconPulse .6s ease-out .3s both,iconGlow 2s ease-in-out infinite}@keyframes iconPulse{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 10px var(--accent-primary))}50%{filter:drop-shadow(0 0 25px var(--accent-primary)) drop-shadow(0 0 40px rgba(0,212,255,.5))}}.hex-icon{width:100%;height:100%}.celebration-status{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:4px;color:var(--accent-success);text-transform:uppercase;margin-bottom:var(--spacing-xs);animation:textFadeIn .4s ease-out .4s both}.celebration-title{font-family:var(--font-display);font-size:1.8rem;font-weight:900;letter-spacing:4px;color:var(--text-primary);text-transform:uppercase;margin-bottom:var(--spacing-sm);text-shadow:0 0 30px rgba(0,212,255,.5);animation:titleReveal .5s ease-out .5s both}@keyframes titleReveal{0%{opacity:0;letter-spacing:20px}to{opacity:1;letter-spacing:4px}}.celebration-subtitle{font-family:var(--font-body);font-size:1rem;color:var(--accent-primary);font-style:italic;margin-bottom:var(--spacing-lg);animation:textFadeIn .4s ease-out .6s both}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.celebration-stats{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);background:#0006;padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:var(--spacing-lg);animation:statsFadeIn .5s ease-out .7s both}@keyframes statsFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.celebration-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.celebration-stat .stat-label{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.celebration-stat .stat-value{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--accent-primary);text-shadow:0 0 15px rgba(0,212,255,.5)}.stat-divider{width:1px;height:40px;background:linear-gradient(to bottom,transparent,var(--border-color),transparent)}.celebration-footer{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted);letter-spacing:1px;animation:textFadeIn .4s ease-out .9s both}.blinking-cursor{animation:blink 1s step-end infinite;color:var(--accent-primary)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.your-ec{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.your-ec strong{color:var(--accent-primary);font-family:var(--font-display)}.profile-page{height:100vh;height:100dvh;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);padding-top:calc(var(--spacing-sm) + env(safe-area-inset-top,0px));background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.back-btn{color:var(--accent-primary);text-decoration:none;font-weight:500}.profile-header h1{font-family:var(--font-display);font-size:1.2rem;letter-spacing:2px}.logout-btn{background:transparent;border:1px solid var(--accent-danger);color:var(--accent-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer}.profile-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));max-width:800px;margin:0 auto;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.profile-layout{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (min-width: 768px){.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:stretch}.profile-left-column{display:flex;flex-direction:column}.profile-left-column .profile-card{margin-bottom:0}.profile-right-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-right-column .profile-card{margin-bottom:0;flex:1}}.profile-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible;max-height:none}.profile-card h3{font-family:var(--font-display);font-size:.9rem;letter-spacing:2px;color:var(--text-secondary);margin-bottom:var(--spacing-md);text-transform:uppercase}.profile-danger-separator{height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.8),transparent);margin:var(--spacing-lg) 0}.profile-card.danger-zone{border-color:#ef444466;background:#ef44440d}.danger-zone-text{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.danger-zone-link{background:transparent;border:none;color:var(--accent-danger);font-family:var(--font-display);font-size:.9rem;letter-spacing:1px;text-decoration:underline;cursor:pointer;padding:0}.danger-zone-link:hover{color:#fff}.user-card{text-align:center;margin-bottom:0}.avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2rem;font-weight:700;color:#fff;margin:0 auto var(--spacing-md);border:3px solid rgba(255,255,255,.2)}.user-card h2{font-family:var(--font-display);margin-bottom:var(--spacing-lg);letter-spacing:2px}.email-verification-warning{background:linear-gradient(135deg,#ff6b6b26,#0a0a0f80,#ff6b6b26);border:1px solid rgba(255,107,107,.4);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;display:flex;gap:var(--spacing-sm);align-items:flex-start}.email-verification-warning .warning-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.email-verification-warning .warning-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.email-verification-warning strong{color:#ff6b6b;font-family:var(--font-display);font-size:.95rem;letter-spacing:.5px}.email-verification-warning p{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin:0}.btn-verify-email{background:#ff6b6b33;border:1px solid rgba(255,107,107,.5);color:#ff6b6b;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.85rem;cursor:pointer;transition:all .2s;margin-top:var(--spacing-xs);align-self:flex-start}.btn-verify-email:hover{background:#ff6b6b4d;border-color:#ff6b6bb3;transform:translateY(-1px)}.btn-verify-email:active{transform:translateY(0)}.username-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.username-display h2{margin-bottom:0}.btn-edit-name{background:transparent;border:none;font-size:1rem;cursor:pointer;opacity:.6;transition:opacity .2s,transform .2s;padding:var(--spacing-xs)}.btn-edit-name:hover{opacity:1;transform:scale(1.1)}.username-edit{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);width:100%;max-width:250px}.username-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-display);font-size:1.1rem;text-align:center;letter-spacing:1px}.username-input:focus{outline:none;box-shadow:0 0 10px #00d4ff4d}.edit-actions{display:flex;gap:var(--spacing-sm)}.btn-save,.btn-cancel{width:40px;height:40px;border-radius:50%;border:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.btn-save{background:var(--accent-success);color:#fff}.btn-cancel{background:var(--accent-danger);color:#fff}.btn-save:hover:not(:disabled),.btn-cancel:hover:not(:disabled){transform:scale(1.1)}.btn-save:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.edit-error{color:var(--accent-danger);font-size:.85rem;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);background:#ef44441a;border-radius:var(--radius-sm);width:100%}.edit-success{color:var(--accent-success);font-size:.9rem;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);background:#22c55e1a;border-radius:var(--radius-sm);animation:fadeIn .3s ease-out;margin-bottom:var(--spacing-md)}.level-section{max-width:200px;margin:0 auto}.level-badge{display:inline-block;background:var(--accent-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-family:var(--font-display);font-size:.85rem;margin-bottom:var(--spacing-sm)}.xp-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-xs)}.xp-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary))}.rank-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.rank-display{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.rank-icon-large{font-size:3rem;flex-shrink:0}.rank-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.rank-name{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:#fff}.rank-stats{font-size:.85rem;color:#fff9}.rank-progress-section{margin-top:1rem;padding:.75rem;background:#ffffff08;border-radius:8px}.rank-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.rank-progress-label{font-size:.85rem;color:#fffc;font-weight:500}.rank-progress-overall{font-size:.9rem;font-weight:600;color:var(--accent-primary);font-family:var(--font-display)}.rank-progress-overall-bar{height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;margin-bottom:.75rem}.rank-progress-overall-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .3s ease-out;border-radius:5px}.rank-progress-details{display:flex;gap:1rem;flex-wrap:wrap}.rank-progress-detail-item{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:80px}.rank-progress-detail-item .detail-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.rank-progress-detail-item .detail-value{font-size:.9rem;font-weight:600;color:#ffffffe6;font-family:var(--font-display)}.rank-progress-detail-item .detail-value.detail-completed{color:var(--accent-success)}.rank-progress-section.rank-max{background:#ffd7001a;border:1px solid rgba(255,215,0,.3)}.rank-progress-section.rank-max .rank-progress-label{color:#ffd700e6;font-weight:600;text-align:center;width:100%}.seasons-content{display:flex;flex-direction:column;gap:2rem}.seasons-section{background:#ffffff0d;border-radius:12px;padding:1.5rem}.seasons-section h3{color:#fff;margin:0 0 1rem;font-size:1.1rem}.history-list,.rewards-list{display:flex;flex-direction:column;gap:1rem}.history-item,.reward-item{background:#ffffff0d;border-radius:8px;padding:1rem}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.history-header h4{color:#fff;margin:0;font-size:1rem}.history-date{color:#fff9;font-size:.85rem}.history-stats{display:flex;gap:1.5rem}.history-stats .stat{display:flex;flex-direction:column}.history-stats .stat-label{color:#ffffffb3;font-size:.8rem;margin-bottom:.25rem}.history-stats .stat-value{color:#fff;font-weight:700;font-size:.95rem}.reward-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.reward-header h4{color:#fff;margin:0;font-size:1rem}.reward-rank-badge{background:gold;color:#000;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700}.reward-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.reward-amounts{display:flex;gap:1rem;flex-wrap:wrap}.reward-ec,.reward-gems,.reward-xp{color:#fff;font-size:.9rem;font-weight:700}.reward-status{display:flex;align-items:center}.claimed-badge{background:#4caf50;color:#fff;padding:.5rem 1rem;border-radius:12px;font-size:.8rem;font-weight:700}.claim-btn{background:#4caf50;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:12px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s}.claim-btn:hover:not(:disabled){background:#45a049}.claim-btn:disabled{opacity:.5;cursor:not-allowed}.rank-avatar{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.season-details-btn{width:32px;height:32px;background:#4caf501a;border:1px solid rgba(76,175,80,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:var(--accent-primary);padding:0;position:relative;overflow:hidden}.season-details-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#4caf504d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.season-details-btn:hover:before{width:100%;height:100%}.season-details-btn:hover{border-color:var(--accent-primary);box-shadow:0 0 10px #4caf5080,0 0 20px #4caf504d;transform:scale(1.1)}.season-details-btn svg{width:16px;height:16px;position:relative;z-index:1;stroke:var(--accent-primary);filter:drop-shadow(0 0 2px rgba(76,175,80,.8))}.season-details-btn:active{transform:scale(.95)}.seasons-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:fadeIn .2s ease-out}.seasons-modal{width:100%;max-width:600px;max-height:85vh;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}.seasons-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.seasons-modal-header h2{color:#fff;margin:0;font-size:1.5rem;font-family:var(--font-display)}.seasons-modal-header .close-btn{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.seasons-modal-header .close-btn:hover{transform:scale(1.2)}.seasons-modal-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:2rem}.leaderboard-description{background:#ffffff0d;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.leaderboard-description p{color:#ffffffb3;font-size:.85rem;margin:0;line-height:1.4}.xp-text{font-size:.8rem;color:var(--text-muted)}.profile-card.faction-card{margin-bottom:0}@media (max-width: 767px){.profile-card.faction-card{margin-bottom:var(--spacing-lg)}}.profile-card.club-card{margin-bottom:0}.faction-info{display:flex;align-items:center;gap:var(--spacing-md)}.faction-emblem{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff}.faction-details{display:flex;flex-direction:column}.faction-name{font-family:var(--font-display);font-weight:600;letter-spacing:1px}.faction-territories{font-size:.85rem;color:var(--text-secondary)}.no-faction{color:var(--text-muted);font-style:italic}.stats-card{width:100%;margin-top:var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md);width:100%;box-sizing:border-box}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-item{text-align:center;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);box-sizing:border-box;min-width:0;overflow:hidden;word-wrap:break-word}.stat-item .stat-icon{font-size:1.5rem;display:block;margin-bottom:var(--spacing-xs)}.stat-item .stat-value{font-family:var(--font-display);font-size:1.3rem;color:var(--accent-primary);display:block;word-wrap:break-word;overflow-wrap:break-word}.stat-item .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;word-wrap:break-word;overflow-wrap:break-word;display:block}@media (max-width: 400px){.stats-grid{gap:var(--spacing-sm)}.stat-item{padding:var(--spacing-sm)}.stat-item .stat-value{font-size:1.1rem}.stat-item .stat-label{font-size:.7rem}}.profile-actions{margin-top:var(--spacing-xl)}.loading-spinner{width:30px;height:30px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:hexSpin 1s linear infinite;margin:var(--spacing-lg) auto}.loading-dots:after{content:"";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.hud-buttons{display:flex;gap:var(--spacing-sm);flex-shrink:0}.hud-btn{width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;cursor:pointer;transition:all .2s}.hud-btn:hover{background:var(--bg-tertiary);transform:scale(1.1)}.leaderboard-page{height:100vh;height:100dvh;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);padding-top:calc(var(--spacing-sm) + env(safe-area-inset-top,0px));background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.leaderboard-header h1{font-family:var(--font-display);font-size:1.2rem;letter-spacing:2px;display:flex;align-items:center;gap:8px}.leaderboard-header h1 svg{flex-shrink:0}.distance-filter{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-md);flex-wrap:wrap}.filter-btn{flex:1;min-width:60px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.filter-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.battle-summary-btn{background:linear-gradient(135deg,#4caf5033,#2196f333);border:1px solid rgba(76,175,80,.4);color:var(--accent-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.battle-summary-icon{width:18px;height:18px;color:var(--accent-primary);flex-shrink:0}.battle-summary-btn:hover{background:linear-gradient(135deg,#4caf504d,#2196f34d);border-color:#4caf5099;transform:translateY(-1px);box-shadow:0 2px 8px #4caf5033}.battle-summary-btn:active{transform:translateY(0)}.season-info-banner{background:linear-gradient(135deg,#7c3aed26,#00d4ff26);border-bottom:1px solid var(--border-color);padding:var(--spacing-md);animation:fadeIn .3s ease-out;flex-shrink:0}.season-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.season-icon{font-size:1.5rem}.season-title{display:flex;flex-direction:column;flex:1}.season-name-row{display:flex;align-items:center;gap:.75rem}.season-name{font-family:var(--font-display);font-size:1rem;letter-spacing:1.5px;color:var(--accent-primary);text-transform:uppercase}.season-dates{font-size:.75rem;color:var(--text-muted);margin-top:2px}.season-stats{display:flex;justify-content:space-around;gap:var(--spacing-sm);flex-wrap:wrap}.season-stat{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-card);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--border-color);flex:1;min-width:120px}.season-stat-icon{font-size:1.2rem}.season-stat-info{display:flex;flex-direction:column}.season-stat-value{font-family:var(--font-display);font-size:.85rem;color:var(--text-primary);font-weight:600}.season-stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.season-leader .season-stat-value{font-size:1rem}.season-warning{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#fbbf241a;border:1px solid var(--accent-warning);border-radius:var(--radius-md);color:var(--accent-warning);font-size:.75rem;text-align:center;animation:pulse 2s infinite}.my-rank-banner{display:flex;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-md);background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);border-bottom:1px solid var(--border-color);flex-shrink:0}.rank-item{display:flex;flex-direction:column;align-items:center}.rank-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.rank-value{font-family:var(--font-display);font-size:1.2rem;color:var(--accent-primary)}.global-stats{display:flex;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.global-stats .stat{display:flex;flex-direction:column;align-items:center}.global-stats .stat-value{font-family:var(--font-display);font-size:1.2rem;color:var(--text-primary)}.global-stats .stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.tabs{display:flex;background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-shrink:0}.tab{flex:1;padding:var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all .2s}.tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.leaderboard-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.leaderboard-sidebar{flex-shrink:0;display:flex;flex-direction:column}.leaderboard-content{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.leaderboard-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.leaderboard-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s}.leaderboard-item:hover{background:var(--bg-tertiary)}.leaderboard-item.is-mine{border-color:var(--accent-primary);background:#00d4ff0d}.leaderboard-item .rank{min-width:40px;font-family:var(--font-display);font-size:1rem;color:var(--text-secondary);text-align:center}.leaderboard-item .avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:#fff}.leaderboard-item .avatar.faction-avatar{border-radius:var(--radius-sm)}.leaderboard-item .info{flex:1;display:flex;flex-direction:column}.leaderboard-item .name{font-weight:600;color:var(--text-primary)}.leaderboard-item .details{font-size:.8rem;color:var(--text-muted)}.leaderboard-item .score{display:flex;flex-direction:column;align-items:flex-end}.leaderboard-item .score-value{font-family:var(--font-display);font-size:1.1rem;color:var(--accent-primary)}.leaderboard-item .score-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.empty-state{text-align:center;padding:var(--spacing-xl)}.empty-state .empty-icon{font-size:3rem;display:block;margin-bottom:var(--spacing-md)}.empty-state p{color:var(--text-secondary)}html.mobile-landscape .leaderboard-body,body.mobile-landscape .leaderboard-body,.mobile-landscape .leaderboard-body{flex-direction:row!important;gap:var(--spacing-sm)}html.mobile-landscape .leaderboard-sidebar,body.mobile-landscape .leaderboard-sidebar,.mobile-landscape .leaderboard-sidebar{width:25%;min-width:25%;max-width:25%;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--border-color);padding-right:var(--spacing-sm);padding-left:calc(var(--spacing-sm) + env(safe-area-inset-left,0px))}html.mobile-landscape .leaderboard-content,body.mobile-landscape .leaderboard-content,.mobile-landscape .leaderboard-content{flex:1;padding:var(--spacing-sm);padding-right:calc(var(--spacing-sm) + env(safe-area-inset-right,0px));padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px))}html.mobile-landscape .season-info-banner,body.mobile-landscape .season-info-banner,.mobile-landscape .season-info-banner{padding:var(--spacing-xs)!important;border-bottom:none!important;background:none!important}html.mobile-landscape .season-header,body.mobile-landscape .season-header,.mobile-landscape .season-header{margin-bottom:var(--spacing-xs)!important;gap:var(--spacing-xs)!important}html.mobile-landscape .season-icon,body.mobile-landscape .season-icon,.mobile-landscape .season-icon{font-size:1rem!important}html.mobile-landscape .season-name,body.mobile-landscape .season-name,.mobile-landscape .season-name{font-size:.7rem!important}html.mobile-landscape .season-dates,body.mobile-landscape .season-dates,.mobile-landscape .season-dates{font-size:.6rem!important}html.mobile-landscape .season-stats,body.mobile-landscape .season-stats,.mobile-landscape .season-stats{flex-direction:column!important;gap:var(--spacing-xs)!important}html.mobile-landscape .season-stat,body.mobile-landscape .season-stat,.mobile-landscape .season-stat{padding:var(--spacing-xs)!important;min-width:0!important}html.mobile-landscape .season-stat-icon,body.mobile-landscape .season-stat-icon,.mobile-landscape .season-stat-icon{font-size:.9rem!important}html.mobile-landscape .season-stat-value,body.mobile-landscape .season-stat-value,.mobile-landscape .season-stat-value{font-size:.7rem!important}html.mobile-landscape .season-stat-label,body.mobile-landscape .season-stat-label,.mobile-landscape .season-stat-label{font-size:.55rem!important}html.mobile-landscape .season-warning,body.mobile-landscape .season-warning,.mobile-landscape .season-warning{font-size:.6rem!important;padding:var(--spacing-xs)!important;margin-top:var(--spacing-xs)!important}html.mobile-landscape .my-rank-banner,body.mobile-landscape .my-rank-banner,.mobile-landscape .my-rank-banner{flex-direction:column!important;gap:var(--spacing-xs)!important;padding:var(--spacing-xs)!important;border-bottom:none!important;background:none!important}html.mobile-landscape .rank-item,body.mobile-landscape .rank-item,.mobile-landscape .rank-item{flex-direction:row!important;justify-content:space-between!important;width:100%}html.mobile-landscape .rank-label,body.mobile-landscape .rank-label,.mobile-landscape .rank-label{font-size:.6rem!important}html.mobile-landscape .rank-value,body.mobile-landscape .rank-value,.mobile-landscape .rank-value{font-size:.85rem!important}html.mobile-landscape .leaderboard-sidebar .tabs,body.mobile-landscape .leaderboard-sidebar .tabs,.mobile-landscape .leaderboard-sidebar .tabs{flex-direction:column!important;border-bottom:none!important;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}html.mobile-landscape .leaderboard-sidebar .tab,body.mobile-landscape .leaderboard-sidebar .tab,.mobile-landscape .leaderboard-sidebar .tab{border-bottom:none!important;border-left:2px solid transparent!important;padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:.75rem!important;text-align:left!important;border-radius:var(--radius-sm)}html.mobile-landscape .leaderboard-sidebar .tab.active,body.mobile-landscape .leaderboard-sidebar .tab.active,.mobile-landscape .leaderboard-sidebar .tab.active{border-left-color:var(--accent-primary)!important;background:#00d4ff1a!important}html.mobile-landscape .leaderboard-header,body.mobile-landscape .leaderboard-header,.mobile-landscape .leaderboard-header{padding:var(--spacing-xs) var(--spacing-md)!important;padding-top:calc(var(--spacing-xs) + env(safe-area-inset-top,0px))!important}html.mobile-landscape .leaderboard-header h1,body.mobile-landscape .leaderboard-header h1,.mobile-landscape .leaderboard-header h1{font-size:1rem!important}html.mobile-landscape .battle-summary-btn,body.mobile-landscape .battle-summary-btn,.mobile-landscape .battle-summary-btn{padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:.75rem!important}html.mobile-landscape .battle-summary-btn span,body.mobile-landscape .battle-summary-btn span,.mobile-landscape .battle-summary-btn span{display:none!important}html.mobile-landscape .leaderboard-item,body.mobile-landscape .leaderboard-item,.mobile-landscape .leaderboard-item{padding:var(--spacing-xs) var(--spacing-sm)!important;gap:var(--spacing-sm)!important}html.mobile-landscape .leaderboard-item .avatar,body.mobile-landscape .leaderboard-item .avatar,.mobile-landscape .leaderboard-item .avatar{width:32px!important;height:32px!important;font-size:.8rem!important}html.mobile-landscape .leaderboard-item .name,body.mobile-landscape .leaderboard-item .name,.mobile-landscape .leaderboard-item .name{font-size:.85rem!important}html.mobile-landscape .leaderboard-item .details,body.mobile-landscape .leaderboard-item .details,.mobile-landscape .leaderboard-item .details{font-size:.7rem!important}html.mobile-landscape .leaderboard-item .score-value,body.mobile-landscape .leaderboard-item .score-value,.mobile-landscape .leaderboard-item .score-value{font-size:.9rem!important}html.mobile-landscape .leaderboard-item .score-label,body.mobile-landscape .leaderboard-item .score-label,.mobile-landscape .leaderboard-item .score-label{font-size:.6rem!important}html.mobile-landscape .distance-filter,body.mobile-landscape .distance-filter,.mobile-landscape .distance-filter{padding:var(--spacing-xs)!important;gap:var(--spacing-xs)!important;margin-bottom:var(--spacing-sm)!important}html.mobile-landscape .filter-btn,body.mobile-landscape .filter-btn,.mobile-landscape .filter-btn{padding:var(--spacing-xs)!important;font-size:.7rem!important;min-width:40px!important}.faction-chat-bar{position:fixed;bottom:60px;left:var(--spacing-md);right:calc(48px + var(--spacing-md) * 2 + 8px);z-index:1000;padding:0;pointer-events:none;max-height:calc(4 * 1.6em + var(--spacing-sm) * 2 + 2.5rem);overflow:visible;display:flex;flex-direction:column}.mobile-landscape .faction-chat-bar,html.mobile-landscape .faction-chat-bar,body.mobile-landscape .faction-chat-bar{bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))!important;left:calc(70px + var(--spacing-md) + env(safe-area-inset-left,0px))!important;right:calc(48px + var(--spacing-md) + env(safe-area-inset-right,0px) + 8px)!important;max-height:calc(2 * 1.6em + var(--spacing-sm) * 2 + 2.5rem)!important}@media (min-width: 1024px){.faction-chat-bar{max-height:calc(4 * 1.6em + var(--spacing-sm) * 2 + 2.5rem)!important;overflow:visible!important}.chat-bar-content{border-radius:0 0 var(--radius-md) var(--radius-md)}}.faction-chat-bar:hover{cursor:pointer}.chat-bar-content{background:#0a0e14d9;border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;color:#ffffffe6;box-shadow:0 0 10px #00d4ff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:calc(4 * 1.6em + var(--spacing-sm) * 2);overflow-y:auto;pointer-events:auto;flex:1;min-height:0}.chat-bar-line{display:flex;gap:var(--spacing-xs);margin-bottom:2px;animation:fadeIn .3s ease-out}.chat-bar-time{color:#00d4ffb3;font-weight:500}.chat-bar-username{color:#7c3aede6;font-weight:600}.chat-bar-text{color:#ffffffe6;flex:1}.chat-bar-prompt{color:#00d4ffb3;font-weight:700}.chat-bar-empty{color:#ffffff80;font-style:italic}.faction-chat-button{position:fixed;bottom:60px;right:var(--spacing-md);width:48px;height:48px;border-radius:var(--radius-md);background:#00d4ff26;border:none;color:#00d4ffe6;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;box-shadow:0 2px 8px #0000004d;transition:all .3s ease;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-landscape .faction-chat-button,html.mobile-landscape .faction-chat-button,body.mobile-landscape .faction-chat-button{bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))!important;right:calc(var(--spacing-md) + env(safe-area-inset-right,0px) + 8px)!important;width:42px!important;height:42px!important;font-size:18px!important}.faction-chat-button:hover{background:#00d4ff40;color:#00d4ff;box-shadow:0 4px 12px #00d4ff4d}.faction-chat-button:active{transform:scale(.95)}.faction-chat-input-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1002;animation:slideUp .2s ease-out}.mobile-landscape .faction-chat-input-container,html.mobile-landscape .faction-chat-input-container,body.mobile-landscape .faction-chat-input-container{top:auto!important;bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;left:calc(70px + var(--spacing-md) + env(safe-area-inset-left,0px))!important;right:calc(48px + var(--spacing-md) + env(safe-area-inset-right,0px) + 8px)!important;transform:none!important;width:auto!important}.mobile-landscape .faction-chat-input-form,html.mobile-landscape .faction-chat-input-form,body.mobile-landscape .faction-chat-input-form{min-width:auto!important;max-width:100%!important}.faction-chat-input-form{position:relative;background:#0a0e14f2;border:1px solid rgba(0,212,255,.5);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);padding:var(--spacing-sm);box-shadow:0 4px 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:280px;max-width:90vw}.faction-chat-input-header{position:relative}.faction-chat-close-btn{background:transparent;border:none;color:#ffffffb3;font-size:20px;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border-radius:var(--radius-sm);padding:0}.faction-chat-close-btn:hover{color:var(--text-primary);background:#ffffff1a;transform:scale(1.1)}.faction-chat-close-btn:active{transform:scale(.95)}.faction-chat-input-row{display:flex;gap:var(--spacing-xs);align-items:stretch}.faction-chat-input{flex:1;background:#0000004d;border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;outline:none;transition:border-color .2s}.faction-chat-input:focus{border-color:var(--accent-primary);box-shadow:0 0 8px #00d4ff4d}.faction-chat-input:disabled{opacity:.5;cursor:not-allowed}.faction-chat-input-footer{display:flex;justify-content:flex-start;align-items:center;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.faction-chat-char-count{font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;color:#fff9}.faction-chat-char-count.warning{color:var(--accent-warning)}.faction-chat-send-btn{background:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:var(--bg-primary);padding:var(--spacing-sm) var(--spacing-md);font-size:14px;cursor:pointer;transition:all .2s;font-family:JetBrains Mono,Fira Code,monospace;flex-shrink:0;min-width:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.faction-chat-send-btn:hover:not(:disabled){background:#00d4ffcc;transform:scale(1.05)}.faction-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.faction-chat-input-error{margin-top:var(--spacing-xs);font-size:11px;color:var(--accent-danger);font-family:JetBrains Mono,Fira Code,monospace}.view-mode-selector-container{position:fixed;top:calc(var(--spacing-md) + env(safe-area-inset-top,0px) + 40px + var(--spacing-md) + 8px);right:1rem;z-index:1001}@media (max-width: 768px){.view-mode-selector-container{top:calc(60px + env(safe-area-inset-top,0px));right:10px}.view-mode-toggle-btn{width:40px;height:40px}.center-player-btn{width:40px;height:40px;top:calc(100% + 8px)}.center-player-icon{width:22px;height:22px}.center-player-outer{width:22px;height:22px;border-width:2px}.center-player-inner{top:6px;left:6px;width:10px;height:10px;border-width:2px}.center-player-dot{top:11px;left:11px;width:2px;height:2px}}.mobile-landscape .view-mode-selector-container,html.mobile-landscape .view-mode-selector-container,body.mobile-landscape .view-mode-selector-container{top:calc(var(--spacing-sm) + env(safe-area-inset-top,0px) + 40px)!important;right:calc(var(--spacing-sm) + env(safe-area-inset-right,0px) + 8px)!important}.mobile-landscape .view-mode-toggle-btn,html.mobile-landscape .view-mode-toggle-btn,body.mobile-landscape .view-mode-toggle-btn{width:36px!important;height:36px!important;font-size:.9rem!important}.mobile-landscape .center-player-btn,html.mobile-landscape .center-player-btn,body.mobile-landscape .center-player-btn{width:36px!important;height:36px!important}.mobile-landscape .center-player-icon,html.mobile-landscape .center-player-icon,body.mobile-landscape .center-player-icon{width:20px!important;height:20px!important}.mobile-landscape .center-player-outer,html.mobile-landscape .center-player-outer,body.mobile-landscape .center-player-outer{width:20px!important;height:20px!important;border-width:1.5px!important}.mobile-landscape .center-player-inner,html.mobile-landscape .center-player-inner,body.mobile-landscape .center-player-inner{top:5px!important;left:5px!important;width:9px!important;height:9px!important;border-width:1.5px!important}.mobile-landscape .center-player-dot,html.mobile-landscape .center-player-dot,body.mobile-landscape .center-player-dot{top:10px!important;left:10px!important;width:2px!important;height:2px!important}.view-mode-toggle-btn{width:40px;height:40px;border-radius:8px;background:#0a0a14eb;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 10px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-mode-toggle-btn:hover{background:#0a0a14f2;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 15px #00000080}.view-mode-btn-text{font-size:1.1rem;font-weight:700;letter-spacing:2px;color:var(--accent-primary);text-shadow:0 0 8px rgba(0,212,255,.5);font-family:var(--font-display)}.view-mode-menu{position:absolute;top:50px;right:0;background:#0a0a14f2;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;min-width:140px;box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .2s ease-out}.view-mode-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;text-align:left}.view-mode-menu-item:hover:not(:disabled){background:#ffffff1a}.view-mode-menu-item.active{background:#fff3;border-left:3px solid var(--accent-primary, #00ff00)}.view-mode-menu-item:disabled{opacity:.4;cursor:not-allowed}.view-mode-icon{font-size:1rem;font-weight:700;width:24px;text-align:center;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:4px;padding:2px 6px}.view-mode-menu-item.active .view-mode-icon{background:#fff3}.view-mode-label{flex:1;font-size:.85rem;font-weight:500}.view-mode-menu-item-wrapper{position:relative;width:100%}.club-info-tooltip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-top:.25rem;background:#00d4ff26;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:var(--accent-primary, #00d4ff);font-size:.75rem;line-height:1.4;animation:fadeIn .3s ease}.club-info-tooltip .tooltip-icon{font-size:.9rem;flex-shrink:0}.club-info-tooltip .tooltip-text{flex:1}.club-warning{padding:1rem;background:#ffc10733;border:1px solid rgba(255,193,7,.5);border-radius:8px;margin-bottom:1rem;color:#ffc107}.club-actions{margin-bottom:1rem}.club-create-form{background:#0000004d;padding:1rem;border-radius:8px;margin-bottom:1rem}.club-create-form .form-group{margin-bottom:1rem}.club-create-form label{display:block;margin-bottom:.5rem;color:#fff;font-size:.9rem}.club-create-form input{width:100%;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:1rem}.club-create-form input:focus{outline:none;border-color:#fff;background:#ffffff26}.form-warning{color:#ffc107;font-size:.85rem;margin-top:.5rem}.club-create-info{color:#ffc107cc;font-size:.85rem;margin-top:.75rem;padding:.5rem;background:#ffc1071a;border-radius:6px;border:1px solid rgba(255,193,7,.3)}.form-hint{color:#fff9;font-size:.8rem;margin-top:.5rem}.hq-selected{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:6px;margin-bottom:.5rem}.hq-selected-info{color:#ffffffe6;font-size:.9rem;flex:1}.hq-selected-info small{color:#fff9;font-size:.8rem}.hq-selector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;background:#0a0a0ff2;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.hq-selector-modal{width:100%;max-width:800px;max-height:90vh;background:var(--bg-card);border-radius:var(--radius-xl);display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 8px 32px #00000080}.hq-selector{display:flex;flex-direction:column;height:100%}.hq-selector-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.hq-selector-header h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.hq-selector-info{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.5}.hq-selector-map-container{flex:1;min-height:400px;position:relative;overflow:hidden}.hq-selector-map{width:100%!important;height:400px!important;min-height:400px!important;position:relative!important;z-index:1}.hq-selector-info-panel{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.hq-info{display:flex;flex-direction:column;gap:.25rem}.hq-label{font-weight:600;color:var(--text-primary)}.hq-coords{font-family:monospace;color:var(--text-secondary);font-size:.85rem}.hq-distance{color:var(--accent-primary);font-size:.9rem}.hq-selector-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.hq-selector-error{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary)}.hq-selection-panel{position:fixed;bottom:0;left:0;right:0;z-index:3000;background:var(--bg-card);border-top:1px solid var(--border-color);box-shadow:0 -4px 16px #0000004d;padding:var(--spacing-lg);max-height:40vh;overflow-y:auto}.hq-selection-header{margin-bottom:var(--spacing-md)}.hq-selection-header h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:1.1rem}.hq-selection-info{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.5}.hq-selection-info-panel{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.hq-selection-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.hq-selection-actions .btn-primary,.hq-selection-actions .btn-secondary{flex:1}.user-marker-hq .user-dot-hq{width:20px;height:20px;border-radius:50%;background:var(--accent-primary);border:3px solid white;box-shadow:0 2px 8px #0000004d}.hq-marker .hq-pin{font-size:24px;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.hq-marker{background:transparent;border:none}.hq-pin{font-size:30px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-marker-hq{background:transparent;border:none}.user-dot-hq{width:20px;height:20px;background:#0f0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #00ff0080}.existing-club-hq-marker{background:transparent;border:none}.existing-club-hq-pin{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));opacity:.7}.club-hq-marker{background:transparent;border:none}.club-hq-pin{font-size:30px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:hqPulse 2s infinite}@keyframes hqPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.own-club-hq-marker{background:transparent;border:none}.own-club-hq-pin{font-size:32px;filter:drop-shadow(0 0 8px rgba(255,215,0,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:ownHqPulse 2s infinite}@keyframes ownHqPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(255,215,0,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(255,215,0,.8)) drop-shadow(0 2px 6px rgba(0,0,0,.5))}}.allied-club-hq-marker{background:transparent;border:none}.allied-club-hq-pin{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));opacity:.9;transition:all .2s ease}.allied-club-hq-marker:hover .allied-club-hq-pin{transform:scale(1.15);opacity:1}.other-club-hq-marker{background:transparent;border:none}.other-club-hq-pin{font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) saturate(.7);opacity:.75;transition:all .2s ease}.other-club-hq-marker:hover .other-club-hq-pin{transform:scale(1.15);opacity:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) saturate(1)}.leaflet-tooltip{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 2px 8px #00000080!important}.leaflet-tooltip-top:before{border-top-color:var(--bg-secondary)!important}.leaflet-tooltip-bottom:before{border-bottom-color:var(--bg-secondary)!important}.leaflet-tooltip-left:before{border-left-color:var(--bg-secondary)!important}.leaflet-tooltip-right:before{border-right-color:var(--bg-secondary)!important}.club-hq-tooltip{padding:4px;min-width:140px;background:transparent!important;border:none!important;box-shadow:none!important}.club-hq-tooltip strong{display:block;font-size:.95rem;margin-bottom:6px}.club-hq-tooltip-info{display:flex;gap:12px;font-size:.85rem;color:var(--text-secondary);margin-bottom:4px}.club-hq-tooltip-faction{font-size:.8rem;color:var(--text-secondary);margin-bottom:8px}.club-hq-tooltip-btn{width:100%;padding:6px 12px;background:var(--primary);color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background .2s}.club-hq-tooltip-btn:hover{background:var(--primary-hover)}.leaflet-popup-content-wrapper{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 4px 12px #0009!important;border-radius:8px!important;padding:0!important}.leaflet-popup-content{margin:0!important;padding:0!important;min-width:180px}.leaflet-popup-tip{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 4px #0000004d!important}.leaflet-popup-close-button{color:var(--text-primary)!important;font-size:20px!important;font-weight:700!important;padding:4px 8px!important;transition:color .2s!important}.leaflet-popup-close-button:hover{color:var(--primary)!important}.guide-territory-highlight{animation:pulse-guide 1.5s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 0 10px rgba(0,212,255,.8))}.guide-territory-highlight-outer{animation:pulse-guide-outer 1.5s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 0 15px rgba(0,212,255,.6))}@keyframes pulse-guide{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes pulse-guide-outer{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}}.guide-territory-popup .leaflet-popup-content-wrapper{background:#0a0e14fa!important;border:2px solid var(--accent-primary)!important;box-shadow:0 0 30px #00d4ff80!important;animation:pulse-popup 2s ease-in-out infinite}@keyframes pulse-popup{0%,to{box-shadow:0 0 30px #00d4ff80}50%{box-shadow:0 0 40px #00d4ffcc}}.guide-territory-popup .leaflet-popup-content{padding:0!important;margin:0!important}.club-hq-popup-content{padding:12px;min-width:180px}.club-hq-popup-content strong{display:block;font-size:1rem;margin-bottom:8px;font-weight:600}.club-hq-popup-info{display:flex;gap:12px;font-size:.85rem;color:var(--text-secondary);margin-bottom:6px}.club-hq-popup-faction{font-size:.8rem;color:var(--text-secondary);margin-bottom:10px}.club-hq-popup-btn{width:100%;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:8px}.club-hq-popup-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00d4ff4d}.club-hq-popup-btn:active{transform:translateY(0)}.club-details-modal{max-height:85vh;overflow-y:auto}.club-details-error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:2rem;color:var(--error)}.club-details-error span{font-size:2rem}.club-details-content{display:flex;flex-direction:column;gap:1.25rem}.club-details-header-info{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.club-details-location{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.club-details-location .icon{font-size:1.1rem}.club-details-faction .faction-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.8rem;color:#fff;font-weight:500}.club-details-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px}.club-details-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.club-details-stat .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.club-details-stat .stat-label{font-size:.8rem;color:var(--text-secondary)}.club-details-members h3,.club-details-territories h3{display:flex;align-items:center;gap:8px;font-size:1rem;margin-bottom:.75rem;color:var(--text-primary)}.club-details-members h3 .members-count,.club-details-territories h3 .territories-count{font-weight:400;color:var(--text-secondary);font-size:.9rem}.club-members-list{display:flex;flex-direction:column;gap:8px}.club-member-row{display:flex;align-items:center;gap:10px;padding:8px;background:var(--bg-secondary);border-radius:6px}.club-member-row .member-rank{font-size:.8rem;color:var(--text-secondary);width:24px;text-align:center}.club-member-row .member-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.club-member-row .member-info{flex:1;display:flex;flex-direction:column}.club-member-row .member-name{font-weight:500;font-size:.9rem}.club-member-row .member-level{font-size:.75rem;color:var(--text-secondary)}.club-member-row .member-ec{font-size:.85rem;color:var(--primary);font-weight:500}.club-members-more,.club-territories-more{text-align:center;padding:8px;font-size:.85rem;color:var(--text-secondary);font-style:italic}.club-territories-preview{display:flex;flex-direction:column;gap:6px}.club-territory-row{display:flex;justify-content:space-between;align-items:center;padding:8px;background:var(--bg-secondary);border-radius:4px;font-size:.85rem}.club-territory-row .territory-id{color:var(--text-secondary);font-family:monospace}.club-territory-row .territory-defense{color:var(--text-primary)}.club-details-footer{padding:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.loading-spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.center-player-btn{position:absolute;top:calc(100% + 8px);right:0;width:40px;height:40px;border-radius:50%;background:#0a0a14eb;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 10px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1002;padding:0}.center-player-btn:hover{background:#0a0a14f2;border-color:var(--accent-primary);box-shadow:0 4px 15px #00d4ff4d,0 0 20px #00d4ff1a;transform:translateY(-2px)}.center-player-btn:active{transform:scale(.95)}.center-player-icon{position:relative;width:24px;height:24px}.center-player-outer{position:absolute;top:0;left:0;width:24px;height:24px;border:2px solid var(--accent-primary);border-radius:50%;box-sizing:border-box;box-shadow:0 0 8px #00d4ff66}.center-player-inner{position:absolute;top:6px;left:6px;width:12px;height:12px;border:2px solid var(--accent-primary);border-radius:50%;box-sizing:border-box;box-shadow:0 0 6px #00d4ff4d}.center-player-dot{position:absolute;top:11px;left:11px;width:3px;height:3px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 4px var(--accent-primary)}@media (max-width: 768px){.center-player-icon,.center-player-outer{width:24px;height:24px}.center-player-inner{top:6px;left:6px;width:12px;height:12px}.center-player-dot{top:11px;left:11px}}.clubs-list h3{color:#fff;margin-bottom:1rem}.club-empty{text-align:center;padding:2rem;color:#fff9}.clubs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.club-card{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden;transition:transform .2s}.club-card:hover{transform:translateY(-2px);border-color:#fff6}.club-banner{height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem}.club-info{padding:1rem}.club-info h4{color:#fff;margin:0 0 .5rem;font-size:1rem}.profile-card.club-card{margin-bottom:1rem}.profile-card .club-info{display:flex;align-items:center;gap:1rem}.profile-card .club-emblem{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.profile-card .club-details{display:flex;flex-direction:column;gap:.5rem;flex:1}.profile-card .club-name{font-weight:600;color:var(--text-primary);font-size:1rem}.profile-card .no-club{text-align:center;padding:1rem;display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-card .club-lock-message{background:linear-gradient(135deg,#fbbf241a,#0a0a0f80,#fbbf241a);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;margin-bottom:var(--spacing-sm)}.profile-card .club-lock-icon{font-size:2rem;margin-bottom:var(--spacing-sm);filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}.profile-card .club-lock-text{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:var(--spacing-sm)}.profile-card .club-lock-progress{color:var(--accent-warning);font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.5px}.profile-card .no-club p{color:var(--text-secondary);margin-bottom:1rem}.club-location{color:#ffffffb3;font-size:.85rem;margin-bottom:.5rem}.club-stats{display:flex;justify-content:space-between;font-size:.85rem;color:#fff9;margin-bottom:.75rem}.club-header-info{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.club-color-badge{width:40px;height:40px;border-radius:8px;flex-shrink:0}.club-faction{color:#ffffffb3;font-size:.9rem;margin-top:.25rem}.club-actions-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.club-territories-tab{padding:1rem 0}.club-territories-count{color:#ffffffb3;margin-bottom:1rem}.club-territories-list{display:flex;flex-direction:column;gap:.5rem}.club-territory-item{background:#0000004d;padding:.75rem;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.club-territory-info{display:flex;justify-content:space-between;align-items:center}.club-territory-id{font-family:monospace;color:#ffffffb3;font-size:.85rem}.club-territory-defense{color:#fff9;font-size:.85rem}.club-ranking-tab{padding:2rem;text-align:center;color:#fff9}.club-ranking-info{font-size:.9rem}.faction-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;background:#0a0a0fe6;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out;padding:var(--spacing-sm)}.faction-modal{width:100%;max-width:500px;height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);background:var(--bg-card);border-radius:var(--radius-xl);display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid var(--border-color);box-shadow:0 8px 32px #00000080;overflow:hidden;margin-top:env(safe-area-inset-top,0px)}.faction-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.faction-modal-header h2{display:flex;align-items:center;gap:8px}.faction-modal-header h2{font-family:var(--font-display);font-size:1.25rem;letter-spacing:1px;margin:0;display:flex;align-items:center;gap:8px}.faction-modal-header h2 svg{flex-shrink:0}.faction-modal-close{background:none;border:none;color:var(--text-secondary);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s}.faction-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.faction-modal-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 var(--spacing-md);flex-shrink:0}.faction-modal-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .2s}.faction-modal-tab:hover{color:var(--text-primary);background:#ffffff05}.faction-modal-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.faction-modal-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);-webkit-overflow-scrolling:touch}.faction-info-tab{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0}.faction-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.faction-stat{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.faction-stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.faction-stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.faction-members-section h3{font-family:var(--font-display);font-size:1rem;margin-bottom:var(--spacing-md);color:var(--text-primary)}.faction-members-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.faction-member-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.faction-member-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.faction-member-info{display:flex;flex-direction:column;gap:2px}.faction-member-name{font-weight:600;color:var(--text-primary)}.faction-member-level{font-size:.75rem;color:var(--text-secondary)}.faction-member-item.current-user{background:#00d4ff14;border:2px solid var(--accent-primary);box-shadow:0 0 8px #00d4ff66,0 0 16px #00d4ff33,inset 0 0 8px #00d4ff1a;position:relative;transform:scale(1.02);transition:all .3s ease}.faction-member-item.current-user:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--accent-primary),transparent,var(--accent-primary),transparent);background-size:400% 400%;border-radius:var(--radius-md);z-index:-1;opacity:.2;animation:neonFlow 4s linear infinite}.faction-member-item.current-user .faction-member-name{color:var(--accent-primary);font-weight:700;text-shadow:0 0 5px rgba(0,212,255,.5)}.faction-member-item.current-user .faction-member-avatar{box-shadow:0 0 10px #00d4ff99,0 0 20px #00d4ff4d;border:2px solid var(--accent-primary)}.current-user-badge{display:inline-block;margin-left:var(--spacing-xs);padding:2px 6px;background:#00d4ff33;border:1px solid var(--accent-primary);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;color:var(--accent-primary);text-shadow:0 0 3px rgba(0,212,255,.8);box-shadow:0 0 5px #00d4ff4d}.club-ranking-selector-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);justify-content:center;flex-wrap:nowrap}.club-ranking-selector{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:2px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap;text-align:center}.club-ranking-selector:hover{color:var(--text-primary);background:#00d4ff0d;border-color:#00d4ff4d}.club-ranking-selector.active{color:var(--accent-primary);background:#00d4ff14;border:2px solid var(--accent-primary);box-shadow:0 0 8px #00d4ff4d,0 0 12px #00d4ff26;text-shadow:0 0 3px rgba(0,212,255,.5)}.faction-chat-tab{display:flex;flex-direction:column;height:100%;min-height:0}.faction-chat-history{display:flex;flex-direction:column;gap:var(--spacing-sm);font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6}.faction-chat-date-separator{text-align:center;padding:var(--spacing-sm) 0;color:var(--text-muted);font-size:11px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin:var(--spacing-md) 0}.faction-chat-message{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;color:#ffffffe6}.faction-chat-message.system{color:#fff9;font-style:italic}.faction-chat-message.mine{background:#00d4ff1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.faction-chat-time{color:#00d4ffb3}.faction-chat-username{color:#7c3aede6;font-weight:600}.faction-chat-content{flex:1}.faction-chat-empty,.faction-chat-warning{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-style:italic}.faction-chat-warning{color:var(--accent-warning)}.faction-chat-load-more{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s;font-family:var(--font-body)}.faction-chat-load-more:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary)}.faction-chat-load-more:disabled{opacity:.5;cursor:not-allowed}.faction-settings-tab{display:flex;align-items:center;justify-content:center;min-height:0}.faction-settings-empty{text-align:center;color:var(--text-muted)}.faction-loading{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.faction-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-style:italic}.chat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0a0a0fe6;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out}.chat-panel{width:100%;max-width:500px;height:70vh;background:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.chat-title{display:flex;flex-direction:column}.chat-title h3{font-family:var(--font-display);font-size:1rem;letter-spacing:1px}.online-count{font-size:.75rem;color:var(--accent-success)}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-md)}.chat-loading,.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.chat-empty .empty-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.date-separator{text-align:center;margin:var(--spacing-md) 0}.date-separator span{background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:.75rem;color:var(--text-muted)}.message{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);animation:fadeIn .2s ease-out}.message.mine{flex-direction:row-reverse}.message.system{justify-content:center}.message.system .message-content{background:var(--bg-tertiary);color:var(--text-secondary);font-style:italic;text-align:center}.message-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-secondary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.message-content{max-width:70%;background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.message.mine .message-content{background:var(--accent-primary);color:var(--bg-primary)}.message-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.message-author{font-weight:600;font-size:.85rem}.message-level{font-size:.7rem;color:var(--text-muted);background:var(--bg-tertiary);padding:1px 6px;border-radius:var(--radius-sm)}.message.mine .message-level{background:#0003;color:#ffffffb3}.message-text{word-wrap:break-word;line-height:1.4}.message-time{font-size:.65rem;color:var(--text-muted);text-align:right;margin-top:var(--spacing-xs)}.message.mine .message-time{color:#00000080}.chat-error{padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;color:var(--accent-danger);text-align:center;font-size:.85rem}.chat-input-form{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color)}.chat-input-form input{flex:1;padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem}.chat-input-form input:focus{outline:none;border-color:var(--accent-primary)}.send-btn{width:50px;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-size:1.2rem;cursor:pointer;transition:all .2s}.send-btn:hover:not(:disabled){background:var(--accent-secondary)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.battle-status{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid var(--accent-warning)}.battle-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.battle-icon{font-size:1.5rem;animation:pulse 1s infinite}.battle-header h4{font-family:var(--font-display);color:var(--accent-warning);letter-spacing:1px}.battle-timer{margin-bottom:var(--spacing-md)}.timer-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:var(--spacing-xs)}.timer-progress{height:100%;background:linear-gradient(90deg,var(--accent-warning),var(--accent-danger));transition:width 1s linear}.timer-text{display:flex;justify-content:space-between;font-size:.85rem}.timer-label{color:var(--text-muted)}.timer-value{font-family:var(--font-display);color:var(--accent-warning)}.battle-deposits{margin-bottom:var(--spacing-md)}.deposits-header{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.deposits-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.deposit-item{display:flex;align-items:center;gap:var(--spacing-sm)}.deposit-info{display:flex;align-items:center;gap:var(--spacing-xs);min-width:100px}.faction-dot{width:12px;height:12px;border-radius:50%}.faction-name{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-badge{font-size:.7rem}.deposit-bar-container{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.deposit-bar{height:100%;transition:width .5s ease-out}.deposit-value{min-width:60px;text-align:right;font-family:var(--font-display);font-size:.85rem;color:var(--text-primary)}.current-owner{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.owner-label{font-size:.85rem;color:var(--text-muted)}.owner-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid;font-size:.85rem}.owner-dot{width:8px;height:8px;border-radius:50%}.battle-info{padding:var(--spacing-sm);background:#fbbf241a;border-radius:var(--radius-sm)}.battle-info p{font-size:.75rem;color:var(--accent-warning);margin:0}.health-sync{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0}.health-sync-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.health-sync-header h3{margin:0;color:var(--accent-primary);font-family:var(--font-display);font-size:1.2rem}.platform-badge{background:#7c3aed4d;color:var(--accent-secondary);padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.health-sync-status{text-align:center}.health-sync-status .status-text{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.health-sync-content,.health-sync-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.sync-status{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-size:.9rem}.health-revoke-info{background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-sm);padding:var(--spacing-md)}.health-revoke-info .info-title{color:var(--text-primary);font-weight:600;font-size:.9rem;margin:0 0 var(--spacing-sm) 0}.health-revoke-info .info-text{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0}.health-revoke-info .info-text strong{color:var(--text-primary);font-weight:600}.status-indicator{font-size:.75rem}.status-indicator.connected{color:var(--accent-success)}.btn-connect,.btn-sync,.btn-settings{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-body);font-size:1rem;width:100%}.btn-connect:hover,.btn-sync:hover:not(:disabled),.btn-settings:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.btn-sync:disabled{opacity:.6;cursor:not-allowed}.btn-sync.syncing{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 100%)}.spinner{display:inline-block;animation:spin 1s linear infinite;margin-right:var(--spacing-sm)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.last-sync-result{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);padding:var(--spacing-md);text-align:center}.sync-success{display:flex;justify-content:center;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.ec-gained{color:var(--accent-success);font-size:1.5rem;font-weight:700;font-family:var(--font-display)}.steps-count{color:var(--text-secondary);font-size:1rem}.sync-time{color:var(--text-muted);font-size:.85rem}.sync-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:.75rem;color:var(--accent-danger);display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem}.health-warning{position:fixed;top:calc(var(--spacing-md) + env(safe-area-inset-top,0px) + 50px + var(--spacing-md));left:0;right:0;z-index:999;background:#ffc107f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,193,7,.5);padding:var(--spacing-md);animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.health-warning-content{display:flex;align-items:center;gap:var(--spacing-md);max-width:600px;margin:0 auto}.health-warning-left{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.health-warning-icon{font-size:1.5rem}.health-warning-text{flex:1;display:flex;flex-direction:column;gap:4px}.health-warning-text strong{color:var(--bg-darker, #0a0e14);font-size:.95rem;font-weight:600}.health-warning-text span{color:#0a0e14cc;font-size:.85rem}.health-warning-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.health-warning-btn{padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.health-warning-btn.connect{background:var(--bg-darker, #0a0e14);color:#ffc107}.health-warning-btn.connect:hover:not(:disabled){background:#0a0e14e6;transform:translateY(-1px)}.health-warning-btn.dismiss{background:transparent;color:#0a0e14b3;padding:.25rem;min-width:24px;min-height:24px;font-size:.9rem;line-height:1;display:flex;align-items:center;justify-content:center}.health-warning-btn.dismiss:hover:not(:disabled){background:#0a0e141a;border-radius:50%}.health-warning-btn:disabled{opacity:.6;cursor:not-allowed}.health-warning-minimized{position:fixed;top:calc(var(--spacing-md) + env(safe-area-inset-top,0px) + 50px + var(--spacing-md));left:var(--spacing-md);z-index:999;width:44px;height:44px;background:#ffc107e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s ease;animation:slideDown .3s ease-out;border:2px solid rgba(255,193,7,.5)}.health-warning-minimized:hover{transform:scale(1.1);box-shadow:0 4px 12px #ffc10780;background:#ffc107}.health-warning-minimized:active{transform:scale(.95)}.health-warning-minimized-icon{font-size:1.5rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.health-reconnect-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);text-align:center}.health-reconnect-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-md);line-height:1.5}.health-reconnect-btn{width:100%}.health-permission-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;animation:fadeIn .2s ease-out;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.health-permission-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:600px;width:calc(100% - 2 * var(--spacing-md));min-height:80vh;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out;margin:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.health-permission-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.health-permission-modal-header h2{margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem}.health-permission-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease}.health-permission-modal-close:hover{color:var(--text-primary)}.health-permission-modal-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.health-permission-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.health-permission-section h3{margin:0;color:var(--accent-primary);font-family:var(--font-display);font-size:1.2rem}.health-permission-section p{margin:0;color:var(--text-secondary);line-height:1.6}.health-permission-section ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg);color:var(--text-secondary);line-height:1.8}.health-permission-section li{margin-bottom:var(--spacing-xs)}.health-permission-privacy-link{display:inline-block;color:var(--accent-primary);text-decoration:none;font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);transition:all .2s ease}.health-permission-privacy-link:hover{background:#00d4ff1a;transform:translateY(-1px)}.health-permission-modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.health-permission-btn-cancel,.health-permission-btn-continue{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.health-permission-btn-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.health-permission-btn-cancel:hover{background:#ffffff0d;color:var(--text-primary)}.health-permission-btn-continue{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff}.health-permission-btn-continue:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.health-permission-btn-continue:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);color:var(--text-muted)}.btn-disconnect{background:transparent;border:1px solid var(--accent-danger);color:var(--accent-danger);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:auto}.btn-disconnect:hover:not(:disabled){background:#ef44441a;transform:translateY(-1px)}.data-preferences-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .2s ease-out}.data-preferences-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.data-preferences-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.data-preferences-modal-header h2{margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem}.data-preferences-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease}.data-preferences-modal-close:hover{color:var(--text-primary)}.data-preferences-modal-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.data-preferences-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.data-preferences-section h3{margin:0;color:var(--accent-primary);font-family:var(--font-display);font-size:1.2rem}.data-preferences-section p{margin:0;color:var(--text-secondary);line-height:1.6}.data-preferences-privacy-link{display:inline-block;color:var(--accent-primary);text-decoration:none;font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);transition:all .2s ease}.data-preferences-privacy-link:hover{background:#00d4ff1a;transform:translateY(-1px)}.data-preferences-option{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.data-preferences-option:hover{border-color:var(--accent-primary);background:#00d4ff0d}.data-preferences-option-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.data-preferences-option-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.data-preferences-option-header h4{margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:1rem;flex:1}.data-preferences-option-description{margin:0;color:var(--text-secondary);line-height:1.6;font-size:.9rem}.data-preferences-toggle{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.data-preferences-toggle input{opacity:0;width:0;height:0}.data-preferences-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:.3s;border-radius:26px}.data-preferences-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:.3s;border-radius:50%}.data-preferences-toggle input:checked+.data-preferences-toggle-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}.data-preferences-toggle input:checked+.data-preferences-toggle-slider:before{transform:translate(24px);background-color:#fff}.data-preferences-toggle input:disabled+.data-preferences-toggle-slider{opacity:.5;cursor:not-allowed}.data-preferences-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--accent-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.9rem}.data-preferences-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.9rem}.data-preferences-modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.data-preferences-btn-cancel,.data-preferences-btn-save{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.data-preferences-btn-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.data-preferences-btn-cancel:hover{background:#ffffff0d;color:var(--text-primary)}.data-preferences-btn-save{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff}.data-preferences-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.data-preferences-btn-save:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);color:var(--text-muted)}.btn-disconnect:disabled{opacity:.5;cursor:not-allowed}.sync-status{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:space-between}@media (max-width: 480px){.auth-container{padding:var(--spacing-md)}.auth-form{padding:var(--spacing-lg)}.auth-logo h1{font-size:2rem}.factions-grid{grid-template-columns:1fr}.hud-top{padding:var(--spacing-sm);padding-top:calc(var(--spacing-sm) + env(safe-area-inset-top,0px))}.faction-badge{width:35px;height:35px;font-size:1rem}}.hud-btn.shop-btn{background:linear-gradient(135deg,#7c3aed33,#00d4ff33);border:1px solid rgba(124,58,237,.4);border-radius:var(--radius-xl);width:auto;min-width:60px;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs);flex-direction:row}.hud-btn.shop-btn:hover{box-shadow:0 0 15px #7c3aed80;background:linear-gradient(135deg,#7c3aed4d,#00d4ff4d)}.shop-btn-icon{font-size:1.1rem;animation:gemPulse 2s ease-in-out infinite}.shop-btn-count{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--accent-primary)}@keyframes gemPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hud-btn.arsenal-btn{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed33,#00d4ff1a);border-color:#7c3aed}.hud-btn.arsenal-btn:hover{background:linear-gradient(135deg,#7c3aed4d,#00d4ff33);border-color:#00d4ff}.arsenal-btn-icon{font-size:1.2rem}.hud-btn.rewards-btn{position:relative;background:linear-gradient(135deg,#00d9ff33,#00c8f01a);border-color:#00d9ff}.hud-btn.rewards-btn.has-rewards{animation:rewardsPulse 2s ease-in-out infinite}@keyframes rewardsPulse{0%,to{box-shadow:0 0 5px #00d9ff4d}50%{box-shadow:0 0 15px #00d9ff99}}.hud-btn.rewards-btn:hover{box-shadow:0 0 15px #00d9ff80}.hud-btn svg{width:24px;height:24px;display:block;flex-shrink:0}.hud-btn svg path,.hud-btn svg polygon,.hud-btn svg rect{transition:fill .2s,stroke .2s}.hud-btn svg .trophy-podium{filter:drop-shadow(0 0 4px #00D9FF) drop-shadow(0 0 8px #00D9FF);animation:neonPulse 2s ease-in-out infinite}.hud-btn:hover svg .trophy-podium{filter:drop-shadow(0 0 6px #00D9FF) drop-shadow(0 0 12px #00D9FF) drop-shadow(0 0 16px #00D9FF)}.hud-btn svg .target-circle{filter:drop-shadow(0 0 4px #00D9FF) drop-shadow(0 0 8px #00D9FF);animation:neonPulse 2s ease-in-out infinite}.hud-btn:hover svg .target-circle{filter:drop-shadow(0 0 6px #00D9FF) drop-shadow(0 0 12px #00D9FF) drop-shadow(0 0 16px #00D9FF)}@keyframes neonPulse{0%,to{opacity:1;filter:drop-shadow(0 0 4px #00D9FF) drop-shadow(0 0 8px #00D9FF)}50%{opacity:.9;filter:drop-shadow(0 0 6px #00D9FF) drop-shadow(0 0 12px #00D9FF)}}.hud-btn.faction-btn svg{filter:drop-shadow(0 0 4px var(--faction-color, #666)) drop-shadow(0 0 8px var(--faction-color, #666));animation:factionNeonPulse 2s ease-in-out infinite}.hud-btn.faction-btn:hover svg{filter:drop-shadow(0 0 6px var(--faction-color, #666)) drop-shadow(0 0 12px var(--faction-color, #666)) drop-shadow(0 0 16px var(--faction-color, #666))}@keyframes factionNeonPulse{0%,to{opacity:1;filter:drop-shadow(0 0 4px var(--faction-color, #666)) drop-shadow(0 0 8px var(--faction-color, #666))}50%{opacity:.9;filter:drop-shadow(0 0 6px var(--faction-color, #666)) drop-shadow(0 0 12px var(--faction-color, #666))}}.rewards-header h2 svg .target-circle{filter:drop-shadow(0 0 4px #00D9FF) drop-shadow(0 0 8px #00D9FF);animation:neonPulse 2s ease-in-out infinite}.leaderboard-header h1 svg .trophy-podium{filter:drop-shadow(0 0 4px #00D9FF) drop-shadow(0 0 8px #00D9FF);animation:neonPulse 2s ease-in-out infinite}.faction-modal-header h2 svg{filter:drop-shadow(0 0 4px var(--faction-color, #666)) drop-shadow(0 0 8px var(--faction-color, #666));animation:factionNeonPulse 2s ease-in-out infinite}.hud-btn.test-error-btn{background-color:#f44!important;color:#fff!important;border:2px solid #cc0000!important;box-shadow:0 2px 8px #f446!important;animation:errorPulse 2s ease-in-out infinite;position:relative}.hud-btn.test-error-btn:hover{background-color:#f66!important;box-shadow:0 4px 12px #f449!important;transform:scale(1.1)}@keyframes errorPulse{0%,to{opacity:1;box-shadow:0 2px 8px #f446}50%{opacity:.9;box-shadow:0 2px 12px #f449}}.hud-btn.achievements-btn,.hud-btn.ranks-btn,.hud-btn.seasons-btn{position:relative}.achievement-count{position:absolute;top:-5px;right:-5px;background:#4caf50;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid var(--bg-primary)}.reward-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:var(--accent-danger);border-radius:50%;border:2px solid var(--bg-card);animation:dotPulse 1s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.gauge-container.boosted{border-color:var(--accent-warning);animation:boosterGlow 2s ease-in-out infinite}@keyframes boosterGlow{0%,to{box-shadow:0 0 5px #fbbf244d}50%{box-shadow:0 0 15px #fbbf2499}}.gauge-multiplier{position:absolute;top:-8px;right:-8px;background:var(--accent-warning);color:var(--bg-primary);font-family:var(--font-display);font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-sm);animation:pulse 1s infinite}.gauge-max .boosted-text{color:var(--accent-success)}.gauge-boosters{display:flex;justify-content:center;gap:4px;margin-top:var(--spacing-xs)}.mini-booster{font-size:.9rem;filter:drop-shadow(0 0 3px rgba(251,191,36,.5))}.ec-debug-panel{position:fixed;right:calc(var(--spacing-md) + 70px);bottom:calc(136px + env(safe-area-inset-bottom,0px));z-index:999;width:320px;max-height:400px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000004d;overflow:hidden;font-size:.75rem}.ec-debug-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:700;font-size:.8rem}.ec-debug-count{background:var(--accent-primary);color:var(--text-on-accent);padding:2px 8px;border-radius:var(--radius-sm);font-size:.7rem}.ec-debug-content{max-height:360px;overflow-y:auto;padding:var(--spacing-xs)}.ec-debug-log{margin-bottom:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-sm);border-left:3px solid;background:var(--bg-secondary)}.ec-debug-log-request{border-left-color:var(--accent-info, #3b82f6);background:#3b82f61a}.ec-debug-log-success{border-left-color:var(--accent-success, #10b981);background:#10b9811a}.ec-debug-log-skipped{border-left-color:var(--accent-warning, #f59e0b);background:#f59e0b1a}.ec-debug-log-error{border-left-color:var(--accent-error, #ef4444);background:#ef44441a}.ec-debug-log-warning{border-left-color:var(--accent-warning, #f59e0b);background:#f59e0b1a}.ec-debug-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ec-debug-time{font-size:.65rem;color:var(--text-muted);font-family:monospace}.ec-debug-badge{font-size:.65rem;padding:2px 6px;border-radius:var(--radius-xs);font-weight:700}.ec-debug-badge-request{background:#3b82f633;color:var(--accent-info, #3b82f6)}.ec-debug-badge-success{background:#10b98133;color:var(--accent-success, #10b981)}.ec-debug-badge-skipped{background:#f59e0b33;color:var(--accent-warning, #f59e0b)}.ec-debug-badge-error{background:#ef444433;color:var(--accent-error, #ef4444)}.ec-debug-badge-warning{background:#f59e0b33;color:var(--accent-warning, #f59e0b)}.ec-debug-message{font-size:.7rem;margin-bottom:4px;color:var(--text-primary)}.ec-debug-details{margin-top:6px;padding-top:6px;border-top:1px solid var(--border-color)}.ec-debug-detail-title{font-size:.65rem;font-weight:700;color:var(--text-secondary);margin-bottom:4px}.ec-debug-detail-content{font-size:.65rem;color:var(--text-muted);font-family:monospace;line-height:1.4}.ec-debug-error{margin-top:4px;padding:4px;background:#ef44441a;border-radius:var(--radius-xs);font-size:.65rem;color:var(--accent-error, #ef4444);font-family:monospace}.mobile-landscape .ec-debug-panel,html.mobile-landscape .ec-debug-panel,body.mobile-landscape .ec-debug-panel{right:auto!important;left:calc(var(--spacing-md) + 60px + env(safe-area-inset-left,0px))!important;bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))!important}.booster-active-notice{background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border:1px solid var(--accent-warning);border-radius:var(--radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);text-align:center;font-size:.85rem;color:var(--accent-warning);font-family:var(--font-display);animation:pulse 2s infinite}.estimated-ec{display:block;text-align:center;font-family:var(--font-display);color:var(--accent-success);font-size:.9rem;margin-top:var(--spacing-xs)}:root{--onboarding-primary: #00d4ff;--onboarding-secondary: #00d4ff;--onboarding-warning: #ffd700;--onboarding-danger: #ff4444;--onboarding-dark: #0a0e14;--onboarding-darker: #050709}.onboarding-container{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--onboarding-darker);z-index:9999;overflow:hidden}.onboarding-progress{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:100;opacity:.6}.progress-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease}.progress-dot.active{background:var(--onboarding-primary)}.progress-dot.current{transform:scale(1.3);box-shadow:0 0 10px var(--onboarding-primary)}.splash-phase{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .7s ease}.splash-phase.fade-out{opacity:0}.splash-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hex-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:patternMove 20s linear infinite}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(28px,49px)}}.glow-effect{position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.splash-content{position:relative;z-index:10;text-align:center;opacity:0;transform:translateY(20px);transition:all 1s ease;width:100%;max-width:100%;box-sizing:border-box;padding:0 20px}.splash-content.visible{opacity:1;transform:translateY(0)}.logo-container{display:flex;flex-direction:column;align-items:center;gap:30px;padding:0 20px;width:100%;max-width:100%;box-sizing:border-box}.logo-svg-container{width:160px;height:160px;max-width:40vw;max-height:40vw}.logo-main-svg{width:100%;height:100%}.hex-ring-svg{fill:none;stroke:var(--onboarding-primary);stroke-width:2}.hex-ring-svg.hex-1{opacity:.3;animation:hexSvgPulse1 2s ease-in-out infinite}.hex-ring-svg.hex-2{opacity:.5;animation:hexSvgPulse2 2s ease-in-out infinite;animation-delay:.2s}.hex-ring-svg.hex-3{opacity:.8;animation:hexSvgPulse3 2s ease-in-out infinite;animation-delay:.4s}.hex-center-svg{fill:#00d4ff33;stroke:var(--onboarding-primary);stroke-width:2}.logo-letter-svg{font-family:Orbitron,sans-serif;font-size:50px;font-weight:900;fill:var(--onboarding-primary);text-anchor:middle;dominant-baseline:middle;filter:drop-shadow(0 0 10px var(--onboarding-primary));animation:letterSvgGlow 2s ease-in-out infinite}@keyframes hexSvgPulse1{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}@keyframes hexSvgPulse2{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.01)}}@keyframes hexSvgPulse3{0%,to{opacity:.8}50%{opacity:1}}@keyframes letterSvgGlow{0%,to{filter:drop-shadow(0 0 10px var(--onboarding-primary))}50%{filter:drop-shadow(0 0 20px var(--onboarding-primary)) drop-shadow(0 0 30px var(--onboarding-primary))}}.logo-title{font-family:Orbitron,Rajdhani,sans-serif;font-size:clamp(20px,7vmin,42px);font-weight:700;letter-spacing:clamp(1px,1.2vmin,8px);margin:0;text-align:center;width:100%;max-width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;line-height:1.2;padding:0 10px}.title-hexa{color:#fff;white-space:nowrap}.title-war{color:var(--onboarding-primary);white-space:nowrap}@media (max-width: 480px){.logo-svg-container{width:120px;height:120px;max-width:35vw;max-height:35vw}.logo-title{font-size:clamp(18px,6vmin,36px);letter-spacing:clamp(.5px,1vmin,6px);padding:0 8px}.logo-container{gap:20px;padding:0 15px}}@media (max-width: 360px){.logo-svg-container{width:100px;height:100px;max-width:30vw;max-height:30vw}.logo-title{font-size:clamp(16px,5vmin,28px);letter-spacing:clamp(.5px,.8vmin,4px);padding:0 5px}.logo-container{gap:15px;padding:0 10px}.splash-content{padding:0 15px}}.splash-subtitle{font-size:16px;color:#fff9;letter-spacing:3px;text-transform:uppercase;margin-top:30px;opacity:0;transform:translateY(10px);transition:all .8s ease}.splash-subtitle.visible{opacity:1;transform:translateY(0)}.splash-start-button{margin-top:40px;padding:16px 40px;background:var(--onboarding-primary);color:var(--onboarding-darker);border:none;border-radius:50px;font-family:Orbitron,Rajdhani,sans-serif;font-size:18px;font-weight:700;letter-spacing:2px;cursor:pointer;opacity:0;transform:translateY(20px);transition:all .5s ease;box-shadow:0 0 20px #00d4ff4d}.splash-start-button.visible{opacity:1;transform:translateY(0)}.splash-start-button:hover{transform:translateY(-2px);box-shadow:0 0 30px #00d4ff80}.splash-start-button:active{transform:translateY(0)}.splash-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.particle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:var(--onboarding-primary);border-radius:50%;opacity:0;animation:particleFloat 4s ease-in-out infinite;animation-delay:var(--delay)}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0)}50%{opacity:.6;transform:translateY(-30px)}}.boot-phase{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--onboarding-darker);transition:opacity .5s ease}.boot-phase.fade-out{opacity:0}.boot-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.boot-terminal{width:90%;max-width:500px;background:#0a0e14f2;border:1px solid rgba(0,255,136,.3);border-radius:8px;overflow:hidden;box-shadow:0 0 30px #00d4ff1a,inset 0 0 30px #00000080;position:relative;z-index:10;pointer-events:auto}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#00d4ff1a;border-bottom:1px solid rgba(0,212,255,.2)}.terminal-title{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;color:var(--onboarding-primary);letter-spacing:2px}.terminal-dots{display:flex;gap:6px}.terminal-dots .dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca40}.terminal-content{padding:20px;min-height:200px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.terminal-line{display:flex;align-items:center;gap:10px;margin-bottom:8px;line-height:1.6}.terminal-line .prompt{color:var(--onboarding-primary);font-weight:700}.terminal-line .text{color:#fffc;flex:1}.terminal-line .status{color:var(--onboarding-primary);font-size:11px}.terminal-line.completed .text{color:#ffffff80}.terminal-line.warning .prompt,.terminal-line.warning .text{color:var(--onboarding-warning)}.cursor{color:var(--onboarding-primary);opacity:0}.cursor.visible{opacity:1}.gps-request{margin-top:20px;padding:20px;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:8px;text-align:center}.gps-explanation{margin:15px 0;color:#fff9;font-size:12px;line-height:1.6}.gps-button{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--onboarding-primary);color:var(--onboarding-darker);border:none;border-radius:6px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.gps-button:hover{transform:scale(1.05);box-shadow:0 0 20px #00d4ff80}.gps-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.health-request{margin-top:20px}.health-note{font-size:.85rem;color:#fff9;margin-top:8px;font-style:italic}.health-buttons{display:flex;flex-direction:column;gap:10px;margin-top:15px}.health-button{width:100%}.skip-button{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3}.skip-button:hover{background:#ffffff0d;box-shadow:none}.boot-progress{height:3px;background:#00d4ff1a}.progress-fill{height:100%;background:var(--onboarding-primary);transition:width .3s ease;box-shadow:0 0 10px var(--onboarding-primary)}.map-reveal-phase{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .5s ease}.map-reveal-phase.fade-out{opacity:0}.map-container,.map-container-reveal{position:absolute;top:0;right:0;bottom:0;left:0}.reveal-map{width:100%;height:100%;background:#0a0e14!important}.zoom-text{position:absolute;bottom:30%;left:50%;transform:translate(-50%);text-align:center}.zoom-text p{font-size:14px;color:#fff9;letter-spacing:2px;animation:textPulse 1.5s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.4}50%{opacity:1}}.reveal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--onboarding-darker);transition:opacity 1s ease;z-index:10}.reveal-overlay.visible{opacity:1}.reveal-overlay:not(.visible){opacity:0;pointer-events:none}.space-effect{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 160px 120px,rgba(255,255,255,.9),transparent);background-repeat:repeat;background-size:200px 200px;animation:twinkle 5s linear infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.7}}.earth-glow{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(0,150,255,.3) 0%,transparent 70%);animation:earthPulse 2s ease-in-out infinite}@keyframes earthPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.grid-reveal{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.hex-grid-animation{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2300d4ff' fill-opacity='0.1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:gridFadeIn 1s ease forwards;opacity:0}@keyframes gridFadeIn{to{opacity:1}}.location-message{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:15px;padding:15px 25px;background:#0a0e14e6;border:1px solid var(--onboarding-primary);border-radius:8px;z-index:30;animation:messageSlide .5s ease}@keyframes messageSlide{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.location-ping{position:relative;width:40px;height:40px}.ping-circle{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--onboarding-primary);border-radius:50%;animation:pingExpand 1.5s ease-out infinite}@keyframes pingExpand{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.ping-dot{position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--onboarding-primary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px var(--onboarding-primary)}.location-text{display:flex;flex-direction:column;gap:4px}.location-label{font-size:14px;font-weight:600;color:#fff}.location-coords{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--onboarding-primary)}.narrative-text{position:absolute;bottom:100px;left:50%;transform:translate(-50%);text-align:center;z-index:30;opacity:0;transition:opacity .5s ease}.narrative-text.visible{opacity:1}.ai-voice{font-size:16px;color:#ffffffe6;text-shadow:0 0 20px rgba(0,0,0,.8)}.ai-prefix{color:var(--onboarding-secondary);font-weight:600;margin-right:8px}.map-reveal-action{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:40;animation:fadeInUp .5s ease .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.map-reveal-action .deploy-action-button{background:color-mix(in srgb,var(--onboarding-primary) 20%,transparent);border:2px solid var(--onboarding-primary);color:var(--onboarding-primary);--faction-color: var(--onboarding-primary)}.map-reveal-action .deploy-action-button:hover:not(:disabled){background:color-mix(in srgb,var(--onboarding-primary) 35%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--onboarding-primary) 50%,transparent)}.first-capture-phase{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--onboarding-darker)}.capture-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.capture-background .hex-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2300d4ff' fill-opacity='0.05'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.capture-glow{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);animation:captureGlow 3s ease-in-out infinite;transition:all .5s ease}.capture-glow.success{width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%)}@keyframes captureGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.territory-hex{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);opacity:.3;transition:all .5s ease}.territory-hex.captured{opacity:1;animation:hexCapture .8s ease forwards}@keyframes hexCapture{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.hex-territory-svg{width:100%;height:100%}.hex-territory-svg polygon{stroke-width:2}.capture-interface{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;padding:40px 20px}.ai-message{position:absolute;top:80px;left:50%;transform:translate(-50%);padding:15px 25px;background:#0a0e14e6;border:1px solid rgba(0,212,255,.3);border-radius:8px;transition:opacity .3s ease;width:95%;max-width:95%;box-sizing:border-box}.ai-message.hidden{opacity:0}.ai-message p{margin:0;font-size:14px;color:#ffffffe6}.capture-button-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:40px}.capture-ring{position:relative;width:180px;height:180px}.progress-ring-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-bg-circle{fill:none;stroke:#ffffff1a;stroke-width:6}.ring-progress-circle{fill:none;stroke:var(--onboarding-primary);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.ring-progress-circle.interference{stroke:var(--onboarding-danger)}.capture-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;border:3px solid var(--onboarding-primary);background:#00d4ff1a;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.capture-button:hover{background:#00d4ff33;box-shadow:0 0 40px #00d4ff66}.capture-button:active,.capture-button.holding{background:#00d4ff59;transform:translate(-50%,-50%) scale(.95);box-shadow:0 0 50px #00d4ff99}.capture-button.interference{border-color:var(--onboarding-danger);animation:buttonShake .1s infinite}@keyframes buttonShake{0%,to{transform:translate(-50%,-50%) translate(0) scale(.95)}25%{transform:translate(-50%,-50%) translate(-4px) scale(.95)}75%{transform:translate(-50%,-50%) translate(4px) scale(.95)}}.button-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px}.beacon-icon{font-size:36px;color:var(--onboarding-primary)}.button-text{font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px}.capture-hint{font-size:14px;color:#fff9;text-align:center;margin-top:10px}.interference-warning{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);padding:10px 20px;background:var(--onboarding-danger);color:#fff;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap;animation:warningBlink .3s infinite}@keyframes warningBlink{0%,to{opacity:1}50%{opacity:.6}}.capture-success{display:flex;flex-direction:column;align-items:center;gap:25px;animation:successFadeIn .5s ease}@keyframes successFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-animation{position:relative;width:100px;height:100px}.hex-burst{position:absolute;top:0;right:0;bottom:0;left:0}.burst-particle{position:absolute;top:50%;left:50%;width:20px;height:4px;background:var(--onboarding-primary);transform-origin:left center;transform:rotate(var(--angle));animation:burstOut .5s ease-out forwards}@keyframes burstOut{0%{width:0;opacity:1}to{width:60px;opacity:0}}.success-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:var(--onboarding-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--onboarding-darker);animation:iconPop .3s ease .2s both}@keyframes iconPop{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.success-title{font-size:24px;font-weight:700;color:#fff;margin:0;text-shadow:0 0 20px var(--onboarding-primary)}.rewards-container{display:flex;flex-direction:column;gap:12px;padding:20px;background:#0a0e14e6;border:1px solid rgba(0,255,136,.3);border-radius:12px;animation:rewardsSlide .5s ease}@keyframes rewardsSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reward-item{display:flex;align-items:center;gap:12px;padding:8px 0}.reward-icon{font-size:20px}.reward-text,.reward-value{font-size:14px;color:#fff}.reward-item.level-up{padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.reward-item.level-up .reward-value{color:var(--onboarding-warning);font-weight:700}.continue-button{display:flex;align-items:center;gap:10px;padding:15px 30px;background:var(--onboarding-primary);color:var(--onboarding-darker);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.continue-button:hover{transform:scale(1.05);box-shadow:0 0 30px #00d4ff80}.continue-button .arrow{transition:transform .3s ease}.continue-button:hover .arrow{transform:translate(5px)}.capture-success-enhanced{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;position:relative;animation:successEnter .6s cubic-bezier(.34,1.56,.64,1)}@keyframes successEnter{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.success-explosion{position:absolute;top:10%;left:50%;width:0;height:0}.explosion-particle{position:absolute;width:8px;height:8px;background:var(--onboarding-primary);border-radius:50%;transform:rotate(var(--angle)) translate(0);animation:explode 1s ease-out forwards}@keyframes explode{0%{transform:rotate(var(--angle)) translate(0);opacity:1;box-shadow:0 0 20px var(--onboarding-primary)}to{transform:rotate(var(--angle)) translate(150px);opacity:0}}.success-pulses{position:absolute;top:15%;left:50%;transform:translate(-50%)}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid var(--onboarding-primary);border-radius:50%;animation:pulseExpand 1.5s ease-out forwards}.pulse-1{width:50px;height:50px;animation-delay:0s}.pulse-2{width:50px;height:50px;animation-delay:.2s}.pulse-3{width:50px;height:50px;animation-delay:.4s}@keyframes pulseExpand{0%{width:50px;height:50px;opacity:1}to{width:200px;height:200px;opacity:0}}.success-icon-container{position:relative;width:100px;height:100px;margin-bottom:10px}.success-hex{width:100%;height:100%;background:linear-gradient(135deg,var(--onboarding-primary),#00cc6a);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;animation:hexPop .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 50px var(--onboarding-primary)}@keyframes hexPop{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.success-check{font-size:48px;color:var(--onboarding-darker);font-weight:700;animation:checkPop .3s ease .3s both}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.success-title-big{font-size:28px;font-weight:800;color:#fff;margin:0;text-align:center;text-shadow:0 0 30px var(--onboarding-primary),0 0 60px rgba(0,212,255,.5);letter-spacing:3px;animation:titleGlow 2s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 30px var(--onboarding-primary),0 0 60px rgba(0,212,255,.5)}50%{text-shadow:0 0 40px var(--onboarding-primary),0 0 80px rgba(0,212,255,.7)}}.success-subtitle{font-size:16px;color:#ffffffb3;margin:0;text-align:center}.rewards-container-enhanced{display:flex;flex-direction:column;gap:15px;padding:25px;background:linear-gradient(135deg,#0a0e14f2,#00d4ff1a);border:2px solid var(--onboarding-primary);border-radius:16px;min-width:280px;animation:rewardsEnter .5s ease .8s both;box-shadow:0 0 40px #00d4ff4d}@keyframes rewardsEnter{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.rewards-header{display:flex;align-items:center;justify-content:center;gap:10px;padding-bottom:15px;border-bottom:1px solid rgba(0,212,255,.3);font-size:16px;font-weight:600;color:#fff}.rewards-icon{font-size:24px;animation:iconBounce .5s ease infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.rewards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.reward-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:15px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.1);animation:cardPop .3s ease both}.reward-card:nth-child(1){animation-delay:1s}.reward-card:nth-child(2){animation-delay:1.1s}.reward-card:nth-child(3){animation-delay:1.2s}@keyframes cardPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.reward-emoji{font-size:32px}.reward-amount{font-size:24px;font-weight:700;color:var(--onboarding-primary)}.reward-type{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:1px}.level-up-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;background:linear-gradient(135deg,#ffd70033,#ffa50033);border:1px solid rgba(255,215,0,.5);border-radius:10px;animation:bannerFlash 1s ease 1.3s both}@keyframes bannerFlash{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.05);box-shadow:0 0 30px #ffd70080}to{opacity:1;transform:scale(1)}}.level-icon{font-size:24px}.level-text{font-size:16px;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);letter-spacing:2px}.continue-button-big{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:300px;padding:18px 30px;background:linear-gradient(135deg,var(--onboarding-primary),#00cc6a);color:var(--onboarding-darker);border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;animation:buttonAppear .5s ease 1.5s both;box-shadow:0 5px 25px #00d4ff66}@keyframes buttonAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.continue-button-big:hover{transform:translateY(-3px);box-shadow:0 8px 35px #00d4ff99}.continue-button-big:active{transform:translateY(0)}.arrow-icon{font-size:20px;transition:transform .3s ease}.continue-button-big:hover .arrow-icon{transform:translate(5px)}.onboarding-player-marker{background:none!important;border:none!important}.player-pulse{position:relative;width:30px;height:30px}.player-pulse:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--onboarding-primary);border-radius:50%;animation:playerPulse 1.5s ease-out infinite}.player-core{position:absolute;top:50%;left:50%;width:14px;height:14px;background:var(--onboarding-primary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px var(--onboarding-primary)}@keyframes playerPulse{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.hex-pulsing{animation:hexPulse 1s ease-in-out infinite}@keyframes hexPulse{0%,to{opacity:.4}50%{opacity:.8}}.faction-select-phase{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto}.faction-background{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--onboarding-darker)}.faction-colors{position:absolute;top:0;left:0;right:0;height:200px;display:flex;overflow:hidden}.color-strip{flex:1;opacity:.1;animation:stripFade 2s ease var(--delay) both}@keyframes stripFade{0%{opacity:0;transform:translateY(-100%)}to{opacity:.15;transform:translateY(0)}}.analysis-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--onboarding-darker);display:flex;align-items:center;justify-content:center;z-index:100;animation:analysisFade .5s ease 2s forwards}@keyframes analysisFade{to{opacity:0;pointer-events:none}}.analysis-content{text-align:center}.scan-line{width:200px;height:2px;background:linear-gradient(90deg,transparent,var(--onboarding-secondary),transparent);margin:0 auto 20px;animation:scanMove 1s ease-in-out infinite}@keyframes scanMove{0%,to{transform:scaleX(.5);opacity:.5}50%{transform:scaleX(1);opacity:1}}.analysis-text{font-size:14px;color:#fffc;margin-bottom:30px}.analysis-grid{display:grid;grid-template-columns:repeat(3,40px);gap:10px;justify-content:center}.grid-cell{width:40px;height:40px;border:1px solid rgba(0,212,255,.3);animation:cellPulse .5s ease var(--delay) both}@keyframes cellPulse{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.faction-content{position:relative;z-index:10;padding:40px 20px;opacity:0;transition:opacity .5s ease;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.faction-content.visible{opacity:1}.faction-content.hidden{opacity:0}.faction-header{text-align:center;margin-bottom:30px}.faction-header h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 10px}.faction-subtitle{font-size:14px;color:#fff9;margin:0}.faction-grid{display:flex;flex-direction:column;gap:15px;max-width:400px;width:100%;margin:0 auto 30px;box-sizing:border-box;padding:0 10px}.faction-card-onboarding{position:relative;background:#141923e6;border:2px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box}.faction-card-onboarding:hover{border-color:var(--faction-color);transform:translateY(-2px)}.faction-card-onboarding.selected{border-color:var(--faction-color);box-shadow:0 0 30px color-mix(in srgb,var(--faction-color) 30%,transparent)}.faction-card-onboarding.joined{animation:factionJoined .5s ease}@keyframes factionJoined{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.faction-badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;z-index:10;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.faction-badge.dominant{background:var(--onboarding-warning);color:#000}.faction-badge.underdog{background:var(--onboarding-danger);color:#fff}.faction-banner-onboarding{height:60px;display:flex;align-items:center;justify-content:center}.faction-emblem{font-size:28px}.faction-info-onboarding{padding:15px;width:100%;box-sizing:border-box;overflow:hidden}.faction-name-onboarding{font-size:18px;font-weight:700;color:#fff;margin:0 0 5px;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.faction-bonus{font-size:13px;color:var(--faction-color);margin:0 0 15px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.faction-stats-onboarding{display:flex;gap:15px;flex-wrap:wrap;width:100%;box-sizing:border-box}.faction-stats-onboarding .stat{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;max-width:100%}.faction-stats-onboarding .stat-icon{font-size:14px;flex-shrink:0}.faction-stats-onboarding .stat-value{font-weight:600;color:#fff;white-space:nowrap;flex-shrink:0}.faction-stats-onboarding .stat-label{font-size:12px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}.selection-indicator{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.indicator-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px solid var(--faction-color);border-radius:50%;animation:ringPulse 1s ease infinite}@keyframes ringPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0}}.indicator-check{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--faction-color);border-radius:50%;color:#fff;font-weight:700}.faction-action{text-align:center}.join-button{padding:15px 40px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffff80;font-size:16px;font-weight:600;cursor:not-allowed;transition:all .3s ease}.join-button.ready{background:var(--faction-color);border-color:var(--faction-color);color:#fff;cursor:pointer}.join-button.ready:hover{transform:scale(1.05);box-shadow:0 0 30px color-mix(in srgb,var(--faction-color) 50%,transparent)}.button-arrow{margin-left:10px;transition:transform .3s ease}.join-button.ready:hover .button-arrow{transform:translate(5px)}.joined-message{text-align:center}.joined-animation{position:relative;width:60px;height:60px;margin:0 auto 15px}.joined-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid;border-radius:50%;animation:joinRing .5s ease}@keyframes joinRing{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.joined-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px}.joined-message p{font-size:18px;color:#fff;margin:0}.territory-transformed{margin-top:20px;text-align:center;font-size:14px;color:#fff9}.adventure-phase{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--onboarding-darker)}.adventure-phase.step-challenge{display:flex;flex-direction:column}.challenge-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.challenge-background .hex-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2300d4ff' fill-opacity='0.03'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.energy-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.energy-particle{position:absolute;bottom:0;left:var(--x);width:4px;height:4px;background:var(--onboarding-primary);border-radius:50%;opacity:0;animation:particleRise 3s ease-in-out infinite;animation-delay:var(--delay)}@keyframes particleRise{0%{opacity:0;transform:translateY(0)}20%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:translateY(-100vh)}}.challenge-content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:25px}.challenge-header{text-align:center}.challenge-icon{font-size:48px;display:block;margin-bottom:15px;animation:bounceGift 1s ease-in-out infinite}@keyframes bounceGift{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.challenge-header h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 10px}.challenge-subtitle{font-size:14px;color:#ffffffb3;margin:0}.step-counter{display:flex;flex-direction:column;align-items:center;gap:10px}.counter-ring{position:relative;width:150px;height:150px}.progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-svg .ring-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.progress-svg .ring-progress{fill:none;stroke:var(--onboarding-primary);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .2s ease}.counter-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.step-count{font-family:Orbitron,sans-serif;font-size:42px;font-weight:700;color:var(--onboarding-primary);line-height:1}.step-goal{font-size:16px;color:#ffffff80}.step-label{display:flex;align-items:center;gap:6px;font-size:14px;color:#fff9}.step-icon{font-size:18px}.walk-button-container{display:flex;flex-direction:column;align-items:center;gap:8px}.walk-button{display:flex;align-items:center;gap:12px;padding:16px 32px;background:#00d4ff1a;border:2px solid var(--onboarding-primary);border-radius:50px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.walk-button:active,.walk-button.walking{background:var(--onboarding-primary);color:var(--onboarding-darker);transform:scale(.98)}.walk-icon{font-size:24px}.walk-hint{font-size:11px;color:#fff6;margin:0}.progress-bar-container{display:flex;align-items:center;gap:12px;width:100%;max-width:280px}.progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--onboarding-primary);border-radius:4px;transition:width .2s ease}.progress-text{font-size:14px;font-weight:600;color:var(--onboarding-primary);min-width:40px}.reward-unlocked{display:flex;flex-direction:column;align-items:center;gap:20px}.reward-animation{display:flex;flex-direction:column;align-items:center;gap:20px;opacity:0;transform:scale(.8);transition:all .5s ease}.reward-animation.visible{opacity:1;transform:scale(1)}.chest-open{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.chest-open .chest-icon{font-size:64px;animation:chestBounce .5s ease}@keyframes chestBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.sparkles{position:absolute;top:0;right:0;bottom:0;left:0}.sparkle{position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--onboarding-warning);border-radius:50%;transform-origin:center;animation:sparkleOut .8s ease-out forwards;--angle: 0deg}@keyframes sparkleOut{0%{transform:rotate(var(--angle)) translate(0) scale(1);opacity:1}to{transform:rotate(var(--angle)) translate(60px) scale(0);opacity:0}}.reward-title{font-size:28px;font-weight:700;color:var(--onboarding-warning);margin:0;text-shadow:0 0 20px rgba(255,215,0,.5)}.reward-content{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeSlideUp .5s ease .3s both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reward-items{display:flex;gap:20px}.reward-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:15px 20px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px}.reward-item .item-icon{font-size:28px}.reward-item .item-value{font-size:20px;font-weight:700;color:var(--onboarding-warning)}.reward-item .item-label{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.claim-button{display:flex;align-items:center;gap:10px;padding:16px 32px;background:var(--onboarding-warning);border:none;border-radius:12px;color:#000;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease}.claim-button:hover{transform:scale(1.05);box-shadow:0 0 30px #ffd70080}.claim-icon{font-size:20px}.claimed-message{display:flex;align-items:center;gap:10px;padding:16px 32px;background:#00d4ff33;border:2px solid var(--onboarding-primary);border-radius:12px;color:var(--onboarding-primary);font-size:18px;font-weight:600}.check-icon{font-size:24px}.final-tips{display:flex;flex-direction:column;gap:8px;margin-top:20px;animation:fadeSlideUp .5s ease .6s both}.final-tips .tip{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffff0d;border-radius:8px;font-size:13px;color:#fffc}.onboarding-final-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);padding:8px 16px;background:#00000080;border-radius:20px}.indicator-text{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.adventure-map-container{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1s ease}.adventure-map-container.visible{opacity:1}.adventure-map{width:100%;height:100%}.discovery-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--onboarding-darker);z-index:100;transition:opacity .5s ease}.discovery-message.hidden{opacity:0;pointer-events:none}.discovery-content{text-align:center}.radar-pulse{position:relative;width:80px;height:80px;margin:0 auto 20px}.pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--onboarding-warning);border-radius:50%;animation:radarPulse 1.5s ease-out infinite}.pulse-ring.delay{animation-delay:.75s}@keyframes radarPulse{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.radar-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px}.discovery-text{font-size:16px;color:#ffffffe6}.adventure-interface{position:absolute;top:60px;left:20px;right:20px;display:flex;flex-direction:column;gap:15px;z-index:100}.adventure-top-panel{position:absolute;top:20px;left:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:100;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.chest-notification{display:flex;align-items:center;gap:15px;padding:15px;background:#0a0e14f2;border:2px solid var(--onboarding-warning);border-radius:12px;box-shadow:0 0 30px #ffd70033}.notification-icon{position:relative}.chest-emoji{font-size:36px}.notification-ping{position:absolute;top:-5px;right:-5px;width:12px;height:12px;background:var(--onboarding-danger);border-radius:50%;animation:notifPing 1s ease infinite}@keyframes notifPing{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.notification-content h3{margin:0 0 5px;font-size:16px;color:#fff}.notification-distance,.notification-timer{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffb3;margin:3px 0}.timer-value{color:var(--onboarding-warning);font-weight:600}.chest-preview{padding:12px;background:#0a0e14e6;border:1px solid rgba(255,255,255,.1);border-radius:8px}.preview-label{font-size:11px;color:#ffffff80;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.preview-items{display:flex;flex-wrap:wrap;gap:8px}.preview-item{padding:4px 8px;background:#ffffff0d;border-radius:4px;font-size:12px;color:#fffc}.preview-item.rare{background:#ffd70026;color:var(--onboarding-warning)}.adventure-cta{text-align:center;padding:10px}.cta-text{font-size:14px;color:#fffc;margin:0}.final-hud{position:absolute;bottom:0;left:0;right:0;padding:30px 20px;background:linear-gradient(to top,rgba(10,14,20,.98) 70%,transparent);z-index:100;opacity:0;transform:translateY(50px);transition:all .5s ease}.final-hud.visible{opacity:1;transform:translateY(0)}.hud-header{text-align:center;margin-bottom:20px}.hud-header h2{margin:0 0 5px;font-size:22px;color:var(--onboarding-primary)}.hud-header p{margin:0;font-size:14px;color:#fff9}.hud-tips{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.tip{display:flex;align-items:center;gap:12px;padding:10px 15px;background:#ffffff0d;border-radius:8px}.tip-icon{font-size:20px}.tip-text{font-size:13px;color:#fffc}.start-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:var(--onboarding-primary);border:none;border-radius:12px;font-size:18px;font-weight:700;color:var(--onboarding-darker);cursor:pointer;transition:all .3s ease}.start-button:hover{transform:scale(1.02);box-shadow:0 0 40px #00d4ff80}.start-button .button-icon{font-size:22px}.faction-chat-preview{position:absolute;bottom:200px;left:20px;right:20px;z-index:50;opacity:0;transform:translate(-20px);transition:all .5s ease .3s}.faction-chat-preview.visible{opacity:1;transform:translate(0)}.chat-message{padding:12px 15px;background:#0a0e14e6;border-left:3px solid var(--onboarding-secondary);border-radius:0 8px 8px 0}.chat-sender{color:var(--onboarding-secondary);font-weight:600;margin-right:8px}.chat-text{color:#ffffffe6;font-size:14px}.chest-marker{background:none!important;border:none!important}.chest-icon{font-size:32px;animation:chestBounce 1s ease infinite}@keyframes chestBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.player-marker-adventure{background:none!important;border:none!important}.player-dot-adventure{width:16px;height:16px;background:var(--onboarding-secondary);border:3px solid #fff;border-radius:50%;box-shadow:0 0 15px var(--onboarding-secondary)}.screen-shake{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:screenShake .1s infinite;--shake-amount: calc(var(--intensity) * 3px)}@keyframes screenShake{0%,to{transform:translate(0)}25%{transform:translate(var(--shake-amount))}50%{transform:translateY(var(--shake-amount))}75%{transform:translate(calc(var(--shake-amount) * -1))}}.first-deploy-phase{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--onboarding-darker)}.deploy-map-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.4}.deploy-map{width:100%;height:100%}.deploy-map .leaflet-container{background:var(--onboarding-darker)}.deploy-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:2;background:#0a0e144d}.deploy-background .hex-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2300d4ff' fill-opacity='0.05'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.deploy-glow{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--faction-color, #00d4ff) 20%,transparent) 0%,transparent 70%);animation:deployGlow 3s ease-in-out infinite;transition:all .5s ease}.deploy-glow.success{width:600px;height:600px;background:radial-gradient(circle,color-mix(in srgb,var(--faction-color, #00d4ff) 40%,transparent) 0%,transparent 70%)}@keyframes deployGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.deploy-interface{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;padding:40px 20px;overflow-y:auto}.deploy-interface .ai-message{position:absolute;top:80px;left:50%;transform:translate(-50%);max-width:90%;width:auto;padding:15px 25px;text-align:center;box-sizing:border-box}.deploy-interface .ai-message p{margin:0 0 8px}.ec-available{font-size:16px!important;color:var(--onboarding-primary)!important;margin-top:10px!important}.ec-available strong{font-family:Orbitron,sans-serif;font-size:20px}.deploy-button-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:40px}.deploy-ring{position:relative;width:180px;height:180px}.deploy-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;border:3px solid var(--faction-color, #00d4ff);background:color-mix(in srgb,var(--faction-color, #00d4ff) 10%,transparent);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.deploy-button:hover:not(.disabled){background:color-mix(in srgb,var(--faction-color, #00d4ff) 20%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--faction-color, #00d4ff) 40%,transparent)}.deploy-button:active:not(.disabled),.deploy-button.holding:not(.disabled){background:color-mix(in srgb,var(--faction-color, #00d4ff) 35%,transparent);transform:translate(-50%,-50%) scale(.95);box-shadow:0 0 50px color-mix(in srgb,var(--faction-color, #00d4ff) 60%,transparent)}.deploy-button.disabled{opacity:.4;cursor:not-allowed;border-color:#ffffff4d}.deploy-button .button-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px}.deploy-icon{font-size:36px}.deploy-hint{font-size:14px;color:#fff9;text-align:center;margin-top:10px}.deploy-action-button{margin-top:20px;padding:12px 30px;background:color-mix(in srgb,var(--faction-color, #00d4ff) 20%,transparent);border:2px solid var(--faction-color, #00d4ff);border-radius:8px;color:var(--faction-color, #00d4ff);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:1px}.deploy-action-button:hover:not(:disabled){background:color-mix(in srgb,var(--faction-color, #00d4ff) 35%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--faction-color, #00d4ff) 50%,transparent);transform:scale(1.05)}.deploy-action-button:active:not(:disabled){transform:scale(.98)}.deploy-action-button:disabled{opacity:.4;cursor:not-allowed;border-color:#ffffff4d}.deploy-error{padding:10px 20px;background:var(--onboarding-danger);color:#fff;border-radius:6px;font-size:13px;font-weight:600;animation:errorShake .3s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.deploy-success{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;animation:successEnter .6s cubic-bezier(.34,1.56,.64,1)}.deploy-success .success-explosion .explosion-particle{background:var(--color, var(--onboarding-primary))}.deploy-success .success-hex{background:linear-gradient(135deg,var(--faction-color, #00d4ff),color-mix(in srgb,var(--faction-color, #00d4ff) 70%,#000));box-shadow:0 0 50px var(--faction-color, #00d4ff)}.deploy-success .success-title-big{font-size:24px;text-shadow:0 0 30px var(--faction-color, #00d4ff),0 0 60px color-mix(in srgb,var(--faction-color, #00d4ff) 50%,transparent)}.deploy-success .success-subtitle{font-size:16px;color:#fffc}.deploy-result-stats{display:flex;gap:30px;padding:20px 30px;background:#0006;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.result-stat{display:flex;flex-direction:column;align-items:center;gap:5px}.result-stat .stat-icon{font-size:24px}.result-stat .stat-value{font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;color:var(--onboarding-primary)}.result-stat .stat-label{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:1px}.final-tips-deploy{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px;margin:20px 0;animation:fadeSlideUp .5s ease .6s both}.final-tips-deploy .tip{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffff0d;border-radius:8px;font-size:13px;color:#fffc}.welcome-bonus{margin-top:20px;text-align:center;padding:15px 20px;background:linear-gradient(135deg,#00d4ff1a,#00d4ff1a);border:1px solid var(--onboarding-primary);border-radius:10px;animation:bonusPop .5s ease}.welcome-bonus p{margin:0;font-size:16px;color:#fff}.welcome-bonus .bonus-icon{font-size:20px;margin-right:8px}.welcome-bonus strong{color:var(--onboarding-primary);font-family:Orbitron,sans-serif}@keyframes bonusPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}