*,:after,:before{box-sizing:border-box}:root{--tile-dim:75px;--num-tiles-to-offset:4;--solid-tile-offset:calc(var(--tile-dim)*var(--num-tiles-to-offset)*-1);--board-dim:calc(var(--tile-dim)*6 + 32px);--card-width:80px;--card-height:120px;--store-width:calc((var(--card-width) + 5px)*3 + 25px);--action-board-width:128px;--action-board-height:183px;--action-board-selection-dim:25px;--resource-dim:25px;--action-icon-width:104px;--action-icon-height:128px;--highlight-color:rgba(23,197,66,.856);--panel-color:#eee;--z-index-deck:3;--z-index-piece:1;--z-index-card:2;--z-index-action-cube:3}.mobileDeviceScale{transform:scale(.93);transform-origin:top left}.addSpace{margin:5px}.addSpaceSmall{margin:2px}#ttTopContainer{display:absolute;left:0;margin-bottom:20px;top:0}#ttTopContainer,.store{height:var(--board-dim)}.store{align-items:center;background-color:var(--panel-color);border-radius:4px;display:flex;flex-direction:column;left:10px;margin-top:10px;padding-right:4px;position:absolute;width:var(--store-width)}.deck{height:var(--card-height);margin-top:10px!important;position:relative;width:var(--card-width);z-index:var(--z-index-deck)}.deck,.deck:after,.deck:before{background:url(img/card_back_small.png) 0 0;border-radius:4px;box-shadow:3px 3px 3px #444}.deck:after,.deck:before{content:"";height:100%;position:absolute;width:100%}.deck:before{left:-3px;top:-3px;z-index:calc(var(--z-index-deck) - 1)}.deck:after{left:-6px;top:-6px;z-index:calc(var(--z-index-deck) - 2)}.cardRow{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.board{background-color:var(--panel-color);border-radius:4px;font-size:0;height:var(--board-dim);left:calc(var(--store-width) + 20px);margin-top:10px;padding:10px;position:absolute;width:var(--board-dim)}.playingPiece{filter:drop-shadow(1px 4px 2px rgba(0,0,0,.6));height:var(--tile-dim);left:0;position:absolute;top:0;width:var(--tile-dim);z-index:var(--z-index-piece)}.playingPiece.red{background:url(img/player_pieces.png) 0 0 no-repeat}.playingPiece.yellow{background:url(img/player_pieces.png) calc(var(--tile-dim)*-1) 0 no-repeat}.playingPiece.green{background:url(img/player_pieces.png) calc(var(--tile-dim)*-2) 0 no-repeat}.playingPiece.blue{background:url(img/player_pieces.png) calc(var(--tile-dim)*-3) 0 no-repeat}.playingPiece.highlighted{filter:drop-shadow(3px 3px 2px rgba(255,255,255,1)) drop-shadow(-3px 3px 2px rgba(255,255,255,1)) drop-shadow(3px -3px 2px rgba(255,255,255,1)) drop-shadow(-3px -3px 2px rgba(255,255,255,1))}.playingPiece.scoring{animation-duration:1.1s;animation-iteration-count:1;animation-name:blinking}@keyframes blinking{0%{filter:drop-shadow(3px 3px 2px #f10000) drop-shadow(-3px 3px 2px #f10000) drop-shadow(3px -3px 2px #f10000) drop-shadow(-3px -3px 2px #f10000) opacity(100%)}25%{filter:drop-shadow(3px 3px 2px #f3ac11) drop-shadow(-3px 3px 2px #f3ac11) drop-shadow(3px -3px 2px #f3ac11) drop-shadow(-3px -3px 2px #f3ac11) opacity(75%)}50%{filter:drop-shadow(3px 3px 2px #6ab524) drop-shadow(-3px 3px 2px #6ab524) drop-shadow(3px -3px 2px #6ab524) drop-shadow(-3px -3px 2px #6ab524) opacity(50%)}75%{filter:drop-shadow(3px 3px 2px #0f87da) drop-shadow(-3px 3px 2px #0f87da) drop-shadow(3px -3px 2px #0f87da) drop-shadow(-3px -3px 2px #0f87da) opacity(25%)}to{filter:opacity(0)}}.tile{height:var(--tile-dim);position:absolute;width:var(--tile-dim)}.tile.redHome{background:url(img/tiles_small.png) 0 0 no-repeat;border:1px solid #000}.tile.yellowHome{background:url(img/tiles_small.png) calc(var(--tile-dim)*-1) 0 no-repeat;border:1px solid #000}.tile.greenHome{background:url(img/tiles_small.png) calc(var(--tile-dim)*-2) 0 no-repeat;border:1px solid #000}.tile.blueHome{background:url(img/tiles_small.png) calc(var(--tile-dim)*-3) 0 no-repeat;border:1px solid #000}.tile.redHome.legalMove{background:url(img/tiles_small.png) -6px -6px no-repeat;border:none}.tile.yellowHome.legalMove{background:url(img/tiles_small.png) calc(var(--tile-dim)*-1 - 6px) -6px no-repeat;border:none}.tile.greenHome.legalMove{background:url(img/tiles_small.png) calc(var(--tile-dim)*-2 - 6px) -6px no-repeat;border:none}.tile.blueHome.legalMove{background:url(img/tiles_small.png) calc(var(--tile-dim)*-3 - 6px) -6px no-repeat;border:none}.tile.red{background:url(img/tiles_small.png) var(--solid-tile-offset) 0 no-repeat}.tile.yellow{background:url(img/tiles_small.png) calc(var(--solid-tile-offset) - var(--tile-dim)) no-repeat}.tile.green{background:url(img/tiles_small.png) calc(var(--solid-tile-offset) - var(--tile-dim)*2) no-repeat}.tile.blue{background:url(img/tiles_small.png) calc(var(--solid-tile-offset) - var(--tile-dim)*3) no-repeat}.tile.red.legalMove{background:url(img/tiles_small.png) calc(var(--solid-tile-offset) - 6px) -6px no-repeat;border:none}.tile.yellow.legalMove{background:url(img/tiles_small.png) calc(var(--solid-tile-offset) - var(--tile-dim) - 6px) -6px no-repeat;border:none}.tile.green.legalMove{background:url(img/tiles_small.png) calc(var(--solid-tile-offset) - var(--tile-dim)*2 - 6px) -6px no-repeat;border:none}.tile.blue.legalMove{background:url(img/tiles_small.png) calc(var(--solid-tile-offset) - var(--tile-dim)*3 - 6px) -6px no-repeat;border:none}.bank{align-items:center;background-color:#ccc;border:0 solid var(--highlight-color);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:center;margin-top:10px;padding:2px;transition:transform 1s,box-shadow .3s,border .3s}.bank.highlighted,.resource.highlighted{border:2px solid var(--highlight-color);box-shadow:0 0 15px var(--highlight-color)}.resource{filter:drop-shadow(3px 3px 3px #444);height:var(--resource-dim);width:var(--resource-dim)}.resource.red{background:url(img/resource_tokens_small.png) 0 0 no-repeat}.resource.yellow{background:url(img/resource_tokens_small.png) calc(var(--resource-dim)*-1) 0 no-repeat}.resource.green{background:url(img/resource_tokens_small.png) calc(var(--resource-dim)*-2) 0 no-repeat}.resource.blue{background:url(img/resource_tokens_small.png) calc(var(--resource-dim)*-3) 0 no-repeat}.resourceContainer{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:3px}.icon{display:inline-block;height:var(--resource-dim);margin:-.4em -.4em -.2em;transform:scale(.5);vertical-align:middle;width:var(--resource-dim)}.icon.red{background:url(img/resource_tokens_small.png) 0 0 no-repeat}.icon.yellow{background:url(img/resource_tokens_small.png) calc(var(--resource-dim)*-1) 0 no-repeat}.icon.green{background:url(img/resource_tokens_small.png) calc(var(--resource-dim)*-2) 0 no-repeat}.icon.blue{background:url(img/resource_tokens_small.png) calc(var(--resource-dim)*-3) 0 no-repeat}.playerPanelNumber{color:#000;font-family:DM Sans,serif;font-optical-sizing:auto;font-style:normal;font-weight:600;margin-right:2px;margin-top:5px;text-shadow:1px 1px 2px rgba(0,0,0,.5);transition:color .5s}.playerPanelNumber.red{color:#f10000}.tableauContainer{display:block;margin-right:10px}.tableau{background-color:var(--panel-color);border-radius:4px;display:inline-block;margin:10px;min-width:calc(var(--store-width) + var(--board-dim) + 12px);padding:10px;width:99%}.actionCubeBorder{border:4px inset #000;margin-right:10px}.actionCubeBorder,.actionCubeContainer{height:var(--action-board-selection-dim);width:var(--action-board-selection-dim)}.actionCubeContainer{margin:-5px}.actionCube{background:url(img/cube.png) 0 0 no-repeat;height:var(--action-board-selection-dim);pointer-events:none;position:absolute;width:var(--action-board-selection-dim);z-index:var(--z-index-action-cube)}.cardRow.tableauCardContainer,.cardRow.tableauTopRowContainer{align-items:left;flex-wrap:wrap;justify-content:left}.tableauLabel{border:1px solid #000;border-radius:4px;color:#fff;display:inline-block;font-family:DM Sans,serif;font-optical-sizing:auto;font-style:normal;font-weight:700;margin-bottom:2px;margin-right:35px;padding:2px 10px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.tableauLabel.red{background-color:#f10000}.tableauLabel.yellow{background-color:#f3ac11;color:#000}.tableauLabel.green{background-color:#6ab524}.tableauLabel.blue{background-color:#0f87da}.tableauLabel.notColored{background-color:#fff;color:#000}.notColored{color:#000}.card,.cardTarget,.storecard{height:var(--card-height);width:var(--card-width)}.card,.storecard{backface-visibility:hidden;background:url(img/cards_small.png) 0 0 no-repeat;border-radius:4px;filter:drop-shadow(3px 3px 3px #444);position:absolute;transform-style:preserve-3d;transition:transform 1s,filter 1s,box-shadow .3s,border .3s;z-index:var(--z-index-card)}.card.active{transform:translateY(-20px)}.card.exhausted{filter:brightness(70%);transform:translateY(0)}.storecard.back{backface-visibility:visible;background:url(img/card_back_small.png) 0 0 no-repeat;display:none;pointer-events:none;transform:rotateY(180deg)}.storecard.back.flip,.storecard.flip{display:inherit;transform:perspective(200px) rotateY(180deg)}.storecard.back.flip{transform:perspective(200px) rotateY(1turn);transition-duration:1s}.card.highlighted,.storecard.highlighted{border:2px solid var(--highlight-color);border-radius:6px;box-shadow:0 0 15px var(--highlight-color);height:calc(var(--card-height) + 4px);width:calc(var(--card-width) + 4px)}.card.highlighted,.storecard.highlighted{transform:scale(1.1)}.actionBoard{background:url(img/action_board.png) 0 0;border-radius:4px;box-shadow:3px 3px 3px #444;height:var(--action-board-height);margin-bottom:5px;margin-right:10px;position:relative;width:var(--action-board-width)}.actionBoardSelectionTarget{height:var(--action-board-selection-dim);position:absolute;width:var(--action-board-selection-dim)}.actionBoardSelectionTarget.selected{background:url(img/cube.png) 0 0 no-repeat;margin:-5px}@keyframes rotate{to{transform:rotate(1turn)}}.legalMove{height:var(--tile-dim);overflow:hidden;position:absolute;width:var(--tile-dim);z-index:0;&:before{animation:rotate 4s linear infinite;background-color:#399953;background-image:linear-gradient(#399953,#399953),linear-gradient(#fbb300,#fbb300),linear-gradient(#d53e33,#d53e33),linear-gradient(#377af5,#377af5);background-position:0 0,100% 0,100% 100%,0 100%;background-repeat:no-repeat;background-size:50% 50%,50% 50%;height:200%;left:-50%;top:-50%;width:200%;z-index:-2}&:after,&:before{content:"";position:absolute}&:after{background:inherit;border-radius:5px;height:calc(100% - 12px);left:6px;top:6px;width:calc(100% - 12px);z-index:-1}}