/* Interação e acabamento: superfícies leves sobre um mapa vivo. */
:root{--line:#83a8ae24;--muted:#a0b8bf;--ease:cubic-bezier(.2,.8,.2,1)}
body{background:#09151c}.topbar{background:#0c1a22;border-bottom-color:#ffffff09}.brand{letter-spacing:2px}.brand-symbol{filter:drop-shadow(0 0 12px #c1f58230)}.brand small{opacity:.7}.icon-button,.close{border-radius:50%;border-color:#92b6be30;background:#ffffff05;transition:background .2s,transform .2s}.icon-button:hover,.close:hover{background:#ffffff14;transform:translateY(-2px)}
.hud{background:linear-gradient(100deg,#142b32,#10212b);border:0;padding:7px 12px;gap:8px}.metric{border:0;padding:12px 18px;border-radius:12px;background:#07131c32}.metric>span{font:11px var(--body);letter-spacing:.8px}.metric strong{font-size:36px;font-variant-numeric:tabular-nums}.metric-caption{font:11px var(--body)}.meter{height:3px;background:#bed4de14;border-radius:9px}.meter i{border-radius:9px;box-shadow:0 0 9px currentColor}.world-stage{background:radial-gradient(ellipse at 54% 38%,#1d3d49,#0b1822 76%)}.world-stage:after{box-shadow:inset 0 0 80px #06101938}.country-shape{stroke:#719ca34d;transition:fill .9s var(--ease),stroke .3s}.country-shape.chosen{stroke:#ecffcf;filter:drop-shadow(0 0 3px #dfffac60)}.world-map{transition:transform .25s var(--ease)}
.map-title h1{font-size:30px;font-weight:500}.map-title .eyebrow{color:#9cbdba}.layer-controls,.time-controls{background:#08151c99;border:1px solid #93b6b820;backdrop-filter:blur(14px);padding:4px;border-radius:24px;gap:2px}.layer-controls{max-width:none;flex-wrap:nowrap;width:max-content}.layer-controls button,.time-controls button{border:0;background:transparent;border-radius:18px;font:12px var(--body);padding:7px 12px;color:#afc6cb}.layer-controls button[aria-pressed=true],.time-controls button[aria-pressed=true]{background:#c6eea3;color:#172b25;box-shadow:0 2px 12px #0003}.cycle strong{font-variant-numeric:tabular-nums}.cycle-state{color:#aec7c3}.cycle-state:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#c1f582;margin-right:6px;animation:breathe 2s ease-in-out infinite}body[data-paused=true] .cycle-state:before{background:#8d9ea3;animation:none}
.selection-panel{border:1px solid #bad2d530;border-radius:18px;background:linear-gradient(145deg,#20353dea,#11232cec);backdrop-filter:blur(22px);box-shadow:0 14px 50px #0003;padding:16px 18px;transition:box-shadow .3s}.selection-top{gap:10px}.selection-top .eyebrow{flex:1;color:#93b1b5;font-size:11px;letter-spacing:.8px}.country-search{border:0;background:#ffffff09;border-radius:18px;font:12px var(--body);padding:7px 12px;min-height:36px}.country-heading{margin:12px 0}.country-heading h2{font-size:29px}.status-chip{border:0;border-radius:16px;background:#9bd8b315;color:#b3dcc3;padding:6px 10px;font:11px var(--body)}.status-chip.danger{border:0;background:#e8886c20}.local-metrics>span{font:11px var(--body)}.local-metrics strong{font-size:28px;line-height:1.2}.country-vitals{font:11px var(--body);gap:8px}.country-vitals b{font-weight:500}.damage-track{height:4px;border-radius:5px;overflow:hidden;background:#e7997614}.damage-track i{background:linear-gradient(90deg,#dcb374,#f47f68)}.country-note{font:11px/1.4 var(--body);color:#9bb5be}.local-actions{gap:8px}.local-action{min-height:46px;border:0;border-radius:10px;background:#b9e3cf12;color:#d1ecc0;font-size:13px;padding:9px}.local-action small{font:11px var(--body);color:#9fb8b8}.local-action[data-action=withdraw]{background:transparent;color:#a8babd}.local-action:hover:not(:disabled){background:#b9e3cf25;transform:translateY(-2px)}.panel-toggle{height:34px;width:34px;flex:none;border:0;border-radius:50%;background:#ffffff09;color:#bfd3ce;font:19px var(--body)}.selection-panel.folded #region-detail{display:none}.selection-panel.folded{padding-block:10px}.mission-card{border-left:0;padding:16px;border-radius:16px;background:#0b1b2288;backdrop-filter:blur(12px)}.mission-card p{font-size:12px;line-height:1.5}
.news-strip{background:#10252b;border-color:#ffffff09}.news-strip #latest-log{font:12px var(--body);color:#b6ced0}.command-bar{background:#0c1b22;border-top:1px solid #c2dbdb16}.evolve-button,.cooperate-button,.advance-button{border-radius:13px;border:0;transition:transform .2s,background .2s,box-shadow .2s}.evolve-button{background:#c1f582;color:#1a3029;box-shadow:0 4px 20px #b3e87912}.evolve-button small{color:#3b5743}.evolve-button .button-symbol{color:#28432f}.cooperate-button{background:#ffffff07}.advance-button{background:#203840;color:#dce9e4;box-shadow:none}.advance-button small{color:#9eb9bd}.advance-arrow{font-size:18px}.advance-button:hover{background:#2a4850}.command-bar button:active{transform:scale(.97)}
dialog{border:1px solid #9cbdc133;border-radius:22px;background:linear-gradient(145deg,#1b323b,#10232b);box-shadow:0 25px 100px #0008;scrollbar-width:thin;scrollbar-color:#52747a transparent}dialog[open]{animation:surface-in .22s var(--ease)}dialog::backdrop{background:#020b13a6;backdrop-filter:blur(7px)}.upgrade-card{border-radius:13px;border-color:#9bbec02b;background:#ffffff03}.upgrade-card h3{font-size:25px}.upgrade-card p{font-size:13px;line-height:1.5}.prerequisite{font:11px var(--body)}.upgrade-card button{border-radius:8px;font:11px var(--body);min-height:44px}.upgrade-card.bought{background:#a4d8830a}.country-row{border-radius:8px}.country-row:hover{background:#c1f5820d}.country-row small{font:11px var(--body)}.setup-fields select,.country-filters input,.country-filters select{border-radius:10px}
.live-event{border:1px solid #e7b08260;border-left:0;border-radius:17px;background:linear-gradient(135deg,#263c40f5,#182a33fa);backdrop-filter:blur(20px);box-shadow:0 15px 50px #0007;animation:surface-in .3s var(--ease);scrollbar-width:thin}.event-live-top{font:11px var(--body);color:#edc299}.event-live-top button{border:0;border-radius:16px;background:#ffffff0d;width:auto;min-width:40px;padding:5px 10px;font:12px var(--body)}.live-event .event-choice{border:1px solid #b3c5bc33;border-radius:10px;background:#ffffff06;font:14px var(--body)}.live-event .event-choice:hover{background:#c1f58215;border-color:#c1f58277}.live-event .event-choice small{font:11px/1.4 var(--body)}.live-event.compact h3{font-size:22px}.live-event #event-countdown{font:11px var(--body);color:#e8bf99}.event-live-body>small{font:11px/1.5 var(--body)}.action-feedback{position:fixed;z-index:150;left:50%;bottom:102px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#d6edc9;color:#1b3327;border-radius:30px;padding:10px 18px;font:13px var(--body);box-shadow:0 8px 30px #0005;max-width:min(90vw,520px);transition:opacity .2s,transform .2s}.action-feedback.visible{opacity:1;transform:translate(-50%,0)}
@keyframes surface-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{opacity:.35}}
@media(min-width:701px) and (max-height:800px){.selection-panel{padding:12px 16px;width:390px}.country-heading{margin:8px 0}.country-heading h2{font-size:26px}.local-metrics strong{font-size:25px}.country-vitals{font-size:11px}.country-note{font-size:11px}.map-title h1{font-size:25px}.map-title{top:15px}.layer-controls button{font-size:11px;padding:6px 10px}.mission-card{width:230px}}
@media(max-width:700px){.topbar{height:60px}.brand{font-size:18px}.brand small{font-size:11px}.hud{padding:5px 8px;gap:5px}.metric{padding:8px 10px!important;border:0!important;border-radius:10px}.metric>span{font-size:11px;letter-spacing:.4px}.metric strong{font-size:27px}.metric-caption{font-size:11px}#economy-caption{font-size:11px}.map-title{top:14px}.map-title .eyebrow{font-size:11px}.map-title h1{font-size:25px}.layer-controls{padding:3px;max-width:none;margin-top:8px}.layer-controls button{font-size:11px;min-height:32px;padding:5px 8px}.time-controls{padding:3px}.time-controls button{font-size:11px;min-width:28px;padding:5px}.cycle{right:14px;top:14px}.map-tools{top:124px}.map-tools .icon-button{width:36px;height:36px}.selection-panel{padding:10px 13px;border-radius:18px;bottom:9px}.selection-top .eyebrow{font-size:11px}.country-search{font-size:11px;min-height:34px}.country-heading{margin:8px 0}.country-heading h2{font-size:26px}.status-chip{font-size:11px;padding:4px 9px}.local-metrics>span{font-size:11px}.local-metrics strong{font-size:26px}.country-vitals{font-size:11px;margin:6px 0;gap:4px}.country-note{font-size:11px;margin:4px 0}.local-action{min-height:44px;padding:7px;font-size:12px}.local-action small{font-size:11px;margin-top:3px}.map-viewport{inset:97px -90px 285px}.map-key{bottom:294px}.news-strip #latest-log{font-size:11px}.command-bar{padding:9px 12px;gap:8px}.evolve-button{font-size:16px}.evolve-button small,.cooperate-button small,.advance-button small{font-size:11px}.advance-button{font-size:14px;padding:9px}.advance-arrow{display:none}.button-symbol{display:none}.command-left{gap:7px}.live-event{bottom:91px;max-height:48svh;padding:12px 15px}.live-event.compact{max-height:145px}.live-event.compact h3{font-size:21px;margin:7px 0}.live-event .event-choice{font-size:13px}.action-feedback{bottom:93px;font-size:12px}.upgrades{grid-template-columns:1fr}.upgrade-card{padding:16px}.upgrade-card p{min-height:0;font-size:14px}.upgrade-card .eyebrow{font-size:11px}.upgrade-icon{display:none}dialog{padding:21px;border-radius:20px}main{height:calc(100svh - 60px);grid-template-rows:auto minmax(515px,1fr) 33px 80px}.selection-panel.folded~.mission-card{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:700px){.world-stage.panel-folded .map-viewport{inset:97px -90px 70px}.world-stage.panel-folded .map-key{bottom:72px}.map-viewport{transition:inset .3s var(--ease)}main{grid-template-rows:auto minmax(500px,1fr) 33px 80px}.country-note{font-size:11px}}
.upgrade-filters{display:flex;gap:5px;margin:18px 0;background:#08151b55;padding:4px;border-radius:24px;width:fit-content}.upgrade-filters button{border:0;background:transparent;color:#b4c9c8;border-radius:20px;padding:10px 15px;font:13px var(--body)}.upgrade-filters button[aria-pressed=true]{background:#c1f582;color:#203a2c}.empty-upgrades{grid-column:1/-1;padding:16px;color:#b7c8c9}
@media(max-width:700px){.map-tools{top:105px}}