:root{--mainBoardRatio:0.54074;--mainBoardWidth:50vw;--mainBoardHeight:calc(var(--mainBoardWidth)*var(--mainBoardRatio));--tileWidth:calc(var(--mainBoardWidth)*106/730);--tileWidthTiny:70px;--tokenWidth:calc(var(--mainBoardWidth)*45/730);--tokenWidthTiny:calc(var(--tileWidthTiny)*0.4);--speciesWidth:calc(var(--mainBoardWidth)*28/730);--speciesWidthTiny:calc(var(--tileWidthTiny)*0.25);--playerBoardWidth:calc(var(--mainBoardWidth)*0.48);--playerBoardHeight:calc(var(--playerBoardWidth)*287/1280);--playerBoardWidthTiny:calc(var(--tileWidthTiny)*3 + 20px);--playerBoardHeightTiny:calc(var(--playerBoardWidthTiny)*287/1280)}@media only screen and (min-width:980px){:root{--mainBoardWidth:50vw}}@media only screen and (max-width:980px){:root{--mainBoardWidth:90vw}}@media only screen and (max-width:750px){:root{--mainBoardWidth:700px}}#firstPlayer{--width:50px;background-image:url(img/Tokens.png);background-position:-100% -250px;background-size:calc(var(--width)*2);-webkit-filter:drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px black);height:calc(var(--width)*154/204);width:var(--width)}#lastTurnBar{background-color:#00008b;color:#fff;font-size:.9em;font-weight:400;height:30px;margin-top:5px;text-align:center;width:100%}@media only screen and (min-width:980px){#rainForestContainer{display:grid;gap:.5vw 1vw;grid-template-areas:"mainBoard playerBoard" "playerHand playerBoard";grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);height:100%;justify-content:center}}@media only screen and (max-width:980px){#rainForestContainer{display:grid;gap:.5vw 1vw;grid-template-areas:"mainBoard" "playerHand" "playerBoard";grid-template-columns:auto;grid-template-rows:repeat(3,auto);height:100%;justify-content:center}}#mainBoard{background-image:url(img/MainBoard.jpg);background-size:var(--mainBoardWidth);box-sizing:border-box;grid-area:mainBoard;height:var(--mainBoardHeight);padding-left:calc(var(--mainBoardWidth)*.07);padding-top:calc(var(--mainBoardWidth)*.1);position:relative;width:var(--mainBoardWidth)}#mainBoardGrid{display:grid;gap:calc(var(--mainBoardWidth)*.014) calc(var(--mainBoardWidth)*.0332);grid-auto-flow:row;grid-template-areas:"Deck_Red Deck_Yellow Deck_Green Deck_Purple Deck_Blue" "Species_Red Species_Yellow Species_Green Species_Purple Species_Blue" "Tokens_Red Tokens_Yellow Tokens_Green Tokens_Purple Tokens_Blue";grid-template-columns:repeat(5,var(--tileWidth));grid-template-rows:var(--tileWidth) calc(var(--mainBoardWidth)*.15) auto;position:relative}#Deck_Red{grid-area:Deck_Red}#Deck_Yellow{grid-area:Deck_Yellow}#Deck_Green{grid-area:Deck_Green}#Deck_Purple{grid-area:Deck_Purple}#Deck_Blue{grid-area:Deck_Blue}.speciesZone{display:flex;flex-direction:row;flex-wrap:wrap;gap:calc(var(--speciesWidth)*.05) calc(var(--speciesWidth)*.23)}#Species_Red{display:grid;gap:.25vw .5vw;grid-area:Species_Red;grid-template-areas:"redSlot1 redSlot2" "redSlot3 redSlot4" "redSlot5 redSlot6";grid-template-columns:repeat(2,var(--speciesWidth));grid-template-rows:repeat(3,var(--speciesWidth));height:100%;padding:0 0 0 calc(var(--speciesWidth)*.73)}#redDeck_slot_1{grid-area:redSlot1}#redDeck_slot_2{grid-area:redSlot2}#redDeck_slot_3{grid-area:redSlot3}#redDeck_slot_4{grid-area:redSlot4}#redDeck_slot_5{grid-area:redSlot5}#redDeck_slot_6{grid-area:redSlot6}#Species_Yellow{display:grid;gap:.25vw .5vw;grid-area:Species_Yellow;grid-template-areas:"yellowSlot1 yellowSlot2" "yellowSlot3 yellowSlot4" "yellowSlot5 yellowSlot5";grid-template-columns:repeat(2,var(--speciesWidth));grid-template-rows:repeat(3,var(--speciesWidth));height:100%;justify-content:center;justify-items:center;padding:calc(var(--speciesWidth)*.1) calc(var(--speciesWidth)*.1) 0 calc(var(--speciesWidth)*.1)}#yellowDeck_slot_1{grid-area:yellowSlot1}#yellowDeck_slot_2{grid-area:yellowSlot2}#yellowDeck_slot_3{grid-area:yellowSlot3}#yellowDeck_slot_4{grid-area:yellowSlot4}#yellowDeck_slot_5{grid-area:yellowSlot5}#Species_Green{display:grid;gap:.25vw .5vw;grid-area:Species_Green;grid-template-areas:"greenSlot1 greenSlot2" "greenSlot3 greenSlot4";grid-template-columns:repeat(2,var(--speciesWidth));grid-template-rows:repeat(2,var(--speciesWidth));height:100%;padding:calc(var(--speciesWidth)*.09) 0 0 calc(var(--speciesWidth)*.73)}#greenDeck_slot_1{grid-area:greenSlot1}#greenDeck_slot_2{grid-area:greenSlot2}#greenDeck_slot_3{grid-area:greenSlot3}#greenDeck_slot_4{grid-area:greenSlot4}#Species_Purple{display:grid;gap:.25vw .5vw;grid-area:Species_Purple;grid-template-areas:"purpleSlot1 purpleSlot2" "purpleSlot3 purpleSlot3";grid-template-columns:repeat(2,var(--speciesWidth));grid-template-rows:repeat(2,var(--speciesWidth));height:100%;justify-content:center;justify-items:center;padding:calc(var(--speciesWidth)*.1) calc(var(--speciesWidth)*.1) 0 calc(var(--speciesWidth)*.1)}#purpleDeck_slot_1{grid-area:purpleSlot1}#purpleDeck_slot_2{grid-area:purpleSlot2}#purpleDeck_slot_3{grid-area:purpleSlot3}#Species_Blue{display:grid;gap:.25vw .5vw;grid-area:Species_Blue;grid-template-areas:"blueSlot1 blueSlot2";grid-template-columns:repeat(2,var(--speciesWidth));grid-template-rows:var(--speciesWidth);height:100%;padding:calc(var(--speciesWidth)*.09) 0 0 calc(var(--speciesWidth)*.73)}#blueDeck_slot_1{grid-area:blueSlot1}#blueDeck_slot_2{grid-area:blueSlot2}.tokensZone{display:flex;gap:.3vw;justify-content:center;margin-top:5vw}#Tokens_Red{grid-area:Tokens_Red}#Tokens_Yellow{grid-area:Tokens_Yellow}#Tokens_Green{grid-area:Tokens_Green}#Tokens_Purple{grid-area:Tokens_Purple}#Tokens_Blue{grid-area:Tokens_Blue}#mainBoardGrid p{background-color:rgba(0,0,0,.3);color:#fff;display:flex;font-size:calc(var(--tileWidth)*.2);justify-content:center;text-shadow:3px 3px 4px #000;top:calc(var(--tileWidth)*-.3)}#mainBoardGrid p,.tile{position:absolute;width:var(--tileWidth)}.tile{background-image:url(img/Tiles.jpg);background-size:calc(var(--tileWidth)*11);border-radius:4%;box-sizing:border-box;height:var(--tileWidth);outline:1px solid #000}.player_board_content .tile{background-size:calc(var(--tileWidthTiny)*11);height:var(--tileWidthTiny);width:var(--tileWidthTiny)}.token{background-image:url(img/Tokens.png);background-size:calc(var(--tokenWidth)*2);border:1px solid #000;border-radius:30%;height:var(--tokenWidth);position:relative;width:var(--tokenWidth)}.tile .token{position:absolute}.player_board_content .token{background-size:calc(var(--tokenWidthTiny)*2);height:var(--tokenWidthTiny);width:var(--tokenWidthTiny)}.species{background-image:url(img/Species.png);background-size:calc(var(--speciesWidth)*4);border:1px solid #000;border-radius:50%;height:var(--speciesWidth);position:relative;width:var(--speciesWidth)}.player_board_content .species{background-size:calc(var(--speciesWidthTiny)*4);height:var(--speciesWidthTiny);width:var(--speciesWidthTiny)}.species,.tile,.token{filter:drop-shadow(.1vw .1vw .1vw black)}.tokenEquilibrium{background-position:0 -500%;border-radius:50%;left:0;position:absolute;top:0}#otherPlayersBoard{display:flex;flex-wrap:wrap;gap:1vw;justify-content:center;margin-top:1vw}.playerPanel{border:8px solid;padding:1vw;width:var(--playerBoardWidth)}#currentPlayerBoard .playerPanel{border:none;padding:0;width:var(--playerBoardWidth)}#currentPlayerBoard{display:flex;grid-area:playerBoard;justify-content:center}.playerPanel p{font-size:1.5em;margin:0;padding:0}#tokenEquilibriumSlot{left:calc(var(--mainBoardWidth)*.84);position:absolute;top:calc(var(--mainBoardHeight)*.65)}.possibleChoice{box-shadow:0 0 5px 6px #fff;cursor:pointer}.possibleChoice:hover{scale:1.1}.gamestate_client_swapThisSpecies .possibleChoice{cursor:ns-resize}.choosenToken{box-shadow:0 0 5px 6px red!important}.disabledToken{filter:grayscale(1)}.swapSpecies{box-shadow:0 0 5px 6px #03be5e;cursor:ns-resize}.swapSpecies:hover{scale:1.1}.slotContainer{display:flex;flex-wrap:nowrap;gap:calc(var(--tileWidth)*.058);height:var(--speciesWidth);justify-content:center;padding:calc(var(--tileWidth)*.68) 0 0 0}.player_board_content .slotContainer{gap:calc(var(--tileWidthTiny)*.058);height:var(--speciesWidth);padding:calc(var(--tileWidthTiny)*.68) 0 0 0}.slot{border-radius:50%;height:var(--speciesWidth);position:relative;width:var(--speciesWidth)}.player_board_content .slot{height:var(--speciesWidthTiny);width:var(--speciesWidthTiny)}.playerBoard{gap:0;grid-template-areas:"jungleZones" "largePlayerBoard" "clearingZones";grid-template-columns:repeat(3,auto);grid-template-rows:auto}.jungleZones,.playerBoard{display:grid;justify-content:center}.jungleZones{gap:.5vw;grid-area:jungleZones;grid-template-columns:repeat(3,var(--tileWidth));grid-template-rows:repeat(3,var(--tileWidth))}.jungleZones,.player_board_content .jungleZones{grid-template-areas:"jungleZone_7 jungleZone_8 jungleZone_9" "jungleZone_4 jungleZone_5 jungleZone_6" "jungleZone_1 jungleZone_2 jungleZone_3"}.player_board_content .jungleZones{gap:5px;grid-template-columns:repeat(3,var(--tileWidthTiny));grid-template-rows:repeat(3,var(--tileWidthTiny))}.largePlayerBoard{align-items:center;background-image:url(img/PlayerBoard.png);background-size:var(--playerBoardWidth);display:flex;gap:.6vw;grid-area:largePlayerBoard;height:var(--playerBoardHeight);justify-content:center;position:relative;width:var(--playerBoardWidth)}.playerBoard_Frog{background-position:0 0}.playerBoard_Monkey{background-position:0 -100%}.playerBoard_Butterfly{background-position:0 -300%}.playerBoard_Parrot{background-position:0 -200%}.player_board_content .largePlayerBoard{background-size:var(--playerBoardWidthTiny);gap:.6vw;height:var(--playerBoardHeightTiny);width:var(--playerBoardWidthTiny)}.totem{background-image:url(img/PlayerBoard.png);background-size:calc(var(--playerBoardWidthTiny)*2);height:50px;margin-top:5px;width:50px}.totem.playerBoard_Frog{background-position:76px -26px}.totem.playerBoard_Monkey{background-position:76px -131px}.totem.playerBoard_Butterfly{background-position:76px -338px}.totem.playerBoard_Parrot{background-position:76px -234px}#rainForestContainer .playerSpeciesZone{align-content:center;border:.3vw dashed #000;border-radius:.3vw;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:calc(var(--speciesWidth)*.5);grid-area:playerHand;height:calc(var(--speciesWidth)*1.5);justify-content:center;margin-top:1vw;padding:1.5vw;width:calc(var(--speciesWidth)*8 + 5vw)}@media only screen and (max-width:980px){#draftSpeciesZone{display:flex;justify-content:center}}@media only screen and (min-width:980px){#draftSpeciesZone{display:flex;justify-content:flex-end}}.player_board_content .playerSpeciesZone{height:var(--speciesWidthTiny)}.player_board_content .playerSpeciesZone,.playerPanel .playerSpeciesZone{border:none;display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-start;margin:0 0 6px;padding:0 0 0 5px;width:100%}.playerPanel .playerSpeciesZone{height:var(--speciesWidth)}.clearingZones{display:grid;gap:.5vw;grid-area:clearingZones;grid-template-areas:"clearingZone1 clearingZone2 clearingZone3";grid-template-columns:repeat(3,var(--tileWidth));grid-template-rows:var(--tileWidth);justify-content:center}.player_board_content .clearingZones{gap:.5vw;grid-template-columns:repeat(3,var(--tileWidthTiny));grid-template-rows:var(--tileWidthTiny)}.jungleZoneBlock{align-items:center;background-color:hsla(0,0%,100%,.3);display:flex;height:var(--tileWidth);justify-content:center;outline:2px dashed rgba(0,0,0,.3);position:relative;width:var(--tileWidth)}.player_board_content .jungleZoneBlock{height:var(--tileWidthTiny);width:var(--tileWidthTiny)}.jungleZoneBlock:before{background-color:none;color:hsla(0,0%,100%,.3);content:attr(data-nb);font-size:calc(var(--tileWidth)*.6)}.player_board_content .jungleZoneBlock:before{font-size:calc(var(--tileWidthTiny)*.6)}.jungleZone_1{grid-area:jungleZone_1}.jungleZone_2{grid-area:jungleZone_2}.jungleZone_3{grid-area:jungleZone_3}.jungleZone_4{grid-area:jungleZone_4}.jungleZone_5{grid-area:jungleZone_5}.jungleZone_6{grid-area:jungleZone_6}.jungleZone_7{grid-area:jungleZone_7}.jungleZone_8{grid-area:jungleZone_8}.jungleZone_9{grid-area:jungleZone_9}.clearingZone1{grid-area:clearingZone1}.clearingZone2{grid-area:clearingZone2}.clearingZone3{grid-area:clearingZone3}.notif_tile{--thisWidth:calc(var(--tileWidth)*0.7);background-image:url(img/Tiles.jpg);background-size:calc(var(--thisWidth)*11);border-radius:4%;height:var(--thisWidth);outline:1px solid #000;width:var(--thisWidth)}.notif_species{--thisWidth:calc(var(--speciesWidth)*0.7);background-image:url(img/Species.png);background-size:calc(var(--thisWidth)*4);border:1px solid #000;border-radius:50%;display:inline-block}.notif_species,.notif_token{height:var(--thisWidth);width:var(--thisWidth)}.notif_token{--thisWidth:calc(var(--tokenWidth)*0.7);background-image:url(img/Tokens.png);background-size:calc(var(--thisWidth)*2);border:1px solid #000;border-radius:30%;position:relative}.phantom{visibility:hidden}