.board-score{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 18px;font-size:.9rem}.gold-player{color:#f3d894}.red-player{color:#f3adab}.board-help{font-size:.86rem;color:#cecabd;text-align:center;line-height:1.55}.board-turn{text-align:center;font-size:1.1rem;color:#f6df9f;font-weight:650}.board-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:18px auto;max-width:900px}.board-actions button{min-height:42px;padding:9px 13px}.checker-grid{display:grid;grid-template-columns:repeat(8,1fr);max-width:540px;width:100%;margin:auto;border:10px solid #44321d;box-shadow:0 16px 35px #0008;border-radius:8px;overflow:hidden}.checker-square{position:relative;aspect-ratio:1;border:0!important;border-radius:0!important;padding:8%!important;min-height:0!important;display:flex;align-items:center;justify-content:center;opacity:1!important}.checker-square.dark{background:#162d25}.checker-square.light{background:#d4be8d}.checker-square small{position:absolute;top:2px;left:4px;font-size:9px;opacity:.5;color:#fff}.checker-square.light small{color:#211d17}.checker-piece{display:flex;width:100%;aspect-ratio:1;border-radius:50%;align-items:center;justify-content:center;box-shadow:inset 0 0 0 4px #0002,inset 0 0 0 7px #ffffff20,0 3px 3px #0007;font-style:normal;font-size:clamp(16px,3vw,32px);border:2px solid #96723c}.checker-piece.ivory{background:radial-gradient(circle at 30% 25%,#fff4ce,#cfa552);color:#3c2c13}.checker-piece.ruby{background:radial-gradient(circle at 30% 25%,#e46e62,#822b27);border-color:#c16247;color:#fff0c6}.chosen{outline:3px solid #fff0a1!important;outline-offset:-4px}.destination{box-shadow:inset 0 0 0 4px #e9cd72!important}.destination:after{content:'';position:absolute;inset:37%;border-radius:50%;background:#f7d577}.four-controls,.four-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-width:560px;margin:auto}.four-controls{margin-bottom:10px}.four-controls button{padding:8px 0!important;min-width:0;min-height:38px}.four-grid{padding:18px;border:5px solid #a5844e;border-radius:14px;background:#123c34;box-shadow:0 16px 35px #0008}.four-cell{border-radius:50%;aspect-ratio:1;background:#071310;box-shadow:inset 0 3px 8px #000}.four-cell.gold-disc{background:radial-gradient(circle at 35% 30%,#fff0b6,#c39335);box-shadow:inset 0 0 0 5px #0002}.four-cell.ruby-disc{background:radial-gradient(circle at 35% 30%,#e7655f,#8a2728);box-shadow:inset 0 0 0 5px #0002}.domino-chain{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;min-height:160px;padding:24px;background:#103b30;border:4px solid #a28346;border-radius:18px}.domino{display:inline-flex;flex-direction:column;min-width:38px;min-height:72px;color:#17231c;background:#f1e7c9;border:2px solid #a99a71;border-radius:6px;box-shadow:0 3px 3px #0007;text-align:center}.domino b{padding:4px 9px;line-height:1.25;font-size:20px}.domino b+b{border-top:1px solid #8c815f}.domino-chain .domino{flex-direction:row;min-width:64px;min-height:35px}.domino-chain .domino b+b{border-top:0;border-left:1px solid #8c815f}.domino-hand{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.domino-hand button{padding:5px!important;background:transparent!important}.tile-back{background:#4a3120;color:#d8c397}.tile-back b{font-size:10px}.end-label{font-size:11px;color:#dec78b;padding:8px}.dice-panel{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px}.dice-panel strong{font-size:1.5rem;color:#ead3a4}.backgammon-board{max-width:850px;margin:auto;background:#ddc895;border:10px solid #5b3825;border-radius:12px;box-shadow:0 16px 35px #0008;overflow:hidden}.bg-row{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;padding:4px 8px}.bg-point{position:relative;aspect-ratio:.24;padding:20px 2px 2px!important;border:0!important;border-radius:0!important;min-height:0!important;background:transparent!important;opacity:1!important;display:flex;flex-direction:column;align-items:center}.bg-point:before{content:'';position:absolute;inset:0;background:#81442e;clip-path:polygon(0 0,100% 0,50% 100%)}.bg-point.ochre:before{background:#a08038}.bg-point small{position:absolute;top:1px;z-index:2;color:white;font-size:10px}.bg-stack{display:flex;flex-direction:column;position:relative;z-index:1;width:100%;gap:1px}.bg-point .checker-piece{width:100%;border-width:1px;flex:none;box-shadow:inset 0 0 0 3px #0002,0 1px 2px #0008}.bg-row.lower .bg-point{transform:rotate(180deg)}.bg-row.lower small,.bg-row.lower .bg-count{transform:rotate(180deg)}.bg-count{position:absolute;bottom:3px;background:#191711;color:white;border-radius:50%;padding:3px;font-size:11px;z-index:2}.bg-bar{background:#5b3825;display:flex;justify-content:space-around;align-items:center;gap:10px;color:#ead3a4;padding:8px;font-size:.8rem;flex-wrap:wrap}.bg-bar button{padding:6px 10px!important;min-height:32px}.backgammon-board .destination:after{z-index:4}.board-stage{min-height:320px}@media(max-width:600px){.checker-grid{border-width:6px}.four-grid{padding:10px;gap:5px}.four-controls{gap:5px}.backgammon-board{border-width:5px}.bg-row{gap:1px;padding:3px}.bg-point{padding-top:14px!important}.bg-point small{font-size:8px}.bg-bar{font-size:.7rem}.board-actions button{font-size:.78rem}.checker-square small{font-size:7px}}

/* Felt choices color the playing surface; the room floor stays polished stone. */
.checker-square.dark,.four-grid,.domino-chain{background:var(--felt,#123c30)}.bg-bar{background:var(--felt,#5b3825)}