body.study3{overflow:hidden;background:#17130f}
#experience.study3{min-height:0;max-width:100vw;max-height:100dvh;overflow:hidden}
.study3 #stage{touch-action:none}
.study3 #stage:active{cursor:grabbing}
.study3 .transport{max-width:560px;margin-inline:auto}
.study3 #sound{display:grid;place-items:center;min-width:78px;padding:0 5px;font:500 11px/1.2 Arial,sans-serif;white-space:nowrap}
.study3 #sound[aria-pressed=false]{opacity:.85}.study3 #sound[data-audio-state=retry]{outline:1px solid #d0c2af80;outline-offset:-4px}

.screen-video-source{position:fixed;left:1px;bottom:1px;width:1px;height:1px;opacity:.01;pointer-events:none}
#loading:has(progress){z-index:8;left:50%;right:auto;top:43%;transform:translate(-50%,-50%);width:min(260px,calc(100vw - 48px));padding:16px 18px;border:1px solid #ffffff25;border-radius:16px;background:#151719ed;color:#eee8dd;font:500 13px/1.4 Arial,sans-serif;text-align:center}
#loading progress{display:block;width:100%;height:4px;margin:12px 0 0;border:0;border-radius:4px;accent-color:#d0c2af;background:#ffffff24}
#loading progress::-webkit-progress-bar{background:#ffffff24;border-radius:4px}#loading progress::-webkit-progress-value{background:#d0c2af;border-radius:4px}
#loading button{display:block;min-height:44px;margin:10px auto 0;padding:8px 14px;color:inherit;background:#ffffff12;border:1px solid #ffffff40;border-radius:24px;font:inherit;cursor:pointer}
#loading[data-compact=true]{top:max(90px,calc(env(safe-area-inset-top) + 80px));transform:translateX(-50%);padding:10px 14px;font-size:12px}
@media(max-width:600px){#loading[data-compact=true]{top:max(102px,calc(env(safe-area-inset-top) + 92px))}}
#loading[data-compact=true]{display:flex;align-items:center;gap:10px;padding:12px 14px}
#loading[data-compact=true] [data-loading-label]{flex:1;text-align:left}
#loading[data-compact=true] button{flex:none;margin:0;padding:8px 10px}
#loading[data-compact=true] progress{position:absolute;left:14px;bottom:5px;width:calc(100% - 28px);height:3px;margin:0}
#error{position:absolute;z-index:9;left:50%;top:45%;transform:translate(-50%,-50%);width:min(280px,calc(100vw - 48px));padding:18px;background:#151719f5;border:1px solid #ffffff30;border-radius:16px;text-align:center;color:#eee8dd;font:500 14px/1.5 Arial,sans-serif}
#error p{margin:0 0 12px}#error button,#error a{display:block;box-sizing:border-box;width:100%;min-height:44px;padding:10px;margin:6px 0;color:inherit;background:#ffffff12;border:1px solid #ffffff40;border-radius:24px;font:inherit;text-decoration:none;cursor:pointer}
