@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#263e32;--muted:#7c8376;--green:#315c44;--cream:#f9f8ed;--line:#e4e5d9;--orange:#d98b60;--shadow:0 8px 32px #34422c12,0 1px 3px #34422c08}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#dfe6cf;color:var(--ink);font:14px 'DM Sans',sans-serif}button,a,input{font:inherit;-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ce9b48;outline-offset:3px}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;stroke-width:1.6;fill:none;stroke:currentColor;vertical-align:middle;flex-shrink:0}.hidden{display:none!important}#world{position:fixed;inset:0;touch-action:none}#world canvas{display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 150px #35492715}#world-labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.world-label{position:absolute;transform:translate(-50%,-100%);padding:7px 11px;border:1px solid #ffffffbe;background:#fffdf2f5;border-radius:9px;color:#3b5142;font-size:11px;box-shadow:0 3px 10px #233a2414;white-space:nowrap;pointer-events:auto;cursor:pointer}.world-label.speech{max-width:190px;white-space:normal;line-height:1.4;font-size:11px;border-radius:12px;padding:10px 13px}.world-label.speech:after{content:'';position:absolute;width:8px;height:8px;background:#fffdf2;bottom:-4px;left:48%;transform:rotate(45deg)}.world-label.landmark{background:#315c44e6;color:#f9f7e8;border-color:#c7dcc25c;font-size:9px;letter-spacing:1.8px;text-transform:uppercase;box-shadow:none;border-radius:5px;padding:5px 9px}.world-label.resident-tag{background:#315c44;color:#fff;padding:5px 10px;font-size:10px;border-radius:7px}.topbar{position:fixed;z-index:10;top:0;left:0;right:0;height:82px;background:#fbfaf1f5;display:flex;align-items:center;padding:0 30px;gap:25px;border-bottom:1px solid #fff;box-shadow:0 3px 20px #34422c08}.brand{display:flex;align-items:center;gap:10px;font:800 37px 'Manrope',sans-serif;letter-spacing:-2.1px}.brand-symbol{font-size:43px;color:#436c47;line-height:1}.brand-dot{color:#cda063}.top-divider{height:27px;width:1px;background:#d9dece}.world-status{font-size:12px;color:#858b7e;display:flex;gap:8px;align-items:center}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6e9b65;box-shadow:0 0 0 3px #8fbc7a14;flex-shrink:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.solana-tag{font-size:9px;letter-spacing:1.2px;display:flex;align-items:center;gap:5px;color:#6e7c69}.solana-tag i{width:14px;height:11px;background:linear-gradient(150deg,#90bb9f,#4d8775);clip-path:polygon(20% 0,100% 0,80% 25%,0 25%,20% 38%,100% 38%,80% 63%,0 63%,20% 76%,100% 76%,80% 100%,0 100%)}.ca-button{height:36px;display:flex;align-items:center;gap:12px;border:1px solid #dde0d2;border-radius:7px;padding:0 12px;font-size:10px}.ca-button>span:first-child{color:#8b9382}.ca-button b{font-weight:500}.ca-button svg{width:13px;height:13px}.x-link{font-size:20px;border:1px solid #dfe1d5;border-radius:7px;width:36px;height:36px;display:grid;place-items:center}.button{padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600;border-radius:8px;transition:.2s}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button.dark{background:var(--green);color:#fbf8e9}.button.light{background:#eaedde;border:1px solid #d8dfcd}.button svg{width:15px;height:15px}.panel{background:#faf9eff2;border:1px solid #ffffffe8;box-shadow:var(--shadow);border-radius:14px;backdrop-filter:blur(15px)}.hud{position:fixed;inset:82px 0 0;pointer-events:none;z-index:2}.hud>*{pointer-events:auto}.welcome{position:absolute;top:24px;left:24px;width:277px;padding:23px 23px 0}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.7px;color:#8a907f;display:flex;align-items:center;gap:7px}.welcome .eyebrow{font-size:8px;letter-spacing:1.4px}.welcome h1{font:750 39px/1.12 'Manrope',sans-serif;letter-spacing:-1.8px;margin:18px 0 12px}.welcome h1 span{color:#c39454}.welcome p{font-size:12px;line-height:1.65;color:#7f8878;margin:0 0 20px}.welcome-bottom{border-top:1px solid #e4e7d9;padding:14px 0;display:flex;align-items:center;gap:13px;font-size:9px;color:#838a7c}.welcome-bottom b{font-size:12px;color:#425742;font-weight:600}.demo-tag{font-size:7px!important;letter-spacing:.8px;color:#a28f6e;background:#f1ead8;padding:4px 5px;border-radius:4px;margin-left:auto}.time-panel{position:absolute;top:24px;left:calc(50% - 155px);display:flex;align-items:center;gap:13px;padding:13px 16px;background:#faf9eceb}.sun-icon{color:#c39748;font-size:30px}.time-panel strong{font:650 25px 'Manrope';display:block;line-height:1.3}.time-panel .eyebrow{font-size:7px}.weather{border-left:1px solid var(--line);padding-left:14px;font-size:9px;color:#98a087;line-height:1.7}.weather b{font-size:10px;color:#7a866f;font-weight:500}.time-buttons{border-left:1px solid var(--line);display:flex;margin-left:0;padding-left:10px;align-items:center;gap:3px}.time-buttons button{font-size:11px;padding:4px}.time-buttons svg{width:12px;height:12px}.district-tag{position:absolute;top:117px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:11px;color:#45593e;background:#edf1dde3;border:1px solid #f4f7e9;padding:8px 13px;border-radius:30px;white-space:nowrap;box-shadow:0 2px 9px #41553208}.district-tag svg{width:12px;height:12px}.district-tag b{font-size:7px;letter-spacing:1px}.district-tag .live-dot{width:4px;height:4px;margin-left:8px}.character-panel{position:absolute;top:24px;right:24px;width:306px;overflow:hidden}.character-top{position:relative;padding:18px;background:linear-gradient(135deg,#edf0de,#f4efdc)}.character-heading{display:flex;gap:12px;align-items:center}.avatar{width:55px;height:63px;display:grid;place-items:center;background:#dfdec8;border:2px solid #fff9;border-radius:12px;position:relative;overflow:hidden;flex-shrink:0}.avatar svg{width:100%;height:100%;stroke:none}.avatar.small{width:38px;height:41px;border-radius:9px;border-width:1px}.avatar.large{width:70px;height:76px}.character-name{font:750 18px 'Manrope';letter-spacing:-.6px;margin:0 0 4px}.character-info{font-size:10px;color:#7a856e}.mood-tag{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#658051;margin-top:7px}.character-close{position:absolute;top:9px;right:9px;font-size:18px;color:#89917e;padding:0 5px}.status-line{margin-top:15px;font-size:10px;display:flex;align-items:center;gap:6px;color:#748861}.thought{background:#fffef5c9;border-radius:9px;padding:10px 12px;margin:11px 0 0;font-size:11px;color:#7d846e;font-style:italic;line-height:1.4;border:1px solid #fff}.character-tabs{display:flex;padding:9px 12px 0;border-bottom:1px solid var(--line);gap:2px}.character-tabs button{font-size:10px;flex:1;padding:9px 1px 10px;white-space:nowrap;color:#8b927e;border-bottom:2px solid transparent}.character-tabs button.active{font-weight:700;color:#3c5d43;border-color:#597c50}.character-body{padding:18px;min-height:208px;max-height:290px;overflow:auto}.needs-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px}.need-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px;color:#74816b}.need-label b{font-size:9px;font-weight:500;color:#919a83}.bar{height:5px;background:#e2e5d7;border-radius:4px;overflow:hidden}.bar span{display:block;height:100%;border-radius:4px;background:#8aab70;transition:width .6s}.needs-caption{font-size:10px;color:#9a9e8c;line-height:1.55;margin:16px 0 0}.character-footer{margin:0 14px 14px;border:1px solid #e2e4d4;border-radius:8px;padding:11px 12px;display:flex;justify-content:space-between;align-items:center}.character-footer .eyebrow{font-size:7px;letter-spacing:1.3px}.character-footer strong{display:block;font-size:15px;font-weight:600;margin-top:3px}.character-footer strong small{font-size:8px;color:#9c9f89;font-weight:400}.wealth-tag{background:#ebe6cc;color:#a48c4e;border-radius:5px;font-size:9px;padding:5px 7px}.character-actions{display:flex;gap:6px;margin:0 14px 13px}.character-actions button{flex:1;font-size:10px;background:#e9eddf;border-radius:6px;padding:8px}.character-actions button.active{background:var(--green);color:white}.town-feed{position:absolute;left:24px;bottom:24px;width:277px;padding:17px 18px 6px}.section-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#8d937f;margin-bottom:11px}.section-heading>span{display:flex;gap:6px;align-items:center}.section-heading button{font-size:9px;color:#7b896c;padding:0;letter-spacing:0}.feed-item{display:flex;gap:10px;padding:10px 0;border-top:1px solid #e7e9dd}.feed-icon{width:27px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e5ead9;color:#8b9b73;flex-shrink:0;font-size:12px}.feed-item:nth-child(3) .feed-icon{background:#f0e5d5;color:#c19c75}.feed-item p{font-size:10px;line-height:1.45;color:#828b75;margin:0}.feed-item b{font-weight:600;color:#546348}.feed-item small{font-size:8px;color:#a0a68e;display:block;margin-top:4px}.join-card{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;width:306px;padding:15px 17px;gap:12px}.join-star{font-size:31px;color:#b69655}.join-card strong{font-size:10px;font-weight:600}.join-card p{font-size:8px;color:#919981;margin:5px 0 0;line-height:1.5}.join-card button{margin-left:auto;background:#e5e9d6;border-radius:50%;width:26px;height:26px;flex-shrink:0}.bottom-nav{position:absolute;left:50%;transform:translateX(-50%);bottom:23px;display:flex;gap:5px;align-items:center;padding:9px 10px;z-index:3}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:8px;width:59px;height:55px;border-radius:9px;color:#8c957d;transition:.2s}.bottom-nav button:hover{background:#edf0e1}.bottom-nav button.active{background:#315c44;color:#fffdf0}.bottom-nav button svg{width:19px;height:19px}.bottom-nav #sound{width:32px}.bottom-nav #sound svg{width:15px;height:15px}.nav-divider{height:32px;width:1px;background:#dce1cf;margin:0 2px}.map-help{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);font-size:9px;color:#637753;background:#ecf0decc;border-radius:30px;padding:7px 12px;white-space:nowrap}.map-help svg{width:11px;height:11px;margin-right:5px}.map-help i{margin:0 7px;font-style:normal;color:#8c9b7b}.map-controls{position:absolute;bottom:131px;right:24px;width:36px;display:flex;align-items:center;flex-direction:column;padding:4px}.map-controls button{height:31px;width:29px;font-size:20px;display:grid;place-items:center;border-radius:5px}.map-controls button:hover{background:#e7ebda}.map-controls svg{width:14px;height:14px}.map-controls>span{width:18px;height:1px;background:#e0e5d5;margin:3px 0}.relation{display:flex;gap:10px;margin-bottom:15px;align-items:center}.relation-info{flex:1;min-width:0}.relation-name{font-size:11px;font-weight:600}.relation-info small{display:block;color:#929984;font-size:9px;margin:4px 0 6px}.relation-score{font-size:11px;color:#849f65}.career-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:17px}.career-grid>div{background:#edf0e2;border-radius:7px;padding:10px;font-size:10px}.career-grid small{display:block;font-size:8px;color:#919984;margin-bottom:5px}.skill{display:flex;font-size:9px;align-items:center;gap:8px;margin:10px 0}.skill>span{width:65px;color:#7d876f}.skill .bar{flex:1;height:4px}.diary-item{padding:0 0 15px 13px;border-left:1px solid #d9dfcb;position:relative}.diary-item:before{content:'';position:absolute;left:-3px;top:3px;width:5px;height:5px;border-radius:50%;background:#a6b88c}.diary-item small{font-size:8px;color:#9ba28b}.diary-item p{font-size:10px;line-height:1.6;color:#758268;margin:5px 0 0}.house-card{position:absolute;top:24px;left:24px;width:285px;padding:22px}.house-card h2{font:700 22px 'Manrope';margin:10px 0}.house-card p{font-size:12px;line-height:1.6;color:#8b927e}.house-card .button{width:100%;margin-top:10px}#back-town{position:absolute;left:24px;top:255px}dialog{border:1px solid white;background:#faf9f0f5;color:var(--ink);border-radius:21px;padding:30px;box-shadow:0 30px 120px #1f38234d;width:min(960px,94vw);max-height:83vh;backdrop-filter:blur(22px)}dialog::backdrop{background:#24372749;backdrop-filter:blur(5px)}.modal-heading{display:flex;justify-content:space-between;border-bottom:1px solid #e0e5d5;padding-bottom:22px;margin-bottom:24px}.modal-heading h2{font:750 28px 'Manrope';letter-spacing:-1px;margin:8px 0}.modal-heading p{font-size:12px;color:#8c947e;margin:0}.close-button{background:#eff1e4;border:1px solid white;width:33px;height:33px;border-radius:50%;font-size:22px}.search-field{background:#fffef7;border:1px solid #dce1cf;border-radius:9px;padding:12px 15px;width:100%;margin-bottom:18px;color:var(--ink)}.resident-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.resident-row{display:flex;align-items:center;gap:11px;background:#fffef6;border:1px solid #e5e8d9;border-radius:10px;padding:12px;text-align:left;transition:.2s}.resident-row:hover{background:#eaf0df;transform:translateY(-1px)}.resident-row strong{font-size:12px}.resident-row small{display:block;color:#8e977f;font-size:10px;margin-top:4px}.resident-row .tier-label{margin-left:auto;font-size:9px;background:#ece7d4;padding:5px 8px;border-radius:5px;color:#a18e5d}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.home-tile{background:#f0f0e3;border:1px solid #e1e5d2;border-radius:12px;overflow:hidden;text-align:left}.home-picture{height:95px;display:grid;place-items:center;background:linear-gradient(150deg,#dce8c7,#e8eddb);font-size:48px}.home-tile>div:last-child{padding:12px}.home-tile strong{font-size:12px}.home-tile p{font-size:10px;color:#89967c;margin:6px 0}.story-list .feed-item{padding:16px;background:#fffff780;border:1px solid #e5e8d9;margin-bottom:9px;border-radius:10px}.story-list .feed-item p{font-size:12px}.story-list .feed-item small{font-size:10px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:20px}.stat-card{padding:20px;background:#edf0e1;border-radius:12px}.stat-card strong{display:block;font:700 27px 'Manrope';margin:9px 0}.stat-card small,.stat-card p{font-size:10px;color:#8d967e;margin:0;line-height:1.6}.notice{border:1px solid #e6ddbc;background:#f4efdc;padding:13px 16px;border-radius:10px;font-size:11px;color:#9a875b;line-height:1.65;margin:15px 0}.about-hero{display:flex;align-items:center;gap:23px}.about-hero img{width:110px;height:110px;object-fit:cover;border-radius:16px}.about-hero h3{font:700 28px 'Manrope';letter-spacing:-1px;margin:0 0 8px}.about-hero p{font-size:12px;color:#8b957b;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.steps>div{padding:18px;background:#edf0e1;border-radius:10px}.steps b{display:block;font-size:12px;margin-bottom:9px}.steps p{font-size:11px;color:#88947a;line-height:1.7;margin:0}.media-links{display:flex;gap:10px;flex-wrap:wrap}.trailer{width:100%;border-radius:12px;background:#244933;margin:18px 0}.form-label{display:block;font-size:11px;color:#7b886e;margin:18px 0 9px}.holding-options{display:flex;gap:10px;margin:12px 0}.holding-options button{background:#edf0e2;border:1px solid #dce3ce;border-radius:8px;padding:12px;flex:1;font-size:12px}.holding-options button.active{background:#315c44;color:#fff}#holding-amount{accent-color:#52794e;width:100%;margin:12px 0}.holding-preview{padding:20px;background:#edf0df;border-radius:12px;display:flex;align-items:center;gap:20px}.holding-preview strong{font-size:20px}.holding-preview p{color:#839074;font-size:12px}.wallet-options{display:flex;gap:10px;margin:20px 0}.wallet-options .button{flex:1}.empty-state{text-align:center;padding:35px;color:#849174;font-size:13px}#toast{position:fixed;left:50%;bottom:120px;transform:translate(-50%,10px);background:#2f513c;color:#fff9e9;padding:14px 22px;border-radius:10px;z-index:50;box-shadow:var(--shadow);font-size:12px;opacity:0;transition:.25s;pointer-events:none;max-width:90vw}#toast.visible{transform:translate(-50%,0);opacity:1}#loading{position:fixed;inset:0;background:#f4f3e7;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99;transition:opacity .5s}#loading h2{font:700 26px 'Manrope';letter-spacing:-1px}#loading p{font-size:12px;color:#909780}body.interior .welcome,body.interior .district-tag,body.interior .town-feed{display:none}body.cinema .hud,body.cinema .topbar,body.cinema #world-labels{display:none}body.cinema .vignette{box-shadow:inset 0 0 160px #17332430}body.night .panel{background:#f5f3e9f2}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#c9d1b9;border-radius:4px}
@media(min-width:1700px){.welcome{width:300px}.character-panel{width:330px}.town-feed{width:300px}.join-card{width:330px}.character-body{min-height:220px;max-height:350px}.character-top{padding:23px}.character-name{font-size:21px}.needs-grid{gap:21px}.character-body{padding:22px}.welcome h1{font-size:45px}.welcome{padding:27px 27px 0}.welcome-bottom{padding:18px 0}.bottom-nav button{width:65px;height:59px}.topbar{height:88px}.hud{top:88px}}
@media(max-width:1150px){.world-status,.top-divider,.solana-tag{display:none}.welcome{width:225px;padding:18px 18px 0}.welcome h1{font-size:33px}.character-panel{width:274px}.time-panel{left:calc(50% - 150px);gap:8px;padding:10px}.weather{display:none}.time-panel strong{font-size:23px}.town-feed{width:225px}.join-card{width:274px}.join-card p{max-width:160px}.bottom-nav{bottom:23px}.bottom-nav button{width:48px}.map-help{font-size:8px}.topbar{padding:0 22px}.welcome-bottom{gap:8px}.demo-tag{font-size:6px!important}.character-body{min-height:190px}}
@media(max-height:780px) and (min-width:801px){.welcome{padding-top:16px}.welcome h1{font-size:32px;margin:12px 0 8px}.welcome p{margin-bottom:12px}.character-top{padding:13px}.character-body{min-height:170px;max-height:185px;padding:14px}.needs-grid{gap:12px}.needs-caption{margin:12px 0 0}.thought{padding:8px 10px}.character-footer{margin-bottom:10px;padding:8px 12px}.town-feed .feed-item:last-child{display:none}.join-card{bottom:19px}.map-controls{bottom:120px}.avatar{width:47px;height:54px}.character-tabs{padding-top:5px}.character-tabs button{padding:7px 1px}.town-feed{padding-top:13px}}
@media(max-width:800px){.topbar{height:68px;padding:0 15px;gap:10px}.brand{font-size:29px;letter-spacing:-1.8px;gap:6px}.brand-symbol{font-size:31px}.top-actions{gap:7px}.ca-button{padding:0 8px;gap:7px;font-size:8px;height:32px}.ca-button>span:first-child{display:none}.x-link{width:30px;height:32px;font-size:17px}#connect-wallet{width:33px;height:32px;padding:0}#connect-wallet>span:last-child{display:none}.hud{top:68px}.welcome{top:15px;left:15px;width:190px;padding:14px 14px 0}.welcome .eyebrow{font-size:6px;letter-spacing:1px}.welcome h1{font-size:28px;margin:10px 0}.welcome p{font-size:10px;line-height:1.5;margin-bottom:12px}.welcome-bottom{gap:7px;padding:10px 0}.welcome-bottom .demo-tag{display:none}.time-panel{top:15px;right:15px;left:auto;padding:10px;gap:6px}.time-panel strong{font-size:20px}.time-panel .eyebrow{font-size:6px;letter-spacing:1px}.time-buttons{padding-left:5px}.sun-icon{font-size:23px}.district-tag{top:88px;left:auto;right:15px;transform:none;font-size:8px;padding:7px 9px;gap:5px}.district-tag b,.district-tag .live-dot{display:none}.town-feed,.join-card,.map-help{display:none}.character-panel{top:auto;bottom:94px;right:15px;width:250px;max-height:calc(100dvh - 325px)}.character-panel .character-top{padding:12px}.character-panel .character-heading{gap:9px}.character-name{font-size:15px}.character-panel .avatar{width:42px;height:46px}.character-panel .thought{display:none}.character-panel .status-line{margin-top:8px;font-size:9px}.character-panel .character-body{min-height:0;max-height:155px;padding:12px}.needs-grid{gap:12px}.needs-caption{display:none}.character-footer{padding:8px 10px;margin:0 10px 10px}.character-footer strong{font-size:13px}.character-actions{margin:0 10px 10px}.character-tabs{padding:4px 8px 0}.character-tabs button{padding:7px 0;font-size:9px}.character-info{font-size:8px}.mood-tag{display:none}.map-controls{right:auto;left:15px;bottom:110px}.bottom-nav{bottom:15px;width:calc(100% - 30px);justify-content:space-between;padding:7px;gap:1px;max-width:470px;border-radius:12px}.bottom-nav button{width:45px;height:51px;font-size:7px}.bottom-nav #sound{width:25px}.bottom-nav button svg{width:17px;height:17px}.house-card{left:15px;top:15px;width:220px;padding:17px}.house-card h2{font-size:19px}.house-card p{font-size:10px}#back-town{top:245px;left:15px;font-size:10px}.resident-list{grid-template-columns:1fr}.home-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr}.stat-card{padding:13px}.stat-card strong{font-size:24px}.steps{grid-template-columns:1fr;gap:8px}.steps>div{padding:12px}.about-hero{gap:15px}.about-hero img{width:75px;height:75px}.about-hero h3{font-size:21px}.about-hero p{font-size:10px}.modal-heading h2{font-size:24px}dialog{padding:22px;max-height:86dvh}.modal-heading p{font-size:10px}.holding-options{gap:5px}.holding-options button{font-size:10px;padding:10px 4px}.holding-preview{gap:10px;padding:14px}.media-links .button{font-size:10px}#toast{bottom:100px;width:max-content;max-width:90vw;text-align:center}}
#back-town{top:375px;z-index:4}@media(max-width:800px){#back-town{top:345px}.house-card{max-height:315px;overflow:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Neighborhood controls sit below the shared clock and location badge. */
/* Shared town navigation and connection state. */
.district-controls{position:fixed;left:50%;top:135px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:4;background:#fbf8edeb;padding:5px 12px;border-radius:24px;font-size:10px;color:#486348;box-shadow:0 3px 15px #2d472215}.district-controls button{border:0;background:transparent;color:inherit;cursor:pointer;padding:5px 9px;font-size:16px}.demo-return{position:fixed;top:91px;left:50%;transform:translateX(-50%);z-index:9;background:#e6cf9e;color:#4d482f;padding:10px 18px;border-radius:20px;text-decoration:none;font-size:11px;white-space:nowrap}button:disabled{opacity:.48;cursor:not-allowed}#loading a{margin-top:20px}a:focus-visible,button:focus-visible{outline:2px solid #557f5b;outline-offset:3px}@media(max-width:760px){.district-controls{top:130px;left:auto;right:14px;transform:none}.demo-return{top:82px;font-size:10px;max-width:90vw}.district-controls span{display:none}}
.district-controls{top:244px}@media(max-width:760px){.district-controls{top:194px}}