.nf-play{gap:var(--ui-space-6);max-width:var(--ui-measure-wide);padding:var(--ui-space-8) var(--ui-space-8) 0;flex-direction:column;display:flex}.nf-play>.ui-intro,.nf-play>.ui-intro .ui-intro__inner{padding:0}.nf-play>.nf-stage{order:2}.nf-stage{border-radius:calc(var(--ui-panel-radius) - var(--ui-space-1));background:var(--ui-raised);height:clamp(200px,100dvh - 520px,280px);box-shadow:var(--ui-shadow-hairline);-webkit-user-select:none;user-select:none;position:relative;overflow:clip}@media (max-width:860px),(max-height:540px){.nf-play{padding:0 0 var(--ui-space-5)}.nf-play>.ui-intro .ui-intro__inner{padding:var(--ui-space-6) var(--ui-space-5) var(--ui-space-5)}.nf-play>.nf-stage{height:260px;margin-inline:var(--ui-space-5);border-radius:var(--ui-radius-md)}}.nf-mark{visibility:hidden;color:var(--ui-ink);cursor:grab;touch-action:none;will-change:transform;position:absolute;top:0;left:0}.nf-mark[data-ready]{visibility:visible}.nf-mark[data-held]{cursor:grabbing}.nf-mark[data-still]{cursor:default}.nf-mark svg{fill:currentColor;width:100%;height:100%;display:block}