:root{color-scheme:light;--ink:#263e32;--paper:#faf5e8;--green:#315c3d;--gold:#d7a857;--line:#dfd8bf}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.5}button,select{font:700 14px system-ui,sans-serif;color:inherit}button{border:1px solid #bfccb4;border-radius:10px;background:#fffdf6;padding:12px 15px;min-height:44px;cursor:pointer}button:hover:not(:disabled){background:#e7efd9;border-color:var(--green)}button:focus-visible,select:focus-visible{outline:3px solid #b26c22;outline-offset:3px}button:disabled{opacity:.48;cursor:default}button small{display:block;font-weight:400}select{max-width:100%;padding:10px;border:1px solid #bfc9b4;border-radius:8px;background:white}h1,h2,h3,p{margin:0 0 12px}h2{font-size:27px}h3{font-size:20px}.eyebrow{font:700 11px system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#6a774b}#game{max-width:1440px;margin:auto;padding:28px 30px 110px}.masthead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}h1{font-size:48px;line-height:1.1;margin:0}h1 span{display:block;font-size:14px;font-weight:400;letter-spacing:1px;margin-top:9px}.today{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;font:14px system-ui,sans-serif}.today>strong:last-of-type{font-size:25px;background:#e4eacb;padding:10px 18px;border-radius:12px}.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.tabs button{border-color:transparent;background:transparent}.tabs button[aria-pressed=true]{background:var(--green);color:white}.workers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.worker{display:flex;align-items:center;gap:14px;background:#fffdf6;border:1px solid var(--line);border-radius:14px;min-height:112px;padding:10px 16px}.worker>div{min-width:0;flex:1}.worker strong,.worker span,.worker small{display:block}.worker strong{font-size:21px}.worker span,.worker small{font:12px system-ui,sans-serif}.worker button{font-size:11px;padding:4px 8px;min-height:30px;margin-top:4px}.portrait{display:inline-block!important;flex:0 0 65px;width:65px;height:90px;background-image:url('./assets/concept/jay-kay-elle-1860.lossless.webp');background-size:270px 180px;background-repeat:no-repeat;border-radius:10px}.portrait.jay{background-position:-12px -2px}.portrait.kay{background-position:-96px -38px}.portrait.elle{background-position:-184px -5px}progress{width:100%;height:8px;accent-color:var(--green)}.notice{padding:13px 0;font-size:15px;min-height:48px}.warning{background:#ffe2bd;border:1px solid #c87c2c;border-radius:10px;padding:12px;margin-bottom:16px}.panel{background:#fffdf7;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 4px 18px #53482f06}.farm-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:20px;align-items:start}.farm-scene{position:relative;background:#b8cd84;border:1px solid #94ab64;border-radius:18px;overflow:hidden;min-height:650px;padding-bottom:60px}.landscape{height:220px;position:relative;overflow:hidden;background:linear-gradient(#a9cfd0,#e7ead0)}.sun{position:absolute;right:30px;top:15px;font-size:45px}.hill{position:absolute;border-radius:50% 50% 0 0;background:#8faa6d;width:110%;height:140px;bottom:-30px;left:-30%}.h2{left:30%;bottom:-40px;background:#77965b}.scene-title{position:relative;padding:20px;font-style:italic;font-size:20px;max-width:250px}.homestead{position:absolute;bottom:10px;left:20px;right:20px;display:flex;gap:15px}.building{background:#fff4d9df;border-color:#6b7d4f;font-size:13px;display:grid;padding:8px 18px}.building>span{font-size:45px;line-height:1.1}.building small{font-size:10px}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:22px}.plot{position:relative;background:repeating-linear-gradient(0deg,#80603f 0 13px,#715335 13px 17px);border:3px solid #a9875e;color:#fff5dc;border-radius:12px;min-height:140px;text-shadow:0 1px 2px #37200d}.plot>span{display:block;font-size:38px}.plot strong,.plot small{display:block}.plot:hover:not(:disabled){background:#775635}.selected{outline:3px solid #ffe9a5;outline-offset:2px}.pens{padding:0 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.enclosure{border:4px double #9b7951;background:#e3dbaf;min-height:130px;position:relative;overflow:hidden}.enclosure>span{display:block;font-size:30px;letter-spacing:-8px}.enclosure strong,.enclosure small{display:block;font-size:12px}.farm-sign{position:absolute;bottom:12px;left:22px;letter-spacing:3px;font-size:17px;color:#3c552c}.farm-sign small{display:block;letter-spacing:1px;font-size:11px}.detail h2{font-size:25px}.detail p,.detail label{font-size:14px}.detail meter{max-width:110px;accent-color:var(--green)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.detail .actions{display:grid;grid-template-columns:1fr 1fr}.job-option button{width:100%;height:auto;text-align:left}.job-option>small{display:block;font:11px/1.4 system-ui,sans-serif;margin:4px 2px;color:#78644e}.hint{margin-top:16px;color:#8a4e27}.working{display:flex!important;justify-content:center;align-items:center;font-size:11px}.working .portrait{width:35px;flex-basis:35px;height:65px;transform:scale(.8);transform-origin:bottom;animation:work 2s ease-in-out infinite}.working small{max-width:100px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin:20px 0}.card{border:1px solid var(--line);border-radius:12px;padding:20px;background:#fffaf0}.card h3{margin-bottom:8px}.card p{font-size:14px}.card button{margin:4px 0;width:100%}.toys .card img{height:120px;width:100%;object-fit:contain}.price-strip{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.price-strip span{background:#edf0dc;padding:12px;border-radius:10px;font-size:13px}.price-strip strong{display:block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}td,th{border-bottom:1px solid var(--line);padding:10px}.lesson{border-bottom:1px solid var(--line);padding:16px 0}.day-footer{position:fixed;z-index:8;bottom:0;left:0;right:0;padding:10px max(20px,calc((100vw - 1380px)/2));background:#fffaf0f5;backdrop-filter:blur(8px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font:12px system-ui,sans-serif}.day-close{margin-bottom:20px;background:#f6e6bb}.welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;margin-bottom:20px}.family-art{background:url('./assets/concept/jay-kay-elle-1860.lossless.webp') center/contain no-repeat;height:250px;border-radius:12px}.welcome h2{font-size:32px}.welcome button{background:var(--green);color:white}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;width:min(480px,90vw);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#19302099}@keyframes work{50%{transform:translateY(-3px) scale(.8)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:1000px){#game{padding:20px 18px 120px}.farm-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr)}.fields,.pens{padding-left:14px;padding-right:14px}.workers{gap:7px}.worker{padding:8px;gap:6px}.portrait{flex-basis:50px;width:50px}.worker strong{font-size:18px}}@media(max-width:700px){#game{padding:18px 12px 140px}h1{font-size:35px}.masthead{align-items:start;gap:8px}.masthead h1 span{font-size:11px}.today{gap:5px;max-width:175px;font-size:11px}.today>strong:last-of-type{font-size:19px;padding:6px 9px}.today button{padding:8px}.tabs{gap:2px}.tabs button{padding:10px;font-size:12px}.workers{gap:5px}.worker{display:block;padding:7px;min-height:130px}.worker .portrait{float:right;width:35px;height:56px;background-size:180px 120px}.worker .jay{background-position:-10px 0}.worker .kay{background-position:-67px -24px}.worker .elle{background-position:-124px -3px}.worker strong{font-size:17px}.worker span,.worker small{font-size:10px}.farm-layout{grid-template-columns:1fr}.farm-scene{min-height:540px}.landscape{height:175px}.scene-title{font-size:16px;max-width:220px}.fields{gap:12px;padding:15px}.plot{min-height:120px;font-size:12px}.plot>span{font-size:30px}.pens{gap:10px}.enclosure{padding:8px}.panel{padding:19px}.detail .actions{grid-template-columns:1fr 1fr}.welcome{grid-template-columns:1fr;gap:12px}.family-art{height:190px}.welcome h2{font-size:26px}.day-footer{padding:8px 12px;align-items:center}.day-footer span{max-width:200px;font-size:10px}.day-footer button{font-size:11px;padding:8px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:12px}.card h3{font-size:17px}.card button{font-size:12px;padding:10px}.price-strip span{padding:8px;font-size:11px}}
