*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;font-family:Arial,'Leelawadee UI',sans-serif;color:#26332d}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}#world{display:block;width:100%;height:100%;touch-action:none}header{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(#fff9,transparent);pointer-events:none;gap:20px}header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;color:#26332d;text-decoration:none}.brand img{width:40px;height:45px;object-fit:contain}.brand span{font-size:28px;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:4px;margin-top:2px}nav{display:flex;gap:6px}nav button,footer button{border:1px solid #fff8;background:#f5f3eae8;border-radius:6px;padding:11px 17px;backdrop-filter:blur(10px);color:#26332d}button:hover{filter:brightness(.94)}nav button[aria-pressed=true],footer button[aria-current=true]{background:#283b31;color:#f7f4e9;border-color:#283b31}.caption{position:fixed;left:32px;bottom:110px;pointer-events:none;text-shadow:0 1px 12px #fff}.caption small{font-size:10px;letter-spacing:3px}.caption h2{font-size:27px;margin:12px 0 8px;font-weight:500}.caption p{font-size:12px;margin:0}footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px 32px;background:linear-gradient(transparent,#e8e9dfdd)}footer>span{font-size:11px;line-height:1.7;max-width:260px}#places{display:flex;gap:5px;flex-wrap:wrap;justify-content:end}.dpad{position:fixed;right:28px;bottom:100px;display:grid;grid-template-columns:repeat(3,44px);gap:4px}.dpad button{height:44px;border:1px solid #fff9;border-radius:6px;background:#f0eee3d9;color:#2c3e32;font-size:24px;touch-action:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}#aim{position:fixed;left:50%;top:50%;width:4px;height:4px;border:1px solid white;border-radius:50%;background:#26332d;pointer-events:none}#loading{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f1eee7;text-align:center}#loading[hidden]{display:none}#loading img{width:60px;margin-bottom:35px}#loading small{font-size:10px;letter-spacing:3px}#loading h1{font-size:38px;line-height:1.5;font-weight:400}#loading p{font-size:13px}progress{width:200px;height:3px;accent-color:#425b46}#toast{position:fixed;top:110px;left:50%;transform:translateX(-50%);background:#253b30ec;color:white;padding:12px 20px;border-radius:8px;font-size:13px;max-width:90vw;z-index:15}dialog{border:0;border-radius:10px;background:#f4f1e8;color:#26332d;max-width:90vw;max-height:90vh;padding:35px}dialog::backdrop{background:#17271ee0}dialog img{display:block;max-width:100%;max-height:73vh}#closeDialog{position:absolute;right:8px;top:6px;background:none;border:0;font-size:26px}dialog h2{font-weight:500}dialog p{line-height:1.9}body.orbit .dpad,body.orbit #instructions{display:none}@media(max-width:760px){header{padding:18px 14px;gap:8px}.brand span{font-size:19px}.brand small{font-size:6px;letter-spacing:2px}.brand img{width:28px;height:35px}nav{gap:3px}nav button{padding:9px 10px;font-size:11px}#help{display:none}.caption{left:18px;bottom:155px}.caption h2{font-size:23px}.caption p{font-size:10px;max-width:230px}.dpad{bottom:145px;right:14px}footer{padding:16px 14px;display:block}footer>span{display:block;margin-bottom:8px}#places{justify-content:start}footer button{font-size:11px;padding:10px 11px}.caption small{font-size:8px}#loading h1{font-size:31px}}

.caption{background:#f4f1e8d9;padding:13px 17px;border-radius:6px;backdrop-filter:blur(8px);text-shadow:none}.brand{background:#f4f1e8c9;padding:8px 12px;border-radius:6px}@media(max-width:760px){.caption{padding:10px 12px;max-width:220px}.brand{padding:6px 8px}}

#places{max-width:770px}footer button{padding:9px 12px;font-size:12px}.caption{bottom:125px}.dpad{bottom:140px}#dialogContent img+img{margin-top:20px}@media(max-width:760px){#places{max-width:100%}footer button{padding:7px 9px;font-size:11px}.caption{bottom:230px}.dpad{bottom:180px}}