:root{--ratio:0.32;--ratio2:calc(var(--ratio)*2);--tileWidth:calc(184px*var(--ratio))}#scriptoriaContainer{display:flex;flex-wrap:wrap;gap:calc(20px*var(--ratio)) calc(40px*var(--ratio));justify-content:flex-start}#board{background-image:url(img/board.jpg);background-position:0 0;background-size:calc(1510px*var(--ratio)) calc(802px*var(--ratio));height:calc(802px*var(--ratio));width:calc(1510px*var(--ratio))}#boardContainer{display:grid;gap:calc(20px*var(--ratio)) calc(41px*var(--ratio));grid-auto-flow:row;grid-template-areas:"boardCorner boardBorder boardDropcap boardText boardMiniature" "boardAchievementLeft boardAchievementMiniature boardAchievementFull boardAchievementTextdropcap boardAchievementRight";grid-template-columns:repeat(5,var(--tileWidth));grid-template-rows:repeat(2,var(--tileWidth));left:calc(76px*var(--ratio));position:absolute;top:calc(323px*var(--ratio))}#boardCorner{grid-area:boardCorner}#boardBorder,#boardCorner{cursor:pointer;position:relative}#boardBorder{grid-area:boardBorder}#boardDropcap{grid-area:boardDropcap}#boardDropcap,#boardText{cursor:pointer;position:relative}#boardText{grid-area:boardText}#boardMiniature{cursor:pointer;grid-area:boardMiniature;position:relative}#boardAchievementLeft{grid-area:boardAchievementLeft}#boardAchievementMiniature{grid-area:boardAchievementMiniature}#boardAchievementFull{grid-area:boardAchievementFull}#boardAchievementTextdropcap{grid-area:boardAchievementTextdropcap}#boardAchievementRight{grid-area:boardAchievementRight}#boardInk{display:flex;flex-flow:row nowrap;margin-top:calc(20px*var(--ratio))}.boardInkColor{background-image:url(img/boardInk.png);background-size:calc(1500px*var(--ratio)) calc(300px*var(--ratio));height:calc(300px*var(--ratio));width:calc(300px*var(--ratio))}#boardInk_34{background-position:0 0}#boardInk_32{background-position:-100% 0}#boardInk_31{background-position:-200% 0}#boardInk_35{background-position:-300% 0}#boardInk_33{background-position:-400% 0}.playerInkColor{height:calc(158px*var(--ratio));width:calc(158px*var(--ratio))}.pupitre{background-image:url(img/pupitres_mini.png);background-position:0 0;background-size:calc(3752px*var(--ratio2)) calc(678px*var(--ratio2));height:calc(1355px*var(--ratio));margin-bottom:calc(var(--tileWidth)*.9);width:calc(1876px*var(--ratio))}.spectatorMode #activePlayerlecternContainer,.spectatorMode #pupitreCurrentPlayer{display:none}.pupitreOtherPlayer{float:left;margin-right:calc(30px*var(--ratio))}#pupitre_7b7b7b{background-image:none}#pupitre_982fff{background-position:-100% 0}#pupitre_f07f16{background-position:-200% 0}#pupitre_bdd002{background-position:-300% 0}.pupitreContainer{display:grid;gap:0 0;grid-auto-flow:row;grid-template-areas:"playerHelpers playerParchment playerInks" "playerHelpers playerSketches playerInks";grid-template-columns:calc(273px*var(--ratio)) calc(1330px*var(--ratio)) calc(281px*var(--ratio));grid-template-rows:calc(1139px*var(--ratio)) calc(214px*var(--ratio))}.pupitrePlayerContainer{clear:both}.playerHelpers{grid-area:playerHelpers;position:relative}.playerInks{grid-area:playerInks;position:relative}.playerSketches{grid-area:playerSketches;max-width:calc(1330px*var(--ratio))}.playerParchment{grid-area:playerParchment}.helpersContainer{left:calc(23px*var(--ratio));position:absolute;top:calc(17px*var(--ratio))}.helpToken{background-image:url(img/help_token.png);background-position:0 0;background-size:calc(340px*var(--ratio)) calc(170px*var(--ratio));border:3px solid transparent;height:calc(170px*var(--ratio));width:calc(170px*var(--ratio))}.helpTokenVerso{background-position:calc(170px*var(--ratio)) 0}.playerInksContainer{display:flex;flex-flow:column nowrap;gap:calc(68px*var(--ratio));left:calc(58px*var(--ratio));position:absolute;top:calc(241px*var(--ratio))}#availableLecterns{align-content:stretch;align-items:flex-start;background-color:hsla(0,0%,100%,.4);display:flex;flex-flow:row wrap;gap:calc(32px*var(--ratio));justify-content:center;padding:calc(30px*var(--ratio));width:100%}.lectern{background-image:url(img/lecterns_mini.png);background-position:0 0;background-size:calc(2082px*var(--ratio2)) calc(347px*var(--ratio2));height:calc(694px*var(--ratio));position:relative;width:calc(692px*var(--ratio));z-index:1}.lecternContainer{display:grid;gap:calc(23px*var(--ratio)) calc(96px*var(--ratio));grid-template-columns:repeat(2,var(--tileWidth));grid-template-rows:repeat(2,var(--tileWidth));left:calc(119px*var(--ratio));position:absolute;top:calc(67px*var(--ratio))}#activePlayerlecternContainer{display:flex;justify-content:center;margin-top:calc(15px*var(--ratio))}.playerLectern{display:flex;height:calc(1355px*var(--ratio));width:calc(692px*var(--ratio))}#lecternGreen{background-image:none}#lecternRed{background-position:-100% 0}#lecternQuill{background-position:-200% 0}#lecternBlack{background-position:-300% 0}#lecternGold{background-position:-400% 0}#lecternBlue{background-position:-500% 0}.lecternZone1{grid-area:1/1/2/2}.lecternZone2{grid-area:1/2/2/3}.lecternZone3{grid-area:2/1/3/2}.lecternZone4{grid-area:2/2/3/3}.tile{background-image:url(img/Tuiles_recto.png);background-position:0 0;background-size:calc(2576px*var(--ratio)) calc(2208px*var(--ratio));box-shadow:3px 3px 3px 0 rgba(0,0,0,.4);height:var(--tileWidth);position:absolute;width:var(--tileWidth);z-index:1}.playerParchment .tile{box-shadow:none;position:relative}.tileVerso{background-image:url(img/Tuiles_verso.png)}.ink{background-size:calc(250px*var(--ratio)) calc(50px*var(--ratio));height:calc(50px*var(--ratio));width:calc(50px*var(--ratio));z-index:1}.ink,.inkButton{background-image:url(img/inks.png)}.inkButton{background-size:calc(375px*var(--ratio)) calc(75px*var(--ratio));color:#fff;font-size:1.5em;height:calc(75px*var(--ratio));text-align:center;text-shadow:1px 1px 1px #000;width:calc(75px*var(--ratio))}.ink_red{background-position:0 0}.ink_green{background-position:-100% 0}.ink_black{background-position:-200% 0}.ink_gold{background-position:-300% 0}.ink_blue{background-position:-400% 0}#bigGrimoire{background-size:calc(508px*var(--ratio)) calc(200px*var(--ratio));height:calc(200px*var(--ratio));left:calc(1054px*var(--ratio));position:absolute;top:calc(103px*var(--ratio));width:calc(254px*var(--ratio));z-index:1}#bigGrimoire,.grimoireButton{background-image:url(img/sprite.png)}.grimoireButton{background-size:calc(190px*var(--ratio)) calc(75px*var(--ratio));height:calc(75px*var(--ratio));width:calc(95px*var(--ratio))}#roundCounter_container{background-color:#faebd7;border:3px solid #000;box-shadow:3px 3px 3px 0 rgba(0,0,0,.4);font-size:1em;font-weight:700;height:calc(57px*var(--ratio));left:calc(503px*var(--ratio));padding:5px 40px;position:absolute;text-align:center;top:calc(143px*var(--ratio));transform:translateX(-50%)}#lastDayBar{background-color:#00008b;color:#fff;font-size:.9em;font-weight:400;height:30px;margin-top:5px;text-align:center;width:100%}#playerQuill{background-image:url(img/materials.png);background-position:-500% 0;background-size:calc(330px*var(--ratio)) calc(75px*var(--ratio));height:calc(75px*var(--ratio));width:calc(55px*var(--ratio))}#yourChoice{background-color:hsla(0,0%,100%,.7);border:3px solid #000;height:auto;left:50%;padding:5px;position:absolute;top:0;width:auto}#yourChoice h2{text-align:center}#yourChoiceContainer{display:flex;flex-flow:row nowrap;gap:calc(20px*var(--ratio));justify-content:center}.playerBoardInksContainer{display:flex;flex-flow:row wrap;gap:5px;margin:5px 0 0}.canSelectLectern{cursor:pointer;outline:4px solid blue}.canSelectLectern:hover{transform:scale(1.1)}.selectedLectern{outline:4px solid red}.canSelectSketche{cursor:pointer;outline:3px solid blue}.canSelectSketche:hover{transform:scale(1.1)}.selectedSketche{outline:3px solid red}.canSelectSketcheWithHelpToken{cursor:pointer;outline:3px solid #ff8c00}.canSelectSketcheWithHelpToken:hover{transform:scale(1.1)}.selectedSketcheWithHelpToken{outline:3px solid red}.canSelectCircle{border:3px solid blue;border-radius:50%;cursor:pointer}.canSelectCircle:hover{transform:scale(1.1)}.selectedCircle,.selectedInk{border:3px solid red;border-radius:50%}.parchment{display:grid;gap:0 0;grid-auto-flow:row;grid-template-areas:"parchment_0_0 parchment_0_1 parchment_0_2 parchment_0_3 parchment_0_4 parchment_0_5" "parchment_1_0 parchment_1_1 parchment_1_2 parchment_1_3 parchment_1_4 parchment_1_5" "parchment_2_0 parchment_2_1 parchment_2_2 parchment_2_3 parchment_2_4 parchment_2_5" "parchment_3_0 parchment_3_1 parchment_3_2 parchment_3_3 parchment_3_4 parchment_3_5";grid-template-columns:repeat(6,calc(184px*var(--ratio)));grid-template-rows:repeat(4,calc(184px*var(--ratio)));margin:calc(203px*var(--ratio)) 0 0 calc(117px*var(--ratio))}.parchment_0_0{grid-area:parchment_0_0}.parchment_0_1{grid-area:parchment_0_1}.parchment_0_2{grid-area:parchment_0_2}.parchment_0_3{grid-area:parchment_0_3}.parchment_0_4{grid-area:parchment_0_4}.parchment_0_5{grid-area:parchment_0_5}.parchment_1_0{grid-area:parchment_1_0}.parchment_1_1{grid-area:parchment_1_1}.parchment_1_2{grid-area:parchment_1_2}.parchment_1_3{grid-area:parchment_1_3}.parchment_1_4{grid-area:parchment_1_4}.parchment_1_5{grid-area:parchment_1_5}.parchment_2_0{grid-area:parchment_2_0}.parchment_2_1{grid-area:parchment_2_1}.parchment_2_2{grid-area:parchment_2_2}.parchment_2_3{grid-area:parchment_2_3}.parchment_2_4{grid-area:parchment_2_4}.parchment_2_5{grid-area:parchment_2_5}.parchment_3_0{grid-area:parchment_3_0}.parchment_3_1{grid-area:parchment_3_1}.parchment_3_2{grid-area:parchment_3_2}.parchment_3_3{grid-area:parchment_3_3}.parchment_3_4{grid-area:parchment_3_4}.parchment_3_5{grid-area:parchment_3_5}.parchmentCaseCanSelect{background-color:rgba(106,121,247,.4);border-radius:5px;cursor:pointer;height:calc(184px*var(--ratio));outline:2px solid blue;width:calc(184px*var(--ratio))}.parchmentCaseCanSelect:hover{transform:scale(1.1)}#popinMainboard{background-color:#faebd7;border:3px solid #000;box-shadow:3px 3px 3px 0 rgba(0,0,0,.4);left:calc(76px*var(--ratio) - 10px);padding:10px;position:absolute;top:calc(323px*var(--ratio) + var(--tileWidth) + 20px*var(--ratio));width:calc(var(--tileWidth)*5 + 164px*var(--ratio));z-index:100}.selectedMainboardZone{filter:brightness(.6)}