*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font:14px/1.5 system-ui,sans-serif;background:#efe9da;color:#25483e}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bd9148;outline-offset:3px}header{height:78px;padding:0 30px;background:#faf8ef;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c2cdbb;position:relative;z-index:3}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none;font-size:11px;font-weight:750;letter-spacing:.15em}.brand small{font-size:11px;letter-spacing:.03em;font-weight:400;color:#738276;display:block}.monogram{width:37px;height:40px;border-radius:11px;display:grid;place-items:center;background:#214a3f;color:#e5ce87;font:29px Georgia,serif}nav{display:flex;gap:22px;align-items:center;font-size:12px}nav a{color:inherit;text-decoration:none}nav button{border:0;background:transparent}#world{height:calc(100dvh - 78px);position:relative;overflow:hidden}#view{height:100%;touch-action:none;cursor:grab}#view:active{cursor:grabbing}#view canvas{display:block;width:100%;height:100%}#loading{position:absolute;inset:0;z-index:20;background:#f5f0df;display:grid;place-items:center;font:23px Georgia,serif}#loading[hidden]{display:none}.place{position:absolute;top:26px;left:30px;pointer-events:none;text-shadow:0 1px 14px #fff7db,0 1px 3px #fff7db}.eyebrow{font-size:9px;font-weight:750;letter-spacing:.18em}.place h1{font:35px/1.15 Georgia,serif;margin:8px 0 6px}.place p{font-size:12px;margin:0;max-width:280px;color:#365748}.camera-tools{position:absolute;right:24px;top:24px;display:flex;padding:5px;border-radius:13px;background:#faf7eae8;box-shadow:0 6px 24px #33452a18;gap:3px}.camera-tools button{border:0;background:transparent;border-radius:9px;width:35px;height:36px;font-size:24px;line-height:1}.camera-tools button:hover{background:#dde7d6}.camera-tools span{width:1px;background:#d8dccb;margin:6px}.walk-note{position:absolute;bottom:26px;left:30px;background:#faf8eee8;padding:12px 20px;border-radius:12px;box-shadow:0 6px 24px #33452a18;font-size:12px;pointer-events:none}.walk-note small{display:block;font-size:10px;margin-top:3px;color:#748170}.mini{position:absolute;bottom:20px;right:24px;background:#faf8eee8;border-radius:16px;padding:8px 8px 7px;box-shadow:0 6px 24px #33452a18;text-align:center;font-size:10px;color:#667866}.mini canvas{display:block;width:132px;height:132px;border-radius:9px}.mini span{display:block;margin-top:4px}#controls-panel{position:absolute;right:24px;top:84px;background:#faf8ef;border-radius:14px;padding:22px;box-shadow:0 6px 30px #283e2a26;max-width:330px;font-size:12px;z-index:5}#controls-panel p{line-height:2;margin:12px 0 0}kbd{font:11px system-ui,sans-serif;border:1px solid #cdd4c2;border-radius:4px;padding:2px 5px;background:#edf0e5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.touch-pad{display:none;position:absolute;bottom:24px;left:20px;text-align:center}.touch-pad button{background:#faf8eee8;border:1px solid #d8dfcb;width:44px;height:44px;border-radius:13px;margin:2px;font-size:23px;touch-action:none}.touch-pad>div{display:flex}@media(pointer:coarse){.touch-pad{display:block}.walk-note{left:180px;right:180px;bottom:34px;padding:8px 12px}}@media(max-width:700px){header{height:65px;padding:0 15px}#world{height:calc(100dvh - 65px)}.place{top:20px;left:17px}.place h1{font-size:27px}.place .eyebrow{font-size:8px}.place p{max-width:190px;font-size:11px}.camera-tools{right:12px;top:113px;display:grid;grid-template-columns:repeat(3,36px)}.camera-tools span{display:none}.mini{right:12px;bottom:14px}.mini canvas{width:100px;height:100px}.walk-note{left:16px;right:135px;bottom:17px;padding:9px 12px}.walk-note small{display:none}#controls-panel{right:12px;top:202px;left:17px;max-width:none}.touch-pad{left:14px;bottom:70px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media(max-width:700px){.touch-pad{display:block}}
body[data-community-hub] .hub-presence{top:160px;bottom:auto}@media(max-height:760px) and (min-width:701px){body[data-community-hub] .hub-presence{top:150px}}@media(max-width:700px){body[data-community-hub] .hub-presence{top:auto;bottom:185px}}
.hub-presence{top:160px;bottom:auto}.walk-note{left:450px;max-width:320px}#hub-chat{position:absolute;left:30px;bottom:22px;width:390px;height:285px;z-index:4;display:flex;flex-direction:column;border:1px solid #e0c272;border-radius:12px;background:linear-gradient(135deg,#0d3659f2,#061c39f0);box-shadow:0 8px 30px #00142e44;overflow:hidden}#hub-chat[hidden],#chat-toggle[hidden]{display:none!important}.chat-heading{display:flex;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid #d7b65b66;background:#154b6c66}.chat-heading strong{color:#ffe391;font-size:13px}.chat-heading span{font-size:9px;color:#bdd8e8}.chat-heading button{margin-left:auto;border:0;background:transparent;color:#ffe391;font-size:22px;width:24px;line-height:1}#chat-messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:9px 12px;scrollbar-width:thin;scrollbar-color:#3f7891 #082346}.chat-message{position:relative;margin:0 0 10px;padding-right:12px;line-height:1.45}.chat-name{border:0;background:transparent;color:#a2e9d3;padding:0;font-size:11px;font-weight:bold;text-align:left}.chat-bot .chat-name{color:#ffe391}.chat-system .chat-name{color:#a2c4d9}.chat-message time{font-size:8px;color:#85a6bd;margin-left:7px}.chat-body{font-size:11px;color:#e6eff0;margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-system .chat-body{font-size:10px;color:#b7cfde}.chat-remove{position:absolute;right:-4px;top:0;background:transparent;border:0;color:#8bb1c6;font-size:15px;padding:0 3px}#chat-form{display:flex;gap:7px;padding:7px 10px 4px;border-top:1px solid #557a8b66}#chat-input{flex:1;min-width:0;background:#04182e;color:white;border:1px solid #3b9bb8;border-radius:6px;font:12px 'Trebuchet MS',sans-serif;padding:9px}#chat-input:focus{outline:2px solid #f8cf62;outline-offset:1px}#chat-form .hub-action{padding:6px 11px;font-size:11px}#chat-status{font-size:10px;color:#ffe391;min-height:16px;padding:0 11px 5px}.chat-login{margin:6px 10px;font-size:11px;padding:8px!important}#chat-toggle{position:absolute;bottom:24px;left:30px;z-index:4;font-size:12px}.hub-presence li[data-is-bot="true"]{color:#f7dc91;border-color:#ab914c77}@media(max-height:760px) and (min-width:701px){.hub-presence{top:150px}.hub-presence ul{max-height:54px}#hub-chat{height:235px}}@media(max-width:700px){.hub-presence{top:auto;bottom:185px;width:215px}.walk-note{display:none}#hub-chat{left:12px;right:12px;bottom:78px;width:auto;height:min(48dvh,340px)}#chat-toggle{left:16px;bottom:21px;font-size:11px}.touch-pad.chat-is-open{display:none}.chat-body{font-size:12px}#chat-input{font-size:16px}.chat-message time{font-size:9px}}
body[data-community-hub]{display:flex;flex-direction:column}body[data-community-hub]>header{flex:0 0 78px}body[data-community-hub] #world{flex:1 1 auto;min-height:0;height:auto}body[data-community-hub]>.traffic-site-footer{display:none}@media(max-width:700px){body[data-community-hub]>header{flex-basis:65px}}
body{font-family:'Trebuchet MS',Verdana,Arial,sans-serif;color:#fff8d6}header{background:linear-gradient(180deg,#123e67,#082346);border-bottom:2px solid #d5b65c;box-shadow:0 3px 18px #00162c55}.brand{color:#ffe391}.brand small{color:#cae2f1}.monogram{background:linear-gradient(#197fba,#063568);border:1px solid #f8cf62;color:#ffe391;box-shadow:inset 0 0 12px #23cef055}nav{gap:18px}nav button{color:#fff2be}.hub-action{display:inline-block;border:1px solid #ffe18c!important;border-radius:7px!important;background:linear-gradient(#28c4e8,#0876bc 48%,#06437e)!important;color:#fff8d6!important;box-shadow:inset 0 0 0 1px #c6f8ff44,0 3px 10px #00142e44;padding:9px 16px;font-weight:bold;text-decoration:none;text-shadow:0 1px 2px #00142e}.hub-action:hover{filter:brightness(1.12)}.place{background:linear-gradient(135deg,#082346ed,#0c315cd9);border:1px solid #d9bc6f;border-radius:12px;padding:15px 19px;text-shadow:0 1px 3px #00142e;box-shadow:0 8px 24px #00142e22}.place .eyebrow{color:#f8cf62}.place h1{font-size:29px}.place p{color:#d2e7ed}.camera-tools,.walk-note,.mini,#controls-panel{background:linear-gradient(135deg,#0c315cef,#082346ec);border:1px solid #d9bc6f;color:#fff8d6}.camera-tools button:hover{background:#2084a977}.camera-tools span{background:#b89d54}.walk-note small,.mini,.signed-in{color:#bad7e7}kbd{background:#123e67;border-color:#6796ac;color:#fff8d6}.touch-pad button{background:linear-gradient(#12527d,#082346);border-color:#e0c273;color:#ffe391}#loading{background:#082346;color:#ffe391}.touch-pad[hidden]{display:none!important}.hub-presence{position:absolute;bottom:112px;left:30px;width:265px;padding:13px 16px;border:1px solid #d9bc6f;border-radius:12px;background:linear-gradient(135deg,#0c315ce8,#082346e8);box-shadow:0 8px 26px #00142e22;font-size:12px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8ce6ae;box-shadow:0 0 8px #8ce6ae77;margin-right:7px}.hub-presence small{display:block;color:#bcd7e5;font-size:10px;margin-top:5px}.hub-presence ul{padding:0;margin:7px 0 0;list-style:none;max-height:90px;overflow:auto;display:flex;flex-wrap:wrap;gap:4px}.hub-presence li{border:1px solid #4d7e9b;border-radius:4px;padding:2px 7px;font-size:10px}.hub-presence .hub-action{margin-top:10px;width:100%;font-size:11px}#connection-state{display:block;font-size:10px;color:#ffda91;margin-top:5px}#connection-state:empty{display:none}#login-dialog{width:min(420px,calc(100% - 30px));padding:30px;border:2px solid #e1c46e;border-radius:13px;color:#fff8d6;background:linear-gradient(145deg,#13496e,#082346 70%);box-shadow:inset 0 0 0 3px #23b2d044,0 24px 80px #00142e88;font-family:'Trebuchet MS',Verdana,sans-serif}#login-dialog::backdrop{background:#00142766;backdrop-filter:blur(2px)}#login-dialog h2{font-size:27px;margin:8px 0;color:#ffe391}#login-dialog>p{font-size:12px;color:#cde6ef}#login-dialog .eyebrow{color:#f8cf62;font-size:9px}#login-close{position:absolute;right:10px;top:9px;border:0;background:transparent;color:#ffe391;width:34px;height:34px;font-size:28px}#login-dialog label{display:block;margin:15px 0;color:#ffe391;font-size:12px;font-weight:bold}#login-dialog input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #42c9e6;border-radius:7px;background:linear-gradient(#041633,#082346);color:white;font:15px 'Trebuchet MS',sans-serif;box-shadow:inset 0 0 10px #1ab9e133}#login-dialog input:focus{outline:2px solid #ffe18c;outline-offset:2px}#login-dialog form>.hub-action{width:100%;margin-top:5px;padding:12px}#login-message{font-size:12px;color:#ffe391}#login-message:empty{display:none}.login-links{display:flex;flex-direction:column;gap:9px;margin-top:19px;text-align:center;font-size:11px}.login-links a{color:#ffe391}@media(max-width:700px){.brand{font-size:9px;gap:7px}.brand small{font-size:9px}.monogram{width:32px;height:36px}nav{gap:10px;font-size:11px}nav .hub-action{padding:7px 10px}.place{padding:11px 14px}.place h1{font-size:25px}.hub-presence{left:16px;bottom:185px;width:215px;padding:10px 12px;font-size:11px}.hub-presence ul{display:none}.hub-presence .hub-action{padding:8px;font-size:10px}.hub-presence .signed-in{display:none}.touch-pad{bottom:75px}.walk-note{bottom:17px}.camera-tools{top:128px}.mini{bottom:17px}}
