#intro-cinema[hidden]{display:none}
#intro-cinema{position:fixed;inset:0;z-index:60;pointer-events:none;color:#edf8ff;background:linear-gradient(#030b1b55,transparent 23%,transparent 70%,#030b1b66);font-family:inherit}
.intro-film-brand{position:absolute;left:max(24px,env(safe-area-inset-left));top:max(24px,env(safe-area-inset-top));font-size:13px;letter-spacing:3px;font-weight:700;opacity:var(--intro-brand-opacity,1);text-shadow:0 2px 12px #000}
.intro-film-brand span{display:block;margin-top:6px;font-size:8px;color:#91d6ee;letter-spacing:3.5px}
#skip-introduction{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));pointer-events:auto;min-height:48px;padding:12px 18px;border:1px solid #a5dcec80;border-radius:9px;background:#0a1e33ed;color:#f3fcff;font:600 13px system-ui;box-shadow:0 3px 18px #0005;cursor:pointer}
#skip-introduction span{margin-left:12px;color:#7ee4ff}
#skip-introduction:hover,#skip-introduction:focus-visible{background:#173d55;border-color:#b5f4ff;outline:2px solid #76dfff;outline-offset:3px}
.intro-question{position:absolute;left:6%;right:6%;bottom:18%;text-align:center;text-shadow:0 3px 16px #020617,0 1px 4px #020617;opacity:0}
.intro-question>span{font-size:10px;font-weight:600;letter-spacing:3px;color:#9bddf1}
.intro-question h1{font-size:clamp(24px,3.4vw,44px);font-weight:650;line-height:1.16;letter-spacing:.04em;margin:12px auto;max-width:800px}
body[data-phase=introduction] :is(header,.mission,.inventory,footer,.play-actions,#joystick){opacity:var(--intro-hud,0)!important;pointer-events:none!important;transition:none!important}
body[data-phase=introduction] .play-actions{display:flex!important;visibility:visible}
body[data-phase=introduction][data-touch=true] .play-actions{display:grid!important}
body[data-phase=introduction][data-touch=true] #joystick{display:block!important;visibility:visible}
body[data-phase=introduction][data-touch=false] #joystick{visibility:hidden}
body[data-phase=introduction] :is(#reticle,#aim-hint,#repair-nearby,#read-note,#toast,#celebration-caption,.challenge-review-tools,.launch-review-tools,.celebration-review-tools){display:none!important}
@media(max-width:600px){.intro-film-brand{left:18px;top:80px;font-size:10px}#skip-introduction{right:16px;top:max(16px,env(safe-area-inset-top))}.intro-question{bottom:25%}.intro-question h1{max-width:340px;font-size:26px}}
@media(max-height:500px){.intro-question{bottom:13%}.intro-question h1{font-size:24px}.intro-film-brand{top:20px}.intro-question>span{font-size:8px}}