/* Local navigable reception. Chart workflow selectors are retained. */
body.reception-preview[data-theme] {
  --bg: #100f12; --surface: #241913; --surface2: #2c211b;
  --ink: #eee1c7; --muted: #c0b5a3; --gold: #b18a52; --gold2: #ddbd85;
  --line: #eee1c71a; --line-gold: #b18a5257;
  --serif: "PMingLiU", "Palatino Linotype", "Baskerville", serif;
  --sans: "Microsoft JhengHei", "Segoe UI", sans-serif;
  --reception-header: 64px; --reception-footer: 58px;
  background: var(--bg); font-family: var(--sans);
}
.reception-preview #reception-stage { position: fixed; inset: var(--reception-header) 0 0; z-index: 0; overflow: hidden; background: #100f12; }
.reception-preview #reception-stage canvas { display: block; width: 100%; height: 100%; touch-action: none; }
.reception-preview #site-header { position: fixed; inset: 0 0 auto; z-index: 30; }
.reception-preview .site-header { height: var(--reception-header); background: #100f12df; border-color: #b18a5224; backdrop-filter: blur(12px); }
.reception-preview .nav-shell { width: calc(100% - 48px); max-width: none; gap: 20px; }
.reception-preview .brand { gap: 9px; }
.reception-preview .brand-mark { width: 28px; height: 35px; }
.reception-preview .brand-name { font-size: 20px; letter-spacing: 5px; }
.reception-preview .brand-sub { font-size: 6px; letter-spacing: 2px; margin-top: 3px; }
.reception-preview .nav-links { gap: 24px; }
.reception-preview .nav-links a { color: #d3c9b6; font-size: 11px; }
.reception-preview .nav-links a.active, .reception-preview .nav-links a:hover { color: #ddbd85; }
.reception-preview .nav-cta { display: none; }
.reception-preview .nav-actions { gap: 14px; }
.reception-preview #main { position: relative; z-index: 10; outline: none; }
.reception-preview[data-reception-route="home"] #main { position: fixed; inset: var(--reception-header) 0 0; pointer-events: none; }
.reception-preview[data-reception-route="home"] #main button,
.reception-preview[data-reception-route="home"] #main a { pointer-events: auto; }
.reception-welcome { width: max-content; max-width: 330px; margin: 23px 0 0 25px; padding: 16px 19px; border-radius: 6px; background: #100f128e; text-shadow: 0 1px 10px #000; }
.reception-welcome h1 { font-family: var(--serif); font-size: 27px; line-height: 1.5; letter-spacing: 2px; }
.reception-welcome p { margin-top: 7px; color: #d1c3aa; font-size: 12px; }
.reception-secondary { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 15px; margin-top: 16px; }
.reception-secondary .btn { padding: 9px 13px; font-size: 11px; min-height: 39px; letter-spacing: .4px; }
.reception-secondary .text-link { font-size: 10px; color: #d7c39f; text-decoration: underline; text-underline-offset: 4px; }
.reception-preview #world-choices { position: fixed; inset: var(--reception-header) 0 0; z-index: 7; pointer-events: none; display: none; }
.reception-preview[data-reception-route="home"] #world-choices,
.reception-preview[data-panel-collapsed="true"] #world-choices { display: block; }
.world-choice { position: absolute; left: -1000px; top: -1000px; transform: translate(-50%, -50%); min-width: 44px; min-height: 44px; padding: 0; border: 1px solid transparent; border-radius: 3px; background: transparent; color: transparent; font-size: 0; white-space: nowrap; pointer-events: auto; }
.world-choice::after { content: attr(aria-label); position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%); padding: 6px 9px; border: 1px solid #b18a526b; border-radius: 3px; background: #161117ee; color: #eee1c7; font-family: var(--sans); font-size: 11px; opacity: 0; pointer-events: none; }
.world-choice:hover, .world-choice:focus-visible { border-color: #efd2a0; background: #ddbd8514; }
.world-choice:hover::after, .world-choice:focus-visible::after { opacity: 1; }
.chart-picker { position: fixed; z-index: 25; left: 25px; top: 244px; width: min(340px, calc(100vw - 50px)); padding: 20px; border: 1px solid #b18a5270; border-radius: 7px; background: #181318f5; box-shadow: 0 10px 50px #0008; backdrop-filter: blur(12px); }
.chart-picker-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.chart-picker-head h2 { font-family: var(--serif); font-size: 22px; }
.chart-picker-head button { padding: 7px 9px; border: 1px solid #b18a524d; border-radius: 3px; background: transparent; color: #ddc7a5; font-size: 11px; }
#chart-picker-links { display: grid; }
#chart-picker-links a { display: flex; align-items: center; gap: 12px; justify-content: space-between; min-height: 48px; padding: 9px 0; border-bottom: 1px solid #b18a5238; font-size: 16px; }
#chart-picker-links a:hover { color: #ddbd85; }
#chart-picker-links a small { font-size: 10px; color: #c0b5a3; }
.scene-tools { position: fixed; z-index: 14; left: 25px; bottom: calc(var(--reception-footer) + 14px); max-width: calc(55vw - 50px); }
.scene-status { color: #c7baa6; font-size: 10px; line-height: 1.7; margin-bottom: 7px; text-shadow: 0 1px 8px #000; }
.scene-status:empty { display: none; }
.scene-instructions { color: #ddc7a5; font-size: 10px; margin: 0 0 7px; text-shadow: 0 1px 8px #000; }
#scene-instructions-touch { display: none; }
.scene-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.scene-controls button, .scene-quality-label { min-height: 36px; padding: 6px 10px; border: 1px solid #b18a525c; border-radius: 4px; background: #100f12d6; color: #ddc7a5; font-size: 10px; backdrop-filter: blur(10px); }
.scene-controls button:hover { background: #35281bec; }
.scene-quality-label { display: flex; gap: 5px; align-items: center; padding-right: 3px; }
.scene-quality-label select { border: 0; background: transparent; color: inherit; width: auto; min-height: 22px; padding: 2px 4px; font-size: 10px; }
.scene-quality-label option { background: #241913; color: #eee1c7; }
.reception-preview #scene-tools .scene-controls,
.reception-preview #scene-tools .scene-instructions { display: none; }
.reception-preview[data-reception-route="home"] .scene-tools { left: auto; right: 16px; top: calc(var(--reception-header) + 16px); bottom: auto; width: 210px; max-width: calc(100vw - 32px); }
.reception-preview[data-reception-route="content"] .scene-tools { display: none; }

/* Dialogue panels float over the room; they never resize the scene. */
.reception-preview[data-reception-route="consult"] #main,
.reception-preview[data-reception-route="reading"] #main {
  position: fixed; top: calc(var(--reception-header) + 18px); right: 22px;
  bottom: calc(var(--reception-footer) + 14px); width: 44vw;
  padding: 0 24px 24px; overflow: auto; overscroll-behavior: contain; scroll-padding-top: 55px;
  scrollbar-width: thin; scrollbar-color: #b18a5280 #151217;
  background: #151217ed; border: 1px solid #b18a5254; border-radius: 9px;
  box-shadow: 0 12px 55px #0006; backdrop-filter: blur(12px);
}
.reception-preview[data-panel-collapsed="true"] #main { visibility: hidden; pointer-events: none; }
.consult-panel-bar { position: sticky; top: 0; z-index: 20; display: flex; justify-content: flex-end; margin: 0 -24px; padding: 8px 16px; border-bottom: 1px solid #b18a5234; background: #171318fa; }
#consult-collapse { min-height: 32px; padding: 6px 9px; border: 0; border-radius: 3px; background: #b18a5210; color: #ddc7a5; font-size: 11px; }
#consult-collapse:hover { background: #b18a5226; }
#consult-resume { display: none; position: fixed; z-index: 20; right: 25px; top: calc(var(--reception-header) + 20px); padding: 11px 17px; border: 1px solid #dabc8377; border-radius: 5px; background: #1c1415eb; color: #eee1c7; font-size: 12px; }
.reception-preview[data-panel-collapsed="true"] #consult-resume { display: block; }
.reception-preview[data-panel-collapsed="true"] .scene-tools { max-width: calc(100vw - 50px); }
.reception-preview[data-reception-route="consult"] #main .container,
.reception-preview[data-reception-route="reading"] #main > .container,
.reception-preview[data-reception-route="reading"] #main > section > .container { width: 100%; }
.reception-preview[data-reception-route="consult"] .page-head,
.reception-preview[data-reception-route="reading"] .page-head { padding: 18px 0 21px; background: none; }
.reception-preview[data-reception-route="consult"] .page-title-row,
.reception-preview[data-reception-route="reading"] .page-title-row { display: block; }
.reception-preview[data-reception-route="consult"] .page-head h1,
.reception-preview[data-reception-route="reading"] .page-head h1 { font-size: 27px; letter-spacing: 2px; margin-top: 0; }
.reception-preview[data-reception-route="consult"] .page-head .eyebrow,
.reception-preview[data-reception-route="reading"] .page-head .eyebrow { display: none; }
.reception-preview[data-reception-route="consult"] .breadcrumb,
.reception-preview[data-reception-route="reading"] .breadcrumb { margin-bottom: 12px; }
.reception-preview[data-reception-route="consult"] .page-head p { font-size: 12px; }
.reception-preview[data-reception-route="consult"] .mode-pill { margin-top: 12px; }
.reception-preview[data-reception-route="consult"] .system-tabs { margin-bottom: 22px; background: #2419136b; }
.reception-preview[data-reception-route="consult"] .system-tabs a { font-size: 11px; padding: 11px 6px; }
.reception-preview[data-reception-route="consult"] .workspace { grid-template-columns: 1fr; gap: 21px; padding-bottom: 0; }
.reception-preview[data-reception-route="consult"] .workspace-aside { display: grid; grid-template-columns: 45px 1fr; gap: 2px 13px; position: static; padding: 0 0 17px; background: none; border: 0; border-bottom: 1px solid #b18a5238; border-radius: 0; }
.reception-preview[data-reception-route="consult"] .aside-emblem { grid-row: 1/3; width: 42px; height: 52px; margin: 0; }
.reception-preview[data-reception-route="consult"] .workspace-aside h2 { font-size: 20px; text-align: left; }
.reception-preview[data-reception-route="consult"] .aside-sub { margin: 0; text-align: left; font-size: 8px; }
.reception-preview[data-reception-route="consult"] .aside-topics { display: flex; flex-wrap: wrap; gap: 4px 13px; grid-column: 1/-1; margin-top: 12px; }
.reception-preview[data-reception-route="consult"] .aside-topic { font-size: 10px; margin: 0; gap: 5px; }
.reception-preview[data-reception-route="consult"] .aside-notice { display: block; grid-column: 1/-1; font-size: 11px; line-height: 1.8; padding: 0; margin-top: 11px; background: none; border: 0; }
.reception-preview[data-reception-route="consult"] .aside-demo { grid-column: 1/-1; margin: 8px 0 0; justify-content: flex-start; }
.reception-preview[data-reception-route="consult"] .form-shell { padding: 0; border: 0; border-radius: 0; background: none; }
.reception-preview[data-reception-route="consult"] .form-title { font-size: 22px; }
.reception-preview[data-reception-route="consult"] .form-caption { font-size: 11px; margin-bottom: 22px; }
.reception-preview[data-reception-route="consult"] .field-label { font-size: 12px; }
.reception-preview[data-reception-route="consult"] input:not([type="radio"]):not([type="checkbox"]),
.reception-preview[data-reception-route="consult"] select { background-color: #0f0e12; color: #eee1c7; }
.reception-preview[data-reception-route="consult"] input:focus,
.reception-preview[data-reception-route="consult"] select:focus { border-color: #ddbd85; }
.reception-preview[data-reception-route="reading"] .result-layout,
.reception-preview[data-reception-route="reading"] .expanded-grid { grid-template-columns: 1fr; }
.reception-preview[data-reception-route="reading"] .result-toolbar { flex-wrap: wrap; }
.reception-preview[data-reception-route="reading"] .result-actions { flex-wrap: wrap; }

/* Sources and saved records retain their wide reading layout. */
.reception-preview[data-reception-route="content"] #main { width: min(1220px, calc(100% - 80px)); margin: calc(var(--reception-header) + 22px) auto calc(var(--reception-footer) + 25px); padding: 0 30px 24px; border: 1px solid #b18a5247; border-radius: 9px; background: #151217f2; backdrop-filter: blur(12px); }
.reception-preview[data-reception-route="content"] #main > .container,
.reception-preview[data-reception-route="content"] #main > section > .container { width: 100%; }
.reception-preview[data-reception-route="content"] .page-head { padding-top: 28px; background: none; }
.reception-preview[data-reception-route="content"] .page-head h1 { font-size: 32px; }
.reception-preview .panel, .reception-preview .legal-content { background: #1c171cec; border-color: #b18a5240; }
.reception-preview .btn:hover { transform: none; }
.reception-preview dialog { background: #211b20; color: #eee1c7; border-color: #b18a5257; }
.reception-preview dialog::backdrop { background: #100f12b8; }
.reception-preview .modal-copy { color: #c7baa6; }
.reception-preview .quiz-option { background: #171216; color: #eee1c7; }
.reception-preview button:focus-visible, .reception-preview a:focus-visible,
.reception-preview select:focus-visible, .reception-preview input:focus-visible { outline: 2px solid #eee1c7; outline-offset: 4px; }

/* A quiet attribution dock keeps every existing footer link. */
.reception-preview #site-footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 22; }
.reception-preview .site-footer { padding: 10px 0; border-color: #b18a5234; background: #100f12eb; backdrop-filter: blur(12px); }
.reception-preview .site-footer .container { width: calc(100% - 48px); max-width: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.reception-preview .footer-row { display: block; }
.reception-preview .footer-brand, .reception-preview .footer-small { display: none; }
.reception-preview .footer-links { flex-wrap: wrap; gap: 7px 16px; color: #c0b5a3; font-size: 9px; }
.reception-preview .footer-links .text-link { padding: 0; }
.reception-preview .footer-attribution { color: #a99b88; font-size: 8px; gap: 3px 13px; border: 0; margin: 0; padding: 0; }
.reception-preview .footer-attribution a { color: #d2bd97; }
.reception-preview[lang="en"] .reception-welcome h1 { font-size: 29px; letter-spacing: 0; }
.reception-preview[lang="en"] .brand-name { font-size: 17px; letter-spacing: 1px; }

@media (max-width: 1100px) and (min-width: 701px) {
  .reception-preview .nav-links { gap: 18px; }
  .reception-preview[data-reception-route="consult"] #main,
  .reception-preview[data-reception-route="reading"] #main { width: 47vw; right: 16px; padding-inline: 19px; }
  .consult-panel-bar { margin-inline: -19px; }
  .reception-preview[data-reception-route="consult"] .stepper-item { gap: 5px; font-size: 10px; }
  .reception-preview[data-reception-route="consult"] .stepper-line { margin-inline: 6px; }
  .reception-preview[data-reception-route="consult"] .form-actions .btn { gap: 7px; padding-inline: 13px; }
  .scene-tools { max-width: calc(50vw - 38px); }
}
@media (pointer: coarse) {
  #scene-instructions-desktop { display: none; }
  #scene-instructions-touch { display: inline; }
}
@media (max-width: 800px) {
  .reception-preview .nav-links.mobile-open { top: 63px; background: #151217f8; }
  .reception-preview .menu-button { display: block; }
}
@media (max-width: 700px) {
  body.reception-preview[data-theme] { --reception-footer: 78px; }
  .reception-preview .nav-shell { width: calc(100% - 28px); gap: 14px; }
  .reception-preview .nav-actions { gap: 9px; }
  .reception-preview .brand-name { font-size: 19px; }
  .reception-welcome { margin: 13px 13px 0; padding: 12px 14px; max-width: 275px; }
  .reception-welcome h1 { font-size: 23px; letter-spacing: 1px; }
  .reception-welcome p { font-size: 11px; }
  .reception-secondary { gap: 7px 13px; margin-top: 12px; }
  .reception-secondary .btn { min-height: 36px; font-size: 10px; padding: 8px 10px; }
  .world-choice::after { font-size: 10px; }
  .chart-picker { top: 237px; left: 13px; width: min(340px, calc(100vw - 26px)); padding: 17px; }
  .reception-preview[data-reception-route="consult"] #main,
  .reception-preview[data-reception-route="reading"] #main {
    top: auto; bottom: calc(var(--reception-footer) + 9px); right: 9px; left: 9px;
    width: auto; max-height: 60svh; padding: 0 17px 22px; backdrop-filter: blur(8px);
  }
  .consult-panel-bar { margin-inline: -17px; padding-block: 5px; }
  .reception-preview[data-reception-route="consult"] .page-head h1,
  .reception-preview[data-reception-route="reading"] .page-head h1 { font-size: 25px; }
  .reception-preview[data-reception-route="consult"] .form-title { font-size: 21px; }
  .reception-preview[data-reception-route="consult"] .stepper-item { gap: 5px; font-size: 9px; }
  .reception-preview[data-reception-route="consult"] .stepper-line { margin-inline: 6px; }
  .reception-preview[data-reception-route="consult"] .form-actions .btn { gap: 7px; padding-inline: 12px; }
  .reception-preview[data-reception-route="consult"] .form-grid { grid-template-columns: 1fr; }
  .reception-preview[data-reception-route="reading"] .summary-grid { grid-template-columns: 1fr; }
  .reception-preview[data-reception-route="content"] #main { width: calc(100% - 24px); padding: 0 17px 20px; margin-top: calc(var(--reception-header) + 13px); }
  .reception-preview[data-reception-route="content"] .page-head h1 { font-size: 26px; }
  .scene-tools { left: 13px; right: 13px; bottom: calc(var(--reception-footer) + 11px); max-width: none; }
  .reception-preview[data-reception-route="consult"][data-panel-collapsed="false"] .scene-tools,
  .reception-preview[data-reception-route="reading"][data-panel-collapsed="false"] .scene-tools { display: none; }
  .scene-status { font-size: 8px; margin-bottom: 4px; }
  .scene-instructions { font-size: 8px; margin-bottom: 4px; }
  .scene-controls { gap: 4px; }
  .scene-controls button, .scene-quality-label { min-height: 30px; padding: 4px 6px; font-size: 9px; }
  .scene-quality-label { gap: 2px; padding-right: 2px; }
  .scene-quality-label select { font-size: 9px; padding-inline: 2px; }
  .reception-preview[data-reception-route="home"] .scene-tools { left: auto; right: 13px; top: calc(var(--reception-header) + 13px); bottom: auto; width: 210px; max-width: calc(100vw - 26px); }
  .reception-preview[data-panel-collapsed="true"] .scene-tools { max-width: none; }
  #consult-resume { top: calc(var(--reception-header) + 15px); right: 13px; padding: 9px 13px; font-size: 11px; }
  .reception-preview .site-footer { padding: 8px 0; }
  .reception-preview .site-footer .container { width: calc(100% - 28px); display: block; }
  .reception-preview .footer-links { gap: 5px 13px; margin: 0; font-size: 8px; }
  .reception-preview .footer-attribution { margin-top: 5px; gap: 2px 10px; font-size: 7px; }
  .reception-preview[lang="en"] .reception-welcome h1 { font-size: 25px; }
}

@media (max-width: 559px) {
  .reception-preview[data-reception-route="home"] .scene-tools { width: 120px; }
  .reception-preview[data-reception-route="home"] .scene-instructions { display: none; }
  .reception-welcome { max-width: calc(100vw - 160px); }
  .reception-welcome h1 { font-size: 20px; }
}
/* Bring birth fields into the first view of the consultation sheet. */
.reception-preview[data-reception-route="consult"] .consult-panel-bar { padding-block: 3px; }
.reception-preview[data-reception-route="consult"] #consult-collapse { min-height: 26px; padding-block: 3px; }
.reception-preview[data-reception-route="consult"] .page-head { padding: 11px 0 10px; }
.reception-preview[data-reception-route="consult"] .page-head .breadcrumb,
.reception-preview[data-reception-route="consult"] .page-head .eyebrow,
.reception-preview[data-reception-route="consult"] .page-head p { display: none; }
.reception-preview[data-reception-route="consult"] .page-title-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 5px 10px; }
.reception-preview[data-reception-route="consult"] .page-head h1 { font-size: 22px; margin: 0; line-height: 1.4; }
.reception-preview[data-reception-route="consult"] .mode-pill { margin: 0; padding: 3px 7px; font-size: 9px; }
.reception-preview[data-reception-route="consult"] .system-tabs { margin-bottom: 9px; }
.reception-preview[data-reception-route="consult"] .system-tabs a { padding-block: 8px; }
.reception-preview[data-reception-route="consult"] .workspace { gap: 10px; }
.reception-preview[data-reception-route="consult"] .workspace-aside { display: block; padding: 0; border: 0; }
.reception-preview[data-reception-route="consult"] .aside-emblem,
.reception-preview[data-reception-route="consult"] .workspace-aside h2,
.reception-preview[data-reception-route="consult"] .aside-sub,
.reception-preview[data-reception-route="consult"] .aside-topics,
.reception-preview[data-reception-route="consult"] .aside-demo { display: none; }
.reception-preview[data-reception-route="consult"] .aside-notice { display: block; margin: 0; padding: 0; font-size: 11px; line-height: 1.6; }
.reception-preview[data-reception-route="consult"] .stepper { margin-bottom: 10px; padding-bottom: 8px; }
.reception-preview[data-reception-route="consult"] .step-circle { width: 21px; height: 21px; font-size: 10px; }
.reception-preview[data-reception-route="consult"] .form-title { display: none; }
.reception-preview[data-reception-route="consult"] .form-caption { font-size: 10px; line-height: 1.6; margin: 0 0 11px; }
.reception-preview[data-reception-route="consult"] #birth-form > .form-grid { margin-top: 0; gap: 13px 16px; }
.reception-preview[data-reception-route="consult"] .field-label { margin-bottom: 5px; }
/* Original transparent header artwork; crops change layout, never pixels. */
body.reception-preview[data-theme] { --reception-header: 92px; }
.reception-preview .atlas-header { background: #0c0b0de0; border: 0; backdrop-filter: blur(9px); }
.atlas-header .header-art { position: absolute; inset: 8px 14px; pointer-events: none; }
.header-crop { display: block; position: relative; overflow: hidden; pointer-events: none; }
.header-crop img { position: absolute; max-width: none; pointer-events: none; user-select: none; }
.header-frame { position: absolute; inset: 0; }
.header-frame img { width: 104.5236%; height: 313.4199%; left: -2.2618%; top: -100.8658%; }
.reception-preview .atlas-header .nav-shell { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto 1fr; width: calc(100% - 96px); gap: 20px; }
.reception-preview .atlas-header .atlas-brand { width: fit-content; gap: 0; }
.header-logo { width: 194px; aspect-ratio: 1620 / 625; }
.header-logo img { width: 122.4074%; height: 126.88%; left: -12.037%; top: -12.16%; }
.header-ornament { position: absolute; left: 21%; top: 43px; width: 112px; aspect-ratio: 2014 / 373; opacity: .66; }
.header-ornament img { width: 107.8451%; height: 194.1019%; left: -3.9225%; top: -36.4611%; }
.header-constellations { position: absolute; right: 7.6%; top: 17px; width: 156px; aspect-ratio: 1994 / 556; opacity: .75; }
.header-constellations img { width: 108.9268%; height: 130.2158%; left: -4.7643%; top: -15.8273%; }
.reception-preview .atlas-header .nav-links { gap: 19px; }
.reception-preview .atlas-header .atlas-nav-item { font-family: var(--serif); font-size: 17px; letter-spacing: 1px; padding: 11px 2px 23px; color: #e8d6b5; white-space: nowrap; text-shadow: 0 1px 8px #000; }
.header-nav-divider { width: 1px; height: 21px; flex-shrink: 0; margin-top: -10px; background: #cdb07b75; }
.reception-preview .atlas-header .atlas-nav-item:hover,
.reception-preview .atlas-header .atlas-nav-item.active { color: #f7e6be; }
.reception-preview .atlas-header .atlas-nav-item.active::before { content: ""; position: absolute; height: 1px; left: 8%; right: 8%; bottom: 14px; background: #eed18e; box-shadow: 0 0 8px #dca64dcc; }
.reception-preview .atlas-header .atlas-nav-item.active::after { width: 5px; height: 5px; bottom: 3px; background: #e8c683; }
.reception-preview .atlas-header .nav-actions { justify-self: end; gap: 13px; }
.reception-preview .atlas-header .header-lang-button { display: grid; place-items: center; position: relative; width: 56px; height: 56px; min-height: 44px; padding: 0; border: 0; background: none; letter-spacing: 0; }
.header-language-art { width: 100%; height: 100%; }
.header-language-art img { width: 310.1399%; height: 157.2695%; left: -105.2448%; top: -28.3688%; }
.header-lang-caption { position: absolute; inset: 31% 15%; display: flex; align-items: center; justify-content: center; background: #141112; color: #ecd49c; font-family: var(--serif); font-size: 12px; line-height: 1; white-space: nowrap; }
.reception-preview[data-lang="zh"] .header-lang-caption { opacity: 0; }
.reception-preview[data-lang="en"] .header-lang-caption { opacity: 1; }
.reception-preview .atlas-header .header-lang-button:hover { filter: brightness(1.12); }
.reception-preview[lang="en"] .atlas-header .atlas-nav-item { font-size: 16px; letter-spacing: 0; }
@media (max-width: 1250px) {
  .header-ornament, .header-constellations { display: none; }
}
@media (max-width: 1100px) and (min-width: 801px) {
  .reception-preview .atlas-header .nav-shell { width: calc(100% - 70px); gap: 14px; }
  .header-logo { width: 172px; }
  .reception-preview .atlas-header .nav-links { gap: 13px; }
  .reception-preview .atlas-header .atlas-nav-item { font-size: 16px; }
  .reception-preview[lang="en"] .atlas-header .atlas-nav-item { font-size: 14px; }
  .reception-preview .atlas-header .header-lang-button { width: 50px; height: 50px; }
}
@media (max-width: 800px) {
  body.reception-preview[data-theme] { --reception-header: 68px; }
  .atlas-header .header-art { inset: 7px 8px; }
  .reception-preview .atlas-header .nav-shell { display: flex; justify-content: space-between; width: calc(100% - 44px); gap: 12px; }
  .header-logo { width: 146px; }
  .reception-preview .atlas-header .nav-links { display: none; }
  .reception-preview .atlas-header .nav-links.mobile-open { display: flex; position: absolute; top: calc(var(--reception-header) - 3px); left: -8px; right: -8px; flex-direction: column; align-items: stretch; gap: 0; padding: 10px 17px 13px; border: 1px solid #c4a36188; border-radius: 7px; background: #141015f8; box-shadow: 0 15px 35px #0007; }
  .reception-preview .atlas-header .atlas-nav-item { min-height: 44px; font-size: 16px; padding: 10px 12px; border-bottom: 1px solid #c4a36126; }
  .reception-preview .atlas-header .atlas-nav-item:last-child { border-bottom: 0; }
  .reception-preview .atlas-header .atlas-nav-item.active { background: #b18a5218; }
  .reception-preview .atlas-header .atlas-nav-item.active::before,
  .reception-preview .atlas-header .atlas-nav-item.active::after { display: none; }
  .header-nav-divider { display: none; }
  .reception-preview .atlas-header .nav-actions { gap: 8px; }
  .reception-preview .atlas-header .header-lang-button { width: 44px; height: 44px; }
  .header-lang-caption { font-size: 11px; }
  .reception-preview .atlas-header .menu-button { display: grid; place-items: center; width: 36px; height: 44px; padding: 6px; color: #ead6af; }
}
@media (prefers-reduced-motion: reduce) {
  .reception-preview *, .reception-preview *::before, .reception-preview *::after { animation: none !important; transition: none !important; }
}
@media print {
  body.reception-preview[data-theme] { --bg: white; --ink: #222; --muted: #444; background: white; color: #222; }
  .reception-preview #reception-stage, .reception-preview #scene-tools, .reception-preview #world-choices,
  .reception-preview #chart-picker, .reception-preview #consult-resume, .reception-preview .consult-panel-bar { display: none !important; }
  .reception-preview[data-reception-route] #main { position: static; visibility: visible; width: 100%; max-height: none; height: auto; overflow: visible; margin: 0; padding: 0; border: 0; box-shadow: none; background: white; backdrop-filter: none; }
  .reception-preview .panel, .reception-preview .legal-content { background: white; color: #222; }
  .reception-preview #site-header, .reception-preview #site-footer { display: none !important; }
}