.game-layout.backgammon-layout{grid-template-columns:minmax(0, 1fr) var(--game-sidebar-width)}.backgammon-board-column{gap:8px;min-height:0}.backgammon-board-frame{box-sizing:border-box;width:100%;max-width:1100px;height:min(740px, calc(var(--board-vh,100dvh) - 28px));color:#fff2d7;background:linear-gradient(135deg,#654332,#35231d 62%,#543527);border:1px solid #301c17;border-radius:14px;flex-direction:column;gap:6px;min-height:360px;padding:10px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ecc18530,inset 0 0 28px #0005}.backgammon-board-status{white-space:nowrap;flex:0 0 28px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:24px;display:flex}.backgammon-board{background:linear-gradient(90deg,#315b52,#24483f 52%,#315b52);border:2px solid #251914;border-radius:8px;flex:1;grid-template-rows:minmax(0,1fr) 56px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.backgammon-board:before{content:"";background:#654431;border-inline:2px solid #35231d;grid-area:1/2/4}.backgammon-quadrant{grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;min-height:0;display:grid}.backgammon-quadrant.top.left{grid-area:1/1}.backgammon-quadrant.top.right{grid-area:1/3}.backgammon-quadrant.bottom.left{grid-area:3/1}.backgammon-quadrant.bottom.right{grid-area:3/3}.backgammon-point{isolation:isolate;--stack-span:94cqh;--checker-size:min(82cqw, 18cqh);--checker-step:min(calc(var(--checker-size) * 1.03), calc((var(--stack-span) - var(--checker-size)) / var(--stack-gaps)));min-width:0;min-height:0;position:relative;container-type:size}.backgammon-triangle{pointer-events:none;background:linear-gradient(90deg,#e0ad78,#bd7c4e);position:absolute;inset:0 4%}.backgammon-point.dark .backgammon-triangle{background:#162e38}.backgammon-point.top .backgammon-triangle{clip-path:polygon(0 0,100% 0,50% 96%)}.backgammon-point.bottom .backgammon-triangle{clip-path:polygon(50% 4%,100% 100%,0 100%)}.backgammon-point-destination{z-index:1;cursor:pointer;touch-action:manipulation;background:#ffc34259;border:3px solid #ffe18d;border-radius:5px;width:calc(100% - 2px);height:calc(100% - 2px);padding:0;animation:1.6s ease-in-out infinite backgammon-target-glow;position:absolute;inset:1px;box-shadow:inset 0 0 24px #ffe18d66,0 0 12px #ffce6480}.backgammon-point-destination:hover{background:#ffd45d85}.backgammon-checker-stack{z-index:3;pointer-events:none;position:absolute;inset:0}.backgammon-checker,.backgammon-mini-checker,.backgammon-off-checker{box-sizing:border-box;border-radius:50%;place-items:center;padding:0;font-size:14px;font-style:normal;font-weight:700;line-height:1;display:grid}.backgammon-checker.ivory,.backgammon-mini-checker.ivory,.backgammon-off-checker.ivory{color:#392c1d;background:radial-gradient(circle at 34% 26%,#fffdf5,#f1e4c9 42%,#c9ad7b 76%,#927348);border:1px solid #806446;box-shadow:0 2px 3px #0d1b1855,inset -2px -2px 3px #593e3133,inset 2px 2px 3px #ffffffb0}.backgammon-checker.navy,.backgammon-mini-checker.navy,.backgammon-off-checker.navy{color:#fff0cf;background:radial-gradient(circle at 34% 26%,#708a9c,#294858 36%,#102331 76%,#07131c);border:1px solid #07151e;box-shadow:0 2px 3px #0008,inset -2px -2px 3px #0006,inset 2px 2px 3px #ffffff35}.backgammon-point .backgammon-checker{width:var(--checker-size);height:var(--checker-size);left:calc((100% - var(--checker-size)) / 2);position:absolute}.backgammon-point.top .backgammon-checker{top:calc(3cqh + var(--checker-index) * var(--checker-step))}.backgammon-point.bottom .backgammon-checker{bottom:calc(3cqh + var(--checker-index) * var(--checker-step))}.backgammon-checker-stack>button{pointer-events:auto;cursor:pointer;touch-action:manipulation;outline-offset:1px;outline:2px solid #ffeab0}.backgammon-checker-stack>button:after,.backgammon-bar-zone.source .backgammon-checker:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#0000 56%,#fff5cbcc 67%,#ffc84f9c 76%,#0000 100%);border-radius:50%;animation:1.6s ease-in-out infinite backgammon-checker-glow;position:absolute;inset:-8px}.backgammon-point.selected .backgammon-checker-stack>button,.backgammon-bar-zone.selected .backgammon-checker{outline-offset:2px;background:radial-gradient(circle at 34% 26%,#e0fff2,#74e4c8 42%,#28a88d 76%,#177b6c);outline:3px solid #c5fff3;box-shadow:0 0 0 5px #2eab8c80,0 0 18px #81ffdab3,0 3px 8px #0008}.backgammon-point.selected .backgammon-checker-stack>button:after,.backgammon-bar-zone.selected .backgammon-checker:after{background:0 0;border:2px solid #78ffda;animation:none;inset:-8px;box-shadow:0 0 12px #50ffcdc0}.backgammon-stack-count{z-index:4;color:#fff4d5;text-shadow:0 1px 3px #000;pointer-events:none;background:#152d32cc;border-radius:6px;padding:2px 5px;font-size:16px;font-weight:750;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.backgammon-point-number{z-index:4;color:#fff0cd;pointer-events:none;font-size:14px;display:none;position:absolute;top:84%;left:50%;transform:translate(-50%,-50%)}.backgammon-point.bottom .backgammon-point-number{top:16%}.show-point-numbers .backgammon-point-number{display:block}.backgammon-operation-band{z-index:5;background:#25473fea;grid-area:2/1/auto/4;justify-content:center;align-items:center;gap:clamp(8px,2vw,24px);display:flex}.backgammon-bar-zone{background:0 0;border:0;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:3px;display:grid}.backgammon-bar-zone.ivory-zone{order:0}.backgammon-bar-zone.navy-zone{order:3}.backgammon-bar-zone .backgammon-checker{width:34px;height:34px;position:relative}.backgammon-bar-zone.source .backgammon-checker{outline-offset:2px;outline:2px solid #f5cf72}.backgammon-bar-zone.selected .backgammon-checker{outline-offset:2px;outline:3px solid #c5fff3}.backgammon-cube{color:#392d22;opacity:1;white-space:nowrap;background:linear-gradient(145deg,#fff7e5,#d9c39b);border:1px solid #8c7656;border-radius:8px;flex:none;order:2;justify-content:center;align-items:center;gap:6px;height:44px;padding:6px 8px;display:flex;box-shadow:0 3px 5px #0005}.backgammon-cube strong{font-size:20px;line-height:24px}.backgammon-cube span{font-size:14px;line-height:16px}.backgammon-cube.available{outline-offset:2px;cursor:pointer;outline:2px solid #f5cf72}.backgammon-dice{z-index:2;opacity:1;background:0 0;border:1px solid #0000;border-radius:12px;flex:0 0 112px;order:1;justify-content:center;align-items:center;gap:18px;width:112px;height:52px;padding:6px 8px;display:flex;position:relative}.backgammon-dice.can-roll{cursor:pointer;background:#f5cf7217;border-color:#f5cf72b0}.backgammon-die-wrap{--die-size:30px;width:var(--die-size);height:var(--die-size);perspective:240px;display:block;position:relative}.backgammon-die-toss,.backgammon-die-cube{width:100%;height:100%;transform-style:preserve-3d;position:absolute}.backgammon-die-core{background:#e3dbc6;position:absolute;inset:3%}.backgammon-die-face{box-sizing:border-box;backface-visibility:hidden;background:radial-gradient(circle at 34% 28%,#fffefa,#f4efe1 78%);border-radius:17%;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:2px;padding:5px;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #78643c2e}.backgammon-die-face:after{content:"";border-radius:inherit;opacity:var(--die-shade,.12);background:#3a2c14;position:absolute;inset:0}.backgammon-die-face i{background:#1b303b;border-radius:50%;box-shadow:inset 0 1px 1px #0009}.backgammon-die-face.face-1{transform:translateZ(calc(var(--die-size) / 2))}.backgammon-die-face.face-2{transform:rotateY(90deg) translateZ(calc(var(--die-size) / 2))}.backgammon-die-face.face-3{transform:rotateX(90deg) translateZ(calc(var(--die-size) / 2))}.backgammon-die-face.face-4{transform:rotateX(-90deg) translateZ(calc(var(--die-size) / 2))}.backgammon-die-face.face-5{transform:rotateY(-90deg) translateZ(calc(var(--die-size) / 2))}.backgammon-die-face.face-6{transform:rotateY(180deg) translateZ(calc(var(--die-size) / 2))}.backgammon-die-shadow{background:radial-gradient(closest-side,#0009,#0000);border-radius:50%;position:absolute;inset:6px -5px -10px;transform:translateY(7px)scaleY(.45)}.backgammon-die-wrap.used{opacity:.3}.backgammon-die-uses{gap:6px;display:flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.backgammon-die-uses i{background:#ffe5a3;border-radius:50%;width:5px;height:5px}.backgammon-die-uses i.spent{opacity:.2}.backgammon-die-wrap.rolling .backgammon-die-toss{animation:backgammon-toss var(--dice-roll-ms,.9s) cubic-bezier(.2,.7,.3,1) both}.backgammon-die-wrap.rolling .backgammon-die-shadow{animation:backgammon-shadow var(--dice-roll-ms,.9s) cubic-bezier(.2,.7,.3,1) both}.backgammon-dice.can-roll .backgammon-die-toss{animation:1.6s ease-in-out infinite backgammon-die-ready}@keyframes backgammon-toss{0%{transform:translate(calc(-8px * var(--die-direction)), 3px) scale(.6)}32%{transform:translate(calc(-10px * var(--die-direction)), -24px) scale(1.7)}55%{transform:translate(calc(-7px * var(--die-direction)), -18px) scale(1.5)}78%{transform:translateY(2px)scale(.94)}89%{transform:translateY(-4px)scale(1.07)}to{transform:none}}@keyframes backgammon-shadow{0%{opacity:.25;transform:translateY(7px)scale(.5,.25)}32%{opacity:.45;transform:translate(calc(-10px * var(--die-direction)), 12px) scale(1.8, .5)}55%{opacity:.55;transform:translate(calc(-7px * var(--die-direction)), 11px) scale(1.5, .48)}78%{opacity:1;transform:translateY(7px)scale(1.1,.5)}to{transform:translateY(7px)scaleY(.45)}}@keyframes backgammon-die-ready{0%,to{transform:none}50%{transform:translateY(-2px)scale(1.06)}}@keyframes backgammon-checker-glow{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1.14)}}@keyframes backgammon-target-glow{0%,to{box-shadow:inset 0 0 14px #ffe18d4d,0 0 5px #ffce6466}50%{box-shadow:inset 0 0 28px #ffe18d99,0 0 16px #ffce64cc}}.backgammon-off-tray{flex:0 0 34px;gap:8px;display:flex}.backgammon-off-zone{color:#f6dfbc;opacity:1;background:#0002;border:1px solid #f6dfbc35;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;padding:0 8px;font-size:14px;display:flex;position:relative;overflow:hidden}.backgammon-off-zone.target{color:#fff8d8;cursor:pointer;background:#ffc34259;border:2px solid #ffe18d;animation:1.6s ease-in-out infinite backgammon-target-glow}.backgammon-off-pieces{gap:1px;display:flex}.backgammon-off-checker{border-radius:2px;width:4px;height:18px}.backgammon-mini-checker{flex:0 0 16px;width:16px;height:16px}.backgammon-number-setting{align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.backgammon-number-setting input{width:18px;height:18px}.backgammon-seat-pip{color:var(--ink);white-space:nowrap;align-items:baseline;gap:3px;margin-left:auto;display:inline-flex}.backgammon-seat-pip b{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.backgammon-seat-pip small{color:var(--ink-soft);font-size:12px;font-weight:600}.bk-seat .backgammon-mini-checker{flex:0 0 16px}.bk-move-badge{box-sizing:border-box;color:#392d22;vertical-align:1px;background:linear-gradient(145deg,#fff7e5,#d9c39b);border:1px solid #8c7656;border-radius:4px;place-items:center;min-width:17px;height:17px;margin-right:4px;padding:0 2px;font-size:11px;font-weight:800;line-height:1;display:inline-grid}.bk-move.is-current .bk-move-badge{border-color:#fff7e5}.backgammon-control-panel .bk-record-row{align-items:start}.backgammon-control-panel .bk-record-row>span:first-child{padding-top:7px}.backgammon-control-panel .bk-record-row .bk-move{white-space:normal}.backgammon-board-status.is-review>span:last-child{color:#5a2a1c;background:#fff2d7;border-radius:999px;padding:1px 10px;font-size:14px;line-height:22px}.backgammon-board-frame>.master-hint-splash.backgammon-decision-card{z-index:30;text-align:center;opacity:1;pointer-events:auto;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;width:max-content;max-width:min(92%,340px);padding:16px 20px 18px;animation:.24s cubic-bezier(.2,.82,.28,1) both backgammon-card-in}.backgammon-decision-card>strong{padding-inline:32px;font-size:20px;line-height:1.25}.backgammon-decision-card>small{font-size:15px;line-height:1.4}.backgammon-decision-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.backgammon-decision-action{min-width:120px;min-height:48px;font-size:17px}.game-result-close.backgammon-decision-close{color:#fff7d2d1;top:4px;right:4px}.game-result-close.backgammon-decision-close:hover{color:#fff7d2;background:#ffffff1f}@keyframes backgammon-card-in{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}.backgammon-search-readout p{text-overflow:ellipsis;white-space:nowrap;line-height:1.5;overflow:hidden}@media (width<=811px),(width<=850px) and (height>=501px),(orientation:portrait){.game-layout.backgammon-layout{grid-template-columns:minmax(0,1fr)}.backgammon-app-shell .backgammon-board-column{--board-chrome:8px;justify-content:flex-start;align-items:center;gap:0;padding:4px;position:relative}.backgammon-app-shell .backgammon-board-column.has-record-panel{--backgammon-panel-space:92px;padding-bottom:4px}.backgammon-app-shell .backgammon-board-column.has-record-panel.is-two-rows{--backgammon-panel-space:122px}.backgammon-board-frame{height:calc(var(--board-vh,100dvh) - 8px - var(--backgammon-panel-space,0px));min-height:0;max-width:max(550px, calc((var(--board-vh,100dvh) - 8px - var(--backgammon-panel-space,0px)) * .579));border-radius:10px;gap:4px;padding:6px}.backgammon-board-status{flex-basis:24px;font-size:14px}.backgammon-board{grid-template-rows:minmax(0,1fr) 56px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr)}.backgammon-quadrant{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}.backgammon-quadrant.top.left{grid-area:1/1}.backgammon-quadrant.bottom.left{grid-area:1/3}.backgammon-quadrant.top.right{grid-area:3/1}.backgammon-quadrant.bottom.right{grid-area:3/3}.backgammon-point{--checker-size:min(86cqh, 18cqw);--stack-span:94cqw}.backgammon-point.top .backgammon-triangle{clip-path:polygon(0 0,96% 50%,0 100%);inset:4% 0}.backgammon-point.bottom .backgammon-triangle{clip-path:polygon(100% 0,4% 50%,100% 100%);inset:4% 0}.backgammon-point.top .backgammon-checker,.backgammon-point.bottom .backgammon-checker{top:calc((100% - var(--checker-size)) / 2);bottom:auto}.backgammon-point.top .backgammon-checker{left:calc(3cqw + var(--checker-index) * var(--checker-step))}.backgammon-point.bottom .backgammon-checker{left:auto;right:calc(3cqw + var(--checker-index) * var(--checker-step))}.backgammon-point-number{top:50%;left:87%}.backgammon-point.bottom .backgammon-point-number{top:50%;left:13%}.backgammon-operation-band{gap:3px}.backgammon-off-tray{flex-basis:30px}}@media (prefers-reduced-motion:reduce){.backgammon-die-wrap.rolling .backgammon-die-toss,.backgammon-die-wrap.rolling .backgammon-die-shadow,.backgammon-dice.can-roll .backgammon-die-toss,.backgammon-checker-stack>button:after,.backgammon-bar-zone.source .backgammon-checker:after,.backgammon-point-destination,.backgammon-off-zone.target{animation:none}}.backgammon-board-column{flex-direction:column;justify-content:center;align-items:center;display:flex}.backgammon-die-toss,.backgammon-die-cube{inset:0}@media (width<=340px){.backgammon-dice{flex-basis:92px;gap:10px;width:92px}.backgammon-cube{flex-direction:column;gap:0;padding:3px 6px}.backgammon-cube strong{font-size:17px;line-height:19px}.backgammon-cube span{font-size:12px;line-height:14px}}
