/* アプリのオープニング（app-opening.js）。起動画面（#boot）より上に全面で重ねる。 */
.app-opening{position:fixed;inset:0;z-index:2000;background:#efe4cc;touch-action:none;user-select:none;-webkit-user-select:none;transition:opacity .4s ease}
.app-opening.ao-leave{opacity:0;pointer-events:none}
.app-opening .ao-film{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:pointer}
.app-opening .ao-skip{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1.5px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(23,22,29,.55);color:#fff;font:700 13px/1 system-ui,sans-serif;letter-spacing:.14em;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.app-opening .ao-skip:focus-visible{outline:3px solid #ffd66b;outline-offset:2px}
.app-opening[data-phase=gate] .ao-skip{opacity:.8}
