html,body{margin:0;padding:0;width:100%;height:100%;background:#05070a;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block;width:100%;height:100%}#feed-button{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));padding:14px 28px;font-size:16px;font-family:system-ui,sans-serif;color:#f2e6d8;background:#28180e8c;border:1px solid rgba(255,180,110,.35);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:opacity .6s ease}#feed-button:active:not(:disabled){background:#462814bf}#feed-button:disabled{opacity:.35;cursor:default}#feed-button[hidden],#feed-panel[hidden],#feed-hint[hidden],#feed-toast[hidden]{display:none}#feed-panel{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 62px);display:flex;flex-direction:column;align-items:stretch;gap:8px}#feed-panel button{display:flex;align-items:center;gap:12px;padding:11px 20px 11px 14px;font-size:15px;font-family:system-ui,sans-serif;color:#f2e6d8;background:#28180e99;border:1px solid rgba(255,180,110,.3);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;-webkit-tap-highlight-color:transparent}#feed-panel button:active{background:#462814bf}#feed-panel .log-end{flex:none;display:grid;place-items:center;width:26px;height:26px}#feed-panel .log-end:before{content:"";border-radius:50%;background:radial-gradient(circle,#c9a27a 0 30%,#8a6446 55%,#4a3121)}#feed-panel [data-size=s] .log-end:before{width:9px;height:9px}#feed-panel [data-size=m] .log-end:before{width:16px;height:16px}#feed-panel [data-size=l] .log-end:before{width:24px;height:24px}#feed-hint{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 8px 8px 20px;font-size:15px;font-family:system-ui,sans-serif;color:#f2e6d8;background:#28180e99;border:1px solid rgba(255,180,110,.3);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}#feed-cancel{flex:none;width:34px;height:34px;padding:0;background:#ffffff14;border:none;border-radius:50%;cursor:pointer;position:relative}#feed-cancel:before,#feed-cancel:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:#f2e6d8;transform:translate(-50%,-50%) rotate(45deg)}#feed-cancel:after{transform:translate(-50%,-50%) rotate(-45deg)}#feed-toast{position:fixed;left:50%;bottom:calc(max(20px,env(safe-area-inset-bottom)) + 64px);transform:translate(-50%);max-width:calc(100vw - 32px);padding:8px 16px;font-size:14px;font-family:system-ui,sans-serif;color:#f2e6d8;background:#140c08b3;border-radius:999px;pointer-events: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:#28180e73;border:1px solid rgba(255,180,110,.25);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation;opacity:.75}#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}#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:#17100b;color:#f2e6d8;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}#gear-dialog::backdrop{background:#05030299}#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);position:absolute;top:52px;right:0;padding:6px 10px;font:12px system-ui,sans-serif;white-space:nowrap;color:#f2e6d8;background:#28180ebf;border-radius:8px}#sound-button[aria-pressed=false]{opacity:.45}#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;top:8px;left:8px;padding:6px 10px;font:12px/1.4 monospace;color:#9be29b;background:#0006;white-space:pre;pointer-events:none;display:none}#debug-overlay canvas{display:block;margin-top:4px}#debug-overlay.visible{display:block}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}