.budget-strip{display:flex;flex-wrap:wrap;gap:6px 12px;width:100%;margin-top:13px;padding:9px 0;border:0;border-top:1px solid #c6b69480;border-bottom:1px solid #c6b69480;background:transparent;text-align:left;color:#645b43;font:calc(11px * var(--text-scale,1)) Georgia,serif;cursor:pointer}.budget-strip span{display:flex;gap:5px}.budget-strip b{font-weight:normal}.account-link{color:#405942;text-decoration:underline}.accounts{margin-top:16px}.accounts .ledger-line{font-variant-numeric:tabular-nums}
@media (orientation:landscape) and (max-height:600px) and (min-width:600px){
 html,body{height:100%;min-height:0;overflow:hidden}body{height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
 .topbar{position:absolute;top:0;left:0;right:0;height:31px;padding:5px max(14px,env(safe-area-inset-left));z-index:20;background:#142219e8}.brand{font-size:calc(12px * var(--text-scale,1));letter-spacing:2px}.brand span,nav span{display:none}nav{gap:12px}nav button{font-size:calc(11px * var(--text-scale,1));min-height:25px}
 #app{position:relative;height:100%;isolation:isolate}.stage{position:absolute;inset:31px 0 27px;margin:0;height:auto;min-height:0;max-height:none;border:0;border-radius:0;z-index:-1}.landscape{background-size:cover;background-position:center 65%}.stage:after{background:linear-gradient(0deg,#132115aa,transparent 35%);box-shadow:inset 0 0 40px #14251966}
 .village{left:34%;top:0;width:90%;height:100%;opacity:1}.family{left:-7%;bottom:18px;width:39%;height:86%;filter:drop-shadow(3px 4px 3px #11231166) brightness(.94)}.scene-label{top:15px;right:18px}.scene-label span{display:none}.scene-label strong{font-size:calc(21px * var(--text-scale,1))}.family-label{left:15px;bottom:10px;font-size:calc(8px * var(--text-scale,1));max-width:25%;line-height:1.3}.family-label strong{font-size:calc(14px * var(--text-scale,1));margin-bottom:3px}.speech{right:2%;bottom:12%;max-width:22%;padding:8px;font-size:calc(11px * var(--text-scale,1))}.sky-note{display:none}
 .yearbar{position:absolute;left:12px;top:40px;padding:0;max-width:26%;display:block}.yearblock{gap:8px;display:block}.yearnumber{font-size:calc(30px * var(--text-scale,1));text-shadow:0 2px 6px #142519}.era{border:0;padding:0;font-size:calc(10px * var(--text-scale,1));margin-top:4px;color:#fff0d0;text-shadow:0 1px 4px #000}.era span{font-size:calc(10px * var(--text-scale,1));color:#eadbb8}.conditions{justify-content:flex-start;gap:4px;margin-top:6px}.chip{padding:3px 5px!important;font-size:calc(8px * var(--text-scale,1))!important}
 .play-area{position:absolute;top:37px;bottom:34px;left:28%;width:44%;margin:0;padding:10px 13px;display:flex;flex-direction:column;gap:6px;min-width:0;border:1px solid #bfa56b90;border-radius:6px;background:linear-gradient(#f1e8d4f5,#e9ddc4f5);box-shadow:0 8px 30px #0005;overflow:hidden}
 .identity{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;flex:none}.identity>.eyebrow{display:none}.person-title{font-size:calc(18px * var(--text-scale,1));margin:0;line-height:1.12;grid-column:1;grid-row:1}.person-subtitle{grid-column:1;grid-row:2;margin:3px 0 0;font-size:calc(10px * var(--text-scale,1));line-height:1.2}.metrics{grid-column:2;grid-row:1/4;gap:4px}.metric label{font-size:calc(8px * var(--text-scale,1));letter-spacing:.3px}.meter{margin-top:2px;height:3px}.meter i{height:1px}.money{grid-column:1;grid-row:3;border:0;padding:0;margin:3px 0 0;justify-content:flex-start;gap:7px}.money .eyebrow{font-size:calc(7px * var(--text-scale,1));letter-spacing:.3px}.money strong{font-size:calc(17px * var(--text-scale,1))}.traits{grid-column:1/-1;margin:3px 0 0;gap:4px}.trait{font-size:calc(8px * var(--text-scale,1));padding:2px 4px}.budget-strip{grid-column:1/-1;grid-row:4;margin:5px 0 0;padding:5px 0;font-size:calc(9px * var(--text-scale,1));gap:3px 9px;justify-content:space-between}.account-link{font-size:calc(8px * var(--text-scale,1))}
 .card{border:0;border-top:1px solid #c6b69450;padding:7px 0 0;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.card>.eyebrow{font-size:calc(7px * var(--text-scale,1));letter-spacing:1px}.card h1{font-size:calc(21px * var(--text-scale,1));margin:4px 0 7px;line-height:1.1}.card .prompt{font-size:calc(12px * var(--text-scale,1));line-height:1.38;margin:0 0 8px;overflow:auto;min-height:0}.choices{flex:none;gap:7px;margin-top:auto;flex-wrap:nowrap}.choice{min-width:0;min-height:36px;padding:8px 9px;font-size:calc(9px * var(--text-scale,1));letter-spacing:.5px;flex:1}.card-note{font-size:calc(8px * var(--text-scale,1));margin:5px 0 0}.result-list{font-size:calc(11px * var(--text-scale,1));line-height:1.4;margin:0 0 7px;overflow:auto;min-height:0}.result-list li{margin:4px 0}.result-source{font-size:calc(8px * var(--text-scale,1));margin:4px 0 0;max-height:20px;overflow:auto}.household{display:none}.footer{display:none}.mobile-handover{position:absolute;right:2%;bottom:60px;width:23%;margin:0;text-align:center}.mobile-handover .textbutton{font-size:calc(11px * var(--text-scale,1));padding:7px!important;background:#172b1ecc;border-radius:4px}
 .news{position:absolute;bottom:0;left:0;right:0;height:27px;margin:0;padding:5px 10px;gap:8px;border:0;font-size:calc(10px * var(--text-scale,1));overflow:auto;align-items:center;background:#1b2e21f5}.news>.eyebrow{display:none}.news-list{display:block;white-space:nowrap}.news-list span{margin-right:14px}.news-list span+span:before{margin-right:6px}
 .welcome{padding:20px 8%;background:linear-gradient(90deg,#11251df5,#14251ac0 55%,#14251a22);z-index:10}.welcome>div{max-width:470px}.welcome h1{font-size:calc(36px * var(--text-scale,1));margin:8px 0}.welcome p{font-size:calc(12px * var(--text-scale,1));line-height:1.4;margin:8px 0}.welcome-form{margin:10px 0;gap:8px}.welcome select{font-size:calc(11px * var(--text-scale,1));padding:7px}.welcome .choice{min-height:36px}.welcome .card-note{font-size:calc(9px * var(--text-scale,1));margin-top:8px}.welcome-below{display:none}dialog{max-height:90dvh;width:min(600px,90vw);padding:18px 24px}.modal-head{margin-bottom:10px;padding-bottom:8px}.modal-head h2{font-size:calc(22px * var(--text-scale,1))}.settings-copy{font-size:calc(12px * var(--text-scale,1));line-height:1.4}.ledger-line{font-size:calc(12px * var(--text-scale,1));margin:6px 0}.close{min-width:35px;min-height:35px}
}
@media (orientation:landscape) and (max-height:360px) and (min-width:600px){.play-area{top:34px;bottom:29px;padding:7px 11px;gap:3px}.card h1{font-size:calc(17px * var(--text-scale,1));margin:3px 0 5px}.card .prompt{font-size:calc(11px * var(--text-scale,1));line-height:1.25}.card .card-note{display:none}.traits{display:none}.choice{min-height:32px}.budget-strip{padding:3px 0}.person-title{font-size:calc(16px * var(--text-scale,1))}.money strong{font-size:calc(15px * var(--text-scale,1))}}

.succession-control,.succession-status{grid-column:1/-1;margin-top:7px;font:calc(11px * var(--text-scale,1)) Georgia,serif}.succession-control{width:100%;padding:9px;border:1px solid #8c987c;background:#d4ddc5;color:#294633;border-radius:3px;cursor:pointer}.succession-status{color:#796d55;line-height:1.4}#handover,.mobile-handover{display:none!important}
@media(orientation:landscape) and (max-height:600px) and (min-width:600px){.succession-control{font-size:calc(10px * var(--text-scale,1));padding:5px;margin-top:4px;min-height:27px}.succession-status{font-size:calc(9px * var(--text-scale,1));margin-top:3px}}

.budget-strip .food-cost-warning{flex-basis:100%;font-weight:bold;color:#8b3e25;line-height:1.35}.yearbar .chip.bad{white-space:normal}
.metric-help{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:24px;padding:3px 0;border:0;background:transparent;color:inherit;font:calc(11px * var(--text-scale,1)) Arial,sans-serif;letter-spacing:.5px;text-align:left}
.metric-help>span:first-child{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
.metric-help>span:first-child>span{font-size:.85em;opacity:.65}
.metric-help:hover{color:var(--green)}
@media(orientation:landscape) and (max-height:600px) and (min-width:600px){.metric-help{font-size:calc(9px * var(--text-scale,1));letter-spacing:.3px}.metrics{gap:0}.metric .meter{margin-top:0}}