/* Direct life workspace, with a compact rail and neutral Notion-like palette. */
html[data-theme="dark"] body.simple-ui.life-layout { --bg:#191919;--card:#222;--card2:#2b2b2b;--rail:#202020;--text:#ebebea;--muted:#aeaeac;--border:#373737;--accent:#d4d4d4;--good:#8dcaab;--bad:#f2a39e;--warn:#dfc28d;background:#191919;color:var(--text); }
html[data-theme="light"] body.simple-ui.life-layout { --bg:#fff;--card:#fff;--card2:#f1f1ef;--rail:#f7f7f5;--text:#37352f;--muted:#65645e;--border:#e7e7e4;--accent:#37352f;--good:#277a51;--bad:#a43731;--warn:#886020;background:#fff;color:var(--text); }
.simple-ui.life-layout { --rail-width:216px;--game-gap:30px;font-size:14px; }
.simple-ui.life-layout .wrap { width:100%;max-width:1528px;min-height:100dvh;margin:auto;padding:12px 24px 10px; }
.simple-ui.life-layout:has(#game:not(.hidden)) .wrap { max-width:none;margin:0;height:100dvh;display:flex;flex-direction:column; }
.simple-ui.life-layout .simple-topbar { flex-shrink:0;min-height:38px;margin-bottom:12px;gap:10px; }
.simple-ui.life-layout .simple-topbar h1 { display:inline-flex;align-items:center;gap:9px;font-size:18px;font-weight:600;letter-spacing:-.5px;margin:0; }
.simple-ui.life-layout .game-brand-icon { width:30px;height:30px;object-fit:cover;border-radius:7px; }
.simple-ui.life-layout .simple-topbar h1 span { color:var(--text); }
.simple-ui.life-layout #themeToggle { min-height:31px;padding:5px 9px;font-size:10px;border-radius:5px;background:transparent; }
.simple-ui.life-layout:has(#game:not(.hidden)) .wrap > .sub { display:none; }
.simple-ui.life-layout .card { background:var(--card);border:1px solid var(--border);border-radius:6px;box-shadow:none;padding:16px;margin-bottom:12px; }
.simple-ui.life-layout button { border-radius:5px;border-color:var(--border);background:var(--card2);color:var(--text); }
.simple-ui.life-layout button:hover:not(:disabled) { background:var(--card2);border-color:var(--muted); }
.simple-ui.life-layout button:focus-visible,.simple-ui.life-layout summary:focus-visible { outline:2px solid var(--muted);outline-offset:3px; }
.simple-ui.life-layout button.on,.simple-ui.life-layout .primary { background:var(--text);color:var(--bg);border-color:var(--text); }
.simple-ui.life-layout .primary:hover:not(:disabled) { background:var(--text);color:var(--bg); }
.simple-ui.life-layout .simple-game { flex:1;min-height:0;display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 68px;gap:12px var(--game-gap);align-items:stretch; }
.simple-ui.life-layout #gameRail { grid-column:1;grid-row:1/-1;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow-y:auto;scrollbar-width:thin;background:var(--rail);border:1px solid var(--border);border-radius:6px;padding:10px; }
.simple-ui.life-layout .simple-profile { position:static;display:flex;flex-direction:column;gap:0;flex:0 0 auto;width:100%;border:0;border-radius:4px;background:transparent;overflow:hidden; }
.simple-ui.life-layout .simple-profile>.scene { height:122px;min-height:0;width:100%;margin:0;border:0;border-radius:4px;background-position:center; }
.simple-ui.life-layout #avatar .avatar { width:72px;height:72px; }
.simple-ui.life-layout .simple-profile>.scene+.card { border:0;border-radius:0;background:transparent;padding:14px 2px 12px;margin:0; }
.simple-ui.life-layout .simple-profile>.card>.row { gap:6px;align-items:flex-start; }
.simple-ui.life-layout .simple-profile>.card>.row>div:first-child { min-width:0; }
.simple-ui.life-layout .simple-profile>.card>.row>div:last-child { flex-shrink:0; }
.simple-ui.life-layout .who { font-size:15px;line-height:1.6;gap:5px;overflow-wrap:anywhere; }
.simple-ui.life-layout .who .flag { width:20px; }
.simple-ui.life-layout .who .tier { font-size:8px;padding:1px 4px;font-weight:400; }
.simple-ui.life-layout #where { font-size:10px;line-height:1.7;margin-top:4px;overflow-wrap:anywhere; }
.simple-ui.life-layout .age { font-size:29px;color:var(--text); }
.simple-ui.life-layout #ageDetail { font-size:9px; }
.simple-ui.life-layout #stats { display:grid;grid-template-columns:1fr 1fr;padding:0 2px 14px;gap:12px 10px;border:0;border-radius:0;margin:0;background:transparent; }
.simple-ui.life-layout .stat label { font-size:9px;gap:3px; }
.simple-ui.life-layout .bar { height:4px;margin-top:5px; }
.simple-ui.life-layout #simpleNav { position:static;display:flex;flex-direction:column;gap:3px;padding:10px 0 0;width:100%;border-top:1px solid var(--border);border-radius:0;background:transparent; }
.simple-ui.life-layout #simpleNav button { display:flex;align-items:center;gap:9px;min-height:47px;padding:8px;flex:0 0 auto;text-align:left;border-radius:4px;border:1px solid transparent;background:transparent;box-shadow:none;color:var(--muted); }
.simple-ui.life-layout #simpleNav button.on { background:var(--card2);color:var(--text); }
.simple-ui.life-layout .game-nav-icon { font-size:15px;width:20px;text-align:center; }
.simple-ui.life-layout #simpleAchievements { background:transparent;border:0;border-top:1px solid var(--border);border-radius:0;padding:12px 8px;color:var(--muted);font-size:11px;min-height:46px; }
.simple-ui.life-layout #simpleAchievements small { font-size:9px;color:var(--muted);margin-top:3px; }
.simple-ui.life-layout #simpleNav button b { font-size:12px;font-weight:400; }
.simple-ui.life-layout #simpleNav button small { display:block;font-size:9px;margin-top:2px;color:var(--muted); }
.simple-ui.life-layout #simpleWorkspace { grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"chapter chapter" "finance finance" "life activities" "assets assets";align-content:start;align-items:start;gap:20px;width:100%;max-width:none;justify-self:stretch;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:12px 8px 20px 0; }
.simple-ui.life-layout .simple-panel { width:100%;min-width:0;scroll-margin-top:12px; }
.simple-ui.life-layout #simplePanel-life { grid-area:life;display:block;min-height:0; }
.simple-ui.life-layout #simplePanel-activities { grid-area:activities;border:1px solid var(--border);border-radius:6px;padding:16px;background:var(--card); }
.simple-ui.life-layout #simplePanel-assets { grid-area:assets;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start; }
.simple-ui.life-layout .simple-chapter { grid-area:chapter;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0 4px; }
.simple-ui.life-layout .simple-eyebrow { color:var(--muted);font-size:10px;font-weight:400;letter-spacing:0; }
.simple-ui.life-layout .simple-chapter h2 { font-size:30px;line-height:1.4;font-weight:600;letter-spacing:-.6px;margin:9px 0 2px; }
.simple-ui.life-layout .simple-chapter p { font-size:11px;color:var(--muted);margin:0; }
.simple-ui.life-layout #simpleGoActivities { min-height:32px;font-size:11px;padding:5px 9px;background:transparent;color:var(--text);border:1px solid var(--border);white-space:nowrap; }
.simple-ui.life-layout #simpleGoActivities span { margin-left:8px; }
.simple-ui.life-layout #simpleFinance { grid-area:finance;min-width:0;scroll-margin-top:12px; }
.simple-ui.life-layout .simple-finance-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0; }
.simple-ui.life-layout .simple-finance-grid .card { min-width:0;padding:12px 14px;margin:0;background:var(--card);border-radius:5px; }
.simple-ui.life-layout .simple-finance-grid strong { display:block;font-size:20px;line-height:1.5;font-weight:600;margin:6px 0 2px;overflow-wrap:anywhere; }
.simple-ui.life-layout .simple-finance-grid strong .muted { display:block;font-size:10px;font-weight:400; }
.simple-ui.life-layout .simple-finance-grid small { display:block;color:var(--muted);font-size:9px;line-height:1.6; }
.simple-ui.life-layout .simple-finance-grid .simple-household { grid-column:auto;background:var(--card); }
.simple-ui.life-layout .logcard { display:flex;flex-direction:column;height:370px;padding:16px;margin-bottom:12px;border-radius:6px;min-height:0; }
.simple-ui.life-layout .logcard h4 { flex-shrink:0;font-size:14px;font-weight:500;color:var(--text);margin-bottom:14px; }
.simple-ui.life-layout .logcard .log { flex:1;min-height:0;max-height:none;overflow-y:auto;font-size:12px;line-height:1.9; }
.simple-ui.life-layout .log p { margin:10px 0;overflow-wrap:anywhere; }
.simple-ui.life-layout .log p:first-of-type { padding:11px 12px;border-left:2px solid var(--muted);border-radius:3px;background:var(--card2);color:var(--text); }
.simple-ui.life-layout .log .yr { border-color:var(--border);margin:0 0 10px;padding-top:4px;color:var(--muted);font-size:11px; }
.simple-ui.life-layout .log p.mini { color:var(--muted); }
.simple-ui.life-layout .log p.news { background:var(--card2);color:var(--warn);border-color:var(--warn); }
.simple-ui.life-layout .log .mo { min-width:30px;font-size:9px; }
.simple-ui.life-layout .simple-details { background:var(--card);border:1px solid var(--border);border-radius:5px;margin:0 0 12px; }
.simple-ui.life-layout .simple-details>summary { color:var(--muted);font-size:11px;padding:11px 13px; }
.simple-ui.life-layout .simple-details>.card { background:var(--card);border-radius:0 0 5px 5px;padding:13px; }
.simple-ui.life-layout .simple-actions-head { display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px; }
.simple-ui.life-layout .simple-actions-head h2 { font-size:17px;font-weight:500;margin:2px 0 0; }
.simple-ui.life-layout #simpleShopButton { min-width:108px;min-height:38px;padding:6px 9px;background:var(--card2);color:var(--text);border-color:var(--border); }
.simple-ui.life-layout #simpleShopButton b { font-size:11px;font-weight:500; }
.simple-ui.life-layout #simpleShopButton small { font-size:9px;color:var(--muted); }
.simple-ui.life-layout #simplePanel-activities>.card { border:0;padding:0;background:transparent;margin:0; }
.simple-ui.life-layout #actLeft { font-size:10px;font-weight:400;line-height:1.8;color:var(--muted);margin-bottom:8px; }
.simple-ui.life-layout #tabs { display:none; }
.simple-ui.life-layout #acts { display:block;max-height:355px;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--border) transparent; }
.simple-ui.life-layout .workspace-action-group { margin:10px 0 16px; }
.simple-ui.life-layout .workspace-action-group h3 { font-size:10px;font-weight:500;color:var(--muted);margin:0 0 7px; }
.simple-ui.life-layout .workspace-action-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; }
.simple-ui.life-layout .acts button { width:100%;min-width:0;min-height:64px;padding:9px;font-size:11px;background:var(--card2);border:1px solid var(--border);border-radius:4px;line-height:1.6;text-align:left;overflow-wrap:anywhere; }
.simple-ui.life-layout .acts button:hover:not(:disabled) { background:var(--rail);border-color:var(--muted); }
.simple-ui.life-layout .acts button small { font-size:9px;margin-top:4px;line-height:1.6;color:var(--muted); }
.simple-ui.life-layout .acts button:disabled { opacity:.5; }
.simple-ui.life-layout #devCard { margin-top:14px;padding:10px 0 0;border:0;border-top:1px solid var(--border);background:transparent; }
.simple-ui.life-layout #devCard h4 { font-size:11px; }
.simple-ui.life-layout #simpleSkillsDetail { margin-top:12px; }
.simple-ui.life-layout .workspace-asset-detail { grid-column:1;grid-row:1/span 2;min-width:0; }
.simple-ui.life-layout .workspace-asset-detail .card { max-height:650px;overflow-y:auto;scrollbar-width:thin;margin:0; }
.simple-ui.life-layout .workspace-inventory { min-width:0; }
.simple-ui.life-layout .workspace-inventory h2 { font-size:14px;font-weight:500;margin:0 0 9px; }
.simple-ui.life-layout #simpleShopInventory { max-height:300px;overflow-y:auto;font-size:11px;scrollbar-width:thin;margin:0; }
.simple-ui.life-layout #family { font-size:11px;line-height:1.9; }
.simple-ui.life-layout .kv { font-size:11px;padding:8px 0;gap:10px; }
.simple-ui.life-layout .kv span { min-width:0;overflow-wrap:anywhere; }
.simple-ui.life-layout .kv.total { font-size:12px; }
.simple-ui.life-layout .holding,.simple-ui.life-layout .asset-origin { font-size:11px; }
.simple-ui.life-layout .holdings,.simple-ui.life-layout .asset-origins,.simple-ui.life-layout .holding,.simple-ui.life-layout .asset-origin { border-color:var(--border); }
.simple-ui.life-layout .tag,.simple-ui.life-layout .tier { background:var(--card2);color:var(--text);border-color:var(--border); }
.simple-ui.life-layout #gameOverview { display:none!important; }
.simple-ui.life-layout #gameTimeControls { grid-column:2;grid-row:2;position:relative;inset:auto;transform:none;display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(130px,190px) 28px;align-items:center;gap:10px;width:100%;max-width:none;justify-self:stretch;min-width:0;margin:0;padding:10px 14px;z-index:5;background:var(--card);border:1px solid var(--border);border-radius:5px;box-shadow:none; }
.simple-ui.life-layout #gameTimeControls .game-date { display:block;min-width:0;max-width:180px; }
.simple-ui.life-layout #monthLabel { display:block;font-size:12px;font-weight:500;white-space:nowrap; }
.simple-ui.life-layout #gameTimeControls .yearbar { height:3px;margin-top:7px;background:var(--border); }
.simple-ui.life-layout #gameTimeControls .yearbar i { background:var(--muted); }
.simple-ui.life-layout #btnPause { min-height:36px;padding:6px 8px;font-size:11px;white-space:nowrap;background:transparent;color:var(--text);border:1px solid var(--border); }
.simple-ui.life-layout #btnMonth { min-height:40px;font-size:13px;padding:8px 12px;background:var(--text);color:var(--bg);border-color:var(--text); }
.simple-ui.life-layout #btnMonth:hover { background:var(--muted);color:var(--bg); }
.simple-ui.life-layout .game-time-settings { position:relative;align-self:stretch;margin:0; }
.simple-ui.life-layout .game-time-settings>summary { display:grid;place-items:center;min-height:38px;height:100%;font-size:22px;color:var(--text);list-style:none;cursor:pointer;border-radius:4px; }
.simple-ui.life-layout .game-time-settings>summary::-webkit-details-marker { display:none; }
.simple-ui.life-layout .game-time-options { position:absolute;bottom:calc(100% + 16px);right:-3px;width:258px;padding:14px;background:var(--card);border:1px solid var(--border);border-radius:5px;box-shadow:0 6px 25px #0005; }
.simple-ui.life-layout .game-time-options b { font-size:11px;font-weight:500; }
.simple-ui.life-layout #speeds { display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0; }
.simple-ui.life-layout #speeds button { font-size:10px;min-height:32px; }
.simple-ui.life-layout #btnNext { font-size:11px;min-height:35px;background:transparent; }
.simple-ui.life-layout .wrap>p.muted { margin:7px 0 0;font-size:9px!important;flex-shrink:0; }
.simple-ui.life-layout .wrap>details { margin:4px 0 0!important;font-size:9px!important;flex-shrink:0; }
.simple-ui.life-layout .modal { background:#000a; }
.simple-ui.life-layout .modal .card.cine { background:var(--card);color:var(--text);border-color:var(--border);border-radius:8px; }
.simple-ui.life-layout .modal .choices button { background:var(--card2);color:var(--text); }
.simple-ui.life-layout .modal .choices button:hover:not(:disabled) { background:var(--rail); }
.simple-ui.life-layout #mImg.cineframe { background:var(--card2); }
/* Explicit intrinsic row sizes keep a long scrollable workspace from giving
   the story a zero-height grid track at narrow widths. */
.simple-ui.life-layout #simpleWorkspace { grid-template-rows:max-content max-content max-content max-content; }
html[data-theme] body.simple-ui.life-layout #simpleNav { background:transparent; }
html[data-theme] body.simple-ui.life-layout #simpleNav button { background:transparent;color:var(--muted); }
html[data-theme] body.simple-ui.life-layout #simpleNav button.on { background:var(--card2);color:var(--text);box-shadow:none; }
html[data-theme] body.simple-ui.life-layout #simpleShopButton,
html[data-theme] body.simple-ui.life-layout .acts button,
html[data-theme] body.simple-ui.life-layout .modal .choices button { background:var(--card2);color:var(--text);border-color:var(--border); }
html[data-theme] body.simple-ui.life-layout #simpleShopButton:hover,
html[data-theme] body.simple-ui.life-layout .acts button:hover:not(:disabled),
html[data-theme] body.simple-ui.life-layout .modal .choices button:hover:not(:disabled) { background:var(--rail);border-color:var(--muted); }
html[data-theme] body.simple-ui.life-layout .simple-finance-grid .simple-household { background:var(--card); }
html[data-theme] body.simple-ui.life-layout #btnMonth,
html[data-theme] body.simple-ui.life-layout .primary { background:var(--text);color:var(--bg);border-color:var(--text); }
html[data-theme] body.simple-ui.life-layout #btnMonth:hover,
html[data-theme] body.simple-ui.life-layout .primary:hover { background:var(--muted);color:var(--bg);border-color:var(--muted); }
html[data-theme] body.simple-ui.life-layout #simpleGoActivities { color:var(--text);border-color:var(--border); }
html[data-theme] body.simple-ui.life-layout .tag,
html[data-theme] body.simple-ui.life-layout .tier { background:var(--card2);color:var(--text);border-color:var(--border); }
html[data-theme] body.simple-ui.life-layout .modal { background:#000a; }
/* Broker setup is a single, compact screen; only the dialog scrolls. */
.simple-ui.life-layout .modal .card.broker-panel { width:min(1040px,96vw);max-width:1040px; }
.broker-panel #mChoices { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.broker-panel #mChoices button { min-height:52px;margin:0; }
.broker-panel #mText p { margin:10px 0; }
.crypto-custody { margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:6px; }
.crypto-custody strong,.crypto-custody small { display:block; }
.crypto-custody small { color:var(--muted);margin:4px 0; }
.simple-ui.life-layout .modal .card.utility-panel,.utility-panel .choices button { animation:none; }
@media(max-width:640px) { .broker-panel #mChoices { grid-template-columns:1fr; } }
html[data-theme] body.simple-ui.life-layout #mImg.cineframe { background:var(--card2); }
@media(min-width:700px) and (max-width:1099px) {
.simple-ui.life-layout { --rail-width:184px;--game-gap:18px; }
.simple-ui.life-layout .wrap { padding:10px 14px; }
.simple-ui.life-layout #simpleWorkspace { grid-template-columns:minmax(0,1fr);grid-template-areas:"chapter" "finance" "life" "activities" "assets";gap:16px;padding-right:4px; }
.simple-ui.life-layout #simpleWorkspace { grid-template-rows:repeat(5,max-content); }
.simple-ui.life-layout .simple-chapter h2 { font-size:26px; }
.simple-ui.life-layout .simple-finance-grid { gap:7px; }
.simple-ui.life-layout .simple-finance-grid .card { padding:10px; }
.simple-ui.life-layout .simple-finance-grid strong { font-size:16px; }
.simple-ui.life-layout .simple-profile>.scene { height:110px; }
.simple-ui.life-layout .who { font-size:14px; }.simple-ui.life-layout .age { font-size:26px; }
.simple-ui.life-layout .logcard { height:280px; }
.simple-ui.life-layout #simplePanel-assets { grid-template-columns:minmax(0,1fr); }
.simple-ui.life-layout .workspace-asset-detail { grid-row:auto; }
.simple-ui.life-layout #gameTimeControls { gap:7px;padding:10px;grid-template-columns:minmax(72px,1fr) auto minmax(102px,1fr) 24px; }
.simple-ui.life-layout #monthLabel { font-size:11px; }.simple-ui.life-layout #btnPause { font-size:10px; }
}
@media(max-width:699px) {
.simple-ui.life-layout .wrap { padding:9px 10px; }.simple-ui.life-layout .simple-topbar { margin-bottom:8px;min-height:31px; }
.simple-ui.life-layout .simple-topbar h1 { font-size:16px; }.simple-ui.life-layout #themeToggle { min-height:29px;font-size:9px;padding:4px 6px; }
.simple-ui.life-layout .simple-game { display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 62px;gap:9px; }
.simple-ui.life-layout #gameRail { grid-column:1;grid-row:1;overflow:visible;padding:8px;gap:7px; }
.simple-ui.life-layout .simple-profile { display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px; }
.simple-ui.life-layout .simple-profile>.scene { grid-column:1;grid-row:1/3;height:100%;min-height:90px; }
.simple-ui.life-layout #avatar .avatar { width:53px;height:53px; }
.simple-ui.life-layout .simple-profile>.scene+.card { grid-column:2;grid-row:1;padding:0 0 6px; }
.simple-ui.life-layout .who { font-size:13px;line-height:1.4; }.simple-ui.life-layout #where { font-size:9px;margin-top:3px; }
.simple-ui.life-layout .age { font-size:25px; }.simple-ui.life-layout #ageDetail { font-size:8px; }
.simple-ui.life-layout #stats { grid-column:2;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;padding:0; }
.simple-ui.life-layout .stat label { font-size:8px; }.simple-ui.life-layout .bar { height:3px;margin-top:3px; }
.simple-ui.life-layout #simpleNav { flex-direction:row;padding-top:6px;gap:4px; }
.simple-ui.life-layout #simpleNav button { flex:1;justify-content:center;min-height:31px;padding:4px;gap:5px;text-align:center; }
.simple-ui.life-layout #simpleNav button b { font-size:10px; }.simple-ui.life-layout #simpleNav button small { display:none; }
.simple-ui.life-layout #simpleAchievements { padding:6px;min-height:28px;font-size:10px;text-align:center; }
.simple-ui.life-layout #simpleAchievements small { display:inline;font-size:9px;margin-left:6px; }
.simple-ui.life-layout .game-nav-icon { width:auto;font-size:11px; }
.simple-ui.life-layout #simpleWorkspace { grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"chapter" "finance" "life" "activities" "assets";gap:13px;padding:2px 2px 15px 0; }
.simple-ui.life-layout #simpleWorkspace { grid-template-rows:repeat(5,max-content); }
.simple-ui.life-layout .simple-chapter { gap:6px;padding:4px 0; }.simple-ui.life-layout .simple-chapter h2 { font-size:25px;margin:5px 0 0; }
.simple-ui.life-layout .simple-chapter p { font-size:10px; }.simple-ui.life-layout .simple-eyebrow { font-size:9px; }
.simple-ui.life-layout #simpleGoActivities { font-size:9px;padding:4px 6px;min-height:29px; }
.simple-ui.life-layout .simple-finance-grid { grid-template-columns:1fr 1fr;gap:7px; }.simple-ui.life-layout .simple-finance-grid .card { padding:10px; }
.simple-ui.life-layout .simple-finance-grid strong { font-size:16px; }.simple-ui.life-layout .simple-finance-grid .simple-household { grid-column:1/-1; }
.simple-ui.life-layout .simple-household strong { margin:3px 0 1px; }.simple-ui.life-layout .simple-finance-grid small { font-size:9px; }
.simple-ui.life-layout .logcard { height:245px;padding:13px; }.simple-ui.life-layout .logcard h4 { font-size:12px; }
.simple-ui.life-layout .logcard .log { font-size:11px; }.simple-ui.life-layout .log p:first-of-type { padding:9px; }
.simple-ui.life-layout #simplePanel-activities { padding:12px; }.simple-ui.life-layout #acts { max-height:380px; }
.simple-ui.life-layout #simplePanel-assets { display:grid;grid-template-columns:minmax(0,1fr);gap:12px; }.simple-ui.life-layout .workspace-asset-detail { grid-row:auto; }
.simple-ui.life-layout #gameTimeControls { grid-column:1;grid-row:3;width:100%;gap:6px;padding:8px;grid-template-columns:minmax(66px,1fr) auto minmax(99px,1fr) 24px; }
.simple-ui.life-layout #monthLabel { font-size:10px; }.simple-ui.life-layout #btnPause { font-size:9px;min-height:34px;padding:5px 6px; }
.simple-ui.life-layout #btnMonth { font-size:12px;min-height:37px;padding:6px; }.simple-ui.life-layout .game-time-options { width:245px; }
.simple-ui.life-layout .wrap>p.muted { font-size:8px!important;margin-top:5px; }.simple-ui.life-layout .wrap>details { font-size:8px!important; }
}
@media(max-height:560px) {
.simple-ui.life-layout:has(#game:not(.hidden)) .wrap { height:auto;min-height:100dvh; }
.simple-ui.life-layout .simple-game { min-height:580px; }.simple-ui.life-layout #gameTimeControls { position:sticky;bottom:8px; }
}
@media(max-width:999px) {
  .simple-ui.life-layout #simpleWorkspace { grid-template-areas:"chapter" "finance" "activities" "life" "assets";gap:12px; }
  .simple-ui.life-layout .simple-chapter { padding:1px 0; }
  .simple-ui.life-layout .simple-chapter h2 { font-size:23px;margin:3px 0 0; }
  .simple-ui.life-layout .simple-chapter p { font-size:9px;margin:0; }
  .simple-ui.life-layout .simple-finance-grid .card { padding:8px 10px; }
  .simple-ui.life-layout .simple-finance-grid strong { margin:3px 0 1px;font-size:16px; }
  .simple-ui.life-layout .simple-finance-grid small { max-height:28px;overflow:hidden;line-height:14px; }
  .simple-ui.life-layout .logcard { height:170px; }
  .simple-ui.life-layout .logcard h4 { margin-bottom:8px; }
  .simple-ui.life-layout #simplePanel-activities { padding:12px; }
  .simple-ui.life-layout .simple-actions-head { margin-bottom:8px; }
  .simple-ui.life-layout #acts { max-height:310px; }
}
/* Wide screens use their extra space for a third panel, keeping individual
   reading columns comfortable instead of scaling text or stretching cards. */
@media(min-width:1600px) {
  .simple-ui.life-layout #simpleWorkspace {
    grid-template-columns:minmax(0,1.05fr) minmax(0,1.05fr) minmax(0,1fr);
    grid-template-rows:max-content max-content max-content;
    grid-template-areas:"chapter chapter chapter" "finance finance finance" "life activities assets";
  }
  .simple-ui.life-layout #simplePanel-assets { grid-template-columns:minmax(0,1fr); }
  .simple-ui.life-layout .workspace-asset-detail { grid-row:auto; }
}
/* Give the character and its controls a readable desktop size while keeping
   the compact phone/tablet arrangement independent. */
@media(min-width:1100px) {
  .simple-ui.life-layout { --rail-width:300px; }
  .simple-ui.life-layout #gameRail { padding:14px;gap:16px; }
  .simple-ui.life-layout .simple-profile>.scene { height:180px; }
  .simple-ui.life-layout #avatar .avatar { width:104px;height:104px; }
  .simple-ui.life-layout .simple-profile>.scene+.card { padding:18px 2px 16px; }
  .simple-ui.life-layout .who { font-size:19px;gap:7px; }
  .simple-ui.life-layout .who .flag { width:24px; }
  .simple-ui.life-layout .who .tier { font-size:10px;padding:2px 5px; }
  .simple-ui.life-layout #where { font-size:12px; }
  .simple-ui.life-layout .age { font-size:40px; }
  .simple-ui.life-layout #ageDetail { font-size:12px; }
  .simple-ui.life-layout #stats { padding-bottom:18px;gap:15px 14px; }
  .simple-ui.life-layout .stat label { font-size:12px; }
  .simple-ui.life-layout .bar { height:6px;margin-top:6px; }
  .simple-ui.life-layout #simpleNav { gap:5px;padding-top:12px; }
  .simple-ui.life-layout #simpleNav button { min-height:64px;padding:12px;gap:12px; }
  .simple-ui.life-layout .game-nav-icon { font-size:20px;width:26px; }
  .simple-ui.life-layout #simpleNav button b { font-size:16px; }
  .simple-ui.life-layout #simpleNav button small { font-size:11px;margin-top:3px; }
  .simple-ui.life-layout #simpleAchievements { font-size:14px;min-height:62px;padding:15px 12px; }
  .simple-ui.life-layout #simpleAchievements small { font-size:11px; }
}