.home-screen{position:relative;isolation:isolate;min-height:100svh;min-height:100dvh;overflow:hidden;background:#0c1523;color:#eae3e8;padding:0 max(30px,5vw);font-family:var(--serif,Georgia,serif)}
.home-screen[hidden]{display:none}.home-background,.home-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.home-background{opacity:.6}.home-shade{z-index:-2;background:linear-gradient(90deg,#0b1324f5 3%,#0b1324cf 37%,#0b132438 72%),linear-gradient(0deg,#0b1324 0%,transparent 28%,#0b132466 100%)}
.home-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 24px;border-bottom:1px solid #c1cad01c;position:relative;z-index:3}.home-brand strong{display:block;font:22px var(--serif);font-weight:400;letter-spacing:1px}.home-brand small{display:block;font:7px var(--mono);letter-spacing:3px;margin-top:9px;color:#d5b8c4}.home-header-actions{display:flex;gap:10px}.home-quiet{padding:11px 14px;border:1px solid #d8c5cc29;border-radius:4px;background:#101c2a66;color:#d4c8d1;font:10px var(--mono);cursor:pointer;min-height:42px}
.home-content{position:relative;z-index:2;width:min(620px,53%);padding:clamp(42px,7vh,90px) 0 140px}.home-eyebrow{font:9px/1.6 var(--mono);letter-spacing:2.2px;color:#d5aebc}.home-content h1{font:clamp(42px,4.3vw,72px)/1.11 var(--serif);font-weight:400;white-space:pre-line;letter-spacing:-1.5px;margin:22px 0}.home-description{font:15px/1.9 var(--serif);white-space:pre-line;color:#b9becb;margin:0 0 30px}.home-progress{padding:20px 0 20px 18px;border-left:2px solid #b98091;background:linear-gradient(90deg,#cf9eaf0c,transparent);margin:22px 0 28px}.home-progress strong{display:block;font:22px/1.4 var(--serif);font-weight:400;margin:7px 0}.home-progress p{font:10px/1.8 var(--mono);color:#aebaca;margin:0}
.home-main-actions{display:flex;gap:12px;flex-wrap:wrap}.home-primary,.home-secondary{font:12px var(--mono);letter-spacing:.3px;min-height:52px;border-radius:4px;padding:18px 24px;cursor:pointer;transition:background .2s,transform .2s}.home-primary{background:#c39aa7;border:1px solid #d5b4bf;color:#1c202c}.home-primary:hover{background:#e0b6c5}.home-secondary{background:#13223699;border:1px solid #c9b9c53d;color:#ddd3dd}.home-primary:disabled,.home-secondary:disabled{opacity:.5;cursor:wait}.home-nav{display:flex;gap:6px 19px;flex-wrap:wrap;margin-top:25px}.home-nav button{font:10px/1.8 var(--mono);color:#b8c2d0;border:0;border-bottom:1px solid #bd9ba52e;background:transparent;padding:8px 0;cursor:pointer;min-height:36px}.home-nav button:hover{color:#f3cddd}.home-notice{font:12px/1.7 Arial,sans-serif;color:#e8b8bf;max-width:450px}
.home-portrait-wrap{position:absolute;right:-1%;bottom:0;top:112px;width:53%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;overflow:hidden;mask-image:linear-gradient(#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(#000 80%,transparent 100%)}.home-portrait{height:100%;width:auto;max-width:none;flex:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 45px #091426c9)}
.home-cast{position:absolute;z-index:3;bottom:77px;right:5vw;width:43%;max-width:500px}.home-cast>.home-eyebrow{text-align:right}.home-cast-buttons{display:flex;justify-content:flex-end;gap:7px}.home-cast-buttons button{background:#122034c9;border:1px solid #d4bdc935;border-radius:3px;color:#c7bdca;font:10px var(--mono);padding:11px 14px;min-height:42px;cursor:pointer}.home-cast-buttons button[aria-pressed=true]{border-color:#d0a1b1;color:#f1cedc;background:#263044ed}.home-cast-caption{margin:13px 0 0;text-align:right}.home-cast-caption strong{font:26px var(--serif);font-weight:400;margin-right:10px}.home-cast-caption span{font:8px var(--mono);letter-spacing:1px;color:#c4acbb}.home-footer{position:absolute;bottom:0;left:5vw;right:5vw;border-top:1px solid #d0bdc91e;display:flex;justify-content:space-between;gap:15px;padding:20px 0;color:#91a0b3;font:7px var(--mono);letter-spacing:1.6px;z-index:3}
.home-screen button:focus-visible,.home-dialog input:focus-visible{outline:2px solid #e9bed0;outline-offset:4px}.home-dialog{width:min(780px,94vw);max-height:87dvh;overflow:auto;background:#142032;color:#e7dfe7;border:1px solid #ccacbd55;border-radius:8px;padding:28px}.home-dialog::backdrop{background:#030a17cb}.home-dialog h2{font:34px/1.2 var(--serif);font-weight:400;margin:8px 0 15px}.home-dialog-note{font:12px/1.8 Arial,sans-serif;color:#aebbd0;max-width:620px}.home-dialog .dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.home-dialog input[type=range]{width:100%;accent-color:#c39aa7;padding:0;min-height:35px}.home-dialog label{display:flex;justify-content:space-between;color:#ddd0dd;font:13px Arial,sans-serif;margin:12px 0}.home-dialog output{color:#d5aebc;font:11px var(--mono)}.home-dialog .music-control,.home-setting-group{margin-top:18px;padding:18px 0;border-top:1px solid #cbb4c429}.home-dialog .music-control p,.home-setting-group p{font:11px/1.7 Arial,sans-serif;color:#b2bdd0}.music-note{font-size:10px!important;line-height:1.7!important;color:#bdc3d1}.home-chapter{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-top:1px solid #cbb4c429}.home-chapter h3,.home-memory h3,.home-ending h3{font:23px/1.3 var(--serif);font-weight:400;margin:8px 0}.home-chapter p{font:10px/1.7 var(--mono);color:#b1bdd0;margin:0}.home-chapter button{white-space:nowrap}.home-chapter button:disabled{opacity:.4}.home-memories{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.home-memory{border:1px solid #ccb4c528;border-radius:5px;overflow:hidden;background:#1b2b40}.home-memory>img{width:100%;height:220px;object-fit:cover;object-position:center 13%;background:linear-gradient(0deg,#17253a,#283c50)}.home-memory>div{padding:18px}.home-memory p,.home-ending p,.home-empty{font:13px/1.8 var(--serif);color:#c1c5d0}.home-ending,.home-ending-heading,.home-empty{grid-column:1/-1}.home-ending{border:1px solid #ccb4c528;border-radius:5px;padding:18px;background:#1b2b40}.home-ending-heading{font:28px var(--serif);font-weight:400;margin:15px 0 0}
body.in-home{overflow:auto}body.in-home #creatorShell{display:none}
@media(max-width:1100px) and (orientation:portrait){.home-screen{padding-inline:28px}.home-portrait-wrap{width:100%;right:-19%;top:115px;bottom:0;opacity:.7}.home-shade{background:linear-gradient(90deg,#0b1324f7 0%,#0b1324b3 45%,#0b13243d 100%),linear-gradient(0deg,#0b1324 3%,transparent 80%)}.home-content{width:70%;padding-top:9vh;padding-bottom:230px;min-height:calc(100dvh - 105px)}.home-content h1{font-size:clamp(46px,6.5vw,68px)}.home-cast{right:28px;bottom:78px;width:calc(100% - 56px);max-width:none}.home-cast>.home-eyebrow{text-align:left}.home-cast-buttons{justify-content:flex-start}.home-cast-caption{text-align:left}.home-footer{left:28px;right:28px}}
@media(max-width:600px){.home-screen{padding-inline:20px}.home-header{padding:23px 0 18px;align-items:flex-start}.home-brand strong{font-size:18px}.home-brand small{font-size:6px;letter-spacing:2px}.home-header-actions{flex-direction:column;gap:5px}.home-quiet{font-size:8px;padding:8px 10px;min-height:34px}.home-portrait-wrap{top:160px;right:-36%;opacity:.5;bottom:70px;width:120%}.home-content{padding-top:42px;width:100%;padding-bottom:220px;min-height:calc(100dvh - 110px)}.home-content h1{font-size:46px;margin-top:17px;max-width:340px}.home-description{font-size:13px;max-width:300px}.home-progress{margin:22px 0;padding:16px}.home-progress strong{font-size:20px;max-width:280px}.home-progress p{font-size:9px}.home-main-actions{gap:10px}.home-primary,.home-secondary{font-size:11px;padding:16px 19px;min-height:50px}.home-nav{gap:5px 17px;max-width:340px;margin-top:19px}.home-cast{left:20px;right:20px;width:auto;bottom:72px}.home-cast-buttons{gap:6px;flex-wrap:wrap}.home-cast-buttons button{font-size:9px;padding:10px 12px}.home-cast-caption strong{font-size:23px}.home-cast-caption span{font-size:7px}.home-footer{left:20px;right:20px;padding-bottom:max(16px,env(safe-area-inset-bottom));font-size:6px;letter-spacing:1px}.home-footer>span:last-child{max-width:155px;text-align:right;line-height:1.8}.home-dialog{padding:20px}.home-dialog h2{font-size:28px}.home-chapter{gap:12px}.home-chapter h3{font-size:20px}.home-chapter button{font-size:8px;padding:10px}.home-memories{grid-template-columns:1fr}.home-memory>img{height:250px}}
@media(max-height:560px) and (orientation:landscape){.home-header{padding:16px 0}.home-content{padding-top:30px;width:60%;padding-bottom:170px}.home-content h1{font-size:42px}.home-portrait-wrap{top:84px}.home-cast{bottom:62px;right:5vw;width:45%}.home-cast-buttons{flex-wrap:wrap}.home-cast>.home-eyebrow{display:none}.home-footer{padding:15px 0}.home-cast-caption strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.home-screen *{transition:none!important;scroll-behavior:auto!important}}

.sound-options{max-height:calc(100dvh - 165px);overflow:auto;overscroll-behavior:contain}
.home-header{padding-top:calc(30px + env(safe-area-inset-top,0px))}.home-footer{padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}
@media(max-width:1100px) and (orientation:portrait){.home-portrait-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1324bc,transparent 73%)}}
@media(max-width:600px){.home-header{padding-top:calc(23px + env(safe-area-inset-top,0px))}.home-footer{padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}}
@media(max-height:560px) and (orientation:landscape){.home-header{padding-top:calc(16px + env(safe-area-inset-top,0px))}.home-footer{padding-bottom:max(15px,env(safe-area-inset-bottom,0px))}}