.domino-game{color:#fff;width:min(100%,520px);margin:0 auto;padding:4px 12px 28px}.domino-scorebar{background:#071f16a6;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:12px;display:flex}.domino-scorebar>span{opacity:.75}.domino-scorebar>div{align-items:center;gap:8px;display:flex}.domino-scorebar strong{font-weight:650}.domino-scorebar b{color:#71eba6;margin-left:4px;font-size:18px}.domino-scorebar i{opacity:.45;font-style:normal}.domino-opponent{background:#09271d7d;border-radius:18px;margin:8px 0 6px;padding:8px 10px;transition:all .2s}.domino-opponent.is-turn{box-shadow:inset 0 0 0 2px #70eaa1}.domino-player-label{align-items:center;gap:7px;display:flex}.domino-player-label strong{font-size:13px}.domino-player-label em{opacity:.72;margin-left:auto;font-size:12px;font-style:normal}.domino-avatar{color:#175438;background:#e7f5ee;border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;font-weight:900;display:grid}.domino-backs{justify-content:center;margin-top:-22px;padding-left:25px;display:flex}.domino-back{background:repeating-linear-gradient(45deg,#315e58 0 4px,#214a43 4px 8px);border:2px solid #f5f3e9;border-radius:5px;width:22px;height:39px;margin-left:-5px;box-shadow:0 2px 4px #0005}.domino-table-wrap{background:#071f1680;border-radius:24px;margin:6px 0 8px;position:relative;box-shadow:inset 0 0 0 1px #ffffff17}.domino-ends{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:9px 9px auto}.domino-ends span{background:#0d3929e8;border-radius:16px;align-items:center;gap:5px;padding:3px 7px;display:flex}.domino-ends small{text-transform:uppercase;opacity:.7;font-size:9px}.domino-ends b{color:#2b2412;background:#ffd166;border-radius:50%;place-items:center;width:24px;height:24px;font-size:15px;display:grid}.domino-table{place-items:center;min-height:206px;padding:42px 10px 13px;display:grid}.domino-chain{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.domino-chain-row{justify-content:center;gap:4px;display:flex;position:relative}.domino-chain-row.is-reversed{flex-direction:row-reverse}.domino-chain-row+.domino-chain-row:before{content:"";background:#ffffff42;width:2px;height:7px;position:absolute;top:-6px;left:50%}.domino-tile{appearance:none;color:#171717;background:linear-gradient(#fff,#f5f1e8);border:1px solid #d5d0c4;border-radius:8px;flex-direction:column;flex:none;width:44px;height:80px;padding:4px;transition:transform .16s,filter .16s,opacity .16s;display:flex;box-shadow:0 4px 8px #0005}.domino-tile.on-table{aspect-ratio:auto;flex-direction:row;width:58px;height:34px;padding:3px;animation:.24s ease-out domino-place}.domino-tile:disabled{opacity:.32;filter:saturate(.2)}.domino-tile.is-playable{cursor:pointer;box-shadow:0 0 0 3px #d9ee9b,0 6px 12px #0006}.domino-tile.is-selected{outline:4px solid #ffd166;transform:translateY(-9px);box-shadow:0 8px 18px #0007}.domino-tile.on-table.is-edge{box-shadow:0 0 0 2px #ffd166aa,0 4px 8px #0005}.domino-divider{background:#555;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:4px;height:4px}.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:#09271da8;border-radius:20px;min-height:40px;margin:0;padding:9px 13px;font-size:14px;font-weight:650}.domino-status.is-human{color:#154b35;background:#fff}.domino-side-picker{color:#173b2c;text-align:center;background:#fff;border-radius:18px;margin:8px 0;padding:10px}.domino-side-picker p{margin:0 0 8px;font-size:13px;font-weight:700}.domino-side-picker>div{justify-content:center;gap:8px;display:flex}.domino-side-picker button,.domino-draw{color:#282013;background:#ffd166;border:0;border-radius:24px;min-height:48px;padding:10px 17px;font-size:14px;font-weight:850}.domino-hand-section{background:#09271d73;border-radius:22px;margin-top:8px;padding:10px 8px 8px}.domino-hand-label{justify-content:space-between;align-items:center;margin:0 2px;display:flex}.domino-hand-label span{opacity:.75;font-size:12px}.domino-hand{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:7px;min-height:92px;padding:11px 0 2px;display:flex;overflow:visible}.domino-draw{margin:9px auto 2px;display:block}.domino-hint{text-align:center;opacity:.82;margin:7px 0 0;font-size:13px}.domino-rules{background:#071f1666;border-radius:16px;margin-top:9px;padding:10px 13px;font-size:13px}.domino-rules summary{cursor:pointer;font-weight:750}.domino-rules p{opacity:.85;margin:8px 0 1px;line-height:1.5}.domino-result{z-index:120;backdrop-filter:blur(5px);background:#00140dbd;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:25px;box-shadow:0 24px 70px #0008}.domino-result-icon{font-size:48px;display:block}.domino-result-kicker{text-transform:uppercase;letter-spacing:.08em;margin:3px 0;font-size:12px;font-weight:800;color:#68726c!important}.domino-result h2{margin:4px 0 7px;font-size:28px}.domino-result p{color:#667069;line-height:1.45}.domino-result-score{background:#edf5f0;border-radius:18px;justify-content:center;align-items:center;gap:14px;margin-top:16px;padding:10px;display:flex}.domino-result-score span{font-size:13px}.domino-result-score b{color:#176c43;font-size:24px;display:block}.domino-result-score i{color:#8a948e;font-style:normal}.domino-result button{color:#fff;background:#176c43;border:0;border-radius:28px;width:100%;min-height:54px;margin-top:16px;font-size:17px;font-weight:850}@keyframes domino-place{0%{opacity:0;transform:translateY(-10px)scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.domino-tile.on-table{animation:none}}@media (width<=370px){.domino-game{padding-inline:9px}.domino-table{padding-inline:7px}.domino-tile{width:40px;height:73px}.domino-tile.on-table{width:52px;height:31px}.domino-chain-row{gap:3px}.domino-hand{gap:6px}.domino-side-picker button{padding-inline:12px}}