/* The supplied film owns the screen; the surrounding interface stays quiet. */
.intro-loading{position:fixed;inset:0;z-index:10000;display:block;overflow:hidden;isolation:isolate;background:#050505;color:#f2dfb8;opacity:1;transition:opacity .8s ease}
.intro-loading[hidden]{display:none!important}
.intro-loading__video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;background:#050505}
.intro-loading__footer{position:absolute;inset:auto 0 0;z-index:1;box-sizing:border-box;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:18px max(28px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);text-align:left;text-shadow:0 2px 8px #000}
.intro-loading__title{margin:0 0 8px;font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(20px,2vw,27px);font-weight:500;letter-spacing:.06em;line-height:1.35;color:#f2dfb8}
.intro-loading__status{margin:0;max-width:52ch;font:400 16px/1.7 system-ui,sans-serif;color:#ddcfb5}
.intro-loading__enter{flex:0 0 auto;min-width:184px;min-height:52px;margin:0;border:1px solid #c3a16a;border-radius:5px;padding:12px 22px;background:rgba(12,10,7,.92);color:#f2dfb8;font:500 17px/1.5 system-ui,sans-serif;cursor:pointer;touch-action:manipulation;box-shadow:0 0 0 1px rgba(0,0,0,.6)}
.intro-loading__enter:hover{background:#302619;border-color:#f1d59e}
.intro-loading__enter:focus-visible{outline:3px solid #f5d79e;outline-offset:5px}
.intro-loading__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;flex:0 0 auto}
.intro-loading__play{min-width:184px;min-height:52px;border:1px solid #edcb8a;border-radius:5px;padding:12px 22px;background:#e7c082;color:#17120b;font:600 17px/1.5 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.intro-loading__play[hidden]{display:none!important}
.intro-loading__play:hover{background:#f4d9a7}
.intro-loading__play:focus-visible{outline:3px solid #f5d79e;outline-offset:5px}
.intro-loading[data-state="playing"] .intro-loading__footer{justify-content:flex-end}
.intro-loading[data-state="playing"] .intro-loading__footer>div:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.intro-loading[data-state="leaving"]{opacity:0;pointer-events:none}
body[data-intro-state="playing"],body[data-intro-state="waiting"]{overflow:hidden}
@media(max-width:600px){.intro-loading__footer{align-items:stretch;flex-direction:column;gap:16px;padding:24px max(20px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.intro-loading__title{font-size:22px}.intro-loading__status{font-size:16px;line-height:1.65}.intro-loading__actions{flex-direction:column;align-items:stretch;width:100%;gap:10px}.intro-loading__enter,.intro-loading__play{width:100%;min-height:52px}}
@media(max-height:420px) and (min-width:601px){.intro-loading__footer{padding-top:24px;padding-bottom:12px}.intro-loading__title{font-size:19px;margin-bottom:4px}.intro-loading__status{font-size:14px}.intro-loading__enter{min-height:48px;padding:8px 16px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.intro-loading{transition:none}.intro-loading[data-state="still"] .intro-loading__video{animation:none}}
@media print{.intro-loading{display:none!important}}