.game-layout.backgammon-layout{grid-template-columns:minmax(610px, 1fr) var(--game-sidebar-width)}.backgammon-board-frame{aspect-ratio:1.56;background:linear-gradient(135deg,#ffffff21,#0000 24%),repeating-linear-gradient(8deg,#0000 0 31px,#ffe8c106 32px 33px),linear-gradient(145deg,#603a2d,#2e1c19 62%,#4a2b24);border:1px solid #301c17;border-radius:17px;flex-direction:column;gap:clamp(5px,.7vw,9px);width:100%;max-width:1080px;padding:clamp(7px,.9vw,11px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ecc1852e,inset 0 0 28px #00000057}.backgammon-board-frame:before{content:"";pointer-events:none;border:1px solid #e5b87857;border-radius:12px;position:absolute;inset:4px}.backgammon-board{z-index:1;background:radial-gradient(circle,#ffffff14,#0000 56%),linear-gradient(90deg,#315851,#274841 52%,#315851);border:2px solid #231512;border-radius:8px;flex:auto;grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr) 7.2% minmax(0,1fr) 7.8%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0416144d,0 0 0 1px #e6bb7c3b}.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:2/1}.backgammon-quadrant.bottom.right{grid-area:2/3}.backgammon-point{cursor:default;isolation:isolate;background:0 0;border:0;min-width:0;min-height:0;padding:0;display:block;position:relative;container-type:size}.backgammon-point:not(:disabled){cursor:pointer}.backgammon-triangle{z-index:-1;filter:drop-shadow(0 1px #ffffff1f);background:#c88a58;position:absolute;inset:0 5%}.backgammon-point.top .backgammon-triangle{clip-path:polygon(0 0,100% 0,50% 94%)}.backgammon-point.bottom .backgammon-triangle{clip-path:polygon(50% 6%,100% 100%,0 100%)}.backgammon-point.dark .backgammon-triangle{background:#172e39}.backgammon-point.light .backgammon-triangle{background:linear-gradient(90deg,#d8a06b,#c98554 75%,#b87248)}.backgammon-point.source:not(:disabled) .backgammon-triangle,.backgammon-point.target:not(:disabled) .backgammon-triangle,.backgammon-point.selected .backgammon-triangle{filter:brightness(1.14)drop-shadow(0 0 5px #fad26fb8)}.backgammon-point.selected{background:#f9d1641f}.backgammon-point.last:after{content:"";z-index:5;pointer-events:none;border:1px solid #f7cc5c94;border-radius:5px;position:absolute;inset:4px}.backgammon-point-number{z-index:6;color:#f7e5c28c;font-family:var(--font-app-mono), monospace;pointer-events:none;font-size:clamp(8px,.9vw,12px);font-weight:700;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.backgammon-point.top .backgammon-point-number{top:5px}.backgammon-point.bottom .backgammon-point-number{bottom:5px}.backgammon-checker-stack{z-index:3;pointer-events:none;align-items:center;gap:1.2cqh;height:86%;display:flex;position:absolute;inset-inline:0}.backgammon-point.top .backgammon-checker-stack{flex-direction:column;top:6%}.backgammon-point.bottom .backgammon-checker-stack{flex-direction:column-reverse;bottom:6%}.backgammon-checker,.backgammon-mini-checker{font-family:var(--font-app-mono), monospace;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;font-style:normal;font-weight:800;line-height:1;display:grid;position:relative}.backgammon-checker{aspect-ratio:1;flex:none;width:min(78cqw,15.2cqh);min-width:0;font-size:clamp(10px,1.35vw,18px);animation:.18s cubic-bezier(.2,.8,.2,1) backgammon-place}.backgammon-checker.ivory,.backgammon-mini-checker.ivory,.backgammon-off-checker.ivory{color:#5b452d;background:radial-gradient(circle at 34% 26%,#fffdf5 0,#f1e4c9 42%,#c9ad7b 76%,#927348 100%);border:1px solid #51402a9e;box-shadow:0 4px 7px #0d1b1857,inset -3px -4px 5px #593e1f33,inset 2px 2px 3px #ffffffd1}.backgammon-checker.navy,.backgammon-mini-checker.navy,.backgammon-off-checker.navy{color:#f1d59c;background:radial-gradient(circle at 34% 26%,#5a7080 0,#233b4c 36%,#102331 70%,#07131c 100%);border:1px solid #07151e;box-shadow:0 4px 7px #0006,inset -3px -4px 5px #0000006b,inset 2px 2px 3px #ffffff29}@keyframes backgammon-place{0%{opacity:0;transform:translateY(-12%)scale(.82)}}.backgammon-target-dot{z-index:7;aspect-ratio:1;pointer-events:none;background:#e7b84c;border:1px solid #fff6cbdb;border-radius:50%;width:17%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ebbb4824,0 2px 5px #00000047}.backgammon-bar{z-index:8;background:linear-gradient(90deg,#4a2d25,#76503a 48%,#3b251f);border-inline:2px solid #231512;grid-area:1/2/span 2;grid-template-rows:1fr auto 1fr;display:grid;position:relative;box-shadow:inset 0 0 16px #00000057}.backgammon-bar-zone{cursor:default;background:0 0;border:0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:3px;display:flex}.backgammon-bar-zone.top{align-items:flex-start;padding-top:10px}.backgammon-bar-zone.bottom{align-items:flex-end;padding-bottom:10px}.backgammon-bar-zone.source:not(:disabled){cursor:pointer;background:#edc15524}.backgammon-bar-zone.selected{box-shadow:inset 0 0 0 2px #f4cb6399}.backgammon-bar-zone .backgammon-checker{flex:none;width:88%}.backgammon-cube{aspect-ratio:1;color:#392d22;background:linear-gradient(145deg,#fff7e5,#d9c39b);border:1px solid #55432ea6;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:84%;margin-inline:auto;padding:3px;display:flex;box-shadow:0 5px 10px #00000052,inset 2px 2px 2px #ffffffb3}.backgammon-cube strong{font-family:Georgia,serif;font-size:clamp(16px,1.8vw,24px);line-height:.9}.backgammon-cube small{font-size:clamp(9px,.7vw,11px);font-weight:800;line-height:1}.backgammon-cube small:lang(en){font-family:Arial Narrow,Aptos Narrow,Roboto Condensed,sans-serif;font-stretch:75%}.backgammon-off-tray{background:linear-gradient(90deg,#36211c,#5c392c);border-left:2px solid #231512;grid-area:1/4/span 2;grid-template-rows:1fr auto 1fr;display:grid}.backgammon-off-zone{color:#ffedc7bd;font-family:var(--font-app-mono), monospace;justify-content:center;align-items:center;font-size:clamp(9px,1vw,14px);display:flex;position:relative;overflow:hidden}.backgammon-off-zone.top{align-items:flex-start;padding-top:8px}.backgammon-off-zone.bottom{align-items:flex-end;padding-bottom:8px}.backgammon-off-zone strong{z-index:2;position:relative}.backgammon-off-checker{opacity:.92;border-radius:99px;width:56%;min-height:10%;max-height:84%;position:absolute;left:22%}.backgammon-off-zone.top .backgammon-off-checker{top:6%}.backgammon-off-zone.bottom .backgammon-off-checker{bottom:6%}.backgammon-off-target{cursor:default;color:#ffebc485;font-family:var(--font-app-mono), monospace;text-transform:uppercase;background:#0000001f;border:1px solid #edcd8f33;border-radius:5px;margin:4px;padding:5px 2px;font-size:clamp(5px,.55vw,7px)}.backgammon-off-target.active:not(:disabled){cursor:pointer;color:#ffe5a4;background:#e8ba5338;border-color:#e8ba53;box-shadow:0 0 10px #e8ba533d}.backgammon-dice-rail{z-index:2;justify-content:center;align-items:center;gap:clamp(5px,.7vw,9px);height:clamp(30px,4.2vw,43px);display:flex;position:relative}.backgammon-die{color:#243844;background:linear-gradient(145deg,#fff9e9,#d9c7a3);border:1px solid #4a3824ad;border-radius:7px;place-items:center;width:clamp(27px,3.6vw,39px);height:clamp(27px,3.6vw,39px);font-size:clamp(23px,3.2vw,35px);line-height:1;display:grid;box-shadow:0 4px 8px #00000047,inset 2px 2px 2px #ffffffb3}.backgammon-die.used{opacity:.27;filter:grayscale(.7);transform:scale(.9)}.backgammon-dice-rail.rolling .backgammon-die{transform-origin:50% 65%;animation:.43s cubic-bezier(.3,.05,.28,1) infinite backgammon-die-roll}.backgammon-dice-rail.rolling .backgammon-die:nth-child(2){animation-direction:reverse;animation-delay:-170ms}.backgammon-dice-rail.settled .backgammon-die{animation:.52s cubic-bezier(.2,.9,.3,1) backgammon-die-land}@keyframes backgammon-die-roll{0%{transform:translate(-8px,1px)rotate(-18deg)scale(.9)}24%{transform:translate(-2px,-12px)rotate(72deg)scale(1.04)}50%{transform:translate(8px,-4px)rotate(166deg)scale(.94)}76%{transform:translate(2px,-15px)rotate(252deg)scale(1.02)}to{transform:translate(-8px,1px)rotate(342deg)scale(.9)}}@keyframes backgammon-die-land{0%{transform:translateY(-12px)rotate(-24deg)scale(1.06)}45%{transform:translateY(3px)rotate(4deg)scale(.96)}72%{transform:translateY(-3px)rotate(-2deg)scale(1.01)}to{transform:translateY(0)rotate(0)scale(1)}}.backgammon-dice-placeholder{color:#ffebc6d1;letter-spacing:.1em;font-size:clamp(13px,1.05vw,16px);font-weight:700;line-height:1}.backgammon-mini-checker{flex:0 0 16px;width:16px;height:16px}.backgammon-pipbar{background:#ffffff73;border:1px solid #30322b1f;border-radius:9px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0 0 12px;padding:8px 10px;display:grid}.backgammon-pipbar span{color:var(--ink-soft);align-items:baseline;gap:4px;font-size:9px;display:flex}.backgammon-pipbar span:last-child{justify-content:flex-end}.backgammon-pipbar strong{color:var(--ink);font-family:var(--font-app-mono), monospace;font-size:14px}.backgammon-pipbar small{font-size:7px}.backgammon-pipbar em{color:var(--red-dark);font-size:8px;font-style:normal;font-weight:700}.backgammon-actions{grid-template-columns:1fr 1fr}.backgammon-double-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.backgammon-double-actions button{border-radius:7px;padding:9px 7px;font-size:9px;font-weight:700}.backgammon-search-readout p{text-overflow:ellipsis;white-space:nowrap;line-height:1.5;overflow:hidden}@media (width>=851px),(width>=812px) and (height<=500px){.backgammon-board-frame{width:min(100%, calc((var(--board-vh) - clamp(12px, 2vh, 24px)) * 1.56));margin-inline:auto}}@media (width<=1080px){.game-layout.backgammon-layout{grid-template-columns:minmax(500px, 1fr) var(--game-sidebar-width)}}@media (width<=811px),(width<=850px) and (height>=501px){.backgammon-control-panel{display:block}}@media (width<=600px){.backgammon-board-frame{border-radius:11px;padding:6px}.backgammon-point-number{display:none}}@media (width<=850px){.backgammon-board-frame{width:min(100%, calc(var(--board-fit-height) * 1.56));margin-inline:auto}}
