.photo-play-shell-active{position:fixed;inset:0;z-index:20;height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--ph-charcoal);padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.photo-play-shell-active .ph-play.ph-play-active.ph-play-focus{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:0}.photo-play-shell-active .ph-play-focus .play-workspace{display:flex;flex-direction:column;flex:1;height:auto;min-height:0;width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.photo-play-shell-active .ph-play-focus .play-workspace-top{display:flex;align-items:center;gap:12px;flex:0 0 44px;margin:0 0 4px}.photo-play-shell-active .play-workspace-top h1{min-width:0;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-play-shell-active .play-back{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px;padding:0 10px;font-size:.8rem;border:1px solid var(--border);border-radius:8px;text-decoration:none}.photo-play-shell-active .ph-play-focus .vp-puzzle{display:flex;flex-direction:column;flex:1;min-height:0}.photo-play-shell-active .ph-play-focus .vp-puzzle-controls{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:8px;flex:0 0 44px;margin:0}.photo-play-shell-active .ph-play-focus .vp-puzzle-controls button{flex:0 0 auto;min-height:44px;width:auto;padding:8px 14px;font-size:.8rem}.photo-play-shell-active .ph-play-focus .vp-puzzle-status{flex:0 0 22px;margin:4px 0;min-height:0;font-size:.75rem;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-play-shell-active .ph-play-focus .vp-puzzle-workspace{flex:1;height:auto;min-height:0;border-radius:10px}.photo-play-shell-active .ph-play-focus .vp-puzzle-help{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.photo-play-shell-active .play-error{position:absolute;z-index:4;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;padding:12px;background:var(--background);border:1px solid var(--border);border-radius:10px}.play-menu-extra{display:grid;gap:10px;border-top:1px solid var(--border);padding-top:12px}.play-menu-extra button,.play-print-dialog button,.play-print-trigger{min-height:44px}.play-menu-extra p,.play-print-dialog>p{font-size:.75rem;line-height:1.6;margin:0;color:var(--muted-foreground)}.play-print-dialog{max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain}.photo-play-shell-active .play-print-trigger{flex-shrink:0;margin-top:6px}@media (max-height:480px) and (min-width:600px){.photo-play-shell-active .ph-play-focus .play-workspace-top{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));max-width:calc(100% - 250px);margin:0}.photo-play-shell-active .play-workspace-top h1{font-size:.8rem}}.play-print-dialog [data-slot=dialog-close],.vp-puzzle-menu [data-slot=dialog-close]{min-width:44px;min-height:44px}