.sample-card{position:fixed;inset:0;z-index:80;display:grid;place-content:center;justify-items:center;gap:16px;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));overflow:auto;color:#292321;background:#f7eedc;text-align:center;font-family:Trebuchet MS,sans-serif}.sample-card h1,.sample-card h2{margin:0;font-family:Marker Felt,Comic Sans MS,cursive;font-size:clamp(2rem,6vw,3.5rem);line-height:1.05;max-width:20ch}.sample-card p{max-width:45ch;margin:0;line-height:1.5;font-size:1.1rem}.sample-card img{height:min(34vh,290px);max-width:85vw;object-fit:contain;filter:drop-shadow(6px 8px 0 #38251c22)}.sample-card button,.sample-card a{min-height:48px;padding:12px 24px;font:inherit;color:inherit}.sample-card button{background:#f5ce58;border:3px solid #292321;border-radius:15px 5px 13px 7px;box-shadow:4px 4px #292321;cursor:pointer;font-weight:700}.sample-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem!important;font-weight:700}.sample-exit{position:fixed;z-index:90;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));padding:12px 16px;border:2px solid #292321;border-radius:9px;color:#292321;background:#f7eedc;font:700 14px Trebuchet MS,sans-serif;text-decoration:none}.sample-reel{background:radial-gradient(ellipse at center,#fff8e9,#e8d9b9)}.sample-reel img{animation:sample-arrive .65s ease-out both}.sample-reel p{min-height:4.5em}@keyframes sample-arrive{0%{opacity:0;transform:scale(.92) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.sample-reel img{animation:none}}@media(max-height:520px){.sample-card{gap:8px}.sample-card img{height:22vh}.sample-card h1,.sample-card h2{font-size:1.8rem}.sample-card p{font-size:.95rem}}.sample-card[hidden]{display:none}.sample-reel{background:linear-gradient(180deg,#f7eedce8,#f7eedcb0 40%,#f7eedcf5 75%)}html[data-preview-phase=reel] :is(#hud,#info-button,#reticle,#interaction-prompt,#status-note,#toast){display:none!important}@media(pointer:coarse)and (max-width:600px){.sample-exit{left:calc(env(safe-area-inset-left,0px) + 264px);padding:6px 8px;font-size:13px;line-height:1.15;text-align:center}}@media(pointer:coarse)and (max-width:359px){.sample-exit{left:calc(env(safe-area-inset-left,0px) + 256px);right:calc(env(safe-area-inset-right,0px) + 4px);padding:4px;font-size:11px;overflow-wrap:anywhere}}