html,body{margin:0;padding:0;width:100%;height:100%;background:#cbd3de;overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0;touch-action:none;cursor:grab}#app:active{cursor:grabbing}#app canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1.4s ease}#app canvas.ready{opacity:1}#loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100vw - 32px);font:13px var(--ui-font);letter-spacing:.08em;color:#3442549e;text-align:center;pointer-events:none;opacity:0;transition:opacity 1.6s ease}#loading[data-show=true]{opacity:1}#loading[hidden]{display:none}#fade{position:fixed;inset:0;background:#dde2e8;opacity:0;pointer-events:none;transition:opacity .9s ease}:root{--ui-fg: #f4f7fa;--ui-bg: rgba(40, 56, 74, .38);--ui-line: rgba(255, 255, 255, .28);--ui-font: system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif}#home-link,#gear-button,#sound-button,#share-button,#sky-button,#fullscreen-button{box-sizing:border-box;position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:44px;height:44px;padding:10px;color:var(--ui-fg);background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation;opacity:.7}#home-link{right:auto;left:max(16px,env(safe-area-inset-left));display:block}#gear-button{right:auto;left:calc(max(16px,env(safe-area-inset-left)) + 54px);opacity:.55}#share-button{right:calc(max(16px,env(safe-area-inset-right)) + 54px)}#fullscreen-button{right:calc(max(16px,env(safe-area-inset-right)) + 108px)}#fullscreen-button[hidden]{display:none}#share-button[data-copied]:after{content:attr(data-copied-text) "\a" attr(data-copied-hint);position:absolute;top:52px;right:0;padding:6px 10px;font:12px var(--ui-font);line-height:1.5;white-space:pre-line;width:max-content;max-width:240px;color:var(--ui-fg);background:#28384acc;border-radius:8px}#sound-button[aria-pressed=false]{opacity:.45}#home-link svg,#gear-button svg,#sound-button svg,#share-button svg,#sky-button svg,#fullscreen-button svg{display:block;width:100%;height:100%}#sky-button{top:auto;right:auto;left:max(16px,env(safe-area-inset-left));bottom:max(26px,calc(env(safe-area-inset-bottom) + 14px))}#sky-menu{position:fixed;bottom:calc(max(26px,calc(env(safe-area-inset-bottom) + 14px)) + 54px);left:max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:6px;padding:8px;background:#28384a8c;border:1px solid var(--ui-line);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#sky-menu[hidden]{display:none}#sky-menu button{padding:8px 16px;font:13px var(--ui-font);letter-spacing:.06em;color:var(--ui-fg);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;text-align:left;touch-action:manipulation}#sky-menu button[aria-pressed=true]{border-color:var(--ui-line);background:#ffffff1f}#controls{position:fixed;left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 16px));transform:translate(-50%);display:flex;gap:10px}#walk-button,#crouch-button,#merge-button{position:fixed;bottom:max(28px,calc(env(safe-area-inset-bottom) + 16px));padding:11px 26px;font:14px var(--ui-font);letter-spacing:.08em;color:var(--ui-fg);background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;opacity:.8}#walk-button,#crouch-button{position:static;min-width:7.6em;padding:11px 18px;text-align:center;white-space:nowrap}#crouch-button{opacity:.7}#merge-button{left:50%;transform:translate(-50%);bottom:calc(max(28px,calc(env(safe-area-inset-bottom) + 16px)) + 54px);opacity:.7}#merge-button[hidden]{display:none}#look-hint{position:fixed;left:50%;top:max(72px,calc(env(safe-area-inset-top) + 60px));transform:translate(-50%);max-width:calc(100vw - 32px);font:13px var(--ui-font);letter-spacing:.05em;color:#f4f7fae6;text-shadow:0 0 8px rgba(40,56,74,.6);text-align:center;pointer-events:none;opacity:0;transition:opacity 1.6s ease}#look-hint[data-show=true]{opacity:1}#look-hint[hidden]{display:none}#debug-overlay{position:fixed;left:12px;bottom:12px;margin:0;font:11px/1.5 ui-monospace,monospace;color:#141e28d9;pointer-events:none;white-space:pre}#debug-overlay[hidden]{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.clean #home-link,.clean #gear-button,.clean #sound-button,.clean #share-button,.clean #sky-button,.clean #sky-menu,.clean #fullscreen-button,.clean #walk-button,.clean #merge-button,.clean #crouch-button,.clean #look-hint,.clean #loading{display:none!important}#gear-dialog{width:min(400px,calc(100% - 32px));max-height:calc(100% - 32px);padding:24px 20px 18px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:#1b2633;color:#f1f5f9;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}#gear-dialog::backdrop{background:#0009}#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:#f1f5f9b3}#gear-dialog ul{margin:0;padding:0;list-style:none}#gear-dialog li+li{border-top:1px solid rgba(255,255,255,.12)}#gear-dialog a{display:block;padding:10px 4px;color:inherit;text-decoration:none}#gear-dialog a:hover,#gear-dialog a:focus-visible{background:#ffffff0f}#gear-dialog .gear-name{display:block;font-size:14px}#gear-dialog .gear-note{display:block;margin-top:2px;font-size:12px;color:#f1f5f98c}#gear-dialog .gear-disclosure{margin:12px 0 0;font-size:11px;line-height:1.5;color:#f1f5f966}#gear-dialog .gear-close{position:absolute;top:8px;right:10px;padding:6px 10px;border:none;background:none;color:#f1f5f980;font-size:20px;cursor:pointer}
