@font-face{font-family:RootSans;src:local('Inter'),local('Aptos'),local('Segoe UI')}*{box-sizing:border-box}:root{--ink:#29473f;--paper:#faf8ef;--line:#dce1d5;--muted:#7a897c;--peach:#e5aa7c}html,body{margin:0;height:100%;overflow:hidden;font-family:RootSans,Arial,sans-serif;color:var(--ink);background:#d2debc}button,input{font:inherit}button{cursor:pointer;background:var(--paper);border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:10px 13px;font-size:12px}button:hover:not(:disabled){background:#eaf0df}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #cc8b5b;outline-offset:3px}input{width:100%;padding:12px 13px;background:#fffef7;border:1px solid #d7ded0;border-radius:8px;color:var(--ink);font-size:13px}header{height:76px;padding:0 28px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:9;border-bottom:1px solid #dce1d5}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-1px}.brand b{font-weight:400}.brand small{display:block;font-size:7px;letter-spacing:2.3px;margin-top:5px;font-weight:600}.logo{font-size:39px;line-height:44px;background:var(--ink);color:var(--paper);height:44px;width:44px;display:block;border-radius:13px;text-align:center;position:relative}.logo span{color:var(--peach);position:absolute;font-size:27px;right:5px;bottom:-5px}.header-right{display:flex;align-items:center;gap:18px}#connection{font-size:11px;color:#7d8b7f}#world{position:relative;height:calc(100dvh - 76px)}#game{width:100%;height:100%;border:0;display:block}.panel{background:#faf8eff5;border:1px solid #ffffffa0;border-radius:17px;box-shadow:0 8px 36px #29433714;backdrop-filter:blur(12px)}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:750}h1,h2{font-weight:500;letter-spacing:-1px}h1{font-size:30px;margin:8px 0 6px}h2{font-size:22px;margin:12px 0}p{font-size:12px;line-height:1.7;color:#748370}.location{position:absolute;left:26px;top:23px;pointer-events:none;text-shadow:0 1px 5px #fff9;background:#faf8efd9;padding:17px 20px;border-radius:14px}.location p{margin:0}.badges{display:flex;gap:10px;margin-top:13px;font-size:8px;letter-spacing:.7px}.badges span{padding:6px 9px;background:#e4ead9;border-radius:12px}.badges span:last-child{background:#eacbaa;color:#5e513b}.camera-tools{display:flex;gap:5px;position:absolute;top:25px;right:27px}.camera-tools button{padding:9px 12px}.places{position:absolute;left:26px;bottom:87px;width:270px;padding:22px}.places p{font-size:11px}.landmark{border-bottom:1px solid #e0e5d8;padding:10px 0;display:flex;justify-content:space-between;gap:8px;align-items:center}.landmark strong{font-size:12px;font-weight:600;display:block}.landmark small{font-size:9px;color:#87947f;display:block;margin-top:4px}.landmark .walk{border:0;background:transparent;text-align:left;padding:0;flex:1}.landmark .go{padding:6px 7px;font-size:9px;white-space:nowrap}.text-button{border:0;background:none;padding:6px 0;font-size:10px;text-align:left}#lessons{margin-top:12px}.social{position:absolute;right:26px;top:81px;bottom:87px;width:285px;padding:20px;display:flex;flex-direction:column;gap:0}.social-top{display:flex;align-items:center;justify-content:space-between}.social h2{font-size:26px;margin:9px 0 2px}#room-caption{font-size:9px;color:var(--muted);margin:4px 0 12px}#people{max-height:120px;overflow:auto;flex-shrink:0}.person{display:flex;align-items:center;gap:7px;padding:6px 0;font-size:11px}.person i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.person .name{flex:1}.person button{padding:4px;font-size:9px;border:0}.wave{margin:11px 0 9px;background:#eee6ce;border-color:#e5daba;font-size:11px}.voice-tools{display:flex;gap:5px}.voice-tools button{padding:7px;font-size:10px}#voice-status{font-size:9px;line-height:1.5;color:#7d8c7a;min-height:32px;margin-top:7px}#chat-log{flex:1;overflow:auto;min-height:65px;border-top:1px solid #dde2d5;margin-top:9px;padding-top:10px}.empty-chat{font-size:11px;color:#96a18d}.chat-message{margin:0 0 10px;font-size:12px;line-height:1.4;overflow-wrap:anywhere;color:#425a4a}.chat-message strong{display:block;font-size:9px;color:#8b977f;margin-bottom:3px}#chat-form{display:flex;gap:5px;margin-top:9px}#message{min-width:0;font-size:11px;padding:11px 10px}#chat-form button{font-size:20px;padding:5px 12px;background:#315548;color:#fff}.chat-note{font-size:8px;color:#8f9a85;margin-top:6px}.bottom{position:absolute;left:26px;right:26px;bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:8px}.keys{display:flex;gap:17px;background:#faf8efe8;border-radius:9px;padding:12px;font-size:9px;color:#7d8b72}.keys span{white-space:nowrap}kbd{font-size:8px;border:1px solid #d4deca;border-radius:3px;padding:3px 5px;background:#fffcf2}#about{font-size:10px}.attribution{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);display:flex;gap:9px;font-size:8px;background:#faf8efe8;padding:5px 9px;border-radius:5px;white-space:nowrap}.attribution a{color:#55715c}.welcome{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:360px;padding:29px 30px}.welcome .eyebrow{font-size:8px}.welcome h2{font-size:44px;line-height:1.06;letter-spacing:-1.8px;margin:17px 0}.welcome em{font-family:Georgia,serif;font-weight:400}.welcome p{font-size:11px}.welcome label{font-size:10px;display:block;margin:13px 0 6px}.welcome input{padding:10px 12px;font-size:12px}.welcome button{width:100%;margin-top:8px}.welcome .primary{background:#315447;color:#fff;border-color:#315447}.welcome small{font-size:9px;line-height:1.6;display:block;margin-top:12px;color:#8b9582}.welcome fieldset{border:0;padding:0;margin:12px 0 5px}.welcome legend{font-size:9px}.welcome #colours{display:flex;gap:8px}.welcome #colours button{width:26px;height:26px;border-radius:50%;border:3px solid #faf8ef;padding:0;outline:1px solid #d6decf}.welcome #colours button.selected{outline:2px solid #315548}#join-error{color:#a95646;margin:9px 0 0;font-size:10px}.welcome~.location{display:none}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e0e7d6f5;z-index:10}#loading p{margin:10px}#loading small{font-size:10px;color:#87937d}.loader{border:3px solid #cad6bd;border-top-color:#5f8068;border-radius:50%;width:34px;height:34px;animation:spin 1s linear infinite;margin-bottom:19px}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}.touch-pad,.mobile-toggle{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid #e0e6d6;border-radius:18px;padding:32px;background:var(--paper);color:var(--ink);width:min(650px,calc(100% - 24px));max-height:88dvh;box-shadow:0 30px 120px #243b3655}dialog::backdrop{background:#20443b80;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:10px;border:0;font-size:24px;padding:0 7px}.step{padding:12px 0;border-top:1px solid #dce2d4}.step h3{font-size:14px;margin:0}.step p{margin-bottom:0}#suggestions{display:flex;flex-wrap:wrap;gap:5px}#suggestions button{font-size:10px}#answers{font-size:12px;max-height:200px;overflow:auto;margin:14px 0}#question-form{display:flex;gap:7px}#question{min-width:0}dialog small{display:block;font-size:10px;color:#8b9581;margin:10px 0}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:90%;padding:14px 20px;border-radius:9px;background:#29483f;color:#fff9ed;z-index:30;font-size:12px;box-shadow:0 5px 25px #0002}#info-content a{color:#446954}.lesson-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-height:850px) and (min-width:701px){.welcome{padding:21px 27px;width:345px}.welcome h2{font-size:36px;margin:12px 0}.welcome p{margin:8px 0}.welcome label{margin:9px 0 4px}.welcome button{padding:8px;margin-top:6px}.welcome small{margin-top:9px}.places{width:245px;padding:18px}.places h2{font-size:20px}.landmark{padding:8px 0}.social{padding:16px;top:74px}.social h2{font-size:23px}#people{max-height:88px}}
@media(max-width:1050px){.keys span:nth-child(3),.keys span:last-child{display:none}.places{width:230px}.social{width:260px}.location{max-width:410px}.location h1{font-size:26px}}
@media(max-width:700px){header{height:65px;padding:0 14px}.brand{font-size:19px;gap:8px}.logo{width:36px;height:36px;line-height:35px;font-size:32px;border-radius:11px}.brand small{font-size:6px}.header-right{gap:5px}#connection{font-size:8px;max-width:100px}#leave{padding:7px;font-size:9px}#world{height:calc(100dvh - 65px)}.location{left:12px;right:12px;top:12px;padding:12px 14px;max-width:none}.location h1{font-size:24px;margin:6px 0}.location p{font-size:10px}.location .eyebrow{font-size:7px}.badges{margin-top:8px;font-size:6px}.camera-tools{right:12px;top:143px;gap:4px}.camera-tools button{font-size:9px;padding:8px}.mobile-toggle{display:block;position:absolute;bottom:72px;z-index:4;font-size:10px}#places-toggle{left:12px}#social-toggle{right:12px}.places,.social{display:none}.places.open,.social.open{display:flex;position:absolute;left:12px;right:12px;top:auto;bottom:114px;width:auto;max-height:53dvh;z-index:5;padding:18px;overflow:auto}.places.open{flex-direction:column}.places.open h2{font-size:19px}.places.open p{margin:0}.social.open{height:52dvh}.social.open #people{max-height:65px}.social.open .social-top{display:none}.social.open h2{margin:0;font-size:21px}.social.open #room-caption{margin:4px 0}.social.open .wave{margin:6px 0}.social.open #voice-status{min-height:0;font-size:8px}.social.open #chat-log{min-height:35px}.social.open .chat-note{display:none}.touch-pad{display:grid;position:absolute;bottom:115px;left:12px;width:132px;grid-template-columns:repeat(3,40px);gap:5px}.touch-pad button{height:40px;padding:4px;font-size:21px;touch-action:none;background:#fbf9eef2}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-column:1;grid-row:2}.touch-pad button:nth-child(3){grid-column:2;grid-row:2}.touch-pad button:nth-child(4){grid-column:3;grid-row:2}.bottom{bottom:12px;left:12px;right:12px}.keys{font-size:8px;padding:9px}.keys span:nth-child(2){display:none}.bottom #about{font-size:8px;padding:9px}.attribution{bottom:52px;font-size:6px;gap:5px;max-width:95%}.welcome{left:12px;right:12px;width:auto;top:auto;bottom:16px;transform:none;padding:22px;max-height:calc(100% - 28px);overflow:auto;z-index:6}.welcome h2{font-size:35px;margin:12px 0}.welcome h2 br{display:none}.welcome h2 em{margin-left:6px}.welcome p{margin:8px 0}.welcome label{margin:8px 0 4px}.welcome button{padding:10px}.welcome small{margin-top:8px}.welcome .eyebrow{font-size:7px}.welcome fieldset{margin:8px 0 4px}#toast{bottom:18px;font-size:11px;width:max-content;max-width:90%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}

/* Interactive city palette and activity panels */
:root{--ink:#173f50;--paper:#fff9ed;--line:#cfddd9;--peach:#ffaf61}
.logo,.welcome .primary,#chat-form button{background:#17697a}.brand small{color:#cc632e}.panel{border-top:3px solid #e49d45}.badges{flex-wrap:wrap;max-width:330px;gap:5px}.badges span{background:#dcefe9;color:#22515e}.badges #inventory-count{background:#ffe0ac;color:#713c1d}.badges #total-xp{background:#d5cef6;color:#503c82}.places{max-height:calc(100% - 295px);overflow:auto}.errands{padding:12px;background:#f6e9cc;border-radius:10px;margin:12px 0}.errands strong{font-size:12px}.errands p{font-size:10px;line-height:1.4;margin:7px 0}.errands>div{display:flex;gap:5px}.errands button{font-size:10px;padding:8px;background:#17697a;color:white;border:0}.errands small{display:block;font-size:9px;line-height:1.4;margin-top:8px;color:#765d37}
#nearby-card{position:absolute;left:50%;top:88px;transform:translateX(-50%);width:min(380px,calc(100% - 655px));padding:17px;z-index:3;border-top-color:#29a58f;box-shadow:0 10px 35px #123d3c22}.nearby-top{display:flex;justify-content:space-between;align-items:center}.nearby-top button{border:0;padding:0 5px;font-size:22px;background:transparent}#nearby-card h2{font-size:19px;margin:5px 0 9px}#discussion-topic{font-size:10px;background:#d6e9e5;color:#176b6f;padding:4px 8px;border-radius:8px}#nearby-card p{font-size:12px;color:#325a62;line-height:1.5;margin:10px 0}#nearby-card small{display:block;font-size:9px;line-height:1.4;color:#64837b}.discussion-actions{display:flex;gap:5px;margin:12px 0}.discussion-actions button{padding:8px;font-size:10px}#start-discussion{background:#177b79;color:white;border:0}#pickup-button{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);background:#bd4d21;border:2px solid #ffdf99;color:white;font-weight:700;box-shadow:0 5px 20px #502a1e33;z-index:4}
@media(max-width:1100px) and (min-width:701px){#nearby-card{width:330px;top:auto;bottom:105px}}
@media(max-width:700px){.location h1{font-size:22px}.badges{max-width:none;font-size:7px}.camera-tools{top:164px}.places.open{max-height:58dvh}.places{max-height:none}#nearby-card{top:207px;left:12px;right:12px;transform:none;width:auto;padding:13px}#nearby-card h2{font-size:16px}#nearby-card p{font-size:11px;margin:8px 0}#nearby-card .eyebrow{font-size:8px}#pickup-button{left:auto;right:12px;transform:none;max-width:205px;font-size:11px;bottom:119px}.errands{margin:9px 0}.badges #total-xp{display:none}}

.errands button:hover:not(:disabled),#start-discussion:hover:not(:disabled),.welcome .primary:hover:not(:disabled){background:#125565;color:white}

#nearby-card label{display:block;font-size:12px;margin-bottom:6px}#conversation-message{box-sizing:border-box;width:100%;resize:vertical;border:1px solid #aac5bd;border-radius:10px;padding:10px;font:inherit;font-size:13px;color:#214c55;background:#fffdf5}

[hidden]{display:none!important}#talk-decisions{display:flex;gap:8px;margin:10px 0}#talk-status{font-size:12px;line-height:1.5}#end-talk{margin:8px 0}

/* User-supplied brand artwork, retained without alteration. */
.brand{flex-direction:column;align-items:flex-start;gap:3px;letter-spacing:0;min-width:0}.brand-logo{display:block;width:250px;max-width:100%;height:auto}.brand small{font-size:10px;letter-spacing:.8px;color:#17697a;margin:0;font-weight:600;white-space:nowrap}
@media(max-width:700px){.brand-logo{width:190px}.brand small{font-size:8px;letter-spacing:.4px}#connection{display:none}.header-right{margin-left:8px}}

@media(max-width:700px){.social.private-active #people,.social.private-active #room-caption,.social.private-active #wave{display:none}.social.private-active #chat-log{min-height:100px}.social.private-active #talk-status{margin:6px 0}}

#talk-decisions.invite-alert{display:block;position:absolute;top:100px;left:50%;transform:translateX(-50%);width:340px;max-width:calc(100% - 24px);padding:20px;z-index:20;border-top-color:#2b9b8d}#talk-decisions button{margin-right:8px}#accept-talk{background:#17697a;color:white}#delivery-status,#availability-note{font-size:10px;line-height:1.5;color:#496c6b}#availability-note{margin:5px 0}.person .name{min-width:0;overflow-wrap:anywhere}.person button{font-size:8px}@media(max-width:700px){#talk-decisions.invite-alert{top:150px}.social.private-active #availability-note{display:none}}