.cj-backgammon-layout{display:grid;gap:2rem;align-items:start}.cj-bg-board-wrap{width:100%;max-width:780px}.cj-bg-board{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 44px repeat(6,minmax(0,1fr));grid-template-rows:1fr 1fr;width:100%;aspect-ratio:1.48/1;overflow:hidden;border:2px solid hsl(var(--border));background:#8a5a3c;box-shadow:inset 0 0 0 7px #5f3926;user-select:none;touch-action:manipulation}.cj-bg-board:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#5f3926;z-index:1}.cj-bg-point{position:relative;min-width:0;border:0;padding:0;background:transparent;cursor:pointer;overflow:hidden;z-index:2}.cj-bg-point:before{content:"";position:absolute;inset:0 5%;opacity:.98;z-index:0}.cj-bg-point.top:before{clip-path:polygon(0 0,100% 0,50% 88%)}.cj-bg-point.bottom:before{clip-path:polygon(50% 12%,100% 100%,0 100%)}.cj-bg-point.tone-a:before{background:#ead7ad}.cj-bg-point.tone-b:before{background:#c74939}.dark .cj-bg-board{background:#68442f;box-shadow:inset 0 0 0 7px #3f291e}.dark .cj-bg-board:after{background:#3f291e}.dark .cj-bg-point.tone-a:before{background:#cdbb92}.dark .cj-bg-point.tone-b:before{background:#a93a31}.cj-bg-point-label{position:absolute;left:50%;z-index:4;transform:translateX(-50%);font-family:monospace;font-size:10px;font-weight:800;color:#25180f;opacity:.72}.cj-bg-point.top .cj-bg-point-label{top:4px}.cj-bg-point.bottom .cj-bg-point-label{bottom:4px}.cj-bg-stack{position:absolute;left:50%;z-index:5;display:flex;width:78%;transform:translateX(-50%);align-items:center;gap:2px}.cj-bg-stack.top{top:17px;flex-direction:column}.cj-bg-stack.bottom{bottom:17px;flex-direction:column-reverse}.cj-bg-checker{display:block;width:min(88%,34px);aspect-ratio:1/1;flex:0 0 auto;border-radius:999px;border:2px solid #111;box-shadow:0 2px 2px rgba(0,0,0,.35)}.cj-bg-checker.white{background:#f6f2e9;border-color:#2b211b}.cj-bg-checker.black{background:#161616;border-color:#050505;box-shadow:inset 0 0 0 2px #3d3d3d,0 2px 2px rgba(0,0,0,.35)}.cj-bg-more{position:relative;z-index:7;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;padding:0 4px;border:1px solid rgba(0,0,0,.55);background:#fff;color:#111;font-family:monospace;font-size:10px;font-weight:900}.cj-bg-bar{position:relative;z-index:8;display:flex;grid-column:7;grid-row:1/3;flex-direction:column;align-items:center;justify-content:space-between;border-left:2px solid #4c2e20;border-right:2px solid #4c2e20;background:#5f3926;padding:10px 4px}.dark .cj-bg-bar{background:#3f291e}.cj-bg-bar-half{display:flex;width:100%;flex-direction:column;align-items:center;gap:2px;min-height:34%}.cj-bg-bar-half.bottom{justify-content:flex-end}.cj-bg-bar-half .cj-bg-checker{width:min(82%,30px)}.cj-bg-bar-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:monospace;font-size:9px;font-weight:900;letter-spacing:.16em;color:#f4dfc1;opacity:.7}.cj-bg-point.source-legal{box-shadow:inset 0 0 0 3px rgba(255,255,255,.75)}.cj-bg-point.selected{box-shadow:inset 0 0 0 5px hsl(var(--primary))}.cj-bg-point.legal:after,.cj-bg-point.capture:after{content:"";position:absolute;left:50%;top:50%;z-index:9;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:999px;background:rgba(255,34,34,.82);pointer-events:none}.cj-bg-point.capture:after{width:34px;height:34px;background:transparent;border:4px solid rgba(255,34,34,.9)}.cj-bg-board.bar-selected .cj-bg-bar{box-shadow:inset 0 0 0 4px hsl(var(--primary))}.cj-bg-panel{padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem}.cj-bg-big{margin-top:.25rem;font-size:2rem;font-weight:900;letter-spacing:-.04em}.cj-bg-panel-row{display:flex;align-items:center;justify-content:space-between;border-top:2px solid hsl(var(--border));border-bottom:2px solid hsl(var(--border));padding:.9rem 0}.cj-bg-score{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid hsl(var(--border))}.cj-bg-score>div{padding:.75rem;border-right:2px solid hsl(var(--border));text-align:center}.cj-bg-score>div:last-child{border-right:0}.cj-bg-score-label{display:block;min-height:2.3em;font-family:monospace;font-size:9px;line-height:1.15;text-transform:uppercase;letter-spacing:.07em;color:hsl(var(--muted-foreground))}.cj-bg-score strong{display:block;margin-top:.25rem;font-size:1.25rem}.cj-bg-dice{display:flex;gap:.55rem;min-height:44px;margin-top:.5rem;align-items:center;flex-wrap:wrap}.cj-bg-die{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:2px solid hsl(var(--border));background:hsl(var(--background));box-shadow:3px 3px 0 hsl(var(--border));font-family:monospace;font-size:1rem;font-weight:900}.cj-bg-dice-empty{font-family:monospace;color:hsl(var(--muted-foreground))}.cj-bg-status{min-height:4rem;padding:1rem;border:2px solid hsl(var(--border));background:hsl(var(--muted));font-weight:800;line-height:1.45}.cj-bg-status.is-alert{border-color:hsl(var(--primary));color:hsl(var(--primary))}.cj-bg-last{font-family:monospace;font-size:.72rem;line-height:1.45;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--muted-foreground))}.cj-bg-actions{display:grid;grid-template-columns:1fr auto;gap:.7rem}.cj-bg-roll,.cj-bg-new{border:2px solid hsl(var(--border));padding:.85rem 1rem;font-family:monospace;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}.cj-bg-roll{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:4px 4px 0 hsl(var(--border))}.cj-bg-new{background:hsl(var(--background));color:hsl(var(--foreground))}.cj-bg-roll:disabled,.cj-bg-new:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.cj-bg-off-target{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:2px dashed hsl(var(--border));background:hsl(var(--muted));padding:.85rem 1rem;text-align:left;font-family:monospace;font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--muted-foreground));cursor:not-allowed}.cj-bg-off-target.is-legal{border-style:solid;border-color:hsl(var(--primary));background:hsl(var(--background));color:hsl(var(--foreground));cursor:pointer;box-shadow:3px 3px 0 hsl(var(--primary))}.cj-bg-help{font-size:.85rem;line-height:1.55;color:hsl(var(--muted-foreground))}.cj-bg-rules{font-family:monospace;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.cj-bg-busy .cj-bg-board{opacity:.86}.cj-bg-busy .cj-bg-point{cursor:wait}.cj-editor-blocks>.cj-backgammon-section,.cj-editor-blocks .cj-backgammon-section{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media(min-width:980px){.cj-backgammon-layout{grid-template-columns:minmax(0,780px) minmax(285px,1fr)}.cj-bg-panel{position:sticky;top:6rem}}@media(max-width:650px){.cj-backgammon-section{padding-top:3rem;padding-bottom:3rem}.cj-backgammon-layout{gap:1.25rem}.cj-bg-board{grid-template-columns:repeat(6,minmax(0,1fr)) 28px repeat(6,minmax(0,1fr));aspect-ratio:1.18/1;box-shadow:inset 0 0 0 4px #5f3926}.cj-bg-checker{border-width:1px}.cj-bg-stack{gap:1px}.cj-bg-stack.top{top:14px}.cj-bg-stack.bottom{bottom:14px}.cj-bg-point-label{font-size:8px}.cj-bg-point.selected{box-shadow:inset 0 0 0 3px hsl(var(--primary))}.cj-bg-point.source-legal{box-shadow:inset 0 0 0 2px rgba(255,255,255,.8)}.cj-bg-panel{padding:1.1rem}.cj-bg-score-label{font-size:8px}.cj-bg-actions{grid-template-columns:1fr}.cj-bg-new{min-height:44px}.cj-bg-off-target{align-items:flex-start;flex-direction:column;gap:.25rem}}

/* v57.17: keep below-the-fold mini-games out of initial mobile render work. */
.cj-backgammon-section{content-visibility:auto;contain-intrinsic-size:900px;}