.intro-splash{position:fixed;inset:0;z-index:1000;background:#101210;color:#f3f1ec;display:grid;place-items:center;opacity:1;transition:opacity .6s ease;isolation:isolate}
.intro-splash.is-closing{opacity:0;pointer-events:none}
.intro-splash video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.intro-controls{position:absolute;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:end;gap:24px;z-index:1}
.intro-controls p{font:12px monospace;line-height:1.6;color:#c0c5b8;margin:0;max-width:380px;text-shadow:0 1px 8px #000}
.intro-controls>div{display:flex;gap:12px;flex-shrink:0}
.intro-controls button{border:1px solid #c8ff31;border-radius:99px;padding:13px 20px;background:#101210d9;color:#c8ff31;font-size:14px;min-height:48px}
.intro-controls .intro-skip{background:#c8ff31;color:#101210}
.intro-controls button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.intro-replay{font-size:13px;background:none;color:inherit;border:0;border-bottom:1px solid currentColor;padding:5px 0}
.intro-replay-hero{display:block;width:fit-content;justify-self:end;grid-column:2;grid-row:3;margin-top:8px;pointer-events:auto;color:#516b28}
@media(max-width:800px){.intro-replay-hero{margin-top:16px;text-align:left;line-height:1.5}}
body.intro-playing{overflow:hidden}
html.intro-active{overflow:hidden}
@media(max-width:600px){.intro-controls{left:20px;right:20px;bottom:max(24px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:18px}.intro-controls>div{justify-content:flex-end}.intro-controls p{font-size:11px;max-width:290px}.intro-controls button{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.intro-splash{transition:none}}