html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}#app{position:fixed;inset:0;touch-action:none;cursor:grab}#app:active{cursor:grabbing}#app canvas{display:block;width:100%;height:100%}#home-link,#zenith-button,#fullscreen-button,#about-button,#gyro-button,#sound-button,#scope-button,#constellation-button{box-sizing:border-box;position:fixed;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;color:#c9d2de;background:#080a1073;border:1px solid rgba(180,195,215,.16);border-radius:999px;backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation;opacity:.5}#home-link svg,#zenith-button svg,#about-button svg,#gyro-button svg,#scope-button svg,#constellation-button svg{display:block;width:100%;height:100%}#home-link{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}#gear-button{box-sizing:border-box;position:fixed;top:max(16px,env(safe-area-inset-top));left:calc(max(16px,env(safe-area-inset-left)) + 54px);width:44px;height:44px;padding:10px;color:#c9d2de;background:#080a1073;border:1px solid rgba(180,195,215,.16);border-radius:999px;backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation;opacity:.55}#gear-button[hidden]{display:none}#gear-button svg{display:block;width:100%;height:100%}#gear-dialog{width:min(400px,calc(100% - 32px));max-height:calc(100% - 32px);padding:24px 20px 18px;border:1px solid rgba(200,220,240,.2);border-radius:18px;background:#0a0d14;color:#c9d2de;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}#gear-dialog::backdrop{background:#02030699}#gear-dialog h2{margin:0 0 6px;font-size:16px;font-weight:500;letter-spacing:.05em}#gear-dialog .gear-intro{margin:0 0 14px;font-size:13px;line-height:1.6;color:#c9d2deb3}#gear-dialog ul{margin:0;padding:0;list-style:none}#gear-dialog li+li{border-top:1px solid rgba(200,220,240,.12)}#gear-dialog a{display:block;padding:10px 4px;color:inherit;text-decoration:none}#gear-dialog a:hover,#gear-dialog a:focus-visible{background:#c8dcf00f}#gear-dialog .gear-name{display:block;font-size:14px}#gear-dialog .gear-note{display:block;margin-top:2px;font-size:12px;color:#c9d2de8c}#gear-dialog .gear-disclosure{margin:12px 0 0;font-size:11px;line-height:1.5;color:#c9d2de66}#gear-dialog .gear-close{position:absolute;top:8px;right:10px;padding:6px 10px;border:none;background:none;color:#c9d2de80;font-size:20px;cursor:pointer}#fullscreen-button{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}#zenith-button{bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right))}#sound-button{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}#sound-button.beside-fullscreen{right:calc(max(16px,env(safe-area-inset-right)) + 54px)}#gyro-button{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 54px);right:max(16px,env(safe-area-inset-right))}#gyro-button[hidden]{display:none}#gyro-button[aria-pressed=true]{opacity:.85;border-color:#c8d7eb73}#scope-button{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 54px);right:max(16px,env(safe-area-inset-right))}#scope-button.above-gyro{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 108px)}#scope-button[aria-pressed=true]{opacity:.85;border-color:#c8d7eb73}#scope-bar{position:fixed;left:50%;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 52px);transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:calc(100% - 140px)}#scope-bar[hidden]{display:none}#scope-bar.under-menu{visibility:hidden}#scope-bar button{padding:7px 12px;color:#c9d2de;background:#080a1080;border:1px solid rgba(180,195,215,.18);border-radius:999px;font:inherit;font-size:12px;cursor:pointer;touch-action:manipulation}#scope-bar button[aria-pressed=true]{border-color:#c8d7eb80}#scope-bar .scope-drop{position:relative}#scope-bar .scope-drop-menu{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);display:flex;flex-direction:column;gap:6px}#scope-bar .scope-drop-menu[hidden]{display:none}#scope-bar .scope-drop-menu button{font-variant-numeric:tabular-nums;min-width:64px;white-space:nowrap}#pick-label{position:fixed;transform:translate(-50%,-100%);padding:4px 10px;color:#d6dde7;background:#080a108c;border:1px solid rgba(180,195,215,.14);border-radius:999px;font-size:12px;letter-spacing:.04em;white-space:nowrap;pointer-events:none;transition:opacity .6s}#pick-label[hidden]{display:block;opacity:0}#constellation-button{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 54px);left:max(16px,env(safe-area-inset-left))}#constellation-button[hidden]{display:none}#constellation-button[aria-pressed=true]{opacity:.85;border-color:#c8d7eb73}#constellation-names{position:fixed;inset:0;pointer-events:none;overflow:hidden}#constellation-names[hidden]{display:none}#constellation-names span{position:absolute;left:0;top:0;color:#aabed78c;font-size:11px;letter-spacing:.08em;white-space:nowrap}#about-button{bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));opacity:.35}#about-dialog{width:min(400px,calc(100% - 32px));max-height:calc(100% - 32px);padding:24px 20px 14px;border:1px solid rgba(180,195,215,.16);border-radius:18px;background:#0a0d14;color:#c9d2de;font-size:13px;line-height:1.7}#about-dialog::backdrop{background:#0000008c}#about-dialog h2{margin:0 0 8px;font-size:15px;font-weight:500;letter-spacing:.05em}#about-dialog p{margin:0 0 10px;color:#c9d2decc}#about-dialog a{color:#c9d2de}#about-dialog .about-close{position:absolute;top:8px;right:10px;padding:6px 10px;border:none;background:none;color:#c9d2de80;font-size:20px;cursor:pointer}#place{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;max-width:calc(100% - 140px)}#place-button,#place-menu button{padding:10px 16px;color:#c9d2de;background:#080a1073;border:1px solid rgba(180,195,215,.16);border-radius:999px;backdrop-filter:blur(6px);font:inherit;font-size:13px;letter-spacing:.04em;white-space:nowrap;cursor:pointer;touch-action:manipulation}#place-button{opacity:.55}#place-menu{display:flex;flex-direction:column;gap:6px;align-items:center}#place-menu[hidden]{display:none}#place-menu .place-globe{display:block;margin-bottom:4px;cursor:grab;touch-action:none}#place-menu .place-globe:active{cursor:grabbing}#place-menu button[aria-pressed=true]{border-color:#c8d7eb73}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}