/* Board games share the existing game dialog and its readable cream theme. */
#meal-enhancers .board-game{max-width:760px;min-width:0;margin:18px auto 24px;color:#233c32;font:400 18px/1.5 Arial,sans-serif}
#meal-enhancers .board-game__status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border:1px solid #b4bea8;border-left:6px solid #194c3d;border-radius:9px;background:#edf2e7;color:#194c3d;margin:0 0 14px}
#meal-enhancers .board-game__status strong{font:800 22px/1.35 Arial,sans-serif;letter-spacing:normal;text-transform:none}
#meal-enhancers .board-game__status span{font:500 16px/1.5 Arial,sans-serif}
#meal-enhancers .board-game__instruction,#meal-enhancers .board-local-note{color:#334b3e;font-size:18px;line-height:1.5;margin:14px 0}
#meal-enhancers .board-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:12px 18px;border:2px solid #194c3d;border-radius:8px;background:#194c3d;color:#fff9eb;font:750 18px/1.4 Arial,sans-serif;letter-spacing:normal;box-shadow:none;text-transform:none;text-decoration:none;cursor:pointer;white-space:normal}
#meal-enhancers .board-button--quiet{background:#fffdf5;color:#194c3d;border-color:#8c9d87}
#meal-enhancers .board-button:hover{background:#103a2e;color:#fff9eb}
#meal-enhancers .board-button[aria-pressed=true]{background:#f2d28a;color:#203c33;border-color:#203c33;box-shadow:inset 0 -3px 0 #a97021}
#meal-enhancers .board-button:disabled{background:#e0e5dc;color:#56634e;border-color:#a1ab97;cursor:default}
#meal-enhancers .chess-board-scroll{max-width:100%;overflow-x:auto;padding:5px 5px 12px;margin:0 -5px 8px;overscroll-behavior-x:contain}
#meal-enhancers .chess-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;min-width:0;max-width:min(576px,calc(100dvh - 440px));margin-inline:auto;overflow:hidden;border:4px solid #503e2f;border-radius:5px;background:#e9d8b8;box-sizing:border-box}
#meal-enhancers button.chess-square{position:relative;display:grid;place-items:center;width:100%;min-width:0;aspect-ratio:1;min-height:0;height:auto;overflow:hidden;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;line-height:1;touch-action:manipulation;cursor:pointer}
#meal-enhancers button.chess-square--light{background:#f2e5c9;color:#194c3d}
#meal-enhancers button.chess-square--dark{background:#78a08a;color:#17392c}
#meal-enhancers .chess-piece{display:block;width:86%;height:86%;overflow:visible;filter:drop-shadow(0 1px 0 #0002);pointer-events:none}
#meal-enhancers .chess-square__coordinate{position:absolute;left:3px;bottom:2px;font:800 10px/1 Arial,sans-serif;pointer-events:none;color:#17392c}
#meal-enhancers button.chess-square.is-selected{background:#f4cd6d;box-shadow:inset 0 0 0 4px #194c3d}
#meal-enhancers button.chess-square.is-legal::after{content:'';position:absolute;inset:34%;border:3px solid #194c3d;border-radius:50%;background:#fff7cd90;pointer-events:none}
#meal-enhancers button.chess-square.is-check{box-shadow:inset 0 0 0 4px #a63224;background:#e9b8a3}
#meal-enhancers button.chess-square:focus-visible{outline:4px solid #005c93;outline-offset:-4px;z-index:1}
#meal-enhancers .board-move-picker{padding:18px 0;margin:12px 0;border-top:1px solid #c2b69e;border-bottom:1px solid #c2b69e}
#meal-enhancers :is(.board-move-picker,.board-seat-picker)>label{display:grid;gap:8px;color:#233c32;font:750 18px/1.4 Arial,sans-serif;letter-spacing:normal;text-transform:none}
#meal-enhancers :is(.board-move-picker,.board-seat-picker) select{display:block;min-height:52px;width:100%;padding:12px;border:2px solid #8b9d85;border-radius:8px;background:#fffdf6;color:#233c32;font:500 18px/1.4 Arial,sans-serif}
#meal-enhancers .board-move-picker h4,#meal-enhancers .board-promotion h4{font:800 21px/1.4 Arial,sans-serif;color:#194c3d;margin:4px 0 14px}
#meal-enhancers :is(.board-move-options,.board-controls,.board-reset,.board-confirm){display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}
#meal-enhancers .board-move-options .board-button{flex:1 1 150px}
#meal-enhancers .board-help{padding:14px 0;border-top:1px solid #c2b69e;margin:18px 0 0;color:#233c32;background:transparent}
#meal-enhancers .board-help summary{min-height:44px;display:list-item;padding:8px 0;color:#194c3d;font:750 18px/1.5 Arial,sans-serif;cursor:pointer}
#meal-enhancers .board-help p{font-size:18px;line-height:1.6;color:#233c32}
#meal-enhancers .chess-move-history{display:flex;flex-wrap:wrap;gap:6px 12px;font-variant-numeric:tabular-nums}
#meal-enhancers .board-reset{padding-top:18px;border-top:1px solid #c2b69e}
#meal-enhancers :is(.board-reset,.board-confirm)>p{flex-basis:100%;margin:0;color:#233c32}
#meal-enhancers .board-promotion,#meal-enhancers .board-confirm{padding:18px;background:#f7e7bf;border:2px solid #96732f;border-radius:10px}
#meal-enhancers .backgammon-board{display:block;width:100%;height:auto;max-width:760px}
#meal-enhancers .backgammon-totals{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 0;font:750 17px/1.5 Arial,sans-serif;color:#233c32}
#meal-enhancers .backgammon-totals>span{display:flex;align-items:center;gap:6px}
#meal-enhancers .checker-dot{display:inline-block;width:20px;height:20px;border:2px solid #233c32;border-radius:50%}
#meal-enhancers .checker-dot--w{background:#fff9e8}
#meal-enhancers .checker-dot--b{background:#233c32}
#meal-enhancers .backgammon-dice{display:flex;gap:12px;margin-left:auto}
#meal-enhancers .backgammon-dice b{display:grid;place-items:center;width:48px;height:48px;background:#fffdf5;color:#233c32;border:2px solid #77563c;border-radius:9px;font:850 27px/1 Arial,sans-serif;box-shadow:0 3px 0 #d4c3a6}
#meal-enhancers .board-source-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#meal-enhancers .board-source-options .board-button{padding:10px 8px}
#meal-enhancers .board-dice-left{font:500 20px/1.5 Arial,sans-serif;color:#233c32}
#meal-enhancers .board-seat-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
#meal-enhancers .board-seat-picker>button,#meal-enhancers .board-seat-picker>p{grid-column:1/-1}
#meal-enhancers .board-room-people{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0}
#meal-enhancers .board-room-people>span{display:flex;align-items:center;gap:8px;color:#233c32}
#meal-enhancers .board-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
#meal-enhancers .board-players>div{display:flex;align-items:center;gap:10px;padding:12px;border:2px solid #c0c9b5;border-radius:10px;background:#fffdf5;color:#233c32;min-width:0}
#meal-enhancers .board-players>div.is-turn{border-color:#194c3d;background:#edf2e7}
#meal-enhancers .board-players strong{display:block;font:800 18px/1.4 Arial,sans-serif;overflow-wrap:anywhere}
#meal-enhancers .board-players small{display:block;font:500 16px/1.4 Arial,sans-serif}
#meal-enhancers .board-watching{padding:12px 16px;border:1px solid #b4bea8;border-radius:8px;background:#f2ecd9;color:#233c32}
#meal-enhancers .board-draw-controls{border-top:1px solid #c2b69e;padding-top:16px}
#meal-enhancers :is(.board-game-card,.shared-board-game) .meal-enhancers__card-head{padding:10px 0}
#meal-enhancers :is(.board-game-card,.shared-board-game) .meal-enhancers__card-head :is(h2,h3){margin:6px 0;font-size:32px}
#meal-enhancers .board-game-card .board-local-note{margin:12px 0;background:transparent}
#meal-enhancers .board-game-card .board-game__status{padding:12px 16px}
#meal-enhancers .board-game-card .board-game__instruction{margin:10px 0}
@media(max-width:600px){#meal-enhancers .board-game{margin-top:14px}#meal-enhancers .board-source-options{grid-template-columns:repeat(3,minmax(0,1fr))}#meal-enhancers .board-seat-picker{grid-template-columns:1fr}#meal-enhancers .board-players{grid-template-columns:1fr}#meal-enhancers .board-game__status{padding:12px}#meal-enhancers .board-game__status strong{font-size:21px}#meal-enhancers .board-button{font-size:17px}#meal-enhancers .board-controls .board-button{flex:1 1 auto}#meal-enhancers .board-move-picker{padding:14px 0}}
/* GastroMob tabletop collection: original logos, sculpted pieces and warm materials. */
#meal-enhancers.table-games-library :is(.board-game-card,.shared-board-game) .board-game-heading{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 20px;margin:0 0 18px;border:1px solid #46654a;border-bottom:3px solid #caa65d;border-radius:13px;background:linear-gradient(110deg,#153d2e,#285a40 70%,#163a29);box-shadow:0 4px 0 #0b2b1d,0 7px 18px #15362320;color:#fff7df}
#meal-enhancers .board-game-heading>a{display:block;line-height:0;background:#fff8e8;border:1px solid #cda95f;border-radius:9px;padding:3px;box-shadow:0 3px 5px #071a1350}
#meal-enhancers .board-game-heading img{display:block;width:100%;height:auto;object-fit:contain;opacity:1;filter:none;mix-blend-mode:normal}
#meal-enhancers .board-game-heading>div>span{color:#eed19c;font:750 12px/1.5 Arial,sans-serif;letter-spacing:.075em}
#meal-enhancers .board-game-heading :is(h2,h3){color:#fff9e8!important;font:850 clamp(29px,3.5vw,38px)/1.15 Arial,sans-serif!important;margin:4px 0!important;letter-spacing:-.02em}
#meal-enhancers .board-game-heading__edition{font:750 10px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#eed19c;max-width:110px;text-align:right}
#meal-enhancers .board-game__status{border-color:#c9b78f;border-left-color:#9a7136;background:linear-gradient(110deg,#f6edda,#fffaf0);box-shadow:0 2px 0 #e2d4b6,inset 0 1px 0 #fff}
#meal-enhancers .chess-board-scroll{padding:8px 10px 24px;margin-inline:-10px;perspective:1400px;overflow-y:hidden}
#meal-enhancers .chess-board{min-width:0;border-width:10px;border-color:#bc935e #5e3923 #694326 #d1ac76;border-radius:9px;box-shadow:0 9px 0 #462716,0 11px 0 #be9563,0 18px 20px #29180c38;transform-origin:center 90%}
#meal-enhancers .chess-board-scroll.is-angled .chess-board{transform:rotateX(5deg)}
#meal-enhancers button.chess-square--light{background:linear-gradient(130deg,#fff0d1,#e5ce9d);box-shadow:inset 0 0 9px #81602d0b}
#meal-enhancers button.chess-square--dark{background:linear-gradient(130deg,#779a7c,#557a5c);box-shadow:inset 0 0 8px #102c1620}
#meal-enhancers .chess-piece{width:91%;height:96%;filter:drop-shadow(2px 4px 2px #0d211c35);transition:transform .14s ease;transform:translateY(-2px);overflow:visible}
#meal-enhancers .chess-square__coordinate{color:#162f22;text-shadow:0 1px 0 #ffffff35;font-size:11px;z-index:2}
#meal-enhancers button.chess-square.is-selected{background:radial-gradient(ellipse at center,#fff1a8,#e5b955);box-shadow:inset 0 0 0 3px #153c2b,inset 0 0 12px #b48d34}
#meal-enhancers button.chess-square.is-selected .chess-piece{transform:translateY(-5px)}
#meal-enhancers button.chess-square.is-legal::after{inset:35%;border:2px solid #173e2c;background:radial-gradient(circle at 30% 25%,#fff6d8,#b28e45);box-shadow:0 2px 3px #102b2350}
#meal-enhancers button.chess-square.is-check{background:linear-gradient(135deg,#f4c8af,#df9b7d);box-shadow:inset 0 0 0 4px #a03425}
#meal-enhancers .board-button{background:linear-gradient(#2e6951,#184b3a);border-color:#153e2e;box-shadow:0 3px 0 #0d2d21,inset 0 1px 0 #ffffff38;transition:transform .12s ease,box-shadow .12s ease}
#meal-enhancers .board-button--quiet{background:linear-gradient(#fffdf4,#f1e7cf);border-color:#a08d65;color:#244633;box-shadow:0 3px 0 #c6b693,inset 0 1px 0 #fff}
#meal-enhancers .board-button[aria-pressed=true]{background:linear-gradient(#f6dc9c,#dfb45b);border-color:#8e692f;color:#243d2e;box-shadow:0 3px 0 #aa823e,inset 0 1px 0 #fff5c7}
#meal-enhancers .board-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #173b2c}
#meal-enhancers .board-button:disabled{background:#e5e7dc;color:#59674f;box-shadow:none;border-color:#b6bea8}
#meal-enhancers .backgammon-board-stage{perspective:1400px;padding:4px 0 12px;filter:drop-shadow(0 9px 7px #2d1b122a)}
#meal-enhancers .backgammon-board-stage.is-angled .backgammon-board{transform:rotateX(5deg);transform-origin:center 85%}
#meal-enhancers .backgammon-dice b.game-die{position:relative;width:54px;height:54px;padding:3px;background:radial-gradient(circle at 25% 20%,#fffef6,#eadabb 80%,#bda47c);border:1px solid #8b7350;border-radius:11px;box-shadow:3px 5px 0 #ae9264,5px 8px 7px #35241230,inset 0 0 0 2px #fff6dc;transform:rotate(-6deg)}
#meal-enhancers .backgammon-dice b.game-die:nth-child(2){transform:rotate(7deg)}
#meal-enhancers .game-die svg{display:block;width:100%;height:100%}
#meal-enhancers .game-die>span{position:absolute;right:3px;bottom:1px;font:750 10px/1 Arial,sans-serif;color:#56452d}
#meal-enhancers :is(.chess-king-crown,.backgammon-checker-logo){opacity:1;filter:none;mix-blend-mode:normal}
@media(hover:hover) and (pointer:fine){#meal-enhancers button.chess-square:hover .chess-piece{transform:translateY(-5px)}#meal-enhancers .board-button:hover:not(:disabled){transform:translateY(-1px)}}
@media(max-width:600px){#meal-enhancers.table-games-library :is(.board-game-card,.shared-board-game) .board-game-heading{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:13px 14px}#meal-enhancers .board-game-heading__edition{display:none}#meal-enhancers .board-game-heading>div>span{font-size:11px}#meal-enhancers .chess-board{min-width:0}#meal-enhancers .chess-piece{width:93%;height:96%}}
@media(prefers-reduced-motion:reduce){#meal-enhancers .chess-piece,#meal-enhancers .board-button{transition:none}#meal-enhancers .chess-square:hover .chess-piece{transform:translateY(-2px)}}
/* Backgammon moves happen on the board; the lower walnut rail holds the actions. */
#meal-enhancers .backgammon-board-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 10px 24px;margin:0 -10px 8px;overscroll-behavior-x:contain;scrollbar-width:thin}
#meal-enhancers .backgammon-board-stage{width:max(100%,600px);max-width:760px;margin-inline:auto;perspective:1400px;padding:4px 0 12px;filter:drop-shadow(0 9px 7px #2d1b122a)}
#meal-enhancers .backgammon-board{display:block;width:100%;min-width:600px;height:auto;max-width:760px}
#meal-enhancers .backgammon-board-stage.is-angled .backgammon-board{transform:rotateX(5deg);transform-origin:center 85%}
#meal-enhancers .backgammon-board [role=button]{cursor:pointer;outline:none;touch-action:manipulation}
#meal-enhancers .backgammon-board [role=button][aria-disabled=true]{cursor:default}
#meal-enhancers .backgammon-board g[role=button]:focus-visible{filter:drop-shadow(0 0 4px #005c93)}
#meal-enhancers .backgammon-point.is-selected>path{filter:drop-shadow(0 0 5px #fff0b0)}
#meal-enhancers .backgammon-point.is-legal>circle{filter:drop-shadow(0 1px 2px #10251d80)}
#meal-enhancers .backgammon-point.is-source:not(.is-selected)>path{stroke:#fff3c8;stroke-width:2}
#meal-enhancers .backgammon-bar.is-source>rect{stroke:#fff1b4;stroke-width:3}
#meal-enhancers .backgammon-bar.is-selected>rect{fill:#9f7835}
#meal-enhancers .backgammon-off-tray.is-legal,#meal-enhancers .backgammon-die-button.is-rollable{filter:drop-shadow(0 2px 3px #171e1545)}
#meal-enhancers .backgammon-off-tray.is-legal>rect{stroke:#fff1b4;stroke-width:3}
#meal-enhancers .backgammon-end-turn{cursor:pointer;filter:drop-shadow(0 2px 3px #171e1545)}
@media(max-width:600px){#meal-enhancers .backgammon-board-scroll{margin-inline:-10px}#meal-enhancers .backgammon-board-stage{margin-left:0;margin-right:0}}
/* Keep all 24 Backgammon points visible at once on narrow phone screens. */
@media(max-width:600px){
 #meal-enhancers .backgammon-board-scroll{overflow-x:hidden;padding:4px 0 12px;margin:0}
 #meal-enhancers .backgammon-board-stage{width:100%;min-width:0;margin-inline:auto}
 #meal-enhancers .backgammon-board{width:100%;min-width:0}
}

/* Phone fit: all squares remain visible; the large move picker stays available. */
#meal-enhancers .chess-board{max-width:576px}
@media(max-width:600px){
 #meal-enhancers .chess-board{border-width:5px;min-width:0;width:100%}
 #meal-enhancers .board-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}
 #meal-enhancers .board-players>div{padding:6px;gap:6px}
 #meal-enhancers .board-players strong{font-size:16px}
 #meal-enhancers .board-game-heading{margin-bottom:8px!important}
 #meal-enhancers .board-game__status{margin-bottom:8px;padding:10px}
 #meal-enhancers .board-game__instruction{font-size:16px;margin:8px 0}
 #meal-enhancers .board-local-note{font-size:16px;margin:8px 0}
}
