:root{--ink:#233d38;--ink2:#52645e;--muted:#788079;--paper:#faf9f5;--ground:#dde1d5;--line:#c9d0c5;--red:#a7543c;--yellow:#d6b477;--green:#537764;--soft:#edf0e7;--body:"Microsoft JhengHei","PingFang TC",sans-serif;--disp:"Noto Serif TC","PMingLiU",serif}
*{box-sizing:border-box}body{background:#c8d0c2;color:var(--ink)}button,input,select,textarea{font-family:var(--body)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:3px solid #bd8b55;outline-offset:3px}
#city3d{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#map{z-index:1;background:transparent}#hud{z-index:3}#screen{z-index:4}#sheet{z-index:10}
.btn,.btn.sm,.btn.big{border:1px solid #cbd2c6;border-radius:7px;box-shadow:none;background:#f8f8f1;color:#294239;font-weight:600;padding:10px 16px;transition:background .18s,transform .18s}.btn:hover{background:#e7ecdf}.btn.primary{background:#254d43;color:#fffdf4;border-color:#254d43}.btn.primary:hover{background:#356451}.btn.ghost{color:#67786b;box-shadow:none}.btn:active{transform:translateY(1px)}.btn.full{display:block;width:100%;margin-top:20px}.btn.sm{font-size:12px;padding:7px 11px}
#screen.home{background:linear-gradient(90deg,rgba(245,244,234,.99) 0%,rgba(245,244,234,.96) 33%,rgba(245,244,234,.72) 47%,rgba(245,244,234,0) 67%);backdrop-filter:none;display:block;overflow:auto;padding:0;color:#283f36;text-shadow:none}.city-brand{position:absolute;left:5vw;right:5vw;top:34px;display:flex;gap:13px;align-items:center;font-weight:600;letter-spacing:2px}.brand-mark{display:grid;place-items:center;background:#25493d;color:#e8e7d4;width:44px;height:44px;font-family:var(--disp);font-size:27px}.city-brand small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:4px;font-weight:400}.edition{margin-left:22px;border-left:1px solid #bec6b6;padding-left:20px;font-size:11px;letter-spacing:1px;font-weight:400}
#screen.home .home-wrap{position:relative;margin:150px 0 50px 5vw;width:min(490px,43vw);max-width:none;padding:0;display:block;text-align:left;transform:none}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#71816f;font-weight:500;display:flex;gap:8px;align-items:center}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#b89563}.city-title{font-family:var(--disp);font-size:clamp(33px,3.6vw,54px);font-weight:500;line-height:1.4;letter-spacing:3px;margin:22px 0 22px;color:#294436}.home-sub{color:#697467!important;font-size:13px!important;line-height:2.1!important;max-width:450px!important;margin:0!important}.home-primary{margin:26px 0 30px;max-width:440px}.start-life{width:100%;padding:16px 21px!important;font-size:16px!important;text-align:left;letter-spacing:1px}.start-life span{float:right;font-size:23px}.start-life small{display:block;font-size:10px;font-weight:400;letter-spacing:.5px;opacity:.7;margin-top:7px}.saves-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;margin:0 0 11px;max-width:440px}.saves-heading small{font-size:10px;color:#899184;letter-spacing:0}
#screen .listings{display:flex;flex-direction:column;gap:7px;max-width:440px;transform:none;margin:0}#screen .tag{display:flex;align-items:center;gap:18px;background:rgba(255,255,249,.64);border:1px solid #d9ddce;border-radius:6px;padding:12px 14px;box-shadow:none;transform:none;min-height:68px;color:#294436}#screen .tag:before,#screen .tag:after{display:none}#screen .tag .no{position:static;display:block;color:#9aa68f;font-size:16px;letter-spacing:1px;border:0;padding:0}#screen .tag .nm,#screen .tag .empty{font-size:13px;font-weight:500;color:#294436}#screen .tag .kv{font-size:10px;color:#88917f;margin-top:5px;display:block}#screen .tag .acts2{margin-left:auto;margin-top:0;display:flex;align-items:center;gap:5px}#screen .tag .btn{font-size:11px;padding:6px 12px;background:transparent;min-height:32px}#screen .slot-delete{background:transparent;border:0;color:#9eaa98;font-size:16px;min-height:32px}.home-note{font-size:10px!important;color:#9aa391!important;margin-top:19px;line-height:1.8}.imp{max-width:440px;background:transparent!important;padding:0!important;border:0!important;color:#788675!important;font-size:11px;margin-top:14px}.imp summary{padding:8px 0;cursor:pointer}.imp textarea{margin:10px 0;width:100%;background:#fffef9;color:#344c3a;border:1px solid #cbd2c4}.imp input[type=file]{max-width:100%;font-size:10px}.file-button{display:block;padding:10px;border:1px dashed #b4c2ac;border-radius:5px}.file-button input{display:block;margin-top:8px}
.city-caption{position:absolute;right:5vw;bottom:38px;text-align:right;color:#faf9ea;text-shadow:0 2px 18px #263b3580;pointer-events:none}.city-caption span{font-size:10px;letter-spacing:4px}.city-caption h2{font-family:Georgia,serif;font-weight:400;font-size:60px;letter-spacing:7px;margin:9px 0}.city-caption p{font-size:12px;letter-spacing:4px}.city-caption small{font-size:9px;letter-spacing:1px}
.topbar{left:18px;right:18px;top:14px;padding:10px 15px;background:rgba(250,249,242,.94);border:1px solid #d9dfd0;border-radius:12px;box-shadow:0 7px 24px #263b3510;backdrop-filter:blur(12px)}#hMoney{background:transparent;border:0;font-size:20px;font-weight:500;color:#365340}.speed{border:1px solid #d3dacb;border-radius:6px}.speed button{background:transparent;border-color:#d3dacb;font-weight:400}.speed button.on{background:#345846;color:#f7f5e7}.mbtn{background:transparent;border:1px solid #d3dacb;font-weight:400}#hTime{font-size:21px;font-weight:500}#hDate{font-size:10px}.status{top:90px!important;left:20px!important;background:rgba(248,248,240,.96)!important;border:1px solid #d5ddcb!important;border-radius:10px!important;box-shadow:0 5px 15px #233d3810!important;padding:10px!important;max-width:270px}#hMe{border:0!important;background:transparent!important}#hFace svg{border-radius:6px}.chip{font-size:9px!important;font-weight:400!important}#hBars{gap:6px!important}.bar{border:0!important;height:17px!important;background:#e4e9dc!important;border-radius:3px}.bar span{font-size:9px!important}.bar b{opacity:.4!important}.bar.sta b{background:#789580!important}.bar.full b{background:#b79a63!important}.bar.mood b{background:#729f91!important}.bar.stress b{background:#b78b78!important}.bar.soc b{background:#8c9fad!important}
#goals{top:235px!important;left:20px!important;border:1px solid #d8decc!important;border-radius:9px!important;background:rgba(248,248,240,.94)!important;max-width:230px;padding:12px 15px!important;box-shadow:none!important}#goals h3{font-size:11px!important;font-weight:500!important;letter-spacing:1px;color:#6b7b66}.goal{font-size:10px!important;line-height:1.7}.goal i{border:1px solid #aab99d!important;border-radius:50%!important}.goal.done i{background:#6c8b60!important}.bottombar{bottom:20px!important;border:1px solid #d0d9c3!important;border-radius:13px!important;background:rgba(250,249,243,.96)!important;box-shadow:0 10px 32px #28453726!important;padding:6px!important;gap:4px!important}.bottombar button{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:8px!important;color:#3f5f49!important;font-size:11px!important;min-width:74px!important;padding:10px!important}.bottombar button.on{background:#e1ead8!important}.bottombar svg{width:21px!important;height:21px!important}.bottombar small{color:#899680!important;font-size:9px!important}.city-tools{position:absolute;right:22px;top:92px;display:flex;flex-direction:column;gap:7px}.city-tools button{width:48px;min-height:44px;background:rgba(248,248,240,.95);border:1px solid #cdd7c2;box-shadow:0 3px 10px #314b3810;border-radius:8px;padding:8px;color:#446343;font-size:20px}.city-tools svg{width:20px;height:20px;display:block;margin:0 auto 4px}.city-tools span{font-size:8px;display:block}.save-status{position:absolute;right:24px;bottom:23px;border:0;background:rgba(251,249,240,.85);border-radius:30px;padding:7px 11px;font-size:10px;color:#5a7751;max-width:220px}.save-status[data-error="1"]{color:#a5422b;background:#fff1df}.save-status:before{content:'●';font-size:7px;margin-right:6px}.toast{background:rgba(251,250,243,.93)!important;border:1px solid #d9dfcd!important;border-radius:7px!important;box-shadow:0 3px 12px #25413512!important;font-size:11px!important}#feed{left:20px!important;bottom:125px!important;width:270px!important}#flash{background:#254f42!important;color:#faf9ed!important;border:0!important;border-radius:9px!important;box-shadow:0 6px 24px #27433230!important}
#sheet{background:#1d332b70;backdrop-filter:blur(5px)}.sheet-card{background:#f9f8f2!important;border:1px solid #e8ebdf!important;border-radius:20px 20px 0 0!important;box-shadow:0 0 60px #19332830!important;max-height:88vh!important;max-width:760px!important}.sheet-head{border-bottom:1px solid #dedfd0!important;padding:19px 25px!important;background:transparent!important}.sheet-head h2{font-size:17px;letter-spacing:1px;font-weight:600}.sheet-head .x{border:1px solid #d4dbc9!important;box-shadow:none!important;border-radius:50%!important;background:transparent!important;font-weight:400}.sheet-body{padding:23px 25px!important}.act,.choice,.opt,.li,.app{border:1px solid #d6dfcc!important;border-radius:8px!important;box-shadow:none!important;background:#fdfcf6!important;color:#334e3b!important}.act:hover,.choice:hover,.opt:hover,.li:hover,.app:hover{background:#eaf0df!important}.act{padding:15px!important;line-height:1.5}.act b{font-size:13px;font-weight:600}.act small{font-size:11px;line-height:1.8;color:#7e8976}.choice{padding:13px 15px!important;text-align:left;line-height:1.7;font-size:13px}.opt.on,.tab.on{background:#dbe8ce!important;border-color:#749264!important;color:#32512c!important}.tabs{border-bottom:1px solid #d5ddca;gap:10px}.tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:11px 13px;border-radius:0;font-size:12px;color:#7d8974}.tab.on{background:transparent!important;border-bottom:2px solid #496c3b!important}.talk .face{border:0!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden;width:76px!important;height:91px!important;flex:0 0 76px}.who{font-size:16px!important;font-weight:600}.line{font-size:14px!important;line-height:1.9!important}.apps{gap:12px!important}.app{min-height:92px!important}.app b{font-size:12px!important}.app .ico{filter:grayscale(.5)}.ico.i-gear:before{content:'▤'}.ico.i-growth:before{content:'↗'}.ico.i-atlas:before{content:'⌖'}.app .ico{font-size:25px;color:#56764d}.creator,.create-wrap{background:#f8f7f0!important}.create-title{font-family:var(--disp)!important;color:#335238}input,textarea,select{color:#304c37;border:1px solid #bdcdb1;border-radius:5px;background:#fefdf6;padding:9px}
.gear-summary{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.gear-summary small,.growth-hero>small{font-size:9px;letter-spacing:2px;color:#8e9b80}.gear-summary h3{font-size:22px;font-family:var(--disp);margin:8px 0}.gear-summary>b{font-size:20px;font-weight:400}.gear-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.gear-item{background:#f0f2e9;border:1px solid #dbe0d1;border-radius:10px;padding:16px 13px;text-align:left;display:flex;flex-direction:column;gap:8px;align-items:flex-start;overflow:hidden}.gear-item>b{font-size:14px;font-weight:600}.gear-item>small{font-size:10px;line-height:1.6;color:#88977c}.gear-item>p{font-size:11px;line-height:1.8;color:#6c7d5e;margin:0;min-height:39px}.gear-item .gear-effect{color:#526f3e;min-height:34px}.gear-item>.btn{font-size:11px;width:100%;padding:9px;margin-top:auto}.gear-art{display:grid;place-items:center;width:64px;height:64px;background:linear-gradient(130deg,#e4e8da,#ccd6bb);border:1px solid #d6dfc6;border-radius:12px;box-shadow:inset 0 1px #faffee;margin:2px 0 6px}.gear-art svg{width:39px;height:39px;stroke:#4f6542;stroke-width:1.1;filter:drop-shadow(2px 3px 1px #4f65422b)}.gear-ready{font-size:10px;color:#849573;border-top:1px solid #dbe1ce;padding-top:8px;width:100%}.gear-grid.compact{grid-template-columns:repeat(3,1fr)}.gear-grid.compact .gear-art{width:44px;height:44px}.gear-grid.compact .gear-art svg{width:29px;height:29px}.gear-item.used{background:#dce8ce;opacity:.6}.gear-outcome{display:flex;justify-content:space-between;background:#e8ecdf;border:1px solid #ccd8be;border-radius:7px;padding:14px;font-size:12px}.instrument{background:#273e37;color:#c0d78e;border:8px solid #535d51;border-radius:17px;padding:23px;text-align:center;margin:20px auto;max-width:360px;box-shadow:inset 0 2px 14px #0007,0 8px 25px #18312520}.instrument small{font-size:9px;letter-spacing:3px}.instrument strong{font-family:var(--mono);display:block;font-size:52px;font-weight:400;letter-spacing:-2px;margin:12px 0}.instrument em{font-size:20px;font-style:normal}.instrument p{font-size:12px;line-height:2}.instrument span{font-size:10px;color:#a8b797}
.growth-hero{background:linear-gradient(125deg,#264c3a,#56704c);color:#f1f1dc;border-radius:12px;padding:25px;position:relative}.growth-hero>small{color:#c1d0ad}.growth-hero h3{font-size:26px;margin:8px 0 26px;font-family:var(--disp);font-weight:400}.growth-hero strong{position:absolute;right:25px;top:40px;font-size:30px;font-weight:300}.growth-hero p{font-size:10px;letter-spacing:1px;color:#d1dcc3;margin-bottom:0}.xp-track{height:5px;background:#f2f7df26;border-radius:8px;overflow:hidden}.xp-track i{height:100%;display:block;background:#ccba82}.growth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.growth-card{border:1px solid #d3ddc6;padding:18px;border-radius:8px}.growth-card>b{display:block;font-size:14px}.growth-card>small{display:block;font-size:10px;color:#879677;margin-top:7px}.growth-card p{font-size:11px;color:#6f845c}.growth-card .btn{font-size:11px;width:100%}.milestone{display:flex;justify-content:space-between;padding:13px 2px;border-bottom:1px solid #dfe5d5;font-size:12px;color:#9ca58f;gap:20px}.milestone small{font-size:10px}.milestone.done{color:#486b3a}.growth-log p{display:flex;justify-content:space-between;gap:20px;font-size:11px;border-bottom:1px solid #e0e5d4;padding-bottom:9px}.growth-log b{white-space:nowrap;font-weight:500;color:#597e43}.save-health{border:1px solid #cddbbd;background:#ebf1df;padding:15px;font-size:12px;border-radius:7px;margin:12px 0}.save-health.bad{background:#f5e3d4;color:#9b5135}.save-explain{font-size:12px;line-height:1.9}.backup-list{display:flex;flex-direction:column;gap:8px}
.atlas-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#768768}.atlas-map{width:100%;height:290px;border:1px solid #cdd6c1;margin-top:12px;border-radius:10px;object-fit:contain;background:#e7e9de}.atlas-zones{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.atlas-search{display:block;font-size:11px;color:#728363;margin:20px 0 12px}.atlas-search input{display:block;width:100%;margin-top:8px}.atlas-results{display:grid;grid-template-columns:1fr 1fr;gap:9px}.atlas-results .act b{font-size:12px}.atlas-results .act small{font-size:9px}
@media(min-width:1200px) and (min-height:900px){#screen.home .home-wrap{margin-top:190px}}
@media(max-width:700px){#screen.home{background:linear-gradient(180deg,rgba(243,243,233,.55),rgba(243,243,233,.96) 28%,rgba(243,243,233,1) 73%)}.city-brand{top:calc(22px + env(safe-area-inset-top));left:24px;right:24px}.city-brand .edition{margin-left:auto;font-size:9px;border:0;padding:0}.city-brand small{font-size:7px}.brand-mark{width:35px;height:35px;font-size:23px}#screen.home .home-wrap{width:auto;margin:128px 24px 30px;padding:0}.city-title{font-size:34px;letter-spacing:1px;line-height:1.45;margin:17px 0}.eyebrow{font-size:9px;letter-spacing:1px}.home-sub{font-size:11px!important;line-height:2!important}.home-primary{margin:23px 0 24px}.city-caption{display:none}#screen .tag{padding:11px 12px;min-height:61px;gap:13px}.home-note{margin-bottom:15px}.topbar{top:calc(8px + env(safe-area-inset-top));left:8px;right:8px;padding:9px;gap:5px;border-radius:9px;flex-wrap:wrap}.clock{width:calc(100% - 90px);gap:8px}.clock #hTime{font-size:19px}.clock #hDate{font-size:9px}#hMoney{font-size:16px;padding:1px 2px;order:0}.speed{order:2}.speed button{min-height:28px;min-width:35px;padding:3px 7px}.mbtn{order:3;margin-left:auto;min-height:28px;min-width:28px}.status{top:111px!important;left:8px!important;width:170px!important;padding:7px!important}.status #hMe{gap:6px!important}#hFace{width:30px!important;height:38px!important}#hName{font-size:11px!important}#hJob{font-size:8px!important}.bar{height:13px!important}.bar span{font-size:8px!important}.status #hBars{gap:3px!important}#goals{top:261px!important;left:8px!important;width:163px!important;padding:8px 9px!important}#goals h3{margin:0 0 5px!important;font-size:10px!important}.goal{font-size:9px!important;line-height:1.6}.city-tools{right:9px;top:111px;gap:6px}.city-tools button{width:41px;min-height:37px;padding:6px}.city-tools span{font-size:7px}.city-tools svg{width:17px;height:17px}.bottombar{bottom:calc(13px + env(safe-area-inset-bottom))!important;left:8px!important;right:8px!important;transform:none!important;justify-content:space-around;padding:4px!important;width:auto!important;gap:0!important}.bottombar button{min-width:48px!important;font-size:10px!important;padding:8px 5px!important}.bottombar svg{width:19px!important;height:19px!important}.bottombar small{font-size:8px!important}.save-status{right:11px;bottom:calc(95px + env(safe-area-inset-bottom));font-size:8px;max-width:190px;background:#f9faf0da;padding:6px 9px}#feed{left:8px!important;bottom:138px!important;width:225px!important;pointer-events:none}.toast{font-size:10px!important;max-height:55px;overflow:hidden}.toast.old{display:none}#feed .toast:nth-child(n+3){display:none}.sheet-card{max-height:90dvh!important;border-radius:16px 16px 0 0!important;width:100%!important;margin:0!important}.sheet-body{padding:17px!important}.sheet-head{padding:16px 18px!important}.sheet-head h2{font-size:15px}.gear-grid,.gear-grid.compact{grid-template-columns:1fr 1fr;gap:9px}.gear-item{padding:13px 11px}.gear-summary h3{font-size:20px}.gear-summary>b{font-size:15px}.growth-grid{gap:8px}.growth-card{padding:12px}.growth-card small{line-height:1.7}.atlas-map{height:240px}.atlas-results{grid-template-columns:1fr}.talk .face{width:57px!important;height:68px!important;flex-basis:57px}.line{font-size:13px!important}.apps{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.app{min-height:85px!important}.save-status[data-error="1"]{max-width:240px;font-size:9px}#info{left:8px!important;right:8px!important;bottom:110px!important;width:auto!important;border-radius:10px!important}.create-wrap{padding:16px!important}.creator{padding:18px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#screen.home .btn.primary{background:#254d43!important;border-color:#254d43!important;color:#fffdf4!important}#screen.home .tag .btn{color:#496c43!important;border-color:#becbb2!important}#screen.home .tag .no{writing-mode:horizontal-tb!important}#screen.home .tag{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.photo-portrait{display:block;width:100%;height:100%;aspect-ratio:1;background-image:url("assets/portraits.png");background-size:500% 600%;background-repeat:no-repeat;border-radius:inherit}.face .photo-portrait{aspect-ratio:1;width:100%;height:100%}#hFace .photo-portrait{border-radius:5px}
.bar{margin-top:0!important;overflow:hidden!important}.bar span{top:0!important;left:5px!important;line-height:17px!important;font-weight:500!important;color:#304c36!important}.status #hBars{gap:4px!important;margin-top:9px!important}#goals{top:285px!important}@media(max-width:700px){.bar span{line-height:13px!important}#goals{top:265px!important}.milestone{flex-direction:column;gap:5px}}
@media(max-width:700px){#hDate{display:inline!important;max-width:195px;font-size:9px!important}.topbar .clock{width:calc(100% - 112px)!important;flex:1}.topbar #hMoney{order:1}.topbar .speed{order:2}.topbar #btnMusic{order:3}#goals:not([hidden]){display:block!important}.status{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
#coShareDraft,#coDraftText{display:block;box-sizing:border-box;width:100%;min-height:300px;max-height:48vh;resize:vertical;padding:18px;border:1px solid #bcc5b7;border-radius:12px;background:#fffef8;color:#263e35;font:inherit;font-size:14px;line-height:1.8;margin:12px 0 16px;white-space:pre-wrap}
.cooperation-actions{margin-bottom:18px;gap:10px;flex-wrap:wrap}
@media(max-width:520px){#coShareDraft,#coDraftText{min-height:280px;padding:12px;font-size:14px}.cooperation-actions .btn{flex:1}}
.dialogue-context{text-align:center;font-size:11px;letter-spacing:.08em;color:#63796c;margin:0 0 12px}
.dialogue-stage{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 4px 14px;border-bottom:1px solid #d9dfd3;background:radial-gradient(ellipse at 50% 90%,#e1e6d9 0,transparent 67%)}
.dialogue-speaker{display:flex;flex-direction:column;align-items:center;min-width:0}
.speech-bubble{box-sizing:border-box;position:relative;background:#fffef8;border:1px solid #cbd5c6;border-radius:16px;padding:13px 15px;width:100%;height:170px;overflow:auto;font-size:14px;line-height:1.7;box-shadow:0 4px 14px #324b3910;margin-bottom:17px}
.speech-bubble small{display:block;color:#658071;font-size:10px;letter-spacing:.04em;margin-bottom:6px}
.player-bubble{background:#eaf0e3}.speech-bubble.listening{background:#f3f4ec;color:#889086}
.npc-speaking .npc-bubble,.player-speaking .player-bubble{border-color:#517965;box-shadow:0 0 0 2px #6287701a}
.dialogue-person{position:relative;width:76px;height:115px;flex:none;transform-origin:50% 95%}
.person-head{position:absolute;z-index:5;top:0;left:20px;width:36px;height:41px;overflow:hidden;border-radius:14px 14px 11px 11px;background:#d9ded1;border:1px solid #cecaba;box-shadow:0 2px 3px #0002}
.person-head .photo-portrait{width:100%;height:100%;display:block;border-radius:0}
.person-neck{position:absolute;z-index:3;left:34px;top:37px;width:10px;height:9px;background:#cba487}
.person-jacket{position:absolute;z-index:3;top:44px;left:20px;width:37px;height:35px;border-radius:11px 11px 4px 4px;background:#355449;box-shadow:inset -6px 0 #203b3033}
.npc .person-jacket,.npc .person-arm{background:#525563}.person-shirt{position:absolute;left:12px;top:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:24px solid #f7f3e9}
.person-lapel{position:absolute;top:3px;width:11px;height:24px;background:#769184;clip-path:polygon(0 0,100% 0,55% 100%)}
.person-lapel.left{left:5px;transform:rotate(-15deg)}.person-lapel.right{right:4px;transform:rotate(15deg)}.npc .person-lapel{background:#7c808d}
.person-arm{position:absolute;z-index:2;top:48px;width:11px;height:34px;background:#355449;border-radius:8px 8px 6px 6px;border-bottom:6px solid #cba487;transform-origin:50% 5px}
.person-arm.left{left:12px;transform:rotate(10deg)}.person-arm.right{right:10px;transform:rotate(-10deg)}
.person-leg{position:absolute;z-index:2;top:76px;width:13px;height:30px;background:#343e3b;border-radius:0 0 3px 3px}.person-leg.left{left:23px}.person-leg.right{left:41px}
.person-shoe{position:absolute;z-index:3;top:103px;width:17px;height:7px;border-radius:4px 5px 2px 2px;background:#282f2b}.person-shoe.left{left:20px}.person-shoe.right{left:41px}
.person-shadow{position:absolute;top:106px;left:11px;width:58px;height:9px;background:#536c4930;border-radius:50%;filter:blur(2px)}
.speaker-label{display:flex;align-items:center;gap:7px;justify-content:center;flex-wrap:wrap;color:#384e40;font-size:12px;text-align:center;min-height:20px}.speaker-label b{font-weight:600}
.speaking-dots{font-size:7px;letter-spacing:2px;visibility:hidden;color:#46765b}.npc-speaking .npc .speaking-dots,.player-speaking .player .speaking-dots{visibility:visible;animation:speakingDots .8s infinite}
.npc-speaking .npc .person-head,.player-speaking .player .person-head{animation:speakerNod 1.1s ease-in-out infinite}.npc-speaking .npc .person-arm.left{animation:speakerGesture 1.4s ease-in-out infinite}.player-speaking .player .person-arm.right{animation:speakerGesture 1.4s ease-in-out infinite}
.dialogue-choice-label{font-size:12px;color:#627768;margin:15px 0 7px}.dialogue-choices .choice{margin:5px 0;font-size:14px;line-height:1.55}
@keyframes speakerNod{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(1px) rotate(1deg)}}
@keyframes speakerGesture{0%,100%{transform:rotate(8deg)}50%{transform:rotate(24deg)}}
@keyframes speakingDots{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:520px){.dialogue-stage{gap:10px;padding-inline:0}.speech-bubble{height:155px;font-size:12px;padding:10px;line-height:1.65}.dialogue-person{transform:scale(.87);height:103px;margin-top:-4px}.speaker-label{font-size:11px}.dialogue-choices .choice{font-size:13px}}
@media(prefers-reduced-motion:reduce){.dialogue-person *,.speaking-dots{animation:none!important}}
.nego-flow{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:8px 0 20px;font-size:12px}.nego-flow span{padding:6px 9px;border-radius:20px;background:#e5eddf;color:#385847}.nego-flow i{font-style:normal;color:#849080}
.fee-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.fee-summary>div{padding:12px;background:#edf0e5;border:1px solid #d7dfcf;border-radius:9px}.fee-summary small{display:block;font-size:11px;color:#667664;margin-bottom:5px}.fee-summary b{font-size:15px;color:#274937}.fee-difference{padding:12px;border-left:3px solid #b68b58;background:#f3ecdf}
@media(max-width:440px){.fee-summary{gap:7px}.fee-summary>div{padding:10px}.fee-summary b{font-size:13px}.nego-flow{font-size:11px}}

.npc-portrait{background-image:url("assets/npc-portraits-v1.png");background-size:600% 800%}.people-tabs{display:flex;gap:8px;margin-bottom:12px}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.people-card{min-width:0;padding:10px;background:#f1f1e9;border:1px solid #d9dece;border-radius:12px;display:flex;flex-direction:column;gap:5px}.people-face{width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px}.people-card b{font-size:15px}.people-card span,.people-card small{font-size:12px;color:#5a665a}@media(max-width:520px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.people-card{padding:8px}}


.company-sign svg{display:block;width:100%;height:auto}.office-sign{margin-bottom:20px;border-radius:10px;overflow:hidden;box-shadow:0 5px 12px #23382d24}.brand-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.brand-store{background:#f4f3ed;padding:0;border:1px solid #d8ddce;border-radius:10px;overflow:hidden;text-align:left;cursor:pointer}.brand-store span{display:block;padding:12px;color:#3b5143;font-size:13px}.brand-store:hover{box-shadow:0 4px 12px #223c3220}.brand-directory-link{margin-bottom:16px}@media(max-width:520px){.brand-directory{grid-template-columns:1fr;gap:12px}}

.home-life-title small{letter-spacing:3px;color:#8a7658;font-size:10px}.home-life-title h3{margin:6px 0;color:#304d40;font-size:23px}.home-life-title p{font-size:12px;color:#697364}.home-life-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.home-life-actions .btn{margin:0;min-height:44px;font-size:13px}
.room-shell{position:relative;padding:64px 24px 26px;background:var(--wall);border:1px solid #c8c5b7;border-radius:12px;box-shadow:0 12px 30px #263d2912;overflow:hidden}.room-shell:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#ffffff70,transparent 65%);pointer-events:none}.room-window{position:absolute;left:42%;top:12px;width:24%;height:39px;border:4px solid #f6f3e9;background:linear-gradient(135deg,#9bbac0,#d8e6db);box-shadow:0 3px 5px #44544820}.room-window:after{content:'';position:absolute;left:47%;height:100%;width:4px;background:#f6f3e9}.room-plan{position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);aspect-ratio:var(--cols)/var(--rows);background:repeating-linear-gradient(0deg,transparent 0 32px,#81694b20 33px 34px),var(--floor);border:5px solid #f5f0e2;border-top:9px solid #d2c6b0;box-shadow:0 5px 0 #ae9f88,0 14px 18px #594b3b28}.room-tile{appearance:none;border:1px solid #fff4;border-radius:0;background:transparent;min-width:0;padding:0;cursor:crosshair}.room-tile:disabled{border-color:transparent;opacity:1;cursor:default}.room-tile:not(:disabled):hover{background:#fff7;outline:2px solid #487456;z-index:2}.room-furniture{position:absolute;z-index:3;border:0;padding:2px;background:none;cursor:pointer;filter:drop-shadow(3px 5px 2px #4e3d342f)}.room-furniture svg{width:100%;height:100%;display:block}.room-furniture.selected{outline:2px dashed #355e48;outline-offset:-2px;background:#ffffff35}.room-door{position:absolute;right:0;bottom:-5px;width:calc(100% / var(--cols));font-size:9px;text-align:center;background:#f4ead7;color:#857153;pointer-events:none}.room-pet{position:absolute;width:18%;z-index:5;pointer-events:none;text-align:center}.room-pet svg{display:block;width:100%;filter:drop-shadow(2px 3px 1px #3b493219)}.room-pet small{display:inline-block;background:#faf7ecde;border-radius:9px;padding:1px 7px;font-size:10px;color:#53634e}
.housing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.housing-card{border:1px solid #d7ddcf;border-radius:12px;padding:18px;background:linear-gradient(135deg,#f6f4ed,#e7ecdf)}.housing-card h3{font-size:17px;margin:8px 0 14px}.housing-card small{font-size:11px;color:#72806a}.housing-card>b{font-size:14px;color:#395a46}.housing-card p{font-size:12px;margin:10px 0}.housing-card .row{gap:5px;margin-top:12px}.housing-card .btn{font-size:12px;padding:8px 10px}
.furniture-shop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 20px}.furniture-shop article{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:10px;border:1px solid #d8dece;background:#f0f0e6;min-width:0}.furniture-shop svg{width:74px;height:74px;filter:drop-shadow(2px 4px 1px #51433522)}.furniture-shop b{font-size:13px}.furniture-shop small{font-size:11px;color:#73806c}.furniture-shop .btn{width:100%;margin:0}.decor-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin:18px 0 10px}.decor-toolbar label{font-size:12px;display:flex;flex-direction:column;gap:4px}.decor-toolbar select{max-width:100%;padding:9px}.decor-toolbar #decorSelected{flex:1 1 100%}.decor-toolbar .btn{margin:0}#decorStatus,#petResult,#petCreateError,#homeQuoteError{font-size:12px;color:#855336;min-height:16px}
.pet-list{display:grid;gap:12px;margin:15px 0}.pet-card{display:flex;align-items:center;gap:20px;padding:16px;background:#eeefe4;border:1px solid #d7deca;border-radius:14px}.pet-card>svg{width:125px;flex:none}.pet-card h3{margin:0 0 6px;font-size:20px}.pet-card small{color:#6a785c;font-size:12px}.pet-card p{font-size:12px}.pet-card .row{gap:6px}.pet-card .btn{font-size:12px;padding:9px}.pet-creator{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:start}.pet-creator #petPreview{position:sticky;top:0;background:radial-gradient(ellipse,#f6e8c9,#e2e9dc);border:1px solid #d5dbc9;border-radius:14px;padding:12px}.pet-creator #petPreview svg{display:block;width:100%}.pet-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pet-fields label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#617056;min-width:0}.pet-fields input,.pet-fields select{width:100%;min-width:0;box-sizing:border-box;padding:10px;font-size:14px}.pet-fields input:disabled{opacity:.4}
@media(max-width:600px){.home-life-title h3{font-size:19px}.home-life-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.room-shell{padding:56px 12px 20px}.room-plan{border-width:3px;border-top-width:7px}.housing-list{grid-template-columns:1fr}.furniture-shop{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.furniture-shop svg{width:60px;height:60px}.furniture-shop article{padding:10px 5px}.furniture-shop small{font-size:10px}.pet-creator{grid-template-columns:1fr;gap:16px}.pet-creator #petPreview{position:static;max-width:140px;margin:auto;padding:4px}.pet-card{gap:8px;padding:10px;align-items:start}.pet-card>svg{width:80px}.pet-card .row{flex-wrap:wrap}.pet-card .btn{font-size:11px;padding:8px}.pet-fields{gap:10px}.decor-toolbar label{max-width:31%}}

.room-shell{max-width:480px;margin:0 auto;box-sizing:border-box}.room-plan{max-height:360px}.furniture-shop svg{aspect-ratio:1}.home-life-actions{max-width:620px;margin-inline:auto}