.domino-game{color:#fff;width:min(100%,520px);margin:0 auto;padding:4px 10px 28px}.domino-scorebar{z-index:3;background:#061c14b8;border:1px solid #ffffff26;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;padding:8px 12px;font-size:12px;display:flex;position:relative;box-shadow:0 4px 12px #00150e38}.domino-scorebar>span{opacity:.78}.domino-scorebar>div{align-items:center;gap:8px;display:flex}.domino-scorebar strong{font-weight:700}.domino-scorebar b{color:#78f3aa;margin-left:3px;font-size:18px}.domino-scorebar i{opacity:.45;font-style:normal}.domino-arena{background:radial-gradient(circle at 50% 35%,#176a48 0,#0b4d35 52%,#073d2b 100%);border:1px solid #ffffff1c;border-radius:28px;padding:8px 7px 12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff20,0 14px 30px #001c1355}.domino-arena:before{content:"";pointer-events:none;opacity:.18;background:repeating-linear-gradient(120deg,#fff0 0 6px,#ffffff12 6px 7px);position:absolute;inset:0}.domino-opponent,.domino-human{z-index:3;align-items:center;gap:10px;min-height:54px;padding:2px 5px;display:flex;position:relative}.domino-opponent.is-turn .domino-avatar,.domino-human.is-turn .domino-avatar{box-shadow:0 0 0 3px #7af3a8,0 0 18px #47ef8c}.domino-avatar{color:#14593b;background:linear-gradient(145deg,#f4fff8,#b9e0cd);border:2px solid #fff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:9px;font-weight:900;display:grid;box-shadow:0 4px 10px #001d1455}.domino-avatar.human{color:#463209;background:linear-gradient(145deg,#ffe7a8,#eab955)}.domino-count{white-space:nowrap;background:#042c1fb8;border-radius:14px;margin-left:auto;padding:4px 8px;font-size:11px}.domino-count b{color:#7bf0a8;font-size:17px}.domino-backs{justify-content:center;min-width:0;padding-left:5px;display:flex}.domino-back{background:repeating-linear-gradient(45deg,#3d7770 0 4px,#255951 4px 8px);border:2px solid #f8f5e9;border-radius:5px;width:25px;height:43px;margin-left:-5px;box-shadow:0 2px 4px #0006}.domino-table{z-index:1;width:100%;height:clamp(340px,118vw,520px);margin:-3px 0 -9px;position:relative}.domino-chain{position:absolute;inset:0}.domino-ends{z-index:20;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:2px 2px auto}.domino-ends span{background:#063827e8;border:1px solid #ffffff24;border-radius:16px;align-items:center;gap:5px;padding:3px 7px;display:flex;box-shadow:0 3px 8px #00180f55}.domino-ends small{text-transform:uppercase;opacity:.72;font-size:9px}.domino-ends b{color:#2d2411;background:#f7d36b;border-radius:50%;place-items:center;width:25px;height:25px;font-size:15px;display:grid}.domino-tile{appearance:none;color:#171717;background:linear-gradient(145deg,#fff 0,#f7f4ed 58%,#d8d3c8 100%);border:1px solid #d5d0c4;border-radius:9px;flex-direction:column;flex:none;width:46px;height:82px;padding:4px;transition:transform .14s,opacity .14s,filter .14s;display:flex;box-shadow:inset 1px 1px #fff,0 5px 8px #001a1266}.domino-tile.on-table{left:var(--tile-x);top:var(--tile-y);z-index:4;aspect-ratio:1.72;width:17%;height:auto;transform:translate(-50%,-50%) rotate(var(--tile-turn));flex-direction:row;padding:3px;animation:.32s cubic-bezier(.2,.8,.28,1) both domino-place;position:absolute}.domino-tile:disabled{opacity:.3;filter:saturate(.15)}.domino-tile.is-playable{cursor:pointer;box-shadow:0 0 0 3px #dff78c,0 6px 13px #001a1277}.domino-tile.is-selected{outline:4px solid #ffd166;transform:translateY(-9px);box-shadow:0 9px 18px #00150f88}.domino-tile.on-table.is-edge{z-index:5;box-shadow:0 0 0 2px #ffd166d0,0 4px 8px #00160f77}.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:radial-gradient(circle at 35% 30%,#444,#090909 65%);border-radius:50%;place-self:center;width:7px;height:7px;box-shadow:inset 0 1px 1px #fff4}.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{z-index:3;text-align:center;background:#062d20dc;border:1px solid #ffffff26;border-radius:23px;place-items:center;min-height:44px;margin:1px 4px 8px;padding:10px 14px;font-size:14px;font-weight:750;display:grid;position:relative;box-shadow:0 4px 12px #00150e38}.domino-status.is-human{color:#154b35;background:#fff}.domino-side-picker{z-index:5;color:#173b2c;text-align:center;background:#fff;border-radius:20px;margin:0 4px 8px;padding:10px;position:relative;box-shadow:0 8px 20px #00170f66}.domino-side-picker p{margin:0 0 8px;font-size:14px;font-weight:850}.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:25px;min-height:50px;font-size:14px;font-weight:850}.domino-side-picker button{justify-content:center;align-items:center;gap:7px;min-width:108px;padding:6px 15px;display:flex}.domino-side-picker button b{background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:17px;display:grid}.domino-side-picker button span{font-size:12px}.domino-human{padding-inline:5px}.domino-hand-section{z-index:3;padding:0 2px 7px;position:relative}.domino-hand{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:7px;min-height:94px;padding:5px 0 2px;display:flex}.domino-draw{margin:5px auto 7px;padding:10px 20px;display:block}.domino-hint{text-align:center;opacity:.88;min-height:20px;margin:4px 0 0;font-size:13px;font-weight:650}.domino-rules{background:#00170fa8;border:1px solid #ffffff42;border-radius:17px;margin-top:9px;font-size:13px;overflow:hidden;box-shadow:0 7px 17px #0003}.domino-rules[open]{background:#00130dcc;border-color:#ffd166aa}.domino-rules summary{cursor:pointer;align-content:center;min-height:48px;padding:13px 14px;font-weight:800}.domino-rules p{opacity:.9;border-top:1px solid #ffffff20;margin:0;padding:12px 14px 14px;line-height:1.5}.domino-rules summary:focus-visible{outline-offset:-3px;outline:3px solid #ffd166}.domino-result{z-index:120;background:#00140dcc;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;animation:.36s cubic-bezier(.2,.9,.28,1.12) domino-result-in;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:.25;transform:translate(-50%,-82%) rotate(var(--tile-turn)) scale(.86)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--tile-turn)) scale(1)}}@keyframes domino-result-in{0%{opacity:0;transform:translateY(20px)scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.domino-tile,.domino-result>div{transition:none;animation:none}}@media (width<=370px){.domino-game{padding-inline:5px}.domino-arena{padding-inline:4px}.domino-table{height:355px}.domino-tile{width:40px;height:72px}.domino-hand{gap:6px}.domino-side-picker button{min-width:100px;padding-inline:10px}}@media (height<=740px) and (width>=371px){.domino-table{height:390px}}.domino-arena{box-shadow:none;background:0 0;border:0;border-radius:0}.domino-arena:before{content:none}.domino-table{height:clamp(275px,82vw,350px)}@media (width<=370px){.domino-table{height:280px}}@media (height<=740px) and (width>=371px){.domino-table{height:285px}}