/* v14.21 nested campaign playback and measured panel-safe Atlas layout. */
.nested-scale-shell{inset:18px max(clamp(22px,22vw,360px),var(--nested-safe-right,0px)) 48px max(clamp(22px,22vw,360px),var(--nested-safe-left,0px));grid-template-rows:auto minmax(0,1fr) auto auto;transition:left .18s ease,right .18s ease,bottom .18s ease}
.nested-campaign-playback-v1421{position:relative;z-index:22;display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(120px,.8fr) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--campaign-color,#91a0a8) 38%,rgba(138,158,164,.2));border-left:3px solid var(--campaign-color,#91a0a8);background:linear-gradient(100deg,color-mix(in srgb,var(--campaign-color,#91a0a8) 12%,rgba(2,8,11,.94)),rgba(2,8,11,.9));box-shadow:0 10px 30px rgba(0,0,0,.34);backdrop-filter:blur(10px)}
.nested-campaign-playback-copy-v1421{min-width:0;display:grid;gap:2px}.nested-campaign-playback-copy-v1421>span{color:#8da39d;font-size:8px;letter-spacing:.15em}.nested-campaign-playback-copy-v1421>strong{overflow:hidden;color:#edf4ef;font-size:11px;letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap}.nested-campaign-playback-copy-v1421>small{overflow:hidden;color:#96a8a2;font-size:8px;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}
.nested-campaign-counts-v1421{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.nested-campaign-counts-v1421 span{padding:3px 5px;border:1px solid rgba(147,171,163,.22);background:rgba(4,13,15,.66);color:#aebdb8;font-size:7px;letter-spacing:.08em}.nested-campaign-counts-v1421 span[data-status=contested],.nested-campaign-counts-v1421 span[data-status=damaged]{border-color:rgba(220,168,83,.4);color:#e6c276}.nested-campaign-counts-v1421 span[data-status=occupied]{border-color:color-mix(in srgb,var(--campaign-color) 55%,transparent);color:#dce8e4}.nested-campaign-counts-v1421 span[data-status=destroyed],.nested-campaign-counts-v1421 span[data-status=abandoned]{color:#929a97}
.nested-campaign-playback-v1421 nav{display:flex;gap:5px}.nested-campaign-playback-v1421 button{min-height:30px;padding:6px 8px;border:1px solid rgba(143,169,160,.3);background:rgba(6,18,20,.84);color:#c1d0ca;font:700 8px/1 var(--font-ui,Arial,sans-serif);letter-spacing:.08em;white-space:nowrap}.nested-campaign-playback-v1421 button:hover,.nested-campaign-playback-v1421 button:focus-visible{border-color:#d0a45b;color:#fff}.nested-campaign-playback-v1421 button:disabled{opacity:.3;cursor:default}
.nested-scale-viewport:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .3s ease}
.nested-scale-shell[data-playback-status=contested] .nested-scale-viewport:after{opacity:.22;background:linear-gradient(115deg,transparent 0 43%,rgba(220,139,58,.25) 44% 45%,transparent 46% 58%,rgba(173,54,44,.2) 59% 60%,transparent 61%);animation:nestedCampaignAlertV1421 3.4s ease-in-out infinite}
.nested-scale-shell[data-playback-status=occupied] .nested-scale-viewport:after{opacity:.24;background:linear-gradient(180deg,color-mix(in srgb,var(--campaign-color) 22%,transparent),transparent 18%),repeating-linear-gradient(0deg,transparent 0 7px,color-mix(in srgb,var(--campaign-color) 8%,transparent) 8px 9px)}
.nested-scale-shell[data-playback-status=damaged] .nested-scale-viewport:after{opacity:.3;background:linear-gradient(126deg,transparent 0 42%,rgba(229,204,167,.25) 42.2% 42.6%,transparent 42.8%),linear-gradient(52deg,transparent 0 58%,rgba(229,204,167,.18) 58.2% 58.6%,transparent 58.8%)}
.nested-scale-shell[data-playback-status=destroyed] .nested-scale-viewport:after{opacity:.48;background:radial-gradient(circle,transparent 30%,rgba(5,7,7,.74) 84%),repeating-linear-gradient(12deg,rgba(181,191,186,.025) 0 1px,transparent 1px 9px)}
.nested-scale-shell[data-playback-status=abandoned] .nested-scale-viewport:after{opacity:.3;background:radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(3,7,7,.68) 86%)}
.nested-scale-shell[data-playback-status=concealed] .nested-scale-viewport:after{opacity:.38;background:repeating-linear-gradient(0deg,rgba(124,192,203,.05) 0 1px,transparent 1px 7px),linear-gradient(90deg,rgba(3,12,15,.72),transparent 35%,transparent 65%,rgba(3,12,15,.72))}
.nested-scale-shell.nested-campaign-revealed-v1421 .nested-campaign-playback-v1421{animation:nestedCampaignRevealV1421 .7s ease-out}
.nested-campaign-intelligence-hidden-v1421 .nested-scale-viewport>*{filter:saturate(.25) brightness(.42)}
@keyframes nestedCampaignAlertV1421{50%{opacity:.34}}@keyframes nestedCampaignRevealV1421{from{filter:brightness(1.8);box-shadow:0 0 42px rgba(126,210,224,.42)}to{filter:none;box-shadow:0 10px 30px rgba(0,0,0,.34)}}
@media(max-width:1100px){.nested-scale-shell{inset:16px max(22px,var(--nested-safe-right,0px)) max(118px,var(--nested-safe-bottom,0px)) max(22px,var(--nested-safe-left,0px))}.nested-campaign-playback-v1421{grid-template-columns:minmax(170px,1fr) auto}.nested-campaign-counts-v1421{display:none}}
@media(max-width:760px){.nested-scale-shell{inset:10px 10px max(172px,var(--nested-safe-bottom,0px));gap:8px}.nested-campaign-playback-v1421{grid-template-columns:1fr;padding:7px 8px}.nested-campaign-playback-copy-v1421>small{white-space:normal}.nested-campaign-playback-v1421 nav{display:grid;grid-template-columns:1fr auto 1fr}.nested-campaign-playback-v1421 button{padding-inline:5px}.nested-campaign-playback-v1421 nav button:first-child{text-align:left}.nested-campaign-playback-v1421 nav button:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){.nested-scale-shell{transition:none}.nested-scale-shell[data-playback-status=contested] .nested-scale-viewport:after,.nested-scale-shell.nested-campaign-revealed-v1421 .nested-campaign-playback-v1421{animation:none}}