@font-face{font-family:Andika;src:url('./assets/fonts/Andika-Regular.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Andika;src:url('./assets/fonts/Andika-Bold.ttf') format('truetype');font-display:swap;font-weight:700}@font-face{font-family:'Barlow Condensed';src:url('./assets/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-display:swap;font-weight:600}
:root{--town-ink:#254a50;--town-paper:#fff8e9;--town-teal:#2d726e;--town-sun:#f2ba54}body,button,input,select,textarea{font-family:Andika,system-ui,sans-serif}.brand,h1,h2,h3,.eyebrow,.world-name{font-family:'Barlow Condensed',Andika,sans-serif;font-weight:600}.brand{letter-spacing:1.5px}.brand-orbit{background:var(--town-sun);color:var(--town-ink);border:2px solid var(--town-ink);box-shadow:3px 3px 0 #1c414f}.brand-caption{font-family:Andika,sans-serif;font-size:8px;letter-spacing:.8px}
.town-easy-dialog{background:var(--town-paper);border:2px solid var(--town-ink);border-radius:23px 7px 23px 7px;box-shadow:7px 7px 0 #23485199}.town-easy-dialog h2{font-size:30px;letter-spacing:.1px;color:var(--town-ink)}.town-easy-dialog h3{font-size:24px}.town-big-button,.town-game-card,.town-phrase-button{border:2px solid #315853;border-radius:15px 5px 15px 5px;color:var(--town-ink);box-shadow:3px 4px 0 #3158532e}.town-simple-menu .town-big-button{border:2px solid #254a50;background:#fff9e9;box-shadow:3px 4px 0 #23414c65;border-radius:17px 6px 17px 6px;font-size:11px}.town-simple-menu .town-big-button:nth-child(2){background:#ffdba2}.town-simple-menu .town-big-button:nth-child(3){background:#c3e6dd}.town-simple-menu .town-big-button:nth-child(4){background:#f7d962}.town-simple-menu .town-big-button:nth-child(5){background:#c7d9f1}.town-menu-art{width:33px;height:33px;display:block}.town-simple-menu .town-big-button strong{letter-spacing:.2px}.town-stick{border-color:#ffebba!important;background:#284e5870!important;box-shadow:0 0 0 2px #27474e,0 6px 0 #16334440}.town-stick-knob{background:#ffe8b5!important;border:2px solid #2d5356!important}.town-sector-label{background:#f6e5bb!important;color:#2a5355!important;border:1px solid #2d5356;font-family:'Barlow Condensed',sans-serif;font-size:15px!important;letter-spacing:.6px}.town-action-button,.town-jump-button,.town-run-button{border:2px solid #2d5356!important;box-shadow:3px 4px 0 #24434c66!important;color:#24434c!important}.town-action-button{background:#f3c661!important}.town-jump-button{background:#cbdfeb!important}.town-run-button{background:#c9e2c4!important}.town-close{border:1px solid #3a5e5c}.town-friend-card{border:1px solid #c6c5ae;background:#fffdf5;border-radius:18px 5px 18px 5px}.town-dialog-note{color:#4b6159}
#guest-dialog{background:#fff8e9;color:#254a50;border:2px solid #315853;border-radius:23px 7px 23px 7px}#guest-dialog .input-note,#guest-dialog label,#guest-dialog .eyebrow{color:#48675f}#guest-dialog input,#guest-dialog select{background:#fffcf4;color:#254a50;border:1px solid #9fbaaa}#guest-dialog .wardrobe{border-color:#afc4ad}#guest-dialog .wardrobe legend{color:#315853}#guest-dialog .icon-button{color:#315853}#guest-dialog .button.primary{background:#edb74f;color:#254a50;border:2px solid #315853;font-size:17px;min-height:58px}#guest-dialog h2{font-size:32px;color:#254a50}.town-welcome-art{display:block;width:100%;height:145px;object-fit:cover;border-radius:16px 5px 16px 5px;margin:14px 0 18px;border:1px solid #a9b5a0}
#loading{background:#203e4de6;backdrop-filter:blur(8px)}#loading p{font-family:'Barlow Condensed',sans-serif;letter-spacing:1px;font-size:25px}.town-loading-art{width:min(620px,80vw);aspect-ratio:16/9;object-fit:cover;border-radius:20px 6px 20px 6px;border:3px solid #ffe1a1;margin:0 auto 20px}.town-game-card{background:#f8d26f}.town-game-card:nth-of-type(2){background:#b9dfdd}.town-game-progress{border:2px solid #edd6a1;background:#234852;border-radius:15px 5px 15px 5px}.town-phrase-button{background:#e4ecdb}.town-home-emoji{display:none}
@media(max-height:430px) and (orientation:landscape){.town-welcome-art{height:105px}.town-easy-dialog h2{font-size:27px}}
.town-college-openers{display:none}.town-campus-adult .town-college-openers{display:block}.kid-town .town-older-only{display:none!important}.town-profile-link{display:inline-block;padding:9px;border:1px solid #b6c9b6;border-radius:9px;color:#245c62;font-size:13px}.town-older-only input,.town-quick-shop input,#town-quick-shop input,#town-quick-shop select{width:100%;min-height:52px;font:inherit;font-size:16px;border:1px solid #9cbaaa;padding:12px;border-radius:12px;margin:8px 0;background:#fffdf4;color:#294c4d}.town-shop-poster{width:100%;max-height:280px;object-fit:contain;margin:15px 0;border-radius:12px}.town-building-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.town-build-palette{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.town-build-palette button{font-size:13px;padding:8px;min-height:45px}.town-build-hud{position:fixed;left:50%;transform:translateX(-50%);bottom:100px;z-index:8;background:#fff3d9ed;border:2px solid #315853;border-radius:18px 6px 18px 6px;padding:8px;display:flex;gap:6px;align-items:center;max-width:calc(100vw - 24px);flex-wrap:wrap}.town-build-hud[hidden]{display:none}.town-build-hud strong{width:100%;font-size:12px;color:#315853;text-align:center}.town-build-hud button{min-height:44px;font-size:12px;padding:7px 9px}.town-walkie-button{background:#cee0b7!important;touch-action:none}.town-walkie-button.talking{background:#f4b841!important;box-shadow:0 0 0 4px #fff1b388!important}.kid-town:not(.family-voice-enabled) .town-walkie-button{opacity:.65}
.touch-town .town-simple-menu{top:auto;left:50%;right:auto;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);padding:8px;gap:5px;background:#fff6dece;border:1px solid #254a5080;border-radius:23px;box-shadow:0 5px 18px #16374444;backdrop-filter:blur(12px);max-width:calc(100vw - 18px);overflow:auto;justify-content:flex-start}.touch-town .town-simple-menu .town-big-button{width:47px;min-width:47px;height:56px;min-height:56px;padding:3px;border-radius:15px 6px 15px 6px;font-size:10px;box-shadow:1px 3px 0 #23414c33;flex-shrink:0}.touch-town .town-menu-art{width:27px;height:27px}.touch-town .town-simple-menu .town-button-icon{font-size:24px}.touch-town .town-sector-label{top:57px;left:16px;max-width:calc(100vw - 32px)}.touch-town .town-action-button{width:83px;height:83px;font-size:13px}.touch-town .town-action-button .town-button-icon{font-size:34px}.touch-town #toast{bottom:91px}.touch-town .town-game-progress{top:95px}.touch-town #room-panel{bottom:170px;max-height:calc(100dvh - 280px)}.touch-town #room-panel.collapsed{top:98px;bottom:auto}
@media(orientation:portrait){.touch-town .town-stick{bottom:112px}.touch-town .town-thumb-actions{bottom:112px}.touch-town .town-jump-button{bottom:99px}.touch-town .town-run-button{bottom:267px}.touch-town .town-rotate-tip{display:none}.touch-town .town-look-hint{bottom:310px}.touch-town .town-game-progress{top:98px}.touch-town .town-build-hud{bottom:360px;max-width:calc(100vw - 28px);width:360px}.touch-town #room-panel{bottom:367px;max-height:calc(100dvh - 475px)}}
@media(orientation:landscape){.touch-town .town-simple-menu{bottom:12px}.touch-town .town-stick{bottom:23px;width:124px;height:124px}.touch-town .town-thumb-actions{bottom:24px}.touch-town .town-run-button{left:165px;bottom:41px}.touch-town .town-look-hint{bottom:134px}.touch-town .town-build-hud{bottom:98px;max-width:calc(100vw - 310px)}.touch-town .town-sector-label{top:49px;max-width:55%}}

.touch-town .town-simple-menu{gap:3px}.touch-town .town-simple-menu .town-big-button{width:46px;min-width:46px}.town-simple-menu::-webkit-scrollbar{display:none}.town-simple-menu{scrollbar-width:none}

.touch-town .town-simple-menu .town-big-button{font-size:12px}

/* Three tools stay in the middle; movement stays at the thumbs. */
.touch-town .town-simple-menu{top:auto;left:50%;right:auto;bottom:max(17px,env(safe-area-inset-bottom));transform:translateX(-50%);width:auto;gap:9px;padding:7px;border-radius:25px;background:#e9f5ed7a;backdrop-filter:blur(12px)}
.touch-town .town-simple-menu .town-big-button{width:67px;height:64px;min-height:64px;font-size:13px}
.touch-town .town-sector-label{top:60px}.touch-town .town-rotate-tip{bottom:265px}.touch-town .town-thumb-actions{bottom:116px;gap:8px}.touch-town .town-action-button{width:65px;height:65px;min-height:65px}.touch-town .town-jump-button{position:static;width:51px;height:51px;min-height:51px;font-size:10px}.touch-town .town-look-hint{bottom:207px}.touch-town #room-panel{bottom:240px}.town-desktop-menu{top:auto;bottom:20px;right:auto;left:50%;transform:translateX(-50%);padding:8px;background:#f9fff4bb;border-radius:24px;backdrop-filter:blur(10px)}
@media(max-height:430px) and (orientation:landscape){.touch-town .town-thumb-actions{bottom:27px}.touch-town .town-simple-menu{bottom:17px}.touch-town .town-sector-label{top:48px}.touch-town .town-simple-menu .town-big-button{width:64px;height:58px;min-height:58px}.touch-town #room-panel{bottom:105px}.touch-town .town-look-hint{bottom:107px}}
.appopener-town .brand-mark,.appopener-town .button.primary{background:#f7354b}.appopener-town .brand-caption{color:#fff29b}.appopener-town .town-simple-menu .town-big-button:nth-child(1){background:#fff17d}.appopener-town .town-simple-menu .town-big-button:nth-child(2){background:#ff7c89}.appopener-town .town-simple-menu .town-big-button:nth-child(3){background:#74c8ff}.appopener-town .town-sector-label{background:#165fda}.appopener-town .town-action-button{background:#ff6b7b}.appopener-town .town-jump-button{background:#76caff}.appopener-town .town-stick-knob{background:#fff482}.appopener-town dialog{border-color:#1681f8}.appopener-town .town-easy-dialog h2{color:#e92846}
@media(orientation:portrait){.touch-town .town-stick{bottom:114px;width:112px;height:112px;left:20px}.touch-town .town-run-button{bottom:245px;left:46px}.touch-town .town-rotate-tip{display:none}.touch-town .town-game-progress{top:105px}.touch-town #room-panel.collapsed{top:105px}.touch-town .town-look-hint{bottom:197px}}
.quickbar{display:none!important}.town-desktop-menu .town-big-button{min-width:86px;font-size:14px}.appopener-town .town-campus-desktop{display:none}
.appopener-town .brand-orbit{background:#ffeb60;color:#146be6}.appopener-town .town-action-button{background:#ff6b7b!important}.appopener-town .town-jump-button{background:#76caff!important}.appopener-town .town-stick-knob{background:#fff482!important}.appopener-town .town-sector-label{background:#165fda!important;color:white!important}

/* Chat stays beside the town. Expand is always a choice. */
#town-chat{position:fixed;inset:82px 16px 110px auto;margin:0;width:28vw;min-width:280px;max-width:560px;max-height:none;padding:14px;border-radius:22px 7px 22px 7px;z-index:9;overflow:hidden;background:#fffcf3f2;box-shadow:4px 6px 0 #23485145,0 15px 45px #17332e33;backdrop-filter:blur(12px)}
#town-chat[open]{display:flex;flex-direction:column;gap:10px}
#town-chat header{gap:7px;margin:0;flex-shrink:0}#town-chat h2{font-size:24px;letter-spacing:0;flex:1;white-space:nowrap}
#town-chat .town-close,#town-chat .town-chat-resize{min-width:42px;min-height:42px;width:42px;height:42px;padding:4px;border:1px solid #315853;border-radius:13px;background:#cce8f8;color:#234851;display:grid;place-items:center;cursor:pointer;box-shadow:none}
#town-chat .town-chat-resize strong{display:none}#town-chat .town-chat-resize .town-button-icon,#town-chat .town-close .town-button-icon{font-size:24px}
#town-chat details{flex-shrink:0;border:1px solid #c9d9c4;border-radius:12px;background:#f3f7df;padding:8px 10px}#town-chat summary{cursor:pointer;font-size:14px;font-weight:600;min-height:25px;line-height:25px}
#town-chat .town-chat-people[open]{max-height:40%;overflow:auto}#town-chat .town-chat-greetings[open]{max-height:35%;overflow:auto}
#town-chat .town-dialog-note{font-size:13px;line-height:1.5;margin:8px 0}#town-chat h3{font-size:18px;margin:10px 0}#town-chat .town-friend-card{padding:10px;margin:8px 0;gap:7px}#town-chat .town-friend-card strong{font-size:15px}
#town-chat .town-quick-phrases{gap:6px;margin-top:7px}#town-chat .town-phrase-button{min-height:42px;padding:7px;font-size:13px}
#town-chat .town-hello-feed{flex:1;min-height:60px;max-height:none;overflow:auto;margin:0;overscroll-behavior:contain;scrollbar-width:thin}#town-chat .town-hello-feed p{padding:10px 12px;margin:7px 0;border:1px solid #d2dfce;background:#fff;border-radius:14px 14px 14px 4px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}#town-chat .town-hello-feed strong{display:block;font-size:12px;color:#386956;margin-bottom:3px}#town-chat .town-hello-feed span{display:block}
#town-chat .town-chat-empty{color:#4b6159;text-align:center;background:transparent!important;border-style:dashed!important}
#town-chat .town-family-chat{flex-shrink:0;display:flex;gap:7px;margin:0;align-items:stretch}#town-chat .town-family-chat input{min-width:0;width:100%;margin:0;padding:11px;border:1px solid #afc4ad;border-radius:12px;background:white;color:#254a50;font-size:15px}#town-chat .town-family-chat button{min-width:55px;min-height:44px;padding:8px;font-size:14px;border-radius:12px}
#town-chat.town-chat-expanded{inset:16px;width:auto;min-width:0;max-width:none;border-radius:22px}#town-chat.town-chat-expanded .town-chat-people[open]{max-height:30%}#town-chat.town-chat-expanded .town-chat-greetings[open]{max-height:25%}
body:has(#town-chat[open]) #room-panel{visibility:hidden}
#room-panel{width:28vw;min-width:280px;max-width:560px}
@media(max-width:700px){#town-chat{inset:94px 10px 244px auto;width:72vw;min-width:0;max-width:360px;padding:10px;gap:7px}#town-chat h2{font-size:20px}#town-chat header{gap:5px}#town-chat .town-close,#town-chat .town-chat-resize{width:38px;min-width:38px;height:40px;min-height:40px}#town-chat details{padding:6px 8px}#town-chat .town-chat-people[open]{max-height:40%}#town-chat .town-chat-greetings[open]{max-height:40%}.touch-town #room-panel{width:72vw;min-width:0;max-width:360px}#town-chat.town-chat-expanded{inset:10px;width:auto;max-width:none}}
@media(max-height:500px) and (orientation:landscape){#town-chat{inset:54px 12px 94px auto;width:32vw;min-width:270px;padding:9px;gap:5px}#town-chat h2{font-size:19px}#town-chat header{margin:0}#town-chat .town-close,#town-chat .town-chat-resize{min-height:34px;height:34px;width:34px;min-width:34px}#town-chat summary{font-size:12px;line-height:20px;min-height:20px}#town-chat details{padding:3px 7px}#town-chat .town-hello-feed{min-height:25px}#town-chat .town-family-chat input{padding:7px}#town-chat .town-family-chat button{min-height:36px}.touch-town #room-panel{width:32vw;min-width:270px}#town-chat.town-chat-expanded{inset:8px;width:auto;min-width:0;max-width:none}}

#town-chat .town-chat-status{font-size:12px;line-height:1.4;color:#4b6159;margin:0;flex-shrink:0}
#town-dosti .town-dosti-invite{background:#e0f0dd;border:1px solid #b6c9ab;border-radius:17px;padding:14px;margin-bottom:16px}#town-dosti .town-dosti-invite h3{margin-top:0}#town-dosti .town-dosti-invite input{display:block;width:100%;min-width:0;border:1px solid #b6c9ab;padding:11px;border-radius:10px;background:white;color:#315853;font:inherit;font-size:14px;margin:8px 0}#town-dosti .town-dosti-invite button{min-height:48px;font-size:14px;padding:8px 10px;margin:5px 5px 0 0}#town-dosti .town-chat-people{padding:10px;border:1px solid #b6c9ab;border-radius:15px}#town-dosti summary{cursor:pointer;font-size:18px;font-weight:600}#town-dosti .town-older-only input{width:100%;min-width:0;font:inherit;padding:11px;border-radius:10px;border:1px solid #b6c9ab;background:white;color:#315853}
@media(max-height:500px) and (orientation:landscape){#town-chat .town-chat-status{display:none}}
@media(max-height:600px) and (orientation:portrait){#town-chat{inset:58px 10px 12px auto}#town-chat .town-chat-status{display:none}#town-chat .town-hello-feed{min-height:0}#town-chat.town-chat-expanded{inset:8px}}
#town-chat .town-family-chat input{font-size:16px}

.town-tutorial-dialog{width:min(720px,calc(100vw - 24px));padding:20px}.town-tutorial-dialog header button{min-width:44px;min-height:44px;padding:5px;font-size:24px}.town-tutorial-label{font-size:12px;color:#557068;margin:0 0 14px}.town-tutorial-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.town-tutorial-card{border:1px solid #b9c7aa;border-radius:19px 6px 19px 6px;background:#fffdf3;padding:16px}.town-tutorial-icon{display:block;font-size:38px}.town-tutorial-card h3{font-size:21px;margin:10px 0}.town-tutorial-card p{font-size:14px;line-height:1.55;color:#4a645b}.town-tutorial-action{font:inherit;font-size:14px;padding:10px 13px;min-height:44px;border:1px solid #315853;border-radius:13px;background:#f2d87a;color:#254a50;cursor:pointer}.town-tutorial-card .town-tutorial-action{width:100%;margin-top:14px}.town-idle-tip{position:fixed;left:16px;top:110px;z-index:7;max-width:min(370px,calc(100vw - 32px));padding:11px 12px;background:#fffbe9ee;border:1px solid #315853;border-radius:17px;box-shadow:3px 4px 0 #23485133;display:flex;align-items:center;gap:8px;font-size:13px;color:#254a50}.town-idle-tip[hidden]{display:none}.town-idle-tip span{flex:1}.town-idle-tip button:last-child{font-size:22px;min-width:38px;padding:4px}.appopener-town .town-tutorial-card:nth-child(1){background:#ffedf0;border-color:#ff7586}.appopener-town .town-tutorial-card:nth-child(2){background:#e7f3ff;border-color:#64b4fa}.appopener-town .town-tutorial-card:nth-child(3){background:#fff8c9;border-color:#e6c651}.appopener-town .town-tutorial-action{background:#207cea;color:white;border-color:#0c61c9}.appopener-town #town-chat{background:#fffdf7f5;border-color:#2384ee}.appopener-town #town-dosti .town-dosti-invite{background:#ffedf0;border-color:#ff8da0}
@media(max-width:600px){.town-tutorial-lessons{grid-template-columns:1fr}.town-tutorial-card{padding:13px}.town-tutorial-icon{float:left;margin-right:12px;font-size:32px}.town-tutorial-card h3{font-size:20px;margin:5px 0}.town-tutorial-card p{clear:both;padding-top:5px}.town-idle-tip{top:103px;font-size:12px;max-width:calc(100vw - 32px)}}
/* A small tray opens a legible tool palette. */
#town-more{width:min(700px,calc(100vw - 24px))}#town-more[open]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#town-more>header{grid-column:1/-1;margin:0 0 6px}#town-more>.town-big-button,#town-more .town-grownup-menu>.town-big-button{width:100%;min-width:0;min-height:80px;margin:0;padding:10px;flex-direction:column;justify-content:center;text-align:center;font-size:14px;gap:6px}#town-more .town-grownup-menu{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#town-more>.town-big-button:nth-child(3n+2){background:#ffedbb}#town-more>.town-big-button:nth-child(3n+3){background:#dcedff}#town-more>.town-big-button:nth-child(3n+4){background:#e2efd7}.appopener-town #town-more>.town-big-button:nth-child(3n+2){background:#fff18c}.appopener-town #town-more>.town-big-button:nth-child(3n+3){background:#ffc7d0}.appopener-town #town-more>.town-big-button:nth-child(3n+4){background:#b9e0ff}.appopener-town #town-dosti h2{color:#126ee0}.appopener-town #town-chat h2{color:#e92846}
@media(max-width:600px){#town-more[open],#town-more .town-grownup-menu{grid-template-columns:repeat(2,minmax(0,1fr))}#town-more>.town-big-button,#town-more .town-grownup-menu>.town-big-button{min-height:75px;font-size:14px}#town-more h2{font-size:25px}}