.live-stage{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:hidden;isolation:isolate;pointer-events:none}.runtime-page{position:absolute;inset:0;overflow:hidden;transform-origin:0 50%;backface-visibility:hidden}.runtime-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;z-index:0}.runtime-placement{position:absolute;transform-origin:50% 100%}.runtime-parallax,.runtime-idle,.runtime-art{position:relative;width:100%;height:100%;transform-origin:50% 100%}.runtime-art img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.runtime-blink{pointer-events:none}.preview-frame{position:relative}.preview-frame .live-stage{z-index:1}.experience-button[aria-pressed="true"]{border-color:#6e9572}.experience-dialog{max-width:500px}.experience-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e0e5d8;padding:16px 0;font-size:14px}.experience-row strong{display:block;font-weight:500}.experience-row small{display:block;font-size:11px;color:#71816b;line-height:1.5;margin-top:6px}.experience-row input[type="checkbox"]{width:22px;height:22px;flex-shrink:0;accent-color:var(--green);cursor:pointer}.experience-volume{display:block;margin:18px 0;color:#64795a;font-size:12px}.experience-volume input{display:block;width:100%;margin-top:12px;accent-color:var(--green)}.experience-status{font-size:11px;line-height:1.65;color:#71816b;margin:20px 0 0}.effects-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.studio .effects-section{border-top:1px solid #dfe5d4;padding-top:18px;margin-top:20px}.studio .effects-section h3{margin-top:0}.voice-upload{margin:12px 0}.studio .motion-preview-actions{margin:12px 0 0}.studio .effect-caption{font-size:11px;color:#74836d;line-height:1.55}.studio .preview-playing{color:#467643}.studio .preview-frame .live-stage{pointer-events:none}.studio .studio-box details.effect-controls{margin:18px 0}.studio .effect-controls select{font-size:12px}.studio .effect-controls .inline-check{margin-top:12px}.studio .effect-controls input[type="range"]{padding:0;border:0;accent-color:#2e5e44}.reader-controls .page-arrow{width:56px;height:56px}body[data-age="little"] .reader-controls .page-arrow,body[data-age="baby"] .reader-controls .page-arrow{width:64px;height:64px}body[data-age="baby"] .experience-row small,body[data-age="baby"] .experience-volume,body[data-age="baby"] .experience-status{color:black}body[data-age="baby"] .experience-row{border-color:black}@media(max-width:420px){.full-view .hud .fullscreen-button{display:none}.hud-group{gap:5px}.hud-button{min-width:45px;min-height:45px}.reader-controls{gap:17px}}@media(prefers-reduced-motion:reduce){.book-tile{transition:none}.reader.change .narrative,.reader.change .scene-lion{animation:none}}

/* Geometry shared by every complete character and vehicle. */
.runtime-world{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 50%}
.runtime-sprite{position:absolute;display:block;box-sizing:border-box}
.runtime-parallax,.runtime-reaction,.runtime-idle,.runtime-art,.runtime-composite{position:relative;display:block;width:100%;height:100%;transform-origin:50% 100%}
.runtime-composite{position:absolute;inset:0}
.runtime-composite>svg{display:block;width:100%;height:100%;overflow:visible}
.runtime-hotspot{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer;border-radius:12px}
.runtime-hotspot:focus-visible{outline:3px solid #bd7635;outline-offset:4px}