:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#f3f8fb;background:#02050b}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;background:#02050b}body{min-height:100svh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,#0b1728,#02050b 68%)}button{color:inherit;font:inherit;cursor:pointer}.prologue{--story-index: 0;position:relative;width:min(100vw,177.87234svh,1440px);height:min(100svh,calc(100vw / 1.7787234),810px);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;isolation:isolate;outline:1px solid rgba(98,230,237,.22);background:#040913}.prologue-art{position:absolute;z-index:-3;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:68% center;filter:grayscale(.26) saturate(.65) brightness(.42) contrast(1.18);transform:scale(1.02)}.prologue-shade{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 68% 46%,rgba(46,164,190,.1),transparent 29%),linear-gradient(90deg,#02060dfa 0 32%,#02070fcc 54%,#02060d7a),linear-gradient(0deg,#02050bf2,transparent 37%,#02050baa)}.prologue-grid{position:absolute;z-index:4;inset:0;opacity:.13;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 3px,#68e4ed 3px 4px),linear-gradient(90deg,transparent 49.9%,rgba(92,224,228,.2) 50%,transparent 50.1%)}.prologue-header,.prologue-footer{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(22px,3.3vw,48px) clamp(24px,4.7vw,68px)}.prologue-header>div{display:grid;gap:5px}.prologue-header>.prologue-header-actions{display:flex;align-items:center;gap:8px}.prologue-header span{color:#65ead8;font-size:10px;font-weight:1000;letter-spacing:.15em}.prologue-header strong{color:#e9f7fb;font-size:13px;letter-spacing:.12em}.prologue-header button{min-width:112px;min-height:44px;padding:11px 16px;border:1px solid #38495a;color:#aebbc6;background:#050c15d1;font-size:11px;font-weight:900}.prologue-header button:hover{border-color:#65ead8;color:#eafffb}.prologue-header .prologue-music-toggle{min-width:116px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:7px 10px;text-align:left}.prologue-music-toggle>span{grid-row:1 / 3;display:grid;place-items:center;width:26px;height:26px;border:1px solid #315262;color:#65ead8;font-size:14px}.prologue-music-toggle b{color:#dcebf0;font-size:9px;line-height:1;letter-spacing:.13em}.prologue-music-toggle small{color:#65ead8;font-size:8px;line-height:1;letter-spacing:.12em}.prologue-music-toggle.is-playing{border-color:#65ead8;background:#082226d1}.story-viewport{position:relative;z-index:2;min-height:0;overflow:hidden}.story-reel{width:100%;height:100%;transition:transform .56s cubic-bezier(.19,.82,.27,1);transform:translateZ(0)}.story-scene{width:100%;height:100%;display:grid;align-content:center;justify-items:start;padding:0 clamp(24px,7.8vw,112px);opacity:.12;transform:translateY(20px);transition:opacity .38s ease .12s,transform .52s ease 80ms}.story-scene.is-active{opacity:1;transform:translateY(0)}.story-scene small{margin-bottom:18px;color:#65ead8;font-size:clamp(10px,.82vw,12px);font-weight:1000;letter-spacing:.18em}.story-scene h1{max-width:760px;margin:0;color:#f6f8fa;font-size:clamp(42px,5.5vw,82px);line-height:.88;letter-spacing:-.075em;text-shadow:5px 5px 0 rgba(22,57,70,.72),0 18px 50px #000}.story-scene p{width:min(650px,72vw);min-height:3.7em;margin:clamp(20px,3vh,34px) 0 0;color:#b7c5cf;font-size:clamp(12px,1vw,16px);line-height:1.7;letter-spacing:.035em}.story-scene p:after{content:"";display:inline-block;width:7px;height:1em;margin-left:4px;vertical-align:-.15em;background:#65ead8;animation:cursor-blink .7s steps(1,end) infinite}.story-scene.is-complete p:after{opacity:.2}.prologue-footer{padding-top:10px;padding-bottom:clamp(22px,3.3vw,48px)}.story-progress{display:flex;gap:6px}.story-progress i{width:24px;height:3px;background:#253342}.story-progress i.is-complete{background:#65ead8;box-shadow:0 0 8px #65ead880}.prologue-footer button{min-width:220px;min-height:54px;padding:14px 24px;border:1px solid #65ead8;color:#061411;background:#65ead8;box-shadow:3px 3px #061019;font-size:12px;font-weight:1000;letter-spacing:.09em}.prologue-footer>span{color:#7c8d9b;font-size:9px;font-weight:900;letter-spacing:.09em}@keyframes cursor-blink{50%{opacity:.15}}@media(max-width:700px){.prologue-header,.prologue-footer{padding-inline:18px}.story-scene{padding-inline:22px}.story-scene h1{font-size:clamp(30px,10vw,54px)}.story-scene p{width:92vw}.prologue-footer>span{display:none}.prologue-header .prologue-music-toggle{min-width:44px;width:44px;padding:8px;display:grid;place-items:center}.prologue-music-toggle>span{grid-row:auto}.prologue-music-toggle b,.prologue-music-toggle small{display:none}}@media(max-width:700px)and (orientation:portrait){.prologue{width:100vw;height:100svh}.prologue-header,.story-viewport,.prologue-footer{min-width:0}.prologue-header{align-items:flex-start;gap:10px;padding:calc(18px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) 14px calc(16px + env(safe-area-inset-left,0px))}.prologue-header>div:first-child{display:none}.prologue-header{justify-content:flex-end}.prologue-header strong{font-size:10px;line-height:1.35}.prologue-header .prologue-header-actions{flex:0 0 auto}.prologue-header #prologue-skip{min-width:84px;min-height:44px;padding-inline:9px}.story-scene{padding:16px calc(22px + env(safe-area-inset-right,0px)) 16px calc(22px + env(safe-area-inset-left,0px))}.story-scene small{margin-bottom:13px}.story-scene h1{font-size:clamp(30px,10.5vw,48px);line-height:.91}.story-scene p{width:100%;min-height:5.3em;margin-top:18px;font-size:12px;line-height:1.65}.prologue-footer{gap:14px;padding:12px calc(18px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(18px + env(safe-area-inset-left,0px))}.story-progress{gap:4px}.story-progress i{width:16px}.prologue-footer button{width:min(224px,58vw);min-width:0;min-height:52px;padding-inline:10px}}@media(orientation:landscape)and (max-height:540px){.prologue{width:100vw;height:100svh}.prologue-header{padding:calc(10px + env(safe-area-inset-top,0px)) calc(18px + env(safe-area-inset-right,0px)) 8px calc(18px + env(safe-area-inset-left,0px))}.story-scene{padding-inline:calc(48px + env(safe-area-inset-left,0px)) calc(48px + env(safe-area-inset-right,0px))}.story-scene small{margin-bottom:8px}.story-scene h1{font-size:clamp(31px,10svh,44px)}.story-scene p{min-height:3.4em;margin-top:12px;font-size:11px;line-height:1.55}.prologue-footer{padding:6px calc(18px + env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) calc(18px + env(safe-area-inset-left,0px))}.prologue-footer button{min-height:46px}}@media(prefers-reduced-motion:reduce){.story-reel,.story-scene{transition:none}.story-scene p:after{animation:none}}body.setting-reduced-motion .story-reel,body.setting-reduced-motion .story-scene{transition:none}body.setting-reduced-motion .story-scene p:after{animation:none}