/* GENERATED by overlay/v3/build.mjs: the v3 header and footer on the World and DNN pages */
/* overlay/v3/css/tokens.css, 66 used properties, scoped */
@font-face { font-family: "DL Archivo"; src: url("/fonts/archivo-800.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "DL Inter"; src: url("/fonts/inter-400.woff2") format("woff2"); font-weight: 100 549; font-style: normal; font-display: swap; }
@font-face { font-family: "DL Inter"; src: url("/fonts/inter-600.woff2") format("woff2"); font-weight: 550 900; font-style: normal; font-display: swap; }
@font-face { font-family: "DL Mono"; src: url("/fonts/jetbrains-mono-500.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "DL Archivo Fallback"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"); font-weight: 100 900; size-adjust: 102.5%; ascent-override: 85.7%; descent-override: 20.5%; line-gap-override: 0%; }
@font-face { font-family: "DL Inter Fallback"; src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("LiberationSans"); font-weight: 100 549; size-adjust: 107.3%; ascent-override: 90.2%; descent-override: 22.5%; line-gap-override: 0%; }
@font-face { font-family: "DL Inter Fallback"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"); font-weight: 550 900; size-adjust: 101.1%; ascent-override: 95.8%; descent-override: 23.9%; line-gap-override: 0%; }
@font-face { font-family: "DL Mono Fallback"; src: local("Courier New"), local("CourierNewPSMT"), local("Liberation Mono"), local("LiberationMono"); font-weight: 100 900; size-adjust: 100%; ascent-override: 102%; descent-override: 30%; line-gap-override: 0%; }
body:is([data-page="studio"], [data-page="docs"], [data-page="import"], [data-page="token"]) > :is(.skip, .hd, .sb, .ft) { --bg: #0F0C18; --sf: #17121F; --sf2: #201826; --sf3: #2B2132; --ln: #2E2433; --ln2: #43344A; --fg: #FFF6E8; --fgl: #E6D9CB; --mu: #B8AAA8; --control: #8E7FA6; --warm-amber: #FFB65C; --dusk-page: linear-gradient(180deg, #1B1530 0%, #0F0C18 520px); --shadow-warm: rgba(18,6,14,.55); --head: "DL Archivo", "DL Archivo Fallback", system-ui, sans-serif; --sans: "DL Inter", "DL Inter Fallback", system-ui, sans-serif; --mono: "DL Mono", "DL Mono Fallback", ui-monospace, monospace; --c-bg: var(--bg); --c-surface: var(--sf); --c-surface-2: var(--sf2); --c-surface-3: var(--sf3); --c-text: var(--fg); --c-text-read: var(--fgl); --c-muted: var(--mu); --c-text-plate: var(--ac-fg); --c-line: var(--ln); --c-edge: var(--ln2); --c-control: var(--control); --c-accent: var(--ac); --c-focus: var(--ac); --hover-row-bg: var(--sf2); --t-h1: clamp(2rem, 1.643rem + 1.786vw, 3.25rem); --t-stat: clamp(0.9375rem, 0.902rem + 0.179vw, 1.0625rem); --t-read: clamp(1.0625rem, 1.027rem + 0.179vw, 1.1875rem); --t-body: 0.9375rem; --t-ui: 0.875rem; --t-small: 0.8125rem; --t-mono: 0.78125rem; --w-head: 800; --w-strong: 600; --w-mono: 500; --tr-head: -0.02em; --s-1: 2px; --s-2: 4px; --s-3: 8px; --s-4: 12px; --s-5: 16px; --s-6: 20px; --s-7: 24px; --s-8: 32px; --s-9: 48px; --s-10: 72px; --step-s: 2px; --r-sheet: 16px; --el-float: 0 18px 40px -22px var(--shadow-warm), 0 0 0 1px rgba(255,182,92,.06); --el-sheet: 0 -14px 36px -18px var(--shadow-warm); --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--c-focus); --pfp-24: 24px; --rail-w: clamp(340px, 25vw, 360px); --hd-h: 56px; --bar-h: calc(56px + env(safe-area-inset-bottom)); --hit-min: 44px; --maxw-channel: 1560px; --z-popover: 50; --z-toast: 70; --d-fast: 140ms; --e-out: cubic-bezier(.16,1,.3,1); }
@media (pointer: coarse) { body:is([data-page="studio"], [data-page="docs"], [data-page="import"], [data-page="token"]) > :is(.skip, .hd, .sb, .ft) { --t-mono: 0.8125rem; } }
@media (prefers-reduced-motion: reduce) { body:is([data-page="studio"], [data-page="docs"], [data-page="import"], [data-page="token"]) > :is(.skip, .hd, .sb, .ft) { --d-fast: 0ms; } }

/* overlay/world-chrome.css */
.hd, .ft { font-family: var(--sans); font-size: 15px; line-height: 1.5; color: var(--fg); letter-spacing: normal; }
.hd .btn:focus-visible { clip-path: var(--cut); outline: 0; box-shadow: inset 0 0 0 2px var(--bg), inset 0 0 0 4px var(--ac); }
body > .toast { clip-path: none; max-inline-size: none; animation: none; }
body.world { display: flex; flex-direction: column; height: 100%; height: 100dvh; overflow: hidden; }
body.world > .hd { flex: none; position: relative; }
body.world > .kw-vp { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; contain: layout paint; }
body.world .tb-brand, body.world .tb-news { display: none; }
.dnn-page .desks { top: var(--kit-hd-h, 0px); }
html:has(.dnn-page) { scroll-padding-top: calc(var(--kit-hd-h, 0px) + var(--nav-h) + var(--s-5)); }
@media (min-width: 1024px) { .dnn-page .top-side { top: calc(var(--kit-hd-h, 0px) + var(--nav-h) + var(--s-5)); } }
body.world:has(> .gx-hud) :is(#hero, #intro, .topbar, .newsdock, .ticker, .dir, .banners, .bottombar) { display: none !important; }
@media (min-width: 1024px) {
  body.world:has(> .gx-hud):not([data-gx-layers]) .rail { display: none; }
  body.world[data-gx-layers] .gx-legend { display: none; }
  body.world[data-gx-layers] .rail-close { display: inline-flex; }
}
body:has(> .v3-ribbon) > .gx-hud { --ribbon-now: 24px; }
@media (max-width: 29.99em) { .v3-ribbon-a { display: none; } }
body > .gx-hud { --hd: calc(var(--ribbon-now, 0px) + 56px); --in: 16px; font-family: var(--sans); color: var(--fg); }
@media (min-width: 64em) { body > .gx-hud { --in: 24px; } }
.gx-back, .gx-what, .gx-legend { position: fixed; z-index: var(--z-hud, 30); }
.gx-back { top: calc(var(--hd) + var(--in)); left: var(--in); display: inline-flex; align-items: center; gap: var(--s-3); min-block-size: 44px; padding: 0 var(--s-5);
  background: var(--sf); border: 1px solid var(--ln2); border-radius: var(--step); color: var(--fg); font: 600 var(--t-ui) / 1 var(--sans); text-decoration: none; }
.gx-back::before { content: ""; inline-size: 6px; block-size: 6px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
@media (hover: hover) and (pointer: fine) { .gx-back { transition: border-color var(--d-fast) var(--e-out); } .gx-back:hover { border-color: var(--c-control); } }
.gx-what { top: calc(var(--hd) + var(--in) + 44px + var(--s-5)); left: var(--in); max-inline-size: min(360px, calc(100vw - 2 * var(--in))); margin: 0; padding: var(--s-5);
  background: var(--sf); border-radius: var(--step); color: var(--fgl); font-size: var(--t-hud); line-height: 20px; text-wrap: pretty; }
.gx-chip { display: inline-block; padding: 1px 6px; border: 1px dashed var(--c-control); border-radius: var(--step-s); background: var(--sf); color: var(--fg); font: 500 12px / 16px var(--mono); vertical-align: 1px; white-space: nowrap; }
.gx-legend { left: var(--in); bottom: var(--in); inline-size: 320px; max-block-size: calc(100dvh - var(--hd) - 200px); overflow-y: auto; padding: 0 var(--s-5) var(--s-2);
  background: var(--sf); border: 1px solid var(--ln2); border-radius: var(--step); color: var(--fgl); }
.gx-legend > summary { display: flex; align-items: center; justify-content: space-between; min-block-size: 44px; cursor: pointer; list-style: none; color: var(--fg); font: 600 var(--t-ui) / 20px var(--sans); }
.gx-legend > summary::-webkit-details-marker { display: none; }
.gx-legend > summary::after { content: ""; inline-size: 6px; block-size: 6px; border-right: 2px solid var(--mu); border-bottom: 2px solid var(--mu); transform: translateY(2px) rotate(-135deg); }
.gx-legend:not([open]) > summary::after { transform: translateY(-2px) rotate(45deg); }
.gx-rows { display: grid; gap: var(--s-3); margin: 0 0 var(--s-4); padding: 0; list-style: none; font-size: var(--t-hud); line-height: 20px; }
.gx-rows li { display: grid; grid-template-columns: 20px 1fr; gap: var(--s-4); align-items: start; }
.gx-rows svg { display: block; margin-top: 0; }
.gx-hint { margin: 0 0 var(--s-2); color: var(--mu); font-size: var(--t-small); line-height: 18px; }
.gx-hint-t { display: none; }
@media (pointer: coarse) { .gx-hint-t { display: inline; } .gx-hint-p { display: none; } }
.gx-acts { display: flex; flex-wrap: wrap; gap: 0 var(--s-5); margin: 0; }
.gx-tb { min-block-size: 44px; padding: 0; background: none; border: 0; color: var(--fg); font: 600 var(--t-small) / 1 var(--sans); text-decoration: underline; text-decoration-color: var(--c-control); text-underline-offset: 3px; cursor: pointer; }
:is(.gx-back, .gx-legend > summary, .gx-tb):focus-visible { outline: none; box-shadow: var(--focus-ring); }
@media (max-width: 767.98px) {
  .gx-what { font-size: var(--t-small); line-height: 18px; padding: var(--s-4); }
  .gx-legend { left: 0; right: 0; bottom: 0; inline-size: auto; max-block-size: 50dvh; padding-bottom: calc(var(--s-2) + env(safe-area-inset-bottom)); border-radius: var(--r-sheet) var(--r-sheet) 0 0;
    border-width: 1px 0 0; box-shadow: var(--el-sheet); }
  .gx-legend > summary { min-block-size: 56px; }
  body.world:has(> .gx-hud) .mapctl { bottom: calc(56px + 16px + env(safe-area-inset-bottom)); }
}
body.world:has(> .gx-hud) #stage { background: var(--bg) image-set(url("/img/v3/galaxy-poster-1600.avif") type("image/avif"), url("/img/v3/galaxy-poster-1600.webp") type("image/webp")) center / cover no-repeat; view-transition-name: galaxy; }
body.world:has(> .gx-hud) .gl { transition: opacity 200ms cubic-bezier(.16, 1, .3, 1); }
body.world .lbl-tip { transition: opacity 120ms cubic-bezier(.16, 1, .3, 1); }
@starting-style { body.world .lbl-tip { opacity: 0; } }
body.world.rm .lbl-tip { transition: none; }
@media (prefers-reduced-motion: reduce) { body.world .lbl-tip, body.world:has(> .gx-hud) .gl { transition: none; } }
html:has(> body.world)::view-transition-group(galaxy) { animation-duration: 360ms; animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
html:has(> body.world)::view-transition-old(galaxy), html:has(> body.world)::view-transition-new(galaxy) { block-size: 100%; object-fit: cover; }
html:has(> body.world)::view-transition-image-pair(galaxy) { overflow: clip; }
html:has(> body.world)::view-transition-old(root) { animation: none; }
html:has(> body.world)::view-transition-new(root) { animation: gx-vt-in 140ms cubic-bezier(.16, 1, .3, 1) 220ms both; }
@keyframes gx-vt-in { from { opacity: 0; } }
@media (max-width: 47.99em) {
  body.world > .hd--sb .brand { display: none; }
  body.world > .hd--sb .sa-list { gap: 0; }
  body.world > .hd--sb .sa-list a { padding-inline: 6px; }
}
@media (max-width: 22.49em) { body.world > .hd--sb .sa-list a { font-size: 13px; } }
body.world:has(> .gx-hud) .note2d { top: 0; left: auto; right: 0; }
@media (max-width: 767.98px) {
  body.world:has(> .gx-hud) .note2d { top: auto; right: 0; left: 0; bottom: calc(56px + 72px + env(safe-area-inset-bottom)); max-inline-size: none; }
  body.world:has(> .gx-hud) .try3d-m { position: fixed; z-index: var(--z-hud, 30); top: auto; left: 16px; transform: none; bottom: calc(56px + 16px + env(safe-area-inset-bottom)); }
}
body.world:has(> .gx-hud):not([data-gx-deep]) .lt { display: none; }
@media (max-width: 767.98px) { body.world:has(.gx-legend[open]) .note2d { visibility: hidden; } }
body.world.rail-open > .gx-hud :is(.gx-what, .gx-legend) { display: none; }
@media (max-width: 1023.98px) { body.world:has(#panel:not([hidden])) > .gx-hud :is(.gx-what, .gx-legend) { display: none; } }
@media (min-width: 1024px) {
  body.world[data-gx-layers] > .gx-hud :is(.gx-back, .gx-what) { left: calc(var(--hud-inset, 16px) + var(--rail-w, var(--hud-rail, 264px)) + var(--in)); }
}
@media (max-width: 767.98px) {
  body.world:is(.rail-open, :has(#panel:not([hidden]))) .note2d { visibility: hidden; }
  body.world:has(> .gx-hud .gx-legend[open]) .mapctl { visibility: hidden; }
}

/* overlay/v3/css/chrome/header.css */
:is(body > .hd, body > .ft) .vh { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
body > .skip { z-index: var(--z-toast); }
:is(body > .hd, body > .ft) .btn { clip-path: none; border-radius: var(--step); min-height: var(--hit-min); padding: 0 var(--s-6); font-size: var(--t-ui); gap: var(--s-3); text-decoration: none; }
:is(body > .hd, body > .ft) .btn.pri { min-height: 48px; background: var(--c-accent); color: var(--c-text-plate); box-shadow: none; }
:is(body > .hd, body > .ft) .btn.pri:hover { background: var(--ac-h); }
:is(body > .hd, body > .ft) .btn.sec { background: var(--c-surface-2); color: var(--c-text); box-shadow: inset 0 0 0 1px var(--c-control); }
:is(body > .hd, body > .ft) .btn.sec:hover { background: var(--c-surface-3); }
:is(body > .hd, body > .ft) .btn:focus-visible, :is(body > .hd, body > .ft) .btn.pri:focus-visible { box-shadow: var(--focus-ring); }
:is(body > .hd, body > .ft) .btn.sec:focus-visible { box-shadow: inset 0 0 0 1px var(--c-control), var(--focus-ring); }
:is(body > .hd, body > .ft) .btn[aria-busy="true"] { color: transparent; position: relative; }
:is(body > .hd, body > .ft) .tbtn, :is(body > .hd, body > .ft) .tlink { display: inline-flex; align-items: center; min-height: var(--hit-min); color: var(--c-text); font-weight: var(--w-strong); font-size: var(--t-ui); text-decoration: underline; text-decoration-color: var(--c-control); text-underline-offset: 3px; background: none; border: 0; padding: 0; cursor: pointer; }
:is(body > .hd, body > .ft) .tbtn:hover, :is(body > .hd, body > .ft) .tlink:hover { text-decoration-color: var(--c-text); }
:is(body > .hd, body > .ft) .tbtn[aria-disabled="true"] { color: var(--c-muted); cursor: not-allowed; }
:is(body > .hd, body > .ft) .ctas { display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: center; max-width: none; }
body > .hd { position: sticky; top: 0; z-index: 20; background: var(--c-bg); border-bottom: 1px solid var(--c-line); }
:is(body > .hd, body > .ft) .hd-in { max-width: var(--maxw-channel); margin: 0 auto; padding: 0 var(--gutter); min-height: var(--hd-h); height: var(--hd-h); flex-wrap: nowrap; display: flex; align-items: center; gap: var(--s-5); }
:is(body > .hd, body > .ft) .brand { display: inline-flex; align-items: center; gap: var(--s-3); min-height: var(--hit-min); flex: none; }
:is(body > .hd, body > .ft) .brand img { image-rendering: pixelated; }
:is(body > .hd, body > .ft) .brand-name { font-family: var(--head); font-weight: var(--w-head); font-size: var(--t-stat); color: var(--c-text); letter-spacing: var(--tr-head); }
:is(body > .hd, body > .ft) .nav { display: none; }
:is(body > .hd, body > .ft) .nav-list { display: flex; flex-wrap: wrap; }
:is(body > .hd, body > .ft) .nav-list a { display: inline-flex; align-items: center; min-height: var(--hd-h); padding-inline: 6px; color: var(--c-muted); font-weight: var(--w-strong); font-size: var(--t-ui); border-bottom: 2px solid transparent; }
:is(body > .hd, body > .ft) .nav-list a:hover { color: var(--c-text); }
:is(body > .hd, body > .ft) .nav-list a[aria-current="page"] { color: var(--c-text); border-bottom-color: var(--c-text); }
:is(body > .hd, body > .ft) .hd-act { margin-left: auto; display: flex; align-items: center; gap: var(--s-3); }
:is(body > .hd, body > .ft) .hd-item { display: none; min-height: var(--hit-min); padding-inline: var(--s-3); color: var(--c-muted); font-weight: var(--w-strong); font-size: var(--t-ui); }
:is(body > .hd, body > .ft) .hd-item:hover, :is(body > .hd, body > .ft) .hd-item[aria-expanded="true"] { color: var(--c-text); }
:is(body > .hd, body > .ft) .wallet-btn { padding-inline: var(--s-4); }
:is(body > .hd, body > .ft) .wallet-face:empty { display: none; }
:is(body > .hd, body > .ft) .wallet-face svg { width: var(--pfp-24); height: var(--pfp-24); }
:is(body > .hd, body > .ft) .menu-btn { display: inline-flex; align-items: center; gap: var(--s-3); min-height: var(--hit-min); padding-inline: var(--s-3); color: var(--c-text); font-weight: var(--w-strong); font-size: var(--t-ui); }
:is(body > .hd, body > .ft) .menu-glyph { fill: currentColor; }
:is(body > .hd, body > .ft) .menu-glyph .g-shut, :is(body > .hd, body > .ft) .menu-btn[aria-expanded="true"] .g-open { display: none; }
:is(body > .hd, body > .ft) .menu-btn[aria-expanded="true"] .g-shut { display: inline; }
:is(body > .hd, body > .ft) .menu { border-top: 1px solid var(--c-line); background: var(--c-surface); border-bottom: 1px solid var(--c-edge); max-height: calc(100dvh - var(--hd-h)); overflow: auto; padding: var(--s-4) var(--gutter) var(--s-6); }
:is(body > .hd, body > .ft) .menu-pin { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-3); margin-bottom: var(--s-4); }
:is(body > .hd, body > .ft) .menu-pin-b { min-height: 48px; background: var(--c-surface-2); border-radius: var(--step); font-weight: var(--w-strong); color: var(--c-text); }
:is(body > .hd, body > .ft) .menu-list a, :is(body > .hd, body > .ft) .menu-more a { display: flex; align-items: center; min-height: 48px; font-weight: var(--w-strong); font-size: var(--t-stat); color: var(--c-text); border-bottom: 1px solid var(--c-line); }
:is(body > .hd, body > .ft) .menu-list a[aria-current="page"] { text-decoration: underline; text-underline-offset: 6px; }
:is(body > .hd, body > .ft) .menu-more a { color: var(--c-text-read); font-size: var(--t-ui); }
@media (max-width: 22.49em) { :is(body > .hd, body > .ft) .brand-name { display: none; } }
@media (min-width: 64em) { :is(body > .hd, body > .ft) .nav { display: block; } :is(body > .hd, body > .ft) .hd-item { display: inline-flex; align-items: center; } :is(body > .hd, body > .ft) .menu-btn, :is(body > .hd, body > .ft) .menu { display: none !important; } }
@media (min-width: 75em) { :is(body > .hd, body > .ft) .nav-list a { padding-inline: var(--s-4); } }
@media (max-height: 500px) { body > .hd { position: static; } }
:is(body > .hd, body > .ft) .pop { position: fixed; z-index: var(--z-popover); top: calc(var(--hd-h-now) + var(--ribbon-now) + var(--s-3)); right: var(--gutter); width: min(380px, calc(100vw - 2 * var(--gutter)));
  max-height: calc(100dvh - var(--hd-h-now) - var(--ribbon-now) - var(--s-7)); overflow: auto; background: var(--c-surface); border: 1px solid var(--c-edge); border-radius: var(--step);
  box-shadow: var(--el-float); padding: var(--s-6); display: grid; gap: var(--s-4); color: var(--c-text-read); font-size: var(--t-body); outline: none; }
:is(body > .hd, body > .ft) .pop-t { font-family: var(--sans); font-weight: var(--w-strong); font-size: var(--t-stat); letter-spacing: 0; outline: none; }
:is(body > .hd, body > .ft) .pop-rows:empty { display: none; }
:is(body > .hd, body > .ft) .pop-rows a { display: flex; align-items: center; gap: var(--s-4); min-height: 56px; color: var(--c-text); }
:is(body > .hd, body > .ft) .pop-rows a:hover { background: var(--hover-row-bg); }
:is(body > .hd, body > .ft) .pop-close { justify-self: start; }
:is(body > .hd, body > .ft) .pop-status { color: var(--c-text); }
body > .ft { border-top: 1px solid var(--c-line); margin-top: var(--s-10); background: var(--c-bg); }
:is(body > .hd, body > .ft) .ft-in { max-width: var(--maxw-channel); margin: 0 auto; padding: var(--s-9) var(--gutter) calc(var(--s-9) + var(--bar-h)); display: grid; gap: var(--s-7); }
:is(body > .hd, body > .ft) .ft-name { font-family: var(--head); font-weight: var(--w-head); font-size: var(--t-stat); color: var(--c-text); }
:is(body > .hd, body > .ft) .ft-line { color: var(--c-text-read); }
:is(body > .hd, body > .ft) .ft-about, :is(body > .hd, body > .ft) .ft-stats { color: var(--c-muted); font-size: var(--t-small); margin-top: var(--s-3); }
:is(body > .hd, body > .ft) .ft-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5); }
:is(body > .hd, body > .ft) .ft-nav a, :is(body > .hd, body > .ft) .ft-b { display: inline-flex; align-items: center; min-height: var(--hit-min); min-width: var(--hit-min); color: var(--c-text-read); font-size: var(--t-ui); text-align: left; }
:is(body > .hd, body > .ft) .ft-nav a:hover, :is(body > .hd, body > .ft) .ft-b:hover { color: var(--c-text); }
:is(body > .hd, body > .ft) .ft-honesty { color: var(--c-text-read); font-size: var(--t-small); max-width: 60em; }
@media (min-width: 48em) { :is(body > .hd, body > .ft) .ft-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); } :is(body > .hd, body > .ft) .ft-in { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } :is(body > .hd, body > .ft) .ft-honesty, :is(body > .hd, body > .ft) .ft-stats { grid-column: 1 / -1; } }
@media (min-width: 64em) { :is(body > .hd, body > .ft) .ft-in { padding-bottom: var(--s-9); } }
:is(body > .hd, body > .ft) .sheet { border: 1px solid var(--c-edge); border-radius: var(--r-sheet); background: var(--c-surface); color: var(--c-text-read); padding: var(--s-7); width: min(480px, calc(100vw - 32px)); max-height: 85dvh; box-shadow: var(--el-sheet); }
:is(body > .hd, body > .ft) .sheet::backdrop { background: color-mix(in srgb, var(--c-bg) 70%, transparent); }
:is(body > .hd, body > .ft) .sheet h2 { font-family: var(--sans); font-weight: var(--w-strong); font-size: var(--t-stat); letter-spacing: 0; margin-bottom: var(--s-4); outline: none; }
:is(body > .hd, body > .ft) .sheet p { margin-bottom: var(--s-4); }
:is(body > .hd, body > .ft) :focus-visible { outline: 2px solid var(--c-focus); outline-offset: 2px; }
body > .hd { position: sticky; top: var(--ribbon-now, 0px); z-index: 40; }
body.world > .hd { position: relative; }

/* overlay/v3/css/chrome/warm.css */
:root { --bg: #0F0C18; --sf: #17121F; --sf2: #201826; --sf3: #2B2132; --ln: #2E2433; --ln2: #43344A; --fg: #FFF6E8; --fgl: #E6D9CB; --mu: #B8AAA8; --mu2: #8A7B84;
  --ok: #5BE08C; --bad: #FF7A8C; --code: #0A0710; --code2: #130E1A; --c-control: #8E7FA6; --px-dark: #2A2036; --px-body: #F1E6D6; --px-lo: #A89BAE; --px-screen: #0A0710; --px-glass: #201826; --px-ground: #0F0C18;
  --elev: inset 0 1px 0 rgba(255,214,150,.05), 0 12px 32px -20px rgba(18,6,14,.55); --grid: radial-gradient(rgba(255,214,150,.035) 1px, transparent 1px);
  --sky0: #1B1530; --sky1: #2A1B3A; --sky2: #4A2543; --horizon: #FFB65C; --glow: rgba(255,214,150,.55); --glow2: rgba(255,214,150,.32);
  --warm-amber: #FFB65C; --warm-amber-text: #FFC879; --glow-cyan: #7EE6D8; --shadow-warm: rgba(18,6,14,.55);
  --dusk-sky: linear-gradient(180deg, #1B1530 0%, #2A1B3A 30%, #4A2543 55%, #7A3B4A 78%, #C46A55 92%, #F2A65A 100%);
  --dusk-page: linear-gradient(180deg, #1B1530 0%, #0F0C18 520px);
  --dusk-horizon: linear-gradient(180deg, rgba(196,106,85,0) 0%, rgba(196,106,85,.28) 60%, rgba(242,166,90,.42) 100%);
  --lamp-pool-ui: radial-gradient(ellipse 52% 42% at 50% 50%, rgba(255,182,92,.22) 0%, rgba(255,182,92,.09) 48%, rgba(255,182,92,0) 72%);
  --el-2: 0 2px 0 rgba(18,6,14,.6), 0 14px 32px -10px rgba(18,6,14,.6), 0 0 0 1px rgba(255,182,92,.06); }
html body[data-page] { background: var(--dusk-page) no-repeat, var(--bg); background-size: 100% 520px, auto; }

/* overlay/v3/css/chrome/world-warm.css */
body.world, body.dnn-page { --r-pill: 3px; --c-control: #6B5A6E; --vote: #B9A6FF; --warn: #FFB65C; --ac2: #FFC879; --n-solvane: #8FA8D8; --n-velloria: #86CFC0; }
body.world, body.dnn-page { --head: "DL Archivo", "DL Archivo Fallback", system-ui, sans-serif; --sans: "DL Inter", "DL Inter Fallback", system-ui, sans-serif; --mono: "DL Mono", "DL Mono Fallback", ui-monospace, monospace; }
body.world :is(.rail, .panel, .pop, .newsbox) { box-shadow: 0 14px 32px -18px var(--shadow-warm, rgba(18,6,14,.55)), inset 0 0 0 1px var(--ln2); border-radius: 3px; }
.dnn-page :is(.story-std, .corr, .watchslab, .top-side > section, .art-side > section) { clip-path: none; border: 1px solid var(--ln2); border-radius: 3px; background: var(--sf); box-shadow: 0 12px 28px -22px var(--shadow-warm, rgba(18,6,14,.55)); }
.dnn-page .story-std:hover { border-color: var(--warm-amber, #FFB65C); }
.dnn-page :is(.breaking-tag, .cover-dnn) { text-transform: none; letter-spacing: 0; }
.dnn-page :is(.story-body, .art-body, .art-dek) { max-inline-size: 68ch; }
.dnn-page :is(.times, .story-meta, .kicker) time, body.world .stat-l { font-family: var(--sans); font-size: var(--t-small); color: var(--fgl); letter-spacing: 0; }
body.world :is(.seg-b, .tgl, .tgl-sm, .society button, .btn, .btn-hud, .dir-pill) { min-block-size: 32px; }
body.world .btn-hud.sq { inline-size: 32px; }
body.world :is(.btn, .btn-hud, .seg-b, .tgl, .tgl-sm, .society button, .dir-pill, .zoom button), .dnn-page :is(.btn, .tbtn, .crawl button, .crawl-toggle) { border-radius: 3px; clip-path: none; }
.dnn-page .chip { border-radius: 2px; font-size: 12px; }
body.world :is(.nb-note, .nb-meta, .hero-hint) { font-family: var(--sans); letter-spacing: 0; }
.dnn-page .chip { position: relative; }
.dnn-page .chip::after { content: ""; position: absolute; inset: -10px -2px; }
@media (pointer: coarse) {
  body.world, body.dnn-page { --hit-small: 44px; }
  body.world :is(button, .btn, .btn-hud, .seg-b, .tgl, .tgl-sm, .society button, .dir-pill, a.lnk, .nb-read, .nb-hd, .ch-open), .dnn-page :is(.btn, .lnk, .desks a, .breaking-hide, .breaking-link, .mast a, .mast button, .tbtn, .pill, .crumbs a, .crawl button) { min-block-size: 44px; }
  .dnn-page .crumbs a { display: inline-flex; align-items: center; }
  body.world :is(.zoom button, .btn-hud.sq) { min-inline-size: 44px; }
}
.dnn-head-w { padding-block: var(--s-7) 0; }
.dnn-head h1 { margin: 0; font: 800 var(--t-h1)/1.12 var(--head); letter-spacing: -0.03em; }
.dnn-head .lead { margin: var(--s-3) 0 0; max-inline-size: 52ch; color: var(--fgl); font-size: var(--t-read); }
.dnn-head .ctas { display: flex; flex-wrap: wrap; gap: var(--s-3); margin: var(--s-5) 0 0; }
.dnn-head .btn, .dnn-more .btn { min-block-size: 44px; padding-inline: var(--s-6); }
body:has(.dnn-head) .mast-world { display: none; }
.dnn-more { padding-block: var(--s-8); text-align: center; }

/* overlay/v3/css/shell/shell.css */
:root { --sb-w: 0px; --sb-hb: 40px; }
@media (pointer: coarse) { :root { --sb-hb: 44px; } }
@media (min-width: 64em) and (max-width: 79.99em) { :root.v3 { --gutter: 24px; } }
@media (min-width: 80em) { :root.v3 { --gutter: 28px; } }
body > .hd--sb { --sans: "DL Inter", "DL Inter Fallback", system-ui, sans-serif; --hd-h: 56px; font-family: var(--sans); }
body > .hd--sb .hd-in { block-size: var(--hd-h); min-block-size: var(--hd-h); height: var(--hd-h); flex-wrap: nowrap; gap: var(--s-4); max-width: calc(1224px + 2 * var(--gutter)); }
.hd--sb .hd-act { gap: var(--s-3); margin-inline-start: auto; flex: none; }
.hd--sb .brand { flex: none; }
.hd--sb .sa-nav { flex: 0 1 auto; min-inline-size: 0; }
.hd--sb .sa-list { display: flex; gap: var(--s-2); margin: 0; padding: 0; list-style: none; }
.hd--sb .sa-list a { display: inline-flex; align-items: center; min-height: var(--sb-hb); padding-inline: var(--s-4); border-radius: var(--step); color: var(--c-muted); font: var(--w-strong) var(--t-ui)/1 var(--sans); text-decoration: none; white-space: nowrap; }
.hd--sb .sa-list a:hover { color: var(--c-text); background: var(--c-surface-2); }
.hd--sb .sa-list a[aria-current="page"] { color: var(--c-text); background: var(--c-surface-2); box-shadow: inset 0 -2px 0 var(--warm-amber); }
.hd--sb a:focus-visible, .hd--sb button:focus-visible { outline: 2px solid var(--c-focus); outline-offset: 2px; }
.hb-find { display: inline-flex; align-items: center; gap: var(--s-3); min-height: var(--sb-hb); padding: 0 var(--s-3) 0 var(--s-4); background: var(--c-surface); border: 1px solid var(--c-edge); border-radius: var(--step); color: var(--c-muted); font: var(--w-strong) var(--t-ui)/1 var(--sans); cursor: pointer; }
.hb-find:hover { border-color: var(--c-text); color: var(--c-text); }
.hb-find kbd { min-inline-size: 18px; padding: 1px 5px; border: 1px solid var(--c-edge); border-radius: 4px; font: var(--w-mono) 0.75rem/16px var(--mono); color: var(--c-muted); text-align: center; }
.hb-new { display: inline-grid; place-items: center; min-inline-size: var(--sb-hb); min-height: var(--sb-hb); background: var(--c-surface); border: 1px solid var(--c-edge); border-radius: var(--step); color: var(--c-text); text-decoration: none; }
.hb-new:hover { border-color: var(--c-text); }
.hb-new-q { display: block; font: var(--w-head) 1.0625rem/1 var(--sans); }
.hb-new .hb-new-l { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.hb-ca { display: inline-flex; align-items: center; gap: var(--s-3); min-height: var(--sb-hb); padding: 0 var(--s-4); background: var(--c-surface); border: 1px solid var(--c-control); border-radius: var(--r2); color: var(--c-muted); font: var(--w-strong) var(--t-small)/1 var(--sans); }
.hb-ca .num, .hb-ca b { color: var(--c-text-read); font: var(--w-mono) var(--t-mono) var(--mono); }
.hb-ca i { inline-size: 1px; align-self: stretch; margin-block: var(--s-3); background: var(--c-edge); }
.ft-h { margin-block-end: var(--s-2); font: var(--w-strong) var(--t-small)/18px var(--sans); color: var(--c-muted); }
.wallet-ic { display: none; }
@media (max-width: 63.99em) { .hb-find kbd, .hd--sb .hb-ca { display: none; } }
@media (max-width: 47.99em) {
  body > .hd--sb .hd-in { gap: var(--s-2); }
  .hd--sb .brand { display: none; }
  .hd--sb .sa-nav { flex: 1 1 auto; overflow-x: auto; scrollbar-width: none; }
  .hd--sb .sa-nav::-webkit-scrollbar { display: none; }
  body > .hd--sb .sa-list { gap: 0; padding: 0; }
  .hd--sb .sa-list a { padding-inline: 6px; font-size: var(--t-small); }
  .hd--sb .hb-find { justify-content: center; min-inline-size: var(--sb-hb); padding: 0; }
  .hb-find .hb-find-l, .hd--sb .hb-new, body > .hd--sb .wallet-label { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; padding: 0; }
  body > .hd--sb .wallet-btn { min-inline-size: var(--sb-hb); min-height: var(--sb-hb); padding: 0 var(--s-3); gap: var(--s-2); }
  .wallet-ic { display: block; }
  .wallet-btn:has(.wallet-face:not(:empty)) .wallet-ic { display: none; }
}
@media (max-width: 23.43em) { .hd--sb .hb-find { display: none; } .hd--sb .sa-list a { padding-inline: 4px; } }
.ft-nav--flat ul { display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-5); margin: 0; padding: 0; list-style: none; }
@media (min-width: 48em) { .ft-nav--flat { display: block; grid-template-columns: none; } }