/* Fixed camera, not a scrolling chain. No external fonts, textures or animation loop. */
.domino-game{height:min(610px,calc(100dvh - 245px));min-height:290px;display:grid;grid-template-rows:auto minmax(80px,1fr) auto auto;gap:7px;color:#f5ead2;min-width:0}
.domino-seats{display:flex;gap:5px}.domino-seats>div{flex:1;min-width:0;padding:5px 8px;border:1px solid #697c7355;border-radius:7px;background:#142e30}.domino-seats b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.domino-seats small{display:block;font-size:12px;color:#becdc1}.domino-seats .acting{border-color:#e5c77a;background:#3c4934;box-shadow:inset 0 -2px #d7b55e}
.domino-camera{position:relative;isolation:isolate;overflow:hidden;min-height:0;border:2px solid #9a8253;border-radius:13px;background:radial-gradient(ellipse at 50% 30%,#285952,#132f31 85%);box-shadow:inset 0 0 55px #0005,0 5px 12px #0003;touch-action:none;cursor:grab;user-select:none}.domino-camera:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff1 0,transparent 1px,transparent 4px);opacity:.13;z-index:-1}.domino-camera.panning{cursor:grabbing}.domino-world{position:absolute;left:50%;top:55%;width:0;height:0;transform-origin:0 0;will-change:transform}.domino-links{position:absolute;width:1px;height:1px;overflow:visible;pointer-events:none}.domino-links polyline{stroke:#b8995a99;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.domino-laid{position:absolute;width:86px;height:42px;transform:translate(-50%,-50%) rotate(var(--tile-angle));filter:drop-shadow(2px 4px 2px #0006)}
.domino-face{display:flex;width:100%;height:100%;border:1px solid #bca67c;border-radius:6px;background:linear-gradient(145deg,#fff9df,#e9dbb8);box-shadow:inset 0 1px #fff,inset 0 -3px #c5b58f;color:#182722;overflow:hidden}.domino-half{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;flex:1;padding:6px}.domino-half+.domino-half{border-left:1px solid #ae9d7a}.domino-half i{display:block;aspect-ratio:1;border-radius:50%;min-height:0}.domino-half i.pip{background:radial-gradient(circle at 35% 28%,#435047,#13221e 70%);box-shadow:inset 0 1px 1px #0008}
.domino-camera-tools{position:absolute;left:7px;right:7px;top:6px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:5px;pointer-events:none}.domino-camera-tools>span{font-size:12px;font-weight:700;color:#e7dcc0;text-shadow:0 1px 3px #000}.domino-camera-tools>div{display:flex;gap:4px;pointer-events:auto}.domino-camera-tools button{min-height:30px;min-width:30px;padding:3px 7px;border:1px solid #c1a4669c;border-radius:6px;background:#122e2eea;font-size:13px;color:#f9e5b0}.domino-table-note{position:absolute;bottom:7px;left:10px;font-size:11px;letter-spacing:1px;color:#d3dac8;pointer-events:none}.domino-empty{position:absolute;transform:translate(-50%,-50%);width:230px;text-align:center;color:#e4d4ad;font-size:16px}
.domino-rack{min-width:0;border-radius:10px;background:linear-gradient(#253638,#132329);border:1px solid #ac915755;padding:6px 9px}.domino-rack-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:5px}.domino-rack-label>span{font-size:12px;color:#c9ceba;display:flex;align-items:center;gap:6px}.domino-rack-label button{min-height:24px;min-width:28px;padding:0 6px;font-size:16px}.domino-hand{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.domino-choice{padding:0;min-width:0;height:65px;max-width:48px;justify-self:center;width:100%;min-height:0;border:2px solid transparent;background:none;border-radius:7px;opacity:.55}.domino-choice .domino-face{flex-direction:column}.domino-choice .domino-half{padding:4px 8px;gap:1px;min-height:0}.domino-choice .domino-half+.domino-half{border-left:0;border-top:1px solid #ae9d7a}.domino-choice.playable{opacity:1;border-color:#e7ca8260;box-shadow:0 0 9px #d8bf5b35}.domino-choice.selected{outline:2px solid #fff0ac;outline-offset:2px;background:none;box-shadow:0 0 15px #e3c86f77}.domino-choice:disabled{opacity:.5}.domino-message{font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.2em;margin:0 0 5px;color:#eee1bd}.domino-actions{display:flex;gap:7px}.domino-actions>button{flex:1;min-width:0;min-height:38px;padding:5px 8px;font-size:15px}.domino-play.ready{background:linear-gradient(#ecd398,#c8a761);color:#182923;border-color:#f3dda6;font-weight:750}.domino-play b{display:inline-grid;place-items:center;background:#142d2b;color:#fff0b8;border-radius:4px;width:1.3em;height:1.3em;margin-left:4px}
.domino-watching .domino-hand{opacity:.8}.domino-watching .domino-actions>.domino-play{display:none}.domino-watch-controls{display:flex;gap:6px}.domino-watch-controls button{min-height:28px;padding:3px 9px;font-size:12px}
.moap-shell[data-game-key="dominoes"]>.content{display:flex;flex-direction:column;overflow:auto}.moap-shell[data-game-key="dominoes"] .domino-game{flex:1;height:auto;min-height:0;gap:.25rem}.moap-shell[data-game-key="dominoes"] .game-toolbar{flex:none}.moap-shell[data-game-key="dominoes"] .domino-seats>div{padding:.2rem .3rem}.moap-shell[data-game-key="dominoes"] .domino-seats b{font-size:.77rem}.moap-shell[data-game-key="dominoes"] .domino-seats small{font-size:.67rem}.moap-shell[data-game-key="dominoes"] .domino-camera-tools>span{font-size:.66rem}.moap-shell[data-game-key="dominoes"] .domino-camera-tools button{font-size:.7rem;min-height:1.3rem;min-width:1.3rem;padding:.1rem .2rem}.moap-shell[data-game-key="dominoes"] .domino-table-note{font-size:.58rem}.moap-shell[data-game-key="dominoes"] .domino-rack{padding:.25rem .35rem}.moap-shell[data-game-key="dominoes"] .domino-rack-label{font-size:.75rem;margin-bottom:.2rem}.moap-shell[data-game-key="dominoes"] .domino-rack-label>span{font-size:.65rem}.moap-shell[data-game-key="dominoes"] .domino-rack-label button{min-height:1rem;min-width:1.2rem;font-size:.85rem}.moap-shell[data-game-key="dominoes"] .domino-choice{height:3rem;max-width:2rem;min-height:0}.moap-shell[data-game-key="dominoes"] .domino-choice .domino-half{padding:.2rem .32rem}.moap-shell[data-game-key="dominoes"] .domino-actions>button{font-size:.85rem;min-height:1.8rem;padding:.2rem}.moap-shell[data-game-key="dominoes"] .domino-message{font-size:.73rem;margin-bottom:.2rem}.moap-shell[data-game-key="dominoes"] .domino-watch-controls button{font-size:.7rem;min-height:1.3rem;padding:.15rem .4rem}
.bot-trial-note{color:#f1d99b;font-size:13px;margin:6px 0}.moap-shell .bot-trial-note{font-size:.73rem;margin:.25rem 0}
.domino-banter{position:absolute;left:10px;right:10px;bottom:27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#fae1a3;pointer-events:none;text-shadow:0 1px 3px #000}.moap-shell .domino-banter{font-size:.64rem;bottom:1.2rem}
.moap-shell[data-game-key="dominoes"] .domino-actions{padding-right:2.8rem}
/* Trials expose more characters: two compact rows plus paging, not a taller list. */
.moap-shell .bot-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.moap-shell .bot-choice{min-height:5.1rem;padding:.35rem .15rem;gap:.2rem}.moap-shell .bot-choice .portrait{width:2.5rem;height:2.5rem}.moap-shell .bot-choice b{font-size:1.04rem}.moap-shell .bot-choice small{font-size:.71rem}
.domino-options{position:relative;pointer-events:auto;cursor:default}.domino-options summary{display:grid;place-items:center;list-style:none;border:1px solid #bba069;background:#122e2e;border-radius:6px;width:30px;height:30px;cursor:pointer}.domino-options summary::-webkit-details-marker{display:none}.domino-options>div{position:absolute;right:0;top:35px;width:min(360px,75vw);max-height:250px;overflow:auto;padding:10px;background:#122b2ff5;border:1px solid #d8bc79;border-radius:8px;box-shadow:0 10px 25px #0009}.domino-options .tt-controls{display:flex;flex-wrap:wrap;gap:5px;margin:0}.domino-options .tt-feed{font-size:12px}.domino-options .tt-history ol{padding-left:18px}
@media(max-width:440px){.domino-camera-tools>span{max-width:90px;line-height:1.1}.domino-camera-tools button{padding:3px 5px}.domino-hand{gap:4px}}