/* Warm, quiet atmosphere; all decoration stays outside the reading/interaction layer. */
.hub-cameo-controls{display:inline-flex;gap:4px;margin-inline-start:auto;align-items:center}
.hub-cameo-controls button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:3px;border:1px solid #554d42;border-radius:50%;background:#191611;color:#bcb4a6;cursor:pointer}
.hub-cameo-controls button:hover{background:#302a22;color:#eee6d9}.hub-cameo-controls button:focus-visible{outline:3px solid #ded4c1;outline-offset:3px}
.hub-cameo-controls canvas{width:38px;height:38px}.hub-cameo-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#hub-sheep-sound .hub-sound-wave{display:none}#hub-sheep-sound[aria-pressed=true] .hub-sound-wave{display:block}#hub-sheep-sound[aria-pressed=true] .hub-sound-mute{display:none}
#hub-sheep-stage{position:fixed;inset:0;z-index:30;pointer-events:none!important;width:100%;height:100%;contain:strict}#hub-sheep-stage[hidden]{display:none}
.hub-dust{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:strict}.hub-dust i{position:absolute;left:var(--x);top:110%;width:3px;height:3px;border-radius:50%;background:#c8b99c;opacity:0;box-shadow:0 0 9px #b3a48a;animation:hub-dust-rise var(--duration) linear infinite;animation-delay:var(--delay)}
@keyframes hub-dust-rise{8%,85%{opacity:0.146}100%{transform:translate(34px,-115vh);opacity:0}}
body.hub-atmosphere-paused .hub-dust i{animation-play-state:paused}body.ar-library-player-open .hub-dust{visibility:hidden}
@media(prefers-reduced-motion:reduce){.hub-dust{display:none}.hub-dust i{animation:none}}
@media(max-width:620px){.hub-toolbar{gap:12px;flex-wrap:wrap}.hub-cameo-controls{margin-inline-start:0}.hub-count{flex-basis:100%}}
.hub-shell,.hub-footer{position:relative;z-index:1}