.bg403-page{max-width:1180px;padding-bottom:44px}.bg403-header{margin-bottom:12px}.bg403-mode-chip{border:1px solid var(--line);background:var(--card);border-radius:15px;padding:10px 13px;text-align:left;min-width:190px;cursor:pointer}.bg403-mode-chip span,.bg403-scorebar small,.bg403-turncopy small,.bg403-details small{display:block;font-size:.65rem;letter-spacing:.08em;color:var(--muted);font-weight:900}.bg403-mode-chip strong{display:block;font-size:.91rem;margin:2px 0}.bg403-mode-chip small{color:var(--muted)}.bg403-shell{padding:clamp(12px,2vw,20px)!important;box-shadow:0 14px 38px rgba(15,23,42,.07)}.bg403-scorebar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:10px}.bg403-scorebar>div{border:1px solid var(--line);background:var(--soft);border-radius:11px;padding:8px 9px;min-width:0}.bg403-scorebar strong{display:block;margin-top:2px;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg403-board-shell{grid-template-columns:58px minmax(0,1fr) 58px}.bg403-board{min-height:500px}.bg403-cube{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border:2px solid rgba(255,255,255,.7);border-radius:10px;background:#f7efe1;color:#221f1b;box-shadow:0 5px 16px rgba(0,0,0,.25);display:grid;place-items:center;line-height:1;cursor:pointer}.bg403-cube small{font-size:.48rem;font-weight:900;letter-spacing:.05em}.bg403-cube strong{font-size:1.2rem}.bg403-cube span{font-size:.5rem;color:#665}.bg403-cube:disabled{opacity:.62;cursor:default}.bg403-pause-cover{position:absolute;inset:0;z-index:30;background:rgba(25,28,31,.94);color:#fff;display:none;place-items:center;text-align:center;padding:22px}.bg403-pause-cover.active{display:grid}.bg403-pause-cover>div{max-width:330px}.bg403-pause-cover span{font-size:.7rem;font-weight:900;letter-spacing:.12em;color:#e7cba8}.bg403-pause-cover strong{display:block;font-size:1.35rem;margin:5px}.bg403-pause-cover p{margin:0 0 12px;color:#d5d5d5}.bg403-turnbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin:12px 0 8px;padding:9px 10px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.bg403-dice{display:flex;gap:6px;min-width:82px}.bg403-dice .bg-die{width:36px;height:36px}.bg403-turncopy strong{display:block;font-size:.88rem}.bg403-turncopy span{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.bg403-context-actions{display:flex;gap:6px;align-items:center}.bg403-context-actions .btn{min-height:40px;white-space:nowrap}.bg403-moves{min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0}.bg403-toolbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:9px}.bg403-tool{min-height:52px;border:1px solid var(--line);border-radius:11px;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-weight:800}.bg403-tool span{font-size:1rem}.bg403-tool strong{font-size:.72rem}.bg403-tool.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.bg403-tool:disabled{opacity:.42;cursor:default}.bg403-status-row{display:flex;align-items:center;gap:8px;margin-top:8px}.bg403-status-row .status{flex:1;margin:0}.bg403-clock{font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:.75rem;font-weight:850}.bg403-details{margin:11px 0;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}.bg403-details>summary{list-style:none;cursor:pointer;padding:12px 14px;font-weight:850;display:flex;justify-content:space-between;gap:12px}.bg403-details>summary::-webkit-details-marker{display:none}.bg403-detail-body{border-top:1px solid var(--line);padding:13px}.bg403-statgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.bg403-statgrid>div{border:1px solid var(--line);border-radius:10px;padding:8px}.bg403-statgrid strong{display:block;margin-top:2px}.bg403-recent{margin-top:10px;display:grid;gap:5px}.bg403-recent>div{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;background:var(--soft);border-radius:9px;font-size:.76rem}.bg403-strategy{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bg403-strategy>div{padding:10px;border:1px solid var(--line);border-radius:12px}.bg403-strategy strong{display:block;margin:2px 0 5px}.bg403-strategy p{margin:0 0 8px;color:var(--muted);font-size:.8rem;line-height:1.5}.bg403-guidegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bg403-guidegrid>div{border:1px solid var(--line);border-radius:12px;padding:10px}.bg403-guidegrid strong{display:block;margin:3px 0}.bg403-guidegrid p{font-size:.78rem;line-height:1.5;color:var(--muted);margin:0}.bg403-dialog{width:min(640px,calc(100vw - 24px));border:0;border-radius:18px;padding:0;box-shadow:0 28px 80px rgba(0,0,0,.27);max-height:calc(100vh - 24px);overflow:auto}.bg403-dialog::backdrop{background:rgba(15,23,42,.48)}.bg403-dialog form{padding:17px}.bg403-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:13px}.bg403-dialog-head small{font-size:.65rem;letter-spacing:.09em;font-weight:900;color:var(--muted)}.bg403-dialog-head h2{margin:2px 0 0;font-size:1.35rem}.bg403-dialog-head>button{border:0;background:var(--soft);width:34px;height:34px;border-radius:50%;font-size:1.2rem;cursor:pointer}.bg403-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bg403-mode-grid button,.bg403-more-grid button{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:11px;text-align:left;cursor:pointer}.bg403-mode-grid button.active,.bg403-mode-grid button.featured.active{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.bg403-mode-grid span{font-size:1.1rem;font-weight:900}.bg403-mode-grid strong,.bg403-more-grid strong{display:block;margin:4px 0 2px}.bg403-mode-grid small,.bg403-more-grid small{display:block;color:var(--muted);font-size:.72rem;line-height:1.35}.bg403-dialog fieldset{border:0;padding:0;margin:14px 0}.bg403-dialog legend{font-size:.72rem;font-weight:900;margin-bottom:6px}.bg403-segment{display:flex;gap:5px;flex-wrap:wrap}.bg403-segment button{border:1px solid var(--line);background:var(--card);border-radius:9px;padding:8px 11px;font-weight:800;cursor:pointer}.bg403-segment button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.bg403-dialog label{display:grid;gap:5px;margin:10px 0;font-size:.8rem;font-weight:800}.bg403-dialog input,.bg403-dialog select{min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:8px}.bg403-start{width:100%;margin-top:5px}.bg403-note{font-size:.76rem;color:var(--muted);line-height:1.45}.bg403-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bg403-check{display:flex!important;align-items:center;gap:8px}.bg403-check input{min-height:auto}.bg403-double-card{display:flex;justify-content:center;align-items:center;gap:15px;margin:16px 0}.bg403-double-card span{width:68px;height:68px;display:grid;place-items:center;border:2px solid #7b5a36;border-radius:12px;background:#f6eddd;font-size:1.6rem;font-weight:950}.bg403-double-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bg403-off.legal-dest{box-shadow:0 0 0 3px #1f6feb inset}.bg403-off.selected-source{box-shadow:0 0 0 3px #111827 inset}.bg403-board.theme-navy{background:#b8c9dd}.bg403-board.theme-navy .bg-point::before{background:#27476b}.bg403-board.theme-navy .bg-point:nth-child(even)::before{background:#e8edf3}.bg403-board.theme-forest{background:#c7c6a8}.bg403-board.theme-forest .bg-point::before{background:#35594b}.bg403-board.theme-forest .bg-point:nth-child(even)::before{background:#f0e9cf}.bg403-board.theme-mono{filter:grayscale(1)}body.bg403-reduced *{scroll-behavior:auto!important;transition:none!important;animation:none!important}body.bg403-fullscreen{overflow:hidden}body.bg403-fullscreen .topbar,body.bg403-fullscreen .gameheader,body.bg403-fullscreen .bg403-details{display:none!important}body.bg403-fullscreen .bg403-page{max-width:none;width:100vw;height:100vh;padding:8px;margin:0;overflow:auto}body.bg403-fullscreen .bg403-shell{max-width:1180px;margin:auto}
@media(max-width:800px){.bg403-scorebar{grid-template-columns:repeat(3,minmax(0,1fr))}.bg403-guidegrid{grid-template-columns:1fr 1fr}.bg403-statgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.bg403-moves{grid-template-columns:1fr 1fr}.bg403-board{min-height:430px}}
@media(max-width:620px){body.bg403-ready .mobile-dock{display:none!important}.bg403-page{padding-inline:10px!important}.bg403-header p{font-size:.85rem}.bg403-mode-chip{min-width:0;width:100%}.bg403-board-shell{grid-template-columns:minmax(0,1fr);gap:0}.bg403-board-shell>.bg403-off{display:none}.bg403-board{min-height:400px;border-width:4px}.bg403-cube{width:44px;height:44px}.bg403-turnbar{grid-template-columns:auto 1fr}.bg403-context-actions{grid-column:1/-1}.bg403-context-actions .btn{flex:1}.bg403-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.bg403-tool{min-height:48px}.bg403-strategy,.bg403-guidegrid{grid-template-columns:1fr}.bg403-mode-grid{grid-template-columns:1fr}.bg403-more-grid{grid-template-columns:1fr 1fr}.bg403-status-row{flex-wrap:wrap}.bg403-status-row .status{flex-basis:100%}}
@media(max-width:430px){.bg403-scorebar>div{padding:7px 6px}.bg403-scorebar strong{font-size:.78rem}.bg403-board{min-height:370px}.bg-checker{width:min(22px,92%)}.bg403-turnbar{gap:8px}.bg403-dice .bg-die{width:32px;height:32px}.bg403-turncopy span{display:none}.bg403-moves{grid-template-columns:1fr}.bg403-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bg403-dialog form{padding:14px}.bg403-more-grid{grid-template-columns:1fr}.bg403-cube{pointer-events:auto}}

body.bg403-swap .bg403-board .bg-checker.player{background:#2d3945;border-color:#15202a}body.bg403-swap .bg403-board .bg-checker.opponent{background:#f9f4e8;border-color:#40362d}
@media(max-width:430px){
 .bg403-header{display:grid!important;grid-template-columns:1fr;gap:7px;margin-bottom:7px!important}
 .bg403-header .eyebrow{font-size:.66rem}.bg403-header h1{font-size:2.1rem;margin:.15rem 0!important}.bg403-header p{display:none}
 .bg403-mode-chip{padding:7px 10px;border-radius:12px}.bg403-mode-chip span{display:inline;margin-right:6px}.bg403-mode-chip strong{display:inline;font-size:.82rem}.bg403-mode-chip small{display:none}
 .bg403-shell{padding:8px!important}.bg403-scorebar{gap:4px;margin-bottom:6px}.bg403-scorebar>div{padding:5px 5px;border-radius:9px}.bg403-scorebar small{font-size:.54rem}.bg403-scorebar strong{font-size:.72rem}
 .bg403-board{min-height:300px}.bg-checker{width:min(18px,91%)}.bg-point.top .bg-stack{top:13px}.bg-point.bottom .bg-stack{bottom:13px}.bg-point-num{font-size:.46rem}.backgammon-bar{width:27px}.bg403-cube{width:38px;height:38px}.bg403-cube small{display:none}.bg403-cube strong{font-size:.96rem}.bg403-cube span{font-size:.43rem}
 .bg403-turnbar{margin:6px 0 5px;padding:6px 7px;grid-template-columns:auto 1fr auto}.bg403-context-actions{grid-column:auto}.bg403-context-actions .btn{min-height:34px;padding:6px 9px;font-size:.72rem}.bg403-turncopy strong{font-size:.76rem}.bg403-turncopy small{font-size:.54rem}.bg403-dice{min-width:62px}.bg403-dice .bg-die{width:28px;height:28px;font-size:.8rem}.bg403-toolbar{gap:4px;margin-top:5px}.bg403-tool{min-height:42px}.bg403-tool span{font-size:.82rem}.bg403-tool strong{font-size:.64rem}.bg403-status-row{margin-top:5px}.bg403-status-row .status{font-size:.72rem;padding:7px}.bg403-clock{font-size:.65rem;padding:5px 7px}
}

.bg403-move-details{margin:5px 0;border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden}.bg403-move-details>summary{list-style:none;cursor:pointer;padding:7px 9px;display:flex;justify-content:space-between;gap:8px;font-size:.72rem;font-weight:850}.bg403-move-details>summary::-webkit-details-marker{display:none}.bg403-move-details>summary small{font-size:.64rem;color:var(--muted);font-weight:650}.bg403-move-details[open] .bg403-moves{padding:7px;border-top:1px solid var(--line);margin:0}.bg403-move-details:not([open]) .bg403-moves{display:none}.bg403-move-details+.bg403-toolbar{margin-top:5px}@media(max-width:430px){.bg403-move-details>summary{padding:5px 7px}.bg403-move-details>summary small{font-size:.58rem}}
