html[data-lb-intro]{background:#080808;overflow:hidden}
html[data-lb-intro] body{overflow:hidden}
html[data-lb-intro] body > :not(lb-one-intro){visibility:hidden}
lb-one-intro{position:fixed;inset:0;z-index:2147483000;display:block;background:#080808;overflow:auto;overscroll-behavior:contain;isolation:isolate;visibility:visible;opacity:1}
lb-one-intro[data-leaving]{pointer-events:none;transition:opacity .32s ease;opacity:0}
/* The intro hands focus to this landmark; controls keep their own focus rings. */
#home.hero[tabindex="-1"]:focus{outline:none}
.replay-intro{position:fixed;z-index:20;right:20px;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #f18eb64d;border-radius:28px;background:#080808eb;color:#f2f0ed;box-shadow:0 4px 20px #0003;font:12px/1.2 Arial,Helvetica,sans-serif;text-decoration:none;letter-spacing:.25px;backdrop-filter:blur(10px);transition:border-color .2s,background .2s,transform .2s}
.replay-intro:hover{border-color:#f18eb6a6;background:#261a23;transform:translateY(-2px)}
.replay-intro:focus-visible{outline:2px solid #d7c3a1;outline-offset:4px}
@media(max-width:600px){.replay-intro{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:10px 16px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.replay-intro{transition:none}}
@media(prefers-reduced-motion:reduce){lb-one-intro[data-leaving]{transition:none}}
