:root{--color-brand-primary:#2b6de8;--color-brand-secondary:#00bfb2;--color-brand-accent:#ff5c35;--color-ui-background:#121212;--color-ui-surface:#1e1e1e;--color-ui-border:#333;--color-ui-divider:#2a2a2a;--color-text-primary:#fff;--color-text-secondary:#b0b0b0;--color-text-tertiary:#707070;--color-text-error:#ff453a;--font-family-primary:"Exo 2",sans-serif;--font-family-secondary:"Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-base:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 4px 6px #0000001a,0 1px 3px #00000014;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--z-index-dropdown:1000;--z-index-modal:2000;--z-index-tooltip:3000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#121212;background-color:var(--color-ui-background);color:#fff;color:var(--color-text-primary);font-family:Exo\ 2,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-md);line-height:1.5}.game-content{gap:.75rem;gap:var(--spacing-md);padding:.75rem;padding:var(--spacing-md)}.main-display,.notification-panel,.player-panel{background-color:#1e1e1e;background-color:var(--color-ui-surface);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-sm);padding:.75rem;padding:var(--spacing-md)}.chat-panel-placeholder{border-top:1px solid #333;border-top:1px solid var(--color-ui-border);color:#b0b0b0;color:var(--color-text-secondary);padding:.5rem;padding:var(--spacing-sm);text-align:center}.chat-panel-placeholder,.game-header{background-color:#1e1e1e;background-color:var(--color-ui-surface)}.game-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--color-ui-border);display:flex;justify-content:space-between;padding:.75rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.game-title{color:#2b6de8;color:var(--color-brand-primary);font-size:2rem;font-size:var(--font-size-xxl);font-weight:700;font-weight:var(--font-weight-bold)}.header-right{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg)}.currency-display{display:flex;gap:.75rem;gap:var(--spacing-md)}.currency{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.notification-badge{cursor:pointer;position:relative}.logout-button{background-color:initial;border:1px solid #333;border:1px solid var(--color-ui-border);border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;color:var(--color-text-primary);cursor:pointer;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.logout-button:hover{background-color:#ffffff1a}.game-footer{background-color:#1e1e1e;background-color:var(--color-ui-surface);border-top:1px solid #333;border-top:1px solid var(--color-ui-border);justify-content:space-between;padding:.5rem 2rem;padding:var(--spacing-sm) var(--spacing-xl)}.chat-toggle,.game-footer{align-items:center;display:flex}.chat-toggle{background-color:initial;border:1px solid #333;border:1px solid var(--color-ui-border);border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;color:var(--color-text-primary);cursor:pointer;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.chat-toggle:hover{background-color:#ffffff1a}.version-info{color:#707070;color:var(--color-text-tertiary);font-size:.875rem;font-size:var(--font-size-sm)}.footer-links{display:flex;gap:1.5rem;gap:var(--spacing-lg)}.footer-link{color:#b0b0b0;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#fff;color:var(--color-text-primary)}.login-page,.register-page{align-items:center;background-color:#121212;background-color:var(--color-ui-background);background-image:linear-gradient(45deg,#2b6de81a,#00bfb21a);display:flex;justify-content:center;min-height:100vh}.login-container,.register-container{background-color:#1e1e1e;background-color:var(--color-ui-surface);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);max-width:400px;padding:2rem;padding:var(--spacing-xl);width:100%}.login-form,.registration-form{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);margin-top:2rem;margin-top:var(--spacing-xl)}.form-group{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.form-group label{color:#b0b0b0;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.form-group input{background-color:#0003;border:1px solid #333;border:1px solid var(--color-ui-border);border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;color:var(--color-text-primary);font-family:Exo\ 2,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-md);padding:.5rem;padding:var(--spacing-sm)}.form-group input:focus{border-color:#2b6de8;border-color:var(--color-brand-primary);outline:none}.field-error{font-size:.875rem;font-size:var(--font-size-sm);margin-top:.25rem;margin-top:var(--spacing-xs)}.error-message,.field-error{color:#ff453a;color:var(--color-text-error)}.error-message{background-color:#ff453a1a;border-radius:4px;border-radius:var(--border-radius-sm);margin-bottom:.75rem;margin-bottom:var(--spacing-md);padding:.5rem;padding:var(--spacing-sm)}.form-actions{margin-top:.75rem;margin-top:var(--spacing-md)}.login-button,.register-button{background-color:#2b6de8;background-color:var(--color-brand-primary);border:none;border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-family:Exo\ 2,sans-serif;font-family:var(--font-family-primary);font-weight:500;font-weight:var(--font-weight-medium);padding:.75rem;padding:var(--spacing-md);transition:all .2s ease;width:100%}.login-button:hover,.register-button:hover{background-color:#1b5fd8}.login-button:disabled,.register-button:disabled{background-color:#4a4a4a;cursor:not-allowed}.login-link,.password-reset,.register-link{color:#b0b0b0;color:var(--color-text-secondary);margin-top:1.5rem;margin-top:var(--spacing-lg);text-align:center}.login-link a,.password-reset a,.register-link a{color:#2b6de8;color:var(--color-brand-primary);text-decoration:none}.login-link a:hover,.password-reset a:hover,.register-link a:hover{text-decoration:underline}.sector3-page{padding:.75rem}.sector-title{color:#2b6de8;font-size:1.5rem;margin-bottom:1.5rem}.sector-content{gap:2rem}.activity-grid{grid-gap:.75rem;gap:.75rem;margin-top:.75rem}.activity-card{border:1px solid #333;border-radius:8px;padding:.75rem}.activity-card:hover{border-color:#2b6de8;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.activity-card h4{color:#00bfb2;margin-bottom:.25rem}.activity-card p{color:#b0b0b0;font-size:.875rem}.announcements-section,.mission-tracker-section{border:1px solid #333;border-radius:8px;padding:.75rem}.announcement,.mission{border-bottom:1px solid #2a2a2a;padding:.5rem 0}.announcement h4,.mission h4{color:#ff5c35;margin-bottom:.25rem}.announcement p,.mission p{color:#b0b0b0;font-size:.875rem}:root{--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px}.game-layout{flex-direction:column;min-height:100vh}.game-content,.game-layout{display:flex;overflow:hidden}.game-content{flex:1 1;position:relative}.notification-panel,.player-panel{min-width:250px;transition:width .3s ease,min-width .3s ease;width:250px}.main-display{flex:1 1;overflow-y:auto;transition:margin .3s ease}.chat-panel{height:40px;transition:height .3s ease}.chat-panel.expanded{height:300px}.notification-panel.collapsed,.player-panel.collapsed{min-width:40px;overflow:hidden;width:40px}.panel-toggle{align-items:center;background-color:var(--color-ui-surface);border:none;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);position:absolute;top:var(--spacing-sm);transition:all .2s ease;z-index:10}.player-panel .panel-toggle{right:var(--spacing-xs)}.notification-panel .panel-toggle{left:var(--spacing-xs)}.panel-toggle:hover{background-color:var(--color-ui-border)}@media (max-width:992px){.game-content{flex-direction:column}.notification-panel,.player-panel{height:auto;min-width:100%;width:100%}.notification-panel.collapsed,.player-panel.collapsed{height:40px;min-width:100%;width:100%}.panel-toggle{transform:rotate(90deg)}.player-panel .panel-toggle{bottom:var(--spacing-xs);left:50%;right:auto;top:auto;transform:translateX(-50%) rotate(90deg)}.notification-panel .panel-toggle{bottom:var(--spacing-xs);left:auto;right:50%;top:auto;transform:translateX(50%) rotate(90deg)}}.mobile-nav-toggle{background-color:var(--color-brand-primary);border:none;border-radius:50%;bottom:var(--spacing-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:none;font-size:24px;height:50px;position:fixed;right:var(--spacing-md);width:50px;z-index:1000}@media (max-width:768px){.mobile-nav-toggle{align-items:center;display:flex;justify-content:center}.player-panel{bottom:0;left:0;max-width:300px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:80%;z-index:1001}.player-panel.mobile-visible{transform:translateX(0)}.notification-panel{bottom:0;max-width:300px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:80%;z-index:1001}.notification-panel.mobile-visible{transform:translateX(0)}.mobile-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-overlay.visible{display:block}}.btn{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);justify-content:center;outline:none;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.btn-primary{background-color:var(--color-brand-primary);color:#fff}.btn-primary:hover{background-color:#1b5fd8}.btn-secondary{background-color:#ffffff1a;border:1px solid var(--color-ui-border);color:var(--color-text-primary)}.btn-secondary:hover{background-color:#ffffff26}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#0d9668}.btn-error{background-color:#ef4444;color:#fff}.btn-error:hover{background-color:#dc2626}.btn-text{background-color:initial;color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm)}.btn-text:hover{background-color:#ffffff0d;color:var(--color-text-primary)}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-lg)}.btn-full{width:100%}.btn-disabled,.btn:disabled{cursor:not-allowed;opacity:.6}.btn-loading{color:#0000;position:relative}.btn-loading .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;position:absolute;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.card{background-color:var(--color-ui-surface);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--color-ui-divider);padding:var(--spacing-md)}.card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.card-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.card-body,.card-footer{padding:var(--spacing-md)}.card-footer{align-items:center;border-top:1px solid var(--color-ui-divider);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.card-error{background-color:#ff453a1a;border-left:4px solid var(--color-text-error)}.avatar{align-items:center;background-color:var(--color-brand-primary);border-radius:50%;color:#fff;display:inline-flex;font-weight:var(--font-weight-bold);justify-content:center;overflow:hidden;position:relative}.avatar-sm{font-size:var(--font-size-sm);height:32px;width:32px}.avatar-md{font-size:var(--font-size-md);height:48px;width:48px}.avatar-lg{font-size:var(--font-size-lg);height:64px;width:64px}.avatar-xl{font-size:var(--font-size-xl);height:96px;width:96px}.avatar-img{height:100%;object-fit:cover;width:100%}.avatar-initials{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-status{border:2px solid var(--color-ui-surface);border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.avatar-status-online{background-color:#10b981}.avatar-status-away{background-color:#f59e0b}.avatar-status-busy{background-color:#ef4444}.avatar-status-offline{background-color:#6b7280}.badge{align-items:center;border-radius:var(--border-radius-sm);display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);justify-content:center;padding:var(--spacing-xs) var(--spacing-sm)}.badge-primary{background-color:var(--color-brand-primary);color:#fff}.badge-secondary{background-color:#ffffff1a;color:var(--color-text-secondary)}.badge-success{background-color:#10b981;color:#fff}.badge-error{background-color:#ef4444;color:#fff}.badge-info{background-color:#3b82f6;color:#fff}.badge-warning{background-color:#f59e0b;color:#fff}.badge-sm{font-size:calc(var(--font-size-xs) - 1px);padding:2px 6px}.badge-lg{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.progress-bar-container{margin:var(--spacing-xs) 0;width:100%}.progress-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.progress-bar{background-color:#ffffff1a;height:10px;overflow:hidden;width:100%}.progress-bar,.progress-bar-fill{border-radius:var(--border-radius-sm)}.progress-bar-fill{background-color:var(--color-brand-primary);height:100%;transition:width .3s ease}.progress-percentage{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);text-align:right}.tabs{width:100%}.tabs-header{-ms-overflow-style:none;border-bottom:1px solid var(--color-ui-divider);display:flex;overflow-x:auto;scrollbar-width:none}.tabs-header::-webkit-scrollbar{display:none}.tab-button{background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);position:relative;white-space:nowrap}.tab-button:hover{color:var(--color-text-primary)}.tab-button.active{color:var(--color-brand-primary)}.tab-button.active:after{background-color:var(--color-brand-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.tabs-content{padding:var(--spacing-md) 0}.tabs-vertical{display:flex}.tabs-vertical .tabs-header{border-bottom:none;border-right:1px solid var(--color-ui-divider);flex-direction:column;min-width:200px}.tabs-vertical .tab-button{padding:var(--spacing-md);text-align:left}.tabs-vertical .tab-button.active:after{bottom:auto;height:100%;left:auto;right:-1px;top:0;width:2px}.tabs-vertical .tabs-content{flex:1 1;padding:0 0 0 var(--spacing-md)}.tooltip-container{display:inline-block;position:relative}.tooltip{animation:tooltip-appear .2s ease forwards;background-color:var(--color-ui-surface);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);color:var(--color-text-primary);font-size:var(--font-size-sm);max-width:300px;opacity:0;padding:var(--spacing-sm);pointer-events:none;position:absolute;transform-origin:center;width:max-content;z-index:var(--z-index-tooltip)}.tooltip-content{position:relative}.tooltip-arrow{background-color:var(--color-ui-surface);height:8px;position:absolute;transform:rotate(45deg);width:8px}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)}.tooltip-top .tooltip-arrow{bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip-bottom{left:50%;top:calc(100% + 8px);transform:translateX(-50%)}.tooltip-bottom .tooltip-arrow{left:50%;top:-4px;transform:translateX(-50%) rotate(45deg)}.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-left .tooltip-arrow{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right .tooltip-arrow{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}@keyframes tooltip-appear{0%{opacity:0;transform:scale(.9) translateX(-50%)}to{opacity:1;transform:scale(1) translateX(-50%)}}.modal-overlay{align-items:center;animation:overlay-appear .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.modal{animation:modal-appear .3s ease;background-color:var(--color-ui-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90%;max-width:90%;overflow:hidden}.modal-sm{width:400px}.modal-md{width:600px}.modal-lg{width:800px}.modal-xl{width:1000px}.modal-header{align-items:center;border-bottom:1px solid var(--color-ui-divider);display:flex;justify-content:space-between;padding:var(--spacing-md)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.modal-close-btn{background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:24px;line-height:1}.modal-close-btn:hover{color:var(--color-text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.modal-footer{border-top:1px solid var(--color-ui-divider);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md)}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}@keyframes modal-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.countdown-timer{align-items:center;color:var(--color-text-primary);display:inline-flex;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.countdown-days,.countdown-hours,.countdown-minutes,.countdown-seconds{display:inline-block}.currency-display{align-items:center;color:var(--color-text-primary);display:inline-flex;font-family:var(--font-family-primary);gap:var(--spacing-xs)}.currency-icon{font-size:var(--font-size-lg)}.currency-amount{font-weight:var(--font-weight-medium)}.currency-name{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.currency-credits,.currency-gold{color:#f59e0b}.currency-energy{color:#3b82f6}.energy-meter{background-color:#0003;border-radius:var(--border-radius-md);padding:var(--spacing-sm);width:100%}.energy-header{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.energy-icon{color:#3b82f6;font-size:var(--font-size-lg)}.energy-text{font-weight:var(--font-weight-medium)}.energy-bar-container{background-color:#ffffff1a;border-radius:var(--border-radius-sm);height:8px;overflow:hidden;width:100%}.energy-bar{height:100%;transition:width .3s ease}.energy-high{background-color:#10b981}.energy-medium{background-color:#f59e0b}.energy-low{background-color:#ef4444}.energy-recharge{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.recharge-icon{font-size:var(--font-size-md)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--color-brand-primary);height:40px;width:40px}.loading-text{color:var(--color-text-secondary);margin-top:var(--spacing-md)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.empty-description{color:var(--color-text-secondary);max-width:500px}.chat-panel{background-color:var(--color-ui-surface);border-top:1px solid var(--color-ui-border)}.chat-header{cursor:pointer;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.chat-header,.chat-title{align-items:center;display:flex}.chat-title{font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.chat-header-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.user-list-toggle{align-items:center;background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;position:relative}.user-list-toggle.active{color:var(--color-brand-primary)}.online-count{align-items:center;background-color:var(--color-brand-primary);border-radius:8px;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;min-width:16px;position:absolute;right:-4px;top:-4px}.minimize-btn{background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-lg)}.chat-content{display:flex;height:calc(100% - 40px)}.chat-sidebar{border-right:1px solid var(--color-ui-border);min-width:200px;overflow-y:auto;width:200px}.chat-main,.chat-messages{display:flex;flex:1 1;flex-direction:column}.chat-messages{gap:var(--spacing-sm);overflow-y:auto;padding:var(--spacing-sm)}.chat-message{align-self:flex-start;background-color:#ffffff0d;border-radius:var(--border-radius-md);max-width:80%;padding:var(--spacing-sm)}.chat-message.my-message{align-self:flex-end;background-color:#2b6de81a}.chat-message.system-message{align-self:center;background-color:#ffffff05;color:var(--color-text-secondary);font-style:italic;text-align:center}.message-sender{color:var(--color-brand-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.message-content{word-break:break-word}.message-timestamp{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);text-align:right}.chat-input-form{border-top:1px solid var(--color-ui-border);display:flex;padding:var(--spacing-sm)}.chat-input{background-color:#0003;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);flex:1 1;outline:none;padding:var(--spacing-sm)}.chat-input:focus{border-color:var(--color-brand-primary)}.send-button{background-color:var(--color-brand-primary);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;margin-left:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.send-button:hover{background-color:#1b5fd8}.channel-selector{padding:var(--spacing-sm)}.channel-header{color:var(--color-text-tertiary);font-size:var(--font-size-sm);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.channel-list{list-style:none;margin:0;padding:0}.channel-item{align-items:center;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-sm);transition:background-color .2s ease}.channel-item:hover{background-color:#ffffff0d}.channel-item.active{background-color:#2b6de81a}.channel-name{color:var(--color-text-secondary)}.channel-item.active .channel-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.unread-badge{align-items:center;background-color:var(--color-brand-primary);border-radius:10px;color:#fff;display:flex;font-size:var(--font-size-xs);height:20px;justify-content:center;min-width:20px}.chat-user-sidebar{border-left:1px solid var(--color-ui-border);min-width:200px;overflow-y:auto;width:200px}.user-list{padding:var(--spacing-sm)}.user-list-header{color:var(--color-text-tertiary);font-size:var(--font-size-sm);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.users{list-style:none;margin:0;padding:0}.user-item{align-items:center;border-radius:var(--border-radius-sm);display:flex;padding:var(--spacing-sm);transition:background-color .2s ease}.user-item:hover{background-color:#ffffff0d}.status-icon,.username{margin-right:var(--spacing-xs)}.username{flex:1 1}.location{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.user-item.online .username{color:var(--color-text-primary)}.user-item.away .username,.user-item.busy .username{color:var(--color-text-secondary)}.user-item.offline .username{color:var(--color-text-tertiary)}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{color:var(--color-brand-primary);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-xs)}.page-description{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.section-title{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.coming-soon{color:var(--color-text-secondary);font-style:italic;padding:var(--spacing-xl);text-align:center}.events-page{padding:var(--spacing-md)}.featured-event{margin-bottom:var(--spacing-xl)}.featured-event-card{border:1px solid var(--color-brand-primary)}.battle-pass-preview{display:flex;gap:var(--spacing-lg)}.battle-pass-info{flex:1 1}.battle-pass-progress{margin-top:var(--spacing-md)}.battle-pass-image{align-items:center;background-color:#0000004d;border-radius:var(--border-radius-sm);display:flex;height:120px;justify-content:center;width:200px}.image-placeholder{color:var(--color-text-tertiary)}.card-actions{display:flex;gap:var(--spacing-sm)}.event-card{margin-bottom:var(--spacing-md)}.event-title{align-items:center;display:flex;gap:var(--spacing-sm)}.event-icon{font-size:var(--font-size-xl)}.event-type{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-left:auto;text-transform:capitalize}.event-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.event-description{color:var(--color-text-primary)}.event-rewards{background-color:#0003;border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.rewards-list{list-style:none;padding-left:var(--spacing-md)}.reward-item{padding-left:var(--spacing-sm);position:relative}.reward-item:before{color:var(--color-brand-secondary);content:"•";left:-10px;position:absolute}.event-dates{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between}.date-label{font-weight:var(--font-weight-medium);margin-right:var(--spacing-xs)}.event-footer{justify-content:space-between;width:100%}.event-footer,.event-timing{align-items:center;display:flex}.event-timing{font-size:var(--font-size-sm);gap:var(--spacing-xs)}.event-actions{display:flex;gap:var(--spacing-sm)}.battle-pass{display:flex;flex-direction:column;gap:var(--spacing-xl)}.battle-pass-header{align-items:center;display:flex;justify-content:space-between}.bp-info{flex:1 1}.bp-name{font-size:var(--font-size-xl);margin:0 0 var(--spacing-xs)}.bp-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.bp-dates{color:var(--color-text-tertiary)}.bp-dates,.premium-badge{font-size:var(--font-size-sm)}.premium-badge{background-color:#f59e0b;border-radius:var(--border-radius-sm);color:#fff;font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}.bp-progress{padding:var(--spacing-md)}.level-display{align-items:baseline;display:flex;margin-bottom:var(--spacing-sm)}.current-level{color:var(--color-brand-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.max-level{margin-left:var(--spacing-xs)}.max-level,.xp-needed{color:var(--color-text-secondary)}.xp-needed{font-size:var(--font-size-sm);margin-top:var(--spacing-xs);text-align:right}.rewards-timeline{margin-top:var(--spacing-xl)}.rewards-track{display:flex;flex-direction:column;gap:var(--spacing-lg)}.reward-level{display:flex}.level-marker{flex-direction:column;margin-right:var(--spacing-md);width:50px}.level-marker,.level-number{align-items:center;display:flex}.level-number{background-color:var(--color-ui-border);border-radius:50%;color:var(--color-text-primary);font-weight:var(--font-weight-medium);height:30px;justify-content:center;margin-bottom:var(--spacing-xs);width:30px}.reward-level.current .level-number{background-color:var(--color-brand-primary);color:#fff}.level-line{background-color:var(--color-ui-border);flex:1 1;height:100%;width:2px}.level-rewards{display:flex;flex:1 1;gap:var(--spacing-md)}.free-reward,.premium-reward{flex:1 1}.reward-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.reward-card{height:100%}.reward-card.premium{border-left:2px solid #f59e0b}.reward-card.claimed{opacity:.7}.reward-content{align-items:center;display:flex;gap:var(--spacing-sm)}.reward-icon{font-size:24px}.reward-details{flex:1 1}.reward-name{font-weight:var(--font-weight-medium)}.reward-type{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:capitalize}.reward-action{margin-left:auto}.claimed-tag{color:#10b981}.claimed-tag,.locked-tag{font-size:var(--font-size-xs)}.locked-tag{color:var(--color-text-tertiary)}.show-more-rewards{margin-top:var(--spacing-md);text-align:center}.tournament-card{margin-bottom:var(--spacing-md)}.tournament-title{align-items:center;display:flex;gap:var(--spacing-sm)}.tournament-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.tournament-description{color:var(--color-text-primary)}.tournament-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.detail-item{flex:1 1;min-width:150px}.detail-label{font-weight:var(--font-weight-medium);margin-right:var(--spacing-xs)}.tournament-rewards{background-color:#0003;border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.rewards-title{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.tournament-reward-item{align-items:center;display:flex;margin-bottom:var(--spacing-xs)}.reward-place{font-weight:var(--font-weight-medium);margin-right:var(--spacing-sm);width:30px}.more-rewards{color:var(--color-text-secondary);font-style:italic;margin-top:var(--spacing-xs)}.player-status{background-color:#0003;border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.status-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.status-title{font-weight:var(--font-weight-medium)}.next-match{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.match-label{font-weight:var(--font-weight-medium)}.match-round{background-color:#ffffff1a;border-radius:var(--border-radius-sm);padding:2px 6px}.tournament-footer{align-items:center;display:flex;justify-content:space-between;width:100%}.tournament-timing{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.timing-label{font-weight:var(--font-weight-medium)}.tournament-actions{display:flex;gap:var(--spacing-sm)}.event-calendar{width:100%}.calendar-header{margin-bottom:var(--spacing-md)}.month-navigation{align-items:center;display:flex;justify-content:space-between}.current-month{font-size:var(--font-size-xl);margin:0}.calendar-days{grid-gap:1px;background-color:var(--color-ui-border);border:1px solid var(--color-ui-border);border-bottom:none;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.calendar-day{background-color:var(--color-ui-surface);font-weight:var(--font-weight-medium);padding:var(--spacing-sm);text-align:center}.calendar-body{border:1px solid var(--color-ui-border);border-top:none}.calendar-row{grid-gap:1px;background-color:var(--color-ui-border);display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.calendar-cell{background-color:var(--color-ui-surface);cursor:pointer;min-height:100px;padding:var(--spacing-xs);transition:background-color .2s ease}.calendar-cell:hover{background-color:#ffffff0d}.calendar-cell.selected{background-color:#2b6de81a}.calendar-cell.today .date-number{align-items:center;background-color:var(--color-brand-primary);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.calendar-cell.other-month{opacity:.5}.cell-content{display:flex;flex-direction:column;height:100%}.date-number{align-items:center;display:flex;font-weight:var(--font-weight-medium);height:24px;justify-content:center;margin-bottom:var(--spacing-xs);width:24px}.cell-events{display:flex;flex-direction:column;gap:2px}.event-indicator{background-color:#ffffff1a;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);overflow:hidden;padding:2px 4px;text-overflow:ellipsis;white-space:nowrap}.event-type-tournament{background-color:#3b82f64d}.event-type-bonus{background-color:#f59e0b4d}.event-type-market{background-color:#10b9814d}.event-type-alliance{background-color:#ef44444d}.event-type-challenge{background-color:#8b5cf64d}.more-events{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-align:center}.event-tooltip{max-width:250px}.event-name{font-weight:var(--font-weight-medium)}.event-name,.event-time{margin-bottom:var(--spacing-xs)}.event-time{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.event-description{font-size:var(--font-size-sm)}.selected-date-events{margin-top:var(--spacing-lg)}.selected-date-header{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.no-events{color:var(--color-text-secondary);padding:var(--spacing-md) 0;text-align:center}.calendar-event-item{align-items:center;background-color:var(--color-ui-surface);display:flex;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.calendar-event-item,.event-color{border-radius:var(--border-radius-sm)}.event-color{height:40px;margin-right:var(--spacing-sm);width:4px}.event-info{flex:1 1}.event-title{font-weight:var(--font-weight-medium)}.event-timing,.event-title{margin-bottom:var(--spacing-xs)}.event-timing{font-size:var(--font-size-xs)}.event-desc,.event-timing{color:var(--color-text-secondary)}.event-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--font-size-sm);overflow:hidden}.sector1-page{padding:var(--spacing-md)}.profile-overview{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-card{padding:var(--spacing-md)}.profile-header{align-items:center;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.profile-avatar{flex-shrink:0}.profile-info{flex:1 1}.profile-username{font-size:var(--font-size-xl);margin:0 0 var(--spacing-xs)}.profile-title{color:var(--color-text-secondary)}.profile-level,.profile-title{margin-bottom:var(--spacing-md)}.level-badge{background-color:var(--color-brand-primary);border-radius:var(--border-radius-sm);color:#fff;display:inline-block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.profile-alliance{margin-top:var(--spacing-sm)}.alliance-info{align-items:center;display:flex;gap:var(--spacing-sm)}.alliance-name{color:var(--color-brand-secondary);font-weight:var(--font-weight-medium)}.alliance-role{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.no-alliance{color:var(--color-text-tertiary);font-style:italic}.profile-stats{background-color:#0003;border-radius:var(--border-radius-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.profile-stats,.stats-column{display:flex;gap:var(--spacing-md)}.stats-column{flex:1 1;flex-direction:column;min-width:150px}.stat-item{text-align:center}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.win-stat{color:#10b981}.loss-stat{color:#ef4444}.profile-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.battle-history{margin-top:var(--spacing-xl)}.battle-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.battle-card{align-items:center;display:flex;padding:var(--spacing-md)}.battle-result{border-radius:var(--border-radius-sm);font-weight:var(--font-weight-bold);margin-right:var(--spacing-md);min-width:100px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.battle-result.win{background-color:#10b9811a;color:#10b981}.battle-result.loss{background-color:#ef44441a;color:#ef4444}.battle-details{grid-gap:var(--spacing-sm);display:grid;flex:1 1;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.battle-mech,.battle-opponent,.battle-rewards{display:flex;flex-direction:column}.battle-rewards,.reward{gap:var(--spacing-xs)}.reward{align-items:center;display:flex}.battle-date{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.view-all-link{margin-top:var(--spacing-md);text-align:center}.achievements-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.achievement-card{align-items:flex-start;display:flex;padding:var(--spacing-md)}.achievement-icon{font-size:24px;margin-right:var(--spacing-md)}.achievement-content{flex:1 1}.achievement-name{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.achievement-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.completion-status{align-items:center;display:flex;gap:var(--spacing-sm)}.completion-date{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.titles-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.title-card{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-md)}.title-card.active{border-left:4px solid #10b981}.title-card.locked{opacity:.7}.title-content{flex:1 1}.title-name{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.title-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.title-actions{margin-left:var(--spacing-md)}.sector3-page{padding:var(--spacing-md)}.sector-title{color:var(--color-brand-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.sector-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.activity-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:var(--spacing-md)}.activity-card{background-color:#0003;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);cursor:pointer;padding:var(--spacing-md);transition:all .2s ease}.activity-card:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.activity-card h4{color:var(--color-brand-secondary);margin-bottom:var(--spacing-xs)}.activity-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.announcements-section,.mission-tracker-section{background-color:#0003;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.announcement,.mission{border-bottom:1px solid var(--color-ui-divider);padding:var(--spacing-sm) 0}.announcement:last-child,.mission:last-child{border-bottom:none}.announcement h4,.mission h4{color:var(--color-brand-accent);margin-bottom:var(--spacing-xs)}.announcement p,.mission p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width:992px){.profile-header{align-items:center;flex-direction:column;text-align:center}.profile-info{width:100%}.battle-card{align-items:flex-start;flex-direction:column}.battle-result{margin-bottom:var(--spacing-sm);margin-right:0;width:100%}.battle-pass-preview{flex-direction:column}.battle-pass-image{height:150px;width:100%}.level-rewards{flex-direction:column}.calendar-cell{min-height:60px}}@media (max-width:768px){.page-header h1{font-size:var(--font-size-xl)}.page-description{font-size:var(--font-size-md)}.profile-actions{flex-direction:column;width:100%}.profile-actions button{width:100%}.achievements-grid,.battle-details,.titles-list{grid-template-columns:1fr}.calendar-days,.calendar-row{grid-template-columns:repeat(7,1fr)}.calendar-cell{min-height:40px;padding:2px}.date-number{font-size:var(--font-size-xs);height:20px;width:20px}.cell-events{display:none}}
/*# sourceMappingURL=main.3eea92ee.css.map*/