.al-visual{isolation:isolate}.al-type-icon{width:32px;height:32px;color:#d9e8ef;flex:none;vertical-align:middle}.al-map-compact .al-type-icon{color:#e6d5ad}.al-map-building .al-art{opacity:1}.al-visual-fx{pointer-events:none}.al-fx-service{animation:al-service 3s ease-in-out infinite;animation-delay:var(--al-phase)}.al-fx-signal{animation:al-signal 6s ease-in-out infinite;animation-delay:var(--al-phase);transform-origin:50px 26px}.al-fx-spark{animation:al-service 1.5s ease-in-out infinite;animation-delay:var(--al-phase)}.al-state-in{animation:al-state-in .36s linear both;animation-delay:var(--al-fade)}.al-state-out{animation:al-state-out .36s linear both;animation-delay:var(--al-fade)}.al-motion-control{display:flex;align-items:center;gap:8px;font-size:12px;color:#b9cfdd;flex-wrap:wrap}.al-motion-control select{max-width:180px;min-height:36px;color:#edf5f9;background:#122433;border:1px solid #6d8798;border-radius:6px;padding:4px 8px}.al-visual-legend{display:flex;gap:12px;flex-wrap:wrap;color:#c2d4df;font-size:12px;margin:8px 0}.al-visual-legend span{display:inline-flex;align-items:center;gap:5px}.al-visual-legend svg{width:22px;height:22px}.alliance-screen :is(button,input,select,textarea,summary):focus-visible,.al-region-object:focus-visible,.alliance-map-object:focus-visible{outline:2px solid #a5e6ff;outline-offset:3px}.alliance-screen button[aria-current=true]{text-decoration:underline;text-underline-offset:5px}.al-state-description{color:#d3e5ef}.al-status-layers{pointer-events:none}.al-object-hero>.al-art{flex-shrink:0}.al-visual-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.al-visual-gallery figure{margin:0;padding:8px;background:#0c2030}.al-visual-gallery .al-art{width:100%;height:auto}.al-visual-gallery figcaption{font:12px system-ui;color:#dcecf7}
@keyframes al-service{0%,100%{opacity:.45}50%{opacity:1}}@keyframes al-signal{0%,100%{opacity:.12}50%{opacity:.55}}@keyframes al-state-in{from{opacity:0}to{opacity:1}}@keyframes al-state-out{from{opacity:1}to{opacity:0}}
html[data-alliance-motion=reduced] :is(.al-visual-fx *,.al-state-in,.al-state-out){animation:none!important}html[data-alliance-motion=reduced] .al-state-out{display:none}html[data-alliance-motion=reduced] .al-state-in{opacity:1}
@media(prefers-reduced-motion:reduce){html:not([data-alliance-motion=full]) :is(.al-visual-fx *,.al-state-in,.al-state-out){animation:none!important}html:not([data-alliance-motion=full]) .al-state-out{display:none}}
@media(max-width:600px){.al-header{flex-wrap:wrap}.al-motion-control{width:100%;justify-content:flex-end}.al-object-hero>.al-art{max-width:38vw}.al-motion-control select{min-height:44px}.al-visual-legend{font-size:11px}}
@media(max-width:760px){html[data-screen=alliance] #resources .resource{flex:0 0 auto;width:max-content;min-width:124px;padding-right:12px}}