/* One coordinate system for artwork, checkers and hit targets in every theme. */
.game-page--backgammon.game-page--focus {
  --board-field:#12383c; --board-frame:#122c35; --board-frame-light:#d6b66a;
  --board-point-light:#e0bd71; --board-point-dark:#279f98;
  --board-material:repeating-linear-gradient(105deg,#ffffff04 0 2px,transparent 2px 7px);
  --checker-mine:#f8e5b8; --checker-other:#79342b;
  display:grid; grid-template-rows:minmax(0,1fr) auto; gap:6px;
  inline-size:100%; block-size:100dvh; min-block-size:0; margin:0;
  padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));
}
.game-page--backgammon.theme-backgammon-royal-populated { --board-field:#172e49; --board-point-light:#fff0ce; --board-point-dark:#6e91a7; --checker-other:#232b39; }
.game-page--backgammon.theme-backgammon-emerald { --board-field:#0d4c38; --board-frame:#123b2f; --board-frame-light:#e2bd73; --board-point-light:#f6e3b3; --board-point-dark:#65b398; --checker-other:#143b30; --board-material:image-set(url('/assets/themes/backgammon-emerald-texture-v1.webp') 1x,url('/assets/themes/backgammon-emerald-texture-v1@2x.webp') 2x,url('/assets/themes/backgammon-emerald-texture-v1@4x.webp') 4x); }
.game-page--backgammon.theme-backgammon-honey { --board-field:#a6733d; --board-frame:#532f20; --board-frame-light:#e1b66d; --board-point-light:#ffedbc; --board-point-dark:#693927; --checker-mine:#fff3d6; --checker-other:#3e241e; --board-material:image-set(url('/assets/themes/backgammon-honey-texture-v1.webp') 1x,url('/assets/themes/backgammon-honey-texture-v1@2x.webp') 2x,url('/assets/themes/backgammon-honey-texture-v1@4x.webp') 4x); }
.game-page--backgammon.game-page--focus .game-focus-stage {
  display:grid; grid-template-rows:auto minmax(180px,1fr) auto auto; gap:6px;
  min-inline-size:0; min-block-size:0; overflow:auto; padding:6px;
  background:#0b242d; background-image:radial-gradient(ellipse at top,#234c50,transparent 75%);
}
.game-page--backgammon.game-page--focus .game-side-dock { position:static; inset:auto; transform:none; justify-self:center; inline-size:min(420px,100%); padding:3px; box-shadow:none; }
.game-page--backgammon .game-dock-button { min-block-size:44px; }
body.is-backgammon .toast { pointer-events:none; inset-inline:auto; left:50%; top:max(66px,calc(env(safe-area-inset-top) + 66px)); bottom:auto; transform:translateX(-50%); inline-size:min(360px,calc(100vw - 24px)); padding:8px 12px; font-size:.75rem; animation:none; }
.game-page--backgammon.game-page--focus .backgammon-match-head { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:6px; margin:0; padding:2px 6px; min-block-size:50px; }
.game-page--backgammon .backgammon-player { min-inline-size:0; gap:7px; color:#fff5df; }
.game-page--backgammon .backgammon-player > span:last-child { min-inline-size:0; }
.game-page--backgammon .backgammon-player strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.75rem; }
.game-page--backgammon .backgammon-player small { display:block; font-size:.65rem; color:#b9d3ce; }
.game-page--backgammon .backgammon-player--mine { justify-content:flex-end; }
.game-page--backgammon.game-page--focus .backgammon-player .checker { flex-shrink:0; inline-size:26px; block-size:26px; margin:0; }
.backgammon-clock { position:relative; display:grid; grid-template-columns:auto auto; align-items:center; gap:7px; min-inline-size:92px; padding:3px 10px 8px; color:#fff2c6; background:#183e42; border:1px solid #cbb57477; border-radius:10px; overflow:hidden; }
.backgammon-clock strong { font-size:1.5rem; line-height:1.15; font-variant-numeric:tabular-nums; }
.backgammon-clock span { font-size:.7rem; }
.backgammon-clock i { position:absolute; bottom:0; right:0; width:calc(100% * var(--remaining,1)); height:3px; background:#e6c57b; transition:width .2s linear; }
.backgammon-clock.is-urgent { color:#ffe1d6; border-color:#ff967e; background:#6c2c25; }
.backgammon-clock.is-urgent i { background:#ffb196; }
.game-page--backgammon.game-page--focus .board-scroll { container-type:size; display:grid; place-items:center; min-block-size:180px; min-inline-size:0; inline-size:100%; overflow:visible; padding:4px; }
.game-page--backgammon.game-page--focus .backgammon-board {
  container-type:size; isolation:isolate; box-sizing:border-box; position:relative; direction:ltr;
  display:grid; grid-template-columns:9fr 37fr 8fr 37fr 9fr; grid-template-rows:minmax(0,1fr) 13% minmax(0,1fr);
  inline-size:min(100cqi,155cqb,1120px); block-size:min(100cqb,64.52cqi,723px); min-inline-size:0; min-block-size:0; max-block-size:none;
  padding:8px 3px; aspect-ratio:auto; overflow:hidden; border:6px solid var(--board-frame);
  background-color:var(--board-field); background-image:linear-gradient(#00000020,#00000020),var(--board-material); background-size:auto,512px 512px; background-blend-mode:normal;
  border-radius:12px; box-shadow:inset 0 0 0 2px var(--board-frame-light),0 4px 0 #030d1288,0 10px 24px #0005;
}
.game-page--backgammon.game-page--focus .backgammon-board::before { display:block; inset:2px; border:1px solid var(--board-frame-light); box-shadow:none; background:none; border-radius:5px; }
.game-page--backgammon.game-page--focus .backgammon-board::after { content:none; }
.game-page--backgammon.game-page--focus .board-quadrant { min-inline-size:0; min-block-size:0; grid-template-columns:repeat(6,minmax(0,1fr)); grid-template-rows:1fr; position:relative; z-index:2; }
.game-page--backgammon .board-quadrant--north-west { grid-area:1 / 2; }
.game-page--backgammon .board-quadrant--north-east { grid-area:1 / 4; }
.game-page--backgammon .board-quadrant--south-west { grid-area:3 / 2; }
.game-page--backgammon .board-quadrant--south-east { grid-area:3 / 4; }
.game-page--backgammon.game-page--focus .board-point { min-block-size:0; position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; padding:14px 0 3px; overflow:visible; touch-action:manipulation; border-radius:3px; }
.game-page--backgammon.game-page--focus .board-quadrant--bottom .board-point { justify-content:flex-end; padding:3px 0 14px; }
.game-page--backgammon.game-page--focus .board-point::before { display:block; inset:0; block-size:100%; inline-size:100%; clip-path:polygon(0 0,100% 0,50% 100%); }
.game-page--backgammon.game-page--focus .board-quadrant--bottom .board-point::before { clip-path:polygon(50% 0,100% 100%,0 100%); }
.game-page--backgammon.game-page--focus .checker { color:#302419; background:radial-gradient(circle at 34% 25%,#fff9,transparent 36%),radial-gradient(circle,var(--checker-mine) 0 61%,#a77d42 67%,var(--checker-mine) 77%); border-color:#916c3d; text-shadow:none; }
.game-page--backgammon.game-page--focus .checker--opponent { color:#fff9e2; background:radial-gradient(circle at 34% 25%,#fff4,transparent 36%),radial-gradient(circle,var(--checker-other) 0 61%,#171c1a 67%,var(--checker-other) 77%); border-color:#171b19; }
.game-page--backgammon.game-page--focus .board-point .checker { flex:0 0 auto; inline-size:min(6cqi,6.4cqb,44px); block-size:min(6cqi,6.4cqb,44px); margin:0; margin-block-start:-1px; box-shadow:inset 0 -2px 3px #0004,0 2px 2px #0007; font-size:clamp(.6rem,2cqi,.82rem); }
.game-page--backgammon .point-number { display:block; inset-inline-start:50%; transform:translateX(-50%); color:#fff6db; font-size:clamp(.56rem,1.8cqi,.74rem); line-height:1; text-shadow:0 1px 3px #000; }
.game-page--backgammon .board-point.is-source::after { inline-size:8px; block-size:8px; top:75%; box-shadow:0 0 0 2px #fff5; animation:none; }
.game-page--backgammon .board-quadrant--bottom .board-point.is-source::after { top:25%; }
.game-page--backgammon .board-point.is-destination::after { inline-size:16px; block-size:16px; top:50%; background:#1dd699; border-color:#fffbd9; }
.game-page--backgammon .board-point.is-selected { box-shadow:inset 0 0 0 2px #ffec94; background:#ffe6a42a; }
.game-page--backgammon.game-page--focus .board-bar { grid-area:1 / 3 / 4 / 4; z-index:1; padding:0; background:var(--board-frame); border-inline:1px solid var(--board-frame-light); border-block:0; }
.game-page--backgammon .bar-label { opacity:1; writing-mode:vertical-rl; color:var(--board-frame-light); font-size:.6rem; }
.game-page--backgammon.game-page--focus .capture-tray,.game-page--backgammon.game-page--focus .off-tray { grid-row:1 / 4; display:grid; grid-template-columns:1fr; grid-template-rows:1fr 1fr; gap:6px; padding:2px; min-block-size:0; background:color-mix(in srgb,var(--board-frame) 85%,black); border:0; }
.game-page--backgammon.game-page--focus .capture-slot,.game-page--backgammon.game-page--focus .off-slot { min-block-size:0; padding:2px 0; border:1px solid #f8d49155; border-radius:4px; background:#0003; align-content:center; gap:3px; }
.game-page--backgammon.game-page--focus .capture-slot small,.game-page--backgammon.game-page--focus .off-slot small { display:block; opacity:1; font-size:clamp(.5rem,1.7cqi,.68rem); line-height:1.3; white-space:normal; }
.game-page--backgammon .capture-slot > span,.game-page--backgammon .off-slot > span { font-size:.8rem; }
.game-page--backgammon .tray-checkers { min-block-size:0; }
.game-page--backgammon.game-page--focus .tray-checkers .checker { inline-size:min(5cqi,5cqb,28px); block-size:min(5cqi,5cqb,28px); margin-block-start:-6px; }
.game-page--backgammon .tray-checkers .checker:first-child { margin:0; }
.game-page--backgammon.game-page--focus .backgammon-dice-zone { z-index:5; inset:auto; left:73%; top:50%; inline-size:44%; block-size:13%; min-block-size:0; border:0; background:none; transform:translate(-50%,-50%); }
.game-page--backgammon.game-page--focus .backgammon-dice-zone::before { content:none; }
.game-page--backgammon.game-page--focus .backgammon-landed-dice { padding:0; display:flex; gap:8px; min-inline-size:0; background:none; border:0; box-shadow:none; backdrop-filter:none; }
.game-page--backgammon .backgammon-landed-dice small { display:none; }
.game-page--backgammon .dice-result-numbers { font-size:clamp(.72rem,2cqi,1.15rem); }
.game-page--backgammon .landed-dice-pair { gap:6px; }
.game-page--backgammon.game-page--focus .die { inline-size:clamp(20px,min(6cqi,8cqb),38px); block-size:clamp(20px,min(6cqi,8cqb),38px); padding:3px; border-width:1px; border-radius:5px; }
.game-page--backgammon .pip { inline-size:clamp(3px,1cqi,6px); block-size:clamp(3px,1cqi,6px); }
.game-page--backgammon.game-page--focus .backgammon-controls { position:static; display:grid; grid-template-columns:minmax(0,1fr); gap:6px; min-block-size:0; margin:0; padding:8px; color:#ecf3e8; background:#12383c; border:1px solid #9dc9b74d; border-radius:10px; }
.backgammon-status { display:flex; align-items:center; gap:8px; min-inline-size:0; }
.backgammon-status p { flex:1; min-inline-size:0; margin:0; font-size:.74rem; line-height:1.6; }
.backgammon-sound { flex:none; min-block-size:36px; padding:4px 7px; color:#dae9df; background:transparent; border:1px solid #aacebe44; border-radius:7px; font:inherit; font-size:.66rem; cursor:pointer; }
.backgammon-turn-actions { display:grid; grid-template-columns:1fr .75fr 1.35fr; gap:6px; min-inline-size:0; }
.game-page--backgammon.game-page--focus .backgammon-turn-actions .btn { grid-column:auto; inline-size:100%; min-inline-size:0; min-block-size:44px; padding:6px; font-size:clamp(.66rem,1.8vw,.82rem); line-height:1.4; white-space:normal; }
.backgammon-turn-actions .btn:disabled { opacity:.46; cursor:default; }
.backgammon-turn-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:2px 8px; color:#bbd5c8; font-size:.63rem; }
.game-page--backgammon.game-page--focus .legal-moves { position:static; inset:auto; margin:0; inline-size:auto; block-size:auto; clip:auto; overflow:visible; color:#cddfd5; font-size:.72rem; }
.game-page--backgammon.game-page--focus .legal-moves summary { position:static; inline-size:auto; block-size:auto; min-block-size:32px; margin:0; padding:6px; clip:auto; overflow:visible; }
.game-page--backgammon.game-page--focus .legal-moves > div { display:flex; flex-wrap:nowrap; gap:6px; max-inline-size:100%; overflow-x:auto; padding:4px; margin:0; background:#102f32; border-radius:8px; }
.game-page--backgammon.game-page--focus .legal-move { flex:0 0 auto; min-block-size:44px; padding:7px 10px; color:#21332c; background:#fff1cc; font-size:.75rem; border-radius:6px; }
.game-page--backgammon .game-drawer { inset-block:auto 65px; max-block-size:calc(100dvh - 80px); }
.game-theme-swatch--backgammon-emerald { background:url('/assets/themes/backgammon-emerald-texture-v1.webp') center/cover; border-color:#d8b366; }
.game-theme-swatch--backgammon-honey { background:url('/assets/themes/backgammon-honey-texture-v1.webp') center/cover; border-color:#f1cc8c; }

/* The palm and held dice share a transform until release, then the dice fly alone. */
.game-page--backgammon .backgammon-board > .dice-throw { z-index:12; direction:ltr; --dice-zone-x:73%; --dice-zone-y:50%; filter:none; }
.game-page--backgammon .dice-palm { position:absolute; left:50%; top:100%; inline-size:clamp(150px,56cqi,280px); aspect-ratio:1; transform:translate(-50%,0); animation:bg-palm var(--roll-duration) linear both; animation-delay:var(--roll-offset); }
.game-page--backgammon.game-page--focus .dice-throw-hand { position:static; display:block; inline-size:100%; block-size:100%; max-block-size:none; opacity:1; transform:none; animation:none !important; filter:drop-shadow(0 8px 6px #0005); }
.game-page--backgammon .palm-dice { position:absolute; left:49%; top:47%; display:flex; gap:4px; transform:translate(-50%,-50%) rotate(-9deg); animation:bg-held-dice var(--roll-duration) linear both; animation-delay:var(--roll-offset); }
.game-page--backgammon .palm-dice .die { inline-size:clamp(18px,5cqi,30px); block-size:clamp(18px,5cqi,30px); }
.game-page--backgammon .dice-flight { inset-inline-start:auto; left:73%; top:50%; right:auto; opacity:0; }
.game-page--backgammon .dice-flight--one { animation:bg-die-one var(--roll-duration) linear both !important; animation-delay:var(--roll-offset) !important; }
.game-page--backgammon .dice-flight--two { animation:bg-die-two var(--roll-duration) linear both !important; animation-delay:var(--roll-offset) !important; }
.game-page--backgammon .dice-flight .die { animation:none; }
.game-page--backgammon .dice-impact { inset-inline-start:auto; left:73%; top:50%; right:auto; border-color:#ffe2a0; animation:bg-impact var(--roll-duration) linear both; animation-delay:var(--roll-offset); }
@keyframes bg-palm { 0% { top:105%; opacity:0; transform:translate(-50%,0) rotate(0); } 18%,30% { top:55%; opacity:1; transform:translate(-50%,-15%) rotate(-5deg); } 35% { top:53%; transform:translate(-48%,-15%) rotate(5deg); } 42% { top:55%; transform:translate(-52%,-15%) rotate(-6deg); } 49% { top:52%; transform:translate(-50%,-15%) rotate(-3deg); } 55% { top:48%; transform:translate(-45%,-20%) rotate(12deg) scaleY(.88); opacity:1; } 78%,100% { top:108%; transform:translate(-50%,0) rotate(12deg); opacity:0; } }
@keyframes bg-held-dice { 0%,49% { opacity:1; } 50%,100% { opacity:0; } }
@keyframes bg-die-one { 0%,49% { opacity:0; transform:translate(-120%,260%) rotate(0); } 50% { opacity:1; transform:translate(-120%,260%) rotate(0); } 57% { transform:translate(-115%,-130%) rotate(150deg) scale(1.18); } 63% { transform:translate(-105%,-45%) rotate(320deg); } 68% { transform:translate(-90%,-115%) rotate(400deg); } 74% { transform:translate(-85%,-45%) rotate(470deg); } 80% { transform:translate(-82%,-75%) rotate(540deg); } 88%,100% { opacity:1; transform:translate(-80%,-50%) rotate(720deg); } }
@keyframes bg-die-two { 0%,49% { opacity:0; transform:translate(-50%,240%) rotate(0); } 50% { opacity:1; transform:translate(-50%,240%) rotate(0); } 59% { transform:translate(20%,-145%) rotate(-180deg) scale(1.15); } 67% { transform:translate(35%,-35%) rotate(-300deg); } 73% { transform:translate(40%,-105%) rotate(-410deg); } 79% { transform:translate(40%,-35%) rotate(-520deg); } 85% { transform:translate(40%,-62%) rotate(-640deg); } 91%,100% { opacity:1; transform:translate(40%,-40%) rotate(-712deg); } }
@keyframes bg-impact { 0%,62% { opacity:0; transform:translate(-50%,-50%) scale(.3); } 64% { opacity:.7; } 79%,100% { opacity:0; transform:translate(-50%,-50%) scale(1.6); } }
@media (max-aspect-ratio: 4/5) {
  .game-page--backgammon.game-page--focus .backgammon-board { inline-size:min(100cqi,100cqb); block-size:min(100cqb,142.86cqi); }
}
@media (max-height: 500px) and (min-aspect-ratio: 1/1) {
  .game-page--backgammon.game-page--focus { grid-template-columns:minmax(0,1fr) 54px; grid-template-rows:minmax(0,1fr); gap:4px; }
  .game-page--backgammon.game-page--focus .game-side-dock { grid-template-columns:1fr; grid-auto-flow:row; align-self:center; inline-size:54px; }
  .game-page--backgammon.game-page--focus .game-focus-stage { grid-template-columns:minmax(0,1fr) minmax(174px,24%); grid-template-rows:auto minmax(180px,1fr); gap:4px; padding:4px; }
  .game-page--backgammon.game-page--focus .backgammon-match-head { grid-column:1 / -1; min-block-size:42px; }
  .game-page--backgammon.game-page--focus .board-scroll { grid-column:1; grid-row:2; }
  .game-page--backgammon.game-page--focus .backgammon-controls { grid-column:2; grid-row:2; align-self:center; }
  .backgammon-status { flex-wrap:wrap; }
  .backgammon-status p { flex-basis:100%; }
  .backgammon-turn-actions { grid-template-columns:1fr 1fr; }
  .backgammon-turn-actions .backgammon-buy-time { grid-column:1 / -1 !important; }
  .game-page--backgammon.game-page--focus .legal-moves { grid-column:1 / -1; }
  .game-page--backgammon .game-drawer { inset-block:auto 8px; max-block-size:calc(100dvh - 16px); }
}
@media (prefers-reduced-motion: reduce) {
  .game-page--backgammon .dice-palm { animation-name:bg-palm-reduced; }
  .game-page--backgammon .dice-flight--one,.game-page--backgammon .dice-flight--two { animation-name:bg-dice-reduced !important; }
  .game-page--backgammon .dice-flight--one { transform:translate(-80%,-50%); }
  .game-page--backgammon .dice-flight--two { transform:translate(40%,-40%); }
  .game-page--backgammon .dice-impact { display:none; }
  .backgammon-clock i { transition:none; }
}
@keyframes bg-palm-reduced { 0%,49% { top:55%; transform:translate(-50%,-15%); opacity:1; } 50%,100% { top:55%; transform:translate(-50%,-15%); opacity:0; } }
@keyframes bg-dice-reduced { 0%,49% { opacity:0; } 50%,100% { opacity:1; } }

/* Royal and neon use the supplied material, point, frame and checker atlases.
   Artwork is clipped by its own SVG viewport; the 24 live hit targets stay on
   the shared grid. No filters recolour the user's artwork. */
.game-page--backgammon:is(.theme-backgammon-royal-empty,.theme-backgammon-royal-populated) {
  --board-field:#30271f; --board-frame:#1c1712; --board-frame-light:#e6b844;
  --board-point-light:#e8b944; --board-point-dark:#168e94;
  --checker-sprite:url('/assets/themes/backgammon-royal-checkers-v001.webp');
  --checker-size:412.37% 412.37%; --checker-position:30.7% 47.2%; --checker-other-position:69.9% 47.2%;
}
.game-page--backgammon.theme-backgammon-neon {
  --board-field:#04090f; --board-frame:#050d19; --board-frame-light:#3cc9ff;
  --board-point-light:#ff2438; --board-point-dark:#1588ff;
  --checker-sprite:url('/assets/themes/backgammon-neon-checkers-v1.png');
  --checker-size:222.61% 148.41%; --checker-position:5.9% 44%; --checker-other-position:93.9% 44%;
}
.game-page--backgammon.game-page--focus .backgammon-board[data-reference-art] {
  padding:max(8px,2.8cqb) max(3px,1.2cqi); border:0; border-radius:5px;
  background:var(--board-field); box-shadow:0 5px 0 #030408,0 9px 20px #0009;
}
.game-page--backgammon.game-page--focus .backgammon-board[data-reference-art]::before { content:none; }
.backgammon-reference-frame,.board-material-art { position:absolute; inset:0; inline-size:100%; block-size:100%; pointer-events:none; z-index:0; }
.board-edge-art { position:absolute; pointer-events:none; z-index:1; }
.board-edge-art--top,.board-edge-art--bottom { left:0; inline-size:100%; block-size:5%; }
.board-edge-art--top { top:0; }
.board-edge-art--bottom { bottom:0; }
.board-edge-art--left,.board-edge-art--right { top:0; inline-size:2.8%; block-size:100%; }
.board-edge-art--left { left:0; }
.board-edge-art--right { right:0; }
.board-corner-art { position:absolute; inline-size:min(15%,64px); block-size:auto; aspect-ratio:143/154; z-index:2; pointer-events:none; }
.board-corner-art--0 { top:0; left:0; }
.board-corner-art--1 { top:0; right:0; }
.board-corner-art--2 { bottom:0; left:0; }
.board-corner-art--3 { bottom:0; right:0; }
.board-point-art { position:absolute; inset:0; inline-size:100%; block-size:100%; z-index:-1; pointer-events:none; }
.board-point-art--bottom { transform:rotate(180deg); }
.game-page--backgammon.game-page--focus [data-reference-art] .board-point::before { content:none; }
.game-page--backgammon.game-page--focus [data-reference-art] .board-bar { background:#090b0b; border:0; overflow:visible; }
.board-bar-art { position:absolute; top:0; left:0; inline-size:100%; block-size:50%; pointer-events:none; }
.board-bar-art--bottom { top:auto; bottom:0; transform:rotate(180deg); }
.board-medallion-art { position:absolute; left:50%; top:50%; inline-size:170%; block-size:auto; aspect-ratio:1; transform:translate(-50%,-50%); pointer-events:none; z-index:3; }
.game-page--backgammon.game-page--focus [data-reference-art] .capture-tray,
.game-page--backgammon.game-page--focus [data-reference-art] .off-tray { background:transparent; padding:8% 12%; gap:13%; }
.game-page--backgammon.game-page--focus [data-reference-art] .capture-slot,
.game-page--backgammon.game-page--focus [data-reference-art] .off-slot { background:#020507e8; border:1px solid var(--board-frame-light); box-shadow:0 0 0 2px #02070b,inset 0 0 0 2px #b18a3133; color:#fff0c9; }
.game-page--backgammon.game-page--focus:is(.theme-backgammon-royal-empty,.theme-backgammon-royal-populated,.theme-backgammon-neon) .checker {
  background-image:var(--checker-sprite); background-size:var(--checker-size); background-position:var(--checker-position); background-repeat:no-repeat;
  border:0; background-color:var(--board-frame); color:#fff; text-shadow:0 1px 2px #000,0 0 4px #000; box-shadow:0 2px 3px #0009;
}
.game-page--backgammon.game-page--focus:is(.theme-backgammon-royal-empty,.theme-backgammon-royal-populated,.theme-backgammon-neon) .checker--opponent { background-position:var(--checker-other-position); }
.game-page--backgammon.game-page--focus:is(.theme-backgammon-royal-empty,.theme-backgammon-royal-populated,.theme-backgammon-neon) .checker::before { content:none; }
.game-page--backgammon.game-page--focus.theme-backgammon-neon .game-focus-stage { background:#050c18; background-image:radial-gradient(ellipse at top,#102b4b,transparent 75%); }
.theme-backgammon-neon .backgammon-clock,.game-page--backgammon.game-page--focus.theme-backgammon-neon .backgammon-controls { background:#071b2d; border-color:#2280bc; }
.game-theme-swatch--backgammon-neon { background:url('/assets/themes/backgammon-neon-empty-v1.jpg') center 44%/cover; border-color:#39c5ff; }