.life-flow-board{padding:0 18px 12px!important;gap:0!important;overflow:hidden}
.life-flow-board .result-empty{display:none}.life-flow-banner>div:first-child{min-width:0}.life-flow-banner strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-age{flex:none;margin-left:8px}
.life-flow-banner{margin:0 -18px 10px;padding:17px 22px 14px;min-height:100px;display:flex;justify-content:space-between;align-items:center;flex:none;background:linear-gradient(90deg,#0c1928ee,#10253ac9),url('./assets/scenes/world-v30.webp') center 40%/cover;border-bottom:1px solid #bba16c55}
.life-flow-banner.art-celestial{background-image:linear-gradient(90deg,#0c1928ee,#10253ac9),url('./assets/scenes/celestial-v30.webp')}.life-flow-banner.art-reincarnation{background-image:linear-gradient(90deg,#0c1928ee,#10253ac9),url('./assets/scenes/rebirth-v30.webp')}
.clock-mobile-speed{display:none}.life-calendar{flex:none;border-top:1px solid #6d879044;border-bottom:1px solid #6d879044;padding:6px 0 8px;margin-bottom:3px}.life-date-line{display:flex;justify-content:space-between;align-items:center;gap:6px}.life-date-line strong{font-size:13px;font-weight:500;color:#ecd7ad}.life-date-line>span{color:#aec7d3;font-size:11px}.year-progress-caption{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b6c9ce;margin:2px 0 4px}.year-progress-caption small{font-size:9px;color:#91aab6}.year-progress{height:5px;overflow:hidden;background:#071622;border:1px solid #53727866;border-radius:9px}.year-progress i{display:block;height:100%;background:linear-gradient(90deg,#64bca7,#e8cb8b);border-radius:9px}.current-year-notes{padding:12px 0 5px}.current-year-notes>strong{font-size:12px;color:#e7cc96}.year-note{border-left:2px solid #78bca280;margin:12px 0;padding-left:12px}.year-note time{font-size:10px;color:#95cbbd}.year-note p{font-size:13px;line-height:1.85;color:#d7e4e7;margin:3px 0}.quiet-year{font-size:11px;color:#9bb1be;padding:8px 0;margin:0}.life-entry p{white-space:pre-line}
.life-flow-banner>div:first-child{display:flex;flex-direction:column;gap:4px}.life-flow-banner span{font-size:11px;color:#b7c6d1}.life-flow-banner strong{font:500 21px var(--serif);color:#f3dbac}.calendar-age{display:flex;flex-direction:column;align-items:flex-end}.calendar-age b{font:500 37px/1.15 var(--serif);color:#f3dbac}.calendar-age span{font-size:10px;margin-top:5px}
.life-clock{display:flex;gap:8px;align-items:stretch;flex:none}.life-clock button{font-size:11px;padding:7px 8px;min-height:38px;white-space:nowrap}.life-clock .icon{width:16px;height:16px}.clock-play{flex:1;justify-content:center;color:#f2d9a5;background:#bba16c1c;border-color:#bba16c66}.clock-play.is-running{color:#9de3d3;background:#66bfa21c;border-color:#66bfa288}.clock-speeds{display:flex;gap:2px;background:#091b2b;border:1px solid #57717e55;border-radius:5px;padding:2px}.clock-speeds button{border:0;min-height:30px;padding:3px 7px;color:#a9bec9}.clock-speeds button[aria-pressed=true]{color:#f7dfac;background:#a38b5336}.clock-skip{color:#cfdddf;border-color:#66808b88}.life-clock button:disabled{opacity:.4;cursor:default}.clock-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;flex:none}.clock-caption small{font-size:10px;color:#90a6b8;white-space:nowrap}.clock-status{display:flex;align-items:center;gap:5px;color:#9bcac6;font-size:11px}.clock-status .icon{width:13px;height:13px}.decision-status{color:#edcd90}.life-flow-board .scene-heading{padding:7px 0 8px}.life-flow-board .scene-heading h2{font-size:23px}.life-flow-board .scene-heading .eyebrow{font-size:10px}.life-flow-board .reader-copy{font-size:15px;line-height:1.95}.life-flow-board .reader{min-height:0;flex:1}.life-flow-board .answers-heading{height:33px}.life-flow-board .result-strip{margin:5px 0}.flow-decision-note{font-size:10px;display:flex;align-items:center;gap:5px;color:#9db3c0;padding-top:8px;flex:none}.flow-decision-note .icon{width:13px;height:13px}
.chronicle-heading{display:flex;align-items:center;gap:7px;flex:none;border-top:1px solid #69818c44;padding-top:10px;padding-bottom:6px}.chronicle-heading strong{display:flex;align-items:center;gap:6px;font-size:12px;color:#e0c796}.chronicle-heading .icon{width:15px;height:15px}.chronicle-heading>span{margin-left:auto;font-size:10px;color:#93aaba}.chronicle-heading button{padding:4px;min-width:30px}.life-chronicle{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#48656d #102333;padding-right:8px;overscroll-behavior:contain}.life-entry{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;padding:14px 0;border-bottom:1px solid #42616c55}.life-entry time{display:flex;flex-direction:column;align-items:center;color:#a7b9c9;font-size:10px;border-right:1px solid #799b9c66;padding-right:12px}.life-entry time b{font:500 23px/1.6 var(--serif);color:#e8ce9c}.life-entry h3{font-size:14px;font-weight:600;color:#e4d5b7;margin:2px 0 5px}.life-entry small{font-size:9px;color:#8eaaba}.life-entry p{font-size:13px;line-height:1.9;margin:0;color:#d1dde4}.year-effects{display:block;font-size:10px;color:#8fceba;margin-top:6px}.milestone-entry h3{color:#f0d196}.flow-wait-note{padding:12px 0 0;color:#c0d2dc;font-size:12px;line-height:1.8;flex:none}.flow-wait-note .icon{width:14px;height:14px;vertical-align:middle}.flow-wait-note span{color:#92adbe;font-size:10px}
@media(max-width:1100px){.life-flow-banner{min-height:80px;padding-top:11px;padding-bottom:10px}.life-flow-board .scene-heading h2{font-size:21px}}
@media(max-width:600px){.life-flow-board{padding:0 12px 8px!important}.life-flow-banner{margin:0 -12px 7px;min-height:70px;padding:9px 13px}.life-flow-banner strong{font-size:17px}.life-flow-banner span{font-size:9px}.calendar-age b{font-size:27px}.life-clock{gap:4px}.life-clock button{font-size:10px;padding:6px;min-height:36px;gap:4px}.clock-speeds{gap:0;padding:1px}.clock-speeds button{padding:3px 5px;min-height:30px}.clock-skip .icon{display:none}.clock-caption{min-height:30px}.clock-status{font-size:10px;gap:3px}.clock-caption small{font-size:8px}.life-flow-board .scene-heading{padding:5px 0 6px}.life-flow-board .scene-heading h2{font-size:19px;line-height:1.6}.life-flow-board .reader-copy{font-size:14px;line-height:1.85}.life-flow-board .answers-heading{height:32px}.life-flow-board .answers-heading strong{font-size:11px}.life-entry{grid-template-columns:35px minmax(0,1fr);gap:9px;padding:12px 0}.life-entry time{padding-right:8px}.life-entry p{font-size:13px}.flow-decision-note{font-size:9px;padding-top:6px}.flow-wait-note{font-size:11px;padding-top:8px}.flow-wait-note span{font-size:9px}.chronicle-heading{padding-top:7px}.life-flow-board .scene-heading .eyebrow{display:none}}
@media(max-height:740px){.life-flow-banner{min-height:65px;padding-top:8px;padding-bottom:8px}.life-flow-banner strong{font-size:17px}.calendar-age b{font-size:27px}.life-flow-board .reader-copy{font-size:14px;line-height:1.8}.life-flow-board .scene-heading h2{font-size:19px}.life-flow-board .flow-decision-note{display:none}}
@media(max-height:520px){.life-flow-banner{display:none}.life-flow-board{padding-top:6px!important}.life-flow-board .clock-caption{min-height:23px}.life-clock button{min-height:30px;padding:3px 6px}.life-flow-board .scene-heading{padding:3px 0}.life-flow-board .scene-heading h2{font-size:16px}.life-flow-board .answers-heading{height:26px}.life-flow-board .reader-copy{font-size:12px;line-height:1.65}.flow-wait-note{display:none}}
@media(max-width:600px){.clock-speeds button{min-width:34px}.life-flow-board .reader{min-height:80px}.life-flow-board .scene-heading{margin-bottom:4px}.life-flow-board .result-strip .story-effects{display:none}.life-flow-board .result-strip{padding-top:2px;margin:3px 0}.life-flow-board .result-text small{display:none}.life-flow-board .result-text{min-height:27px}.life-flow-banner strong{max-width:230px}}
@media(max-width:600px) and (max-height:740px) and (min-height:521px){.life-flow-banner{min-height:39px;padding-top:5px;padding-bottom:5px}.life-flow-banner>div:first-child>span{display:none}.life-flow-banner strong{font-size:13px;max-width:230px}.calendar-age{flex-direction:row;gap:5px;align-items:center}.calendar-age b{font-size:21px}.calendar-age span{font-size:8px;margin:0}.life-flow-board .scene-heading h2{font-size:18px}}
@media(max-width:600px){.life-clock .clock-speeds{display:none}.clock-mobile-speed{display:flex;flex:none}.clock-mobile-speed select{height:36px;min-width:64px;border:1px solid #a38b5366;background:#102232;border-radius:5px;color:#f1d6a1;padding:3px 7px;font-size:12px}.life-calendar{padding:4px 0 6px}.life-date-line strong{font-size:12px}.life-date-line>span{font-size:10px}.year-progress-caption{font-size:9px}.year-progress-caption small{font-size:8px}.year-note p{font-size:13px}.year-progress{height:6px}}
@media(max-width:600px) and (max-height:740px){.life-flow-banner{display:none}.life-flow-board{padding-top:6px!important}.life-flow-board .reader{min-height:78px}.clock-caption{min-height:27px}.life-calendar{margin-bottom:0}}
@media(max-height:520px){.life-calendar{padding:2px 0 4px}.life-date-line strong{font-size:10px}.life-date-line>span{font-size:9px}.year-progress-caption{font-size:8px;margin:1px 0 2px}.year-progress-caption small{font-size:8px}.life-clock .clock-speeds{gap:0}.life-clock .clock-speeds button{min-width:0;padding:3px 5px}}

/* Important choices pause time: use the space for the story, not disabled controls. */
.has-decision .life-clock,.has-decision .clock-caption,.has-decision .year-progress-caption,.has-decision .year-progress{display:none}
.has-decision .life-flow-banner{min-height:44px;padding:6px 18px;margin-bottom:4px}.has-decision .life-flow-banner strong{font-size:14px}.has-decision .life-flow-banner .calendar-age b{font-size:24px}.has-decision .life-flow-banner>div:first-child>span{font-size:9px}.has-decision .life-calendar{padding:4px 0;margin:0 0 5px}.has-decision .life-calendar:after{content:'จุดเปลี่ยนสำคัญ · เวลาหยุดรอคำตอบ';display:block;font-size:9px;color:#e5c98f;margin-top:3px}.has-decision .scene-heading{padding:4px 0;margin-bottom:6px}.has-decision .reader{min-height:0}
@media(max-width:600px){.has-decision .life-flow-banner{display:none}.has-decision .life-calendar:after{font-size:8px}.has-decision .scene-heading{padding-top:2px;margin-bottom:4px}}
@media(max-height:520px){.has-decision .life-flow-banner,.has-decision .life-calendar:after{display:none}.has-decision .story-effects,.has-decision .result-text small{display:none}.has-decision .result-strip{margin:2px 0;padding-top:2px}.has-decision .result-text strong{font-size:10px}.has-decision .answers.count-1 .answer,.has-decision .answers.count-2 .answer{height:76px!important;min-height:0}.has-decision .scene-heading{padding:2px 0;margin-bottom:3px}.has-decision .reader-controls{height:25px;min-height:25px}.has-decision .flow-decision-note{display:none}}

@media(max-height:520px){.has-decision .answer{padding-top:4px;padding-bottom:4px}.has-decision .answer-copy{overflow:hidden}.has-decision .answer-copy strong{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:31px}.has-decision .answer-copy .answer-description{font-size:9px;line-height:1.4;-webkit-line-clamp:1;margin-top:2px}.has-decision .choice-effects{max-height:14px;overflow:hidden;margin-top:2px;line-height:1.4}.has-decision .choice-effect,.has-decision .choice-extra{font-size:9px}.has-decision .choice-odds,.has-decision .choice-requirement{font-size:9px;line-height:1.4;margin-top:2px}}