*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#c4d8d5;color:#f9f6eb;font-family:Arial,sans-serif}button{font:inherit;color:inherit;border:1px solid #ffffff38;background:#143b3ce6;padding:11px 17px;border-radius:24px;cursor:pointer;touch-action:manipulation}button:hover{background:#245758}button:focus-visible{outline:2px solid #e3ce92;outline-offset:3px}[hidden]{display:none!important}#view{display:block;width:100%;height:100%;outline:0;touch-action:none}header{position:fixed;inset:max(20px,env(safe-area-inset-top)) 25px auto;display:flex;justify-content:space-between;align-items:center;pointer-events:none;text-shadow:0 1px 8px #10252599}.wordmark{font-family:Georgia,serif;font-size:23px;letter-spacing:.21em}.wordmark small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.37em;text-align:center;margin-top:5px}#location{background:#143b3cb3;padding:9px 14px;border-radius:22px;font-size:12px;text-shadow:none}footer{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px}#places{position:fixed;left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:7px;max-width:65%}#places button{font-size:12px}#speed{font-size:12px;background:#143b3cdd;border-radius:15px;padding:8px}#help{position:fixed;right:20px;bottom:80px;max-width:340px;padding:15px 22px;border-radius:16px;background:#143b3cf2;line-height:1.6;font-size:13px}#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#173d3e}#loading .wordmark{font-size:35px}#load-state{font-size:13px}progress{width:170px;height:2px;accent-color:#ded2ac}#error{position:fixed;inset:0;z-index:10;background:#173d3ef7;padding:12vh max(7vw,24px);overflow:auto}#error h1{font-size:22px}#error button{margin:12px 8px 12px 0}#diagnostic{display:block;width:min(850px,100%);min-height:160px;background:#0f292a;color:#e7ece7;border:1px solid #78908d;padding:15px;font-size:12px;user-select:text}#touch-controls{display:none}.stick{position:fixed;bottom:max(100px,env(safe-area-inset-bottom));width:112px;height:112px;border-radius:50%;background:#173d3e38;border:1px solid #ffffff60;touch-action:none;user-select:none}.stick span{position:absolute;left:34px;top:34px;width:42px;height:42px;border-radius:50%;background:#f4efe1b0;box-shadow:0 2px 10px #12333333;pointer-events:none}#move-stick{left:max(26px,env(safe-area-inset-left))}#look-stick{right:max(26px,env(safe-area-inset-right))}#vertical{position:fixed;right:150px;bottom:110px;display:flex;flex-direction:column;gap:7px}#vertical button{width:43px;height:43px;padding:0;font-size:22px;touch-action:none}#stats{position:fixed;top:90px;left:20px;white-space:pre;background:#102b2cdd;padding:10px;font:11px monospace;pointer-events:none}@media(pointer:coarse){#touch-controls{display:block}header{inset:max(15px,env(safe-area-inset-top)) 16px auto}.wordmark{font-size:17px}#location{font-size:10px;max-width:48%}#places{max-width:68%;gap:5px;left:12px;bottom:max(15px,env(safe-area-inset-bottom))}#places button{padding:9px 11px;font-size:10px}footer{right:12px;bottom:max(15px,env(safe-area-inset-bottom));gap:5px}footer button{padding:10px 12px;font-size:11px}#speed{position:absolute;bottom:45px;right:0;white-space:nowrap}#help{bottom:80px;left:16px;right:16px;max-width:unset}}@media(max-width:600px){#places{max-width:55%}.stick{width:100px;height:100px}.stick span{left:29px;top:29px}#vertical{right:138px}}
@media (pointer:coarse) and (max-width:600px){
  #places{top:max(70px,calc(env(safe-area-inset-top) + 55px));bottom:auto;max-width:calc(100% - 24px);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;touch-action:pan-x}
  #places button{flex:0 0 auto}
  #stats{top:118px}
}