/* The approved Atlas layout occupies the application viewport. */
.profile-step{width:38px;height:38px;color:var(--ink)}
.profile-step .ico{width:19px;height:19px}
.profile-step[data-step-player="-1"] .ico{transform:rotate(180deg)}
.alliance-title{display:inline-flex;max-width:100%;padding:2px 6px;border-radius:4px;background:var(--surface-alt);color:var(--ink);font-size:10px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.alliance-cell .alliance-title,.player-alliance-summary .alliance-title{margin-left:5px}
.profile-affiliation .alliance-title{font-size:11px;padding:3px 7px}
.player-name-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px 6px;min-width:0}
.player-name-line>strong{min-width:0;max-width:100%}
.player-name-line .alliance-title{flex:0 0 auto;max-width:none;white-space:nowrap;overflow-wrap:normal;text-align:left;line-height:1.4}
.player-name-line .unknown-title{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@container content (max-width:500px){.player-name-line .alliance-title{font-size:9px;padding:2px 4px}}
.governor-role{background:#bd7b151a;color:#88530a}
[data-theme=dark] .governor-role{background:#e9b34820;color:#f2c66d}
.leader-role{background:var(--accent-soft);color:var(--ink)}
@container content (max-width:500px){.directory-table:not(.favorites-table) .identity-state{white-space:normal;overflow-wrap:anywhere}.directory-table:not(.favorites-table) .player-button>span{min-width:56px}}
.profile-activity{margin-bottom:24px;border-radius:var(--radius);color:var(--ink);text-decoration:none}
html,body{height:100%;background:var(--bg,#090b10)}
.preview-wrap{height:100dvh}.preview-wrap .app{height:100dvh;min-height:0}.workspace{min-height:0}
.page-content:focus{outline:none}
/* Reserve the actual tool width before allocating space to global search. */
.topbar{grid-template-columns:minmax(180px,1fr) minmax(0,600px) minmax(max-content,1fr)}
.global-search{min-width:0;overflow:hidden}
.global-search>span:first-of-type{min-width:0}
.global-search>.ico,.global-search>kbd{flex-shrink:0}
.topbar-tools{min-width:max-content}
@container preview (max-width:760px){.topbar,[data-concept=index] .topbar{grid-template-columns:minmax(0,1fr) max-content}.global-search>span:first-of-type{flex-shrink:1}}
@media(max-width:360px){.app:has(.upgrade-calculator-view) .topbar .brand{flex:none}.app:has(.upgrade-calculator-view) .brand-wordmark{display:none}}
.service-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--page-pad,24px);border-bottom:1px solid var(--line);background:var(--accent-soft);color:var(--ink);font-size:12px;line-height:1.6;flex:none}
.service-notice[hidden]{display:none}.service-notice>span{min-width:0}.service-notice>.button{flex:none;min-height:36px;padding:7px 12px;font-size:12px}
@container preview (max-width:500px){.service-notice{gap:10px;padding:10px 14px}}
body:has(.auth-root:not([hidden])) .preview-wrap{display:none}
.topbar-tools{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:12px}
.updates-toggle{position:relative;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--radius);color:var(--accent)}
.updates-toggle:hover,.updates-toggle[aria-expanded=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.updates-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:6px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:700;border:2px solid var(--surface)}
.updates-popover[popover]{position:fixed;inset:auto;margin:0;padding:0;width:350px;max-width:calc(100vw - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 18px 60px #0003}
.updates-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 8px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:1}
.updates-heading h2{font-size:16px;font-weight:600;letter-spacing:-.25px}
.updates-heading-actions{display:flex;align-items:center;gap:4px}.updates-heading-actions .text-button{font-size:12px;text-decoration:none;white-space:nowrap}
.update-session-status{display:flex;align-items:center;gap:10px}.stream-clear{min-height:36px;padding:6px 0;font-size:12px}
.update-card{padding:18px}.update-card+.update-card{border-top:1px solid var(--line)}
.update-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.update-title strong{font-size:16px;font-weight:600;letter-spacing:-.3px}
.update-status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.update-status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}
.update-card[data-status=running] .update-status{color:var(--accent)}
.update-kind{font-size:11px;color:var(--muted);margin-top:2px}.update-phase{font-size:13px;margin-top:16px;line-height:1.5}
.update-card progress{appearance:none;display:block;width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:var(--surface-alt);color:var(--accent);accent-color:var(--accent);margin:10px 0 8px}
.update-card progress::-webkit-progress-bar{background:var(--surface-alt)}.update-card progress::-webkit-progress-value{background:var(--accent);border-radius:5px}.update-card progress::-moz-progress-bar{background:var(--accent);border-radius:5px}
.update-card[data-status=paused] progress{opacity:.5}.update-detail{font-size:11px;color:var(--muted);line-height:1.6;font-variant-numeric:tabular-nums}.update-detail:empty{display:none}
.stream-phases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;list-style:none;padding:0;margin:16px 0 12px;counter-reset:stream-step}
.stream-phases li{position:relative;counter-increment:stream-step;color:var(--muted);font-size:10px;line-height:1.4;text-align:center;min-width:0}
.stream-phases li:before{content:counter(stream-step);display:grid;place-items:center;width:23px;height:23px;margin:0 auto 5px;border:1px solid var(--line);border-radius:50%;font-size:11px;font-weight:600}
.stream-phases li[data-phase=complete]:before{content:'';color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.stream-phases li[data-phase=complete]:after{content:'';position:absolute;top:6px;left:calc(50% - 3px);width:5px;height:8px;border:solid var(--accent);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.stream-phases li[data-phase=current]{color:var(--ink);font-weight:600}.stream-phases li[data-phase=current]:before{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}
.stream-phase-heading{font-size:13px;font-weight:600;line-height:1.5}.stream-phase-detail{font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums}
.stream-phase-note{font-size:11px;color:var(--muted);line-height:1.5;margin-top:5px}.stream-phase-heading:empty,.stream-phase-detail:empty,.stream-phase-note:empty{display:none}
.update-card .stream-progress:indeterminate{background:repeating-linear-gradient(120deg,var(--surface-alt),var(--surface-alt) 10px,var(--accent-soft) 10px,var(--accent-soft) 20px)}
.update-card .stream-progress:indeterminate::-webkit-progress-bar{background:repeating-linear-gradient(120deg,var(--surface-alt),var(--surface-alt) 10px,var(--accent-soft) 10px,var(--accent-soft) 20px)}
.update-card[data-stream-schedule-id] .update-phase{font-size:11px;color:var(--muted);margin-top:10px}
.update-actions{display:flex;gap:8px;margin-top:16px}.update-actions .button{min-height:36px;font-size:12px;padding:6px 12px}.update-actions .update-stop{margin-left:auto;color:var(--muted);background:transparent}.update-actions .update-stop:hover{color:var(--ink)}
.update-error{margin-top:14px;border-top:1px solid var(--line);padding-top:12px;font-size:12px;color:var(--muted)}.update-error .text-button{padding:8px 0 0;font-size:12px}.updates-empty{padding:24px 18px;color:var(--muted);font-size:13px}
@container preview (max-width:760px){.topbar{grid-template-columns:minmax(0,1fr) auto}.topbar-tools{grid-column:2;gap:10px}.updates-toggle{width:34px;height:34px}.update-actions .button{min-height:44px}}
.view-loading{padding:50px 0;color:var(--muted);text-align:center}.account-passkeys{margin-top:24px}.account-passkeys>h3{font-size:16px;margin-bottom:12px}.account-passkeys>.button{margin-top:16px}.account-passkeys .admin-helper{margin-top:12px}.avatar-fallback{display:inline-grid;place-items:center;background:var(--surface-alt);font-weight:650;color:var(--muted);flex-shrink:0}
.directory-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;color:var(--muted);font-size:12px;flex-wrap:wrap}
@media(max-width:600px){.account-passkeys .setting-row{flex-wrap:wrap;gap:10px}}

.activity-search-wrap{position:relative;flex:1;min-width:0}
.activity-search-wrap .activity-search{width:100%}
.activity-player-options{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 12px 30px #0002;max-height:320px;overflow:auto}
.activity-player-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px;text-align:left;border-radius:7px}
.activity-player-options button:hover,.activity-player-options [aria-selected=true]{background:var(--surface-alt)}
.activity-player-options small,.activity-search-mode{color:var(--muted);font-size:11px}
.activity-search-mode{display:block;margin-top:6px}

tr[data-player-row]{cursor:pointer}

.player-meta .player-alliance-summary{display:none}
@container content (max-width:820px){.player-meta .player-alliance-summary{display:inline}}
.invader-count{display:inline-flex;padding:2px 6px;border-radius:5px;background:#ff466e18;color:#c32649;font-size:10px;white-space:nowrap}
[data-theme=dark] .invader-count{color:#ff94aa}
.invader-panel{margin:0 0 24px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.invader-panel.has-invaders{border-color:#ff466e;background:color-mix(in srgb,var(--surface) 94%,#ff466e)}
.invader-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.invader-panel-heading strong{font-size:16px}.invader-panel p{color:var(--muted);font-size:12px;margin-top:4px}
.invader-panel-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:var(--muted)}.invader-panel-actions{margin-top:16px}
.invader-people{margin-top:16px}.invader-people summary{font-size:12px;cursor:pointer}.invader-people>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:12px}
.invader-person{display:flex;flex-direction:column;gap:5px;padding:12px;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.invader-person span,.invader-person small{font-size:11px;color:var(--muted)}
.invasion-state-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:10px}.invasion-state-options label{display:flex;align-items:center;gap:10px;min-width:0}.invasion-state-options input{flex:none;width:18px;height:18px}.invasion-state-options legend{font-weight:600;font-size:13px}
.invasion-setting-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
@container content (max-width:500px){.invader-panel{padding:16px}.invader-panel-heading{gap:10px}.invader-panel-heading>.button{padding:8px 12px}.invader-panel-meta{display:grid;gap:6px}.invasion-settings .setting-row{gap:10px;flex-wrap:wrap}.invader-people>div{grid-template-columns:1fr}}

.search-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;color:var(--muted);font-size:12px;line-height:1.6}
.search-error .text-button{flex:none;color:var(--accent)}

.map-world-layers{position:relative}.map-world-layers>summary{cursor:pointer;white-space:nowrap;padding:7px 10px;border:1px solid var(--line,#67727d);border-radius:7px}.map-world-layers[open]>div{position:absolute;top:calc(100% + 6px);left:auto;right:0;z-index:12;min-width:240px;padding:14px;display:grid;gap:12px;background:var(--surface,#fff);border:1px solid var(--line,#67727d);border-radius:10px;box-shadow:0 8px 24px #0003}.map-view{container:map-view / inline-size}.map-surface{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.map-surface.has-details{grid-template-columns:minmax(0,1fr) 300px}.map-surface>.map-stage{min-width:0}.map-object-details{position:static;box-sizing:border-box;min-width:0;width:auto;margin:0;padding:14px;background:var(--surface,#fff);color:var(--ink,#17212b);border:1px solid var(--line,#67727d);border-radius:10px;box-shadow:0 8px 30px #0004}.map-object-details[hidden]{display:none}.map-object-heading{display:flex;justify-content:space-between;gap:12px}.map-object-heading button{padding:0 8px}.map-object-details dl{margin:10px 0;display:grid;gap:8px}.map-object-details dt{font-size:11px;opacity:.7}.map-object-details dd{margin:0;font-size:13px;overflow-wrap:anywhere}.map-object-details small{display:block;margin-top:10px;opacity:.7}.map-object-list{display:grid;gap:6px}.map-object-list>button{display:grid;text-align:left;gap:4px;padding:10px}.map-object-list small{opacity:.75}@media(max-width:760px){.map-world-layers[open]>div{left:auto;right:0;max-width:calc(100vw - 48px)}}
@media(max-width:760px){.map-toolbar{position:relative}.map-world-layers{position:static}.map-world-layers[open]>div{left:0;right:auto}}
.map-object-access .map-object-list{position:absolute;z-index:4;bottom:calc(100% + 6px);right:0;width:min(300px,calc(100vw - 48px));max-height:360px;overflow:auto;padding:5px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 30px #0003}.map-object-access .map-object-list>button{width:100%;border-radius:7px}.map-object-access .map-object-list>button:hover{background:var(--surface-alt)}
@media(max-width:760px){.map-access{position:relative}.map-access .map-object-access{position:static}.map-object-access .map-object-list{left:0;right:0;width:auto}}
.map-object-details{user-select:text;-webkit-user-select:text}.map-object-details dl{max-height:min(260px,35vh);overflow:auto;touch-action:pan-y;padding-right:4px}@container map-view (max-width:900px){.map-surface.has-details{grid-template-columns:minmax(0,1fr)}.map-object-details dl{max-height:180px}}

.map-stage .map-tooltip{transform:none;max-width:min(260px,calc(100% - 80px));box-sizing:border-box}

@container map-view (max-width:760px){.map-toolbar{position:relative}.map-world-layers{position:static}.map-world-layers[open]>div{left:0;right:auto;max-width:100%;box-sizing:border-box}}
