/* Quiet, readable presentation. Core game IDs and controls are unchanged. */
body.simple-ui {
  --bg: #f4f3ed; --card: #ffffff; --card2: #eff3ee; --text: #243d39;
  --muted: #4e635b; --border: #dce4da; --accent: #276b58;
  --good: #257856; --bad: #b4483c; --warn: #895b17;
  --red: #d77969; --yellow: #c59b45; --blue: #6c9dba; --purple: #aa8eb5;
  background: radial-gradient(ellipse at 10% 0%, #e5ece0 0, transparent 36%), var(--bg);
  color: var(--text); font-size: 15px; line-height: 1.65;
}
.simple-ui .wrap { max-width: 1220px; margin: auto; padding: 24px 32px 40px; }
.simple-ui .wrap > h1 { max-width: none; font-size: 25px; letter-spacing: -.8px; margin-bottom: 0; }
.simple-ui .simple-topbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.simple-ui .simple-topbar h1 { font-size: 25px; letter-spacing: -.8px; margin: 6px 0 2px; }
.simple-ui #themeToggle { flex: 0 0 auto; min-height: 40px; padding: 8px 12px; font-size: 12px; white-space: nowrap; }
.simple-ui a { color: var(--accent); }
.simple-ui .wrap > .sub { max-width: none; font-size: 12px; margin: 2px 0 22px; }
.simple-ui .card { border-radius: 18px; padding: 22px; border-color: var(--border); box-shadow: 0 3px 12px #294f3b03; }
.simple-ui button { border-radius: 11px; transition: background .15s, border-color .15s; min-height: 44px; }
.simple-ui button:hover:not(:disabled) { background: #e4ece1; }
.simple-ui button:focus-visible, .simple-ui summary:focus-visible, .simple-ui select:focus-visible { outline: 3px solid #638b75; outline-offset: 3px; }
.simple-ui button.on, .simple-ui .primary { background: var(--accent); color: white; }
.simple-ui button.on:hover:not(:disabled), .simple-ui .primary:hover:not(:disabled) { background: #205b4c; }
.simple-ui .primary { font-size: 17px; }
.simple-ui .simple-game { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 20px 28px; align-items: start; }
.simple-ui #simpleNav { grid-column: 1 / -1; display: flex; gap: 5px; padding: 5px; border-radius: 16px; background: #e9ede5; }
.simple-ui #simpleNav button { flex: 1; background: transparent; border-color: transparent; text-align: center; padding: 11px 16px; color: var(--muted); }
.simple-ui #simpleNav button b { font-weight: 600; font-size: 15px; }
.simple-ui #simpleNav button small { font-size: 11px; color: inherit; }
.simple-ui #simpleNav button.on { background: white; color: var(--accent); box-shadow: 0 2px 6px #334f3212; }
.simple-ui .simple-profile { position: sticky; top: 16px; }
.simple-ui .simple-profile > .card { margin-bottom: 12px; }
.simple-ui .simple-profile > .scene { height: 190px; margin-bottom: 0; border-radius: 18px 18px 0 0; border-bottom: 0; }
.simple-ui .simple-profile > .scene + .card { border-radius: 0 0 18px 18px; border-top: 0; }
.simple-ui #scene { image-rendering: auto; background-position: center; }
.simple-ui #scene::after { background: linear-gradient(transparent 70%, #2b55441f); }
.simple-ui #scene .fxcanvas { opacity: .45; }
.simple-ui #avatar .avatar { width: 88px; height: 88px; }
.simple-ui .who { font-size: 19px; flex-wrap: wrap; gap: 6px; }
.simple-ui .who .tier { font-size: 10px; font-weight: 400; padding: 2px 7px; }
.simple-ui #where { font-size: 11px; margin-top: 3px; }
.simple-ui .age { font-size: 36px; }
.simple-ui #ageDetail { font-size: 11px; white-space: nowrap; }
.simple-ui #stats { gap: 14px; padding: 20px; }
.simple-ui .stat label { font-size: 11px; }
.simple-ui .bar { height: 6px; margin-top: 7px; }
.simple-ui .timebar { padding: 18px; }
.simple-ui #monthLabel { font-size: 16px; }
.simple-ui .timebar > .row:first-child { gap: 4px; }
.simple-ui #btnPause { font-size: 12px; padding: 7px 9px; }
.simple-ui .timebar > .row:nth-of-type(3) { display: grid; grid-template-columns: 1fr; }
.simple-ui #btnMonth { width: 100%; background: var(--accent); color: #fff; border-color: var(--accent); text-align: center; font-size: 16px; font-weight: 600; min-height: 50px; }
.simple-ui #btnMonth:hover { background: #205b4c; }
.simple-ui #btnNext { width: 100%; text-align: center; background: transparent; font-size: 12px; min-height: 38px; }
.simple-ui .simple-speed { margin-top: 10px; }
.simple-ui .simple-speed summary { color: var(--muted); font-size: 11px; cursor: pointer; text-align: center; }
.simple-ui #speeds { margin-top: 10px; gap: 4px; }
.simple-ui #speeds button { font-size: 10px; padding: 6px 3px; min-height: 34px; }
.simple-ui #simpleWorkspace { min-width: 0; }
.simple-ui .simple-retired, .simple-ui .simple-panel[hidden] { display: none !important; }
.simple-ui [hidden] { display: none !important; }
.simple-ui .simple-actions-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 4px 0 20px; }
.simple-ui .simple-actions-head h2 { font-size: 23px; margin: 5px 0 0; font-weight: 600; }
.simple-ui #simpleShopButton { background: #e5eddf; border-color: #c4d4bc; padding: 12px 18px; color: #315b44; text-align: left; min-width: 155px; }
.simple-ui #simpleShopButton b { font-size: 15px; }
.simple-ui #simpleShopButton small { font-size: 10px; margin-top: 3px; }
.simple-ui .simple-chapter { padding: 8px 0 25px; }
.simple-ui .simple-eyebrow { font-size: 11px; font-weight: 600; color: var(--accent); letter-spacing: .3px; display: block; }
.simple-ui .simple-chapter h2 { font-size: clamp(24px, 3vw, 33px); line-height: 1.3; margin: 7px 0 11px; font-weight: 600; letter-spacing: -.8px; }
.simple-ui .simple-chapter p { color: var(--muted); font-size: 13px; margin: 0 0 15px; }
.simple-ui #simpleGoActivities { background: transparent; color: var(--accent); border-color: #abc3b4; padding: 8px 15px; font-size: 12px; }
.simple-ui #simpleGoActivities span { margin-left: 18px; }
.simple-ui .logcard h4, .simple-ui .h4big { font-size: 15px; color: var(--text); margin-bottom: 15px; }
.simple-ui .logcard .log { max-height: 455px; min-height: 200px; line-height: 1.9; font-size: 13px; scrollbar-width: thin; scrollbar-color: #bacabd transparent; }
.simple-ui .log .yr { margin: 15px 0 8px; padding-top: 8px; border-top: 1px solid var(--border); font-size: 12px; }
.simple-ui .log .yr:first-child { margin-top: 0; padding-top: 0; border: 0; }
.simple-ui .log p { margin: 8px 0; }
.simple-ui .log p.mini { color: var(--muted); }
.simple-ui .log p.big { font-size: 13px; font-weight: 600; }
.simple-ui .log p.news { color: #826227; background: #f5f1e4; border-color: #d4b36b; }
.simple-ui .log .mo { min-width: 35px; font-size: 10px; }
.simple-ui .simple-details { margin: 0 0 14px; border: 1px solid var(--border); border-radius: 14px; background: white; }
.simple-ui .simple-details > summary { padding: 16px 20px; font-size: 13px; font-weight: 600; cursor: pointer; color: var(--text); }
.simple-ui .simple-details > .card { border: 0; border-top: 1px solid var(--border); border-radius: 0 0 14px 14px; margin: 0; box-shadow: none; }
.simple-ui .simple-details > .card > h4 { display: none; }
.simple-ui #simpleAssetDetail > .card > h4 { display: flex; font-size: 14px; }
.simple-ui .kv { font-size: 12px; padding: 10px 0; gap: 15px; line-height: 1.6; }
.simple-ui .kv span:first-child { white-space: normal; flex: 1; }
.simple-ui .kv span:last-child { flex: 1.2; }
.simple-ui .kv.total { font-size: 14px; padding-top: 13px; }
.simple-ui #tabs { gap: 5px; margin-bottom: 18px; }
.simple-ui #tabs .tab { font-size: 12px; padding: 8px 11px; }
.simple-ui #tabs .tab.on { color: #fff; }
.simple-ui #tabs .tab.on small { color: #d6e8dd; }
.simple-ui .acts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.simple-ui .acts button { min-height: 88px; background: #f8faf5; padding: 15px; font-size: 14px; border-color: #e2e8de; }
.simple-ui .acts button small { font-size: 11px; margin-top: 5px; line-height: 1.65; }
.simple-ui .acts button:disabled { opacity: .55; }
.simple-ui #devCard h4 { color: var(--text); font-size: 14px; }
.simple-ui #family { line-height: 1.9; font-size: 13px; }
.simple-ui .simple-finance-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 15px; }
.simple-ui .simple-finance-grid .card { padding: 19px; margin: 0; }
.simple-ui .simple-finance-grid strong { display: block; font-size: 23px; font-weight: 600; margin: 9px 0 4px; overflow-wrap: anywhere; }
.simple-ui .simple-finance-grid small { color: var(--muted); font-size: 10px; }
.simple-ui .simple-finance-grid .simple-household { grid-column: 1 / -1; background: #eaf0e5; }
.simple-ui .simple-household strong { font-size: 21px; }
.simple-ui .holdings, .simple-ui .asset-origins, .simple-ui .holding, .simple-ui .asset-origin { border-color: var(--border); }
.simple-ui .tier, .simple-ui .tag { background: #eef3e9; color: #466a54; border-color: #cfdbc9; }
.simple-ui .tier.t-poor, .simple-ui .tag.bad { background: #f9ece8; color: #964538; border-color: #eccfc5; }
.simple-ui .tier.t-low, .simple-ui .tag.warn { background: #faf2de; color: #765b20; border-color: #e8d8b4; }
.simple-ui .tier.t-elite { background: #f0eaf5; color: #6d527e; border-color: #d8cde3; }
.simple-ui .modal { background: #1a2d29aa; backdrop-filter: blur(6px); }
.simple-ui .modal .card.cine { background: #fff; color: var(--text); border-color: var(--border); border-radius: 20px; }
.simple-ui #mImg.cineframe { border: 0; background: #e4ece1; }
.simple-ui #mImg.cineframe::after { background: none; }
.simple-ui #mImg img.scene { image-rendering: auto; max-height: 320px; object-fit: cover; }
.simple-ui #mTitle { font-size: 20px; }
.simple-ui #mText { font-size: 15px; }
.simple-ui .modal .choices button { background: #f3f6ee; }
.simple-ui .devwrap { --bg: #122030; --card: #1b3045; --card2: #29455c; --text: #f0f6fa; --muted: #c3d2dc; --border: #537086; --accent: #9dc7b4; }
.simple-ui .devwrap button:hover:not(:disabled) { background: #37566a; }
.simple-ui .devwrap .app, .simple-ui .devwrap .app small { color: #f0f6fa; }
.simple-ui .devwrap.feature .app, .simple-ui .devwrap.feature .app small { color: #0f380f; }
.simple-ui .devwrap.feature .app:hover:not(:disabled) { background: #86a11d; }
.simple-ui .toast { box-shadow: 0 8px 35px #1b3b2926; }
.simple-ui .titlecard { background: #203e39bb; }
.simple-ui .titlecard b { color: #d7ecd8; }
.simple-ui .titlecard small { color: #d2ddd2; }
.simple-ui #start { margin: 40px auto 60px; max-width: 620px; padding: 32px; }
.simple-ui #start > p:first-child { font-size: 22px; line-height: 1.55; font-weight: 600; margin-top: 0; }
.simple-ui #start > p.muted { font-size: 12px; line-height: 1.9; }
.simple-ui #end { max-width: 720px; }
.simple-ui .wrap > p.muted, .simple-ui .wrap > details { margin-top: 28px; color: var(--muted); }
@media (max-width: 800px) {
  .simple-ui .wrap { padding: 16px 18px 32px; }
  .simple-ui .simple-game { grid-template-columns: 260px minmax(0, 1fr); gap: 15px; }
  .simple-ui .simple-profile { position: static; }
  .simple-ui .card { padding: 18px; }
  .simple-ui .acts { grid-template-columns: 1fr; }
  .simple-ui .simple-profile > .scene { height: 165px; }
  .simple-ui .simple-finance-grid { grid-template-columns: 1fr; }
  .simple-ui #simpleNav button small { display: none; }
}
@media (max-width: 620px) {
  .simple-ui .wrap { padding: 14px 13px 30px; }
  .simple-ui .wrap > h1 { font-size: 22px; }
  .simple-ui .simple-topbar h1 { font-size: 22px; }
  .simple-ui #themeToggle { font-size: 11px; padding: 7px 9px; }
  .simple-ui .simple-game { display: flex; flex-direction: column; gap: 15px; }
  .simple-ui #simpleNav { order: 1; width: 100%; position: sticky; top: 0; z-index: 3; background: #e7ede2f5; padding: 5px; }
  .simple-ui #simpleNav button { padding: 10px 5px; }
  .simple-ui #simpleNav button b { font-size: 12px; }
  .simple-ui .simple-profile { order: 0; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }
  .simple-ui .simple-profile > .scene { grid-column: 1 / -1; height: 160px; }
  .simple-ui .simple-profile > .scene + .card { grid-column: 1 / -1; margin-bottom: 12px; }
  .simple-ui #stats { margin: 0; gap: 14px; padding: 18px 13px; grid-template-columns: 1fr; }
  .simple-ui .simple-profile > .timebar { margin: 0; padding: 13px; }
  .simple-ui .timebar > .row:first-child { align-items: flex-start; }
  .simple-ui #monthLabel { font-size: 12px; min-width: 0; }
  .simple-ui #btnPause { padding: 4px 7px; min-height: 34px; font-size: 10px; }
  .simple-ui #btnMonth { font-size: 13px; min-height: 44px; }
  .simple-ui #btnNext { font-size: 10px; padding: 5px; }
  .simple-ui .simple-profile > .timebar .yearbar { margin-top: 9px; }
  .simple-ui #simpleWorkspace { order: 2; width: 100%; }
  .simple-ui .simple-chapter { padding: 5px 3px 20px; }
  .simple-ui .simple-chapter h2 { font-size: 27px; }
  .simple-ui .simple-actions-head { gap: 10px; }
  .simple-ui .simple-actions-head h2 { font-size: 20px; }
  .simple-ui #simpleShopButton { min-width: 140px; padding: 10px 13px; }
  .simple-ui .acts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .simple-ui .acts button { padding: 12px 10px; min-height: 95px; font-size: 12px; }
  .simple-ui .acts button small { font-size: 10px; }
  .simple-ui .kv { flex-direction: column; gap: 2px; }
  .simple-ui .kv span:last-child { text-align: left; }
  .simple-ui .simple-finance-grid { grid-template-columns: 1fr 1fr; }
  .simple-ui .simple-finance-grid strong { font-size: 19px; }
  .simple-ui #start { margin: 20px auto 40px; padding: 24px; }
  .simple-ui .modal { padding: 10px; }
}
/* The dark palette keeps the same layout and leaves device/game screens intact. */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] body.simple-ui {
  --bg: #101815; --card: #19251f; --card2: #23332a; --text: #e6eee8;
  --muted: #a9bcb0; --border: #3a5043; --accent: #99d9b5;
  --good: #88d9aa; --bad: #ffaaa1; --warn: #eac482;
  --red: #df9186; --yellow: #dbb76e; --blue: #8ebbd3; --purple: #bd9fd2;
  background: radial-gradient(ellipse at 10% 0%, #1b3325 0, transparent 36%), var(--bg);
}
html[data-theme="dark"] .simple-ui a:visited { color: #c9b8e5; }
html[data-theme="dark"] .simple-ui .card { box-shadow: 0 3px 12px #00000012; }
html[data-theme="dark"] .simple-ui button:hover:not(:disabled) { background: #304a3b; }
html[data-theme="dark"] .simple-ui button:focus-visible,
html[data-theme="dark"] .simple-ui summary:focus-visible,
html[data-theme="dark"] .simple-ui select:focus-visible { outline-color: #99d9b5; }
html[data-theme="dark"] .simple-ui button.on,
html[data-theme="dark"] .simple-ui .primary,
html[data-theme="dark"] .simple-ui #btnMonth { background: #2b6650; border-color: #54866a; color: #fff; }
html[data-theme="dark"] .simple-ui button.on:hover:not(:disabled),
html[data-theme="dark"] .simple-ui .primary:hover:not(:disabled),
html[data-theme="dark"] .simple-ui #btnMonth:hover { background: #337a5f; }
html[data-theme="dark"] .simple-ui #simpleNav { background: #203127; }
html[data-theme="dark"] .simple-ui #simpleNav button { background: transparent; }
html[data-theme="dark"] .simple-ui #simpleNav button.on { background: #334b3c; border-color: transparent; color: #b8f0ce; box-shadow: 0 2px 6px #00000020; }
html[data-theme="dark"] .simple-ui #simpleShopButton { background: #2b4133; border-color: #4f715b; color: #c5ebd2; }
html[data-theme="dark"] .simple-ui #simpleShopButton:hover { background: #385640; }
html[data-theme="dark"] .simple-ui #simpleGoActivities { border-color: #577b64; }
html[data-theme="dark"] .simple-ui .log p.news { color: #efce92; background: #382f20; border-color: #a78b57; }
html[data-theme="dark"] .simple-ui .simple-details { background: var(--card); }
html[data-theme="dark"] .simple-ui .acts button { background: #203128; border-color: var(--border); }
html[data-theme="dark"] .simple-ui .acts button:hover:not(:disabled) { background: #304a3b; }
html[data-theme="dark"] .simple-ui .simple-finance-grid .simple-household { background: #22392b; }
html[data-theme="dark"] .simple-ui .tier,
html[data-theme="dark"] .simple-ui .tag { background: #293f30; color: #b2dfbd; border-color: #4d6c55; }
html[data-theme="dark"] .simple-ui .tier.t-poor,
html[data-theme="dark"] .simple-ui .tag.bad { background: #432a28; color: #ffb8af; border-color: #83514a; }
html[data-theme="dark"] .simple-ui .tier.t-low,
html[data-theme="dark"] .simple-ui .tag.warn { background: #3c3321; color: #edcf8e; border-color: #827049; }
html[data-theme="dark"] .simple-ui .tier.t-elite { background: #3a2d47; color: #dbc3ee; border-color: #705785; }
html[data-theme="dark"] .simple-ui .modal { background: #050b08c9; }
html[data-theme="dark"] .simple-ui .modal .card.cine { background: var(--card); }
html[data-theme="dark"] .simple-ui #mImg.cineframe { background: #22352b; }
html[data-theme="dark"] .simple-ui .modal .choices button { background: #263b2e; }
html[data-theme="dark"] .simple-ui .modal .choices button:hover:not(:disabled) { background: #38533f; }
html[data-theme="dark"] .simple-ui .devwrap button:hover:not(:disabled) { background: #37566a; }
html[data-theme="dark"] .simple-ui .devwrap.feature .app:hover:not(:disabled) { background: #86a11d; }
@media (prefers-reduced-motion: reduce) {
  .simple-ui *, .simple-ui *::before, .simple-ui *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}