.bsd-wrap{max-width:min(1180px,96vw);margin:-18px auto 18px;padding:4px;font-family:Arial,Helvetica,sans-serif;color:#fff}.bsd-panel{background:linear-gradient(180deg,#151438,#080713);border:4px solid #ffe16b;border-radius:26px;padding:10px;box-shadow:0 24px 55px rgba(0,0,0,.45), inset 0 0 0 2px rgba(255,255,255,.08);text-align:center}.bsd-panel h2{margin:0 0 2px;font-size:clamp(28px,4vw,52px);color:#ffe16b;text-shadow:0 4px 0 #5d226d}.bsd-panel p{margin:0 0 6px;color:#fff;font-size:18px}.bsd-game{width:100%;height:auto;display:block;margin-top:14px;border-radius:18px;background:#050616;box-shadow:inset 0 0 38px rgba(0,0,0,.8);touch-action:none}.bsd-controls{padding:12px 6px 4px;color:#fff;font-size:15px}.bsd-mobile{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.bsd-mobile button{border:0;border-radius:999px;background:#ffe16b;color:#16101f;font-weight:900;padding:12px 16px;box-shadow:0 6px 0 #b8741f;font-size:15px}.bsd-mobile button:active{transform:translateY(4px);box-shadow:0 2px 0 #b8741f}@media (min-width:800px){.bsd-mobile{display:none}}


/* Arcade page spacing fix: pull the embedded game closer to the page title. */
body:has(.bsd-wrap) main,
body:has(.bsd-wrap) .site-main,
body:has(.bsd-wrap) .content-area,
body:has(.bsd-wrap) .entry-content,
body:has(.bsd-wrap) .wp-block-post-content{
    padding-top:0 !important;
    margin-top:0 !important;
}

body:has(.bsd-wrap) .entry-header,
body:has(.bsd-wrap) .page-header,
body:has(.bsd-wrap) header.entry-header,
body:has(.bsd-wrap) .wp-block-post-title,
body:has(.bsd-wrap) h1.entry-title,
body:has(.bsd-wrap) h1.page-title{
    margin-top:14px !important;
    margin-bottom:18px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

body:has(.bsd-wrap) .entry-title,
body:has(.bsd-wrap) .page-title{
    line-height:1.05 !important;
}

@media (min-width:900px){
    .bsd-game{max-height:70vh;object-fit:contain;}
}
@media (max-width:700px){
    .bsd-wrap{max-width:100%;margin:4px auto 16px;padding:4px;}
    .bsd-panel{border-width:3px;border-radius:18px;padding:8px;}
}


/* v1.3 stronger arcade page compacting */
html body:has(.bsd-wrap) .site,
html body:has(.bsd-wrap) .site-content,
html body:has(.bsd-wrap) #content,
html body:has(.bsd-wrap) main,
html body:has(.bsd-wrap) .site-main,
html body:has(.bsd-wrap) .content-area,
html body:has(.bsd-wrap) article,
html body:has(.bsd-wrap) .entry-content,
html body:has(.bsd-wrap) .wp-block-post-content{
    padding-top:0 !important;
    margin-top:0 !important;
}
html body:has(.bsd-wrap) .entry-header,
html body:has(.bsd-wrap) .page-header,
html body:has(.bsd-wrap) header.entry-header{
    padding-top:0 !important;
    padding-bottom:0 !important;
    margin-top:-26px !important;
    margin-bottom:8px !important;
}
html body:has(.bsd-wrap) h1,
html body:has(.bsd-wrap) .entry-title,
html body:has(.bsd-wrap) .page-title,
html body:has(.bsd-wrap) .wp-block-post-title{
    margin-top:0 !important;
    margin-bottom:8px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    line-height:.98 !important;
}
html body:has(.bsd-wrap) .bsd-wrap{
    transform:translateY(-6px);
}
.bsd-menu-hint{font-weight:700;}
@media (min-width:900px){
    .bsd-panel h2{font-size:clamp(26px,3.2vw,44px)}
    .bsd-panel p{font-size:16px}
    .bsd-game{max-height:74vh;}
}

/* v1.4: tiny breathing room between menu text and game canvas */
.bsd-panel .bsd-game{margin-top:16px !important;}
