.app[data-screen=finale] #screen-finale{display:flex}
.chapter-card.selected{box-shadow:inset 0 0 0 2px #b96e50;background:#ffe8c5}
#result-next{display:inline-flex!important}#result-next[hidden]{display:none!important}
.app[data-screen=summary] .screens,.app[data-screen=finale] .screens{align-items:flex-start}
.story-chapters{scrollbar-width:thin}.chapter-card{min-height:91px}
#screen-story[data-chapter="2"] .story-portraits{background:linear-gradient(#9bdce0 0 50%,#51a7ac 50% 66%,#dfcf9a 66%)}
#screen-story[data-chapter="3"] .story-portraits{background:linear-gradient(#8199a4,#a2b5ac 65%,#6e8e77)}
#screen-story[data-chapter="4"] .story-portraits{background:radial-gradient(ellipse at center bottom,#c7a575,#3a5464)}
.finale-card{padding:0;overflow:hidden;transform:none;animation:none;border-radius:14px}
.finale-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;background:#233d43;color:#e5d5af}.finale-top small{font-size:10px;letter-spacing:1px}.finale-top .btn{color:#e5d5af;padding:5px;font-size:11px}
.finale-art{position:relative;overflow:hidden;aspect-ratio:640/330;background:#bcd7c3}.finale-art canvas{display:block;width:100%;height:100%}.finale-art>img{position:absolute;height:68%;bottom:-2%;object-fit:contain}.finale-owner{left:2%}.finale-rider{right:2%}
.finale-copy{padding:20px;background:#fff7e4}.finale-copy h2{font-size:22px;line-height:1.5;margin:0 0 12px;color:#a25338}.finale-copy p{font-size:14px;line-height:1.9;color:#354c50;margin:0 0 18px}.finale-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.finale-actions>span{color:#ac9560;letter-spacing:6px;font-size:11px}.finale-actions .btn{font-size:13px}
#summary-heading{font-size:30px}#summary-usp{scroll-margin-top:12px}#summary-usp .usp-grid{grid-template-columns:1fr;gap:5px}#summary-usp .qr-option{font-size:12px;color:#c8d5da;margin:14px 0;line-height:1.8}#summary-usp h3{font-size:21px;line-height:1.5}
#screen-summary .report{font-size:11px}#screen-summary .report th,#screen-summary .report td{padding:8px 4px}.summary-stats{font-size:13px}
@media(max-width:350px){.finale-copy{padding:16px}.finale-copy h2{font-size:19px}.finale-copy p{font-size:13px}#summary-heading{font-size:25px}}