/* The uploaded birthday film plays in full, without cropping its reveal. */
.intro.video-splash{padding:0;background:#05070b;isolation:isolate}
.intro.video-splash:after{content:none}
.video-splash:before{content:'';position:absolute;inset:-5%;z-index:-1;background:url('assets/foxfire-intro-poster.jpg') center/cover;filter:blur(30px);opacity:.2;pointer-events:none}
.video-splash .intro-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.video-splash .intro-skip,.intro-control,.intro-play{border:1px solid #f1d6b438;background:#080c13c9;box-shadow:0 4px 24px #0004;color:#f2e4d5;backdrop-filter:blur(10px);border-radius:4px}
.video-splash .intro-skip{top:max(22px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:3;padding:10px 15px;min-height:44px;font-size:11px;letter-spacing:.04em}
.intro-controls{position:absolute;z-index:3;bottom:max(24px,env(safe-area-inset-bottom));left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}
.intro-control{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 17px;font-size:11px;letter-spacing:.04em;pointer-events:auto}
.intro-control .icon{width:16px;height:16px}
.intro-control[aria-pressed=true]{border-color:#efa15c80;color:#ffd09c}
.video-splash .intro-skip:hover,.intro-control:hover,.intro-play:hover{color:#ffd09c;border-color:#efa15c80;background:#15151ee8}
.video-splash .intro-play{position:relative;z-index:2;min-height:56px;padding:16px 25px;gap:14px}
.intro-status{position:absolute;z-index:3;left:24px;right:24px;bottom:90px;font-size:12px;line-height:1.6;margin:0;color:#f2e4d5;text-shadow:0 2px 8px #000;background:#080c13d9;border-radius:4px;padding:12px}
.intro-status:empty{display:none}
.intro.video-splash.closing{animation:video-intro-exit .85s ease forwards;pointer-events:none}
@keyframes video-intro-exit{to{opacity:0}}
.den-runner{position:fixed;left:0;bottom:9px;width:clamp(120px,12vw,170px);height:auto;max-width:170px;z-index:7;opacity:0;pointer-events:none;contain:layout style;filter:drop-shadow(0 0 6px #ed743b66);animation:fox-den-pass 29s 1s linear infinite;will-change:transform}
.den-runner img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:600/280}
.den-runner:after{content:none}
@keyframes fox-den-pass{0%{opacity:0;transform:translate3d(-120%,0,0)}1%{opacity:.85}20%{opacity:.85;transform:translate3d(calc(100vw + 120%),0,0)}20.1%,100%{opacity:0;transform:translate3d(calc(100vw + 120%),0,0)}}
@media(max-width:760px){.den-runner{width:125px;bottom:7px}.intro-controls{left:16px;right:16px;bottom:max(20px,env(safe-area-inset-bottom));gap:10px}.intro-control{font-size:10px;padding:10px 13px}.video-splash .intro-skip{right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top))}.intro-status{left:16px;right:16px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.den-runner{display:none}.intro.video-splash.closing{animation:none;opacity:0}}