/* Compact spacing without shrinking controls, narrative text or probability labels. */
.chronology-year{padding:12px 16px;margin:12px 0}.chronology-heading{gap:10px}.chronology-heading h3{margin:0;font-size:15px}
.choice-section>p:empty,.choice-jump-heading>span:empty,.event-top figcaption small:empty{display:none}
.personal-choice-section{margin-top:12px}.choice-section>h2,.choice-section>h3{margin:8px 0 12px}
.routine-choice-detail>summary{padding-top:10px;padding-bottom:10px}.choice-body{line-height:1.55}
.command-authority-panel>details>p{font-size:12px;line-height:1.6}
.year-reference{margin:8px 0}.game-section-links{margin-bottom:12px}
.color-mode-toggle{min-width:108px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.color-mode-toggle>span{font-size:18px;line-height:1}
@media(max-width:760px){.chronology-year{padding:10px 12px}.choice-section>h2{font-size:18px}.color-mode-toggle{min-width:88px;font-size:11px}.personal-choice-section{margin-top:10px}}
/* Keep desktop navigation available while reading a life. */
@media(min-width:801px){
  .site-wrap>.header{position:sticky;top:8px;z-index:100}
  html{scroll-padding-top:130px}
}
@media(max-width:800px){
  .header-tools .main-menu-open,.header-tools .color-mode-toggle{
    box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
    width:92px;min-width:92px;height:36px;min-height:36px;padding:5px 7px;
    font:600 11px/1.4 var(--sans);white-space:nowrap;border-radius:7px;margin:0;
  }
}
@media(max-width:700px){
 .header .brand{min-width:0;flex:1 1 auto;gap:7px}
 .header .brand>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}
 .header .brand strong{font-size:22px;letter-spacing:2px}
 .header .brand small{display:block;font-size:10px;margin:0}
 .header .header-tools{flex:0 0 92px;min-width:0;gap:5px}
 .header .help-btn{align-self:center;margin:0!important}
 .site-wrap>.header{margin-inline:0;padding-inline:10px!important;gap:8px}
 .focus-play-stage:not(.is-reading-choice) .focus-play-story>.event-top{max-height:120px;margin-bottom:6px}
 .focus-play-stage:not(.is-reading-choice) .focus-play-story .event-top img{height:100px!important;object-fit:contain}
 .focus-play-stage:not(.is-reading-choice) .focus-play-story .event-top figcaption{display:none}
 .focus-play-stage .focus-play-story:not(.is-story-expanded) .focus-story-prose{-webkit-line-clamp:2}
 .focus-play-stage .focus-live-stats dt,.focus-play-stage .focus-live-stats dd{line-height:1.3}
 .focus-play-stage .focus-play-story{padding:8px!important}
 .focus-play-stage .focus-choice-option{padding:7px!important;gap:3px}
 .focus-play-stage .focus-option-title{font-size:12px;line-height:1.4}
 .focus-play-stage .focus-option-rate{font-size:10px;line-height:1.4}
 .focus-play-stage .focus-compare-hint{margin:0 0 5px;font-size:10px}
}
@media(max-width:700px){
 .focus-play-stage:not(.is-reading-choice) .focus-play-story>.event-top{float:left;width:88px;height:66px;margin:0 9px 6px 0}
 .focus-play-stage:not(.is-reading-choice) .focus-play-story .event-top img{height:66px!important;width:88px;object-fit:contain}
 .focus-play-stage:not(.is-reading-choice) .focus-play-story>.event-title{font-size:15px;line-height:1.4;margin:0 0 5px}
 .focus-play-stage .focus-play-story .focus-story-prose{font-size:11px;line-height:1.5;margin:4px 0}
 .focus-play-stage .focus-story-expand{min-height:24px;padding:3px 0;font-size:10px}
 .focus-play-stage .focus-play-story>.tab-year-context{clear:both;margin:3px 0}
 .focus-play-stage .focus-play-story>.tab-year-context>summary{min-height:24px!important;padding:4px 8px!important;font-size:10px}
}
/* Mobile results open directly on the outcome and actual growth. */
.mobile-action-result{display:none}
@media(max-width:760px){
 .mobile-action-result{display:flex;flex-direction:column;box-sizing:border-box;height:100dvh;padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom));background:var(--light);color:var(--ink);gap:6px}
 .mobile-action-result>header{font-size:11px;color:var(--muted);flex:none}
 .mobile-action-result-body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain}
 .mobile-action-result .outcome-banner{grid-template-columns:38px minmax(0,1fr);padding:10px 12px;gap:6px 10px;margin:0 0 10px;border-left-width:3px}
 .mobile-action-result .outcome-proclamation,.mobile-action-result .outcome-kicker,.mobile-action-result .outcome-note,.mobile-action-result .outcome-symbol>small{display:none}
 .mobile-action-result .outcome-symbol{width:34px;height:52px;margin:0}
 .mobile-action-result .outcome-symbol>span{font-size:18px}
 .mobile-action-result .outcome-banner h3{font-size:22px;margin:0 0 4px;line-height:1.3}
 .mobile-action-result .outcome-choice{font-size:12px;line-height:1.5}
 .mobile-action-result .outcome-chance{font-size:10px;margin-top:4px;padding:2px 4px}
 .mobile-action-result .outcome-watermark{font-size:60px}
 .mobile-action-result .outcome-receipt{margin:8px 0;padding:10px}
 .mobile-action-result .outcome-receipt-head{font-size:11px;gap:6px}
 .mobile-action-result .outcome-receipt li{padding:6px 8px;font-size:12px}
 .mobile-action-result .outcome-office{font-size:11px;margin:5px 0 0}
 .mobile-action-result .growth-results{margin:12px 0 4px}
 .mobile-action-result .report-label{margin-bottom:6px;font-size:11px}
 .mobile-action-result .growth-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .mobile-action-result .growth-outcome{padding:9px}
 .mobile-action-result .growth-outcome strong{font-size:23px}
 .mobile-action-result .growth-outcome small{font-size:10px;line-height:1.4;display:block}
 .mobile-action-result .growth-stat-values{margin:4px 0}
 .mobile-action-result .growth-stat-track{margin-bottom:5px;height:10px}
 .mobile-action-result .growth-results>p{display:none}
 .mobile-action-result>footer{display:flex;align-items:center;gap:8px;flex:none;border-top:1px solid var(--line);padding-top:8px}
 .mobile-action-result>footer .text-button{font-size:11px;white-space:nowrap}
 .mobile-action-result>footer .primary{flex:1;min-height:44px;padding:8px;font-size:12px}
}
@media(min-width:801px){
 .header-tools .main-menu-open,.header-tools .color-mode-toggle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:108px;min-width:108px;height:36px;min-height:36px;padding:6px 10px;margin:0;border-radius:7px;font:600 11px/1.4 var(--sans);white-space:nowrap}
}
.outcome-receipt li.is-relation-change{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;min-width:0}
.outcome-receipt li.is-relation-change b{font-size:12px;white-space:nowrap}
.outcome-receipt li.is-unchanged b{color:var(--muted)}
.game-section-links .focus-mode-enter{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px!important;border:2px solid #d1ae64!important;border-radius:9px;background:linear-gradient(135deg,#40444c,#292d35)!important;color:#fff0c9!important;font-size:14px!important;font-weight:800;box-shadow:0 3px 10px #30343c26;white-space:nowrap}
@media(max-width:700px){.game-section-links .focus-mode-enter{width:100%;flex-basis:100%;min-height:46px;margin-top:6px}}
.focus-option-growth{display:block;font-size:11px;line-height:1.5;color:var(--ink);padding-top:4px;border-top:1px solid var(--line);font-weight:500}
@media(max-width:700px){.focus-option-growth{font-size:10px;line-height:1.5}.honor-companion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.honor-companion-grid .duo-candidate{padding:10px;min-width:0}.honor-companion-grid .expedition-person{flex-direction:column;align-items:flex-start;gap:6px}.honor-companion-grid h3{font-size:16px}.honor-companion-grid .primary{font-size:11px;padding:8px 4px;min-height:40px}.honor-companion-grid p{font-size:11px;line-height:1.5}.honor-companion-grid small{font-size:10px}}
@media(max-width:700px){
 .site-wrap>.header{min-height:72px;height:auto!important;padding-block:12px!important;gap:6px}
 .header .header-tools{display:flex!important;flex-direction:row!important;align-items:center;flex:0 0 auto;gap:4px}
 .header-tools .main-menu-open,.header-tools .color-mode-toggle{width:76px;min-width:76px;height:34px;min-height:34px;padding:4px;font-size:10px;gap:3px}
 .header-tools .color-mode-toggle>span{font-size:15px}
 .header .header-tools .help-btn{display:inline-flex!important;align-items:center;justify-content:center;width:24px;min-width:24px;height:34px;padding:0;font-size:12px}
 .header .help-btn>span:last-child{display:none}
 .header .brand strong{font-size:20px;letter-spacing:1px}
 .header .brand small{font-size:9px;letter-spacing:0}
 .header .brand-seal{width:22px;min-width:22px;font-size:12px;padding:3px}
}
@media(max-width:380px){.header .brand-seal{display:none}}
/* Keep short labels/numbers intact; allow real prose to wrap naturally. */
.action-slot-badge,.choice-state-label,.routine-success-rate,.choice-growth-preview>span,.promotion-check-state{white-space:nowrap}
.promotion-check-label,.promotion-offices strong,.recruitment-review-candidate-heading h4,.career-guide-heading h2,.career-guide-gap,.career-guide-suggestions .text-button{word-break:keep-all;overflow-wrap:break-word}
.annual-action-slot .annual-slot-copy-mobile{display:none}
.mobile-copy-full,.mobile-copy-short{font:inherit!important;color:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}
.mobile-copy-full{display:inline!important}
.mobile-copy-short{display:none!important}
.mobile-detail-only{display:none}
@media(max-width:700px){
 .mobile-copy-full{display:none!important}
 .mobile-copy-short{display:inline!important}
 .mobile-detail-only{display:block}
 .routine-choice .physician-person{gap:6px}
 .routine-choice .physician-person img{width:44px;height:44px;flex:0 0 44px}
 .routine-choice .physician-person b,.routine-choice .physician-person small{white-space:nowrap}
 .annual-action-slot .annual-slot-copy-full{display:none}
 .annual-action-slot .annual-slot-copy-mobile{display:block;white-space:nowrap}
 .annual-action-slot strong{white-space:nowrap;font-size:11px!important}
 .annual-action-slots{gap:5px}.annual-action-slot{padding:6px 4px!important}
 .annual-action-slot .annual-slot-copy-mobile{font-size:10px;line-height:1.4;margin-top:3px}
 .choice-category-tabs .choice-jump-name,.choice-category-tabs .choice-jump-count{white-space:nowrap}
 .promotion-offices{gap:6px}.promotion-offices strong{font-size:16px!important}
 .recruitment-review-candidate-heading{gap:6px}.recruitment-review-candidate-heading h4{font-size:15px}
 .outcome-receipt-head{gap:6px;flex-wrap:wrap}.outcome-receipt-head>strong{white-space:nowrap}
 .choice-title,.focus-option-title{word-break:keep-all;overflow-wrap:break-word}
 .action-slot-badge,.choice-state-label{font-size:10px}
 .page-title{font-size:25px}
}
/* Action use and success rate share one compact row. */
.choice-action-meta{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;margin-top:6px}
.choice-action-meta .action-slot-badge,.choice-action-meta .routine-success-rate{display:inline-flex!important;width:auto!important;flex:0 0 auto;margin:0!important;white-space:nowrap;font-size:11px!important;line-height:1.5;padding:2px 5px}
.hall-stat-heading-mobile{display:none}
.choice-title-mobile{display:none}
@media(max-width:700px){
 .choice-title-desktop{display:none}
 .choice-title-mobile{display:inline;white-space:nowrap}
 .hall-card-content{grid-template-columns:minmax(0,1fr) 94px;gap:10px}
 .hall-card-main{display:contents}
 .hall-card-identity{grid-column:1;grid-row:1;min-width:0}
 .hall-card-honors{grid-column:1/-1;grid-row:2}
 .hall-card-main>.hall-card-honors{margin-top:0}
 .hall-card .hall-stat-panel{grid-column:2;grid-row:1}
 .hall-stat-heading-desktop{display:none}
 .hall-stat-heading-mobile{display:inline}
 .hall-stat-row dt,.hall-stat-row dd{white-space:nowrap}
 .hall-card .hall-stat-panel{border-left:1px solid var(--line);border-top:0;padding:4px 0 3px 10px}
 .hall-card .hall-stat-panel dl{grid-template-columns:1fr;gap:9px;margin-top:8px}
 .hall-card .hall-stat-row{gap:3px;font-size:11px}.hall-card .hall-stat-row dd{font-size:14px}
 .hall-card-main .hall-card-top>div{flex-basis:auto}
 .hall-card .honor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 .hall-card .honor-field{padding:5px;gap:3px;flex-wrap:wrap;font-size:11px}.hall-card .honor-field small{font-size:10px}
 .honor-field-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 .honor-field-filters button{min-width:0;padding:8px 2px;font-size:11px;white-space:nowrap}
}

@media(max-width:700px){.hall-card-honors{margin-top:10px}.hall-card-honors .honor-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.hall-card-honors .honor-badge{min-width:0;padding:5px 4px;gap:4px;font-size:10px}.hall-card-honors .honor-badge small{font-size:9px}.hall-card-honors .honor-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.hall-card-honors .honor-field{display:flex;flex-direction:column;align-items:flex-start;gap:2px}}
/* Compact labels stay whole; content determines how much space a badge needs. */
.honor-badge-name{font:inherit;display:block}
@media(max-width:700px){
 .hall-card .hall-stat-panel>span{white-space:nowrap;letter-spacing:0;font-size:11px}
 .hall-stat-panel .hall-stat-seal{display:none}
 .hall-card-honors .honor-badge{display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 5px;padding:7px 5px;align-content:start}
 .hall-card-honors .honor-badge-copy{display:contents}
 .hall-card-honors .honor-badge-name{grid-column:1/-1;grid-row:1;white-space:nowrap;line-height:1.4;font-size:10px;letter-spacing:0}
 .hall-card-honors .honor-badge>b{grid-row:2;grid-column:1;min-width:18px;width:18px;height:21px;font-size:15px}
 .hall-card-honors .honor-badge small{grid-column:2;grid-row:2;align-self:center;white-space:nowrap;line-height:1.4;font-size:10px}
 .hall-card-honors .honor-badge-wide{grid-column:auto}
 .hall-card-honors .earned .badge-state,.hall-card-honors .honor-field-max{display:none}
 .hall-card-honors .honor-field b,.hall-card-honors .honor-field small{white-space:nowrap;font-size:11px;line-height:1.4}
 .focus-option-growth{grid-column:1/-1}
}
@media(max-width:700px){
 .creation-card .creation-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .creation-card .creation-actions button{padding:8px 6px;gap:5px;white-space:nowrap}
 .creation-card .creation-actions [data-action="start"]>.arrow{margin-left:0}
 .creation-card .creation-actions button>span[aria-hidden]{font-size:18px}
 .creation-card .portrait-setup .text-button{white-space:nowrap;padding:8px}
 .personnel-review-record>span,.career-transfer-current>span{flex-basis:auto;white-space:nowrap}
 .personnel-review-record,.career-transfer-current{gap:6px 10px}
 .life-progress-card>summary{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px}
 .life-progress-card>summary small{display:inline-block;margin:0;white-space:nowrap}
 .frontier-odds span{min-height:0;white-space:nowrap;font-size:11px}
 .frontier-odds small{white-space:nowrap}
 .trait-path-progress span,.trait-path-progress strong{white-space:nowrap}
 .province-item button{flex-wrap:nowrap;white-space:nowrap}
 .province-item h4>span,.province-item h4 small{white-space:nowrap}
}
@media(max-width:380px){
 .creation-portrait{padding-inline:16px}
 .creation-card .portrait-setup{gap:12px}
 .creation-card .portrait-setup>div:last-child{padding-right:0;min-width:0}
}
.focus-option-growth{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 7px}
.focus-option-growth>small,.focus-growth-item{white-space:nowrap;font-size:inherit}

@media(max-width:700px){
 .hall-card-honors .honor-badge{container-type:inline-size;grid-column:auto;min-height:52px;box-sizing:border-box;grid-template-rows:14px 21px;align-content:center}
 .hall-card-honors .honor-badge-name{font-size:clamp(7px,calc((100cqi - 1px) / var(--badge-name-units,8)),10px);line-height:14px;align-self:center}
 .hall-card-honors .honor-badge>b{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;line-height:1}
 .honor-badge-glyph{display:block;line-height:1;transform:translateY(-.06em)}
 .mobile-title-fit{white-space:nowrap;letter-spacing:0!important;word-break:normal;min-width:0}
}
@media(max-width:700px){.event-eyebrow.mobile-title-fit{display:block}}
@media(max-width:700px){
 .diplomacy-panel h3{font-size:16px;white-space:nowrap}
 .diplomacy-panel .policy-panel-bottom{gap:8px;flex-wrap:wrap}
 .diplomacy-panel .policy-panel-bottom>span,.diplomacy-panel button{white-space:nowrap}
 .diplomacy-modal .policy-option-heading{gap:7px}
 .diplomacy-modal .policy-option-heading h3{font-size:15px;word-break:keep-all}
 .diplomacy-modal .policy-option-heading>strong{white-space:nowrap}
}
/* Career names stay visible; experience amounts remain in the detail report. */
.choice-path-preview,.focus-option-path{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:6px;min-width:0}
.choice-path-preview>span,.focus-option-path>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font:700 11px/1.4 var(--sans);letter-spacing:0;padding:3px 8px 3px 4px;border:1px solid var(--path-color);border-radius:12px;color:#fff8eb;background:var(--path-color)}
.choice-path-preview [data-career-path="military"],.focus-option-path [data-career-path="military"]{--path-color:#8a353b}
.choice-path-preview [data-career-path="scholar"],.focus-option-path [data-career-path="scholar"]{--path-color:#335d91}
.choice-path-preview [data-career-path="merchant"],.focus-option-path [data-career-path="merchant"]{--path-color:#78501a}
.choice-path-preview [data-career-path="wanderer"],.focus-option-path [data-career-path="wanderer"]{--path-color:#654382}
.choice-path-preview .path-badge-symbol,.focus-option-path .path-badge-symbol{display:inline-flex;align-items:center;justify-content:center;flex:0 0 17px;width:17px;height:17px;border:1px solid #ffffff55;border-radius:50%;background:#ffffff18;font:700 11px/1 var(--serif);color:inherit}
.choice-path-preview .path-badge-label,.focus-option-path .path-badge-label{font:inherit;line-height:inherit;color:inherit;letter-spacing:0}
.focus-option-path{grid-column:1/-1;margin-top:0}
[data-color-mode="dark"] :is(.choice-path-preview,.focus-option-path) [data-career-path="military"]{--path-color:#9f4851}
[data-color-mode="dark"] :is(.choice-path-preview,.focus-option-path) [data-career-path="scholar"]{--path-color:#426da5}
[data-color-mode="dark"] :is(.choice-path-preview,.focus-option-path) [data-career-path="merchant"]{--path-color:#856024}
[data-color-mode="dark"] :is(.choice-path-preview,.focus-option-path) [data-career-path="wanderer"]{--path-color:#775298}
.routine-health-risk{display:flex;align-items:baseline;flex-wrap:nowrap;gap:10px;margin-top:7px;font-size:12px;line-height:1.6;color:#51555d}
.routine-health-risk>span{white-space:nowrap;flex:0 0 auto}
.routine-health-risk>.routine-choice-risk{display:inline;margin:0;font-size:inherit;line-height:inherit}
.routine-health-risk>.is-cost{color:#804a38}
[data-color-mode="dark"] .routine-health-risk{color:#c5c9d1}
[data-color-mode="dark"] .routine-health-risk>.is-cost{color:#edb499}
@media(max-width:700px){
 .choice-path-preview>span,.focus-option-path>span{font-size:10px;padding:2px 6px 2px 3px;gap:4px}
 .choice-path-preview .path-badge-symbol,.focus-option-path .path-badge-symbol{flex-basis:15px;width:15px;height:15px;font-size:10px}
 .routine-health-risk{gap:8px;font-size:11px}
}
@media(max-width:360px){
 .routine-health-risk:has(>.choice-wealth-cost){gap:5px;font-size:10px}
}
/* Keep the growth caption beside the probabilities instead of reserving a row. */
.choice-action-meta>.choice-path-preview{display:inline-flex;margin:0;flex-wrap:nowrap;gap:4px}
.choice-action-meta .path-badge-label[data-short-label]{font-size:0}
.choice-action-meta .path-badge-label[data-short-label]::after{content:attr(data-short-label);font-size:10px}
.choice-action-meta>.choice-path-preview>span{font-size:10px;padding:2px 5px;gap:3px}
@media(max-width:700px){
 .choice-action-meta{gap:4px!important}
 .choice-action-meta>.choice-path-preview .path-badge-symbol{display:none}
 .choice-action-meta>.choice-path-preview>span{padding:2px 4px}
 .choice-action-meta:has([data-career-path]:nth-child(3)){gap:3px!important}
 .choice-action-meta:has([data-career-path]:nth-child(3)) .routine-success-rate{font-size:9px!important}
}
.choice-growth-preview{align-items:center}
.choice-growth-preview>small{flex:0 0 auto;white-space:nowrap}
.choice-reward-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 9px;margin-top:6px;font-size:12px;line-height:1.5}
.choice-reward-meta>.routine-choice-effects,.choice-reward-meta>.routine-choice-participation,.choice-reward-meta>.routine-health-risk,.choice-reward-meta>.story-reward-forecast,.choice-reward-meta>.choice-description{margin:0;line-height:inherit;font-size:inherit}
.choice-reward-meta>.routine-choice-participation{white-space:nowrap}
.choice-reward-meta>.routine-choice-effects{gap:4px;font-size:inherit!important}
.choice-reward-meta>.routine-choice-effects>span{white-space:normal}
@media(max-width:360px){.choice-reward-meta{font-size:10px!important}}
.routine-choice-detail .choice-detail-intro{padding:3px 12px 9px}
.routine-choice-detail .choice-detail-intro>h4{margin:0;font-size:13px;line-height:1.55;font-weight:700;word-break:keep-all;overflow-wrap:anywhere}
.routine-choice-detail .choice-detail-intro>p{margin:3px 0 0;font-size:12px;line-height:1.55;color:var(--muted)}
/* The report keeps its scroll ornament without stacking oversized insets. */
.choice-report{padding:12px;margin:12px 2px 10px}
.choice-report-heading{padding:0 0 7px;margin-bottom:8px;gap:7px}
.choice-report-heading>span{gap:1px}
.choice-report-heading b{font-size:16px;line-height:1.4}
.choice-report-heading i{width:26px;height:29px;font-size:20px}
.choice-report .choice-experience,.choice-report .growth-report,.choice-report .fixed-report{padding:8px;margin-bottom:8px;gap:5px;line-height:1.45}
.choice-report .report-section-title{gap:5px;font-size:13px;line-height:1.4}
.choice-report .report-section-title>span{flex-basis:21px;height:23px;font-size:16px}
.choice-report .report-section-title>small{padding:1px 5px}
.choice-report .experience-gain{padding:5px 7px;gap:6px;font-size:12px}
.choice-report .experience-gain strong{font-size:14px}
.choice-report .choice-experience>small,.choice-report .report-note{line-height:1.45}
.choice-report .choice-forecast{gap:5px}
.choice-report .forecast-gain{padding:6px 7px;gap:2px}
.choice-report .forecast-gain small{line-height:1.45}
@media(max-width:700px){.choice-report{padding:10px 8px;margin-inline:0}}
@media(max-width:700px){
 .routine-choice-card>.choice{display:grid;grid-template-columns:26px minmax(0,1fr) 26px;column-gap:9px;row-gap:0!important}
 .routine-choice-card>.choice>.choice-body{display:contents}
 .routine-choice-card>.choice>.choice-num{grid-column:1;grid-row:1;align-self:start}
 .routine-choice-card>.choice>.choice-arrow{grid-column:3;grid-row:1;align-self:start}
 .routine-choice-card>.choice>.choice-body>*{grid-column:2/-1;min-width:0}
 .routine-choice-card>.choice>.choice-body>.choice-title,.routine-choice-card>.choice>.choice-body>.choice-person,.routine-choice-card>.choice>.choice-body>.physician-person{grid-column:2}
 .routine-choice-card>.choice>.choice-body>.choice-growth-preview,.routine-choice-card>.choice>.choice-body>.choice-action-meta,.routine-choice-card>.choice>.choice-body>.choice-reward-meta,.routine-choice-card>.choice>.choice-body>.choice-path-preview{grid-column:1/-1}
 .choice-reward-meta{font-size:11px;gap:3px 6px}
 .choice-growth-preview{align-items:center;gap:3px;margin-top:7px;font-size:11px}
 .choice-growth-preview>small{flex:0 0 auto;font-size:10px;white-space:nowrap}
 .choice-growth-preview>span{padding:3px 4px}
 .choice-action-meta .action-slot-badge,.choice-action-meta .routine-success-rate{font-size:10px!important;padding:2px 4px}
}

/* Mobile career badges use distinct, short role names; full names stay in details. */
@media(max-width:700px){
 :is(.choice-path-preview,.focus-option-path) .path-badge-label[data-short-label]{font-size:0}
 :is(.choice-path-preview,.focus-option-path) .path-badge-label[data-short-label]::after{content:attr(data-short-label);font-size:10px;line-height:1.4}
 .choice-path-preview,.focus-option-path{flex-wrap:nowrap;gap:4px}
 .focus-choice-option:has(.focus-option-path>span:nth-child(3)){grid-column:1/-1}
}

@media(max-width:700px){
 .focus-play-stage.is-reading-choice .focus-choice-preview{padding:10px 8px!important}
 .focus-play-stage .focus-choice-detail-pane .history-choice-group{padding-left:0;padding-right:0}
 .focus-play-stage .focus-choice-preview .choice-growth-preview{gap:3px}
 .infamy-value{color:#9b3d4c}
 [data-color-mode="dark"] .infamy-value{color:#efa7aa}
}

@media(max-width:700px){
 .focus-play-stage .focus-choice-detail-pane details.choice-section{padding:8px 0!important}
 .standing-reward{font-size:inherit;gap:3px 6px}
}
/* Persistent merchant/ranger support ledger in the faction/career tab. */
.influence-dashboard{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--light);box-shadow:inset 0 0 0 3px #b29a6214}
.network-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.network-heading>span{display:grid;place-items:center;flex:0 0 34px;height:38px;border:1px solid #b39256;color:var(--red);font:700 24px/1 var(--serif);background:#b3925619}
.network-heading h3{margin:0;font:700 16px/1.4 var(--serif)}
.network-heading small,.network-heading>b{font-size:10px;color:var(--muted);white-space:nowrap}
.network-heading>b{margin-left:auto;font-weight:500}
.network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.network-faction{min-width:0;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--paper)}
.network-faction.is-current{border-color:#b39256;box-shadow:inset 3px 0 #b39256}
.network-faction>header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.network-faction h4{margin:0;font:700 14px/1.4 var(--serif);word-break:keep-all;overflow-wrap:anywhere}
.network-faction header>div>span{font-size:10px;color:var(--muted)}
.network-credit{display:flex;align-items:baseline;gap:5px;flex-shrink:0;color:#5c6068}
.network-credit small{font-size:10px}.network-credit strong{font:700 23px/1 var(--serif)}
.network-credit.is-negative{color:#aa4653}
.network-track{display:flex;gap:6px;margin:8px 0!important;font:10px/1.4 var(--sans)}
.network-track>span{padding:3px 6px;border-radius:4px;background:#a27b3520;color:var(--ink);white-space:nowrap}
.network-effects{list-style:none;padding:0;margin:0;display:grid;gap:5px}
.network-effects>li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:2px 7px;align-items:center;padding:6px 7px;border:1px solid var(--line);border-radius:5px;font:11px/1.4 var(--sans);background:var(--light)}
.network-effects strong{color:var(--red);font-size:12px;white-space:nowrap}.network-effects small{font-size:10px;white-space:nowrap;color:var(--muted)}
.network-effects em{grid-column:1/-1;font-size:9px;font-style:normal;color:var(--muted)}
.network-empty,.network-rule{margin:7px 0 0!important;font-size:11px!important;line-height:1.5;color:var(--muted)}
.network-expired{display:block;margin-top:7px;font-size:10px;color:var(--muted)}
.network-guide{margin-top:10px}.network-guide>summary{font-size:11px;padding:5px 0;cursor:pointer}.network-guide>p{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0}
:root[data-color-mode="dark"] .network-credit{color:#bec2ca}:root[data-color-mode="dark"] .network-credit.is-negative{color:#f0a4ad}
:root[data-color-mode="dark"] .network-effects strong{color:#e8cd94}
@media(max-width:700px){.network-grid{grid-template-columns:1fr}.influence-dashboard{padding:10px;margin:10px 0}.network-faction{padding:10px}.network-heading h3{font-size:15px}.network-heading{gap:7px}.network-heading>span{flex-basis:29px;height:32px;font-size:22px}}

/* Single-screen mobile setup and full-record year pages. Desktop remains unchanged. */
.creation-step-nav,.yr-mobile-pages{display:none}
.mobile-conquest-receipt{padding:10px 12px;border:1px solid #bc9b54;border-radius:8px;background:#b8993014;margin:8px 0;color:var(--ink)}
.mobile-conquest-receipt strong{color:var(--accent);font-size:13px}.mobile-conquest-receipt p{margin:5px 0 0;font-size:14px;font-weight:700;line-height:1.5}
@media(max-width:700px){
 body.is-character-creation .header,body.is-character-creation .footer{display:none!important}
 body.is-character-creation .site-wrap{height:100dvh;min-height:0;padding:8px!important;box-sizing:border-box;margin:0!important}
 .is-character-creation #app{height:100%;padding:0}
 .creation-card{height:100%;margin:0;display:flex;flex-direction:column;box-sizing:border-box}
 .creation-card .creation-portrait{flex:1;min-height:0;padding:20px}
 .creation-card .creation-form{padding:12px 16px;flex:none}
 .creation-heading{margin-bottom:12px}.creation-heading h1{font-size:22px}.creation-next,.creation-status{display:none!important}
 .creation-card .creation-actions{margin-top:12px}.creation-card .creation-actions button{min-height:42px;padding:8px}
 .creation-card[data-mobile-step="0"] .birth-customization,.creation-card[data-mobile-step="0"] .creation-fate,.creation-card[data-mobile-step="0"] [data-action="start"]{display:none!important}
 .creation-card[data-mobile-step="0"] .creation-actions{grid-template-columns:1fr}
 .creation-card[data-mobile-step="1"] .creation-portrait,.creation-card[data-mobile-step="1"] .creation-names{display:none!important}
 .creation-card[data-mobile-step="1"] .creation-form{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}
 .creation-card .birth-customization{margin-top:0}.creation-card .birth-choice-card{min-height:62px;padding-top:8px;padding-bottom:8px}.birth-choice-cards{gap:7px;margin-bottom:7px}
 .creation-card :is(.creation-effects,.creation-fate)>summary{min-height:40px;padding:7px 12px;font-size:11px}
 .creation-card .creation-fate{margin-top:7px}
 .creation-step-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid #bca36c66;flex:none}
 .creation-step-nav button{min-height:42px;padding:8px;font-size:12px;color:var(--creation-ink);background:#ba9b5017;border:1px solid #ac945c;border-radius:6px}.creation-step-nav span{font-size:10px;color:var(--creation-muted);white-space:nowrap}
 .creation-step-nav [hidden]{display:none!important}
}
@media(max-width:760px){
 .yr-layout>.yr-mobile-summary{display:none}.yr-art{flex:0 0 18%;min-height:70px}.yr-art figcaption{padding:8px 14px}.yr-art h1{font-size:18px;margin:3px 0}.yr-art figcaption p{display:none}
 .yr-mobile-pages{display:flex;flex:1;min-height:0;flex-direction:column;background:#242830;padding:10px 14px 0}
 .yr-page-content{flex:1;min-height:0;overflow:hidden;font-size:12px;line-height:1.5}
 .yr-page-content .yr-chapter{padding-bottom:8px}.yr-page-content .yr-chapter h2{font-size:18px;margin:4px 0}.yr-page-content .yr-chapter p{margin:3px 0;font-size:11px}
 .yr-page-content>.yr-deed,.yr-page-content>.yr-history,.yr-page-content>.yr-faction{margin:6px 0;padding:7px}.yr-page-content p{font-size:12px;line-height:1.55;margin:4px 0}.yr-page-content h3,.yr-page-content h4{font-size:12px;margin:6px 0}
 .yr-page-content .yr-mark{font-size:18px}.yr-page-content .yr-stats{gap:5px}.yr-page-content .yr-stats>div{padding:6px}.yr-page-content .yr-stats b{font-size:16px}
 .yr-page-controls{display:flex;justify-content:space-between;align-items:center;flex:none;gap:12px;padding:6px 0}.yr-page-controls button{border:1px solid #b89c60;color:#f1d799;background:#ffffff09;border-radius:5px;min-width:44px;min-height:36px}.yr-page-controls span{font-size:11px;color:#dfc991}.yr-page-controls button:disabled{opacity:.3}
 .yr-controls .yr-details-button{display:none}.yr-controls{padding-top:5px;gap:4px}.yr-top{padding:9px 14px}
 #modal:has([data-action="hall-confirm"]) .modal-actions{position:sticky;bottom:-1px;background:var(--light);padding:10px 0 max(10px,env(safe-area-inset-bottom));z-index:2}
 #modal:has([data-action="hall-confirm"]) .modal-actions button{min-height:44px;touch-action:manipulation}
}

/* All character settings share one mobile sheet. */
@media(max-width:700px){
 .is-character-creation .creation-card{display:flex;flex-direction:column}
 .is-character-creation .creation-card .creation-portrait{flex:0 0 auto;min-height:0;padding:10px 16px;height:clamp(96px,17dvh,136px);box-sizing:border-box}
 .is-character-creation .creation-card #home-portrait-preview{width:68px;height:85px;padding:3px;aspect-ratio:auto}
 .is-character-creation .creation-card .portrait-setup{gap:14px}.is-character-creation .creation-card #home-portrait-label{font-size:17px}
 .is-character-creation .creation-card .portrait-setup .text-button{padding:5px 8px;min-height:32px;margin:0;font-size:10px}
 .is-character-creation .creation-card .portrait-setup span{font-size:9px;letter-spacing:0}.is-character-creation .creation-seal{font-size:12px;top:10px;right:12px}
 .is-character-creation .creation-card .creation-form{flex:1;min-height:0;padding:10px 12px;display:flex;flex-direction:column;justify-content:space-evenly;gap:6px}
 .is-character-creation .creation-heading{margin:0}.is-character-creation .creation-heading h1{font-size:18px;margin:0}.is-character-creation .creation-kicker{display:none}
 .is-character-creation .creation-names{gap:9px}.is-character-creation .creation-card .name-field label{font-size:10px;margin-bottom:3px}.is-character-creation .creation-card .name-field input{height:36px;padding:0 8px}
 .is-character-creation .creation-card .birth-choice-card{height:52px;min-height:52px;padding:6px 12px 6px 65px}.is-character-creation .birth-choice-copy{gap:1px}.is-character-creation .birth-choice-copy>span{font-size:10px}.is-character-creation .birth-choice-copy strong{font-size:13px}.is-character-creation .birth-choice-seal{left:15px;width:28px;height:32px;font-size:18px}
 .is-character-creation .birth-choice-cards{gap:5px;margin-bottom:5px}.is-character-creation .creation-card :is(.creation-effects,.creation-fate)>summary{min-height:34px;padding:4px 10px;font-size:10px;grid-template-columns:20px 1fr 6px;gap:8px}
 .is-character-creation .creation-card :is(.creation-effects,.creation-fate)>summary:before{height:20px;width:20px;font-size:13px}
 .is-character-creation .creation-card .creation-fate{margin:0}.is-character-creation .creation-card .creation-actions{margin:0;gap:7px;padding-bottom:env(safe-area-inset-bottom)}
 .is-character-creation .creation-card .creation-actions button{min-height:40px;padding:7px;font-size:12px}
}
@media(max-width:700px) and (max-height:650px){
 .is-character-creation .creation-card .creation-portrait{height:86px;padding:6px 14px}.is-character-creation .creation-card #home-portrait-preview{width:54px;height:68px}.is-character-creation .creation-heading{display:none}.is-character-creation .creation-card .creation-form{gap:4px;padding:6px 10px}.is-character-creation .creation-card .birth-choice-card{height:47px;min-height:47px}.is-character-creation .creation-card :is(.creation-effects,.creation-fate)>summary{min-height:31px}
}

@media(max-width:700px){body.is-character-creation #app{min-height:0!important}body.is-character-creation .site-wrap{padding-bottom:8px!important}}


.hall-birth-talent{display:inline-flex;align-items:center;white-space:nowrap;font:11px/1.4 var(--sans);padding:4px 7px;margin:0 0 7px;border:1px solid #aa884b66;border-radius:5px;color:var(--ink);background:#ad8c4114}
/* The mobile sheet prioritizes editable choices over a repeated heading. */
@media(max-width:700px){
 .is-character-creation .creation-heading{display:none}
 .is-character-creation .creation-card .creation-form{justify-content:flex-start;gap:8px}
 .is-character-creation .creation-card .creation-names,.is-character-creation .creation-card .creation-fate,.is-character-creation .creation-card .creation-actions{flex:none}
 .is-character-creation .creation-card .birth-customization{flex:1;min-height:0;display:flex;flex-direction:column}
 .is-character-creation .creation-card .birth-choice-cards{flex:1;min-height:0;grid-template-rows:repeat(3,minmax(47px,1fr));gap:7px;margin-bottom:7px}
 .is-character-creation .creation-card .birth-choice-card{height:100%;min-height:47px;padding-left:75px}
 .is-character-creation .creation-card .birth-choice-copy strong{font-size:15px}
 .is-character-creation .creation-card .birth-choice-seal{width:35px;height:40px;font-size:23px;left:19px}
 .is-character-creation .creation-card .creation-effects{flex:none}
}
@media(max-width:700px) and (max-height:650px){
 .is-character-creation .creation-card .creation-form{gap:6px}
 .is-character-creation .creation-card .birth-choice-cards{gap:5px;margin-bottom:5px}
 .is-character-creation .creation-card .birth-choice-copy strong{font-size:13px}
 .is-character-creation .creation-card .birth-choice-seal{width:29px;height:33px;font-size:20px}
}
/* Make the character's face and name the visual focus of the mobile sheet. */
@media(max-width:700px){
 .is-character-creation .creation-card .creation-portrait{height:clamp(180px,33dvh,280px);padding:14px 18px}
 .is-character-creation .creation-card #home-portrait-preview{width:clamp(104px,31vw,144px);height:clamp(130px,39vw,180px);padding:4px}
 .is-character-creation .creation-card .portrait-setup{gap:18px}
 .is-character-creation .creation-card #home-portrait-label{font-size:clamp(18px,5.2vw,22px);line-height:1.35}
 .is-character-creation .creation-card .portrait-setup .text-button{min-height:38px;padding:7px 10px;font-size:12px}
 .is-character-creation .creation-card .name-field label{font-size:12px;margin-bottom:5px}
 .is-character-creation .creation-card .name-field input{height:46px;font-size:16px;padding:0 10px}
 .is-character-creation .creation-card .birth-choice-cards{grid-template-rows:repeat(3,minmax(45px,1fr))}
 .is-character-creation .creation-card .birth-choice-card{min-height:45px;padding-left:65px}
 .is-character-creation .creation-card .birth-choice-seal{width:29px;height:34px;font-size:20px;left:16px}
 .is-character-creation .creation-card .birth-choice-copy strong{font-size:14px}
}
@media(max-width:700px) and (max-height:650px){
 .is-character-creation .creation-card .creation-portrait{height:148px;padding:10px 14px}
 .is-character-creation .creation-card #home-portrait-preview{width:90px;height:112px}
 .is-character-creation .creation-card .portrait-setup{gap:12px}
 .is-character-creation .creation-card #home-portrait-label{font-size:17px}
 .is-character-creation .creation-card .name-field input{height:40px}
 .is-character-creation .creation-card .name-field label{font-size:11px;margin-bottom:3px}
 .is-character-creation .creation-card .birth-choice-copy strong{font-size:13px}
}
/* A compact, permanent exit from new-character setup while a life is active. */
.creation-resume{position:absolute;top:14px;right:16px;z-index:4;min-height:38px;padding:7px 12px;border:1px solid #d7ba78;border-radius:7px;background:#2e323a;color:#fff0c5;font:700 13px/1.2 var(--sans);box-shadow:0 2px 8px #0003;white-space:nowrap;cursor:pointer}
.creation-resume:focus-visible{outline:2px solid #fff0c5;outline-offset:3px}
.creation-portrait:has(.creation-resume) .creation-seal{display:none}
@media(max-width:700px){.creation-resume{top:10px;right:12px;min-height:34px;padding:6px 10px;font-size:12px}}
/* Persistent title bar and a compact, always available settings entry. */
.site-wrap>.header{position:sticky!important;top:max(8px,env(safe-area-inset-top));z-index:100}
.header-tools .header-settings{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:36px;padding:6px 10px;border:1px solid #bca57288;border-radius:7px;background:#ffffff0a;color:inherit;font:600 11px/1.4 var(--sans);white-space:nowrap}
.header-settings>span{font-size:16px;line-height:1}
@media(max-width:700px){
 .header-tools .header-settings{height:34px;min-height:34px;padding:4px 6px;font-size:10px;gap:3px}
 html{scroll-padding-top:88px}
}
/* Music and theme controls belong exclusively to the settings screen. */
.site-wrap #bgm-controls,.site-wrap #color-mode-toggle{display:none!important}

/* Keep mobile choice arrows inside their fixed grid track. */
@media(max-width:700px){.choices .routine-choice-card>.choice[data-choice]>.choice-arrow{box-sizing:border-box;width:26px!important;height:26px!important;min-width:26px;max-width:26px;flex:0 0 26px;padding:0!important;margin:0;align-self:center;justify-self:center;line-height:1;border-radius:50%;overflow:hidden}.choices .routine-choice-card>.choice[data-choice]:not(:disabled)>.choice-arrow{font-size:0!important}}
.retainer-decision{padding:12px;border:1px solid var(--line);border-radius:8px;margin:10px 0;background:var(--light)}.retainer-decision p{font-size:12px;margin:0 0 8px}.retainer-decision>div{display:flex;gap:8px}.retainer-decision button{flex:1;margin:0!important;min-width:0;padding:10px!important}

.crew-field{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:8px;margin:10px 0}.crew-field select{width:100%;min-width:0;padding:8px;background:var(--light);color:var(--ink);border:1px solid var(--line)}.crew-support{display:block;font-size:11px;color:var(--ink);margin-top:5px}.story-choice-group>[data-action="crew-open"]{margin:8px 0 12px}
.crew-result-person{padding:8px 0;border-top:1px solid #b59a6840;margin-top:8px}.crew-result-person header{display:flex;align-items:center;gap:8px}.crew-result-person header img{border-radius:6px;object-fit:cover}.crew-result-person ul{margin:6px 0!important}.crew-result-skill{margin:5px 0!important;font-size:13px}.crew-result-skill.is-rare{color:#b88723;font-weight:700}