:root{color-scheme:dark;background:#000}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000;overscroll-behavior:none}
body{opacity:1;transition:opacity .32s ease}body.is-leaving{opacity:0}
.launch-stage{position:fixed;inset:0;overflow:hidden;background:#000}
#launch-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#000;pointer-events:none;user-select:none;-webkit-user-select:none}
.launch-vignette{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 50% 44%,transparent 0 18%,rgba(0,0,0,.42) 72%,rgba(0,0,0,.82));pointer-events:none}
.launch-gate{position:absolute;z-index:4;inset:0;display:grid;place-items:center;align-content:center;gap:18px;padding:24px;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(98,62,25,.22),transparent 34%),rgba(0,0,0,.72);backdrop-filter:blur(8px)}.launch-gate[hidden]{display:none}.launch-gate img{width:min(72vw,520px);height:auto;filter:drop-shadow(0 12px 32px #000)}.launch-gate>span{color:#cfb77f;font:700 10px/1.4 system-ui,sans-serif;letter-spacing:.28em}.launch-gate button{display:flex;align-items:center;justify-content:center;gap:14px;min-width:min(360px,88vw);min-height:54px;padding:13px 24px;border:1px solid #dfc47a;background:linear-gradient(110deg,#5f3a18,#28170d);color:#f7e5b8;font:800 13px/1.2 system-ui,sans-serif;letter-spacing:.12em;cursor:pointer;box-shadow:0 18px 48px #0008,inset 0 1px #fff2}.launch-gate button:hover,.launch-gate button:focus-visible{border-color:#f6dfa0;filter:brightness(1.12);transform:translateY(-1px)}.launch-gate button i{color:#d6ac55;font-style:normal}.launch-gate small{color:#94846d;font:500 11px/1.4 system-ui,sans-serif}
.launch-skip{position:absolute;z-index:5;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));padding:10px 14px;border:1px solid #ddc88b66;background:#0907069c;color:#e5d7b6;font:700 10px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.launch-skip[hidden]{display:none}.launch-chapter{position:absolute;z-index:3;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));margin:0;color:#ddcda7;font:700 10px/1.5 system-ui,sans-serif;letter-spacing:.2em}.launch-chapter[hidden]{display:none}.launch-sound{position:absolute;z-index:6;right:max(22px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #ddc88b4a;background:#090706a8;color:#e5d7b6;font:700 10px/1 system-ui,sans-serif;letter-spacing:.08em;cursor:pointer}.launch-sound input{accent-color:#d8b36b}.launch-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:720px){#launch-video{object-fit:contain}.launch-chapter{bottom:72px}.launch-skip{left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}.launch-gate{gap:14px}.launch-gate img{width:min(84vw,460px)}}
@media(prefers-reduced-motion:reduce){body{transition:none}}