:root{--ivory:#fff9df;--baize:#174c37;--brass:#c99c45;--timber:#3b2419}.domino-page{background:#efe4ca;color:#211b16}.domino-hero{padding:1rem max(1rem,calc((100% - 1180px)/2));background:#183b2d;color:#fff}.domino-hero h1{margin:.2rem 0}.domino-shell{max-width:1180px;margin:auto;padding:1rem}.domino-play{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:1rem}.domino-table{background:linear-gradient(135deg,#0d3828,var(--baize));border:12px solid var(--timber);box-shadow:inset 0 0 0 3px var(--brass),0 8px 25px #3218;border-radius:18px;padding:1rem;min-height:420px;color:#fff}.turn-strip{display:flex;justify-content:space-between;gap:.5rem;align-items:center;background:#08291e;padding:.55rem .8rem;border-radius:9px}.table-board{min-height:220px;display:grid;place-items:center;padding:1rem 0}.domino-chain{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:2px;max-width:100%}.domino{position:relative;display:inline-flex;width:36px;height:72px;background:var(--ivory);border:1px solid #756c55;border-radius:6px;box-shadow:1px 2px 3px #0007;flex-direction:column;padding:2px;color:#111;flex:none}.domino.crosswise{transform:rotate(90deg);margin:18px}.domino-half{position:relative;flex:1}.domino>b{height:1px;background:#332b22}.domino>em{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--brass);left:50%;top:50%;transform:translate(-50%,-50%)}.domino-half i{position:absolute;width:6px;height:6px;background:#171717;border-radius:50%;left:calc(var(--pip-x)*50%);top:calc(var(--pip-y)*50%);transform:translate(-50%,-50%);box-shadow:inset 0 1px 1px #fff5}.player-hand{display:flex;gap:.35rem;overflow-x:auto;padding:.7rem 0;min-height:90px}.hand-tile{border:2px solid transparent;background:transparent;border-radius:8px;padding:4px;min-width:48px;min-height:80px}.hand-tile.legal{border-color:#f4cf72;background:#fff2}.hand-tile:focus-visible{outline:4px solid #fff;outline-offset:2px}.actions{display:flex;gap:.5rem;flex-wrap:wrap;min-height:48px}.domino-panel,.match-board{background:#f8efd9;border:7px solid var(--timber);border-radius:12px;padding:.8rem}.domino-panel label{display:block;margin:.7rem 0}.domino-panel select,.domino-panel button{min-height:44px;width:100%}.match-board h2{font-size:1rem;margin:.1rem}.match-holes{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:7px;background:#6d452c;border-radius:8px}.match-holes i{aspect-ratio:1;border-radius:50%;background:#20160f;box-shadow:inset 0 2px 2px #000}.match-holes i.home{outline:2px solid #f5d782}.score-peg{display:none}.numeric-scores{display:flex;justify-content:space-between;gap:.5rem;margin-top:.5rem}.cross-board{display:grid;grid-template:'n n n' auto 'w c e' auto 's s s' auto/1fr auto 1fr;align-items:center;justify-items:center;width:100%}.cross-board .north{grid-area:n}.cross-board .west{grid-area:w}.cross-board .spinner{grid-area:c}.cross-board .east{grid-area:e}.cross-board .south{grid-area:s}.arm{display:flex;gap:2px;max-width:100%;overflow:auto}.north,.south{max-width:80%}.privacy-cover{position:fixed;inset:0;background:#102e24ee;color:#fff;z-index:20;display:grid;place-items:center;text-align:center;padding:2rem}.privacy-cover[hidden]{display:none}.privacy-cover button{min-height:52px}.result-panel{background:#fff8df;border:3px solid var(--brass);padding:1rem;margin-top:1rem}.domino-room-hub .classic-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.domino-play{display:flex;flex-direction:column}.domino-table{border-width:7px;padding:.65rem;min-height:380px}.domino-panel{order:2}.table-board{min-height:185px;padding:.5rem 0}.domino{width:32px;height:64px}.domino-half i{width:5px;height:5px}.hand-tile{min-width:46px;min-height:76px}.turn-strip{font-size:.9rem}.domino-room-hub .classic-card-grid{grid-template-columns:1fr}.domino-hero{padding:.65rem 1rem}.cross-board .domino{width:28px;height:56px}.arm{max-width:92px}.north,.south{max-width:210px}}
@media(prefers-reduced-motion:reduce){.domino-page *{scroll-behavior:auto!important;transition:none!important}}
.match-holes i{position:relative}.score-peg{position:absolute;display:block;width:6px;height:20px;left:50%;bottom:1px;transform:translateX(-50%);border:1px solid #211;border-radius:3px;background:#f0dfae;box-shadow:1px 2px 2px #0008}.score-peg.peg-1{background:#a75642;transform:translateX(-15%) rotate(8deg)}.score-peg.peg-2{background:#d8c66b;transform:translateX(-85%) rotate(-8deg)}.score-peg.peg-3{background:#9fb8b0;transform:translateX(-15%) rotate(12deg)}
.fives-snake,.cross-model{position:relative;width:100%;min-width:0}.laid-tile{position:absolute;transform:translate(-50%,-50%);transform-origin:center;z-index:2}.laid-tile.orientation-horizontal{transform:translate(-50%,-50%) rotate(90deg)}.laid-double.orientation-vertical{transform:translate(-50%,-50%)}.laid-double.orientation-horizontal{transform:translate(-50%,-50%) rotate(90deg)}.end-label{position:absolute;z-index:4;padding:2px 5px;border-radius:4px;background:#08291eee;color:#ffe5a2;font-size:.7rem;font-weight:800;white-space:nowrap;transform:translateX(-50%)}.cross-model .arm-label{position:absolute;color:#f6db93;font-size:.65rem;letter-spacing:.08em}.arm-label-north{top:3px;left:50%}.arm-label-south{bottom:3px;left:50%}.arm-label-east{right:3px;top:50%}.arm-label-west{left:3px;top:50%}.marker-key{display:grid;gap:.2rem;margin-bottom:.5rem;font-size:.75rem}.marker-key span{display:flex;align-items:center;gap:.5rem}.key-peg{display:inline-block;width:7px;height:22px;border:1px solid #211;border-radius:3px;background:#f0dfae}.key-peg.peg-1{background:#a75642;transform:rotate(12deg)}.key-peg.peg-2{background:#d8c66b;clip-path:polygon(50% 0,100% 100%,0 100%)}.key-peg.peg-3{background:#9fb8b0;transform:rotate(-12deg)}
@media(max-width:430px){.table-board{padding:.25rem 0;overflow:hidden}.fives-snake,.cross-model{min-height:250px}.end-label{font-size:.62rem}.domino-panel details{margin-top:.5rem}.numeric-scores{font-size:.86rem;flex-wrap:wrap}.marker-key{grid-template-columns:1fr 1fr}}