.dialog.story-dialog{width:min(680px,calc(100% - 24px));max-height:94dvh;padding:0;overflow:auto;background:#fff9eb}.story-dialog>header{padding:13px 20px;position:sticky;top:0;background:#fff9eb;z-index:2}.story-dialog>.body{padding:0}.story-art{width:100%;aspect-ratio:1.65;background-image:url('./assets/story/family-story.png');background-size:300% 200%;background-repeat:no-repeat;max-height:330px}.panel-0{background-position:0 0}.panel-1{background-position:50% 0}.panel-2{background-position:100% 0}.panel-3{background-position:0 100%}.panel-4{background-position:50% 100%}.panel-5{background-position:100% 100%}.story-copy{padding:22px 26px}.story-copy h2{font-size:28px;line-height:1.12;margin:12px 0}.story-copy p{line-height:1.65;font-size:14px}.character-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.character-options button{border:2px solid #e0dfc7;border-radius:15px;background:#f5efd9;padding:13px;text-align:left;min-height:93px}.character-options button[aria-pressed=true]{border-color:#3e7b5e;background:#e0ead6}.character-options b,.character-options small{display:block}.character-options small{font-size:11px;line-height:1.5;margin-top:6px}.story-controls{display:flex;gap:10px}.story-controls button{flex:1;min-height:46px;margin:0;font-size:12px}.story-dots{display:flex;justify-content:center;gap:6px;margin:18px 0}.story-dots i{width:22px;height:4px;border-radius:3px;background:#d8dcc9}.story-dots .active{background:#538567}.story-copy>.text-button{display:block;margin:9px auto 0}.menu-foot{flex-wrap:wrap}.ad-preview{padding:15px;margin:15px 0;background:#e9eedb;border-left:4px solid #72966e;border-radius:12px;font-size:13px;line-height:1.6}
body[data-view=night]{background:radial-gradient(ellipse at 50% 50%,#46616c,#172b3d)}body[data-view=night] #app,body[data-view=night] .menu,body[data-view=night] .brand-mark{display:none}body[data-view=night] #world{top:170px;left:0;width:100%;height:calc(100% - 370px);bottom:200px}#night-view{position:fixed;inset:0;pointer-events:none;color:#f5eedc}.night-heading{position:absolute;top:35px;left:22px;right:22px;text-align:center}.night-heading>span{font-size:10px;letter-spacing:2px;color:#cddbbf}.night-heading h2{font-size:30px;line-height:1.1;margin:13px 0}.night-heading p{font-size:12px;max-width:420px;line-height:1.5;margin:auto;color:#d9e2d7}.night-card{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:16px;right:16px;max-width:570px;margin:auto;background:#fdf6e8;color:#355449;border-radius:22px;padding:18px;text-align:center}.night-card p{font-size:12px}.night-card .proof-grid{margin:0}.night-card strong{font-size:20px}.night-card button{pointer-events:auto;font-size:11px}.night-card small{font-size:10px}.night-card .proof-grid>div{min-width:0}
@media(max-width:600px){.story-art{aspect-ratio:1.4;max-height:265px}.story-copy{padding:18px}.story-copy h2{font-size:24px}.story-copy p{font-size:12px;line-height:1.6}.character-options button{padding:10px;min-height:84px}.story-dialog>header{padding:10px 16px}.story-copy .eyebrow{font-size:8px}.story-copy .legal{font-size:10px}.story-copy>.primary{font-size:13px}.story-controls{gap:7px}}
@media(max-height:650px){.story-art{max-height:170px;aspect-ratio:2}.story-copy{padding:13px 18px}.story-copy h2{font-size:21px;margin:9px 0}.story-copy p{font-size:12px;margin:8px 0}.character-options{margin:10px 0}.story-dots{margin:10px 0}.night-heading{top:16px}.night-heading h2{font-size:24px;margin:8px 0}.night-heading p{font-size:10px}.night-card{bottom:10px;padding:12px}.night-card strong{font-size:16px}body[data-view=night] #world{top:130px;height:calc(100% - 295px);bottom:165px}}
@media(max-height:500px) and (min-width:701px){.story-dialog>.body{display:grid;grid-template-columns:.9fr 1fr}.story-art{max-height:none;height:100%;min-height:290px;aspect-ratio:1;background-size:300% 200%}.story-copy{padding:15px}.night-heading{left:20px;right:auto;width:36%;top:20px}.night-card{left:auto;right:18px;bottom:18px;width:40%}body[data-view=night] #world{top:60px;left:0;width:62%;height:calc(100% - 65px);bottom:0}}
@media(prefers-reduced-motion:reduce){.story-art{animation:none}}
.story-art{position:relative;overflow:hidden;background-image:none}.story-art img{position:absolute;width:300%;max-width:none;height:auto;left:0;top:50%;transform:translateY(-25%)}.panel-1 img,.panel-4 img{left:-100%}.panel-2 img,.panel-5 img{left:-200%}.panel-3 img,.panel-4 img,.panel-5 img{transform:translateY(-75%)}
.day-details{margin:16px 0;border:1px solid #d3dec8;border-radius:13px;padding:12px}.day-details summary{cursor:pointer;font-size:12px;font-weight:750;min-height:24px}.day-details[open] summary{margin-bottom:14px}.dialog label{display:block;margin:12px 0;font-size:12px;font-weight:650}.dialog select{display:block;width:100%;margin-top:7px;min-height:44px;border:1px solid #bbcbb5;border-radius:10px;background:#fffdf4;color:#355449;padding:9px}
.story-art img{transform:translateY(-20%)}.panel-3 img,.panel-4 img,.panel-5 img{transform:translateY(-70%)}
@media(max-height:500px) and (min-width:701px){.story-art{height:auto;min-height:0;aspect-ratio:1;align-self:center}.story-art img{transform:translateY(-25%)}.panel-3 img,.panel-4 img,.panel-5 img{transform:translateY(-75%)}}