/* Only the bespoke playground; section layout and typography belong to Uncode. */
.bk-logo-play { width:100%; max-width:540px; margin-inline:auto; }
.bk-logo-play__stage { display:block; position:relative; width:100%; padding:0 0 42px; border:1px solid rgba(255,255,255,.16); border-radius:0; background:radial-gradient(ellipse at center,rgba(33,150,243,.09),transparent 70%); color:#fff; cursor:pointer; touch-action:pan-y; -webkit-tap-highlight-color:transparent; font:inherit; overflow:hidden; }
.bk-logo-play__stage svg { display:block; width:100%; height:auto; max-height:440px; overflow:visible; }
.bk-logo-play__ghost { opacity:.12; }
.bk-logo-play__stage:focus-visible { outline:3px solid #2196f3; outline-offset:6px; }
.bk-logo-play__stage:hover { border-color:rgba(33,150,243,.65); }
.bk-logo-play__hint { display:flex; align-items:center; justify-content:space-between; margin:0 26px; padding-top:16px; border-top:1px solid rgba(255,255,255,.16); font-size:14px; font-weight:600; letter-spacing:.02em; }
.bk-logo-play__hint > span { color:#2196f3; font-size:24px; }
.bk-logo-play .bk-logo-play__status { min-height:2.8em; margin:18px 0 0; color:#bcbcd0; text-align:center; font-size:14px; line-height:1.5; }
.bk-logo-play__stage:disabled { cursor:default; }
@media(max-width:569px) { .bk-logo-play__stage {padding-bottom:24px;} .bk-logo-play__hint {margin-inline:18px;} }

/* Hero: a silent interactive layer over the collage, with no visible game copy. */
.bk-logo-play--overlay {position:relative; max-width:none;}
.bk-logo-play--overlay .bk-logo-play__backdrop {display:block; width:100%; height:auto;}
.bk-logo-play--overlay .bk-logo-play__stage {position:absolute; width:55.6%; left:49.8%; top:49.6%; transform:translate(-50%,-50%); padding:0; border:0; background:none; overflow:visible;}
.bk-logo-play--overlay .bk-logo-play__stage svg {max-height:none; filter:drop-shadow(2px 3px 2px rgba(0,0,0,.24));}
.bk-logo-play--overlay .bk-logo-play__ghost {display:none;}
.bk-logo-play--overlay .bk-logo-play__status {position:absolute; width:1px; height:1px; min-height:0; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;}

/* Preserve the theme's responsive logo dimensions and light/dark wordmarks. */
.navbar-brand .logo-image > svg.bk-nav-logo {display:block; height:100%; width:auto; max-width:none; overflow:visible;}