.domino-game{color:#fff;width:min(100%,480px);margin:0 auto;padding:8px 14px 30px}.domino-opponent{text-align:center;font-weight:700}.domino-opponent>div{justify-content:center;margin:7px 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:22px;height:40px;margin-left:-8px}.domino-table{background:#0000002b;border-radius:26px;justify-content:flex-start;align-items:center;gap:4px;min-height:180px;margin:14px 0;padding:18px 12px;display:flex;overflow-x:auto;box-shadow:inset 0 0 0 1px #ffffff1a}.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-table .domino-tile.is-double{margin:0 20px;transform:rotate(90deg)}.domino-tile:disabled{opacity:.42}.domino-tile.is-selected{outline:4px solid #ffd166;transform:translateY(-10px)}.domino-divider{background:#4a4a4a;height:1px}.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}.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:#0000003d;border-radius:22px;min-height:44px;margin:0 0 10px;padding:11px 14px;font-weight:700}.domino-hand{justify-content:center;gap:5px;min-height:92px;padding-top:14px;display:flex;overflow-x:auto}.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-tile{width:38px;height:71px}.domino-hand{justify-content:flex-start}}