.diploma-hit-stage{aspect-ratio:16/9;pointer-events:none;width:max(100vw,177.778dvh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.diploma-enlarge-target{pointer-events:auto;cursor:zoom-in;background:0 0;border:0;width:39.2%;height:85.2%;position:absolute;top:7.4%;left:30.4%}.diploma-lightbox{box-sizing:border-box;touch-action:pinch-zoom;background:#222;border:1px solid #ffffff40;border-radius:10px;width:min(1100px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 24px);margin:auto;padding:48px 16px 16px}.diploma-lightbox::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c}.cinematic-room .diploma-lightbox img{filter:grayscale()brightness(.91);width:100%;height:auto;max-height:calc(100dvh - 100px);display:block;object-fit:contain!important}.diploma-lightbox-close{color:#eee;cursor:pointer;background:#333;border:1px solid #777;border-radius:5px;min-width:64px;min-height:36px;padding:6px 12px;position:absolute;top:8px;right:12px}@media (width<=1024px) and (height<=600px){.cinematic-room[data-mobile-layout=true]{--mobile-edge:max(10px,env(safe-area-inset-right))}.cinematic-room[data-mobile-layout=true] .cinematic-controls nav{top:50%;right:var(--mobile-edge);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111b;border:1px solid #ffffff25;border-radius:10px;flex-direction:column;align-items:stretch;gap:2px;width:100px;padding:6px;display:flex;left:auto;transform:translateY(-50%)}.cinematic-room[data-mobile-layout=true] .cinematic-controls nav button{text-align:left;border-radius:5px;min-height:34px;padding:6px 10px;font-size:12px;line-height:1.2}.cinematic-room[data-mobile-layout=true] .cinematic-controls>span{left:max(14px,env(safe-area-inset-left));font-size:12px;bottom:14px}.cinematic-room[data-mobile-layout=true] .cinematic-back{min-height:36px;left:max(10px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));padding:7px 10px;font-size:12px;line-height:1.2}.cinematic-room[data-mobile-layout=true] .shelf-arrow{width:40px;height:36px;left:auto;right:var(--mobile-edge);transform:none}.cinematic-room[data-mobile-layout=true] .shelf-arrow-up{top:12px}.cinematic-room[data-mobile-layout=true] .shelf-arrow-down{bottom:12px}.vinyl-experience[data-mobile-layout=true] .vinyl-project-controls{left:94px;right:68px;bottom:max(8px,env(safe-area-inset-bottom))}.vinyl-experience[data-mobile-layout=true] .vinyl-project-controls>div{flex-wrap:nowrap;gap:6px}.vinyl-experience[data-mobile-layout=true] .vinyl-project-controls :is(button,a){justify-content:center;align-items:center;min-height:36px;padding:6px 10px;font-size:11px;line-height:1.2;display:inline-flex}.vinyl-experience[data-mobile-layout=true] .vinyl-project-controls p{margin:0 0 4px;font-size:11px;line-height:1.2}.vinyl-experience[data-mobile-layout=true][data-selection=record] .vinyl-project-controls p,.vinyl-experience[data-mobile-layout=true][data-selection=photos] .vinyl-project-controls p{display:none}.cinematic-room[data-mobile-layout=true] .report-navigation{flex-direction:column;gap:6px;width:100px;max-width:100px;display:flex;position:absolute;top:50%;right:calc(10px + max(0px,88.8889dvh - 50vw));transform:translateY(-50%)}.cinematic-room[data-mobile-layout=true] .report-navigation button{min-height:36px;padding:7px 8px;font-size:11px;line-height:1.2}.cinematic-room[data-mobile-layout=true] .book-page-corners button{width:56px;height:56px}.cinematic-room[data-mobile-layout=true] .report-dialog{max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.cinematic-room[data-mobile-layout=true] .report-dialog-bar{gap:8px;padding:6px 10px;font-size:12px}.cinematic-room[data-mobile-layout=true] .report-dialog button{min-height:36px;padding:6px 10px;font-size:12px}.cinematic-room[data-mobile-layout=true] .report-reading-page{padding:18px}.cinematic-room[data-mobile-layout=true] .report-reader-nav{gap:6px;padding:8px;font-size:12px;position:static}.cinematic-room[data-mobile-layout=true] .diploma-lightbox{max-width:calc(100vw - 16px);max-height:calc(100dvh - 12px);padding:40px 8px 8px}.cinematic-room[data-mobile-layout=true] .diploma-lightbox img{max-height:calc(100dvh - 64px)}}@media (orientation:portrait) and (width<=1024px){.cinematic-room[data-responsive=true][data-viewport-fit=cover] :is(.cinematic-stage,.cinematic-handoff,.vinyl-render-stage){width:min(100vw,177.778dvh - 263.111px);height:auto;top:max(8px, env(safe-area-inset-top));left:50%;transform:translate(-50%)}.cinematic-room[data-responsive=true][data-viewport-fit=cover] .cinematic-diploma img{aspect-ratio:16/9;width:min(100vw,177.778dvh - 263.111px);height:auto;top:max(8px, env(safe-area-inset-top));position:absolute;left:50%;transform:translate(-50%);object-fit:contain!important}.cinematic-room[data-responsive=true] .cinematic-controls>span{left:16px;bottom:calc(118px + env(safe-area-inset-bottom))}.cinematic-room[data-responsive=true] .cinematic-controls nav{top:auto;right:12px;bottom:max(10px, env(safe-area-inset-bottom));background:0 0;border:0;grid-template-columns:1fr 1fr 1fr;gap:8px;width:auto;padding:0;display:grid;left:12px;transform:none}.cinematic-room[data-responsive=true] .cinematic-controls nav button{text-align:center;background:#161616e6;border:1px solid #ffffff2e;border-radius:8px;min-height:44px;padding:8px 10px}.cinematic-room[data-responsive=true] .cinematic-back{left:max(12px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));z-index:12}.vinyl-experience[data-responsive=true] .cinematic-back{bottom:auto;top:calc(max(8px, env(safe-area-inset-top)) + min(56.25vw, 100dvh - 148px) + 10px)}.vinyl-experience[data-responsive=true] .vinyl-project-controls{left:12px;right:12px;bottom:max(10px, env(safe-area-inset-bottom))}.vinyl-experience[data-responsive=true] .vinyl-project-controls>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vinyl-experience[data-responsive=true] .vinyl-project-controls :is(button,a){min-height:44px}.cinematic-room[data-responsive=true] .shelf-arrow-up{top:max(12px, env(safe-area-inset-top))}.cinematic-room[data-responsive=true] .shelf-arrow-down{bottom:auto;top:calc(max(8px, env(safe-area-inset-top)) + min(56.25vw, 100dvh - 148px) + 10px)}.cinematic-room[data-responsive=true] .report-navigation{top:max(8px, env(safe-area-inset-top));justify-content:flex-start;max-width:none;left:12px;right:12px}}