/* Identical header geometry on every prototype page, including both terminal states. */
html{overflow-y:scroll;scrollbar-gutter:stable}
body>header.topbar{display:flex;align-items:center;max-width:none;width:100%;box-sizing:border-box;margin:0;min-height:80px;padding:18px max(24px,calc((100% - 1120px)/2));gap:32px}
body:has(.player-preview)>header.topbar,body:has(.scenic-login)>header.topbar{min-height:80px;padding:18px max(24px,calc((100% - 1120px)/2));gap:32px}
body>header.topbar .brand{flex:0 0 26px}
body>header.topbar .brand img{width:26px;height:auto}
body>header.topbar .site-navigation{gap:28px;flex-wrap:wrap;align-self:stretch}
body>header.topbar .site-navigation a{font-size:.72rem;font-weight:400;letter-spacing:.08em;padding:8px 0}
body>header.topbar .site-navigation a[aria-current=page]::after{bottom:0;background:var(--copper)}
@media(max-width:760px){body>header.topbar,body:has(.player-preview)>header.topbar,body:has(.scenic-login)>header.topbar{padding:16px 20px;gap:14px;flex-wrap:wrap}body>header.topbar .site-navigation{gap:12px 18px;flex-basis:100%;order:3;padding-top:12px}body>header.topbar .site-navigation a{font-size:.62rem}}

/* USD is secondary to the exact EON amount used by transactions. */
[data-usd-value]::after{content:attr(data-usd-value);display:block;font:400 11px/1.5 var(--mono,monospace);letter-spacing:0;text-transform:none;margin-top:6px;color:var(--muted);white-space:normal}
.world-hero [data-usd-value]::after{color:#e3dfe9}
button[data-usd-value]::after,.primary[data-usd-value]::after{color:inherit}

.metric-exact[hidden]{display:none}
[data-eon-atomic]{font-variant-numeric:tabular-nums}
.chip-reward[data-usd-value],.governor-proposal-eon[data-usd-value]{display:inline-flex;flex-direction:column;align-items:flex-start}

/* Operator notice: a faction launching, a short restart. Sits under the top bar on every public page. */
.site-notice{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;padding:10px 20px;border-bottom:1px solid #d9b96a;background:#f7ecd0;color:#4a3308;font-size:.92rem}
.site-notice-title{letter-spacing:.02em}
.site-notice-maintenance{background:#e9eef7;border-color:#9fb3d9;color:#1f2f4d}
@media (prefers-color-scheme: dark){.site-notice{background:#3a2f12;border-color:#7a5f1e;color:#f0d78a}.site-notice-maintenance{background:#1b2436;border-color:#3b5580;color:#c9d8f5}}

.site-notice{position:sticky;top:0;z-index:1001}

.receipt-history{width:100%;box-sizing:border-box;margin-top:20px;padding-top:12px;border-top:1px solid var(--line);font-size:12px}.receipt-history summary{cursor:pointer;color:var(--muted);padding:6px 0}.receipt-history-scroll{max-height:190px;overflow:auto;overscroll-behavior:contain;margin-top:8px}.receipt-history-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,2fr) auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);align-items:start}.receipt-history-row time{color:var(--muted)}.receipt-history-row strong{text-transform:capitalize}.receipt-history-row a{white-space:nowrap}@media(max-width:600px){.receipt-history-row{grid-template-columns:1fr}.receipt-history-row time{font-size:11px}}