@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
.profile-photo #game > :not(#world){display:none!important}.profile-photo #game{min-height:0}.profile-photo #world{cursor:default;outline:none}
.guide-tag.mayor-tag{color:#705624;background:#f0e2b9;border:1px solid #d8bd78}.mayor-chapter{color:#7b612d}.mayor-chapter:before{content:'★';font-size:12px;color:#997b37}
:root{--paper:#faf8ed;--ground:#e7ecd7;--ink:#2d4435;--muted:#737d68;--green:#386647;--green-soft:#e3ead9;--coral:#bd795d;--line:#dedfcd;--shadow:0 8px 32px #34452c0d;--radius:16px;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--ground);overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #cd9163;outline-offset:4px}a{color:inherit;text-decoration:none}svg{flex-shrink:0}button svg{width:20px;height:20px;display:block}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#game{position:relative;height:100svh;min-height:480px;width:100%;overflow:hidden}#world{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#world:active{cursor:grabbing}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#f3f2e76b,transparent 22%,transparent 78%,#dbe3cc70)}.paper{background:var(--paper);border:1px solid #fefdf6a6;border-radius:var(--radius);box-shadow:var(--shadow)}
.masthead{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;gap:24px;pointer-events:none}.masthead>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px}.brand>svg{width:44px;height:44px}.brand>span{font-family:'Gowun Dodum',serif;font-size:31px;line-height:1.05;font-weight:700;letter-spacing:-1.5px}.brand small{display:block;font-size:9px;letter-spacing:3px;line-height:2;padding-left:3px}.city-clock{display:flex;align-items:center;gap:10px;font-size:12px;margin-left:auto;margin-right:24px}.weather-icon{font-size:29px;color:#b89b4e}.city-clock b{font-size:13px;display:block;margin-bottom:3px}.city-clock div>span{font-size:11px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:10px}.connection{display:flex;align-items:center;gap:7px;font-size:11px;margin-right:10px}.connection i{width:6px;height:6px;border-radius:50%;background:#5f8755;box-shadow:0 0 0 4px #67895419}.connection.offline i{background:var(--coral)}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#faf8edb8}.icon-btn:hover{background:#fffdf6}.icon-btn svg{stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.welcome{position:absolute;left:32px;top:112px;width:302px;padding:25px}.chapter{font-size:10px;font-weight:600;letter-spacing:.35px;display:flex;align-items:center;gap:7px;color:#7d886d}.tiny-roof{width:11px;height:7px;background:var(--coral);clip-path:polygon(50% 0,100% 70%,85% 100%,50% 40%,15% 100%,0 70%)}h1{font-family:'Gowun Dodum',serif;font-size:30px;line-height:1.45;letter-spacing:-1.5px;font-weight:500;margin:19px 0 16px}h1>span{display:block;white-space:nowrap}p{line-height:1.85}.welcome-intro{font-size:11px;line-height:1.95;color:var(--muted);margin:0 0 22px}.primary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:12px 16px;background:var(--green);color:#fffdf1;border-radius:9px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:#294e35;transform:translateY(-1px)}.primary>b,.primary>span:last-child{font-size:19px;font-weight:400}.primary>#channelButtonLabel{font-size:12px;font-weight:600}.channel-caption{font-size:9px;color:#839071;margin-top:9px;line-height:1.7;overflow-wrap:anywhere}.welcome-foot{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.resident-avatars{display:flex;padding-left:3px}.resident-avatars i{display:block;width:18px;height:18px;background:#deb399;border-radius:50%;border:2px solid var(--paper);margin-left:-3px}.resident-avatars i:nth-child(2){background:#8b9a7e}.resident-avatars i:nth-child(3){background:#d2bd76}
.town-board{position:absolute;right:32px;top:112px;width:270px;padding:23px}.board-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.eyebrow{font-size:10px;color:var(--muted)}.population{display:flex;align-items:baseline;gap:8px;margin-top:7px;white-space:nowrap}.population>b{font-family:'Gowun Dodum',serif;font-size:38px;line-height:1.3;letter-spacing:-1.5px}.population>span{font-size:10px;color:var(--muted)}.round-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:21px;flex-shrink:0}.round-arrow:hover{background:var(--green-soft)}.town-stats{display:flex;gap:14px;font-size:10px;color:var(--muted);margin-top:14px;flex-wrap:wrap}.town-stats b{font-weight:500;color:var(--ink)}.board-divider{height:1px;background:var(--line);margin:20px 0}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:600}.tag{font-size:8px;background:#ecead7;padding:4px 6px;border-radius:4px;color:#7d805d;white-space:nowrap}.board-message{font-size:11px;color:var(--muted);line-height:1.95;margin:14px 0 12px;word-break:keep-all}.sync-note{font-size:9px;color:#8b937d;line-height:1.8}.text-button{font-size:10px;display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:17px;padding:8px 0 0;color:#6b795d;min-height:36px}.text-button span{font-size:17px}.text-button:hover{text-decoration:underline}
.scene-caption{position:absolute;bottom:154px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;white-space:nowrap;text-shadow:0 1px 6px #f4f4e7}.scene-caption>span{font-family:'Gowun Dodum',serif;font-size:16px}.scene-caption small{display:block;font-size:9px;color:#76856c;margin-top:6px;letter-spacing:.6px}.map-tools{position:absolute;right:32px;bottom:156px;display:flex;flex-direction:column;align-items:center;padding:6px;border-radius:12px;gap:3px}.map-tools button{width:35px;height:35px;display:grid;place-items:center;font-size:22px;border-radius:7px}.map-tools button:hover,.time-tools button:hover{background:var(--green-soft)}.map-tools>span{width:20px;height:1px;background:var(--line);margin:4px}.map-tools svg{stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.time-tools{position:absolute;left:32px;bottom:156px;display:flex;gap:2px;padding:4px;border-radius:10px}.time-tools button{width:38px;height:34px;border-radius:7px;font-size:13px}.time-tools button.active{background:var(--green-soft)}
.search-strip{position:absolute;left:50%;bottom:49px;transform:translateX(-50%);display:flex;align-items:center;gap:24px;width:min(1000px,calc(100% - 64px));padding:15px 21px;border-radius:15px}.strip-copy{flex-shrink:0;padding-right:24px;border-right:1px solid var(--line);font-size:9px;color:var(--muted);line-height:1.8}.strip-copy strong{font-size:13px;font-weight:500;display:block;color:var(--ink)}.resident-search{display:flex;align-items:center;gap:13px;flex:1;min-width:0;height:45px;padding-left:5px}.resident-search>span svg{display:block;width:18px;height:18px;stroke:#7c8e70;stroke-width:1.6;fill:none}.resident-search input{width:100%;min-width:0;outline:none;background:none;border:0;font-size:13px;color:var(--ink)}.resident-search input::placeholder{color:#8c967e}.resident-search button{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;background:var(--green);color:#fff8e6;border-radius:50%;font-size:21px}.resident-search button:hover{background:#294e35}.roster-button{display:flex;align-items:center;gap:12px;min-height:45px;padding:0 0 0 23px;border-left:1px solid var(--line);font-size:11px;white-space:nowrap}.roster-button>b{font-size:17px;font-weight:400}.roster-button:hover>span:last-of-type{text-decoration:underline}.strip-neighbors{display:flex;padding-left:3px}.strip-neighbors i{width:19px;height:19px;border:2px solid var(--paper);border-radius:50%;margin-left:-4px;background:#cfaa8e}.strip-neighbors i:nth-child(2){background:#8caa8b}.strip-neighbors i:nth-child(3){background:#c3bb7f}
.footer{position:absolute;bottom:16px;left:32px;right:32px;display:flex;align-items:center;gap:20px;color:#6f7d66;font-size:9px}.footer>a{margin-left:auto}.footer>button{font-size:10px;font-weight:500;padding:5px 0;min-height:26px}.footer a:hover,.footer button:hover{text-decoration:underline}.map-loading{position:absolute;inset:0;background:#edf0e0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;z-index:15;transition:opacity .5s}.map-loading strong{font-family:'Gowun Dodum',serif;font-size:24px;font-weight:500}.map-loading>span{font-size:12px;color:var(--muted)}.loading-house{font-size:70px;color:#64815c;animation:bob 1.5s ease-in-out infinite}.map-loading.leaving{opacity:0;pointer-events:none}.error-banner{position:absolute;z-index:22;left:50%;top:110px;transform:translateX(-50%);padding:20px;display:flex;gap:10px;align-items:center;font-size:12px;max-width:90vw}.error-banner strong{font-size:13px}.error-banner span{color:var(--muted)}.error-banner button{background:var(--green);color:var(--paper);padding:10px 12px;border-radius:6px;white-space:nowrap}.toast{position:absolute;bottom:146px;left:50%;transform:translateX(-50%);z-index:50;background:#2e4639;color:#fffdef;border-radius:10px;padding:14px 22px;font-size:12px;box-shadow:0 6px 24px #20392a26;max-width:90vw;text-align:center;line-height:1.6}
dialog{color:var(--ink)}.modal{border:1px solid #fffdf3;background:var(--paper);border-radius:22px;box-shadow:0 20px 100px #243c3640;width:430px;max-width:calc(100vw - 32px);max-height:calc(100svh - 40px);padding:32px;overflow:auto;scrollbar-width:thin}.modal::backdrop{background:#1e3a2f52;backdrop-filter:blur(5px)}.close-modal{position:absolute;right:16px;top:14px;width:36px;height:36px;display:grid;place-items:center;font-size:16px;color:#7f8972;border-radius:50%}.close-modal:hover{background:#e8eddc}.modal h2{font-family:'Gowun Dodum',serif;font-size:28px;font-weight:500;letter-spacing:-1px;margin:16px 0 12px;overflow-wrap:anywhere}.dialog-intro{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 20px}.modal input{width:100%;background:#fefdf7;border:1px solid #d7ddca;border-radius:8px;min-height:45px;padding:10px 12px;font-size:13px;color:var(--ink)}.detail-icon{display:flex;justify-content:center;padding:20px 0;background:#e7ecda;border-radius:12px;margin-top:16px}.detail-icon svg{width:92px;height:92px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:20px}.detail-facts dt{font-size:10px;color:var(--muted);margin-bottom:7px}.detail-facts dd{margin:0;font-size:13px}.avatar{width:42px;height:48px;display:inline-grid;place-items:center;flex-shrink:0}.avatar svg{width:100%;height:100%}.avatar-hero{display:flex;align-items:center;gap:16px;margin-top:22px}.avatar-hero>div{min-width:0}.avatar-hero .avatar{width:62px;height:78px}.avatar-hero h2{margin:0 0 7px;font-size:25px;line-height:1.35}.avatar-hero p{font-size:11px;color:var(--muted);margin:0}.resident-intro{margin-top:18px}.schedule{padding:16px;border-radius:9px;background:#ecefdf;font-size:12px;line-height:2;margin-bottom:18px}.schedule b{display:block;font-size:11px;color:var(--muted);font-weight:500}.residents-modal{width:460px}.resident-list{margin-top:12px;max-height:400px;overflow:auto}.resident-row{display:flex;align-items:center;width:100%;gap:12px;text-align:left;border-bottom:1px solid var(--line);padding:12px 0}.resident-row:hover{background:#ecf0e2}.resident-row>div{min-width:0}.resident-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.resident-row small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.resident-row>span:last-child{margin-left:auto;font-size:18px;padding:10px}.resident-row .avatar{width:32px;height:40px}.guide-tag{font-weight:400;font-style:normal;font-size:8px;color:#818a75;margin-left:7px;background:#e7e9db;border-radius:3px;padding:3px 5px;white-space:nowrap}.follower-tag{color:#55754c;background:#e1ead8}.empty-state{padding:30px 12px;text-align:center;font-size:12px;color:var(--muted)}.empty-state>b{font-size:12px;font-weight:500;line-height:1.8}.empty-state p{font-size:11px;line-height:1.9}.retry-search{border:1px solid var(--line);background:var(--green-soft);border-radius:7px;padding:11px 15px;font-size:11px;margin-top:8px}.how-to{padding-left:24px;margin:24px 0}.how-to li{padding-left:8px;margin-bottom:22px;color:#9aa886}.how-to b{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px}.how-to span{font-size:12px;color:var(--muted);line-height:1.9;display:block}.help-tip{background:#e9eedb;border-radius:9px;padding:16px;font-size:11px;color:#6a7d5a;line-height:2}.privacy-note{font-size:10px;color:#868d7c;line-height:1.9;margin:15px 0 0}.help-modal>.primary{margin-top:20px}
#game.night .vignette{background:linear-gradient(#2b46502b,transparent 24%,transparent 78%,#1b3d4130)}#game.night .scene-caption{color:#e2e5d3;text-shadow:0 1px 8px #21414c}#game.night .scene-caption small,#game.night .footer{color:#d6dfca}#game.night .brand{color:#eef0d9}#game.night .city-clock b,#game.night .city-clock div>span,#game.night .connection{color:#e4e8d6}
@keyframes bob{50%{transform:translateY(-8px)}}
@media(min-width:1700px){.welcome{top:132px;left:40px}.town-board{right:40px;top:132px}.search-strip{bottom:56px}.footer{left:40px;right:40px}.scene-caption{bottom:168px}}
@media(min-width:761px) and (max-height:960px){.map-tools{right:auto;left:50%;transform:translateX(-50%);bottom:146px;flex-direction:row;padding:7px 10px;gap:3px}.map-tools>span{width:1px;height:20px;margin:0 5px}.scene-caption{bottom:211px}.time-tools{bottom:149px}}
@media(max-width:1100px){.masthead{padding:20px;gap:14px}.welcome{left:20px;width:268px;padding:21px}.welcome h1{font-size:27px}.town-board{right:20px;width:240px;padding:19px}.population>span{font-size:9px}.town-stats{font-size:9px;gap:10px}.search-strip{width:calc(100% - 40px);gap:18px;padding:13px 17px}.strip-copy{padding-right:18px}.roster-button{padding-left:18px}.strip-neighbors{display:none}.map-tools{right:20px}.time-tools{left:20px}.footer{left:20px;right:20px}.city-clock{margin-right:5px}.connection{margin-right:0;font-size:10px}}
@media(min-width:761px) and (max-width:1100px) and (max-height:960px){.map-tools{right:auto}}
@media(max-width:760px){#game{min-height:480px}.masthead{padding:15px 16px;gap:10px;align-items:flex-start}.brand{gap:8px}.brand>svg{width:36px;height:36px}.brand>span{font-size:26px}.brand small{font-size:8px;letter-spacing:2px}.header-actions{gap:8px}.connection{font-size:9px;margin-right:2px;height:34px;gap:6px}.icon-btn{width:34px;height:34px}.city-clock{position:absolute;top:83px;right:17px;margin:0;gap:6px}.city-clock b{font-size:9px}.city-clock div>span{font-size:8px}.weather-icon{font-size:23px}.welcome{top:80px;left:16px;padding:15px 16px;width:222px;border-radius:12px}.welcome .chapter{font-size:8px;gap:5px;letter-spacing:0}.tiny-roof{width:9px;height:6px}.welcome h1{font-size:23px;line-height:1.42;letter-spacing:-1.2px;margin:11px 0 14px}.welcome-intro,.welcome-foot{display:none}.welcome>.primary{font-size:11px;min-height:40px;padding:8px 11px;border-radius:7px}.primary>#channelButtonLabel{font-size:11px}.channel-caption{font-size:8px;margin-top:7px;line-height:1.65}.town-board{top:auto;bottom:226px;right:16px;width:146px;padding:13px 12px;border-radius:12px}.town-board .eyebrow{font-size:8px}.population{gap:5px;margin-top:3px;white-space:normal;flex-wrap:wrap}.population>b{font-size:28px;line-height:1.05}.population>span{font-size:8px;white-space:nowrap;line-height:1.6}.round-arrow{width:27px;height:27px;font-size:17px}.town-stats{font-size:8px;margin-top:10px;gap:5px;line-height:1.8}.town-stats>span{display:block;width:100%}.town-board .board-divider,.board-heading,.board-message,.sync-note{display:none}.town-board .text-button{font-size:8px;margin-top:7px;min-height:25px;padding:0;line-height:1.6}.town-board .text-button span{font-size:13px}.map-tools{right:16px;left:auto;bottom:164px;transform:none;flex-direction:row;padding:5px;gap:2px;border-radius:10px}.map-tools button{width:31px;height:31px;font-size:21px}.map-tools>span{height:20px;width:1px;margin:0 3px}.time-tools{left:16px;bottom:164px;padding:4px}.time-tools button{width:31px;height:31px;font-size:11px}.scene-caption{bottom:224px;left:17px;transform:none;text-align:left;white-space:normal;max-width:170px}.scene-caption>span{font-size:11px;line-height:1.7}.scene-caption small{display:none}.search-strip{bottom:43px;width:calc(100% - 24px);padding:10px 12px 7px;border-radius:12px;display:block}.strip-copy{display:none}.resident-search{height:43px;gap:10px;padding-left:3px}.resident-search>span svg{width:16px;height:16px}.resident-search input{font-size:12px}.resident-search button{width:33px;height:33px;font-size:19px}.roster-button{border-left:0;border-top:1px solid var(--line);width:100%;justify-content:space-between;min-height:32px;padding:7px 2px 0;margin-top:5px;font-size:9px;gap:8px}.strip-neighbors{display:flex;gap:0;margin-right:2px}.strip-neighbors i{width:14px;height:14px}.roster-button>span:nth-child(2){margin-right:auto}.roster-button>b{font-size:15px}.footer{bottom:max(8px,env(safe-area-inset-bottom));left:17px;right:17px;font-size:8px;gap:10px}.footer>span{display:none}.footer>a{margin:0}.footer>button{margin-left:auto;font-size:9px}.toast{bottom:159px;font-size:11px;padding:12px 16px}.modal{padding:27px 24px;border-radius:18px}.modal h2{font-size:25px}.avatar-hero h2{font-size:22px}.avatar-hero .avatar{width:50px;height:66px}.error-banner{top:290px;flex-direction:column;align-items:stretch;width:calc(100% - 32px);max-width:360px}.connection span{max-width:72px;overflow:hidden;white-space:nowrap}}
@media(max-width:380px){.connection,.city-clock{display:none}.welcome{width:210px;padding:13px 14px}.welcome h1{font-size:22px}.welcome .chapter{font-size:7.5px}.town-board{width:132px;padding:11px 10px}.population>span{font-size:7.5px}.population>b{font-size:25px}.town-stats{font-size:7.5px}.scene-caption{max-width:136px}.map-tools{right:16px}.modal{padding:26px 20px}.modal .primary{font-size:11px}.resident-row strong{font-size:12px}}
@media(max-width:760px) and (max-height:680px){.welcome{top:76px;padding:11px 13px;width:208px}.welcome h1{font-size:20px;line-height:1.35;margin:9px 0 11px}.welcome>.primary{min-height:35px;font-size:10px}.channel-caption{font-size:7.5px;margin-top:5px}.welcome .chapter{font-size:7px}.town-board{bottom:218px;padding:10px;width:132px}.town-stats>span:last-child{display:none}.scene-caption{display:none}.map-tools,.time-tools{bottom:159px}.search-strip{bottom:41px}.city-clock{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.population{white-space:normal;flex-wrap:wrap;gap:3px 8px}.board-top>div{min-width:0}.population>span{white-space:nowrap}.population>b{max-width:100%;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:760px) and (max-height:680px){.town-board .eyebrow,.town-board .text-button{display:none}}

/* A resident's quiet, unfolding life. The map remains the main screen. */
.detail-modal{width:470px;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-top:52px}.detail-modal>.close-modal{position:sticky;top:0;float:right;z-index:4;margin:-13px -13px 0 0;background:var(--paper);box-shadow:0 0 0 4px var(--paper)}.detail-modal .chapter{line-height:1.8}.resident-life{margin-top:17px;overflow-wrap:anywhere}.personality-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.personality-tags:empty{display:none}.personality-tags>span{background:#e7eddb;color:#667b57;border:1px solid #dae2cb;border-radius:5px;padding:4px 7px;font-size:9px;line-height:1.6}.personality-description{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 17px;word-break:keep-all}.life-action{background:#edf0e1;border:1px solid #e0e6d2;border-radius:11px;padding:16px 17px;margin:15px 0 23px}.life-section-label{font-size:9px;color:#81916f;display:flex;align-items:center;gap:6px;line-height:1.7}.life-dot{width:5px;height:5px;background:#859e6a;border-radius:50%;box-shadow:0 0 0 3px #8aa57317}.life-action h3{font-family:'Gowun Dodum',serif;font-size:19px;line-height:1.5;font-weight:500;letter-spacing:-.6px;margin:7px 0 6px}.life-place{font-size:10px;color:#738367;line-height:1.8}.action-reason{font-size:11px;color:#6f7c62;line-height:1.85;margin:10px 0 0}.life-quote{font-family:'Gowun Dodum',serif;font-size:14px;line-height:1.7;color:#71815d;background:#f8f4e2;border-radius:7px;padding:12px 13px;margin:14px 0 0}.life-section{margin:22px 0}.life-section-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:13px}.life-section-top h3{font-size:12px;font-weight:600;margin:0;letter-spacing:-.25px}.life-section-top>span{font-size:8px;color:#929982;white-space:nowrap}.needs-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}.need-label{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin-bottom:7px;color:#7c886d}.need-label b{font-size:10px;font-weight:500;color:#627652;font-variant-numeric:tabular-nums}.need-track{height:5px;border-radius:4px;background:#e6eadb;overflow:hidden}.need-track>i{display:block;height:100%;border-radius:4px;background:#9bae80;transition:width .8s ease}.need-track.low>i{background:#c79c78}.life-goal{padding:15px 0 3px;margin:20px 0;border-top:1px solid var(--line)}.life-goal>div{display:flex;justify-content:space-between;gap:18px;margin-bottom:10px;font-size:11px;line-height:1.8}.life-goal dt{font-size:10px;color:#8a947d;flex-shrink:0}.life-goal dd{margin:0;text-align:right;color:#687b59;max-width:72%}.life-goal dd small{font-size:9px;font-weight:400;color:#8a947d}.memory-list{list-style:none;margin:0 0 0 4px;padding:0 0 0 15px;border-left:1px solid #e0e5d4}.memory-list li{position:relative;padding:0 0 14px;line-height:1.8;font-size:11px;color:#6d7c61}.memory-list li:last-child{padding-bottom:0}.memory-list li:before{content:'';position:absolute;left:-18px;top:5px;width:5px;height:5px;border-radius:50%;background:#b4c19e;border:2px solid var(--paper)}.memory-list li>span{display:block}.memory-list li>small{font-size:8px;display:block;margin-top:3px;color:#9ca48c}.friend-list{display:grid;gap:3px}.friend-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px 0;text-align:left;line-height:1.7}.friend-row:not(:disabled):hover{background:#edf1e4;border-radius:7px}.friend-avatar{height:28px;width:28px;display:grid;place-items:center;flex-shrink:0;font-family:'Gowun Dodum',serif;font-size:13px;background:#e5ebd9;color:#809369;border-radius:50%}.friend-row>span:nth-child(2){min-width:0;flex:1}.friend-row b{font-size:11px;font-weight:500;display:block;overflow-wrap:anywhere}.friend-row small{font-size:9px;color:#939c85;display:block}.friend-row em{font-size:15px;color:#8a9878;font-style:normal;margin-left:auto;padding:0 4px}.life-empty{font-size:10px;line-height:1.9;color:#929c84;margin:0;padding:2px 0 7px}.life-observer-note{font-size:9px;color:#97a086;line-height:1.9;border-top:1px solid var(--line);margin:19px 0 4px;padding-top:14px;word-break:keep-all}.life-follow{position:sticky;bottom:-25px;margin-top:20px;z-index:2;box-shadow:0 -9px 16px #faf8edf0}.life-wait{display:flex;gap:10px;background:#edf0e2;border-radius:10px;padding:16px 15px;margin:20px 0 24px}.life-wait>i{flex-shrink:0;width:6px;height:6px;margin-top:5px;border-radius:50%;background:#a0b187}.life-wait b{font-size:11px;font-weight:500;color:#77896a}.life-wait p{font-size:10px;line-height:1.9;color:#929b83;margin:8px 0 0}.roster-filters{display:flex;gap:6px;margin:19px 0 13px}.roster-filters>button{border:1px solid #dee4d0;border-radius:6px;padding:8px 10px;font-size:9px;line-height:1.6;white-space:nowrap;background:#f3f3e8;color:#8a967b}.roster-filters>button[aria-pressed=true]{background:#e5ecd9;color:#577449;border-color:#c6d3b5}.roster-filters>button span{margin-left:4px;color:#869975}.life-browse{font-size:11px;font-weight:500;color:#5d7b4e}.onboarding-link{margin-top:2px;font-size:9px;color:#8c967e;min-height:28px}.resident-row small{line-height:1.7}.roster-button{font-size:10px}
@media(max-width:760px){.detail-modal{max-height:calc(100svh - 24px);padding:25px 21px;width:calc(100vw - 28px)}.detail-modal>.close-modal{margin:-10px -8px 0 0}.detail-modal .avatar-hero{gap:12px;margin-top:15px}.detail-modal .avatar-hero h2{font-size:23px}.resident-life{margin-top:14px}.life-action{padding:14px 13px;margin-bottom:20px}.life-action h3{font-size:18px}.life-quote{font-size:13px;padding:10px 11px}.needs-grid{gap:14px 18px}.life-section{margin:20px 0}.life-section-top h3{font-size:11px}.life-section-top>span{font-size:7.5px}.memory-list li{font-size:10px}.life-follow{bottom:-19px;font-size:11px}.roster-filters{gap:5px}.roster-filters>button{padding:7px 8px;font-size:8px}.town-board .onboarding-link{display:none}.town-board .life-browse{font-size:8px}.personality-description{font-size:10px}.friend-row small{font-size:8px}.roster-button{font-size:9px}.map-tools{left:16px;right:auto}}
@media(max-width:380px){.detail-modal{padding:23px 19px}.life-action h3{font-size:17px}.life-goal>div{gap:12px}.life-section-top>span{font-size:7px}.personality-tags>span{font-size:8px;padding:4px 6px}.roster-filters>button{padding:7px 6px;font-size:7.5px}}
/* The resident story is the content; let it scroll instead of shrinking it. */
.personality-tags>span{font-size:11px;padding:5px 8px}.personality-description,.action-reason,.memory-list li{font-size:14px;line-height:1.85}.life-place{font-size:12px}.life-section-label{font-size:11px}.life-quote{font-size:16px;line-height:1.8}.life-section-top h3{font-size:13px}.life-section-top>span{font-size:10px;white-space:normal;text-align:right}.need-label,.need-label b{font-size:12px}.need-track{height:6px}.life-goal>div{font-size:14px}.life-goal dt{font-size:11px}.life-goal dd small{font-size:11px}.memory-list li>small{font-size:10px}.friend-row b{font-size:14px}.friend-row small{font-size:12px;line-height:1.8}.friend-avatar{width:32px;height:32px;font-size:14px}.life-empty,.life-wait p{font-size:12px}.life-wait b{font-size:13px}.life-observer-note{font-size:11px}.roster-filters>button{font-size:10px;padding:8px 10px}.detail-modal .avatar-hero p{font-size:12px}.life-follow{font-size:12px;min-height:48px}
@media(max-width:760px){.personality-description,.action-reason,.memory-list li{font-size:14px;line-height:1.9}.personality-tags>span{font-size:11px;padding:5px 7px}.life-place,.need-label,.need-label b{font-size:12px}.life-section-top h3{font-size:13px}.life-section-top>span{font-size:10px}.life-quote{font-size:15px}.friend-row b{font-size:14px}.friend-row small{font-size:12px}.life-goal dd{font-size:14px}.life-goal dt,.life-observer-note{font-size:11px}.roster-filters>button{font-size:9px;padding:8px 7px}.life-follow{font-size:12px}}

/* Happiness grows through real homes, work and connected districts. */
.facility-incident{border:1px solid #dab696;background:#f4e4d2;border-radius:9px;padding:13px 15px;margin:17px 0;color:#895f41}.facility-incident b{font-size:13px}.facility-incident p{font-size:12px;line-height:1.8;margin:5px 0 0}.facility-incident.is-drill{border-color:#c9d5bd;background:#e9efdf;color:#5f7852}
.town-ideas>h3{font-size:14px;font-weight:600}.town-ideas ol{padding:0;list-style:none}.town-ideas li{padding:10px 0;border-bottom:1px solid var(--line)}.town-ideas li p{font-size:13px;line-height:1.8;margin:0 0 5px}.town-ideas li small{font-size:10px;line-height:1.8;color:var(--muted)}
.city-hud{position:absolute;top:92px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 64px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:13px 14px 8px;z-index:3;border-radius:12px;background:#faf8edf2}.hud-stat{min-width:0;padding:0 12px;border-right:1px solid var(--line);font-variant-numeric:tabular-nums}.hud-stat:nth-child(4){border:0}.hud-stat>span{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-bottom:3px}.hud-stat>b{font-family:'Gowun Dodum',sans-serif;font-size:24px;line-height:1.4;letter-spacing:-.6px}.hud-stat>small{font-size:10px;color:var(--muted);margin-left:4px}.hud-stat#powerStat>small{display:block;margin:0;font-size:9px;line-height:1.7;overflow-wrap:anywhere}.hud-stat.is-short>b{color:#aa644c}.city-summary{grid-column:1/-1;border-top:1px solid var(--line);margin:8px 8px 0;padding:6px 0 0;text-align:center;font-size:9px;line-height:1.6;color:var(--muted)}
.district-nav{position:absolute;left:50%;bottom:211px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:8px;max-width:calc(100% - 32px);z-index:4;border-radius:11px}.district-nav select{appearance:auto;max-width:160px;min-width:125px;width:160px;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fffdf6;color:var(--ink);font:inherit;font-size:12px}.district-nav>button{min-height:40px;padding:8px 13px;border-radius:7px;font-size:12px;white-space:nowrap}.district-nav>button:hover{background:var(--green-soft)}.district-nav>span{font-size:9px;color:var(--muted);white-space:nowrap;padding:0 6px}.scene-caption{bottom:286px}.map-tools{z-index:4}.minimap-toggle{display:none!important}.facility-facts{gap:18px 15px}.facility-facts dt{font-size:11px;line-height:1.6}.facility-facts dd{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.facility-note{font-size:12px;color:var(--muted);line-height:1.9;margin:18px 0}.resident-places{padding:18px 0 2px;border-top:1px solid var(--line);margin-top:22px}.settlement-note{font-size:12px;line-height:1.8;color:var(--muted)}.place-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.place-actions button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border:1px solid #d4ddc5;border-radius:8px;background:#eaf0df;min-height:44px;font-size:12px;text-align:left}.place-actions button:disabled{opacity:.48}.place-actions button:not(:disabled):hover{background:#dfe8d1}.catalog-modal{width:650px}.catalog-group{border-bottom:1px solid var(--line)}.catalog-group summary{font-size:14px;padding:17px 3px;cursor:pointer;line-height:1.6}.catalog-group summary>span{float:right;font-size:11px;color:var(--muted);margin-right:6px}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding-bottom:12px}.catalog-item{display:flex;align-items:flex-start;gap:10px;padding:13px 0;min-width:0}.catalog-item>span{width:43px;flex-shrink:0}.catalog-item svg{width:43px;height:43px}.catalog-item h3{font-size:13px;font-weight:600;line-height:1.6;margin:0 0 5px}.catalog-item p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.catalog-item small{display:block;font-size:10px;line-height:1.8;color:#628351;margin-top:5px}.catalog-group summary:focus-visible,.district-nav select:focus-visible{outline:3px solid #cd9163;outline-offset:3px}
@media(min-width:1101px) and (max-width:1360px){.city-hud{width:520px}.hud-stat{padding:0 8px}.hud-stat>span{font-size:9px}.welcome{width:260px;padding:20px}.welcome h1{font-size:26px}.town-board{width:240px;padding:18px}}
@media(min-width:761px) and (max-width:1100px){.city-hud{top:82px;width:calc(100% - 40px);max-width:700px}.welcome,.town-board{top:218px}.city-hud .hud-stat>b{font-size:23px}.district-nav>span{display:none}.city-clock{margin-right:0}.connection span{max-width:100px;overflow:hidden;white-space:nowrap}}
@media(max-width:760px){
  .masthead{padding:13px 14px}.city-clock{display:none}.brand>span{font-size:25px}.brand small{font-size:8px}.header-actions .icon-btn{width:40px;height:40px}.connection span{font-size:9px;max-width:87px}.welcome{top:69px;left:12px;right:12px;width:auto;padding:8px 11px;display:flex;gap:12px;align-items:center;border-radius:10px}.welcome .chapter,.welcome h1,.welcome .welcome-foot,.welcome .welcome-intro{display:none}.welcome>.primary{width:auto;flex-shrink:0;min-height:38px;padding:8px 10px;font-size:10px;gap:12px}.welcome>.channel-caption{order:-1;flex:1;margin:0;font-size:10px;line-height:1.7;min-width:0}.welcome .primary>#channelButtonLabel{font-size:10px}.town-board{display:none}.city-hud{top:133px;width:calc(100% - 24px);padding:10px 7px 7px;border-radius:10px}.hud-stat{padding:0 6px}.hud-stat>span{font-size:8px;line-height:1.7;min-height:27px;word-break:keep-all}.hud-stat>b{font-size:20px}.hud-stat>small{font-size:8px;margin-left:2px}.hud-stat#powerStat>small{font-size:8px;line-height:1.5}.city-summary{font-size:8px;margin:7px 4px 0;padding-top:5px}.district-nav{bottom:208px;width:calc(100% - 24px);max-width:400px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:7px;gap:4px;border-radius:10px}.district-nav select{grid-column:1/-1;width:100%;max-width:none;min-width:0;min-height:35px;font-size:11px;padding:6px 9px}.district-nav>button{font-size:11px;min-height:35px;padding:6px}.district-nav>span{display:none}.scene-caption{display:none}.map-tools{left:12px;right:auto;bottom:151px;transform:none;flex-direction:row;padding:5px}.map-tools button{width:38px;height:38px}.map-tools>span{height:22px}.minimap-toggle{display:grid!important}.search-strip{bottom:42px;width:calc(100% - 24px)}.search-strip .resident-search{height:42px}.search-strip .roster-button{min-height:31px}.minimap-open .welcome,.minimap-open .city-hud{opacity:0;pointer-events:none}.catalog-grid{grid-template-columns:1fr}.catalog-item{gap:12px;padding:12px 0}.catalog-item h3{font-size:14px}.catalog-item p{font-size:13px}.catalog-item small{font-size:11px}.modal.catalog-modal{padding:25px 20px;max-height:calc(100svh - 24px)}.facility-facts{gap:15px 12px}.facility-facts dd{font-size:13px}.place-actions{gap:7px}.place-actions button{font-size:11px;padding:10px;min-height:44px}.toast{bottom:251px}.error-banner{top:230px;z-index:10}
}
@media(max-width:380px){.welcome{gap:8px}.welcome>.channel-caption{font-size:9px}.welcome>.primary{font-size:9px;padding:8px}.city-hud{top:129px}.hud-stat{padding:0 4px}.hud-stat>span{font-size:7.5px}.hud-stat>b{font-size:18px}.hud-stat#powerStat>small{font-size:7px}.city-summary{font-size:7.5px}.district-nav{bottom:205px}.district-nav>button{font-size:10px}.map-tools button{width:36px;height:36px}}
@media(max-width:760px) and (max-height:680px){.welcome{top:65px;padding:5px 9px}.welcome>.primary{min-height:33px;padding:6px 9px}.welcome>.channel-caption{font-size:8px}.city-hud{top:113px;padding:7px 6px 5px}.hud-stat>span{min-height:23px;font-size:7.5px}.hud-stat>b{font-size:18px}.city-summary{margin-top:5px;padding-top:4px}.district-nav{bottom:198px}.district-nav select{min-height:31px}.district-nav>button{min-height:32px}.map-tools{bottom:146px}.map-tools button{width:35px;height:35px}.search-strip{bottom:38px;padding:7px 10px}.footer{bottom:5px}.error-banner{top:204px}}

/* v7: the map leads; information opens only when it is useful. */
:root{--muted:#64705b}
.masthead{padding:18px 24px;gap:16px}.masthead .connection{font-size:11px}.city-hud.is-compact{top:82px;left:24px;transform:none;display:block;width:min(600px,calc(100% - 48px));padding:0;z-index:6;border:1px solid #d5dcc9;border-radius:10px;background:#faf8edf2}.hud-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:10px 14px;gap:12px;text-align:left}.hud-populations{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;font-size:12px;line-height:1.7;min-width:0}.hud-populations>b{font-size:20px;font-weight:600;letter-spacing:-.5px;margin-left:3px;font-variant-numeric:tabular-nums}.hud-populations>small{font-size:11px}.hud-populations>span{border-left:1px solid var(--line);padding-left:12px;margin-left:10px;font-size:11px;white-space:nowrap;color:var(--muted)}.hud-populations>span b{font-weight:600;color:var(--ink)}.hud-expand{font-size:11px;white-space:nowrap;color:var(--green)}.hud-expand b{display:inline-block;font-size:16px;margin-left:4px}.hud-toggle[aria-expanded=true] .hud-expand b{transform:rotate(180deg)}.hud-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 10px 10px;border-top:1px solid var(--line)}.hud-details .hud-stat>span{font-size:10px;min-height:0}.hud-details .hud-stat>b{font-size:21px}.hud-details .hud-stat>small{font-size:10px}.hud-details .city-summary{font-size:10px}.welcome.is-collapsed{top:142px;left:24px;right:auto;width:270px;padding:0;display:block;z-index:5;border:1px solid #d5dcc9;border-radius:10px}.welcome-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;min-height:44px;width:100%;font-size:12px;text-align:left}.welcome-toggle>span:last-child{font-size:18px;color:var(--green)}.welcome #welcomeDetails{padding:0 17px 17px;max-height:55svh;overflow:auto}.welcome #welcomeDetails h1{font-size:24px;line-height:1.5;margin:10px 0 12px}.welcome #welcomeDetails .welcome-intro{display:block;font-size:12px;margin:0 0 14px}.welcome #welcomeDetails .channel-caption{font-size:11px;margin:10px 0 0}.welcome #welcomeDetails .welcome-foot{display:none}.welcome #welcomeDetails .chapter{display:none}.welcome #welcomeDetails .primary{font-size:12px;min-height:44px}.welcome #welcomeDetails #channelButtonLabel{font-size:12px}.environment-tools{position:absolute;top:82px;right:24px;z-index:6;display:flex;padding:4px;border:1px solid #d5dcc9;border-radius:10px;gap:2px}.environment-tools>button{min-height:40px;padding:9px 11px;font-size:12px;border-radius:6px;white-space:nowrap}.environment-tools>button:hover{background:var(--green-soft)}.environment-tools>button+button{border-left:1px solid var(--line)}.environment-tools #soundBtn[aria-pressed=true]{background:var(--green);color:var(--paper)}.district-nav{bottom:140px;gap:4px}.scene-caption{bottom:208px}.map-tools{right:24px;left:auto;bottom:141px}.search-strip{bottom:43px;max-width:900px}.search-strip .roster-button{font-size:12px}.footer{bottom:10px}.error-banner{top:200px}.secondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;width:100%;border:1px solid #cdd8c0;border-radius:8px;background:#eef1e4;color:var(--green);font-size:12px;line-height:1.7}.secondary:hover{background:#e1e9d5}.share-resident{width:auto;margin:0 0 20px auto;min-height:40px;font-size:11px;padding:8px 12px}.share-fallback{width:100%;padding:10px;margin-bottom:16px;font-size:12px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fffdf5}.resident-profile{margin:18px 0 22px}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin:0}.profile-facts>div{min-width:0}.profile-facts dt{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:4px}.profile-facts dd{font-size:13px;line-height:1.8;margin:0;overflow-wrap:anywhere;word-break:keep-all}.profile-fiction-note{font-size:11px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);margin:18px 0 0;padding-top:12px}.resident-places{margin:18px 0}.cohabitants{border-top:1px solid var(--line);padding-top:18px}.goal-progress{padding:15px;background:#edf1e3;border:1px solid #dce4ce;border-radius:9px;margin:18px 0}.goal-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.8}.goal-progress b{font-weight:500}.goal-progress span{font-variant-numeric:tabular-nums;white-space:nowrap}.goal-progress progress{appearance:none;width:100%;height:7px;margin-top:10px;border:none;border-radius:4px;overflow:hidden;background:#dbe3cd}.goal-progress progress::-webkit-progress-bar{background:#dbe3cd}.goal-progress progress::-webkit-progress-value{background:var(--green);border-radius:4px}.goal-progress progress::-moz-progress-bar{background:var(--green)}.goal-progress p{font-size:11px;margin:8px 0 0;color:var(--muted)}.facility-members{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.member-tabs{display:flex;gap:6px;flex-wrap:wrap}.member-tabs button{min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:7px;font-size:12px}.member-tabs button[aria-pressed=true]{color:var(--green);background:var(--green-soft);border-color:#b7caa6}.facility-address{font-size:12px;color:var(--muted);margin:-5px 0 12px}.member-list .resident-row{padding:11px 0;min-height:64px}.member-list .resident-row .avatar{width:30px;height:42px}.return-resident{margin:20px 0 10px}.roster-filters{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 14px}.roster-filters>button{font-size:11px;min-height:39px;padding:8px 10px}.roster-filters>button span{font-variant-numeric:tabular-nums}.residents-modal{width:560px}.resident-list{max-height:42svh;overflow:auto;overscroll-behavior:contain;min-height:100px}.resident-row-copy{min-width:0;flex:1;text-align:left}.resident-row-copy strong{display:block;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.resident-row-copy small{display:block;font-size:12px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.resident-row{min-height:72px}.resident-row>.avatar{flex-shrink:0}.guide-tag{display:inline-block;vertical-align:middle;font-size:9px;margin-left:6px;white-space:nowrap}.list-summary{font-size:11px;line-height:1.8;margin:13px 0 8px;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.pagination>button{min-width:78px;min-height:42px;font-size:12px;border:1px solid #cfdac3;border-radius:7px;background:#edf2e2;padding:8px 13px}.pagination>button:disabled{opacity:.4;background:transparent}.pagination>span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.environment-modal{width:420px}.setting-field{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font-size:12px;font-weight:600;margin:20px 0}.setting-field select,.setting-field input{grid-column:1/-1;width:100%}.setting-field select{min-height:44px;padding:10px;border:1px solid #cbd7bd;border-radius:7px;background:#fffdf6;color:var(--ink);font:inherit;font-size:13px;font-weight:400}.setting-field input[type=range]{accent-color:var(--green);min-height:36px;cursor:pointer}.setting-field output{font-weight:400;font-variant-numeric:tabular-nums}.setting-check{display:flex;align-items:center;gap:11px;min-height:44px;font-size:13px}.setting-check input{accent-color:var(--green);width:18px;height:18px}.sound-status{font-size:12px;line-height:1.9;color:var(--muted);margin:19px 0 12px}.modal .dialog-intro{font-size:13px}.detail-modal .close-modal{min-width:40px;min-height:40px}.roster-filters>button:focus-visible,.setting-field select:focus-visible,.pagination button:focus-visible{outline:3px solid #bd795d;outline-offset:3px}
@media(min-width:761px) and (max-width:1100px){.city-hud.is-compact{width:calc(100% - 260px)}.environment-tools{top:82px}.welcome.is-collapsed{top:142px}.city-clock{display:none}.hud-populations>span{padding-left:7px;margin-left:5px}.hud-expand{font-size:10px}}
@media(max-width:760px){.masthead{padding:12px 12px;gap:8px}.brand>svg{width:32px;height:32px}.brand>span{font-size:24px}.brand small{font-size:7px;letter-spacing:2px}.city-clock{display:none}.header-actions .connection{display:none}.header-actions .icon-btn{width:40px;height:40px}.city-hud.is-compact{top:66px;left:12px;width:calc(100% - 24px);border-radius:9px}.hud-toggle{min-height:46px;padding:8px 10px;gap:8px}.hud-populations{font-size:11px;gap:3px}.hud-populations>b{font-size:18px}.hud-populations>small{font-size:10px}.hud-populations>span{font-size:10px;padding-left:7px;margin-left:4px}.hud-expand{font-size:10px}.hud-expand b{margin-left:1px}.hud-details{padding:12px 5px 8px;grid-template-columns:1fr 1fr;gap:14px 0}.hud-details .hud-stat{padding:0 10px}.hud-details .hud-stat:nth-child(2){border-right:0}.hud-details .hud-stat>span{font-size:10px;min-height:0;line-height:1.8}.hud-details .hud-stat>b{font-size:23px}.hud-details .hud-stat>small,.hud-details .hud-stat#powerStat>small{font-size:10px}.hud-details .city-summary{font-size:10px}.welcome.is-collapsed{top:122px;left:12px;right:auto;width:195px;padding:0;z-index:5;display:block}.welcome-toggle{min-height:40px;font-size:11px;padding:8px 10px;gap:7px}.welcome #welcomeDetails{max-height:47svh;padding:0 13px 14px}.welcome #welcomeDetails h1{display:block;font-size:22px;line-height:1.5;margin:7px 0 12px}.welcome #welcomeDetails .welcome-intro{display:block;font-size:12px;line-height:1.9}.welcome #welcomeDetails .channel-caption{display:block;font-size:10px;margin:9px 0 0;line-height:1.8}.welcome-expanded .welcome{width:calc(100% - 24px)}.hud-expanded .welcome{visibility:hidden;pointer-events:none}.environment-tools{top:122px;right:12px;left:auto;max-width:calc(100% - 220px);padding:0;border-radius:9px;flex-direction:column;z-index:4}.environment-tools>button{padding:8px 9px;min-height:39px;font-size:10px}.environment-tools>button+button{border-left:0;border-top:1px solid var(--line)}.environment-tools #environmentBtn>span{display:none}.welcome-expanded .environment-tools{visibility:hidden}.district-nav{bottom:155px;width:calc(100% - 24px);max-width:400px;grid-template-columns:minmax(100px,1.3fr) repeat(3,minmax(0,1fr));gap:3px;padding:5px}.district-nav select{grid-column:auto;min-height:40px;font-size:11px;padding:8px 4px}.district-nav>button{font-size:10px;padding:7px 3px;min-height:40px}.map-tools{left:12px;right:auto;bottom:209px;flex-direction:row;padding:4px;gap:2px}.map-tools button{width:37px;height:37px}.search-strip{bottom:36px;padding:8px 11px;width:calc(100% - 24px)}.search-strip .resident-search{height:40px}.search-strip .resident-search input{font-size:12px}.search-strip .roster-button{font-size:11px;min-height:34px;padding-top:7px}.footer{left:13px;right:13px;bottom:max(4px,env(safe-area-inset-bottom));font-size:8px}.footer>button{font-size:9px;min-height:25px}.toast{bottom:262px;font-size:12px}.error-banner{top:220px;font-size:12px}.modal{padding:25px 20px;max-height:calc(100svh - 20px)}.modal.detail-modal{width:calc(100vw - 20px);padding:24px 19px;max-height:calc(100svh - 20px)}.modal h2{font-size:25px}.profile-facts{gap:15px 14px}.profile-facts dd{font-size:13px;line-height:1.9}.profile-facts dt{font-size:11px}.profile-fiction-note{font-size:11px}.resident-row-copy strong{font-size:13px}.resident-row-copy small{font-size:12px}.roster-filters{gap:6px}.roster-filters>button{font-size:11px;min-height:40px;padding:8px}.roster-filters>button span{font-size:10px}.resident-list{max-height:39svh}.pagination>button{min-height:44px}.life-follow{bottom:-19px}.life-section-top>span{font-size:10px}.member-tabs button{flex:1;font-size:12px;padding:8px 5px}.scene-caption{display:none}.minimap-open .welcome,.minimap-open .city-hud{visibility:hidden}}
@media(max-width:380px){.hud-toggle{padding:8px;gap:5px}.hud-populations>span{font-size:9px;padding-left:5px;margin-left:2px}.hud-populations{font-size:10px}.hud-populations>b{font-size:17px}.hud-expand{font-size:9px}.welcome.is-collapsed{width:178px}.welcome-expanded .welcome{width:calc(100% - 24px)}.welcome-toggle{font-size:10px;padding:8px 9px}.environment-tools{max-width:calc(100% - 202px)}.environment-tools>button{font-size:10px;padding:8px}.district-nav{grid-template-columns:minmax(87px,1.25fr) repeat(3,minmax(0,1fr))}.district-nav>button{font-size:9px}.map-tools button{width:35px;height:35px}.profile-facts{grid-template-columns:1fr}.resident-list{max-height:35svh}.roster-filters>button{font-size:10px}.guide-tag{font-size:8px;margin-left:5px}.detail-modal .avatar-hero h2{font-size:21px}}
@media(max-width:760px) and (max-height:680px){.city-hud.is-compact{top:62px}.welcome.is-collapsed,.environment-tools{top:114px}.welcome-toggle{min-height:36px}.environment-tools>button{min-height:34px}.district-nav{bottom:143px}.map-tools{bottom:197px}.search-strip{bottom:31px}.resident-list{max-height:30svh}.toast{bottom:247px}}
.avatar-hero>div{min-width:0}.avatar-hero h2{overflow-wrap:anywhere}.modal>.close-modal{position:sticky;top:0;float:right;z-index:8;margin:-6px -3px 0 0;min-width:40px;min-height:40px;background:var(--paper);box-shadow:0 0 0 3px var(--paper)}


/* Category-specific architecture thumbnails */
.architecture-thumb{display:block;object-fit:contain;max-width:100%;max-height:100%}.detail-icon .architecture-thumb{width:120px;height:120px}.catalog-item>span{width:64px;height:72px;display:flex;align-items:center;justify-content:center}.catalog-item>span .architecture-thumb{width:64px;height:64px}

/* A compact companion to the map; saved preferences never change the town. */
.has-watch .search-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 24px}
.watch-dock{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px;min-width:0}
.watch-copy{min-width:0;flex:1}.watch-resident{display:block;padding:0;max-width:100%;font-size:12px;font-weight:600;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px;color:var(--green)}.watch-resident:hover{text-decoration:underline}
.watch-now{display:block;font-size:10px;line-height:1.7;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.watch-actions{display:flex;gap:4px;flex-shrink:0}.watch-actions>button{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;font-size:11px;white-space:nowrap;background:#fffdf6}.watch-actions>button:hover:not(:disabled){background:var(--green-soft)}.watch-actions>button[aria-pressed=true]{background:var(--green-soft);border-color:#bacbad;color:var(--green)}.watch-actions>button:disabled{color:var(--muted);opacity:.48}
.has-watch .district-nav{bottom:287px}.has-watch .map-tools{bottom:222px}.has-watch .scene-caption{bottom:362px}.has-watch .toast{bottom:294px}
.watch-diary{width:500px}.watch-diary h3{font-size:13px;line-height:1.7;margin:0 0 12px}.watch-diary h3>span{font-size:10px;color:var(--muted);font-weight:400;margin-left:8px}.watch-current{padding:16px;background:var(--green-soft);border-radius:9px;margin:20px 0 24px}.watch-current h3{font-size:11px;color:var(--green);margin-bottom:8px}.watch-current p{margin:0;font-size:13px;line-height:1.9}.watch-current p>span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.watch-current .watch-reason{font-size:12px;color:var(--muted);margin-top:9px}
.watch-entries ol{list-style:none;padding:0;margin:0}.watch-entries li{border-left:2px solid #ccd7bf;padding:0 0 20px 16px;margin-left:3px;position:relative}.watch-entries li:before{content:'';position:absolute;width:8px;height:8px;border:2px solid var(--paper);border-radius:50%;background:#7d9b6b;left:-5px;top:4px}.watch-entries time{font-size:11px;color:var(--green);font-variant-numeric:tabular-nums}.watch-entries small{display:block;font-size:10px;color:var(--muted);line-height:1.8;margin:4px 0}.watch-entries p{font-size:13px;line-height:1.9;margin:0;overflow-wrap:anywhere}.watch-favorites{border-top:1px solid var(--line);padding-top:18px;margin-top:10px}.watch-favorites>div{display:flex;gap:6px;flex-wrap:wrap}.watch-favorites button{border:1px solid var(--line);border-radius:7px;padding:8px 10px;min-height:40px;font-size:11px;max-width:100%;overflow-wrap:anywhere}.watch-favorites button:hover{background:var(--green-soft)}.watch-favorites button>span{margin-left:6px}.watch-diary .life-empty{font-size:12px;line-height:1.9}
@media(max-width:1100px) and (min-width:761px){.has-watch .search-strip{gap:8px 18px}}
@media(max-width:760px){.has-watch .search-strip{display:block}.watch-dock{display:block;padding-bottom:8px;margin-bottom:5px}.watch-copy{display:flex;gap:8px;align-items:baseline}.watch-resident{font-size:11px;max-width:46%;flex-shrink:0}.watch-now{font-size:10px;flex:1}.watch-actions{justify-content:space-between;gap:4px;margin-top:4px}.watch-actions>button{flex:1;min-height:40px;font-size:10px;padding:8px 4px}.has-watch .district-nav{bottom:243px}.has-watch .map-tools{bottom:297px}.has-watch .toast{bottom:350px}.watch-diary .dialog-intro{font-size:12px}.watch-entries p{font-size:14px}.watch-entries time,.watch-entries small{font-size:11px}}
@media(max-width:760px) and (max-height:680px){.has-watch .district-nav{bottom:231px}.has-watch .map-tools{bottom:285px}.has-watch .toast{bottom:338px}}
.watch-favorite-item{display:flex;max-width:100%;gap:2px}.watch-favorite-item>button:last-child{min-width:40px;font-size:18px}.watch-feedback{font-size:12px;line-height:1.8;color:var(--green);margin:14px 0 0}.watch-feedback:empty{display:none}
.has-watch .scene-caption{display:none}