.bk-play{z-index:var(--bk-z-drawer);background:var(--bk-gradient-night);color:var(--bk-text);padding:max(var(--bk-space-2), env(safe-area-inset-top)) max(var(--bk-space-2), env(safe-area-inset-right)) max(var(--bk-space-2), env(safe-area-inset-bottom)) max(var(--bk-space-2), env(safe-area-inset-left));grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.bk-play__chrome{align-items:center;gap:var(--bk-space-2);display:flex}.bk-play__close{width:44px;height:44px;color:var(--bk-text);border-radius:var(--bk-radius-stud);transition:background-color var(--bk-dur-click) var(--bk-ease-soft), transform var(--bk-dur-click) var(--bk-ease-snap);background:#fff8f01a;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.bk-play__close:hover{background:#fff8f033;transform:translateY(-1px)}.bk-play__title{font-family:var(--bk-font-display);font-size:var(--bk-text-body);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-weight:600;overflow:hidden}.bk-play__share{font-family:var(--bk-font-display);font-size:var(--bk-text-small);color:var(--bk-text);border-radius:var(--bk-radius-stud);cursor:pointer;transition:background-color var(--bk-dur-click) var(--bk-ease-soft), transform var(--bk-dur-click) var(--bk-ease-snap);background:#fff8f01a;border:none;flex:none;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:inline-flex}.bk-play__share:hover{background:#fff8f033;transform:translateY(-1px)}@media (width<=25.99em){.bk-play__sharelabel{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bk-play__share{justify-content:center;width:44px;height:44px;padding:0}}.bk-play__stage{min-height:0;margin-block:var(--bk-space-2);position:relative}.bk-play__stage:before{content:"";border-radius:var(--bk-radius-tile);pointer-events:none;background:radial-gradient(50% 44% at 50% 46%,#c9b8ff29 0%,#c9b8ff00 72%);position:absolute;inset:0}.bk-play__player,.bk-play__poster{border-radius:var(--bk-radius-tile);position:absolute;inset:0;overflow:hidden}.bk-play__poster{justify-content:center;align-items:center;display:flex}.bk-play__poster img{object-fit:contain;border-radius:var(--bk-radius-brick);filter:drop-shadow(0 24px 48px #00000073);max-width:min(70%,520px);max-height:80%}.bk-play__step{bottom:calc(var(--bk-stud) * 12);font-family:var(--bk-font-display);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--bk-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--bk-radius-stud);box-shadow:inset 0 1px 0 #fff8f01f, var(--bk-shadow-float);white-space:nowrap;max-width:calc(100% - var(--bk-space-4));text-overflow:ellipsis;background:#14123ab8;border:1px solid #fff8f02e;margin:0;padding:10px 26px;font-size:clamp(1.2rem,3.4vw,2rem);font-weight:600;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}@media (height<=44em){.bk-play__step{bottom:calc(var(--bk-stud) * 11);padding:7px 18px}}.bk-play__foot{justify-content:center;display:flex}.bk-play__hint{font-family:var(--bk-font-editorial);font-size:var(--bk-text-body);color:var(--bk-text-soft);text-align:center;margin:0;font-style:italic}@media (width<=29.99em){.bk-play__hint{font-size:var(--bk-text-small)}}.bk-play__toastzone{inset-inline:0;bottom:calc(var(--bk-space-12) + env(safe-area-inset-bottom));pointer-events:none;z-index:var(--bk-z-toast);justify-content:center;display:flex;position:absolute}.bk-play__toast{font-family:var(--bk-font-display);font-size:var(--bk-text-small);color:var(--bk-indigo);background:var(--bk-cloud);border-radius:var(--bk-radius-stud);box-shadow:var(--bk-shadow-lift);animation:bk-toast-in var(--bk-dur-pop) var(--bk-ease-snap) both;margin:0;padding:10px 20px;font-weight:600}@keyframes bk-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bk-play__toast{animation:none}.bk-play__close:hover,.bk-play__share:hover{transform:none}}