:root{--ink:#35554a;--green:#49785e;--cream:#fff9e9;--gold:#e9ba65;--line:#ded5b9}*{box-sizing:border-box}body{margin:0;background:#b5d5c8;color:var(--ink);font-family:Segoe UI,Arial,sans-serif}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.47;cursor:not-allowed}button:focus-visible{outline:3px solid #bf803e;outline-offset:3px}#game{height:100dvh;min-height:590px;position:relative;overflow:hidden;max-width:1800px;margin:auto;background:#c5dfca}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:max(16px,env(safe-area-inset-top));left:22px;right:22px;display:flex;align-items:center;gap:12px;pointer-events:none}.hud>*{pointer-events:auto}.round{border:2px solid #f8efd7;background:#fff7e6;width:43px;height:43px;border-radius:14px;box-shadow:0 4px 0 #506a4933;color:var(--ink);font-size:20px}.brand{font-weight:900;letter-spacing:1.3px;font-size:21px;text-shadow:0 2px #f6f4db;color:#38634f}.brand small{display:block;font-size:7px;letter-spacing:1.7px;margin-top:2px}.wallet{margin-left:auto;border:2px solid #fff9e8;background:#fff5d9;border-radius:17px;padding:10px 21px;min-width:160px;text-align:right;box-shadow:0 4px 0 #5f795633}.wallet small{display:block;font-size:8px;letter-spacing:1.5px;color:#a08754}.wallet strong{font-size:20px;font-weight:800}.status{position:absolute;top:94px;left:22px;display:flex;gap:8px}.status>span{font-size:10px;background:#f9fbe6de;padding:8px 12px;border-radius:20px;border:1px solid #faffeb;box-shadow:0 2px 0 #617f5630}.quest{position:absolute;top:143px;left:22px;display:flex;align-items:center;gap:12px;max-width:310px;background:#fff8e8ef;border:2px solid #f4e6c1;border-bottom:4px solid #b1b58b;border-radius:17px;padding:12px 14px;text-align:left;box-shadow:0 4px 20px #3c643c18}.quest .star{width:34px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f4db9b;color:#b5883f;font-size:24px}.quest small{font-size:8px;letter-spacing:1px;color:#a88c50}.quest strong{font-size:11px;display:block;max-width:215px;line-height:1.6;margin-top:2px}.quest em{font-size:9px;display:block;font-style:normal;color:#9c8253;margin-top:3px}.quest b{font-size:25px;color:#afac83}.quest.ready{background:#ecf4cf;border-color:#ffffe5}.quest.ready .star{background:#83b781;color:#fffce1;animation:bounce 1.8s infinite}.camera{position:absolute;right:22px;top:145px;display:grid;gap:7px}.camera button{border:2px solid #fff8e3;background:#fff9e7da;width:37px;height:37px;border-radius:12px;color:#476a50;font-size:20px;box-shadow:0 3px #68865d33}.event{position:absolute;right:22px;top:300px;max-width:295px;display:flex;align-items:center;gap:11px;border:2px solid #fff2ce;border-bottom:4px solid #bb956c;border-radius:17px;background:#ffefcefa;padding:11px;text-align:left;box-shadow:0 6px 20px #7e5d2220;animation:pop .4s ease}.event[hidden]{display:none}.event small{font-size:8px;letter-spacing:1px;color:#b47a4d}.event strong{font-size:12px;display:block;margin:4px 0}.event em{font-size:9px;font-style:normal;color:#ae9369}.event b{background:#d37c50;color:#fff3cc;border:2px solid #fff2d2;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:13px;position:absolute;right:-8px;top:-9px}.face{width:42px;height:48px;border-radius:12px;position:relative;overflow:hidden;flex:0 0 42px;background:#d8e1bc;border:1px solid #e2dcbf}.sprite{width:100%;height:100%;background-image:url('assets/characters.png');background-size:400% 200%;background-repeat:no-repeat}.face .sprite{position:absolute;width:190%;height:250%;top:0;left:-45%}.collect-row{position:absolute;left:50%;bottom:111px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px}.collect-row>span{font-size:10px;color:#546e4c;background:#eff5decd;border:1px solid #f8fae9;padding:6px 12px;border-radius:20px;white-space:nowrap}#collect{min-width:265px;border:2px solid #ffebad;border-bottom:5px solid #a67c36;background:linear-gradient(#ffe39c,#edc66b);padding:15px 23px;border-radius:17px;color:#665124;box-shadow:0 6px 20px #40562933;font-size:14px;font-weight:800}#collect strong{font-size:15px;margin-left:5px}#collect>span{float:right;border:1px solid #ba954b;border-radius:50%;width:22px;height:22px;margin-left:15px}nav{position:absolute;bottom:0;left:0;right:0;padding:10px max(20px,calc((100% - 650px)/2)) max(12px,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:8px;background:#f9f4deed;border-top:3px solid #fffbea;box-shadow:0 -5px 25px #476b4620;backdrop-filter:blur(10px)}nav button{position:relative;border:0;background:none;color:#759078;border-radius:12px;min-width:90px;padding:2px 10px}nav button:hover{background:#e6edd3}nav i{display:block;font-style:normal;font-size:25px;height:30px}nav span{font-size:10px;font-weight:650}nav b{position:absolute;right:12px;top:0;background:#cd875a;color:#fff6d8;border-radius:20px;font-size:9px;min-width:15px}nav b:empty{display:none}.map-hint{position:absolute;bottom:220px;left:50%;transform:translateX(-50%);font-size:9px;color:#68865e;background:#f4f9e0bb;border-radius:20px;padding:6px 12px;pointer-events:none;white-space:nowrap}.coin-pop{position:absolute;color:#8a692a;background:#fff0b1;border:2px solid #fffbdc;box-shadow:0 4px 10px #2c4d3220;border-radius:16px;padding:8px 14px;font-size:13px;font-weight:800;pointer-events:none;animation:coin 1.5s forwards}#floaties{position:absolute;inset:0;pointer-events:none}#overlay{position:fixed;inset:0;z-index:30;background:#22453699;backdrop-filter:blur(4px);padding:22px;display:flex;align-items:center;justify-content:center}#overlay[hidden]{display:none}.sheet{background:#fff8e8;width:min(520px,100%);max-height:90dvh;display:flex;flex-direction:column;border:3px solid #fff9e8;border-bottom:6px solid #b9b08a;border-radius:25px;box-shadow:0 20px 80px #1f3f3444;overflow:hidden;animation:pop .25s ease}.sheet>header{padding:20px 22px 16px;border-bottom:1px solid #e7dec1;display:flex;justify-content:space-between;align-items:center;background:#eaf0d7}.sheet header small{font-size:8px;letter-spacing:1.7px;color:#8c9b70}.sheet h2{font-family:Georgia,serif;font-size:25px;font-weight:500;margin:7px 0 0}.sheet header button{border:1px solid #cdd8b5;background:#fff9e5;color:#718b5f;border-radius:50%;font-size:24px;width:34px;height:34px}#sheet-body{overflow:auto;padding:20px 22px;flex:1;scrollbar-width:thin}.sheet p{font-size:13px;line-height:1.9;color:#758064}.sheet .subtle{font-size:10px;color:#a39f83}.primary{border:2px solid #fff4c7;border-bottom:4px solid #63804f;background:linear-gradient(#8ebf84,#6f9f69);border-radius:13px;padding:12px 17px;color:#fffde9;font-size:12px;font-weight:750}.primary.gold{background:linear-gradient(#f4d68d,#e4b85f);border-bottom-color:#a88649;color:#715c2d}.secondary{border:1px solid #d5d5b6;border-bottom:3px solid #b8c49e;background:#f0f4dd;color:#6a8058;border-radius:11px;padding:10px 15px;font-size:11px}.action-row{display:flex;gap:10px;margin:13px 0;flex-wrap:wrap}.card{padding:16px;border:1px solid #dfd8ba;background:#fffdf1;border-radius:15px;margin-bottom:12px}.card h3{font-size:14px;margin:0 0 7px}.card p{font-size:11px;margin:6px 0}.card .topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.card .price{color:#a7823e;font-weight:750;font-size:12px;white-space:nowrap}.card button{margin-top:8px}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.room-pick{border:1px solid #d3d8b6;background:#f3f6df;border-radius:12px;padding:13px;text-align:left;color:#4f7157}.room-pick strong{font-size:12px;display:block}.room-pick small{font-size:10px;color:#939778;display:block;margin-top:5px}.furni-row{display:flex;gap:13px;align-items:center}.furni-icon{background:#e7edd1;border-radius:13px;width:48px;height:48px;display:grid;place-items:center;font-size:27px;color:#8b9a68;flex-shrink:0}.furni-row>div:last-child{flex:1}.mini-stat{display:flex;gap:7px;flex-wrap:wrap}.mini-stat span{font-size:10px;background:#eaf1d8;border-radius:20px;padding:6px 9px;color:#779262}.resident{display:flex;gap:12px;align-items:flex-start}.resident .face{width:65px;height:85px;flex:0 0 65px;border-radius:12px}.resident .face .sprite{width:125%;height:160%;left:-12%;top:0}.resident h3{font-size:16px;margin:5px 0}.resident small{font-size:9px;color:#9d966f}.talk{display:flex;gap:10px;margin:16px 0}.talk .face{width:36px;height:40px;flex:0 0 36px}.bubble{background:#fffdf4;border:1px solid #e1d9bf;border-radius:3px 12px 12px 12px;padding:11px 13px;flex:1}.bubble b{font-size:10px;color:#829362}.bubble p{font-size:12px;margin:5px 0 0;white-space:pre-line}.talk.mine{flex-direction:row-reverse}.mine .bubble{background:#e3edcf}.choice-list{display:grid;gap:9px;margin-top:20px}.event-choice{text-align:left;border:1px solid #d0d8b6;border-bottom:3px solid #aab992;background:#f3f7e3;padding:13px;border-radius:12px;color:#53774e}.event-choice strong{font-size:12px;display:block;line-height:1.6}.event-choice small{font-size:10px;color:#9c9266;display:block;margin-top:5px}.event-head{display:flex;gap:13px;align-items:center}.event-head .face{width:70px;height:88px;flex:0 0 70px}.event-head h3{font:24px Georgia;margin:0}.event-head small{font-size:9px;letter-spacing:1px;color:#a39264}.result{background:#e5efd3;border:1px solid #c4d6ae;border-radius:15px;padding:18px}.result h3{font-size:16px}.result p{font-size:13px}.progress{height:6px;background:#e6e7ce;border-radius:20px;margin-top:11px;overflow:hidden}.progress span{height:100%;background:#94b37e;display:block}.menu-actions{display:grid;gap:10px}.menu-actions button{text-align:left}.land-tabs{display:flex;gap:7px;margin-bottom:17px}.land-tabs button{flex:1}.land-tabs .selected{background:#82a777;color:#fff8df}.checklist{padding-left:18px;color:#879477;font-size:12px;line-height:2.2}#toast{position:absolute;z-index:50;bottom:235px;left:50%;transform:translateX(-50%);max-width:90%;background:#3c624fed;border:1px solid #fff0c9;border-radius:15px;color:#fff4d6;padding:12px 18px;font-size:12px;box-shadow:0 5px 20px #233f3433;display:none;text-align:center}#intro{position:absolute;inset:0;z-index:40;background:#3d6656c9;backdrop-filter:blur(7px);display:grid;place-items:center;padding:25px}#intro[hidden]{display:none}.intro-card{max-width:420px;text-align:center;background:#fff5de;border:4px solid #fffce9;border-bottom:7px solid #c7b789;border-radius:28px;padding:30px;box-shadow:0 20px 70px #23493f44}.intro-card .eyebrow{font-size:8px;letter-spacing:2px;color:#a38c50}.intro-card h1{font:42px Georgia;color:#557850;margin:15px 0 10px}.intro-card p{font-size:13px;color:#8c906e;line-height:1.9}.intro-card .primary{font-size:14px;width:100%;margin-top:10px}.save-tag{text-align:center;font-size:9px;color:#9eaa85;margin:20px 0 3px}.offline-total{font-size:32px;font-weight:800;color:#8ea75d;text-align:center;padding:18px}.footer-note{font-size:10px;color:#a49f83;line-height:1.8;text-align:center;margin-top:20px}.feedback{color:#bc8c5b;font-size:10px;margin-top:6px}@keyframes pop{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{50%{transform:translateY(-3px)}}@keyframes coin{to{opacity:0;transform:translateY(-65px)}}@media(max-width:700px){.hud{left:13px;right:13px;gap:9px;top:max(12px,env(safe-area-inset-top))}.round{width:36px;height:38px;font-size:18px;border-radius:12px}.brand{font-size:17px;letter-spacing:1px}.brand small{font-size:6px;letter-spacing:1px}.wallet{min-width:124px;padding:8px 12px;border-radius:14px}.wallet strong{font-size:17px}.wallet small{font-size:7px}.status{left:13px;top:79px;gap:5px}.status>span{font-size:8px;padding:7px 9px}.quest{top:124px;left:13px;max-width:250px;padding:9px 11px;gap:9px}.quest strong{font-size:10px;max-width:175px}.quest small{font-size:7px}.quest em{font-size:8px}.quest .star{width:29px;height:34px;font-size:21px}.camera{right:13px;top:125px;gap:6px}.camera button{width:31px;height:31px;font-size:18px;border-radius:10px}.event{right:13px;top:249px;max-width:240px;padding:9px;gap:8px}.event strong{font-size:11px}.event small{font-size:7px}.event em{font-size:8px}.collect-row{bottom:100px;gap:7px}#collect{min-width:250px;padding:13px 18px;font-size:12px;border-radius:15px}#collect strong{font-size:13px}.collect-row>span{font-size:8px}nav{padding:9px 8px max(12px,env(safe-area-inset-bottom));gap:2px}nav button{min-width:0;flex:1;padding:0 3px}nav i{font-size:23px;height:29px}nav span{font-size:9px}nav b{right:9px}.map-hint{bottom:200px;font-size:8px;max-width:95%}#overlay{padding:8px;align-items:flex-end}.sheet{max-height:89dvh;border-radius:23px 23px 16px 16px}.sheet>header{padding:18px 18px 14px}#sheet-body{padding:17px}.sheet h2{font-size:24px}.sheet p{font-size:12px}#toast{bottom:210px}.intro-card{padding:27px}.intro-card h1{font-size:36px}}@media(max-height:690px){.quest{max-width:220px;top:118px}.event{top:218px}.event .face{display:none}.event{max-width:220px}.map-hint{display:none}.collect-row{bottom:96px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.chibi-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.face{background:linear-gradient(#d4e6c9,#efe5c5)}.resident .face{height:93px}.event .face{height:52px}.card{box-shadow:0 3px 0 #c8c9aa26}.map-hint{font-size:9px}.wallet strong{color:#4c7151}.coin-pop{color:#a8782d;border-color:#fff7cb}.room-pick{box-shadow:0 3px 0 #c9d5b52e}
.biz-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px}.biz-grid>div{padding:14px;border:1px solid #d6dbb7;background:#edf2d8;border-radius:13px}.biz-grid small{display:block;font-size:8px;letter-spacing:.7px;color:#8d9873}.biz-grid strong{display:block;margin-top:8px;font-size:19px;color:#617f4f}.biz-grid strong.negative{color:#b76f53}.business-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.business-actions button{margin:0;text-align:left;color:#607a51;min-height:90px}.business-actions b{font-size:12px;line-height:1.7}.business-actions small{font-size:9px;display:block;margin-top:6px;line-height:1.6;color:#9a9e7d}.review-stars{color:#c69b45}.property-art{position:relative;height:68px;display:grid;place-items:center;background:linear-gradient(#c6ddd0,#e6e6bb);border-radius:11px;color:#87a17b;font-size:52px;overflow:hidden;margin-bottom:13px}.property-art span{position:absolute;font-size:27px;right:24px;top:8px;color:#d7b771}.feedback-notice{position:absolute;top:235px;left:22px;border:1px solid #e0d8b8;background:#fff6dce8;border-bottom:3px solid #bdc59b;border-radius:15px;padding:8px 12px;font-size:10px;color:#9b8a54;box-shadow:0 3px 10px #41654412}.property-offer p.price{font-size:14px}@media(max-width:700px){.feedback-notice{top:210px;left:13px;font-size:9px;padding:8px 10px}.biz-grid strong{font-size:18px}.business-actions b{font-size:11px}.business-actions small{font-size:9px}}@media(max-height:690px){.feedback-notice{top:199px;font-size:8px;padding:6px 9px}.event{top:250px}}