.oli-intro{--font-retro:OliRetro;position:fixed;inset:0;z-index:90;background:#030812;color:#fff4d5;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.oli-intro[hidden]{display:none!important}
html.intro-active .oli-intro[hidden]{display:grid!important}
.intro-backdrop,.intro-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#030812}
.intro-backdrop{opacity:0;transition:opacity 1.1s ease}.oli-intro.is-running .intro-backdrop{opacity:1}
.intro-film{opacity:0;transition:opacity .75s ease}.oli-intro.has-picture .intro-film{opacity:1}
.intro-cover{position:relative;width:min(90vw,1100px);display:flex;flex-direction:column;align-items:center;gap:clamp(24px,5vh,58px);z-index:2;transition:opacity .45s ease}
.intro-logo{display:block;width:min(87vw,980px);max-height:60vh;object-fit:contain;filter:drop-shadow(0 9px 12px #0009)}
.intro-start{font-family:var(--font-retro,'Press Start 2P',monospace);font-size:clamp(12px,2.05vw,23px);line-height:1.8;color:#fff1b0;background:none;border:0;border-bottom:2px solid transparent;min-height:60px;padding:14px 20px;text-shadow:3px 3px #111;cursor:pointer;touch-action:manipulation}
.intro-start:focus-visible,.intro-start:hover{color:#f8b7e3;border-bottom-color:#f8b7e3;outline:0}.intro-start:active{transform:translateY(2px)}
.oli-intro.is-running .intro-cover{pointer-events:none}.oli-intro.is-running .intro-start{visibility:hidden}.oli-intro.title-away .intro-cover{opacity:0}
.intro-sound{position:absolute;right:max(16px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));z-index:5;width:54px;height:54px;border:1px solid #f1c257;border-radius:50%;background:#15393ee8;cursor:pointer;display:grid;place-items:center;touch-action:manipulation}.intro-sound img{width:29px;height:29px;filter:invert(85%) sepia(60%) saturate(380%) hue-rotate(352deg) brightness(102%)}
.intro-question{position:absolute;left:50%;bottom:max(5vh,20px);transform:translateX(-50%);width:min(88vw,1050px);box-sizing:border-box;padding:clamp(20px,3vw,36px);background:#082b32f5;border:2px solid #d2ad5d;box-shadow:0 8px 34px #000b;color:#fff0c8;z-index:4}
.intro-question[hidden],.intro-help[hidden]{display:none!important}.intro-question h1{font-family:var(--font-retro,'Press Start 2P',monospace);font-size:clamp(13px,1.75vw,21px);line-height:1.8;letter-spacing:0;margin:0 0 17px;font-weight:400}
.intro-options{display:grid;gap:6px}.intro-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:none;border:1px solid transparent;color:#f4d174;font-family:var(--font-retro,'Press Start 2P',monospace);font-size:clamp(11px,1.4vw,17px);line-height:1.8;padding:11px 8px;min-height:52px;cursor:pointer;touch-action:manipulation}.intro-option:before{content:'›';font:30px/1 Georgia,serif;color:#e090cb}.intro-option:hover,.intro-option:focus-visible{background:#21464c;border-color:#e7bc63;outline:0;color:#fff7dc}.intro-option:disabled{opacity:.6}
.intro-help{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);z-index:6;color:#ffe4b6;text-align:center;max-width:min(85vw,750px);padding:20px;background:#0b2832ed;border:1px solid #b99a62}.intro-help button{font:inherit;min-height:48px;padding:10px 20px;margin-top:12px;color:#fff4d3;background:#23525b;border:1px solid #e0b76d;cursor:pointer}
.intro-question h1:focus{outline:0}
html.intro-active .desk{pointer-events:none}html.intro-active #idle{visibility:hidden}
.intro-cover{position:absolute;inset:0;width:100%;display:block}
.intro-logo{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:58vw;max-height:45vh}
.intro-start{position:absolute;left:50%;top:70%;transform:translateX(-50%);white-space:nowrap}
.intro-replay{position:absolute;left:50%;top:83%;transform:translateX(-50%);font:clamp(9px,1.15vw,13px)/1.8 OliRetro,monospace;min-height:48px;padding:8px 16px;color:#d6b1cf;background:none;border:0;text-decoration:underline;text-underline-offset:6px;cursor:pointer;white-space:nowrap}
.intro-replay:focus-visible,.intro-replay:hover{color:#fff1b0;outline:2px solid #f8b7e3;outline-offset:3px}
.oli-intro.is-running .intro-replay{visibility:hidden}
.intro-start:active{transform:translate(-50%,2px)}
.oli-intro.is-running .intro-cover{opacity:0}
@media(max-height:650px){.intro-logo{max-height:45vh}.intro-cover{gap:15px}.intro-question{bottom:18px;padding:17px 24px}.intro-question h1{font-size:14px;line-height:1.6;margin-bottom:9px}.intro-option{font-size:12px;line-height:1.6;padding:7px;min-height:44px}.intro-sound{width:48px;height:48px}}
@media(max-width:650px){.intro-question{width:94vw}.intro-logo{width:75vw}.intro-option{font-size:11px}.intro-question h1{font-size:12px}.intro-question{padding:19px 16px}}