/* V6.2 acceptance fixes: real handset proportions, readable memorial questions,
   discoverable scrolling and a consistent archive layer for legacy pages. */
.v6-scroll-cue{position:sticky;z-index:8;bottom:7px;display:none;width:max-content;margin:8px auto 0;padding:6px 10px;border:1px solid rgba(212,166,83,.48);border-radius:99px;color:#e0b766;background:rgba(17,16,21,.92);box-shadow:0 4px 16px rgba(0,0,0,.35);font:700 9px/1 ui-monospace,monospace;pointer-events:none}
.v6-phone-app-body.is-scrollable:not(.at-scroll-end)>.v6-scroll-cue{display:block}
.v6-phone-app-body.has-result-page .result-primary-actions{padding:10px;border:1px solid rgba(196,147,69,.4);border-radius:10px;background:rgba(196,147,69,.07)}
.v6-phone-app-body.has-result-page .result-tools{margin-top:18px;padding-top:12px;border-top:1px solid rgba(232,223,209,.12)}
.v6-phone-app-body.has-result-page .result-tools__title{color:#bd914d}
.v6-phone-app-body.has-result-page .result-template-option.is-selected{outline:2px solid #c49345!important;outline-offset:1px;box-shadow:0 0 0 4px rgba(196,147,69,.16)!important}
.v6-phone-app-body.has-result-page .result-tools__grid .result-btn{color:#b9afa4!important}

/* Keep event cards inside the archive phone instead of mixing the old paper
   modal treatment with the dark internal work device. */
.v6-phone__screen>.v6-phone-modal>.v5-modal-card,
.v6-phone__screen>.v6-phone-modal>.v5-dialog-card,
.v6-phone__screen>.v6-phone-modal>.feedback-card,
.v6-phone__screen>.v6-phone-modal>.phase-overlay-content,
.v6-phone__screen>.v6-phone-modal>.intro-card{color:#eee4d6!important;background:linear-gradient(145deg,#1b191f,#111015)!important;border-color:rgba(196,147,69,.48)!important;box-shadow:0 18px 56px rgba(0,0,0,.72),0 0 0 1px rgba(196,147,69,.12)!important}
.v6-phone__screen>.v6-phone-modal .v5-dialog-body,
.v6-phone__screen>.v6-phone-modal .feedback-copy,
.v6-phone__screen>.v6-phone-modal .phase-overlay-copy{color:#cfc4b7!important}
.v6-phone__screen>.v6-phone-modal .feedback-code{color:#d4a653!important;background:rgba(196,147,69,.1)!important}
#introOverlay.v6-phone-modal #introCard{color:#eee4d6!important;background:linear-gradient(145deg,#1b191f,#111015)!important;border-color:rgba(196,147,69,.48)!important;box-shadow:0 18px 56px rgba(0,0,0,.72),0 0 0 1px rgba(196,147,69,.12)!important}
#introOverlay.v6-phone-modal #introCard [style*="var(--text-secondary)"],#introOverlay.v6-phone-modal #introCard [style*="var(--text)"]{color:#cfc4b7!important}
#introOverlay.v6-phone-modal #introCard #introStartBtn{color:#17120c!important;background:#c49345!important;border-color:#c49345!important}
#introOverlay.v6-phone-modal #introCard #introSkipBtn{color:#d8cec2!important;border-color:rgba(232,223,209,.28)!important}

@media (orientation:landscape) and (min-width:621px){
  /* A landscape Toy viewport should feel like a wide work station, not a
     portrait handset stranded on the left side of the screen. */
  .v6-phone-stage,
  .v6-phone-home-active .v6-phone-stage,
  .v6-phone-app-active .v6-phone-stage{left:50%;bottom:12px;width:auto;height:min(92dvh,720px);max-height:calc(100dvh - 28px);aspect-ratio:9/19;transform:translateX(-50%) rotate(-.8deg) skewY(-.25deg) scaleX(.965)!important;animation:none}
  .v6-phone-lowered .v6-phone-stage{left:50%;bottom:12px;width:auto;height:min(92dvh,720px);max-height:calc(100dvh - 28px);aspect-ratio:9/19;transform:translateX(-50%) translateY(calc(100% - 92px)) rotate(2deg) skewY(.6deg) scale(.97)!important}
  .phone-model-ready #phoneModelCanvas{opacity:.12!important}
  .v6-phone-app-screen>header{height:52px;grid-template-columns:42px 1fr 42px;padding:0 14px}
  .v6-phone-app-screen>header button{width:36px;height:36px}
  .v6-phone-app-body{height:calc(100% - 52px);padding:22px 24px}
  .v6-phone-app-body.has-legacy-page,.v6-phone-app-body.has-result-page{padding:0 24px 24px!important}
  .v6-native-panel h2{font-size:24px}.v6-native-panel>p{font-size:13px;line-height:1.7}.v6-native-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.v6-native-actions button{min-height:48px;font-size:12px}
  .v6-archive-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto;column-gap:24px;row-gap:7px;padding:40px 22px 16px;overflow:auto}
  .v6-archive-app>header,.v6-task-strip,.v6-scene-message,.v6-observation{grid-column:1/-1}
  .v6-archive-app>header{grid-row:1}.v6-task-strip{grid-row:2}.v6-scene-message{grid-row:3}.v6-observation{grid-row:4}
  .v6-memorial{grid-column:1;grid-row:5;float:none;width:min(180px,100%);justify-self:center;margin:0}
  .v6-archive-app h2{grid-column:1;grid-row:5/span 2;align-self:end;font-size:24px;line-height:1.4}
  .v6-archive-app.has-memorial h2{grid-row:6;align-self:start}
  .v6-options{grid-column:2;grid-row:5/span 2;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;min-height:0;max-height:100%;overflow-y:auto;padding:0 4px 0 0}
  .v6-options button{min-height:44px;padding:10px 14px;grid-template-columns:78px minmax(0,1fr);font-size:15px}.v6-options b{font-size:10px}.v6-options span{font-size:13px;line-height:1.35}
  .v6-archive-mark{grid-column:1/-1;grid-row:7;position:static;justify-self:end}
  .v6-phone-app-body.has-legacy-page .archive-shell,.v6-phone-app-body.has-legacy-page .rank-shell{padding:0;max-width:none}
  .v6-phone-app-body.has-legacy-page .archive-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px!important}.v6-phone-app-body.has-legacy-page .archive-nav .echo-tab{min-height:74px!important;padding:12px!important;font-size:12px}
  .v6-phone-app-body.has-legacy-page .archive-dashboard{grid-template-columns:repeat(4,1fr)}.v6-phone-app-body.has-legacy-page .bestiary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .v6-phone-app-body.has-legacy-page .rank-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px}.v6-phone-app-body.has-legacy-page .rank-row{font-size:11px}
  .v6-phone-app-body.has-result-page .result-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v6-phone-app-body.has-result-page .result-tools__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.v6-phone-app-body.has-result-page .result-template-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .v6-phone__screen>.v6-phone-modal{align-items:center!important;justify-content:center!important;padding:18px 26px!important}
  .v6-phone__screen>.v6-phone-modal>.v5-modal-card,.v6-phone__screen>.v6-phone-modal>.v5-dialog-card,.v6-phone__screen>.v6-phone-modal>.v5-tutorial-card,.v6-phone__screen>.v6-phone-modal>.feedback-card,.v6-phone__screen>.v6-phone-modal>.phase-overlay-content,.v6-phone__screen>.v6-phone-modal>.intro-card{width:min(760px,100%)!important;max-height:calc(100% - 28px)!important;padding:22px!important;font-size:12px!important}
}

/* Sun mode must also recolor legacy pages mounted inside the work phone. */
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-screen{color:#26383a!important;background:#f4f0e7!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body{color:#26383a!important;background:#f4f0e7!important}
.v6-immersive[data-v6-phone-theme="light"]{
  --text:#26383a;--text-secondary:#52686b;--card-bg:#fffdf8;--card-border:rgba(38,56,58,.2);
  --border:rgba(38,56,58,.2);--accent:#2f7478;--accent-warm:#8a6328;
}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-sticky{background:#e7e0d3!important;color:#26383a!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #rankPage{color:#26383a!important;background:#f4f0e7!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .guide-card,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .echo-card,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .bestiary-entry,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .result-dim,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .sl-text,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #rankPage .rank-row,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #rankPage .rank-aside{color:#26383a!important;background:#fffdf8!important;border-color:rgba(38,56,58,.2)!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .gc-name,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .be-name,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .be-story,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .stat-label,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #rankPage .rank-row__name{color:#26383a!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .gc-path,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .gc-desc,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .be-tag,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .be-date,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #rankPage .rank-aside__copy{color:#52686b!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .result-btn,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #rankPage .rank-tab,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #rankPage .rank-order-btn{color:#294447!important;background:#fffdf8!important;border-color:rgba(38,56,58,.24)!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body #echoPage .result-btn.primary{color:#17130d!important;background:#c49345!important;border-color:#c49345!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-os .v6-app-icon{color:#26383a!important;text-shadow:0 1px 2px rgba(255,255,255,.55)}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-os .v6-phone-widget{color:#26383a!important;background:rgba(255,255,255,.52);border-color:rgba(38,56,58,.2)}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-os .v6-phone-widget>strong,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-os .v6-phone-widget b{color:#26383a!important;background:rgba(255,255,255,.64)}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-os__header strong,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-os__header span,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-screen>header strong,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-screen>header span{color:#26383a!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-native-panel h2,
.v6-immersive[data-v6-phone-theme="light"] .v6-native-panel>p,
.v6-immersive[data-v6-phone-theme="light"] .v6-native-list dt,
.v6-immersive[data-v6-phone-theme="light"] .v6-native-list dd,
.v6-immersive[data-v6-phone-theme="light"] .v6-native-actions button,
.v6-immersive[data-v6-phone-theme="light"] .v6-setting-list button,
.v6-immersive[data-v6-phone-theme="light"] .v6-native-panel>small,
.v6-immersive[data-v6-phone-theme="light"] .v6-native-warning{color:#26383a!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-native-actions button,
.v6-immersive[data-v6-phone-theme="light"] .v6-native-code,
.v6-immersive[data-v6-phone-theme="light"] .v6-setting-list{border-color:rgba(38,56,58,.22)!important;background:#fffdf8!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-toggle{color:#26383a!important;background:#fffdf8!important;border-color:rgba(38,56,58,.28)!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal>.v5-modal-card,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal>.v5-dialog-card,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal>.v5-tutorial-card,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal>.feedback-card,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal>.phase-overlay-content,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal>.intro-card{color:#26383a!important;background:#fffdf8!important;border-color:rgba(38,56,58,.25)!important;box-shadow:0 18px 56px rgba(30,45,46,.22)!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal .v5-dialog-body,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal .feedback-copy,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal .phase-overlay-copy{color:#52686b!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal h1,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal h2,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal h3,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal p,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal label,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal .fear-mode-title,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal .ritual-consent-title,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal .feedback-title{color:#26383a!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone__screen>.v6-phone-modal button:not(.primary){color:#294447!important;background:#f4f0e7!important;border-color:rgba(38,56,58,.24)!important}

/* Legacy archive views contain several older inline/utility colours. Keep the
   sun theme readable even when a new card is added without a dedicated rule. */
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #rankPage,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-result-page #resultContainer{color:#26383a!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage h1,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage h2,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage h3,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage h4,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #rankPage h1,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #rankPage h2,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #rankPage h3,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-result-page #resultContainer h1,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-result-page #resultContainer h2,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-result-page #resultContainer h3,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-result-page #resultContainer p{color:#26383a!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .archive-shell,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #rankPage .rank-shell,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-result-page .result-container{background:transparent!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .echo-record,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .echo-replay,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .guide-intro,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .guide-group,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .guide-clues,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .storyline-card,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .storyline-ledger,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .guide-intel-card,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-result-page .result-animal-card,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-result-page .result-tools{color:#26383a!important;background:#fffdf8!important;border-color:rgba(38,56,58,.2)!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .echo-dim__label,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .echo-replay__desc,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .echo-replay__meta,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .guide-group__head p,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage .guide-intro p,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-result-page .result-tools__note{color:#52686b!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #echoPage button,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-legacy-page #rankPage button,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body.has-result-page button{color:#294447!important}

/* The bridge moves .archive-shell/.rank-shell out of their original page
   wrappers before mounting them in the phone. These direct selectors are the
   authoritative sun-theme treatment for the mounted views. */
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-shell{color:#26383a!important;background:transparent!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell h1,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell h2,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell h3,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-shell h1,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-shell h2,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-shell h3{color:#26383a!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .echo-record,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .echo-replay,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .guide-card,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .guide-intro,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .guide-group,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .guide-clues,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .storyline-card,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .storyline-ledger,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .guide-intel-card,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .bestiary-entry,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .echo-card,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .sl-text,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-shell .rank-row,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-shell .rank-aside{color:#26383a!important;background:#fffdf8!important;border-color:rgba(38,56,58,.2)!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .gc-name,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .be-name,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .be-story,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .echo-name,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .echo-replay__name,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .storyline-summary,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-shell .rank-row__name{color:#26383a!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .gc-path,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .gc-desc,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .be-tag,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .be-date,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .echo-replay__desc,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .echo-replay__meta,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .guide-group__head p,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .guide-intro p,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-shell .rank-aside__copy{color:#52686b!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell button,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-shell button,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .echo-tab{color:#294447!important;background:#fffdf8!important;border-color:rgba(38,56,58,.24)!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-shell .echo-tab.active,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-shell .rank-tab.active{color:#17130d!important;background:#c49345!important;border-color:#a47731!important}

/* Phone apps keep a handset-sized content column even when the outer game is
   landscape. Two-column tabs are readable; the old six-column desktop grid
   made every label collapse into a thin vertical strip. */
.v6-phone-app-body.has-legacy-page .archive-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-bottom:12px!important}
.v6-phone-app-body.has-legacy-page .archive-nav .echo-tab{min-height:48px!important;padding:8px 6px!important;font-size:9px!important;line-height:1.25!important;white-space:normal!important}
.v6-phone-app-body.has-legacy-page .archive-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
.v6-phone-app-body.has-legacy-page .archive-stat{min-width:0!important;padding:9px 6px!important}
.v6-phone-app-body.has-legacy-page .archive-title{font-size:16px!important}
.v6-phone-app-body.has-legacy-page .archive-kicker{font-size:6px!important}
.v6-phone-app-body.has-legacy-page .rank-layout{display:block!important}
.v6-phone-app-body.has-legacy-page .rank-aside{margin:0 0 10px!important}
.v6-phone-app-body.has-legacy-page .rank-controls{flex-wrap:wrap!important}
.v6-phone-app-body.has-legacy-page .rank-tab{min-height:32px!important;padding:7px 8px!important;font-size:8px!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-title,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-kicker,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-stat__label,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-stat__value,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-back,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-hub-note,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-empty,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-sort__label,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-row__index,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-row__score,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .rank-row__subject{color:#26383a!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-back,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-hub-note,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-empty{background:#fffdf8!important;border-color:rgba(38,56,58,.2)!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-stat{color:#26383a!important;background:#fffdf8!important;border-color:rgba(38,56,58,.2)!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-stat__label{color:#52686b!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .archive-stat__value{color:#26383a!important}

/* 轮回档案：把旧的双列深色记录卡改成手机内的纵向证据时间线。 */
.v6-phone-app-body.has-legacy-page .route-target{margin:0 0 12px!important;padding:12px!important;border-radius:10px!important}
.v6-phone-app-body.has-legacy-page .route-target__title{font-size:14px!important;line-height:1.3!important}
.v6-phone-app-body.has-legacy-page .route-target__current{gap:9px!important}
.v6-phone-app-body.has-legacy-page .route-target__choices{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
.v6-phone-app-body.has-legacy-page .route-target__choices .result-btn,
.v6-phone-app-body.has-legacy-page .route-target__cancel{min-height:38px!important;padding:7px 8px!important;font-size:9px!important}
.v6-phone-app-body.has-legacy-page .route-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.v6-phone-app-body.has-legacy-page .route-card{position:relative!important;padding:11px!important;border-radius:9px!important}
.v6-phone-app-body.has-legacy-page .route-card__head{gap:8px!important}
.v6-phone-app-body.has-legacy-page .route-card__title{font-size:11px!important;line-height:1.35!important}
.v6-phone-app-body.has-legacy-page .route-card__meta{font-size:8px!important;line-height:1.4!important}
.v6-phone-app-body.has-legacy-page .route-card__body{margin-top:8px!important;padding-top:8px!important;font-size:9px!important;line-height:1.65!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .route-target,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .route-card{color:#26383a!important;background:#fffdf8!important;border-color:rgba(138,99,40,.35)!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .route-target__title,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .route-card__title{color:#26383a!important}
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .route-target__copy,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .route-target__current small,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .route-card__meta,
.v6-immersive[data-v6-phone-theme="light"] .v6-phone-app-body .route-card__body{color:#52686b!important}

@media (max-width:620px) and (orientation:portrait){
  .v6-phone-app-body{scrollbar-width:thin;scrollbar-color:rgba(196,147,69,.55) transparent}
  .v6-phone-app-body.has-result-page .result-primary-actions{gap:8px!important}.v6-phone-app-body.has-result-page .result-tools__grid{gap:6px!important}
  .v6-phone__screen>.v6-phone-modal>.v5-modal-card,.v6-phone__screen>.v6-phone-modal>.v5-dialog-card,.v6-phone__screen>.v6-phone-modal>.feedback-card,.v6-phone__screen>.v6-phone-modal>.phase-overlay-content,.v6-phone__screen>.v6-phone-modal>.intro-card{margin-top:6px}
}

@media (orientation:landscape) and (min-width:621px){
  /* The stage is always sized by height; width is derived from 9:19. This
     prevents any desktop rule from turning the handset into a tablet. */
  .v6-phone-stage,
  .v6-phone-home-active .v6-phone-stage,
  .v6-phone-app-active .v6-phone-stage{width:auto!important;height:min(90dvh,700px)!important;max-width:360px!important;aspect-ratio:9/19!important}

  /* Answering is the high-attention state. A 90dvh handset becomes an
     unreadable 170px-wide strip on short landscape screens (for example
     844x390). Give the raised phone a centered, bounded zoom while keeping
     its physical 9:19 silhouette; the app body remains independently
     scrollable, so long prompts never disappear behind the viewport. */
  .v6-phone-raised:not(.v6-phone-home-active):not(.v6-phone-app-active) .v6-phone-stage{
    top:50%;bottom:auto;width:auto!important;height:min(108dvh,840px)!important;max-width:none!important;
    transform:translate(-50%,-50%) rotate(-.8deg) skewY(-.25deg) scaleX(.965)!important;
  }
  .v6-phone-raised:not(.v6-phone-home-active):not(.v6-phone-app-active) .v6-phone-app-body{
    scrollbar-width:thin;scrollbar-color:rgba(196,147,69,.6) transparent;
  }
}

/* Short landscape phones are the tightest breakpoint. Keep the handset
   fully inside the viewport and let the question app use its full width;
   the former two-column rule squeezed each option into a thumbnail-sized
   strip and made the answer text look disproportionately tall. */
@media (orientation:landscape) and (min-width:621px) and (max-height:480px){
  .v6-phone-raised:not(.v6-phone-home-active):not(.v6-phone-app-active) .v6-phone-stage{
    height:min(100dvh,760px)!important;max-height:100dvh!important;
  }
  .v6-phone-raised:not(.v6-phone-home-active):not(.v6-phone-app-active) .v6-archive-app{
    display:block!important;padding:32px 10px 14px!important;overflow-y:auto!important;
  }
  .v6-phone-raised:not(.v6-phone-home-active):not(.v6-phone-app-active) .v6-archive-app h2{
    margin:5px 0 7px!important;font-size:12px!important;line-height:1.35!important;
  }
  .v6-phone-raised:not(.v6-phone-home-active):not(.v6-phone-app-active) .v6-observation{
    margin:4px 0 5px!important;font-size:8px!important;line-height:1.35!important;
  }
  .v6-phone-raised:not(.v6-phone-home-active):not(.v6-phone-app-active) .v6-memorial{
    width:52px!important;margin:0 0 5px 7px!important;
  }
  .v6-phone-raised:not(.v6-phone-home-active):not(.v6-phone-app-active) .v6-options{
    clear:both!important;display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding-bottom:22px!important;
  }
  .v6-phone-raised:not(.v6-phone-home-active):not(.v6-phone-app-active) .v6-options button{
    min-height:32px!important;padding:5px 7px!important;grid-template-columns:40px minmax(0,1fr)!important;gap:5px!important;
  }
  .v6-phone-raised:not(.v6-phone-home-active):not(.v6-phone-app-active) .v6-options b{font-size:7px!important}
  .v6-phone-raised:not(.v6-phone-home-active):not(.v6-phone-app-active) .v6-options span{font-size:8px!important;line-height:1.22!important}
}