*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#dcebdc;color:#23443c;font-family:system-ui,-apple-system,'Noto Sans TC',sans-serif}#world{position:fixed;inset:0}canvas{display:block;touch-action:none}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:#fffdf5;color:#244b3d;padding:13px 20px;border-radius:16px;font:600 14px system-ui;cursor:pointer;box-shadow:0 5px 20px #244b3d14;min-height:44px}button:hover{background:#eaf2cf}button:focus-visible,a:focus-visible{outline:3px solid #dba64b;outline-offset:4px}header{position:fixed;top:24px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}header>*{pointer-events:auto}header a{text-decoration:none;color:#21483b;display:flex;align-items:center;gap:13px;font-size:29px;font-weight:800}header span{font-size:20px}header small{display:block;font-size:9px;letter-spacing:2px;margin-top:4px}#quick{background:#244c3e;color:white}.intro{position:fixed;top:110px;left:32px;pointer-events:none}.intro span{font-size:10px;letter-spacing:3px}.intro h1{font-size:27px;margin:10px 0}.intro p{font-size:12px;color:#5c786c}.label{position:absolute;transform:translate(-50%,-100%);background:#fffdf3ed;padding:8px 15px;border-radius:14px;font-size:14px;white-space:nowrap;box-shadow:0 4px 15px #244b3d15;pointer-events:none}.label small{display:block;font-size:10px;text-align:center;margin-top:3px;color:#75877b}#hint{position:fixed;bottom:122px;left:50%;transform:translateX(-50%);background:#fffdf0e8;padding:10px 19px;border-radius:24px;font-size:13px;white-space:nowrap;pointer-events:none}#enter{position:fixed;bottom:165px;left:50%;transform:translateX(-50%);background:#275643;color:white;box-shadow:0 6px 25px #183e3244}footer{position:fixed;bottom:25px;left:30px;right:30px;display:flex;align-items:end;justify-content:space-between;gap:10px}.help{font-size:12px;line-height:1.9;background:#f5f8e6c9;padding:10px 15px;border-radius:14px}.help small{color:#648175}.destinations{display:flex;gap:8px}.pad{display:none;position:fixed;bottom:22px;left:20px;text-align:center}.pad button{width:48px;height:46px;padding:0;margin:2px;touch-action:none;user-select:none}.pad div{display:flex}dialog{width:min(1120px,96vw);height:92dvh;max-height:none;border:0;border-radius:24px;padding:0;background:#f5f6ef;box-shadow:0 30px 100px #1239}dialog::backdrop{background:#17372b88;backdrop-filter:blur(7px)}.venuebar{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;height:68px}.venuebar button{padding:10px 16px;background:#e4ebdc}iframe{border:0;width:100%;height:calc(100% - 68px);background:#f5f6ef}@media(max-width:700px){header{top:18px;left:18px;right:18px}.intro{top:89px;left:20px}.intro h1{font-size:21px}.intro p{max-width:210px;font-size:11px}header a{font-size:24px}header span{font-size:17px}header button{padding:11px;font-size:12px}.help{display:none}.pad{display:block}footer{left:auto;right:16px;bottom:26px}.destinations{flex-direction:column;gap:6px}.destinations button{font-size:12px;padding:9px 12px}#hint{bottom:185px;font-size:11px;max-width:95vw;white-space:normal;text-align:center;width:max-content}#enter{bottom:226px}.label{font-size:12px;padding:6px 10px}.label small{font-size:9px}dialog{width:98vw;height:95dvh;border-radius:17px}.venuebar{padding:10px 14px}}

.top-actions{display:flex;gap:8px}.town-progress{position:fixed;left:32px;top:215px;font-size:12px;color:#547361;background:#ffffffb8;border-radius:20px;padding:8px 14px;pointer-events:none}.destinations{flex-wrap:wrap;justify-content:flex-end;max-width:470px}.zoom{position:fixed;right:25px;top:106px;display:flex;flex-direction:column;gap:6px}.zoom button{padding:8px;width:42px;font-size:18px}#venueTabs{display:flex;gap:7px}#venueTabs button{padding:8px 12px}.venuebar{gap:8px}.label{font-size:12px;padding:6px 12px}.label small{font-size:9px}#settings{padding:10px 14px}@media(max-width:700px){.intro p{display:none}.town-progress{top:160px;left:20px;font-size:10px}.zoom{top:95px;right:18px}.destinations{max-width:210px;flex-direction:row;gap:5px}.destinations button{font-size:11px;min-height:36px;padding:7px 9px}.pad button{width:42px;height:42px}.label small{display:none}.label{font-size:10px;padding:5px 8px}.venuebar{height:auto;min-height:68px;flex-wrap:wrap}.venuebar strong{font-size:13px}#venueTabs button{font-size:11px;padding:7px 9px}.venuebar #leave{padding:8px;font-size:11px}.top-actions{gap:5px}#hint{bottom:166px}#enter{bottom:207px}}

footer{bottom:calc(25px + env(safe-area-inset-bottom))}.pad{bottom:calc(22px + env(safe-area-inset-bottom))}dialog{overflow:hidden}.venuebar{flex-shrink:0}dialog[open]{display:flex;flex-direction:column}#venueFrame{flex:1;min-height:0;height:auto}

.language-switch{font-size:12px;white-space:nowrap;padding:10px 12px!important;min-height:40px;background:#fffdf5;color:#244b3d}.venuebar .language-switch{box-shadow:none;background:#e4ebdc}html[lang="en"] .label{max-width:190px;white-space:normal;text-align:center}html[lang="en"] .intro h1{font-size:25px}html[lang="en"] .destinations button{font-size:12px}html[lang="en"] #hint{white-space:normal;max-width:90vw;text-align:center}html[lang="en"] .venuebar{min-height:68px;height:auto;flex-wrap:wrap}@media(max-width:700px){header{left:12px;right:12px}header a{gap:5px}header span{font-size:14px}header small{font-size:7px;letter-spacing:1px}.top-actions{gap:4px}.top-actions button{padding:9px!important;font-size:11px}#settings{display:none}html[lang="en"] .intro h1{font-size:19px}html[lang="en"] .label{font-size:9px;max-width:110px}html[lang="en"] .destinations{max-width:210px}html[lang="en"] .destinations button{font-size:10px;padding:7px}html[lang="en"] .venuebar strong{max-width:120px}html[lang="en"] #enter{max-width:90vw;font-size:12px}}