#player_board_config{transition:height .25s ease-in}#settings-icon{align-items:center;display:flex;gap:10px;margin:10px}#cog-icon{fill:#4e3418;height:40px;width:40px}#settings-arrow{border:solid;border-color:transparent transparent transparent #4e3418;border-width:7px 15px;cursor:pointer;height:0;transform:rotate(0deg);transform-origin:20% 50%;transition:transform .25s ease-in;width:0}#settings-arrow:hover{border-color:transparent transparent transparent #cf9b63}#settings-options{height:0;overflow:hidden;transition:height .25s ease-in}#settings-options>div{border-bottom:1px solid #4e3418;padding:10px}#settings-options>div:first-child{border-top:1px solid #4e3418}#settings-arrow.open{transform:rotate(90deg)}#scoring-board{bottom:calc(var(--zoom)*37px);height:calc(var(--zoom)*139px);position:absolute;right:calc(var(--zoom)*34px);width:calc(var(--zoom)*313px);z-index:1}#scoring-board-img{--zoom:1;background-image:url(img/livingroom.jpg);background-position:calc(var(--zoom)*33px + var(--zoom)*314px) calc(var(--zoom)*37px + var(--zoom)*138px);background-size:calc(var(--zoom)*1040px) calc(var(--zoom)*1040px);height:calc(var(--zoom)*138px);width:calc(var(--zoom)*314px)}.svg_icon{width:30px}#game-ui{--colorblind-visibility:hidden;display:flex;flex-wrap:wrap;justify-content:space-around}#main_area{flex-basis:650px;flex-grow:1.6;flex-wrap:wrap}#living-room,#main_area{align-items:center;display:flex;justify-content:center}#living-room{--zoom:0.6;background-image:url(img/livingroom.jpg);background-size:calc(var(--zoom)*1040px) calc(var(--zoom)*1040px);border:3px solid #371e07;border-radius:5px;border-width:1px 1px 3px 3px;box-shadow:-1px 2px 6px #000;height:calc(var(--zoom)*1040px);margin:15px;position:relative;width:calc(var(--zoom)*1040px)}#board{display:grid;gap:5px;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);left:calc(var(--zoom)*-6px);position:relative;top:calc(var(--zoom)*-2px);transform:scale(var(--zoom))}.square{border:2px solid transparent;height:100px;width:100px}.item-tile,.square{border-radius:5px;box-sizing:border-box}.item-tile{--scale:0.32;background-image:url(img/sprite.png);background-size:calc(var(--scale)*4000px) calc(var(--scale)*2500px);border-style:solid;border-width:1px 1px 4px;height:calc(var(--scale)*250px);position:absolute;width:calc(var(--scale)*250px)}.pointer{cursor:pointer}#board .item-tile{--scale:0.4}#board .item-tile:after{border-radius:5px;box-sizing:border-box;content:"";height:100px;left:-1px;position:absolute;top:-1px;width:100px}#board .item-tile.active:after{background-color:hsla(0,0%,100%,.1);border:3px solid #fff;box-shadow:inset 0 0 10px #fff}#board .item-tile.unactive:after{background-color:rgba(0,0,0,.2)}#board .item-tile.disabled{pointer-events:none}#board .item-tile.disabled:after{background-color:unset;border:unset;border-color:unset;box-shadow:unset;cursor:unset;pointer-events:none}#board .item-tile.selected:after{border:4px solid #ff0;box-shadow:0 0 5px}.colorblind_pg_tile{visibility:hidden}.colorblind-mode .colorblind_pg_tile{color:#fff;filter:drop-shadow(1px 2px 0 black);font-size:14px;font-weight:700;height:100%;line-height:22px;text-align:center;text-shadow:0 0 3px #000;visibility:visible;width:100%}.colorblind-mode .inner-shelf .colorblind_pg_tile{align-items:center;display:flex;filter:drop-shadow(2px 3px 0 black);font-size:25px;justify-content:center;opacity:.7;text-shadow:0 0 5px #000}.colorblind-mode .item-tile:before{left:0;text-align:center;top:13px;width:100%}.colorblind-mode #board .item-tile:before,.colorblind-mode .item-tile:before{color:#fff;filter:drop-shadow(2px 2px 0 black);font-size:20px;font-weight:700;position:absolute;text-shadow:0 0 4px #000}.colorblind-mode #board .item-tile:before{left:10px;text-align:unset;top:7px;width:unset}.item-tile.green_0{background-position:calc(var(--scale)*0px) calc(var(--scale)*-2000px)}.item-tile.green_1{background-position:calc(var(--scale)*-250px) calc(var(--scale)*-2000px)}.item-tile.green_2{background-position:calc(var(--scale)*-500px) calc(var(--scale)*-2000px)}.colorblind-mode .item-tile.green_0:before,.colorblind-mode .item-tile.green_1:before,.colorblind-mode .item-tile.green_2:before{content:"A"}.item-tile.white_0{background-position:calc(var(--scale)*-750px) calc(var(--scale)*-2000px)}.item-tile.white_1{background-position:calc(var(--scale)*-1000px) calc(var(--scale)*-2000px)}.item-tile.white_2{background-position:calc(var(--scale)*-1250px) calc(var(--scale)*-2000px)}.colorblind-mode .item-tile.white_0:before,.colorblind-mode .item-tile.white_1:before,.colorblind-mode .item-tile.white_2:before{content:"B"}.item-tile.orange_0{background-position:calc(var(--scale)*-1500px) calc(var(--scale)*-2000px)}.item-tile.orange_1{background-position:calc(var(--scale)*-1750px) calc(var(--scale)*-2000px)}.item-tile.orange_2{background-position:calc(var(--scale)*-2000px) calc(var(--scale)*-2000px)}.colorblind-mode .item-tile.orange_0:before,.colorblind-mode .item-tile.orange_1:before,.colorblind-mode .item-tile.orange_2:before{content:"C"}.item-tile.blue_0{background-position:calc(var(--scale)*0px) calc(var(--scale)*-2250px)}.item-tile.blue_1{background-position:calc(var(--scale)*-250px) calc(var(--scale)*-2250px)}.item-tile.blue_2{background-position:calc(var(--scale)*-500px) calc(var(--scale)*-2250px)}.colorblind-mode .item-tile.blue_0:before,.colorblind-mode .item-tile.blue_1:before,.colorblind-mode .item-tile.blue_2:before{content:"D"}.item-tile.cyan_0{background-position:calc(var(--scale)*-750px) calc(var(--scale)*-2250px)}.item-tile.cyan_1{background-position:calc(var(--scale)*-1000px) calc(var(--scale)*-2250px)}.item-tile.cyan_2{background-position:calc(var(--scale)*-1250px) calc(var(--scale)*-2250px)}.colorblind-mode .item-tile.cyan_0:before,.colorblind-mode .item-tile.cyan_1:before,.colorblind-mode .item-tile.cyan_2:before{content:"E"}.item-tile.fuchsia_0{background-position:calc(var(--scale)*-1500px) calc(var(--scale)*-2250px)}.item-tile.fuchsia_1{background-position:calc(var(--scale)*-1750px) calc(var(--scale)*-2250px)}.item-tile.fuchsia_2{background-position:calc(var(--scale)*-2000px) calc(var(--scale)*-2250px)}.colorblind-mode .item-tile.fuchsia_0:before,.colorblind-mode .item-tile.fuchsia_1:before,.colorblind-mode .item-tile.fuchsia_2:before{content:"F"}#outer-living-room{align-content:center;align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}#outer-living-room.tight{width:200px}#outer-living-room.spread{flex-direction:row-reverse;min-width:650px;width:100%}#common-goal-cards{display:flex;flex-wrap:wrap;gap:20px}#common-goal-cards,#outer-living-room.tight #common-goal-cards{flex-direction:column}#outer-living-room.spread #common-goal-cards{flex-direction:row}#player-shelf{align-items:center;display:flex;flex-grow:0.4;justify-content:center;margin-right:15px;margin-top:15px}.interactable_shelf{align-items:center;display:flex;flex-direction:column;height:0;justify-content:flex-end;overflow:hidden;transition:height .5s ease-in-out}.interactable_shelf.open{height:180px}.temp_tile_area{align-items:center;background-color:hsla(0,0%,100%,.5);border-radius:10px;box-sizing:border-box;display:flex;gap:10px;height:100px;justify-content:center;margin:15px;width:300px}.tile_placeholder{--scale:0.32;border-color:transparent;border-radius:5px;border-width:1px 1px 4px;height:calc(var(--scale)*250px);width:calc(var(--scale)*250px)}.temp_tile_area.active{border:2px solid #ff0}.temp_tile_area .item-tile>div{color:#ff0;filter:drop-shadow(0 0 1px black);margin:5px}.select_columns{align-items:flex-start;display:flex;gap:65px;height:50px;justify-content:center;width:100%}.select_columns.active{--col:#ff0;filter:drop-shadow(1px 1px 0 var(--col)) drop-shadow(-1px -1px 0 var(--col)) drop-shadow(-1px 1px 0 var(--col)) drop-shadow(1px -1px 0 var(--col))}.column_arrow{border-left:15px solid transparent;border-right:15px solid transparent;border-top:20px solid #813113;filter:drop-shadow(0 1px 0 #371508) drop-shadow(0 1px 0 #371508) drop-shadow(0 1px 0 #371508) drop-shadow(0 1px 0 #371508) drop-shadow(0 1px 0 #371508) drop-shadow(0 1px 0 #371508);height:0;visibility:hidden;width:0}.column_arrow.visible{visibility:unset}.select_columns.active .column_arrow{position:relative;top:0;transition:top .1s ease-in}.select_columns.active .column_arrow:after{content:"";height:88px;left:-50px;position:absolute;top:-35px;width:94px}.select_columns.active .column_arrow.pointer:hover{top:15px}.select_columns.active .column_arrow.pointer:hover:after{top:-50px}.select_columns .column_arrow.selected{position:relative;top:15px}#opponents-shelf{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;padding:20px;width:100%}.shelf-area,.shelf-name{display:flex;justify-content:center}.shelf-name{align-items:center;background-color:#ffe7de;border:4px solid #7c2f13;border-radius:10px;bottom:-13px;box-shadow:inset 0 0 10px #1d0b05;box-sizing:border-box;color:var(--col);filter:drop-shadow(0 -4px 2px black);font-size:18px;font-weight:700;height:50px;left:50%;max-width:350px;min-width:120px;padding-left:20px;padding-right:20px;position:absolute;text-shadow:0 -1px 0 #000;transform:translate(-50%,-50%)}.personal_goal_cont{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;width:90px}.shelf-cont{height:612px;position:relative;width:602px;z-index:0}.shelf{--scale:0.3;background-image:url(img/sprite.png);background-position:calc(var(--scale)*-2000px) calc(var(--scale)*0px);background-size:calc(var(--scale)*4000px) calc(var(--scale)*2500px);filter:drop-shadow(0 0 2px black);height:calc(var(--scale)*2000px);position:relative;width:calc(var(--scale)*2000px)}.shelf-oversurface{display:grid;grid-template-columns:91px 93px 94px 93px 93px;grid-template-rows:84px 83px 80px 81px 79px 80px;left:69px;position:absolute;top:35px}.shelf-oversurface .slot{visibility:hidden}.shelf-oversurface .slot .score-text{align-items:center;color:#ff0;display:flex;font-size:xx-large;font-weight:700;height:100%;justify-content:center;text-align:center;text-shadow:0 0 4px #000}.shelf-oversurface .slot.highlighted{border:3px dashed #ff0;border-radius:5px;visibility:unset}.mini-shelf-oversurface{display:grid;grid-template-columns:repeat(5,20px);grid-template-rows:repeat(6,19.5px);left:8px;position:relative;top:6px}.mini-shelf-oversurface .slot.highlighted{border:2px dashed #ff0;border-radius:5px;visibility:unset}.inner-shelf{column-gap:14px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr);left:72px;position:absolute;top:39px;z-index:-1}.inner-shelf .slot{box-sizing:border-box;height:80px;width:80px}.inner-shelf .slot.highlighted{background-color:hsla(0,0%,100%,.5)}.inner-shelf .slot .item-tile{--scale:0.32}.inner-shelf .slot .item-tile.preview:after{background-color:hsla(0,0%,100%,.35);border-radius:5px;box-sizing:border-box;content:"";height:80px;left:-1px;position:absolute;top:-1px;width:80px}.temp_tile_area .item-tile{--scale:0.32;position:relative}.slot_start{left:-40px;position:relative;top:-50px}.card{--scale:0.35;background-image:url(img/sprite.png);background-size:calc(var(--scale)*4000px) calc(var(--scale)*2500px);border-color:#371e07;border-radius:5px;border-style:solid;border-width:1px 1px 2px 2px;box-shadow:-1px 1px 3px #000}.common_goal{height:calc(var(--scale)*333px);position:relative;width:calc(var(--scale)*500px)}#common_goal_1{background-position:calc(var(--scale)*0px) calc(var(--scale)*0px)}#common_goal_2{background-position:calc(var(--scale)*-500px) calc(var(--scale)*0px)}#common_goal_3{background-position:calc(var(--scale)*-1000px) calc(var(--scale)*0px)}#common_goal_4{background-position:calc(var(--scale)*-1500px) calc(var(--scale)*0px)}#common_goal_5{background-position:calc(var(--scale)*0px) calc(var(--scale)*-333px)}#common_goal_6{background-position:calc(var(--scale)*-500px) calc(var(--scale)*-333px)}#common_goal_7{background-position:calc(var(--scale)*-1000px) calc(var(--scale)*-333px)}#common_goal_8{background-position:calc(var(--scale)*-1500px) calc(var(--scale)*-333px)}#common_goal_9{background-position:calc(var(--scale)*0px) calc(var(--scale)*-667px)}#common_goal_10{background-position:calc(var(--scale)*-500px) calc(var(--scale)*-667px)}#common_goal_11{background-position:calc(var(--scale)*-1000px) calc(var(--scale)*-667px)}#common_goal_12{background-position:calc(var(--scale)*-1500px) calc(var(--scale)*-667px)}.personal_goal{position:relative}.personal_goal,.personal_goal_back{height:calc(var(--scale)*500px);width:calc(var(--scale)*333px)}.personal_goal_back{background-position:calc(var(--scale)*-3500px) calc(var(--scale)*-2000px)}.personal_goal_cont{perspective:1000px}.personal_goal .score-text{color:#ff0;font-size:xx-large;font-weight:700;position:absolute;text-align:center;text-shadow:0 0 3px #000;top:-50px;width:100%}.personal_goal_flip_cont{--scale:0.35;height:calc(var(--scale)*500px);transform-style:preserve-3d;width:calc(var(--scale)*333px)}.personal_goal_flip_cont.flip{animation:flip_card 1s;transform:translateZ(80px) rotateY(-180deg)}.personal_goal_flip_cont .front{position:absolute;transform:rotateY(-180deg) translateZ(1px)}.personal_goal_flip_cont .back{position:absolute}@keyframes flip_card{0%{transform:scale(1) rotateY(0deg)}15%{transform:scale(1.2) rotateY(0deg)}85%{transform:scale(1.2) rotateY(-180deg)}to{transform:scale(1) rotateY(-180deg)}}.personal_goal_lable{text-align:start}#personal_goal_1{background-position:calc(var(--scale)*0px) calc(var(--scale)*-1000px)}#personal_goal_2{background-position:calc(var(--scale)*-333px) calc(var(--scale)*-1000px)}#personal_goal_3{background-position:calc(var(--scale)*-667px) calc(var(--scale)*-1000px)}#personal_goal_4{background-position:calc(var(--scale)*-1000px) calc(var(--scale)*-1000px)}#personal_goal_5{background-position:calc(var(--scale)*-1333px) calc(var(--scale)*-1000px)}#personal_goal_6{background-position:calc(var(--scale)*-1667px) calc(var(--scale)*-1000px)}#personal_goal_7{background-position:calc(var(--scale)*0px) calc(var(--scale)*-1500px)}#personal_goal_8{background-position:calc(var(--scale)*-333px) calc(var(--scale)*-1500px)}#personal_goal_9{background-position:calc(var(--scale)*-667px) calc(var(--scale)*-1500px)}#personal_goal_10{background-position:calc(var(--scale)*-1000px) calc(var(--scale)*-1500px)}#personal_goal_11{background-position:calc(var(--scale)*-1333px) calc(var(--scale)*-1500px)}#personal_goal_12{background-position:calc(var(--scale)*-1667px) calc(var(--scale)*-1500px)}#bag{--scale:0.35;background-image:url(img/sprite.png);background-position:calc(var(--scale)*-3000px) calc(var(--scale)*-2000px);background-size:calc(var(--scale)*4000px) calc(var(--scale)*2500px);height:calc(var(--scale)*500px);margin:10px;position:relative;width:calc(var(--scale)*500px)}#bag-shadow{background-color:#00000080;border-radius:100%;filter:blur(9px);height:62px;left:-9px;position:absolute;top:135px;width:197px;z-index:-1}#bag .item-tile{left:50%;position:absolute;top:0;transform:translate(-50%)}.token{--scale:0.21;background-image:url(img/sprite.png);background-size:calc(var(--scale)*4000px) calc(var(--scale)*2500px);border:1px solid #371e07;border-radius:3px;border-width:1px 1px 3px 3px;box-shadow:-2px 2px 7px #000;height:calc(var(--scale)*250px);width:calc(var(--scale)*250px)}.common_goal .token{border-width:0 0 3px 3px;box-shadow:-1px 1px 3px #00000042;left:101px;position:absolute;top:27px;transform:rotate(-8deg)}#living-room .token{--scale:0.43;left:794px;position:absolute;top:674px;transform:rotate(9deg)}.token_2{background-position:calc(var(--scale)*-2250px) calc(var(--scale)*-2000px)}.token_4{background-position:calc(var(--scale)*-2500px) calc(var(--scale)*-2000px)}.token_6{background-position:calc(var(--scale)*-2750px) calc(var(--scale)*-2000px)}.token_8{background-position:calc(var(--scale)*-2250px) calc(var(--scale)*-2250px)}.token_1{background-position:calc(var(--scale)*-2500px) calc(var(--scale)*-2250px)}.player_board_cont{align-items:center;display:flex;justify-content:space-around;margin:4px 10px}.tokens_cont{display:flex;flex-grow:1;gap:5px}.tokens_cont .token{--scale:0.15;box-shadow:-1px 1px 5px rgba(0,0,0,.5)}.tokens_cont .tile-stub{--scale:0.15}.tokens_cont .tile_placeholder{--scale:0.165}#first_player_seat{--scale:0.2;background-image:url(img/sprite.png);background-position:calc(var(--scale)*-2750px) calc(var(--scale)*-2250px);background-size:calc(var(--scale)*4000px) calc(var(--scale)*2500px);filter:drop-shadow(1px 1px 0 black);height:calc(var(--scale)*250px);width:calc(var(--scale)*250px)}#logs .item-tile,#replaylogs .item-tile,.chatwindowlogs_zone .item-tile{--scale:0.12;border-radius:3px;border-width:0;display:inline-block;margin-top:-7px;position:relative;top:5px}.colorblind-mode #logs .item-tile:before,.colorblind-mode #replaylogs .item-tile:before,.colorblind-mode .chatwindowlogs_zone .item-tile:before{left:-1px;top:2px}#logs .token,#replaylogs .token,.chatwindowlogs_zone .token{--scale:0.12;border-radius:3px;border-width:0;box-shadow:unset;display:inline-block;margin-top:-5px;position:relative;top:6px}.tooltip_cont{align-items:center;display:flex;flex-direction:column}.tooltip_cont h3{margin-left:10px;width:100%}.tooltip_cont.horizontal{width:310px}.tooltip_cont.horizontal-l{width:320px}.tooltip_cont.vertical{width:210px}.tooltip_cont .card{--scale:0.6}.tooltip_cont .token{--scale:0.35;box-shadow:-3px 3px 9px #000;left:175px;top:46px;transform:rotate(-8deg) translate(0)}.tooltip_cont .token:nth-child(2){transform:rotate(-8deg) translate(60px,-30px)}.tooltip_cont .token:nth-child(3){transform:rotate(-8deg) translate(120px,-60px)}.tooltip_cont .token:nth-child(4){transform:rotate(-8deg) translate(180px,-90px)}.tooltip_text{margin-bottom:5px;margin-left:5px;margin-top:10px}.tooltip_cont .mini-shelf-oversurface{display:grid;grid-template-columns:repeat(5,34.5px);grid-template-rows:repeat(6,33px);left:13px;position:relative;top:12px}.tooltip_cont .colorblind_pg_tile{filter:drop-shadow(2px 3px 0 black);font-size:24px;line-height:33px;text-shadow:0 0 4px #000}