.train-game .domino-layout{background:radial-gradient(circle at 50% 42%,#267659,#0b402f 76%);border:12px solid #4b2e1c;box-shadow:inset 0 0 0 3px #a97743,inset 0 0 70px #03150f99,8px 8px 0 #1f1633}
.train-table{position:relative;display:block;min-height:650px;overflow:hidden;border:2px solid #d3aa67;border-radius:38px;background:radial-gradient(circle at 50% 50%,#247457 0 18%,#185c45 62%,#0d3c2f 100%);box-shadow:inset 0 0 75px #031c15,0 8px 18px #0008;isolation:isolate}
.table-felt-grain{position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:repeating-linear-gradient(28deg,transparent 0 3px,#d7ffe511 3px 4px),repeating-linear-gradient(117deg,transparent 0 5px,#001f1718 5px 6px)}
.train-hub{position:absolute;left:50%;top:50%;z-index:8;width:136px;height:136px;transform:translate(-50%,-50%);display:grid;place-content:center;gap:8px;text-align:center;color:#fff0ba;border:5px double #e5bd6e;border-radius:50%;background:radial-gradient(circle,#743e26,#32170f);box-shadow:0 0 0 10px #17241d,0 12px 30px #000b}
.train-hub span{font:800 .68rem "Courier New",monospace;letter-spacing:.12em}.train-hub b{display:flex;justify-self:center;background:#fff9df;color:#17131d;border:3px solid #17131d;border-radius:6px;box-shadow:3px 4px 0 #1118}.train-hub b i{padding:10px 12px;font-style:normal}.train-hub b i+i{border-left:2px solid #17131d}
.table-train{--angle:0deg;position:absolute;left:50%;top:50%;z-index:3;width:min(39%,430px);height:94px;padding:0;border:0;background:transparent;color:#fff5d2;transform-origin:0 50%;transform:rotate(var(--angle)) translateX(76px);cursor:default;overflow:visible;pointer-events:none}.table-train:hover{transform:rotate(var(--angle)) translateX(76px) scale(1.025)}
.table-train strong{position:absolute;left:20px;top:-25px;z-index:5;padding:4px 9px;border-radius:4px;color:#fff4bd;background:#071e18d9;font:800 .67rem "Courier New",monospace;white-space:nowrap;transform:rotate(calc(-1 * var(--angle)))}.table-train.open strong{color:#ff8cab;box-shadow:0 0 0 2px #ef477e}.table-train.mexican{z-index:2}.table-train.mexican .table-rail{border-color:#e6c04f;box-shadow:0 0 0 4px #5b4410aa}
.table-rail{position:absolute;left:0;right:40px;top:38px;height:18px;border-top:5px solid #aba4a0;border-bottom:5px solid #aba4a0;background:repeating-linear-gradient(90deg,transparent 0 16px,#5f3d27 16px 21px,transparent 21px 32px);box-shadow:0 0 0 4px #17241dcc}
.table-train .table-dominoes{position:absolute;left:12px;top:10px;right:74px;z-index:3;display:flex!important;flex-direction:row!important;align-items:center;flex-wrap:nowrap;gap:5px;height:74px;overflow-x:auto;overflow-y:hidden;pointer-events:auto;touch-action:pan-x;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:#d9bd68 #10291d}.table-dominoes::-webkit-scrollbar{height:10px}.table-dominoes::-webkit-scrollbar-track{background:#10291d;border:1px solid #6f4d2c}.table-dominoes::-webkit-scrollbar-thumb{background:#d9bd68;border:2px solid #10291d;border-radius:10px}.table-train .track-domino{display:flex!important;flex:0 0 70px;flex-direction:row;align-items:center;width:70px;height:48px;background:#fff8df;color:#090807;border:2px solid #17131d;border-radius:5px;box-shadow:2px 3px 0 #1118;overflow:hidden}.track-domino b{display:grid;place-items:center;box-sizing:border-box;flex:0 0 33px;width:33px;min-width:33px;height:44px;font:900 1.08rem/1 Arial,sans-serif}.track-domino b+b{border-left:2px solid #17131d}.track-domino.placed{animation:domino-arrive .55s cubic-bezier(.2,1.4,.4,1)}
.placement-spot{position:absolute;right:2px;top:15px;z-index:6;display:grid;justify-items:center;color:#d9ff70;pointer-events:none}.table-train.legal .placement-spot{pointer-events:auto;cursor:pointer}.placement-spot i{display:grid;place-items:center;width:48px;height:48px;border:3px dashed currentColor;border-radius:9px;background:#10291dcc;font:900 1.7rem Arial,sans-serif;box-shadow:0 0 18px currentColor;animation:placement-pulse 1.4s ease-in-out infinite;pointer-events:none}.placement-spot em{margin-top:5px;font:800 .57rem "Courier New",monospace;white-space:nowrap;pointer-events:none}.table-train:hover .placement-spot{color:#fff3a0;transform:scale(1.1)}
.train-game .domino-hand{background:#0c2e25dd;border:2px solid #c69755;border-radius:8px}.train-game .domino-hand .domino{transition:.18s transform,.18s filter}.train-game .domino-hand .domino:hover{transform:translateY(-8px) rotate(-2deg);filter:brightness(1.08)}
@keyframes domino-arrive{0%{transform:translate(80px,-90px) rotate(25deg) scale(1.5);opacity:0}65%{transform:translate(-8px,0) rotate(-4deg);opacity:1}100%{transform:none}}@keyframes placement-pulse{50%{box-shadow:0 0 30px currentColor;transform:scale(1.08)}}
@media(max-width:760px){.train-table{min-height:560px}.train-hub{width:108px;height:108px}.table-train{width:38%;transform:rotate(var(--angle)) translateX(61px)}.table-train:hover{transform:rotate(var(--angle)) translateX(61px) scale(1.02)}.table-dominoes{right:58px}.placement-spot i{width:39px;height:39px}.table-train .track-domino{flex-basis:58px;width:58px;height:42px}.track-domino b{flex-basis:27px;width:27px;min-width:27px;height:38px;font-size:.95rem}}