.appmain:has(>.play){padding-block:8px}.play{--vh:100vh;--stage-h:calc(var(--vh) - var(--bar-h) - var(--hud-h,0px) - var(--dock-h,0px) - 24px);min-width:0;min-height:calc(var(--vh) - var(--bar-h) - 16px);flex-direction:column;gap:8px;display:flex}@supports (height:100svh){.play{--vh:100svh}}.play>.play-stage{flex:auto;min-height:0}.play:has(>.play-hud){--hud-h:32px}@media (min-height:640px){.play:has(>.play-hud){--hud-h:36px}}@media (min-height:760px){.play:has(>.play-hud){--hud-h:40px}}.play>.play-hud{min-width:0;height:calc(var(--hud-h) - 8px);flex:none;align-items:center;gap:10px;display:flex}.play-hud>.play-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:min(19px, calc(var(--hud-h) - 20px));margin:0;font-weight:700;line-height:1.2;overflow:hidden}.play>.play-dock{z-index:20;min-height:var(--dock-h,0px);padding-bottom:env(safe-area-inset-bottom,0px);align-content:end;display:grid;position:sticky;bottom:0}.play>.play-dock:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to top, var(--ink-900) 72%, transparent);position:absolute;inset:-8px}html:has(.play){overscroll-behavior-y:none}.play>.play-stage *{scroll-margin-bottom:calc(var(--dock-h,0px) + 16px)}:root:has(.play) .toast-stack{top:calc(var(--bar-h) + 8px);bottom:auto;left:12px;right:12px;transform:none}:root:has(.play) .toast-stack .xptoast{transform:translateY(calc(var(--i,0) * 44px))}@media print{.play{min-height:0}.play>.play-dock{position:static}.play>.play-dock:before{content:none}}