:root{font-family:Inter,Noto Sans TC,system-ui,-apple-system,sans-serif;color:#eaf0fa;background:#060a17;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{height:100dvh;min-height:540px;overflow:hidden;position:relative}.scene{position:absolute;inset:0}.scene canvas{display:block;touch-action:none}header{position:absolute;top:30px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center}.brand{color:inherit;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:3px;display:flex;align-items:center;gap:14px}.brand-icon{font-size:32px;color:#a2e2e7}.tag{font-size:9px;letter-spacing:2px;border-left:1px solid #34404f;padding-left:18px;color:#7a899e}button{font:inherit;border:1px solid #ffffff20;color:#cbd5e5;background:#0a1121cc;border-radius:8px;padding:10px 15px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}button:hover,button.active{border-color:#9ae6ee80;color:#fff;background:#17263c}button:focus-visible,a:focus-visible{outline:2px solid #9ae6ee;outline-offset:4px}button:disabled{opacity:.35;cursor:default}.intro{position:absolute;left:40px;top:115px;max-width:390px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:3px;color:#96acbe}h1{font-weight:400;font-size:38px;line-height:1.3;letter-spacing:-1px;margin:20px 0}h1 span{color:#9eadc2}.intro p{font-size:13px;line-height:1.9;color:#7c8ca7;max-width:330px}.location{position:absolute;right:40px;top:125px;font-size:9px;letter-spacing:2px;color:#8d9eb6;text-align:right}.location strong{display:block;margin:12px 0 8px;font-size:20px;letter-spacing:0;color:#e3ebf7;font-weight:400}.location small{font-size:9px}.live-dot{display:inline-block;width:5px;height:5px;background:#99ddd3;border-radius:50%;margin-right:9px}.destinations{position:absolute;left:40px;bottom:135px;display:flex;flex-direction:column;gap:6px;width:160px}.destinations>span{font-size:9px;letter-spacing:2px;color:#7c8ca7;margin-bottom:8px}.destinations button{text-align:left;display:flex;justify-content:space-between;font-size:12px}.destinations button span{color:#7c8ca7}footer{position:absolute;bottom:45px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center}.hint{font-size:11px;color:#9caac0}.hint small{display:block;color:#5e708c;font-size:10px;margin-top:8px}.controls{display:flex;gap:6px}.legend{position:absolute;bottom:16px;left:40px;font-size:9px;color:#5e708c}.error{position:absolute;inset:35%;background:#171e30;padding:20px}.error pre{white-space:pre-wrap;font-size:11px}@media(max-width:700px){header{top:18px;left:18px;right:18px}.tag{display:none}.brand{font-size:11px;gap:8px;letter-spacing:2px}.brand-icon{font-size:26px}header button{font-size:11px;padding:8px}.intro{top:85px;left:20px;max-width:250px}h1{font-size:25px;margin:12px 0}.eyebrow{font-size:8px;letter-spacing:1px}.intro p{font-size:11px;max-width:240px}.location{top:90px;right:18px;font-size:8px}.location strong{font-size:14px}.location small{font-size:7px}.destinations{left:18px;right:18px;width:auto;bottom:130px;flex-direction:row;gap:5px}.destinations>span{display:none}.destinations button{flex:1;font-size:10px;padding:9px 6px}.destinations button span{display:none}footer{left:18px;right:18px;bottom:48px;flex-direction:column-reverse;gap:14px}.controls{width:100%;justify-content:center}.controls button{font-size:12px}.hint{text-align:center;font-size:10px}.hint small{font-size:9px;margin-top:4px}.legend{bottom:12px;left:18px;right:18px;text-align:center;font-size:8px}}