:root{--domino-face-radius:5px;--domino-face-inner-radius:4px}.domino-piece{-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 40%,#e8e8e8 100%);border-radius:8px;display:flex;position:relative;transform:translateZ(0);box-shadow:0 2px 6px #00000026}.domino-piece.domino-interactive{cursor:grab}.domino-piece.domino-interactive:hover,.domino-piece.domino-interactive:active{will-change:transform}.domino-piece.domino-interactive:active{cursor:grabbing}.domino-piece.domino-highlighted{box-shadow:0 0 3px #4c6ef5,0 12px 24px #4c6ef566}.domino-piece.domino-playable{box-shadow:0 0 4px 2px #22c55e}.domino-piece.domino-dragging{opacity:.9;z-index:var(--z-countdown);will-change:transform, opacity}.domino-piece:not(.domino-dragging):not(.domino-interactive:active){will-change:auto}.domino-horizontal{flex-direction:row}.domino-vertical{flex-direction:column}.domino-small{border-radius:5px;width:60px;height:30px}.domino-small.domino-vertical{width:30px;height:60px}.domino-medium{border-radius:6px;width:80px;height:40px}.domino-medium.domino-vertical{width:40px;height:80px}.domino-large{width:100px;height:50px}.domino-large.domino-vertical{width:50px;height:100px}.domino-board{width:var(--piece-long,80px);height:var(--piece-short,40px);border-radius:var(--domino-face-radius)}.domino-board.domino-vertical{width:var(--piece-short,40px);height:var(--piece-long,80px)}.domino-hand{border-radius:var(--domino-face-radius);width:40px;height:80px}.domino-half{flex:1;position:relative;overflow:hidden}.domino-half-inner{position:absolute;inset:0}.domino-divider{background:linear-gradient(#bbb 0%,#999 50%,#bbb 100%);align-self:stretch;width:2px}.domino-divider-h{background:linear-gradient(90deg,#bbb 0%,#999 50%,#bbb 100%);align-self:stretch;height:2px}.pip{border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)translateZ(0);box-shadow:inset 0 .5px 1px #fff3}.domino-small .pip{width:6px;height:6px}.domino-medium .pip{width:10px;height:10px}.domino-large .pip{width:14px;height:14px}.domino-board .pip,.domino-hand .pip{width:9px;height:9px}.domino-piece .pip{background:radial-gradient(circle at 35% 35%,#444 0%,#1a1a1a 70%,#000 100%)}.domino-piece.domino-double{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 40%,#e8e8e8 100%);box-shadow:0 2px 6px #00000026}.domino-piece.domino-double.domino-playable{box-shadow:0 0 4px 2px #22c55e}@media (max-width:576px),(pointer:coarse){:root{--domino-face-radius:4px;--domino-face-inner-radius:3px}.domino-small{width:40px;height:20px}.domino-small.domino-vertical{width:20px;height:40px}.domino-small .pip{width:4px;height:4px}.domino-medium{width:48px;height:24px}.domino-medium.domino-vertical{width:24px;height:48px}.domino-medium .pip,.domino-board .pip,.domino-hand .pip{width:7px;height:7px}.domino-hand{width:40px;height:85px}}@media (min-width:481px) and (max-width:767px){.domino-medium .pip,.domino-board .pip,.domino-hand .pip{width:7px;height:7px}.domino-small .pip{width:4px;height:4px}.domino-large .pip{width:8px;height:8px}}@media (min-width:768px) and (max-width:1023px){.domino-medium .pip,.domino-board .pip,.domino-hand .pip{width:8px;height:8px}.domino-small .pip{width:4px;height:4px}.domino-large .pip{width:9px;height:9px}}@media (min-width:1024px){.domino-hand{width:52px;height:104px}}@media (min-width:1400px){.domino-hand{width:56px;height:112px}}.compact-domino-tile{box-shadow:none;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.compact-domino-tile .domino-piece{width:var(--compact-domino-long);height:var(--compact-domino-short);border-radius:var(--compact-domino-radius);min-width:unset!important;min-height:unset!important}.compact-domino-tile .domino-piece.domino-vertical{width:var(--compact-domino-short);height:var(--compact-domino-long)}.compact-domino-tile .domino-piece .pip{width:var(--compact-domino-pip);height:var(--compact-domino-pip);box-shadow:none}