.living-panel{color:#514b3c;font-size:1rem;line-height:1.55}
.living-panel label{display:block;font-weight:600;margin:.75rem 0}
.living-panel select{display:block;width:100%;font:inherit;color:#3e4939;background:#fbf2df;border:1px solid #b9a781;border-radius:7px;padding:.65rem;margin-top:.25rem;max-width:100%}
.living-panel .life-card{color:#514b3c;background:#f5ead5}
.living-panel .life-card h3{color:#345242;font-weight:600;font-size:1.1rem;line-height:1.3}
.living-panel .button{margin:.35rem .25rem .35rem 0;white-space:normal;font-size:.9rem;line-height:1.4;padding:.65rem .8rem;min-height:42px}
.living-panel .button.secondary{color:#334d3e;border:1px solid #af9f7d;background:#efe3c9}
.living-panel small{display:block;font-size:.85rem;line-height:1.45;margin:.25rem 0}
.living-panel details{margin:.8rem 0}.living-panel summary{cursor:pointer;font-weight:600;padding:.6rem 0}
.life-summary{display:flex;gap:.6rem;margin:.6rem 0;flex-wrap:wrap}.life-summary>span{background:#324f40;color:#f4e7c6;padding:.65rem;flex:1;min-width:75px;border-radius:6px}.life-summary strong{font-size:1.25rem;display:block}
.citizen-portrait{display:inline-flex;width:48px;height:48px;flex-shrink:0;border-radius:50%;background:#3d747b;color:#fff0ce;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;vertical-align:middle;margin-right:.6rem}.trait-patient,.trait-minutieux{background:#826341}.trait-sociable,.trait-conteur{background:#9b5744}
.citizen-bio{display:inline-block;vertical-align:middle;max-width:calc(100% - 66px)}.citizen-bio h3,.citizen-bio p{margin:.1rem 0!important}
.life-dialogue{border-left:3px solid #ad925e;padding:.5rem .7rem;background:#e9ddc3}
.child-row{display:flex;gap:.4rem;align-items:center;text-align:left;width:100%;padding:.6rem;border:1px solid #bba780;border-radius:7px;background:#efe2c7;color:#3f4e3e;margin:.4rem 0;font:inherit}.child-row small{margin:0}
.life-choices{display:grid;gap:.25rem}.life-benefit{background:#304f40;color:#f3e4bd!important;border-radius:6px;padding:.7rem}.life-locked{border-left:3px solid #a18957;padding:.5rem}
.river-gauge{height:130px;position:relative;border:1px solid #948765;background:repeating-linear-gradient(to top,#ded0ad 0px,#ded0ad 24px,#8d8969 25px,#ded0ad 26px);overflow:hidden;border-radius:6px}.river-gauge div{background:#3b8d96aa;position:absolute;bottom:0;left:0;right:0;transition:height .6s}.river-gauge span{position:absolute;top:10px;left:12px;background:#fff0d5;color:#314d44;padding:.3rem .6rem;border-radius:4px;font-weight:600}
.life-operation{padding:.7rem 0;border-top:1px solid #cab995}.life-operation p{margin:.25rem 0}
.drawing-palette{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:.7rem 0}.drawing-palette button{min-height:44px;font:inherit;font-size:.85rem;text-align:left;padding:.4rem;border:2px solid #b1a080;border-radius:5px;color:#35483b;background:#f5ebd5}.drawing-palette button::before{content:'';display:inline-block;width:14px;height:14px;background:var(--ink);border:1px solid #6c644d;margin-right:.35rem;vertical-align:middle}.drawing-palette button[aria-pressed=true]{border-color:#277789;background:#e3ddc5}
.drawing-boards{display:grid;grid-template-columns:1fr;gap:1rem}.drawing-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;max-width:290px;margin:.45rem auto}.drawing-grid button,.drawing-grid span{aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;font-weight:700;font-size:1rem;line-height:1;text-shadow:0 1px 2px #151b14,0 -1px 2px #151b14;border:1px solid #827a5d;border-radius:3px;min-width:0;padding:0}.drawing-grid button{min-height:32px;cursor:pointer}.drawing-model{max-width:150px;margin:.5rem 0}.drawing-grid button:focus-visible{outline:3px solid #134e69;outline-offset:1px}
.life-chronicle{list-style:none;padding:0!important;margin:.8rem 0}.life-chronicle li{display:flex;align-items:flex-start;gap:.7rem;margin:.6rem 0;padding:.7rem 0;border-bottom:1px solid #cbbb95}.chronicle-seal{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#365644;color:#f5e6bf;flex-shrink:0}.life-chronicle li>div{min-width:0;flex:1}.life-chronicle p{margin:.2rem 0}.life-chronicle img{width:100%;height:auto;border-radius:5px;margin-top:.5rem}
.citizen-follow{position:absolute;right:28px;top:220px;max-width:300px;width:calc(100% - 40px);background:#294c40ed;color:#faedcd;border:1px solid #b8a36e;border-radius:8px;padding:.65rem 1rem;z-index:9;box-shadow:0 8px 20px #342d2033}.citizen-follow p{font-size:.85rem;margin:.25rem 0}.citizen-follow .button{font-size:.8rem;padding:.35rem .6rem}
@media(max-width:540px){.citizen-follow{top:auto;right:12px;bottom:140px;padding:.5rem .7rem;width:calc(100% - 24px)}.citizen-follow p{max-height:2.6em;overflow:hidden}.living-panel .button{width:100%;margin:.3rem 0}.drawing-palette{gap:.3rem}.drawing-palette button{font-size:.78rem}.life-summary>span{min-width:64px;padding:.5rem;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.river-gauge div{transition:none}}