.domino-game{color:#fff;width:min(100%,520px);margin:0 auto;padding:6px 14px 30px}.domino-opponent{text-align:center;font-weight:700}.domino-opponent>div{justify-content:center;margin:6px 0 -4px;display:flex}.domino-opponent small{opacity:.8}.domino-back{background:repeating-linear-gradient(45deg,#244f92 0 4px,#1d417a 4px 8px);border:2px solid #fff;border-radius:5px;width:21px;height:37px;margin-left:-7px}.domino-table-wrap{background:#183a2a70;border-radius:25px;margin:12px 0;box-shadow:inset 0 0 0 1px #ffffff1a}.domino-ends{opacity:.78;justify-content:space-between;padding:10px 12px 0;font-size:12px;font-weight:800;display:flex}.domino-table{grid-template-columns:repeat(5,minmax(0,1fr));align-content:center;justify-items:center;gap:8px 5px;min-height:164px;padding:14px 12px 18px;display:grid;overflow:hidden}.domino-tile{color:#171717;background:#fffdf5;border:1px solid #d7d2c7;border-radius:7px;flex-direction:column;flex:none;width:42px;height:78px;padding:3px;display:flex;box-shadow:0 3px 6px #0005}.domino-tile.on-table{aspect-ratio:1.78;flex-direction:row;width:min(100%,70px);height:auto;padding:3px}.domino-tile:disabled{opacity:.42}.domino-tile.is-selected{outline:4px solid #ffd166;transform:translateY(-8px)}.domino-divider{background:#4a4a4a;height:1px}.domino-tile.on-table .domino-divider{width:1px;height:auto}.domino-pips{flex:1;grid-template:repeat(3,1fr)/repeat(3,1fr);display:grid;position:relative}.domino-pips i{background:#151515;border-radius:50%;place-self:center;width:6px;height:6px}.domino-tile.on-table .domino-pips i{width:5px;height:5px}.pips-1 i:first-child{grid-area:2/2}.pips-2 i:first-child{grid-area:1/1}.pips-2 i:nth-child(2){grid-area:3/3}.pips-3 i:first-child{grid-area:1/1}.pips-3 i:nth-child(2){grid-area:2/2}.pips-3 i:nth-child(3){grid-area:3/3}.pips-4 i:first-child{grid-area:1/1}.pips-4 i:nth-child(2){grid-area:1/3}.pips-4 i:nth-child(3){grid-area:3/1}.pips-4 i:nth-child(4){grid-area:3/3}.pips-5 i:first-child{grid-area:1/1}.pips-5 i:nth-child(2){grid-area:1/3}.pips-5 i:nth-child(3){grid-area:2/2}.pips-5 i:nth-child(4){grid-area:3/1}.pips-5 i:nth-child(5){grid-area:3/3}.pips-6 i:first-child{grid-area:1/1}.pips-6 i:nth-child(2){grid-area:1/3}.pips-6 i:nth-child(3){grid-area:2/1}.pips-6 i:nth-child(4){grid-area:2/3}.pips-6 i:nth-child(5){grid-area:3/1}.pips-6 i:nth-child(6){grid-area:3/3}.domino-status{text-align:center;background:#183a2a99;border-radius:22px;min-height:44px;margin:0 0 8px;padding:11px 14px;font-weight:700}.domino-hand-label{justify-content:space-between;align-items:center;margin:10px 2px 0;display:flex}.domino-hand-label span{opacity:.75;font-size:13px}.domino-hand{flex-wrap:wrap;justify-content:center;gap:7px;min-height:91px;padding:12px 2px 2px;display:flex;overflow:hidden}.domino-side-picker{justify-content:center;gap:8px;display:flex}.domino-side-picker button,.domino-draw{color:#282013;background:#ffd166;border-radius:24px;min-height:48px;padding:11px 16px;font-weight:800}.domino-draw{margin:14px auto;display:block}.domino-hint{text-align:center;opacity:.8;font-size:14px}.domino-result{z-index:60;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.domino-result>div{text-align:center;color:#18231d;background:#fff;border-radius:30px;width:min(100%,360px);padding:28px}.domino-result span{font-size:52px}.domino-result h2{margin:5px 0;font-size:28px}.domino-result p{color:#667069}.domino-result button{color:#fff;background:#176c43;border-radius:28px;width:100%;min-height:54px;margin-top:18px;font-size:17px;font-weight:800}@media (width<=370px){.domino-table{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:9px}.domino-tile{width:38px;height:70px}.domino-hand{gap:6px}.domino-side-picker button{padding-inline:12px;font-size:13px}}