.notransition{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important}div#yinyang-container{align-items:center;display:flex;justify-content:center}div#fixed-width-container{flex-shrink:0;height:708px;transform-origin:top center;width:1148px}div#board{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}div#dominos-opponent,div#dominos-player{display:flex;flex-direction:column;flex-shrink:0;height:100%;justify-content:flex-start;width:250px}div#dominos-opponent .domino,div#dominos-player .domino{margin-bottom:0}div#dominos-opponent>div.domino{box-shadow:-2px -2px 5px #333;transform:rotate(180deg)}div#grid-container{background-color:#e9cab7;border:2px solid #000;border-radius:5px;box-shadow:2px 2px 5px #333;padding:20px;position:relative;width:504px}div#yinyang-grid{border:2px solid #000;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:500px;width:500px}div#yinyang-grid div.square{border-bottom:1px solid #000;border-right:1px solid #000;box-sizing:border-box;position:relative}div#yinyang-grid div.square.highlight{animation:fade 3s}@keyframes fade{0%{background-color:blue}to{background-color:transparent}}div#yinyang-grid div#square-0-3,div#yinyang-grid div#square-3-0{background-image:linear-gradient(45deg,gray 10%,transparent 0,transparent 50%,gray 0,gray 60%,transparent 0,transparent);background-size:10px 10px}div#yinyang-grid div#square-0-3,div#yinyang-grid div#square-1-3,div#yinyang-grid div#square-2-3,div#yinyang-grid div#square-3-3{border-right:none}div#yinyang-grid div#square-3-0,div#yinyang-grid div#square-3-1,div#yinyang-grid div#square-3-2,div#yinyang-grid div#square-3-3{border-bottom:none}div.square:before{border-radius:50%;content:"";display:block;height:80%;left:10%;position:absolute;top:10%;width:80%}div#yinyang-grid div.square:before{transition:background 1s,border 1s}div.square[data-token="0"]:before{background-color:transparent}div.square[data-token="1"]:before{background-color:#000;border:1px solid transparent}div.square[data-token="2"]:before{background-color:#fff;border:1px solid #000}div.square.selectable{background-color:hsla(0,0%,100%,.4);cursor:pointer}div.square.selectable:hover{background-color:hsla(0,0%,100%,.6)}div.square.selected{background-color:rgba(24,66,35,.6)}div#yinyang-overlay{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:375px;left:82px;position:absolute;top:82px;width:375px;z-index:3}div#yinyang-overlay div.overlay{align-items:center;display:flex;justify-content:center}div#yinyang-overlay div.overlay:before{background-color:transparent;border-radius:50%;content:"";display:block;height:30%;width:30%}div#yinyang-overlay div.overlay.selectable:before{background-color:gray;cursor:pointer}div#yinyang-overlay div.overlay.selectable:hover:before{background-color:red}div#yinyang-mask{background-color:#ddb69e;border-left:1px solid red;border-top:1px solid red;box-sizing:border-box;display:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:249px;left:20px;opacity:0;position:absolute;top:20px;transition:opacity 1s;width:249px;z-index:2}div#yinyang-mask .square{border-bottom:1px solid red;border-right:1px solid red;box-sizing:border-box;height:124px;position:relative;width:124px}#player-private-hand{align-items:center;background-color:hsla(0,0%,100%,.4);border-radius:20px;flex-wrap:wrap;justify-content:space-around;margin:20px auto 0;padding:0;width:98%}#player-private-hand,.domino{display:flex;flex-direction:row}.domino{background-color:#e9cab7;box-shadow:2px 2px 5px #333;height:80px;margin:32px 0;position:relative;width:240px;z-index:2}.domino.highlight{animation:pulse 2s;animation-iteration-count:4}@keyframes pulse{0%{box-shadow:0 0 0 4px blue}50%{box-shadow:0 0 0 12px transparent}to{box-shadow:0 0 0 12px transparent}}.domino.unselectable{cursor:not-allowed;opacity:.4}.domino.unselectable:hover .domino-arrow,.domino.unselectable:hover .domino-cause,.domino.unselectable:hover .domino-effect{border-color:red}.domino.selectable{background-color:#ddc7b9;cursor:pointer}.domino .domino-cause,.domino .domino-effect{border:1px solid #000;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:80px;width:80px}.domino.selectable:hover .domino-cause,.domino.selectable:hover .domino-effect,.domino.selected .domino-cause,.domino.selected .domino-effect{border-color:#3faa5a}.domino .domino-cause.invalid,.domino .domino-effect.invalid{background-color:rgba(255,0,0,.1);border:1px solid red}.domino .invalid .square{border:1px solid red}.domino .domino-arrow{align-items:center;background-color:#e9cab7;border-bottom:2px solid #000;border-top:2px solid #000;box-sizing:border-box;display:flex;height:80px;justify-content:center;position:relative;width:80px}.domino.selectable:hover{box-shadow:none}.domino.selectable:hover .domino-arrow,.domino.selected .domino-arrow{border-color:#3faa5a}.domino .domino-arrow:before{border-bottom:16px solid transparent;border-left:32px solid #000;border-top:16px solid transparent;content:"";display:block;height:0;width:0}.domino div.square{border:1px solid #000;position:relative}.domino.editable div.square{cursor:pointer}.domino.editable div.square:hover{background-color:hsla(0,0%,100%,.5)}.domino.selectable:hover div.square,.domino.selected div.square{border-color:#3faa5a}.domino .domino-types{background-color:#e9cab7;border:1px solid #000;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;height:29px;left:78px;position:absolute;top:0;transition:top 1s;width:84px;z-index:-1}.domino.editable .domino-types{top:-26px}.domino .domino-types div{background-position:50%;background-repeat:no-repeat;background-size:85%;border:1px solid #000;cursor:pointer}.domino .domino-types div:hover{background-color:hsla(0,0%,100%,.3)}.domino .domino-types .domino-type-creation{background-image:url(img/icon-creation.svg)}.domino .domino-types .domino-type-destruction{background-image:url(img/icon-destruction.svg)}.domino .domino-types .domino-type-adaptation{background-image:url(img/icon-adaptation.svg)}.domino[data-type=adaptation] .domino-types .domino-type-adaptation,.domino[data-type=creation] .domino-types .domino-type-creation,.domino[data-type=destruction] .domino-types .domino-type-destruction{background-color:hsla(0,0%,100%,.6)}.domino[data-type=adaptation] .domino-effect{background-image:url(img/icon-shuffle.svg);background-position:50%;background-repeat:no-repeat;background-size:50%;border:2px solid #000}.domino[data-type=adaptation] .domino-effect .square{display:none}.domino[data-type=adaptation].selectable:hover .domino-effect,.domino[data-type=adaptation].selected .domino-effect{border-color:#3faa5a}div.reserve{border:1px solid #000;border-radius:50%;height:32px;margin:2px;width:32px}div.reserve .count{display:block;line-height:32px;text-align:center;width:32px}#black-reserve{background-color:#000}#black-reserve-count{color:#fff}#white-reserve{background-color:#fff}#white-reserve-count{color:#000}