.board-phase-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;color:#3b5445;font-size:15px}.board-phase-line .phase-clock{position:static;width:48px;height:48px;flex:none}.board-phase-line .phase-clock b{font-size:20px}.board-phase-line .phase-clock span{display:none}.board-phase-line p{margin:0;color:#64735e;font-size:13px}body.board-active .play-layout{align-items:start}body.board-active .world-wrap{height:calc(100dvh - 450px);min-height:400px;max-height:800px}body.board-active .turn-panel{align-self:start;display:flex;flex-direction:column;gap:12px}body.board-active .turn-panel .turn-card{margin:0}body.board-active #board-progress{margin-bottom:15px}body.board-active #board-progress .board-owner-progress{padding:15px 18px;display:grid;grid-template-columns:150px 1fr;gap:10px 24px}body.board-active #board-progress .board-progress-heading{display:none}body.board-active #board-progress .board-happiness-progress{align-self:center}body.board-active #board-progress .board-purpose-progress{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}body.board-active #board-progress .board-pacing-guide{grid-column:1/-1;font-size:12px;margin:0;color:#57694f}body.board-active #board-progress .board-current-scores{display:none}body.board-active .world-caption{padding:10px 16px;font-size:13px}.college-major-label{display:block;font-size:14px;margin:17px 0 12px;font-weight:650}.college-major-label select{display:block;width:100%;padding:10px;margin-top:7px;font:inherit;font-size:16px;border:1px solid #bdcbb2;border-radius:9px;background:#fffdf4;color:#36523f}.college-completion-benefits{background:#e9efdd;border:1px solid #d2ddc2;border-radius:12px;padding:14px;margin:13px 0 18px;color:#3e5a41}.college-completion-benefits>b{font-size:14px}.college-completion-benefits>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.college-completion-benefits>div>span{padding:5px 7px;background:#fffaf0;border-radius:6px;font-size:12px;font-weight:650}.path-card .college-completion-benefits p{min-height:0;margin:9px 0;font-size:13px;line-height:1.5}.college-completion-benefits>small{font-size:12px;line-height:1.5;display:block;color:#5a6e4f}.path-card .path-copy>p{min-height:0}body.board-active .chapter-heading{margin-bottom:15px}body.board-active .game-page{padding-bottom:90px}
@media(max-width:850px){body.board-active #board-progress .board-owner-progress{grid-template-columns:120px 1fr;gap:12px}body.board-active #board-progress .board-purpose-progress{gap:12px}body.board-active .world-wrap{height:480px;min-height:350px}body.board-active .board-turn-queue ol{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px}body.board-active .board-turn-queue li{flex:0 0 154px;scroll-snap-align:start}body.board-active .turn-panel{display:flex!important}body.board-active .turn-panel .board-turn-card{display:block!important}body.board-active #mobile-turn-action:empty{display:none}}
@media(max-width:540px){body.board-active #board-progress .board-owner-progress{padding:14px;grid-template-columns:1fr;gap:14px}body.board-active #board-progress .board-happiness-progress{display:flex;align-items:center;gap:14px}body.board-active #board-progress .board-happiness-progress>div{width:130px}body.board-active #board-progress .board-happiness-progress>.board-progress-track{flex:1;margin:0}body.board-active #board-progress .board-purpose-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body.board-active #board-progress .board-purpose-row>div:first-child{display:block}body.board-active #board-progress .board-purpose-row>div:first-child>b{font-size:12px;overflow-wrap:anywhere}body.board-active #board-progress .board-purpose-row>small{display:none}body.board-active #board-progress .board-purpose-row>div:first-child>span{display:block;font-size:10px;margin-top:3px}body.board-active #board-progress .board-purpose-current{display:block}body.board-active #board-progress .board-purpose-current .board-progress-track{margin-top:6px}body.board-active #board-progress .board-pacing-guide{font-size:11px}body.board-active .world-wrap{height:360px;min-height:320px}.board-phase-line{align-items:center;gap:10px}.board-phase-line>div>b{font-size:14px}.board-phase-line p{font-size:12px;margin-top:4px}body.board-active .mobile-actionbar{padding:10px 12px}body.board-active .mobile-actionbar>span{font-size:12px}body.board-active .mobile-actionbar .button{font-size:13px;min-height:44px;padding:10px 14px}body.board-active .turn-panel{margin-top:12px}}

.board-goal-status{display:inline-block;font-style:normal;font-size:11px;line-height:1.4;padding:3px 6px;border-radius:5px;margin:2px 0 5px;background:#e0ead7;color:#42653c}.board-goal-status.attention{background:#f1e6cb;color:#80642c}
.board-direction-choice{display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;min-height:102px!important;text-align:left}.direction-choice-symbol{display:grid;place-items:center;width:43px;height:52px;flex:none;border:1px solid var(--direction-color);background:color-mix(in srgb,var(--direction-color) 15%,#fffdf6);border-radius:24px 24px 10px 10px;font-size:29px;color:var(--direction-color)}.direction-choice-copy{display:flex;flex-direction:column;gap:4px;color:#3e5444!important}.direction-choice-copy b{font-size:18px;line-height:1.2}.direction-choice-copy small{font-size:13px;line-height:1.45;color:#68765e}.direction-choice-copy em{font-style:normal;font-size:12px;line-height:1.45;font-weight:650;color:#7f692c}.board-read-story{font-size:13px;min-height:40px;text-align:left}
#turn-panel .board-choice-list:has(.board-direction-choice){grid-template-columns:1fr 1fr;gap:8px}#turn-panel .board-direction-choice{min-height:92px!important;padding:12px!important;align-items:flex-start!important}#turn-panel .board-direction-choice .direction-choice-symbol{display:none}#turn-panel .direction-choice-copy b{font-size:16px}#turn-panel .direction-choice-copy small{display:none}#turn-panel .direction-choice-copy em{font-size:11px}#event-dialog .event-dialog-options:has(.board-direction-choice){display:grid;grid-template-columns:1fr 1fr;gap:12px}#event-dialog .board-direction-choice{border-radius:14px;background:#fafbef;padding:20px;min-height:140px!important}.board-turn-person .board-person-photo{width:56px;height:56px;flex-basis:56px}.board-turn-person b{font-size:17px}.board-turn-person small{font-size:13px}@media(max-width:540px){#event-dialog .event-dialog-options:has(.board-direction-choice){grid-template-columns:1fr}#event-dialog .board-direction-choice{padding:15px;min-height:106px!important}}
.life-round-statement{margin-top:14px;padding:14px;border:1px solid #d5dfcb;border-radius:12px;background:#f3f6e8;color:#4a624b}.life-round-statement>summary{cursor:pointer;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.4}.life-round-statement>summary b{font-size:16px}.life-round-statement p{font-size:13px;line-height:1.5;margin-top:9px}.life-round-statement small{display:block;font-size:11px;line-height:1.6;color:#6e795f;margin-top:10px}.life-recent-stories{margin-top:30px;border-top:1px solid #d6ddcd;padding-top:23px}.life-recent-stories h3{margin:8px 0 18px;font-size:26px}.life-recent-stories>details{border:1px solid #d6ddcd;border-radius:12px;margin:10px 0;background:#fafbf1}.life-recent-stories>details>summary{display:flex;align-items:center;gap:14px;padding:16px;list-style:none;cursor:pointer;font-size:15px;min-height:60px}.life-recent-stories summary>span{font-size:12px;flex:none;color:#7a826b}.life-recent-stories summary>i{margin-left:auto;font-size:20px;font-style:normal}.life-recent-stories details>div{padding:0 17px 16px}.life-recent-stories details p{font-size:15px;line-height:1.55}.life-recent-stories details small{display:block;font-size:12px;line-height:1.5;margin-top:12px;color:#7c7f68}.life-recent-stories .board-effect{font-size:12px}

/* Infancy is a complete chapter board, not a small crop of the city atlas. */
body.board-active .game-page{display:flex;flex-direction:column}
body.board-active #phase-heading{order:0}body.board-active .play-layout{order:1}body.board-active #life-comparison{order:2}body.board-active #board-queue{order:3}body.board-active #board-progress{order:4;margin-top:12px}body.board-active #game-footer{order:5}body.board-active #mobile-turn-action{order:6}
body.early-board-active .play-layout{grid-template-columns:minmax(0,1fr) 310px}
body.early-board-active .world-wrap{height:650px;min-height:650px;max-height:none;background:#e5ddc9;border-color:#c8b895}body.early-board-active .world-label strong{font-size:19px;color:#3b4c3c}body.early-board-active .world-label small{font-size:14px;margin-top:6px}body.early-board-active .world-toolbar button{font-size:13px}body.early-board-active .world-caption[hidden]{display:none}
body.early-board-active #board-queue .board-turn-queue{padding:11px 14px;margin-bottom:14px}body.early-board-active #board-queue .board-queue-heading{margin-bottom:7px}body.early-board-active #board-queue .board-turn-queue li{padding:8px}body.early-board-active #board-queue .board-person-photo{width:48px;height:48px;flex-basis:48px}
@media(min-width:851px){body.early-board-active #board-queue ol:has(>li:nth-child(5)){grid-template-columns:repeat(4,minmax(0,1fr))}body.early-board-active #board-queue .board-turn-queue li{display:flex;align-items:center;gap:8px}body.early-board-active #board-queue .board-queue-player{flex:1;min-width:0}body.early-board-active #board-queue .board-real-dice.compact{margin:0;max-width:70px;justify-content:center}body.early-board-active #board-queue .board-real-dice.compact>b{display:none}}
@media(max-width:1100px){body.early-board-active .play-layout{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:800px){body.early-board-active .play-layout{grid-template-columns:1fr}body.early-board-active .world-label{padding:11px 13px}body.early-board-active .world-label strong{font-size:16px}body.early-board-active .world-label small{font-size:12px}body.early-board-active .world-toolbar button{font-size:11px;max-width:105px;line-height:1.4}}
/* Let the school and distant home establish childhood; the phase line names it. */
body.childhood-board-active .world-toolbar{display:none}

/* Keep the board and lives in one independent column: expanding the story
   sidebar must never create empty space between the board and its cards. */
.board-primary{display:contents}
@media(min-width:851px){
 body.board-active:not(.suburban-board-active) .board-primary{display:flex;flex-direction:column;gap:14px;min-width:0}
 body.board-active:not(.suburban-board-active) .board-primary>.world-wrap{flex-shrink:0}
 body.board-active:not(.suburban-board-active) .life-comparison{margin:0}
 body.board-active:not(.suburban-board-active) .life-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}

/* The landed card belongs to the board; the table below stays visible. */
.board-event-stage[hidden]{display:none}
.board-event-stage{position:absolute;inset:0;z-index:5;display:grid;place-items:start center;padding:16px;background:#18382b38;isolation:isolate}
.board-event-stage .board-turn-card{display:flex;flex-direction:column;width:min(100%,650px);max-height:min(560px,max(320px,calc(100dvh - 220px)));overflow:hidden;margin:0;padding:0;border:1px solid #c4d1b8;border-radius:19px;background:#fffdf6;box-shadow:0 18px 60px #112b2852;animation:board-card-arrive .22s ease-out}
.board-card-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:22px 28px}
.board-card-footer{flex-shrink:0;padding:12px 28px 16px;border-top:1px solid #d7e1cd;background:#fffdf6}
.board-event-stage .board-turn-heading{font-size:12px}
.board-event-stage .board-stage-clock{padding:5px 9px;border-radius:8px;background:#edf2e5;color:#3e6248;font-size:13px}
.board-event-stage .board-stage-clock b{font-size:17px}
.board-event-stage .board-turn-person{padding:12px 0}
.board-event-stage .board-person-photo{width:52px;height:52px;flex-basis:52px}
.board-event-stage .board-turn-card h2{font-size:34px;margin:12px 0;line-height:1.1}
.board-event-stage .board-story-copy{font-size:16px;line-height:1.5;margin:10px 0}
.board-event-stage .board-story-signal{margin-top:14px}
.board-event-stage .board-result-happiness{margin:12px 0;padding:11px 15px}
.board-event-stage .board-result-happiness strong{font-size:29px}
.board-event-stage .board-main-action{margin:0}
.board-event-stage .board-turn-note{margin-top:10px}
.board-event-stage .board-card-footer .board-turn-note{font-size:12px;line-height:1.35;margin-top:6px}
.board-event-stage .board-turn-recap .board-turn-person{padding:8px 0}
.board-event-stage .board-turn-recap .board-person-photo{width:44px;height:44px;flex-basis:44px}
.board-event-stage .board-turn-recap .board-chosen{margin:6px 0;font-size:13px}
.board-event-stage .board-turn-recap .board-actual-effects{margin:10px 0}
.board-event-stage .board-turn-recap .board-full-story{margin:8px 0 0}
.board-event-stage .board-choice-list:has(.board-choice-card){grid-template-columns:repeat(2,minmax(0,1fr))}
.board-event-stage .board-choice-card>img{width:100%;height:130px;object-fit:cover;object-position:center 25%}
.board-event-stage .board-turn-balance{margin:10px 0}
.board-event-stage .board-real-dice{display:none}
.board-auto-reveal{padding:10px 12px;border-radius:9px;background:#eef2e5;color:#57704c}
body.board-event-active .world-toolbar,body.board-event-active .world-caption{visibility:hidden}
body.board-event-active .board-canvas{filter:brightness(.78)}
body.board-active.board-event-active:not(.early-board-active) .world-wrap{height:590px;min-height:590px;max-height:590px}
body.suburban-board-active.board-event-active .world-wrap{height:590px;min-height:590px;max-height:590px}
@keyframes board-card-arrive{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:850px){
 body.board-active.board-event-active .world-wrap{height:600px;min-height:600px;max-height:600px}
 .board-event-stage{padding:10px}
 .board-event-stage .board-turn-card{padding:0;border-radius:15px}
 .board-card-body{padding:18px}
 .board-card-footer{padding:10px 18px 14px}
 .board-event-stage .board-turn-card h2{font-size:29px}
 .board-event-stage .board-story-copy{font-size:15px}
 .board-event-stage .board-choice-card>img{height:110px}
}
@media(prefers-reduced-motion:reduce){.board-event-stage .board-turn-card{animation:none}}
@media(min-width:1500px){body.board-active:not(.suburban-board-active) .life-comparison-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){
 body.board-active:not(.suburban-board-active) .play-layout{grid-template-columns:1fr}
 body.board-active:not(.suburban-board-active) .world-wrap{grid-column:1;grid-row:1}
 body.board-active:not(.suburban-board-active) #turn-panel{grid-column:1;grid-row:2}
 body.board-active:not(.suburban-board-active) #life-comparison{grid-column:1;grid-row:3;min-width:0}
}

/* Keep the dilemma and choices ahead of optional context. */
body.board-active .board-event-stage .board-turn-card{padding:0}
.board-event-stage [data-board-stage=event] .board-card-body{padding:16px 22px}
.board-event-stage [data-board-stage=event] .board-turn-person{padding:6px 0}
.board-event-stage [data-board-stage=event] .board-person-photo{width:40px;height:40px;flex-basis:40px}
.board-event-stage [data-board-stage=event] h2{font-size:28px;margin:7px 0}
.board-event-stage [data-board-stage=event] .board-story-signal{margin-top:9px}
.board-event-stage [data-board-stage=event] .board-story-copy{margin:7px 0;line-height:1.4}
.board-event-stage [data-board-stage=event] .board-turn-balance{margin:6px 0}
.board-event-stage [data-board-stage=event] .board-choice-list{margin-top:8px}
@media(min-width:850px){.board-event-stage .board-turn-card:has(.board-choice-list):not(:has(.board-choice-card)){width:min(100%,740px)}}

/* Turn order belongs below the current life's close circle, in the sidebar. */
body.board-active #turn-panel #board-queue{width:100%;min-width:0;order:3}
body.board-active #turn-panel #board-queue .board-turn-queue{padding:12px;margin:0;border-radius:12px}
body.board-active #turn-panel #board-queue .board-queue-heading{margin-bottom:8px;gap:8px;font-size:14px;align-items:baseline;flex-wrap:wrap}
body.board-active #turn-panel #board-queue .board-queue-heading>span{font-size:12px}
body.board-active #turn-panel #board-queue .board-order-note{font-size:12px;line-height:1.4;margin:4px 0 9px}
body.board-active #turn-panel #board-queue ol{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:0;overflow:visible;scroll-snap-type:none}
body.board-active #turn-panel #board-queue li{display:flex;flex:initial;align-items:center;gap:6px;padding:3px 5px;border-radius:8px}
body.board-active #turn-panel #board-queue .board-queue-player{flex:1;min-width:0;gap:6px;padding:3px 0;min-height:44px}
body.board-active #turn-panel #board-queue .board-person-photo{width:28px;height:28px;flex:0 0 28px}
body.board-active #turn-panel #board-queue .board-priority{min-width:12px}
body.board-active #turn-panel #board-queue .board-queue-identity b{font-size:13px;line-height:1.3}
body.board-active #turn-panel #board-queue .board-queue-identity small{font-size:12px;line-height:1.3;margin-top:1px}
body.board-active #turn-panel #board-queue .board-previous-gain{display:none}
body.board-active #turn-panel #board-queue .board-real-dice.compact{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:4px;margin:0;max-width:none;flex-wrap:wrap}
body.board-active #turn-panel #board-queue .board-real-dice.compact .die{width:24px;height:24px;font-size:20px}
body.board-active #turn-panel #board-queue .board-real-dice.compact>b{display:block;font-size:12px;white-space:nowrap}

/* Keep the decision above its effects so observers can follow the story. */
.board-turn-recap .board-chosen,.board-event-stage .board-turn-recap .board-chosen{display:grid;gap:5px;margin:12px 0 16px;padding:12px 14px;background:#edf3e6;border:1px solid #cad8bf;border-left:4px solid #6a8b63;border-radius:10px;font-size:16px;line-height:1.4}.board-turn-recap .board-chosen>span{color:#5c7154;font-size:12px;font-weight:700;letter-spacing:.03em}.board-turn-recap .board-chosen>strong{color:#294d36;font-size:18px;font-weight:750}