html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block;width:100%;height:100%}#light-hint{position:fixed;left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 16px));transform:translate(-50%);max-width:calc(100vw - 32px);padding:10px 22px;font-size:14px;letter-spacing:.06em;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;color:#f2dec8bf;background:#1e120a59;border:1px solid rgba(255,170,100,.18);border-radius:999px;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity 1.6s ease}#light-hint[data-show=true]{opacity:1}#light-hint[hidden]{display:none}#look-hint{position:fixed;left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 16px));transform:translate(-50%);max-width:calc(100vw - 32px);font-size:13px;letter-spacing:.05em;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;color:#f2dec88c;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}#home-link,#gear-button,#sound-button,#share-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:#f2e6d8;background:#28180e66;border:1px solid rgba(255,180,110,.22);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation;opacity:.6}#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:.45}#gear-dialog{width:min(400px,calc(100% - 32px));max-height:calc(100% - 32px);padding:24px 20px 18px;border:1px solid rgba(255,180,110,.22);border-radius:18px;background:#140d09;color:#f2e6d8;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:#f2e6d8b3}#gear-dialog ul{margin:0;padding:0;list-style:none}#gear-dialog li+li{border-top:1px solid rgba(255,180,110,.12)}#gear-dialog a{display:block;padding:10px 4px;color:inherit;text-decoration:none}#gear-dialog a:hover,#gear-dialog a:focus-visible{background:#ffb46e0f}#gear-dialog .gear-name{display:block;font-size:14px}#gear-dialog .gear-note{display:block;margin-top:2px;font-size:12px;color:#f2e6d88c}#gear-dialog .gear-disclosure{margin:12px 0 0;font-size:11px;line-height:1.5;color:#f2e6d866}#gear-dialog .gear-close{position:absolute;top:8px;right:10px;padding:6px 10px;border:none;background:none;color:#f2e6d880;font-size:20px;cursor:pointer}#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 system-ui,sans-serif;line-height:1.5;white-space:pre-line;width:max-content;max-width:240px;color:#f2e6d8;background:#28180ebf;border-radius:8px}#sound-button[aria-pressed=false]{opacity:.4}#home-link svg,#gear-button svg,#sound-button svg,#share-button svg,#fullscreen-button svg{display:block;width:100%;height:100%}#debug-overlay{position:fixed;left:12px;bottom:12px;margin:0;font:11px/1.5 ui-monospace,monospace;color:#ffdcb4cc;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 #fullscreen-button,.clean #light-hint,.clean #look-hint{display:none!important}
