/* Little Life Toybox — a tabletop garden, tactile paths and warm paper cards. */
:root{color-scheme:light;--ink:#315c55;--cream:#fff8e8;--teal:#317e78;--wood:#bc9159;--coral:#df8969}
html,body{background:#d6debe;color:var(--ink)}
.screen,#title{background:radial-gradient(ellipse at 20% 0,#fffdf4,#fbf1dc 67%,#e9ead3);color:var(--ink);padding:72px 22px 32px;gap:16px;justify-content:flex-start}.screen>*{flex-shrink:0;max-width:100%}.screen.hidden{display:none}
.toy-hero{width:min(440px,100%);aspect-ratio:3/2;object-fit:cover;height:auto;border:7px solid #fffdf3;border-radius:34px;box-shadow:0 7px 0 #d9c8a4,0 18px 40px #aa875c24;margin:0 0 8px}.subttl{font-size:11px;color:#6f8971;letter-spacing:.16em}.bigttl{color:#337c74;background:none;filter:none;text-shadow:0 3px 0 #fff;font-size:clamp(38px,9vw,57px);font-weight:950;letter-spacing:.04em}.bigttl br{display:none}.lead2{color:#62786a;font-size:14px;margin:8px 0;line-height:2}.lead2 b{color:#bd6b48}
.btn{background:linear-gradient(155deg,#f5be86,#df8b60);border:1px solid #ffdab1;border-radius:19px;color:#fffdf0;padding:16px 28px;box-shadow:0 6px 0 #ac6f45,0 13px 24px #b08a4521;font-size:18px;letter-spacing:.04em;min-height:51px;max-width:100%;white-space:normal}.btn:active{box-shadow:0 2px 0 #ac6f45;transform:translateY(4px)}.btn.ghost{background:#fffdf3;color:#4d7a6d;border:1px solid #d3d9bf;border-radius:15px;box-shadow:0 3px 0 #d3d4b8;min-height:45px}.btn.danger{background:#fae6d7;color:#a96548;border-color:#e1bda5}
.modebtn{background:linear-gradient(140deg,#fffef7,#f4ead3);border:1px solid #daceab;border-radius:22px;padding:18px 23px;box-shadow:0 5px 0 #d4c5a3,0 10px 20px #92754b10;color:#356d64;position:relative}.modebtn:hover{background:#fffdf0}.modebtn .mn{color:#357768!important;font-size:21px;letter-spacing:.04em}.modebtn .md{color:#75846e;line-height:1.75;margin-top:6px}.modebtn.sel{background:linear-gradient(#e7f3e5,#d4e7cb);border-color:#8bb39b;box-shadow:0 5px 0 #81a68e;color:#286b5e}.modebtn.sel::after{content:'✓';position:absolute;right:16px;top:16px;color:#2a7e68;font-weight:900}.modebtn.mini{min-width:0}.modebtn .md b.est{color:#bc7944}.selgrp{color:#70816c;max-width:380px;font-size:12px;line-height:1.8}.modewarn{color:#ad634c;background:#fff4e8;border-color:#dba98d}.edline{background:#fffaf0;color:#65806a;border-color:#d9cbae}
#hud{grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px 8px;max-width:680px;margin:0 auto}.stat{background:linear-gradient(#fffdf4,#f1e7cc);border:1px solid #fff9;border-radius:17px;box-shadow:0 4px 0 #7d86542b;padding:9px 12px}.stat .lbl{color:#7c886f;font-size:9px}.stat .val,#stAge .val,#stHappy .val{color:#3c7568;font-size:16px}.stat .val.vrow{gap:5px}.stat #vEra,.stat #vPers{color:#537c69!important}.stat #vPers{font-size:10px}#stMoney{grid-row:2;grid-column:1}#stHappy{grid-row:2;grid-column:2}#stAge{grid-column:1/3;padding-right:90px}#vMode{right:10px;left:auto;top:12px;color:#678066!important;border:1px solid #d5d8bc;background:#fff9e8;padding:5px 9px;font-size:9px}#vCells{font-size:12px;gap:7px;flex-wrap:wrap}#vCells span{filter:brightness(.63) saturate(.8)}
#corner{top:146px;right:14px;flex-direction:row;gap:7px}body.at-title #corner{top:14px;z-index:25}.cbtn,.plaza{background:linear-gradient(#fffdf5,#f0e6ca);color:#557768;border:1px solid #e0d2b2;border-radius:13px;box-shadow:0 3px 0 #b5b59266;min-height:40px;font-size:11px}.cbtn.off{color:#a4a28b}.plaza{position:absolute;top:14px;left:16px;font-size:12px}
#diceWrap{bottom:calc(24px + env(safe-area-inset-bottom))}#rollBtn{background:linear-gradient(140deg,#ffcd93,#e99267);border:1px solid #ffdda9;color:#744c31;border-radius:24px;padding:13px 25px 13px 14px;box-shadow:0 7px 0 #ab7450,0 17px 30px #575b3733;gap:16px}#rollBtn:active{box-shadow:0 2px 0 #ab7450}#die{background:radial-gradient(circle at 28% 17%,#fffdf4,#fff4d9 58%,#ead1a5);border:1px solid #fff7de;border-radius:15px;box-shadow:inset 0 -5px 2px #b18c5433,inset 0 3px 2px #fff,4px 5px 0 #b2734055}#die .pip{background:radial-gradient(circle at 65% 70%,#619888,#286b63 65%,#184f4d);box-shadow:inset 0 2px 2px #163a4833,0 1px 0 #fff8}#rollBtn .t{font-size:18px;letter-spacing:.03em}#rollBtn .s{font-size:9px;color:#966d48;letter-spacing:.17em}
#evOverlay{background:#284d4155;backdrop-filter:blur(5px);overflow-y:auto}#evCard{background:linear-gradient(155deg,#fffdf3,#f8ecd2);border:3px solid #ead8ad;border-radius:28px;color:#3b675a;padding:55px 24px 24px;box-shadow:0 9px 0 #bda37a,0 25px 60px #3e4d3540;max-height:calc(100dvh - 60px);overflow-y:auto}#evEra{background:#ecedda;color:#66806a!important;border-color:#d5d8be;top:17px;left:18px;padding:5px 10px}#evType{background:#e9dab4;color:#785f38;font-size:11px;padding:7px 18px;letter-spacing:.13em}#evIcon{width:86px;height:86px;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,#fffdf3,#edd8ac);border:1px solid #fff7dc;border-radius:25px;margin:0 auto 14px;box-shadow:0 5px 0 #d4bd8d;font-size:42px}#evText{color:#3c6458;font-size:16px;line-height:1.9}#evPers{color:#527566!important;border:1px dashed #c8d4b7;background:#f5f6e7;border-radius:16px;font-size:13px;padding:10px 13px}.fxchip{background:#fffbef;border:1px solid #e3d7b6}.fxchip.plus{color:#387c5d}.fxchip.minus{color:#b16658}.fxchip.note{color:#a28140}#evOk{background:linear-gradient(#78b8a0,#498e7c);color:#fffef1;border:1px solid #a8d2b8;box-shadow:0 5px 0 #356d60;border-radius:16px;min-height:48px}#toast{max-width:90%;white-space:normal;text-align:center;background:#fff9e7;color:#5c795f;border:1px solid #d8c89f;border-radius:18px;font-size:14px;top:25%;box-shadow:0 4px 0 #91885544}
#logList{background:repeating-linear-gradient(#fffdf4 0,#fffdf4 32px,#e8e3ce 33px);border:1px solid #d9ceb0;border-radius:23px;box-shadow:0 6px 0 #d7cba9;color:#5b7564;padding:20px;line-height:2.4}#logList .age{color:#b77c4e}#logList .empty,#lifeStats{color:#74846e}#rwEnd a{color:#397365!important;background:#fffdf2!important;border-color:#cbd5b8!important;box-shadow:0 4px 0 #cbd5b8}
@media(min-width:850px) and (min-height:650px){#title{display:grid;grid-template-columns:minmax(350px,520px) minmax(300px,420px);grid-template-rows:repeat(5,auto);gap:15px 42px;align-content:center}#title.hidden{display:none}#title .toy-hero{grid-row:1/6;grid-column:1;aspect-ratio:1;max-width:none;width:100%;margin:0}#title .subttl{grid-column:2;grid-row:1}#title .bigttl{grid-column:2;grid-row:2}#title .bigttl br{display:block}#title .lead2{grid-column:2;grid-row:3}#startBtn{grid-column:2;grid-row:4;justify-self:center}#resetBtn{grid-column:2;grid-row:5;justify-self:center}.screen:not(#title){justify-content:center}#hud{grid-template-columns:1.15fr 1fr 1fr;max-width:800px}#stAge{grid-column:1;grid-row:1}#stMoney{grid-column:2;grid-row:1}#stHappy{grid-column:3;grid-row:1}#corner{top:14px;right:16px;flex-direction:column}}
@media(max-width:480px){.screen{gap:13px;padding:70px 20px 32px}.toy-hero{width:330px;border-width:5px;border-radius:29px}.bigttl{font-size:37px}.lead2{font-size:12px;line-height:1.9}.modebtn{padding:15px 20px}.modebtn .mn{font-size:18px}.modebtn .md{font-size:11px}.subttl{font-size:10px}#evCard{padding:54px 18px 22px}#vCells{gap:5px;font-size:11px}}
@media(prefers-reduced-motion:reduce){#die.spin{animation:none}}
.btn.hidden{display:none}.rw-back{background:#fffdf2!important;color:#3b7968!important;border-color:#c6d2b7!important;box-shadow:0 4px 0 #cad1b7;border-radius:16px!important}#title[data-rw-lock="1"]>div:last-of-type{color:#687d68!important}#rw-lock>div{background:linear-gradient(#fffdf3,#f4e8cc)!important;border:1px solid #decea9!important;color:#3c715f!important;border-radius:27px!important}#rw-lock p,#rw-lock button{color:#6c816b!important}#rw-lock a{color:#4e735f!important}#oj-gate{background:radial-gradient(#fffdf2,#f2e4c6)!important;color:#426e5e!important}#oj-gate>div>div{color:#426e5e!important}