/* v20 — a legible, playful field journal. Loaded after legacy layouts. */
:root{--ink:#293f3b;--muted:#586b65;--sage:#32675a;--font-ui:'Lumi UI','Lumi TC','Segoe UI',sans-serif;--font-display:'Lumi Display','Lumi TC',sans-serif}
.journal-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.panel{color:var(--ink)}
.panel h2{font-weight:800;letter-spacing:-.025em}
.panel h3{font-weight:800}
.panel p{color:var(--muted)}
.panel button{font-weight:750}
.panel .eyebrow{font-weight:800}
.panel .close{background:#fffdf7;border:1px solid #c8d6ce;box-shadow:0 3px 0 #dde6de;color:#345b50;z-index:3}
.panel .close:hover{background:#edf4eb}
.panel button:focus-visible,.panel summary:focus-visible{outline:3px solid #286454;outline-offset:3px}
.life-panel{width:min(1180px,calc(100vw - 48px));height:min(840px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);grid-template-columns:170px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;padding:0;border-radius:26px;background:#faf9f2;border:1px solid #fffef9;box-shadow:0 28px 90px #243c3350}
.life-panel .close{top:23px;right:23px;width:38px;height:38px}
.life-tabs{padding:26px 12px 16px;gap:9px;background:#eef2e7;border-color:#dce3d5;box-shadow:none}
.journal-binding{padding:0 8px 22px;margin:0 0 13px;align-items:flex-start;border-color:#d6dfcf;gap:0}
.journal-seal{margin:0 0 12px;border:0;background:#fffaf0;box-shadow:0 4px 0 #d9e4d3;width:42px;height:42px;border-radius:14px;transform:rotate(-7deg);color:#467460}
.journal-seal .ui-icon{width:24px;height:24px;stroke-width:1.8}
.journal-binding strong{font-size:22px;font-weight:850;letter-spacing:0}
.journal-binding small{font-size:8px;letter-spacing:.1em;color:#536b5d;margin-top:8px}
.life-tabs button{font-size:calc(13px * var(--ui-scale));min-height:48px;padding:10px 11px;gap:9px;border-radius:13px;font-weight:750;color:#50675a;white-space:normal;line-height:1.35}
.life-tabs button .ui-icon{flex:none;stroke-width:1.8}
.life-tabs button[aria-current=page]{background:#32675a;border-color:#32675a;color:#fffdf5;box-shadow:0 3px 0 #235244}
.nav-ready{display:grid;place-items:center;margin-left:auto;min-width:18px;height:18px;border-radius:50%;background:#ffe0a0;color:#483d22;font:900 12px var(--font-ui)}
.journal-signoff{display:flex;align-items:center;gap:8px;padding:22px 7px 0;font:650 10px/1.6 var(--font-ui);color:#50665b}
.journal-signoff .ui-icon{width:17px;flex:none}.journal-signoff span{padding:0;font:inherit;letter-spacing:0;color:inherit}
.life-heading{display:flex;align-items:center;gap:16px;padding:22px 80px 21px 28px;background:#fffdf7;border-color:#e2e5db}
#life-eyebrow{display:none}
.life-heading h2{font:850 calc(27px * var(--ui-scale))/1.25 var(--font-display);letter-spacing:-.02em;margin:0 0 5px}
.life-heading p{font-size:calc(13px * var(--ui-scale));color:#586b65;line-height:1.5!important}
.life-wallet{position:static;display:flex;margin:0 0 0 auto;padding:10px 12px;gap:8px;background:#e5f2ec;border:1px solid #bdd8c9;border-radius:14px;font-size:11px;color:#315b4d}
.life-wallet span{display:block}.life-wallet b{font-size:19px;font-weight:900}.life-wallet .ui-icon{width:21px;height:21px;color:#377667}
#life-content{padding:20px 28px 26px;scroll-padding:20px;scrollbar-color:#98b5a2 transparent}
.life-panel h3{font-family:var(--font-display);font-weight:800;letter-spacing:0;line-height:1.35;color:var(--ink)}
.life-panel p{font-size:calc(14px * var(--ui-scale));line-height:1.6}
html[lang=zh-Hant] .life-panel p{line-height:1.65}
.life-panel button[data-life]:not(.life-tabs button){min-height:42px;font:750 calc(13px * var(--ui-scale))/1.4 var(--font-ui);border-radius:12px;padding:10px 13px;background:#f1f6ee;color:#345d4f;border:1px solid #b5ccbc;box-shadow:0 2px 0 #dce6d8;transition:background .15s,transform .15s}
.life-panel button[data-life]:not(.life-tabs button):hover:not(:disabled){background:#e5efdf;border-color:#6e9b7f;transform:translateY(-1px)}
.life-panel button[data-life]:disabled{opacity:1;background:#edf0e9;color:#5e6a60;border-color:#d7ded3;box-shadow:none;cursor:not-allowed}
.life-footer{padding:11px 28px;font:650 11px/1.4 var(--font-ui);background:#f1f4eb;border-color:#e0e5d8;flex-direction:row;color:#53675a}
.life-footer>span:last-child{font-size:10px}
.life-feedback{margin:0 20px 12px!important;padding:12px 16px;background:#def1df;border:1px solid #a8cbb0;color:#2a5945!important;font-weight:750;font-size:14px!important}
.journal-day{display:flex;align-items:center;gap:10px;min-height:74px;padding:12px 18px;background:#edf3e7;border:1px solid #d8e4ce;border-radius:18px}
.journal-day .eyebrow{font-size:10px;color:#4e725a;letter-spacing:.08em}
.journal-day h3{font-size:calc(18px * var(--ui-scale));margin:4px 0 0}
.journal-day-friend{margin-left:auto;align-self:center;display:grid;place-items:center;width:70px;height:54px;flex:none}
.journal-day-friend>.character-portrait{width:76px;height:76px;transform:rotate(7deg)}
.journal-day-friend>.ui-icon{width:40px;height:40px;color:#4b8270}
.stamp-count{display:grid;grid-template-columns:20px auto;column-gap:5px;align-items:center;background:#fffdf2;border:1px solid #e4dfbc;border-radius:13px;padding:9px 12px;color:#6b542a;flex:none}
.stamp-count .ui-icon{width:18px;height:18px;fill:#f5d588;stroke-width:1.5}.stamp-count strong{font-size:20px;line-height:1.1;font-weight:900}.stamp-count>span{grid-column:1/-1;font-size:10px;text-align:center;margin-top:3px}
.life-panel .section-title{font-size:calc(19px * var(--ui-scale));margin:20px 0 12px!important;gap:14px;align-items:center}
.section-title small{font-size:calc(11px * var(--ui-scale));font-weight:650;color:#617268}
.life-goals{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.life-goals .daily-task{--task:#507447;--tint:#eff5e8;--edge:#d2dfc4;display:flex;flex-direction:column;gap:0;border:1px solid var(--edge);border-radius:19px;padding:17px;background:linear-gradient(var(--tint),#fffef8 70%);box-shadow:0 4px 0 #e8ecdf;min-width:0;position:relative}
.life-goals .task-catch{--task:#36796f;--tint:#e9f5f1;--edge:#c9ded5}
.life-goals .task-chat{--task:#956249;--tint:#fff0e5;--edge:#ebd9c6}
.task-top{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:12px}
.task-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:#fffdf7;color:var(--task);border:1px solid var(--edge);box-shadow:0 3px 0 var(--edge);transform:rotate(-6deg);flex:none}
.task-icon .ui-icon{width:26px;height:26px;stroke-width:1.7}
.task-status{display:flex;align-items:center;gap:4px;color:#556d5f;background:#ffffff9c;border:1px solid var(--edge);border-radius:20px;padding:5px 7px;font:750 calc(10px * var(--ui-scale))/1.3 var(--font-ui)}
.task-status .ui-icon{width:12px;height:12px;flex:none;stroke-width:2}
.daily-task[data-status=ready]{border-color:#629778;box-shadow:0 4px 0 #c8dbbe}
.daily-task[data-status=ready] .task-status{background:#32675a;color:#fffef5;border-color:#32675a}
.daily-task[data-status=claimed] .task-status{background:#e3eddf;color:#3f6148}
.life-goals .daily-task>.task-category{min-height:0;font:750 10px/1.4 var(--font-ui);letter-spacing:.035em;color:var(--task);margin-bottom:3px}
.life-goals .daily-task h3{font-size:calc(18px * var(--ui-scale));margin:0;min-height:2.7em}
.task-progress{display:flex;align-items:center;gap:12px;margin:11px 0 10px}
.task-progress>strong{font:900 28px/1 var(--font-ui);white-space:nowrap;color:var(--ink)}
.task-progress strong small{font:750 13px/1 var(--font-ui);color:#607168}
.task-progress .mini-progress{flex:1;height:8px;background:#dee7da;margin:0;max-width:none;min-width:22px;border-radius:8px}
.task-progress .mini-progress i{background:var(--task)}
.task-reward{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed var(--edge);padding-top:10px;margin-bottom:12px;font-size:calc(11px * var(--ui-scale));color:#586b61}
.task-reward strong{display:flex;align-items:center;gap:5px;color:#385f50;font-size:16px;font-weight:850}.task-reward .ui-icon{width:16px;height:16px}
#life-content .daily-task button{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:41px;width:100%;max-width:none;align-self:stretch;margin-top:auto;font-size:calc(12px * var(--ui-scale))!important;padding:9px 11px!important;background:#fffcf5;border-color:#adbfaa}
.daily-task button .ui-icon{width:16px;height:16px;flex:none;stroke-width:2}
#life-content .daily-task[data-status=ready] button{background:#32675a;color:#fffdf5;border-color:#32675a;box-shadow:0 3px 0 #214e42}
#life-content .daily-task[data-status=ready] button:hover{background:#255345}
#life-content .daily-task[data-status=claimed] button{background:#e6ede2;border-color:#cddac5;box-shadow:none;color:#4b6252}
.journal-trips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.life-panel .journal-trips button[data-life]{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;min-height:58px;background:#fffef8;border-color:#d7decd;font-size:calc(12px * var(--ui-scale));box-shadow:0 2px 0 #e5eadd}
.trip-icon{width:32px;height:32px;border-radius:10px;background:#eef1df;display:grid;place-items:center;flex:none;color:#657644}
.trip-icon .ui-icon{width:20px;height:20px;stroke-width:1.7}
.journal-trips button:nth-child(2n) .trip-icon{background:#e7f2ed;color:#3f7569}.journal-trips button:nth-child(3n) .trip-icon{background:#f8eddf;color:#97744e}
.journal-trips .trip-arrow{margin-left:auto;width:14px;height:14px;flex:none;color:#708172}
.welcome-strip,.page-callout{display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid #decfaa;border-radius:15px;background:#fff5de;margin:20px 0}
.welcome-strip>div,.page-callout>div{flex:1}.welcome-strip strong,.page-callout strong{font-size:calc(14px * var(--ui-scale));font-weight:850;color:#4b5037}
.welcome-strip p,.page-callout p{font-size:calc(12px * var(--ui-scale));margin:3px 0 0;color:#626851}
.welcome-icon,.page-callout>span{width:36px;height:36px;flex:none;display:grid;place-items:center;color:#8b7136}
.welcome-icon .ui-icon,.page-callout>span .ui-icon{width:29px;height:29px}
#life-content .welcome-strip button[data-life]{background:#32675a;color:#fffdf5;border-color:#32675a;box-shadow:0 2px 0 #245247}
.page-callout{background:#eaf2e5;border-color:#cedfc4;margin-top:0}.page-callout>span{color:#55754b}
.journal-details{border-top:1px solid #dde4d5;padding:11px 1px;color:#597065;font-size:12px;line-height:1.65}
.journal-details summary,.item-details summary{cursor:pointer;font-weight:750}.journal-details p{max-width:66ch}
.life-summary{background:#edf4e9;border-color:#d1dfc8;border-radius:14px;font-size:calc(13px * var(--ui-scale));font-weight:750;color:#3d604f}
.life-note{font-size:calc(13px * var(--ui-scale));color:#506653;border-color:#d4dfcb;background:#eef3e8;border-radius:14px}
.life-letter{border-radius:16px}.life-letter p{max-width:66ch}
.recipe-grid,.collection-grid,.neighbors-grid{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.recipe-card,.collection-card,.neighbors-grid article,.life-seeds article{border-radius:18px;background:#fffef9;border-color:#d7dfcf;box-shadow:0 3px 0 #e7edde;padding:18px;min-width:0}
.recipe-top{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%}
.recipe-symbol{width:45px;height:45px;border-radius:14px;background:#f2f0dd;color:#777445;border-color:#e3dfc0;flex:none;margin:0}
.recipe-symbol .ui-icon{width:26px;height:26px}
.item-state{padding:5px 7px;background:#edf1e8;border-radius:7px;font:750 calc(10px * var(--ui-scale))/1.4 var(--font-ui);color:#50664f;text-align:right}
[data-status=missing] .item-state{background:#f8eadb;color:#875126}
[data-status=ready] .item-state,[data-status=travel] .item-state{background:#dfeedd;color:#375e3e}
.recipe-card h3,.collection-card h3{font-size:calc(19px * var(--ui-scale));margin:13px 0 12px}
.recipe-cost{gap:8px;padding-top:0;border:0;font-size:calc(12px * var(--ui-scale));width:100%;margin:0}
.recipe-cost>span{display:flex;align-items:center;gap:7px;padding:8px;border-radius:9px;background:#edf4e8;color:#3c6645}
.recipe-cost>span.missing{background:#fbefdf;color:#875126}
.recipe-cost .ui-icon{width:18px;height:18px;flex:none}.recipe-cost strong{margin-left:auto;white-space:nowrap;font-size:14px;font-weight:900}
.item-details{width:100%;font-size:12px;color:#596d62;margin:13px 0 17px}.item-details summary{padding:5px 0}.item-details p{margin:7px 0 0;font-size:13px}
.life-panel .recipe-card button[data-life]{font-size:calc(13px * var(--ui-scale))!important;min-height:42px}
#life-content .recipe-card[data-status=ready] button{background:#32675a;color:#fffdf5;border-color:#32675a;box-shadow:0 3px 0 #245247}
.life-panel .collection-card button[data-life]{font-size:calc(12px * var(--ui-scale))!important}
.collection-card .eyebrow{font-size:11px;color:#556b60;letter-spacing:.035em}
.collection-card p{font-size:calc(13px * var(--ui-scale));color:#52685b}
.collection-card.undiscovered{background:#f0f3ea;border-color:#cbd7c0;box-shadow:none}
.donated{font-size:12px;font-weight:750;padding:9px;background:#e5f0de;border-radius:10px;color:#3e6643}
.life-item-list article{padding:15px 18px;border-radius:15px;box-shadow:0 2px 0 #e8eddf;gap:14px}
.life-item-list h3{font-size:calc(18px * var(--ui-scale))}.life-item-list h3 small{display:inline-block;padding:3px 8px;border-radius:7px;background:#e9f1e2;color:#3c634c;font:850 13px var(--font-ui);margin-left:6px}
.life-item-list p{font-size:calc(12px * var(--ui-scale));color:#52675c}.life-panel .life-item-list button[data-life]{font-size:calc(13px * var(--ui-scale))!important}
.good-icon{background:#f0f4e7;border-color:#d5e0cb;width:52px;height:52px;border-radius:16px;color:#52734e}
.neighbors-grid h3{font-size:22px}.neighbors-grid p{font-size:13px;color:#506a5c}.neighbors-grid small{font-size:12px;line-height:1.6;color:#536a5b}
.friend-hearts{color:#b66878}.life-seeds h3{font-size:20px}.life-seeds p{font-size:13px;color:#516a5e}
.home-illustration{flex-direction:row;justify-content:center;gap:18px;padding:18px}.home-illustration .ui-icon{width:50px;height:50px}.home-illustration i{font-weight:800;font-size:12px;padding:0}
.home-funding{font-size:14px;font-weight:800;color:#425d49}.resident-quote{font-size:calc(23px * var(--ui-scale))!important}
/* Carry the same readable action hierarchy into the shop and other text panels. */
.item-card{border-radius:18px;box-shadow:0 3px 0 #e3eadb;border-color:#d1dfc9}
#shop-items .item-card h3{font-size:23px;font-weight:850}.item-card p{font-size:calc(13px * var(--ui-scale));color:#50685a}.item-owned{font-size:12px;font-weight:750;color:#47624e}
.item-card button{font:800 calc(13px * var(--ui-scale))/1.45 var(--font-ui);color:#fffdf5;background:#32675a;border-color:#32675a;box-shadow:0 3px 0 #245247;border-radius:11px;min-height:43px}
.item-card button:hover:not(:disabled){background:#255346}.item-card button:disabled{background:#eef0e8;color:#616a5b;border-color:#d4dacd;box-shadow:none}
.item-card .item-details{font-size:12px;margin:5px 0 12px;color:#546c5e}.item-card .item-details p{margin:8px 0 2px;font-size:13px;line-height:1.6}
.item-card .item-owned{padding:5px 8px;background:#edf3e7;border-radius:7px;align-self:flex-start;width:fit-content;font-size:12px}
@media(max-width:560px){.item-card>.item-details,.item-card>.item-owned{grid-column:2}.item-card .item-art{grid-row:1/5}}
.bag-tip,.bag-empty,.help-grid,.room-field,.room-help{font-size:calc(14px * var(--ui-scale));color:#4c6557}
.panel .panel-footer small{color:#536a5e;font-size:12px}.ui-settings h3{font-weight:850}.panel .ui-settings p{color:#52695c}
@media(max-width:1000px){.life-panel{grid-template-columns:146px minmax(0,1fr)}.life-tabs{padding:22px 9px}.journal-binding strong{font-size:21px}.journal-binding small{font-size:7px}.life-tabs button{font-size:calc(12px * var(--ui-scale));padding:10px 9px}.life-heading{padding-left:22px}.life-heading h2{font-size:calc(25px * var(--ui-scale))}#life-content{padding:18px 22px 24px}.life-goals{gap:10px}.life-goals .daily-task{padding:14px 12px}.task-status{font-size:9px}.task-icon{width:34px;height:34px}.task-icon .ui-icon{width:22px}.life-goals .daily-task h3{font-size:calc(16px * var(--ui-scale))}.journal-trips{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-grid,.collection-grid,.neighbors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.life-panel{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);grid-template-columns:116px minmax(0,1fr)}.life-tabs{padding:18px 8px;gap:7px}.life-tabs button{gap:6px;padding:9px 7px}.life-tabs button .ui-icon{width:16px;height:16px}.journal-binding{padding:0 3px 18px}.journal-binding strong{font-size:18px}.journal-binding small,.journal-signoff{display:none}.life-heading{padding:18px 58px 17px 18px;align-items:flex-start;gap:8px}.life-heading h2{font-size:calc(23px * var(--ui-scale))}.life-wallet{padding:7px;gap:4px;font-size:0;position:static}.life-wallet b{font-size:16px}.life-wallet .ui-icon{width:16px}.life-panel .close{top:17px;right:17px;width:32px;height:32px}#life-content{padding:17px 18px 24px}.journal-day{padding:12px;gap:8px}.journal-day-friend{display:none}.stamp-count{margin-left:auto;padding:8px}.journal-day h3{font-size:16px}.life-goals{grid-template-columns:1fr;gap:12px}.life-goals .daily-task{display:grid;grid-template-columns:minmax(0,1fr) 130px;column-gap:15px;row-gap:5px;padding:15px}.task-top{grid-column:1;grid-row:1;margin-bottom:4px;justify-content:flex-start;gap:9px}.life-goals .daily-task>.task-category{display:none}.life-goals .daily-task h3{grid-column:1;grid-row:2;min-height:0;font-size:17px}.task-progress{grid-column:1;grid-row:3;margin:7px 0 0}.task-progress .mini-progress{grid-column:auto;grid-row:auto}.task-reward{grid-column:2;grid-row:1/3;align-self:center;margin:0;padding:0;border:0;justify-content:center;flex-direction:column;gap:5px}#life-content .daily-task button{grid-column:2;grid-row:3;align-self:center;font-size:12px!important;padding:9px!important;min-height:40px}.life-goals .daily-task small{grid-column:auto;grid-row:auto}.welcome-strip,.page-callout{flex-wrap:wrap;padding:14px}.welcome-strip button,.page-callout button{margin-left:auto}.life-footer{padding:11px 18px}.life-footer>span:last-child{display:none}.recipe-card,.collection-card,.neighbors-grid article{padding:15px}.recipe-top{align-items:flex-start;flex-wrap:wrap}.item-state{font-size:10px}.recipe-cost>span{flex-wrap:wrap}.recipe-cost strong{margin-left:auto}.life-panel .section-title{font-size:18px}.section-title small{font-size:10px}}
@media(max-width:560px){.life-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;border-radius:20px}.life-heading{grid-column:1;grid-row:1;padding:19px 57px 16px 19px}.life-heading p{font-size:12px}.life-heading h2{font-size:calc(22px * var(--ui-scale));margin:0 0 5px}.life-wallet{display:none}.life-tabs{grid-column:1;grid-row:2;padding:8px 12px;gap:5px;flex-direction:row;border-right:0;border-bottom:1px solid #d5e0cd;overflow-x:auto;scroll-padding:12px}.journal-binding{display:none}.life-tabs button{white-space:nowrap;width:auto;flex:none;min-height:39px;padding:9px 11px;font-size:calc(12px * var(--ui-scale));border-radius:10px}.life-tabs button .ui-icon{width:17px;height:17px}#life-content{grid-column:1;grid-row:3;padding:16px}.life-footer{grid-column:1;grid-row:5;font-size:10px;padding:10px 16px}.life-feedback{grid-column:1;grid-row:4;font-size:12px!important}.life-footer>span:last-child{display:none}.journal-day{min-height:67px}.journal-day h3{font-size:16px}.journal-day .eyebrow{font-size:9px}.stamp-count{padding:7px 9px}.stamp-count strong{font-size:18px}.stamp-count>span{font-size:9px}.life-panel .section-title{align-items:flex-start;gap:10px;font-size:17px;margin:18px 0 12px!important}.section-title small{max-width:115px;line-height:1.5}.life-goals .daily-task{grid-template-columns:minmax(0,1fr) 122px;padding:14px;gap:5px 12px}.life-goals .daily-task h3{font-size:calc(15px * var(--ui-scale))}.task-icon{width:30px;height:30px;border-radius:10px}.task-icon .ui-icon{width:20px;height:20px}.task-status{font-size:9px;padding:4px 6px}.task-status .ui-icon{display:none}.task-progress>strong{font-size:25px}.task-progress strong small{font-size:12px}.task-reward strong{font-size:16px}.journal-trips{gap:9px}.life-panel .journal-trips button[data-life]{font-size:12px;padding:9px;gap:7px}.trip-icon{width:28px;height:28px}.journal-trips .trip-arrow{display:none}.welcome-strip strong{font-size:14px}.welcome-strip p{font-size:12px}.welcome-strip button[data-life]{width:100%;font-size:13px}.life-panel .recipe-card button[data-life]{font-size:12px!important;padding:9px!important}.recipe-card h3,.collection-card h3{font-size:calc(18px * var(--ui-scale))}.recipe-cost{font-size:11px}.recipe-cost .ui-icon{width:15px;height:15px}.recipe-cost strong{font-size:13px}.recipe-cost>span>span{flex:1}.recipe-cost>span{padding:7px;gap:5px}.life-panel .life-item-list button[data-life]{font-size:12px!important}.life-item-list article{padding:13px;gap:10px}.life-item-list h3{font-size:16px}.life-item-list article>div{min-width:100px}.life-item-list p{font-size:12px}.life-panel .life-note{font-size:13px}.life-panel p{font-size:calc(13px * var(--ui-scale))}.collection-card p{font-size:12px}.neighbors-grid small{font-size:11px}.neighbors-grid h3{font-size:20px}.life-panel .life-letter button{margin-bottom:8px}.life-panel .life-letter button+button{margin-left:0}}
@media(max-width:360px){.life-goals .daily-task{grid-template-columns:minmax(0,1fr) 106px}.task-status{font-size:8px}.recipe-grid,.collection-grid,.neighbors-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.life-panel button[data-life]:hover:not(:disabled){transform:none}}