:root{font-family:"Segoe UI",Arial,sans-serif;color:#f9f5eb;background:#16241e;font-synthesis:none;--cream:#f7f0de;--gold:#dbc8a0;--line:rgba(255,255,255,.25);--ink:#263b31;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button,a,input{outline-offset:5px}button:focus-visible,input:focus-visible{outline:2px solid var(--gold)}button{border:0}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}button{transition:background .25s,opacity .25s,transform .25s}button:active{transform:scale(.98)}
#experience{position:relative;height:100svh;min-height:580px;isolation:isolate;overflow:hidden}#mediaStage{position:absolute;inset:0;background:#1e3028}.media-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s var(--ease);pointer-events:none}.media-layer.active{opacity:1}.cinema-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,21,17,.43),transparent 25%,rgba(10,21,17,.07) 40%,rgba(10,21,17,.6) 76%,rgba(9,18,15,.88)),linear-gradient(90deg,rgba(10,21,17,.32),transparent 65%)}.film-grain{position:absolute;inset:0;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{position:absolute;z-index:20;top:34px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;gap:22px}.brand{background:none;padding:0;width:155px;display:flex;align-items:center;flex-direction:column;gap:9px}.brand img{width:100%;max-height:56px;object-fit:contain;filter:brightness(0) invert(1)}.brand>span{font-size:9px;letter-spacing:.45em;margin-left:4px}.edition{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.23em;white-space:nowrap;color:#f7f0decb}.edition-line{width:28px;height:1px;background:#ffffff35}.top-actions{display:flex;gap:9px;align-items:center}.glass{background:#22352a36;border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff08}.icon-button{height:43px;width:43px;border-radius:50%;display:grid;place-items:center;background:transparent}.icon-button.glass{background:#22352a36}.icon-button:hover,.sound-button:hover{background:#ffffff24}.sound-button{border-radius:30px;display:flex;gap:10px;align-items:center;padding:12px 17px;height:43px;font-size:11px;letter-spacing:.02em}.sound-wave{height:16px;display:flex;gap:3px;align-items:center}.sound-wave i{width:2px;height:6px;background:currentColor;border-radius:1px}.sound-wave i:nth-child(2){height:14px}.sound-wave i:nth-child(3){height:10px}.sound-wave i:nth-child(4){height:5px}.sound-on .sound-wave i{animation:wave 1.4s infinite alternate}.sound-on .sound-wave i:nth-child(2){animation-delay:-.7s}.sound-on .sound-wave i:nth-child(3){animation-delay:-.3s}.muted .sound-wave{opacity:.45}.vertical-note{position:absolute;right:35px;top:43%;writing-mode:vertical-rl;letter-spacing:.26em;font-size:8px;color:#fff9}
.welcome{position:absolute;left:7.3%;bottom:15.5%;width:650px;animation:reveal 1.2s both}.eyebrow{font-size:10px;letter-spacing:.25em;font-weight:500;line-height:1.7;color:var(--gold);display:flex;align-items:center;gap:12px}.small-line{height:1px;width:35px;background:var(--gold)}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(44px,5.1vw,78px);letter-spacing:-.055em;line-height:1.07;margin:23px 0 22px;text-wrap:balance}h1 em{font-weight:400;color:#e8d8b6}p{line-height:1.8}.welcome p{font-size:14px;line-height:1.85;color:#fffC;font-weight:350;margin:0 0 30px}.primary-button{border-radius:32px;background:var(--cream);color:#243b30;padding:8px 8px 8px 25px;display:inline-flex;gap:30px;align-items:center;font-size:12px;font-weight:550;letter-spacing:.01em;box-shadow:0 6px 30px #0002}.primary-button:hover{background:#fff;transform:translateY(-2px)}.circle-arrow{border:1px solid #263b3130;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:300}.quiet-button{background:none;font-size:11px;color:#fffc;margin-left:23px;padding:12px 0;border-bottom:1px solid #ffffff30}.quiet-button span{margin-left:10px}.welcome-note{font-size:10px;color:#ffffff87;margin-top:24px;display:flex;align-items:center;gap:9px}.welcome-note svg{width:14px;height:14px}
.story{position:absolute;left:7.3%;right:7.3%;bottom:15%;display:grid;grid-template-columns:1fr minmax(350px,450px);align-items:end;gap:8vw;z-index:5}.story-copy{max-width:550px;animation:reveal .75s both}.story h1{font-size:clamp(40px,4.4vw,67px);margin:18px 0}.story h1:focus{outline:none}.story p{font-size:13px;line-height:1.85;color:#ffffffc7;max-width:440px;margin:0;font-weight:350}.choices-area{animation:reveal .8s .1s both}.choice-prompt{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.4;letter-spacing:-.02em;margin-bottom:19px;color:#f8f1df}.choices{display:flex;flex-direction:column;gap:9px}.choice{background:linear-gradient(115deg,#faf6e813,#faf6e809);border:1px solid #fff4;border-radius:17px;padding:18px 19px;display:grid;grid-template-columns:28px 1fr 19px;gap:13px;align-items:center;text-align:left;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);min-height:88px;transition:all .3s}.choice:hover{background:#f9f3e7ed;color:#273c30;border-color:#f9f3e7;transform:translateX(4px)}.choice-code{font-size:11px;color:#e5d3ac;border:1px solid #fff4;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.choice-label{font-size:14px;display:block;letter-spacing:-.01em;font-weight:500}.choice-detail{font-size:11px;line-height:1.55;display:block;margin-top:5px;color:#ffffffad}.choice-arrow{font-size:20px;color:#e5d3ac;font-weight:300}.choice:hover .choice-detail{color:#536457}.choice:hover .choice-code{color:#314735;border-color:#31473538}.choice:hover .choice-arrow{color:#314735}.choices.compact .choice{min-height:67px;padding-top:16px;padding-bottom:16px}.waiting-hint{margin-top:24px;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.04em;color:#fff9}.breathing-dot{height:5px;width:5px;background:var(--gold);border-radius:50%;animation:breathe 2s infinite}
.bottom-bar{position:absolute;z-index:22;left:42px;right:42px;bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;height:35px}.chapter-label{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.15em;white-space:nowrap}.chapter-label>span:first-child{font-size:12px;color:#d9c6a0;letter-spacing:.02em;font-variant-numeric:tabular-nums}.chapter-rule{width:42px;height:1px;background:#ffffff45}.footer-right{font-size:8px;letter-spacing:.2em;color:#fff8;display:flex;align-items:center;gap:18px}.footer-right button{color:#fff;flex-shrink:0}.narrator-status{display:flex;align-items:center;gap:9px;font-size:10px;color:#ffffffad}.voice-indicator{display:flex;align-items:center;gap:2px;height:15px;color:var(--gold)}.voice-indicator i{height:5px;width:2px;background:currentColor;animation:wave .7s infinite alternate}.voice-indicator i:nth-child(2n){animation-delay:-.3s;height:13px}.voice-indicator i:nth-child(3){animation-delay:-.5s;height:9px}#skipVoice{margin-left:12px;background:none;font-size:10px;border-left:1px solid #fff3;padding:5px 0 5px 17px;color:#fff8}#skipVoice:hover{color:white}#skipVoice span{padding-left:5px}.paused .voice-indicator i,.paused .sound-wave i{animation-play-state:paused}.media-status{position:absolute;z-index:30;top:125px;left:50%;transform:translateX(-50%);border-radius:20px;padding:12px 20px;font-size:11px;text-align:center;color:#fff}.media-status button{background:#f7f0de;color:#263b31;padding:7px 14px;margin-left:15px;border-radius:20px;font-size:11px}.toast{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);max-width:90vw;background:#f7f0de;color:#283c31;border-radius:18px;padding:13px 22px;font-size:12px;text-align:center;z-index:50;box-shadow:0 4px 20px #0003}
dialog{padding:40px;border:1px solid #fff9;border-radius:25px;width:420px;max-width:calc(100vw - 32px);background:#f6f2e9;color:#293c30;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#0c1e17a6;backdrop-filter:blur(9px)}dialog .eyebrow{color:#8f7855;font-size:9px}dialog h2{font-family:Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-.04em;margin:15px 0}dialog p{font-size:12px;color:#69776c}.dialog-close{position:absolute;right:15px;top:12px;font-size:28px;background:none;color:#344b39;width:38px;height:38px}.volume-row{display:flex;justify-content:space-between;margin:26px 0 10px;font-size:12px}.volume-row output{color:#7a8378;font-size:11px}input[type=range]{width:100%;accent-color:#526c56;cursor:pointer}.dialog-button{margin-top:24px;width:100%;background:#2c4334;color:#f7f2e9;padding:14px;border-radius:25px;font-size:12px}.sound-footnote{font-size:10px!important;text-align:center;margin:18px 0 0!important}#gameStage{position:absolute;inset:0;z-index:12}.in-game .cinema-shade{background:linear-gradient(180deg,#091b1555,transparent 23%,transparent 60%,#091b1577)}.in-game .vertical-note{display:none}.in-game .edition{display:none}
@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{to{transform:scaleY(.4)}}@keyframes breathe{50%{opacity:.25}}
@media(min-width:1800px){.story{bottom:17%}.welcome{bottom:19%}.topbar{top:42px;left:55px;right:55px}.bottom-bar{left:55px;right:55px;bottom:38px}.choice{min-height:102px;padding:21px}.choice-label{font-size:16px}.choice-detail{font-size:12px}.story p{font-size:15px}}
@media(max-width:1100px){.topbar{left:28px;right:28px;top:26px}.edition{display:none}.story{left:6%;right:6%;gap:5%;grid-template-columns:1fr minmax(320px,42%)}.story h1{font-size:48px}.bottom-bar{left:28px;right:28px}.footer-right>span{display:none}.vertical-note{right:17px}.welcome{left:8%;max-width:80%}.choice{padding:15px;gap:10px}.choice-label{font-size:13px}.choice-detail{font-size:10px}.choice-prompt{font-size:17px}}
@media(max-width:700px){#experience{min-height:660px}.topbar{left:23px;right:23px;top:24px;gap:12px}.brand{width:115px;gap:6px}.brand>span{font-size:8px}.top-actions{gap:7px}.sound-button{padding:0;width:39px;justify-content:center;height:39px}.sound-button>span:last-child{display:none}.icon-button{width:39px;height:39px}#fullscreenButton{display:none}.vertical-note{display:none}.welcome{left:28px;right:28px;bottom:17%;width:auto;max-width:none}.welcome h1{font-size:clamp(40px,9.5vw,60px);margin-top:20px}.welcome p{font-size:12px}.welcome .eyebrow{font-size:9px}.primary-button{padding-left:19px;gap:20px;font-size:11px}.quiet-button{margin-left:17px;font-size:10px}.welcome-note{font-size:9px}.story{left:25px;right:25px;bottom:116px;gap:27px;grid-template-columns:1fr;max-height:calc(100svh - 225px);overflow:auto;scrollbar-width:none;padding:8px 0}.story-copy{max-width:100%}.story h1{font-size:39px;max-width:460px;margin:11px 0 12px}.story p{font-size:11px;max-width:100%;line-height:1.7}.eyebrow{font-size:8px}.choice{border-radius:14px;min-height:72px;padding:13px 14px;gap:11px}.choice-label{font-size:13px}.choice-detail{font-size:10px;margin-top:3px;line-height:1.45}.choices{gap:8px}.choice-prompt{font-size:16px;margin-bottom:12px}.bottom-bar{bottom:20px;left:25px;right:25px;align-items:center}.chapter-label{gap:9px;font-size:8px;letter-spacing:.1em}.chapter-rule{width:23px}.footer-right{gap:0}.narrator-status{position:absolute;bottom:47px;left:0;font-size:9px;gap:7px}#skipVoice{font-size:9px;padding-left:12px;margin-left:6px}.media-status{top:98px;width:max-content;max-width:88%;font-size:10px}.toast{bottom:110px}.waiting-hint{margin-top:15px}.cinema-shade{background:linear-gradient(180deg,#0a191744,transparent 20%,#0a19172c 35%,#0a1917bd 67%,#091712ee)}.choices.compact .choice{min-height:58px}.in-game .bottom-bar{pointer-events:none}.in-game #homeButton{pointer-events:auto}}
@media(max-height:720px) and (min-width:701px){#experience{min-height:500px}.topbar{top:22px}.brand{width:120px}.welcome{bottom:16%}.welcome h1{font-size:54px;margin:15px 0}.welcome p{margin-bottom:20px;font-size:12px}.welcome-note{margin-top:15px}.story{bottom:16%;gap:7vw}.story h1{font-size:45px}.story p{font-size:12px}.choice{min-height:73px;padding:13px 17px}.choice-prompt{margin-bottom:12px}.choice-detail{font-size:10px}.bottom-bar{bottom:20px}}
@media(max-width:700px) and (max-height:740px){.story{bottom:103px;gap:17px;max-height:calc(100svh - 197px)}.story h1{font-size:33px}.story p{font-size:10px}.choice{min-height:65px;padding:11px 13px}.choice-prompt{font-size:14px}.choice-detail{font-size:9px}.choice-label{font-size:12px}.bottom-bar{bottom:15px}}
.story-copy{text-shadow:0 2px 14px #0005}.story h1{white-space:pre-line}
@media(max-width:700px){.cinema-shade{background:linear-gradient(180deg,#0a191744,transparent 18%,#0a19177d 38%,#0a1917bd 67%,#091712ee)}.in-game .cinema-shade{background:linear-gradient(180deg,#091b1555,transparent 23%,transparent 60%,#091b1577)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}