@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Rajdhani:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--sc-blue:#3d7bff;--sc-cyan:#00c8ff;--sc-red:#ff3e55;--sc-orange:#ff9e2c;--sc-gold:#f2c94c;--sc-green:#2ecc71;--sc-purple:#9b59b6;--bg0:#050816;--bg1:#0b1021;--bg2:#111827;--bg3:#1a2235;--text-primary:#fff;--text-secondary:#a8b0c3;--text-disabled:#5f6b86;--border-default:#ffffff14;--border-active:#3d7bff66;--glow-standard:0 0 15px #3d7bff33;--glow-active:0 0 25px #3d7bff59;--glow-war:0 0 25px #ff323266;--glow-gold:0 0 20px #ffbe0059;--glow-purple:0 0 20px #9b59b659;--font-heading:"Orbitron", sans-serif;--font-metric:"Rajdhani", sans-serif;--font-body:"Inter", sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.15s ease;--transition-base:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg0);min-height:100vh;font-size:1rem;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.1em;color:var(--text-primary);font-weight:700;line-height:1.1}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.25rem,3vw,1.75rem)}h3{font-size:clamp(1rem,2vw,1.25rem)}h4{font-size:1rem}p{font-family:var(--font-body);color:var(--text-secondary);line-height:1.6}a{color:var(--sc-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--sc-blue)}::-webkit-scrollbar{background:var(--bg1);width:6px}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:3px}:focus-visible{outline:2px solid var(--sc-blue);outline-offset:2px}.metric{font-family:var(--font-metric);letter-spacing:.05em;font-weight:600}.label{font-family:var(--font-heading);letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);font-size:.625rem;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{flex-direction:column;min-height:100vh;display:flex}.login-page{justify-content:center;align-items:center;gap:var(--sp-4);min-height:100vh;padding:var(--sp-5);flex-direction:column;display:flex;position:relative;overflow:hidden}.login-bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#3d7bff0a 1px,#0000 1px),linear-gradient(90deg,#3d7bff0a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.login-card{z-index:1;background:var(--bg1);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--sp-6) var(--sp-6);align-items:center;gap:var(--sp-4);box-shadow:var(--glow-standard);flex-direction:column;display:flex;position:relative}.login-logo{font-family:var(--font-heading);letter-spacing:.15em;gap:.4em;font-size:1.625rem;font-weight:900;display:flex}.login-logo__state{color:var(--text-primary)}.login-logo__conquest{color:var(--sc-cyan)}.login-tabs{background:var(--bg2);border-radius:var(--radius-md);gap:3px;width:100%;padding:3px;display:flex}.login-tab{font-family:var(--font-heading);letter-spacing:.1em;color:var(--text-disabled);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:.6875rem;font-weight:700}.login-tab--active{background:var(--bg3);color:var(--sc-cyan)}.login-form{gap:var(--sp-3);flex-direction:column;width:100%;display:flex}.field{gap:var(--sp-1);flex-direction:column;display:flex}.field__label{color:var(--text-secondary);font-size:.5625rem}.field__input{background:var(--bg2);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);padding:11px var(--sp-3);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;outline:none;font-size:.875rem}.field__input::placeholder{color:var(--text-disabled)}.field__input:focus{border-color:var(--sc-blue);box-shadow:0 0 0 2px #3d7bff26}.field__input:disabled{opacity:.5;cursor:not-allowed}.login-error{align-items:center;gap:var(--sp-2);border-radius:var(--radius-md);padding:10px var(--sp-3);font-family:var(--font-body);color:var(--sc-red);background:#ff3e551a;border:1px solid #ff3e554d;font-size:.8125rem;display:flex}.login-error__icon{flex-shrink:0;font-size:.875rem}.login-message{color:var(--sc-green);font-size:.8rem}.login-link{color:var(--sc-cyan);cursor:pointer;font:inherit;background:0 0;border:0;padding:.25rem}.login-submit{margin-top:var(--sp-1);justify-content:center;align-items:center;height:44px;display:flex}.login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@keyframes spin{to{transform:rotate(360deg)}}.login-divider{align-items:center;gap:var(--sp-3);width:100%;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-default);flex:1;height:1px}.login-divider span{color:var(--text-disabled);white-space:nowrap;font-size:.75rem;font-family:var(--font-body)}.login-social{gap:var(--sp-2);grid-template-columns:1fr 1fr;width:100%;display:grid}.login-social-btn{justify-content:center;align-items:center;gap:var(--sp-2);display:flex;padding:10px var(--sp-3)!important;font-size:.75rem!important}.login-social-btn:disabled{opacity:.5;cursor:not-allowed}.sc-btn:active:not(:disabled){transform:scale(.98)}.sc-btn--primary:hover:not(:disabled){box-shadow:var(--glow-active);background:#5591ff}.sc-btn--outline:hover:not(:disabled){border-color:var(--sc-blue);color:var(--text-primary)}.login-dev-hint{padding-top:var(--sp-2);border-top:1px solid var(--border-default);text-align:center;width:100%}.login-status-bar{z-index:1;align-items:center;gap:var(--sp-2);display:flex;position:relative}.login-status__dot{border-radius:50%;width:8px;height:8px}.login-status__dot--online{background:var(--sc-green)}.login-status__text{font-family:var(--font-body);color:var(--text-disabled);font-size:.75rem}.brazil-map{background:var(--bg0);width:100%;height:100%;min-height:400px;position:relative;overflow:hidden}.map-svg{width:100%;height:100%;display:block}.city{vector-effect:non-scaling-stroke;transition:fill .1s}.map-loading{justify-content:center;align-items:center;gap:var(--sp-3);background:var(--bg0);z-index:10;flex-direction:column;display:flex;position:absolute;inset:0}.map-error{justify-content:center;align-items:center;gap:var(--sp-3);color:var(--sc-orange);font-family:var(--font-body);flex-direction:column;font-size:.875rem;display:flex;position:absolute;inset:0}.map-error__icon{font-size:2rem}.map-controls{top:var(--sp-3);right:var(--sp-3);gap:var(--sp-1);z-index:5;flex-direction:column;display:flex;position:absolute}.map-ctrl-btn{background:var(--bg2);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;display:flex}.map-ctrl-btn:hover{color:var(--text-primary);border-color:var(--sc-blue)}.map-legend{bottom:var(--sp-4);left:var(--sp-4);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-3);gap:var(--sp-2);z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1021eb;flex-direction:column;display:flex;position:absolute}.map-legend__item{align-items:center;gap:var(--sp-2);display:flex}.map-legend__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.map-legend__label{color:var(--text-secondary);white-space:nowrap;font-size:.5625rem}.map-zoom-hint{bottom:var(--sp-4);right:var(--sp-4);color:var(--text-disabled);z-index:5;font-size:.5rem;position:absolute}.map-tooltip{pointer-events:none;border:1px solid var(--border-active);border-radius:var(--radius-md);padding:var(--sp-3);z-index:20;box-shadow:var(--glow-standard);background:#0b1021f7;min-width:170px;max-width:230px;position:absolute}.map-tooltip__name{font-family:var(--font-body);color:var(--text-primary);align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.map-tooltip__capital{color:var(--sc-gold);font-size:.5625rem;font-family:var(--font-heading);letter-spacing:.05em}.map-tooltip__uf{color:var(--sc-cyan);margin:3px 0 var(--sp-2);font-size:.5625rem}.map-tooltip__status{font-family:var(--font-heading);letter-spacing:.1em;align-items:center;margin-bottom:3px;font-size:.5625rem;font-weight:700;display:flex}.map-tooltip__state,.map-tooltip__controller{color:var(--text-secondary);font-size:.625rem}.map-tooltip__loyalty{margin-top:var(--sp-2);align-items:center;gap:6px;display:flex}.map-tooltip__loyalty .label{white-space:nowrap;font-size:.5rem}.map-tooltip__loyalty-bar{background:var(--bg3);border-radius:2px;flex:1;height:4px;overflow:hidden}.map-tooltip__hint{color:var(--text-disabled);margin-top:var(--sp-1);font-size:.5625rem}.map-page{flex-direction:column;height:100vh;min-height:100vh;display:flex;position:relative;overflow:hidden}.map-bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#3d7bff08 1px,#0000 1px),linear-gradient(90deg,#3d7bff08 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}.map-topbar{z-index:10;align-items:center;gap:var(--sp-5);padding:var(--sp-3) var(--sp-5);background:var(--bg1);border-bottom:1px solid var(--border-default);flex-shrink:0;height:56px;display:flex;position:relative}.map-topbar__logo{font-family:var(--font-heading);letter-spacing:.15em;white-space:nowrap;color:var(--text-primary);font-size:1rem;font-weight:900}.map-topbar__logo .accent{color:var(--sc-cyan)}.map-topbar__nav{gap:var(--sp-1);flex:1;display:flex}.map-nav-btn{font-family:var(--font-heading);letter-spacing:.1em;color:var(--text-secondary);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);align-items:center;gap:var(--sp-1);background:0 0;border:none;font-size:.6875rem;font-weight:700;display:flex}.map-nav-btn:hover{color:var(--text-primary);background:var(--bg2)}.map-nav-btn--active{color:var(--sc-cyan)}.map-player-chip{align-items:center;gap:var(--sp-3);background:var(--bg2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);flex-shrink:0;display:flex}.map-player-chip__avatar{border-radius:var(--radius-sm);background:var(--bg3);border:1px solid var(--sc-gold);width:32px;height:32px;font-family:var(--font-heading);color:var(--sc-gold);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;position:relative}.premium-dot{background:var(--sc-gold);border:2px solid var(--bg1);border-radius:50%;width:8px;height:8px;position:absolute;bottom:-3px;right:-3px}.map-player-chip__info{flex-direction:column;display:flex}.map-player-chip__name{font-family:var(--font-body);color:var(--text-primary);font-size:.8125rem;font-weight:600}.map-player-chip__role{color:var(--sc-gold);font-size:.5625rem}.map-player-chip__treasury{color:var(--sc-gold);white-space:nowrap;font-size:.875rem}.map-layout{z-index:1;flex:1;grid-template-columns:260px 1fr;height:calc(100vh - 56px);display:grid;position:relative;overflow:hidden}.map-panel{background:var(--bg1);padding:var(--sp-4);gap:var(--sp-4);border-right:1px solid var(--border-default);flex-direction:column;display:flex;overflow-y:auto}.panel-section{gap:var(--sp-3);flex-direction:column;display:flex}.panel-section__title{color:var(--sc-cyan);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-default);font-size:.5625rem}.region-detail-header{justify-content:space-between;align-items:center;display:flex}.close-btn{color:var(--text-disabled);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px;font-size:.75rem}.close-btn:hover{color:var(--text-primary)}.region-detail-card{background:var(--bg2);border:1px solid var(--sc-gold);border-radius:var(--radius-md);padding:var(--sp-3);gap:var(--sp-2);box-shadow:var(--glow-gold);flex-direction:column;display:flex}.region-detail__name{font-family:var(--font-body);color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.3}.region-detail__uf{color:var(--sc-cyan);font-size:.625rem}.region-detail__id{font-size:.5625rem}.region-detail__status{align-items:center;gap:var(--sp-2);font-family:var(--font-heading);letter-spacing:.1em;margin-top:var(--sp-1);font-size:.625rem;font-weight:700;display:flex}.region-detail__controller{font-size:.625rem}.region-detail__actions{gap:var(--sp-1);margin-top:var(--sp-2);flex-direction:column;display:flex}.state-card{background:var(--bg2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-3);gap:var(--sp-3);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.state-card:hover{border-color:var(--border-active);box-shadow:var(--glow-standard)}.state-card__header{justify-content:space-between;align-items:flex-start;display:flex}.state-card__name{font-family:var(--font-body);color:var(--text-primary);font-size:.8125rem;font-weight:600}.state-card__region{color:var(--sc-cyan);font-size:.5625rem}.state-card__grid{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.state-card__stat{background:var(--bg3);border-radius:var(--radius-sm);padding:var(--sp-2);flex-direction:column;gap:2px;display:flex}.state-card__stat .label{font-size:.5rem}.state-card__stat .metric{color:var(--text-primary);font-size:.875rem}.quick-actions{gap:var(--sp-2);flex-direction:column;display:flex}.sc-btn{font-family:var(--font-heading);letter-spacing:.12em;border-radius:var(--radius-md);padding:12px var(--sp-5);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);text-align:center;border:none;width:100%;font-size:.75rem;font-weight:700}.sc-btn--danger{background:var(--sc-red);color:#fff}.sc-btn--danger:hover{box-shadow:var(--glow-war);background:#ff6070}.sc-btn--economy{background:var(--sc-green);color:var(--bg0)}.sc-btn--economy:hover{background:#4d8}.progress-bar{flex-direction:column;gap:4px;display:flex}.progress-bar__fill--war{background:var(--sc-red)}.progress-bar__fill--gold{background:var(--sc-gold)}.battle-card{background:var(--bg2);border-radius:var(--radius-md);padding:var(--sp-3);gap:var(--sp-3);border:1px solid #ff3e5540;flex-direction:column;display:flex}.battle-card__header{justify-content:space-between;align-items:center;display:flex}.battle-card__name{font-family:var(--font-body);color:var(--text-primary);font-size:.875rem;font-weight:600}.battle-card__matchup{background:var(--bg3);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);justify-content:space-between;align-items:center;display:flex}.battle-card__side{font-family:var(--font-metric);color:var(--sc-cyan);font-size:.8125rem;font-weight:600}.battle-card__side--defender{color:var(--sc-red)}.battle-card__vs{font-family:var(--font-heading);color:var(--sc-red);letter-spacing:.1em;font-size:.75rem;font-weight:900}.battle-card__footer{justify-content:space-between;display:flex}.badge{font-family:var(--font-heading);letter-spacing:.1em;border-radius:2px;padding:2px 6px;font-size:.5rem;font-weight:700}.badge--war{color:var(--sc-red);background:#ff3e5526;border:1px solid #ff3e5566}.ranking-table{border-collapse:collapse;width:100%;font-size:.8125rem}.ranking-table th{color:var(--text-disabled);padding:var(--sp-1) var(--sp-2);text-align:left;border-bottom:1px solid var(--border-default);font-size:.5rem}.ranking-table td{padding:var(--sp-2);color:var(--text-secondary);vertical-align:top}.ranking-table tr:hover td{background:var(--bg2)}.ranking-table__row--gold td{color:var(--sc-gold)}.ranking-name{color:var(--text-primary);font-size:.8125rem}.ranking-score{color:var(--sc-cyan);text-align:right;white-space:nowrap}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.map-center{background:var(--bg0);position:relative;overflow:hidden}.map-bottom-nav{background:var(--bg1);border-top:1px solid var(--border-default);z-index:100;display:none;position:fixed;bottom:0;left:0;right:0}.map-bottom-nav__item{font-family:var(--font-heading);letter-spacing:.08em;color:var(--text-disabled);padding:var(--sp-3) var(--sp-2);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex:1;font-size:.5625rem;font-weight:700}.map-bottom-nav__item--active{color:var(--sc-cyan)}@media (width<=768px){.map-topbar__nav{display:none}.map-layout{grid-template-columns:1fr}.map-panel{display:none}.map-bottom-nav{display:flex}.map-page{padding-bottom:56px}.map-layout{height:calc(100vh - 112px)}}.logout-btn{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-disabled);cursor:pointer;width:32px;height:32px;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.logout-btn:hover{color:var(--sc-red);border-color:var(--sc-red)}.action-msg{font-family:var(--font-body);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:.8125rem;line-height:1.4}.action-msg--ok{color:var(--sc-green);background:#2ecc711a;border:1px solid #2ecc714d}.action-msg--error{color:var(--sc-red);background:#ff3e551a;border:1px solid #ff3e554d}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.neighbor-link{width:100%;color:var(--text-primary);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.6875rem;display:block}.neighbor-link:hover,.neighbor-link:focus-visible{color:var(--sc-cyan);text-decoration:underline}.region-controller{margin-top:var(--sp-2);color:var(--text-secondary)}.region-controller span{color:var(--sc-gold)}.control-history{margin-top:var(--sp-3);border-top:1px solid var(--border-default);padding-top:var(--sp-2)}.control-history__title{color:var(--sc-cyan);margin-bottom:4px;font-size:.5rem}.control-history__entry{color:var(--text-primary);justify-content:space-between;gap:8px;padding:3px 0;font-size:.625rem;display:flex}.control-history__entry small{color:var(--text-disabled)}.control-history__empty{color:var(--text-disabled);font-size:.55rem}.profile-page{background:var(--bg0);min-height:100vh;position:relative;overflow-x:hidden}.profile-page--loading{justify-content:center;align-items:center;display:flex}.profile-header{background:var(--bg1);border-bottom:1px solid var(--border-default);padding:var(--sp-4) var(--sp-5);z-index:2;position:relative}.back-btn{font-family:var(--font-heading);letter-spacing:.1em;color:var(--text-secondary);cursor:pointer;margin-bottom:var(--sp-4);transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:.625rem;font-weight:700}.profile-hero{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-5);display:flex}.profile-avatar{background:var(--bg3);border:2px solid var(--sc-gold);border-radius:var(--radius-md);width:64px;height:64px;font-family:var(--font-heading);color:var(--sc-gold);box-shadow:var(--glow-gold);flex-shrink:0;justify-content:center;align-items:center;font-size:1.75rem;font-weight:900;display:flex;position:relative}.premium-crown{color:var(--sc-gold);font-size:.875rem;position:absolute;top:-8px;right:-8px}.profile-hero__info{flex:1}.profile-hero__name{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:.08em;margin-bottom:var(--sp-2);font-size:1.25rem;font-weight:700}.profile-hero__meta{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.profile-hero__since{color:var(--text-disabled);font-size:.5625rem}.profile-hero__score{text-align:right}.badge--role{font-family:var(--font-heading);letter-spacing:.1em;border:1px solid var(--border-default);background:#ffffff0d;border-radius:3px;padding:2px 8px;font-size:.5625rem;font-weight:700}.profile-stats{gap:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border-default);display:flex}.profile-stat{flex-direction:column;align-items:center;gap:3px;min-width:56px;display:flex}.profile-tabs{background:var(--bg1);border-bottom:1px solid var(--border-default);z-index:10;gap:0;display:flex;position:sticky;top:0;overflow-x:auto}.profile-tab{font-family:var(--font-heading);letter-spacing:.1em;color:var(--text-disabled);padding:var(--sp-3) var(--sp-4);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-size:.6rem;font-weight:700}.profile-content{padding:var(--sp-5);z-index:1;max-width:960px;margin:0 auto;position:relative}.profile-grid{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.profile-card{background:var(--bg1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-4)}.profile-card__title{color:var(--sc-cyan);margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-default);font-size:.5625rem}.steps-list{gap:var(--sp-3);flex-direction:column;display:flex}.step{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--bg2);border:1px solid var(--border-default);transition:border-color var(--transition-fast);display:flex}.step--done{background:#2ecc710d;border-color:#2ecc714d}.step__icon{color:var(--text-disabled);text-align:center;flex-shrink:0;width:16px;font-size:.875rem}.step--done .step__icon{color:var(--sc-green)}.step__label{font-family:var(--font-body);color:var(--text-primary);font-size:.8125rem}.step--done .step__label{color:var(--text-secondary);text-decoration:line-through}.step__hint{color:var(--text-disabled);margin-top:2px;font-size:.625rem}.account-info{gap:var(--sp-3);flex-direction:column;display:flex}.account-row{padding:var(--sp-2) var(--sp-3);background:var(--bg2);border-radius:var(--radius-sm);flex-direction:column;gap:3px;display:flex}.profile-section{gap:var(--sp-4);flex-direction:column;display:flex}.cards-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.city-role-card{background:var(--bg1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-4);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.city-role-card:hover{border-color:var(--sc-blue);box-shadow:var(--glow-standard)}.city-role-card__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);display:flex}.city-role-card__name{font-family:var(--font-body);color:var(--text-primary);font-size:.9375rem;font-weight:600}.city-role-card__uf{color:var(--text-disabled);margin:4px 0 var(--sp-2);font-size:.5625rem}.city-role-card__status{font-family:var(--font-heading);letter-spacing:.08em;font-size:.5625rem;font-weight:700}.state-role-card{background:var(--bg1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.state-role-card__header{justify-content:space-between;align-items:flex-start;display:flex}.state-role-card__name{font-family:var(--font-body);color:var(--text-primary);font-size:.9375rem;font-weight:600}.state-role-card__acronym{color:var(--text-disabled);font-size:.5625rem}.state-role-card__role{align-items:center;gap:var(--sp-3);display:flex}.state-role-card__stats{background:var(--bg2);border-radius:var(--radius-sm);padding:var(--sp-2);text-align:center;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.state-role-card__stats>div{border-right:1px solid var(--border-default);flex-direction:column;gap:2px;padding:4px;display:flex}.state-role-card__stats>div:last-child{border-right:none}.notifs-list{gap:var(--sp-2);flex-direction:column;display:flex}.notif-item{background:var(--bg1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4)}.notif-item--unread{background:#3d7bff0a;border-color:#3d7bff66}.notif-item__header{margin-bottom:var(--sp-1);justify-content:space-between;align-items:center;display:flex}.notif-item__title{font-family:var(--font-body);color:var(--text-primary);font-size:.875rem;font-weight:600}.notif-item__body{font-family:var(--font-body);color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.sc-btn{font-family:var(--font-heading);letter-spacing:.12em;border-radius:var(--radius-md);padding:12px var(--sp-5);cursor:pointer;text-align:center;width:100%;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:none;font-size:.75rem;font-weight:700}.sc-btn:active{transform:scale(.98)}.sc-btn--primary{background:var(--sc-blue);color:#fff}.sc-btn--primary:hover{box-shadow:var(--glow-active);background:#5591ff}.sc-btn--outline{color:var(--text-primary);border:1px solid var(--border-default);background:0 0}.sc-btn--outline:hover{border-color:var(--sc-blue);color:var(--sc-cyan)}.progress-bar__track{background:var(--bg3);border-radius:2px;height:4px;overflow:hidden}.progress-bar__fill{border-radius:2px;height:100%;transition:width .4s}.empty-state{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-7);text-align:center;flex-direction:column;display:flex}.empty-state__icon{opacity:.4;font-size:2.5rem}.empty-state p{font-family:var(--font-body);color:var(--text-secondary);font-size:.875rem}@media (width<=640px){.profile-grid{grid-template-columns:1fr}.profile-stats{gap:var(--sp-3);overflow-x:auto}}.ranking-page{background:var(--bg0);min-height:100vh;position:relative}.ranking-header{background:var(--bg1);border-bottom:1px solid var(--border-default);padding:var(--sp-4) var(--sp-5);z-index:10;position:sticky;top:0}.back-btn{font-family:var(--font-heading);letter-spacing:.1em;color:var(--text-secondary);cursor:pointer;margin-bottom:var(--sp-3);transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:.625rem;font-weight:700;display:block}.back-btn:hover{color:var(--sc-cyan)}.ranking-title{font-family:var(--font-heading);letter-spacing:.15em;color:var(--text-primary);margin-bottom:var(--sp-4);font-size:1.25rem;font-weight:900}.ranking-tabs{border-bottom:1px solid var(--border-default);gap:0;display:flex}.profile-tab{font-family:var(--font-heading);letter-spacing:.1em;color:var(--text-disabled);padding:var(--sp-3) var(--sp-4);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-size:.625rem;font-weight:700}.profile-tab:hover{color:var(--text-primary)}.profile-tab--active{color:var(--sc-cyan);border-bottom-color:var(--sc-cyan)}.ranking-content{max-width:720px;padding:var(--sp-5);z-index:1;margin:0 auto;position:relative}.rank-list{gap:var(--sp-2);flex-direction:column;display:flex}.rank-row{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--bg1);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.rank-row:hover{border-color:var(--border-active);box-shadow:var(--glow-standard)}.rank-row--top{border-color:#f2c94c33}.rank-row--top:first-child{box-shadow:var(--glow-gold)}.rank-pos{font-family:var(--font-heading);color:var(--text-secondary);text-align:center;min-width:36px;font-size:1rem;font-weight:700}.rank-info{flex-direction:column;flex:1;gap:4px;display:flex}.rank-name{font-family:var(--font-body);color:var(--text-primary);align-items:center;font-size:.9375rem;font-weight:600;display:flex}.rank-meta{color:var(--text-disabled);font-size:.5625rem}.rank-bars{gap:var(--sp-3);margin-top:var(--sp-1);display:flex}.rank-bars>div{flex-direction:column;gap:2px;min-width:60px;display:flex}.rank-bar-track{background:var(--bg3);border-radius:2px;height:3px;overflow:hidden}.rank-bar-fill{border-radius:2px;height:100%;transition:width .4s}.rank-score{color:var(--sc-cyan);white-space:nowrap;align-items:baseline;font-size:1.125rem;display:flex}.badge--premium{font-family:var(--font-heading);letter-spacing:.1em;color:var(--sc-gold);background:#f2c94c1a;border:1px solid #f2c94c66;border-radius:3px;padding:2px 6px;font-size:.5rem;font-weight:700}.map-loading__spinner{border:2px solid var(--border-default);border-top-color:var(--sc-cyan);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}