.story-panel{position:absolute;inset:13% 5% 6%;z-index:12;overflow:auto;padding:22px;border:1px solid #d6c29666;border-radius:22px;background:#214538fa;box-shadow:0 20px 50px #0006;text-align:center;scrollbar-width:thin}
#quizPanel,#finalePanel{inset:13% 5% 6%;padding:22px} .story-panel h2{font-size:29px;line-height:1.14;font-weight:normal;margin:10px 0 20px}.story-panel p{font:14px/1.55 Arial,sans-serif}.story-panel h3{font-size:20px;font-weight:normal;line-height:1.3}.trip{text-align:left;font:14px/1.6 Arial,sans-serif;border-top:1px solid #fff3dc30;border-bottom:1px solid #fff3dc30;padding:16px 0;margin:20px 0}.trip dt{color:#efd5a1;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.trip dd{margin:4px 0 15px}.trip dd:last-child{margin-bottom:0}.choice{min-height:56px;line-height:1.4}.choice[aria-pressed=true]{background:#efd5a1;color:#183e35;box-shadow:0 0 0 2px #fff3dc}.choice[aria-pressed=true]:before{content:'✓ ';}#choiceSummary{text-align:left;list-style:none;padding:0;margin:16px 0}#choiceSummary li{padding:12px 0;border-bottom:1px solid #fff3dc26}#choiceSummary span{display:block;font:12px Arial,sans-serif;color:#ced4ba;margin-bottom:5px}#choiceSummary strong{font-size:18px;font-weight:normal;line-height:1.25}.in-invite .controls,.in-hint .controls{visibility:hidden}
.clay-clown{position:absolute;inset:0;background:url('assets/familie-clowns.png') var(--pos) 50%/400% 100% no-repeat;opacity:0;transition:opacity 1.1s ease-in-out}.clay-body,.clay-jaw{transition:opacity 1.1s ease-in-out}.clown-reveal .clay-clown{opacity:1}.clown-reveal .clay-body,.clown-reveal .clay-jaw{opacity:0}.clown-reveal .person{animation:costume-pop 1.2s ease-in-out!important}
.film.in-hint #cake{opacity:0;transform:translateY(40px)}.film.in-hint #family{transform:translateY(-35%) scale(.95);z-index:4}.in-hint .intro h1{font-size:30px}.in-hint .intro #caption{visibility:hidden}.in-hint .stage{z-index:3}#hintPanel{position:absolute;bottom:7%;left:6%;right:6%;z-index:8;text-align:center;padding:12px 16px;border-radius:18px;background:#214538ee}#hintPanel h2{margin:0 0 8px;font-size:25px;font-weight:normal}#hintStatus{font:13px/1.4 Arial,sans-serif;margin:8px 0 12px}#hintPanel button{font-size:12px;padding:10px;min-height:38px}#hintPanel .quiet{min-height:30px;padding:7px}#hintPanel .secondary{margin-top:6px}@keyframes costume-pop{0%,100%{filter:brightness(1);transform:translateY(0)}40%{filter:brightness(1.5);transform:translateY(-8px)}65%{filter:brightness(1.1);transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.clay-clown,.clay-body,.clay-jaw{transition:none}.clown-reveal .person{animation:none!important}}@media(max-width:400px){.story-panel h2{font-size:25px}.story-panel,#quizPanel,#finalePanel{padding:18px}.story-panel p{font-size:13px}#hintPanel{bottom:6%;padding:10px}#hintPanel h2{font-size:22px}}