/* TVOREZ 0.7 — people are relationships, not a resource counter */
.life-purpose{margin:11px 0 8px;border-top:1px solid #b4cfbc2c;padding-top:9px}
.life-goal-caption{display:flex;justify-content:space-between;align-items:center;color:#a6c0bf;font-size:9px;font-weight:650;letter-spacing:.14em}
.life-goal-caption b{color:#e4c48e;font-variant-numeric:tabular-nums}
.life-purpose>strong{display:block;color:#efdfc7;font:15px/1.3 Georgia,serif;margin:3px 0 7px}
.life-goal-meter{height:4px;border-radius:10px;background:#334c50;overflow:hidden}
.life-goal-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#65b9a9,#efd29d);border-radius:10px;transition:width .25s}
.social-fold{padding:8px 0 0;border-top:1px solid #abc7c32a;color:#b4c9c9}
.social-fold>summary{cursor:pointer;min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:9px;color:#edd4ad;font-size:11px;font-weight:600;user-select:none}
.social-fold>summary::marker{color:#d9bc8e}
.social-fold>summary span{color:#9eb3b5;font-weight:400;font-size:10px}
.relationship-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}
.relationship-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #a4c9b326;border-radius:7px;background:#203a4187;padding:8px 10px}
.relationship-row strong{font-size:11px;color:#f1e5d6;font-weight:600}.relationship-row small{display:block;font-size:9px;color:#9db9bb}
.relationship-row b{color:#e3c49c;font-size:11px}
.relationship-row[data-kind="conflict"] b{color:#e09a88}
.relationship-row[data-kind="friend"] b{color:#8ecfbc}
.social-legacy{border-top:1px solid #a9c6bd26;padding:10px 2px 3px}
.social-legacy>strong{font-size:9px;color:#d6bc94;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
#legacyList{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.legacy-chip{border:1px solid #9dbbad40;background:#2642408a;padding:4px 7px;border-radius:6px;color:#d3d5c9;font-size:10px}
.legacy-chip b{color:#e0c093}
@media(max-width:740px){
.life-purpose{margin:5px 0 3px;padding-top:5px}.life-goal-caption{font-size:8px}
.life-purpose>strong{font-size:12px;margin:2px 0 4px}
.life-goal-meter{height:3px}
.social-fold{padding-top:4px}
.social-fold>summary{min-height:24px;font-size:10px}
.social-fold>summary span{font-size:9px}
.social-fold[open]{max-height:min(27dvh,160px);overflow-y:auto;scrollbar-width:thin}
.relationship-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:6px 0}
.relationship-row{padding:6px}
.relationship-row strong{font-size:10px}.relationship-row small{font-size:8px}
#legacyList{margin-top:5px}
}
@media(max-width:365px){.social-fold>summary span{display:none}.relationship-row small{display:none}}

/* PHONE-TYPE:START generated by tools/type-layer.py */
@media(max-width:740px){
.life-goal-caption{font-size:12px}
.social-fold>summary{font-size:13px}
.social-fold>summary span{font-size:12.5px}
.relationship-row strong{font-size:13px}
.relationship-row small{font-size:12px}
.relationship-row b{font-size:13px}
.social-legacy>strong{font-size:12px}
.legacy-chip{font-size:12.5px}
.life-purpose>strong{font-size:14px}
}
/* PHONE-TYPE:END */

/* ===== ux-mobile-1106: phone polish (loaded last) =====
   Inactive scale chips show only their glyph, the active one its name; header controls
   and clock buttons are 44px; long action names wrap instead of being cut. */
@media(max-width:740px){
 .logo small{display:none!important}
 .round-control{width:44px!important;height:44px!important;font-size:18px}
 #pause,#speed{min-width:44px!important;min-height:44px!important;font-size:15px}
 .scales button:not(.on)>span:not(.scale-icon){display:none}
 .scales button:not(.on){flex:0 0 44px!important;min-height:44px}
 .scales button.on{flex:0 0 auto!important;flex-direction:row!important;gap:6px!important;padding:0 12px!important;min-height:44px}
 .scales button .scale-icon{font-size:17px}
 .action strong{overflow-wrap:anywhere;hyphens:auto;font-size:13.5px;line-height:1.2}
}

/* ===== ux-mobile-1106b: phone redesign =====
   1) Interventions = 2×2 grid of wide cards: glyph left, name 16px, cost chip — no hyphenation.
   2) Clock row: epoch as a big number, view label hidden; chapter goal as a readable pill.
   3) World identity: title smaller, caption 15px, so the planet stays the hero. */
@media(max-width:740px){
 .actions{grid-template-columns:1fr 1fr!important;gap:8px!important}
 .action{height:auto!important;min-height:64px!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px;padding:10px 12px!important;border-radius:14px!important}
 .action .icon{font-size:24px!important;flex:none;width:26px;text-align:center}
 .action strong{font-size:15.5px!important;margin:0!important;min-height:0!important;display:block!important;hyphens:none!important;overflow-wrap:normal!important;line-height:1.15!important}
 .action small{position:static!important;margin-left:auto;font-size:12px!important;padding:3px 7px;border:1px solid #d5c0a255;border-radius:999px;white-space:nowrap}
 .world-index{display:none!important}
 .view-head{justify-content:flex-end}
 .clock-controls{gap:8px;width:100%;justify-content:space-between}
 #epoch{display:inline!important;font-size:15px!important;letter-spacing:.14em;color:#f2cc98}
 .chapter p,.chapter .goal,.chapter li{font-size:15px!important}
 .chapter h1{font-size:24px!important}
 .world-identity h2{font-size:44px!important}
 .world-identity p{font-size:15px!important}
 .identity-eyebrow{font-size:12px!important}
 .actionText{font-size:14px!important}
}
@media(max-width:740px){
 .sidebar-right{height:auto!important;max-height:46svh}
 .actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 .action{min-width:0!important;min-height:58px!important}
 .action strong{font-size:15px!important}
 .action small{display:none!important}
 .intervention-title h2{font-size:21px!important}
 .intervention-title .kicker{font-size:11px!important}
 .panel-hint{font-size:13px!important}
}
@media(max-width:740px){.action{position:relative}.action small{display:block!important;position:absolute!important;top:5px!important;right:8px!important;font-size:12px!important;border:0!important;padding:0!important;margin:0!important;opacity:.85}}