/* Focused play, with each game's own palette and illustration. */
html.bgplay-active,html.bgplay-active body,html.bgplay-runtime,html.bgplay-runtime body{margin:0!important;padding:0!important;width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none;scrollbar-gutter:auto!important;background:#050807}
#bgplay-player{position:fixed;inset:0;z-index:2147483000;margin:0!important;width:100%;height:100dvh;background:#050807;color:#fff6df;border:0;font:16px system-ui,sans-serif}
#bgplay-player iframe{display:block;width:100%;height:100%;border:0;background:#050807}
.bgplay-loading-panel{display:none;position:absolute;inset:0;align-content:center;text-align:center;background:#050807;padding:24px}
.bgplay-loading .bgplay-loading-panel{display:block}
.bgplay-loading-panel h1{font:600 28px Georgia,serif;margin:0 0 24px}
.bgplay-runtime body>.bgp-header,.bgplay-runtime body>.bgp-game-return,.bgplay-runtime body>.bgp-footer,.bgplay-runtime body>.bgp-mobile-nav,.bgplay-runtime body>.bgp-player,.bgplay-runtime body>.bgp-skip,.bgplay-runtime body>.bgf-season{display:none!important}
.bgplay-runtime #bg-content{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:0!important;overflow:auto;background:#050807}
.bgplay-runtime #bg-content>style,.bgplay-runtime #bg-content>script{display:none}
.bgplay-runtime .boops-n-moops-shell,.bgplay-runtime .centerpede-shell,.bgplay-runtime .creek-hopper-shell{padding:0!important;margin:0!important;max-width:none!important}
.bgplay-runtime .boops-n-moops-frame,.bgplay-runtime .centerpede-frame,.bgplay-runtime .creek-hopper-frame{width:100%!important;height:100dvh!important;min-height:0!important;max-height:none!important;border-radius:0!important;border:0!important}
.bgplay-runtime .boops-n-moops-overlay-card,.bgplay-runtime .centerpede-overlay-card,.bgplay-runtime .creek-hopper-overlay-card{max-height:calc(100dvh - 20px)!important;overflow:auto;scrollbar-width:thin}
.bgplay-runtime .boops-n-moops-statusbar,.bgplay-runtime .centerpede-statusbar,.bgplay-runtime .creek-hopper-statusbar,.bgplay-runtime .checkers-input-strip,.bgplay-runtime .sy-input-strip,.bgplay-runtime .checkers-kicker,.bgplay-runtime .sy-kicker,.bgplay-runtime .checkers-brand p,.bgplay-runtime .sy-brand p,.bgplay-runtime .checkers-status-footer,.bgplay-runtime .sy-status-footer{display:none!important}
.bgplay-runtime .checkers-app{padding:8px!important;min-height:100dvh!important;height:100dvh}
.bgplay-runtime .checkers-shell{height:100%;min-height:0!important;padding:0!important}
.bgplay-runtime #checkers-pause{display:inline-flex!important;align-items:center;justify-content:center}
.bgplay-runtime .checkers-header{display:flex!important;min-height:50px;margin:0}
.bgplay-runtime .checkers-brand img{width:40px;height:40px}
.bgplay-runtime .checkers-brand h1{font-size:25px}
.bgplay-runtime .checkers-layout{grid-template-columns:minmax(0,1fr) 270px;min-height:0!important}
.bgplay-runtime .checkers-stage-card{min-height:0!important}
.bgplay-runtime .checkers-sidebar{display:flex;overflow:auto;min-height:0;max-height:100%}
.bgplay-runtime #checkers-canvas{width:auto!important;height:100%!important;max-width:100%!important;aspect-ratio:1;object-fit:contain}
.bgplay-runtime .checkers-overlay,.bgplay-runtime .sy-overlay,.bgplay-runtime .sy-pause-overlay,.bgplay-runtime .sy-handoff-overlay{position:fixed;inset:0;max-height:100dvh}
.bgplay-runtime .checkers-settings-drawer,.bgplay-runtime .sy-settings-drawer{position:fixed;height:100dvh}
.bgplay-runtime .sy-app{min-height:100dvh!important}
.bgplay-runtime .sy-shell{padding:10px 14px;width:min(1500px,100%)}
.bgplay-runtime .sy-brand img{width:45px;height:45px}
.bgplay-runtime .sy-brand h1{font-size:28px}
.bgplay-runtime .sy-board-wrap{width:min(100%,calc(100dvh - 150px))}
.bgplay-runtime .sy-sidebar{max-height:calc(100dvh - 145px)}
.bgplay-runtime .bit-wrap{max-width:1300px!important;margin:0 auto!important;padding:12px!important}
.bgplay-runtime .bit-actions>a{display:none!important}
.bgplay-runtime .bit-stage{max-width:min(100%,calc(100dvh - 190px));margin:auto}
.bgplay-runtime .bit-modal{position:fixed;max-height:100dvh}
.bgplay-runtime .wvhk-wrap{width:100%;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;overflow:auto}
.bgplay-runtime .wvhk-layout{height:100%}
.bgplay-runtime .wvhk-pad{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px}
.bgplay-runtime .wvhk-canvasBox{max-width:min(100%,calc((100dvh - 126px)*1100/560));padding:0}
.bgplay-runtime [data-mode="portrait"] .wvhk-canvasBox{max-width:min(100%,calc((100dvh - 180px)*560/1100))}
.bgplay-runtime .wvhk-cap{display:none}
.bgplay-runtime .wvhk-hints{justify-content:center;font-size:12px}
.bgplay-runtime .wvhk-overlay.show{background:#050807b0;z-index:40}
.bgplay-exit,.bgplay-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #c9b78966;border-radius:12px;background:#18241e;color:#fff4da!important;font:600 14px/1.25 system-ui,sans-serif;cursor:pointer;white-space:nowrap;text-decoration:none!important;box-sizing:border-box}
.bgplay-exit:hover,.bgplay-button:hover{background:#293d31;border-color:#e4c783}
.bgplay-exit:focus-visible,.bgplay-button:focus-visible{outline:3px solid #ffe29a;outline-offset:3px}
.sy-pause-card>.bgplay-exit,.bit-setup>.bgplay-exit{margin:12px 0 0}
.bgplay-dialog{box-sizing:border-box;width:min(470px,calc(100% - 32px));max-height:calc(100dvh - 30px);overflow:auto;padding:30px;border:1px solid #bca37570;border-radius:22px;color:#fff3d7;background:linear-gradient(145deg,#1c2921,#080e0b);box-shadow:0 24px 80px #000a;font:16px/1.55 system-ui,sans-serif}
.bgplay-dialog h2{font:500 30px/1.15 Georgia,serif;margin:0 0 15px;color:#fff3d7}
.bgplay-dialog p{color:#c5cbbf;margin:0 0 25px}
.bgplay-dialog::backdrop{background:#020604b8;backdrop-filter:blur(6px)}
.bgplay-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.bgplay-dialog-actions button:last-child{background:#e7c88d;color:#192219!important;border-color:#f4dba9}
@media(max-width:800px){
 .bgplay-runtime .checkers-layout{display:flex;flex-direction:column;overflow:auto}
 .bgplay-runtime .checkers-stage-card{flex:0 0 auto;height:min(calc(100dvh - 90px),calc(100vw + 110px));min-height:320px!important}
 .bgplay-runtime .checkers-sidebar{display:block;overflow:visible;flex:0 0 auto}
 .bgplay-runtime .checkers-brand{display:none}
 .bgplay-runtime .checkers-header{justify-content:center}
 .bgplay-runtime .checkers-actions{max-width:none}
 .bgplay-runtime .sy-board-wrap{width:min(100%,calc(100dvh - 190px))}
 .bgplay-runtime .sy-sidebar{max-height:none}
 .bgplay-runtime .bit-top{gap:8px}
 .bgplay-runtime .bit-stage{max-width:100%}
}
@media(max-height:550px) and (orientation:landscape){
 .bgplay-runtime .checkers-header{position:absolute;z-index:15;right:8px;top:6px;background:#101913e8;padding:5px}
 .bgplay-runtime .checkers-actions{gap:4px}
 .bgplay-runtime .checkers-brand,.bgplay-runtime #checkers-new,.bgplay-runtime #checkers-undo{display:none}
 .bgplay-runtime .checkers-stage-card{height:calc(100dvh - 16px);min-height:0!important}
 .bgplay-runtime .checkers-player{padding:4px;min-height:28px}
 .bgplay-runtime .checkers-sidebar{display:none}
 .bgplay-runtime .bit-stage{max-width:calc(100dvh - 155px)}
 .bgplay-runtime .sy-shell{padding:6px}
}
@media(prefers-reduced-motion:reduce){.bgplay-dialog,.bgplay-exit,.bgplay-button{scroll-behavior:auto!important;transition:none!important}}