/* 32-inch portrait kiosk: dimensions scale with the physical display width. */
html,body{overscroll-behavior:none;touch-action:manipulation}.experience{-webkit-user-select:none;user-select:none;touch-action:manipulation}button,summary{-webkit-touch-callout:none;touch-action:manipulation}button:active,summary:active{filter:brightness(.94)}header{height:10cqw;padding:2.4cqw 7cqw 1.8cqw}.welcome{padding:2cqw 7cqw 0}.welcome h1{font-size:5.3cqw;line-height:1.4;min-height:14.9cqw;margin-top:1cqw}.welcome .eyebrow{font-size:2.2cqw;color:#776e60}.welcome-stamp{top:6cqw}.scene{min-height:30cqw;max-height:49cqw}.moflin,.moflin.puppet{width:76cqw;height:76cqw;left:12cqw;top:-15cqw}.mood-pill{top:1.7cqw;font-size:2.5cqw;color:#776d5f}.color-picker{bottom:0;gap:2.2cqw}.color-picker button{width:17cqw;height:8cqw;border-radius:.7cqw;display:flex;align-items:center;justify-content:center;gap:1.5cqw;font-size:2.5cqw;color:#71685c;background:#f8f7f2e8}.color-picker button.selected{border-color:#a68d75;background:#efe8dc}.color-picker i{width:2.8cqw;height:2.8cqw}.response{padding:.8cqw 6cqw 1.6cqw}.response h2{font-size:2.85cqw;line-height:1.55}.response p{font-size:2.2cqw;color:#766f61;margin-top:.6cqw}.actions{margin:0 7cqw;gap:2.5cqw}.action{height:10cqw;font-size:3cqw}.action svg{width:4cqw;height:4cqw}.explore-menu{margin:2.5cqw 7cqw 0}.menu-heading{font-size:2.4cqw;color:#776e60;margin-bottom:1cqw}.menu-heading small{font-size:2.1cqw;color:#827663}.explore-menu>button{min-height:11.4cqw;padding:1.7cqw 0;gap:2cqw}.explore-menu strong{font-size:3.2cqw}.explore-menu button small{font-size:2.25cqw;color:#7e7361;margin-top:.65cqw}.menu-number{font-size:2.4cqw;color:#8f7b61}.menu-symbol{font-size:3.7cqw}.video-entry{min-height:8cqw;font-size:2.9cqw}.video-entry small{font-size:2.1cqw;color:#80735f}.video-entry svg{width:3.8cqw;height:3.8cqw}#real{min-height:8cqw;font-size:2.65cqw;padding:1.4cqw}footer{padding:1.2cqw 7cqw 1.4cqw;gap:.7cqw}.kiosk-dock{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:2.5cqw}.kiosk-dock .dock-button{position:static;margin:0;min-height:8cqw;border:1px solid #d1c8b8;background:transparent;border-radius:.5cqw;padding:1.5cqw;font-size:2.5cqw;color:#716656;display:flex;justify-content:center;align-items:center;gap:1cqw}.dock-button span{font-size:3cqw}.footnote{font-size:1.9cqw;color:#857a68;min-height:3.2cqw}.touch-dialog[open]{display:flex;flex-direction:column;overflow:hidden}dialog.touch-dialog,#explore.touch-dialog,#videos.touch-dialog{width:94cqw;max-width:calc(min(100vw,56.25dvh)*.94);height:87dvh;max-height:87dvh;padding:0;margin:auto;border-radius:.8cqw}.dialog-scroll{padding:4.5cqw 5cqw 3cqw;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#b8aa92 transparent}.dialog-controls{flex:none;padding:2cqw 5cqw 3cqw;border-top:1px solid #d8cebc;background:#f8f7f2}.dialog-controls .return-home{position:static!important;width:100%!important;min-height:10cqw;height:auto!important;border-radius:.5cqw!important;font-size:3cqw!important;padding:2cqw!important;border:1px solid #b9a68d!important;color:#74604b;background:#eee7dc!important;display:block}.explore-top{margin-bottom:2cqw}.explore-top .eyebrow,#videos .eyebrow{font-size:2.3cqw;color:#82735f}.explore-intro,#category-description{font-size:2.8cqw;color:#796e5d}.explore-chips button,.video-categories button{min-height:9cqw;font-size:2.8cqw;color:#796c5a}.explore-copy,.care-questions p{font-size:2.8cqw;line-height:1.85;color:#746b5c}.explore-primary{min-height:10cqw;font-size:3cqw}.explore-video{min-height:10cqw;font-size:2.8cqw}.explore-video span,.explore-note,.small-facts{font-size:2.25cqw;color:#81705a}.care-questions summary{min-height:8cqw;display:list-item;padding:1.5cqw 0;font-size:3cqw}.care-questions details{padding:1cqw 0}.care-photo small{font-size:2.2cqw;color:#837259}.video-item{min-height:10cqw;font-size:2.9cqw;gap:2cqw}.video-item small,.video-caption span{font-size:2.2cqw;color:#85745f}.video-number{font-size:2.4cqw}#video-description{font-size:2.7cqw;color:#7b6e5a}.video-screen{aspect-ratio:16/10}#video-placeholder span,#video-placeholder small{font-size:2.3cqw;color:#81735e}.guide-copy{font-size:2.8cqw!important;color:#796e5d!important}#done{min-height:10cqw;font-size:3cqw}#guide .dialog-scroll>img{width:100%;height:43cqw;object-fit:cover;border-radius:0}#guide .dialog-scroll>.eyebrow{font-size:2.3cqw}#retry-video{min-height:8cqw;padding:2cqw 4cqw}#idle-warning{width:86cqw;max-width:calc(min(100vw,56.25dvh)*.86);padding:6cqw;border-radius:.8cqw;text-align:center}#idle-warning h2{font-size:4.1cqw;line-height:1.6}#idle-warning p{font-size:2.9cqw;color:#80715c;margin:2cqw 0 4cqw}.idle-actions{display:grid;grid-template-columns:1fr 1fr;gap:2.5cqw}.idle-actions button{min-height:11cqw;border-radius:.5cqw;font-size:3cqw}#idle-continue{background:#a97661;color:#fffaf2}#idle-end{background:#eee5d6;color:#7a644c}@media(max-aspect-ratio:9/16){.welcome{padding-top:2cqw}.scene{min-height:30cqw;max-height:49cqw}}@media(max-height:550px) and (orientation:portrait){.experience{overflow-y:auto}}
#fullscreen.dock-button{position:static;inset:auto;width:100%;padding:1.5cqw;min-height:8cqw;font-size:2.5cqw;color:#716656}

/* A small thought floating above Moflin's forehead. */
.mood-pill{left:13cqw;top:1.5cqw;padding:0;border:0;background:none;border-radius:0;pointer-events:none;transform:none;animation:thought-drift 4.8s ease-in-out infinite;overflow:visible}
.thought-cloud{--bubble-fill:#f2eade;position:relative;display:flex;align-items:center;gap:1.1cqw;padding:1.7cqw 2.7cqw;background:var(--bubble-fill);border:1px solid #d8c8b680;border-radius:52% 48% 46% 54% / 56% 53% 47% 44%;color:#806b56;font-size:2.5cqw;line-height:1.5;box-shadow:0 .5cqw 1.8cqw #80705b09;transform-origin:78% 140%}
.thought-cloud::before,.thought-cloud::after{content:"";position:absolute;border-radius:50%;background:var(--bubble-fill);border:1px solid #d8c8b660}
.thought-cloud::before{width:2.2cqw;height:1.8cqw;right:2.8cqw;bottom:-2.7cqw;transform:rotate(-16deg)}
.thought-cloud::after{width:1.1cqw;height:1cqw;right:1.4cqw;bottom:-4.7cqw}
.mood-symbol{font-family:Georgia,serif;font-size:3.2cqw;line-height:1;color:#ad7c64;transform:rotate(9deg)}
[data-mood=happy] .thought-cloud{--bubble-fill:#f3e0d6;color:#93654f}[data-mood=calm] .thought-cloud{--bubble-fill:#e7ebe0;color:#667760}[data-mood=close] .thought-cloud{--bubble-fill:#f0e0df;color:#956f72}
.bubble-pop{animation:thought-pop .65s cubic-bezier(.22,.8,.3,1.15) both}
@keyframes thought-pop{0%{opacity:0;transform:translateY(1.8cqw) scale(.78) rotate(-5deg)}65%{opacity:1;transform:translateY(-.3cqw) scale(1.035) rotate(1deg)}100%{opacity:1;transform:none}}
@keyframes thought-drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-.65cqw) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.mood-pill,.bubble-pop{animation:none!important}}

/* Prominent story entry for visitors. */
footer{gap:1.5cqw;padding-top:2cqw}
.video-entry{grid-column:1/-1;width:100%;min-height:12cqw;padding:2.5cqw 3cqw;border:1px solid #d9caba;border-radius:1.5cqw;background:#eee6da;gap:1.8cqw;text-align:left;font-size:3.7cqw;color:#78634f}
.video-entry svg{width:4.8cqw;height:4.8cqw;flex:none}.video-entry small{font-size:2.35cqw;color:#877460}.video-entry .entry-arrow{display:block;margin-left:auto;font-size:3.5cqw}
footer .footnote{grid-column:1;grid-row:2;font-size:1.85cqw}footer #real{grid-column:2;grid-row:2;min-height:7cqw}

#corner-fullscreen{position:absolute;top:0;right:0;z-index:5;width:6.5cqw;height:7cqw;padding:0;display:grid;place-items:center;background:transparent;color:#aaa69c;border-radius:.6cqw}#corner-fullscreen svg{width:2.6cqw;height:2.6cqw;stroke-width:1.4}#corner-fullscreen:focus-visible{outline:2px solid #a97661;outline-offset:-2px}