html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{width:100vw;height:100vh;overflow:hidden}.dropzone{width:100%;height:100%}.selectBox{opacity:.2;z-index:9000000;background-color:#00f;border:3px solid #00f;position:absolute}.carouselCard{background-size:100% 100%;border-radius:5%;width:10vh;height:14vh;display:inline-block}.carouselHoverGhost{background-size:100% 100%;width:10vh;height:14vh;display:inline-block}.carouselCardWrapper{width:10vh;height:14vh;margin-left:-10px;display:inline-block}.facedownCarouselCard{background-image:url(card-back.2878c429.png)}.search-box{z-index:10;background:#2f3640;border-radius:20px;padding:8px;position:absolute;bottom:1vh;right:5px}.search-text{height:24px}.search-box-active>.search-text{width:160px;padding:0 6px}svg.search-btn{color:#cacaca;float:right;cursor:pointer;border-radius:50%;height:100%}.search-text{float:left;color:#fff;background:0 0;border:none;outline:none;width:0;padding:0;font-size:16px;font-weight:400;line-height:40px;transition:all .4s}.cardCarouselContainer{text-align:center;background:#304771;position:relative}.widthLimiter{box-sizing:border-box;width:70%;height:18vh;margin:auto;padding:1vh 40px;transition:width .3s;position:relative}.widthLimiter .carouselSizeLabel,.widthLimiter .sortHandButton{aspect-ratio:1;color:#fff;opacity:.6;user-select:none;background:#1e2340;border-radius:50%;height:max(4vh,40px);font-family:open-sans;font-size:max(1.7vh,14px);line-height:max(4vh,40px);position:absolute;top:50%;transform:translateY(-50%)}.widthLimiter .carouselSizeLabel{left:-2vh}.widthLimiter .sortHandButton{right:-2vh}.widthLimiter .sortHandButton:active{background-color:#0e101e}.widthLimiter.wider{width:80%}.carouselBackground{box-sizing:border-box;scrollbar-width:thin;white-space:nowrap;background-color:#1d1d1d4d;border:1px solid #1c1e3a7d;border-radius:6vh;width:100%;height:100%;padding-top:1vh;padding-left:40px;padding-right:40px;position:relative;overflow:auto hidden}.carouselFilter{outline:none;position:absolute;top:0;right:0}.carouselLabel{color:#fff;user-select:none;border-radius:5px;width:min-content;margin-left:20px;padding:5px 10px;font-family:open-sans;position:absolute;top:2vh;left:0}.topLabel{color:#fff;user-select:none;font-family:open-sans;font-size:12px;display:inline;position:relative;top:-50%;left:-30px}.draw7Button{text-transform:none;background-color:#4a5f8a;padding:10px 20px;font-family:open-sans;font-size:14px}.draw7Button:hover{background-color:#5a6f9a}.carouselBackground .draw7Button.MuiButton-root{white-space:normal;margin:0;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.draggablePreview{z-index:9000000;background-size:100% 100%;transition:background-image .1s;position:absolute;bottom:0;left:0}.previewSizeSmaller{border-radius:5%;width:21.4286vh;min-width:214.286px;height:30vh;min-height:300px}.previewSize{border-radius:5%;width:26.7857vh;min-width:267.857px;height:37.5vh;min-height:375px}.previewSizeLarger{border-radius:5%;width:30vh;min-width:300px;height:42vh;min-height:420px}.dragSize{border-radius:5%;width:10vh;height:14vh}.hidden{display:none}.facedownPreview{background-image:url(card-back.2878c429.png)}.floatingNotification{box-sizing:border-box;user-select:none;z-index:8999999;width:fit-content;height:fit-content;transition:top .3s;position:absolute;box-shadow:2px 2px 5px #514c4c}.floatingNotification>div{padding-top:0;padding-bottom:0}.leftNotification{top:-13vh;left:3%}.rightNotification{text-align:center;top:-9vh;right:4%}.leftNotificationDoubleHeight{top:-16vh}.floatingNotification-enter{opacity:0;transition:top .3s;transform:translate(15%)}.floatingNotification-enter-active{opacity:1;transition:opacity .2s,transform .2s,top .3s;transform:translate(0%)}.floatingNotification-exit{opacity:1;transition:top .3s}.floatingNotification-exit-active{opacity:0;transition:opacity .2s,top .3s}.carouselDrawer{z-index:99999;background-color:#40605e;grid-area:2/2/3/3;width:100%;height:100%;position:relative}.slider{transition:transform .3s ease-out}.slider:before,.slider:after{content:" ";width:15px;height:100%;position:absolute;top:0}.slider:before{z-index:100;right:0;box-shadow:inset -10px 0 15px -15px}.slider:after{left:0;box-shadow:inset 10px 0 15px -15px}.sliderOpen{transform:translateY(-50%)}button.drawerCloseButton{color:#c8c8c8;z-index:10000;width:45px;height:45px;position:absolute;top:0;right:0}button.drawerCloseButton svg{width:100%;height:100%}.contextMenu{z-index:9000000;color:#000;opacity:.92;background-color:#fff;border-radius:5px;width:fit-content;padding:3px;font-family:open-sans,sans-serif;position:absolute;box-shadow:1px 1px 5px #000000ab}.contextMenu hr{margin-top:5px;margin-bottom:5px}.contextMenuItem{user-select:none;border-radius:4px;padding:3px 10px}.contextMenuItem:hover{background-color:#def0ff}.contextMenuItem.disabledMenuOption:hover{background-color:#fff}.contextMenuItem.delete{color:red}.contextMenuItem.extraWide .mainOptionText{display:inline-block}.contextMenuItem.extraWide .selectQuantitySection{float:right;display:inline-block;position:relative;top:-1px}.contextMenuItem.extraWide .selectQuantitySection input{width:45px;height:12px;margin-left:10px}.disabledMenuOption{color:#d3d3d3}.colorPickerGridContainer{grid-template-rows:18px 18px;grid-template-columns:18px 18px 18px 18px 18px 18px;display:grid}.colorPickerOption{width:18px;height:18px}.powerToughnessModifier{user-select:none;transform-origin:100% 100%;font-family:Comfortaa;font-size:14px;position:absolute;bottom:-20px;right:0}.transitioning .powerToughnessModifier{display:none}.tapped .powerToughnessModifier{bottom:100%;right:-20px;transform:rotate(-90deg)}.playAreaCardCounter{pointer-events:auto;width:fit-content;height:fit-content;transition-property:left,top,transform;transition-duration:.4s;position:absolute;transform:translate(-50%,-50%)}.playAreaCardCounter:not(.tapped){left:0}.playAreaCardCounter.tapped{transform:translate(-50%,-50%)rotate(-90deg)}.playAreaCardCounter .badge{text-align:center;user-select:none;border-radius:3.85px;width:22px;height:33px;font-family:Comfortaa,sans-serif;display:inline-block;position:relative;box-shadow:1px 1px 1px #555}.playAreaCardCounter .badge:before,.playAreaCardCounter .badge:after{width:inherit;height:inherit;border-radius:inherit;background:inherit;content:"";margin:auto;position:absolute;inset:0}.playAreaCardCounter .badge:before{transform:rotate(60deg)}.playAreaCardCounter .badge:after{transform:rotate(-60deg)}.playAreaCardCounter .badge .circle{box-sizing:border-box;z-index:10;color:#555;background:#fff;border:1px solid #555;border-radius:50%;width:22px;height:22px;margin:auto;font-size:10px;line-height:15.4px;position:absolute;inset:0}.playAreaCardCounter .badge .circle.no-label{justify-content:center;align-items:center;font-size:15.4px;line-height:22px;display:flex}.playAreaCardCounter .badge .ribbon{z-index:11;color:#fff;text-shadow:0 1.1px 1.1px #0000001a;text-transform:uppercase;cursor:default;white-space:nowrap;background:linear-gradient(to bottom right,#555 0%,#333 100%);border-radius:2.2px;width:fit-content;padding:2.75px 5.5px 2.2px;font-size:5.5px;position:relative;top:19.25px;bottom:6.6px;left:50%;transform:translate(-50%);box-shadow:0 .55px 1.1px #00000045}.playAreaCardCounter .yellow{color:#ffb300;background:linear-gradient(to bottom right,#ffeb3b 0%,#fbc02d 100%)}.playAreaCardCounter .orange{color:#f68401;background:linear-gradient(to bottom right,#ffc107 0%,#f57c00 100%)}.playAreaCardCounter .pink{color:#dc306f;background:linear-gradient(to bottom right,#f48fb1 0%,#d81b60 100%)}.playAreaCardCounter .red{color:#c62828;background:linear-gradient(to bottom right,#f4511e 0%,#b71c1c 100%)}.playAreaCardCounter .purple{color:#7127a8;background:linear-gradient(to bottom right,#ab47bc 0%,#4527a0 100%)}.playAreaCardCounter .teal{color:#34a297;background:linear-gradient(to bottom right,#4db6ac 0%,#00796b 100%)}.playAreaCardCounter .blue{color:#259af3;background:linear-gradient(to bottom right,#4fc3f7 0%,#2196f3 100%)}.playAreaCardCounter .blue-dark{color:#1c68c5;background:linear-gradient(to bottom right,#1d80e3 0%,#283593 100%)}.playAreaCardCounter .green{color:#7cb342;background:linear-gradient(to bottom right,#cddc39 0%,#8bc34a 100%)}.playAreaCardCounter .green-dark{color:#00944a;background:linear-gradient(to bottom right,#4caf50 0%,#1b5e20 100%)}.playAreaCardCounter .silver{color:#9e9e9e;background:linear-gradient(to bottom right,#e0e0e0 0%,#999898 100%)}.playAreaCardCounter .gold{color:#b7892b;background:linear-gradient(to bottom right,#e6ce6a 0%,#b7892b 100%)}.cardInPlay{perspective:1000px;width:10vh;height:14vh;transition-property:transform;transition-duration:.4s;transition-delay:0s;display:inline-block;position:absolute}.tapped{transform:rotate(90deg)}.highlighted.tapped{transform:scale(1.4)rotate(90deg)}.flipper{transform-style:preserve-3d;width:100%;height:100%;transition-property:left,bottom,transform;transition-duration:.6s;position:relative}.flipped{transform:rotateY(180deg)}.front,.back{backface-visibility:hidden;background-size:100% 100%;border-radius:5%;width:100%;height:100%;position:absolute;top:0;left:0}.front{z-index:2;transform:rotateY(0)}.back{transform:rotateY(180deg)}.faceDownCardInPlay{background-image:url(card-back.2878c429.png);background-size:100% 100%}.groupSelectedCard{box-shadow:0 0 15px #f9f9f9}.otherPlayerCard{transition-property:left,bottom,transform;transition-duration:.4s;transition-delay:0s}.highlighted{transform:scale(1.4)}.playAreaCounter{width:fit-content;height:fit-content;position:absolute}.animateTransitions{transition-property:left,bottom,transform;transition-duration:.3s;transition-delay:0s}.badge{text-align:center;user-select:none;border-radius:7px;width:40px;height:60px;font-family:Comfortaa,sans-serif;display:inline-block;position:relative;box-shadow:1px 1px 1px #555}.badge:before,.badge:after{width:inherit;height:inherit;border-radius:inherit;background:inherit;content:"";margin:auto;position:absolute;inset:0}.badge:before{transform:rotate(60deg)}.badge:after{transform:rotate(-60deg)}.badge .circle{box-sizing:border-box;z-index:10;color:#555;background:#fff;border:2px solid #555;border-radius:50%;width:40px;height:40px;margin:auto;font-size:18px;line-height:28px;position:absolute;inset:0}.badge .circle i.fa{margin-top:8px;font-size:2em}.badge .font{margin-top:1em;display:inline-block}.badge .ribbon{z-index:11;color:#fff;text-shadow:0 2px 2px #0000001a;text-transform:uppercase;cursor:default;white-space:nowrap;background:linear-gradient(to bottom right,#555 0%,#333 100%);border-radius:4px;width:fit-content;padding:5px 10px 4px;font-size:10px;position:relative;top:35px;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #00000045}.yellow{color:#ffb300;background:linear-gradient(to bottom right,#ffeb3b 0%,#fbc02d 100%)}.orange{color:#f68401;background:linear-gradient(to bottom right,#ffc107 0%,#f57c00 100%)}.pink{color:#dc306f;background:linear-gradient(to bottom right,#f48fb1 0%,#d81b60 100%)}.red{color:#c62828;background:linear-gradient(to bottom right,#f4511e 0%,#b71c1c 100%)}.purple{color:#7127a8;background:linear-gradient(to bottom right,#ab47bc 0%,#4527a0 100%)}.teal{color:#34a297;background:linear-gradient(to bottom right,#4db6ac 0%,#00796b 100%)}.blue{color:#259af3;background:linear-gradient(to bottom right,#4fc3f7 0%,#2196f3 100%)}.blue-dark{color:#1c68c5;background:linear-gradient(to bottom right,#1d80e3 0%,#283593 100%)}.green{color:#7cb342;background:linear-gradient(to bottom right,#cddc39 0%,#8bc34a 100%)}.green-dark{color:#00944a;background:linear-gradient(to bottom right,#4caf50 0%,#1b5e20 100%)}.silver{color:#9e9e9e;background:linear-gradient(to bottom right,#e0e0e0 0%,#999898 100%)}.gold{color:#b7892b;background:linear-gradient(to bottom right,#e6ce6a 0%,#b7892b 100%)}footer{text-align:center;margin:5em auto}footer a{color:#999;background:#111;border:.5px dashed #f8f8f8;border-radius:50%;width:45px;height:45px;margin:5px;text-decoration:none;display:inline-block}footer a:hover{background:#222}footer a .icons{margin-top:12px;font-size:20px;display:inline-block}.magnifiedCard{z-index:9000000;background-size:100% 100%;border-radius:13px;width:calc(max(28vh,350px)/1.4);height:max(28vh,350px);display:inline-block;position:absolute}.aboveDialog{z-index:9000001}.trespassingOverlay{box-sizing:border-box;background-color:#4d3e8370;width:100%;height:100%;padding:20px}.trespassingOverlay .dottedBorder{border:dashed #0000004d;width:100%;height:100%}.trespassingOverlay .floatingNotification{width:350px;position:absolute;bottom:30px;right:30px}.playArea .playerSelectContainer{z-index:90000;margin:1.2vh 15px 1.2vh 1.2vh;position:absolute;top:0;right:0}.playArea .playerSelectContainer label{margin-right:5px;font-family:open-sans,sans-serif}:focus{outline:0}.playArea{background:linear-gradient(#6359da,#e47f65);grid-area:1/2/2/3;position:relative}.playArea:before,.playArea:after{content:" ";width:15px;height:100%;position:absolute;top:0}.playArea:before{right:0;box-shadow:inset -10px 0 15px -15px}.playArea:after{left:0;box-shadow:inset 10px 0 15px -15px}.myPlayArea,.theirPlayArea{height:50%}.playArea button.utilityButton{z-index:90000;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f7f7f7),to(#e7e7e7));border-radius:50%;width:38px;height:38px;margin:1.2vh 9px 1.2vh 15px;line-height:36px;position:absolute;top:0;left:0;box-shadow:0 3px 8px #3a3838,inset 0 2px 3px #fff}.playArea button.utilityButton:hover{background-color:#fff}.playArea button.utilityButton:active{padding-top:10px;box-shadow:inset 0 2px 3px #3a3838}div.addCardDialogContainer{color:#f0f0ff;background:#262339e3;border-radius:12px;padding-left:10px;overflow:visible}.addCardDialogTitle *{font-family:open-sans,sans-serif!important}.addCardDialogTitle h2{margin-bottom:10px}.addCardDialogContent{width:40vw;max-width:100%;height:fit-content;padding:0 24px;font-family:open-sans,sans-serif}.addCardDialogContent .cardSearch{margin-bottom:20px}.addCardDialogContent .cardSearch label{display:none}.addCardDialogContent .cardSearch fieldset{border:none}.addCardDialogContent .quantityContainer{margin-bottom:20px}.addCardDialogContent #quantity{width:77px;margin-left:40px;padding-left:5px}.addCardDialogContent .destinationContainer{margin-bottom:20px}.addCardDialogContent #destination{margin-left:10px;padding:1px 5px}.addCardDialogContent .isTokenContainer{margin-bottom:35px}.addCardDialogContent #isToken{margin-left:0;display:inline-block}.addCardDialogContent .isTokenLabel{margin-bottom:5px;margin-left:5px;display:inline-block}.addCardDialogContent .isTokenFootnote{margin-bottom:10px;display:block}.addCardDialogContent #submit{margin-bottom:30px;display:block}div.decklistDialog{color:#f0f0ff;background:#262339e3;border-radius:12px;max-width:100%;padding:10px 25px 25px;overflow-x:hidden}div.decklistDialog *{font-family:open-sans,sans-serif!important}div.decklistDialog .decklistTitleRow{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:20px;display:flex}div.decklistDialog .decklistTitleRow .typeFilterInput{width:200px}div.decklistDialog .decklistFilterRow{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}div.decklistDialog .decklistTutorRow{justify-content:flex-start;align-items:center;margin-top:10px;margin-bottom:10px;display:flex}div.decklistDialog .decklistTutorRow .tutorModeContainer,div.decklistDialog .decklistTutorRow .sortToggleContainer{align-items:center;display:flex}div.decklistDialog .decklistTutorRow .switch{width:50px;height:24px;margin:0 5px;display:inline-block;position:relative}div.decklistDialog .decklistTutorRow .switch input{opacity:0;width:0;height:0}div.decklistDialog .decklistTutorRow .switch .slider{cursor:pointer;background-color:gray;border-radius:24px;transition:all .4s;position:absolute;inset:0}div.decklistDialog .decklistTutorRow .switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}div.decklistDialog .decklistTutorRow .switch input:checked+.slider{background-color:gray}div.decklistDialog .decklistTutorRow .switch input:checked+.slider:before{transform:translate(26px)}div.decklistDialog .doNotRevealContainer{align-items:center;margin-top:10px;margin-bottom:5px;display:flex}div.decklistDialog .doNotRevealContainer input[type=checkbox]{cursor:pointer;width:16px;height:16px}div.decklistDialog .doNotRevealContainer label{cursor:pointer;user-select:none}.decklistFilterControls{width:100%}.decklistFilterControls .sortSwitch{float:right;width:fit-content;font-size:14px;display:inline-flex}.decklistFilterControls .sortSwitch .MuiSwitch-thumb{background-color:#fff}.decklistFilterControls .sortSwitch .MuiSwitch-track{background-color:gray!important}.decklistFilterControls span.MuiCheckbox-root{padding:0}.decklistFilterControls .colorFiltersLabel{margin-right:5px;font-size:14px}.decklistDialogContent{width:35vw;height:45vh;padding:0 24px 24px;overflow:hidden auto}.decklistDialogContent hr{width:50%;margin:0 0 10px}.decklistDialogContent .categoryHeader{color:#8ed7ed;margin-bottom:5px;display:block}.decklistDialogContent .categoryHeader .headerCount{color:#fff}.decklistDialogContent ul:last-child{margin-bottom:25px}.decklistDialogContent .subcategoryHeader{color:#8ed7ed;margin-top:15px;margin-bottom:5px;display:block}.decklistDialogContent .subcategoryHeader .headerCount{color:#fff}.decklistDialogContent li{margin-bottom:5px}.decklistDialogContent li.disabled{opacity:.4;pointer-events:none;cursor:not-allowed!important}.decklistDialogContent .itemQuantity{width:40px;display:inline-block}.decklistDialogContent .itemName{text-transform:capitalize;display:inline-block}.decklistDialogContent .itemName .itemCmc{color:#999}.decklistDialogContent .itemName.noSelect{user-select:none}.lifeCounterContainer{text-align:center;box-sizing:border-box;border-radius:3px;width:30%;height:clamp(22px,2.4vh,40px);margin-right:15%;font-size:clamp(16px,2vh,24px);line-height:clamp(22px,2.4vh,40px);position:absolute;right:0;transform:skew(-28.6479deg);box-shadow:2px 3px 3px #00000096}.lifeCounterContainer:nth-child(3){background-color:#26d4d4;bottom:45%}.lifeCounterContainer:nth-child(4){background-color:#e96868;bottom:22%}.lifeCounterContainer>button,.lifeCounterContainer>span{display:inline-block;transform:skew(28.6479deg)}.lifeCounterContainer>button{height:100%;padding:0;position:relative;top:-2px}.lifeCounterContainer>button svg{width:unset;height:100%}.lifeCounterContainer>button:first-child{left:-2px}.lifeCounterContainer>button:nth-child(3){right:-2px}.playerProfile .lifeCounterContainer{width:35%;margin-right:10%}.profileContainer{color:#000;box-sizing:border-box;opacity:.8;width:100%;height:100%;max-height:260px;padding:10px;font-family:open-sans,sans-serif;position:relative}.profileContainer .playerAvatar{aspect-ratio:1;border-radius:50%;width:clamp(100px,42%,160px);position:absolute;top:50%;left:8%;transform:translateY(-50%);box-shadow:2px 3px 3px #00000096}.profileContainer .playerName{z-index:-1;text-align:end;box-sizing:border-box;background-color:#1cbfff;border-radius:3px;width:90%;height:clamp(22px,2.4vh,40px);margin:auto;font-size:clamp(16px,2vh,24px);line-height:clamp(22px,2.4vh,40px);position:absolute;top:16%;left:0;right:0;transform:skew(-28.6479deg);box-shadow:2px 3px 3px #00000096}.profileContainer .playerName .playerNameText{text-align:center;width:50%;margin-left:50%;display:inline-block;transform:skew(28.6479deg)}.pileContainer{box-sizing:border-box;background-color:#3e4f70;border-radius:10px;justify-content:center;align-items:center;width:calc(10vh + clamp(30px,3vh,60px));height:calc(14vh + clamp(30px,3vh,60px));margin:5px;padding:0;display:inline-flex;position:relative;box-shadow:inset 0 1px 3px #3a3838}.pileContainer .dropzone{box-sizing:border-box;width:100%;height:100%;padding:clamp(15px,1.5vh,30px);position:absolute}.pileLabel{user-select:none;color:#fff;text-align:center;padding-top:3px;font-family:open-sans,Arial,sans-serif;font-size:max(1vh,10px);position:absolute;top:0;left:0;right:0}.pileCard{background-size:100% 100%;border-radius:max(4px,.4vh);width:10vh;height:14vh;margin:1px auto auto;box-shadow:1px 2px 4px #000000bd}.pileSizeLabel{user-select:none;color:#fff;text-align:center;background:#3d3d3d;border-top:2px solid #666;border-bottom:none;border-left:none;border-right:2px solid #666;border-top-right-radius:50%;border-bottom-left-radius:30%;padding:4px 8px;font-family:Arial,sans-serif;font-size:calc(14px + .1vw);position:absolute;bottom:0;left:0}.pileSizeLabel.bigPile{padding:6px}.pileSizeLabel:hover{cursor:pointer;background:#4f4f4f;border-top:2px solid #e0dfdf;border-bottom:none;border-left:none;border-right:2px solid #e0dfdf}div.mainMenuDialog{color:#f0f0ff;text-align:center;background:#262339e3;border-radius:12px}div.mainMenuDialog h2{color:#8ed7ed;font-size:1.5rem}div.mainMenuDialog *{font-family:open-sans,sans-serif!important}.mainMenuDialogContent{box-sizing:border-box;width:20vw;max-width:600px;padding-top:8px}.mainMenuDialogContent li{margin-bottom:20px}.mainMenuDialogContent li:hover{cursor:pointer;text-decoration:underline}div.rollDieDialog{color:#f0f0ff;text-align:center;background:#262339e3;border-radius:12px}div.rollDieDialog h2{font-size:1.5rem}div.rollDieDialog *{font-family:open-sans,sans-serif!important}.rollDieDialogContent{box-sizing:border-box;width:20vw;max-width:600px;height:25vh;padding:0 24px}.rollDieDialogContent li{margin-bottom:20px}.rollDieDialogContent li:hover{cursor:pointer;text-decoration:underline}.transferListContainer{user-select:none;flex-direction:row;width:100%;min-width:600px;max-height:40vh;display:flex;overflow:hidden}.transferListContainer .sideboardContainer,.transferListContainer .decklistContainer{flex-direction:column;width:50%;min-width:300px;display:flex}.transferListContainer .sideboardContainer .listTitle,.transferListContainer .decklistContainer .listTitle{color:#8ed7ed;padding-bottom:10px;text-decoration:underline}.transferListContainer .sideboardContainer .scrollableContainer,.transferListContainer .decklistContainer .scrollableContainer{border:1px solid #ffffff7d;border-radius:5px;height:100%;margin-right:20px;padding:10px;overflow:scroll}.transferListContainer .sideboardContainer li,.transferListContainer .decklistContainer li{width:fit-content}.transferListContainer .sideboardContainer li .itemName:hover,.transferListContainer .decklistContainer li .itemName:hover{cursor:pointer}.transferListContainer .sideboardContainer li.increased,.transferListContainer .decklistContainer li.increased{color:#90ee90}.transferListContainer .sideboardContainer li.decreased,.transferListContainer .decklistContainer li.decreased{color:#ff6b6b}div.sideboardDialog{color:#f0f0ff;width:650px;max-width:unset;background:#262339e3;border-radius:12px;padding:25px 25px 0}div.sideboardDialog *{font-family:open-sans,sans-serif!important}.sideboardDialogContent{box-sizing:border-box;width:100%;height:65vh;padding:20px 24px}.sideboardDialogContent li{margin-bottom:5px}.sideboardDialogContent .itemQuantity{vertical-align:top;width:40px;height:100%;display:inline-block}.sideboardDialogContent .itemName{text-transform:capitalize;width:175px;display:inline-block}.sideboardDialogContent .unsavedChangesContainer{flex-direction:column;align-items:center;width:100%;display:flex}.sideboardDialogContent .unsavedChangesContainer .statusText{margin-bottom:15px}.sideboardDialogContent .unsavedChangesContainer .buttonContainer{gap:10px;display:flex}.sideboardDialogContent .unsavedChangesContainer .clearButton,.sideboardDialogContent .unsavedChangesContainer .submitButton,.sideboardDialogContent .unsavedChangesContainer .cancelButton{min-height:36.5px}.deckSelector{color:#000;flex-grow:1;min-width:150px;max-width:80%;margin-right:5px;display:inline-block}.deckSelector .rfs-select-container{background-color:#edebf2;border-radius:5px}.deckSelector .rfs-control-container>div>div{overflow:visible}div.swapDeckDialogContainer{color:#f0f0ff;background:#262339e3;border-radius:12px;padding-left:10px;overflow:visible}.swapDeckDialogTitle *{font-family:open-sans,sans-serif!important}.swapDeckDialogTitle h2{margin-bottom:10px}.swapDeckDialogContent{max-width:100%;height:fit-content;padding:0 24px;font-family:open-sans,sans-serif}.swapDeckDialogContent .deckSelector .rfs-select-container{width:300px;margin-bottom:20px}.swapDeckDialogContent .deckSelector .rfs-option,.swapDeckDialogContent .deckSelector .rfs-option-focused{box-sizing:border-box;background-clip:padding-box;min-height:35px;max-height:35px;height:auto!important}.swapDeckDialogContent #submit{margin-bottom:30px;display:block}.leftSidebar{user-select:none;background-color:#1c2c49;grid-area:1/1/4/2;grid-template-rows:18vh 3vh 24vh 1fr 27vh 18vh;grid-template-columns:100%;display:grid}.opponentProfile{color:#fff;grid-area:1/1/2/2;justify-content:center;align-items:center;display:flex}.opponentHandSize{user-select:none;color:#fff;grid-area:2/1/3/2;justify-content:center;align-items:center;margin-top:10px;font-family:open-sans,Arial,sans-serif;font-size:calc(16px + .2vw);display:flex}.opponentPiles{grid-area:3/1/4/2;justify-content:center;align-items:center;display:flex}.middleArea{grid-area:4/1/5/2}.middleArea ul{box-sizing:border-box;background-color:#ffffff3d;flex-direction:row;justify-content:center;align-items:center;height:90%;list-style:none;display:flex}.middleArea ul li{aspect-ratio:1;width:16%;min-height:40px;max-height:58px;margin:9px;display:inline-block}.middleArea li button.utilityButton{aspect-ratio:1;color:#d2e6ea;background-image:-webkit-gradient(linear,0 0,0 100%,from(#66abe5),to(#015490));border-radius:50%;height:100%;box-shadow:0 3px 8px #3a3838,inset 0 2px 3px #58a4cc}.middleArea li button.utilityButton:hover{background-color:#fff}.middleArea li button.utilityButton:active{padding-top:10px;box-shadow:inset 0 2px 3px #3a3838}.playerPiles{grid-area:5/1/6/2;justify-content:center;align-items:center;display:flex}.playerProfile{grid-area:6/1/7/2;justify-content:center;align-items:center;margin-top:-5%;display:flex}.library .pileCard,.otherPlayerLibrary .pileCard,.secondCardInFacedownPile{background-image:url(card-back.2878c429.png)}.otherPlayerLibrary{padding:clamp(15px,1.5vh,30px)}.otherPlayerLibrary .pileSizeLabel{cursor:default}.otherPlayerLibrary .pileSizeLabel:hover{cursor:default;background:#3d3d3d;border-top:2px solid #666;border-bottom:none;border-left:none;border-right:2px solid #666}.battlefieldChatOuterContainer{width:100%;height:100%}.battlefieldChatInnerContainer{box-sizing:border-box;background-color:#304771;border-right:none;border-radius:14px;width:calc(100% - 20px);height:calc(100% - 14px);margin:7px;padding:7px;display:inline-block}.battlefieldChatInnerContainer .chatFlexbox{flex-direction:column;height:100%;display:flex}.battlefieldChatInnerContainer .chatLog{color:#fff;text-align:left;flex-grow:1;height:85%;margin-bottom:7px;padding-bottom:7px;padding-right:2px;font-family:open-sans;font-size:calc(14px + .15vw);overflow:auto scroll}.battlefieldChatInnerContainer .chatLog .chatMessageSeries{padding:4px 8px 8px}.battlefieldChatInnerContainer .chatLog .chatMessageSeries .usernameHeader{color:#fff9;margin-bottom:3px;font-size:calc(12px + .15vw)}.battlefieldChatInnerContainer .chatLog .chatMessageSeries.userMessages{text-align:right;background-color:#01010130;border-radius:4px}.battlefieldChatInnerContainer .chatLog .chatMessageSeries.actionLogMessages{text-align:center}@media screen and (width<=1500px){.battlefieldChatInnerContainer .chatLog .chatMessageSeries.actionLogMessages{font-size:12px}}@media screen and (width>=1501px){.battlefieldChatInnerContainer .chatLog .chatMessageSeries.actionLogMessages{font-size:calc(12px + .1vw)}}.battlefieldChatInnerContainer .chatLog .chatMessageSeries .chatMessage{overflow-wrap:anywhere;margin-top:5px}.battlefieldChatInnerContainer .chatLog .chatMessageSeries .importantMessage{color:#ffc758;font-size:calc(14px + .2vw)}.battlefieldChatInnerContainer .chatLog .chatMessageSeries a,.battlefieldChatInnerContainer .chatLog .chatMessageSeries .hoverableCardReference{color:#aad2e8}.battlefieldChatInnerContainer .chatLog .chatMessageSeries .username-red{color:#ff6363}.battlefieldChatInnerContainer .chatLog .chatMessageSeries .username-blue{color:#929cff}.battlefieldChatInnerContainer .chatLog .chatMessageSeries .username-green{color:#5fff5f}.battlefieldChatInnerContainer .chatLog .chatMessageSeries .username-cyan{color:#00fdff}.battlefieldChatInnerContainer .chatLog .chatMessageSeries .username-yellow{color:#ff0}.battlefieldChatInnerContainer .chatLog .chatMessageSeries .username-pink{color:#ffb0fe}.battlefieldChatInnerContainer .chatLog .chatMessageSeries .username-orange{color:orange}.battlefieldChatInnerContainer .chatLog .chatMessageSeries .username-magenta{color:#f427a0}.battlefieldChatInnerContainer .chatInput{background-color:#fff;height:32px}.rightSidebar{text-align:center;background:#1c2c49;grid-area:1/3/4/4;grid-template-rows:22vh 56vh 22vh;grid-template-columns:1fr;display:grid}.topThird{grid-area:1/1/2/2;justify-content:center;align-items:center;display:flex}.middleThird{grid-area:2/1/3/2}.bottomThird{grid-area:3/1/4/2;justify-content:space-evenly;align-items:center;display:flex}.bottomThird button.utilityButton{aspect-ratio:1;color:#fff;background-image:-webkit-gradient(linear,0 0,0 100%,from(#66abe5),to(#015490));border-radius:50%;height:30%;min-height:40px;max-height:65px;box-shadow:0 3px 8px #000000d4,inset 0 2px 3px #58a4cc}.bottomThird button.utilityButton:hover{background-color:#fff}.bottomThird button.utilityButton:active{padding-top:10px;box-shadow:inset 0 2px 3px #3a3838}button.utilityButton svg{height:max(1em,70%);width:unset}.genericAlert .MuiDialogContent-root{padding:16px 24px}.genericAlert .alertMessage{min-width:300px;font-family:open-sans;font-size:16px;line-height:1.5}.genericAlert .MuiDialogActions-root{padding:8px 24px 16px}.battlefield{grid-template-rows:82vh 18vh;display:grid;position:relative;overflow:hidden}@media screen and (width<=1500px){.battlefield{grid-template-columns:clamp(250px,30vh,360px) minmax(0%,1fr) clamp(220px,30vh,300px)}}@media screen and (width>=1501px){.battlefield{grid-template-columns:clamp(250px,30vh,500px) minmax(0%,1fr) clamp(285px,30vh,450px)}}.signInDialogContainer div.signInDialogTitle{padding-bottom:12px}.signInDialogContainer .signUpForm{width:300px;margin-bottom:20px}.signInDialogContainer .signUpForm .usernameField{margin-bottom:10px}.signInDialogContainer .signUpForm .emailField{margin-top:0;margin-bottom:10px}.signInDialogContainer .signUpForm .passwordField{margin-top:0;margin-bottom:5px}.signInDialogContainer .signUpForm .marginField,.signInDialogContainer .signUpForm .signUp .signUpButton{display:block}.signInDialogContainer .signUpForm .signUpButton{margin-bottom:10px}.signInDialogContainer .signUpForm .MuiTouchRipple-rippleVisible{display:none}.signInDialogContainer .signUpForm .loginOrSignupSwitchLabel{vertical-align:middle;font-family:Arial}.signInDialogContainer .signUpForm .forgotPassword{text-transform:none;margin:15px 0;padding:0;font-size:16px;line-height:16px;display:block}.signInDialogContainer .signUpForm .loginOrSignUpSwitch{text-transform:none;padding:0 0 0 10px;font-size:16px;line-height:16px;display:inline}.signInDialogContainer div.loadingBackdrop{z-index:auto}.accountControls{margin-right:15px}.accountControls button{color:#fff5ee}.accountControls .logInButton,.accountControls .createAccountButton,.accountControls .logOutButton{text-transform:none;font-family:open-sans,sans-serif}.accountControls .logOutButton{vertical-align:baseline;padding:0}.accountControls .signedInUsernameLabel{color:#fff5ee;font-family:open-sans,sans-serif;font-size:.875rem}.mobileSidebar .MuiDrawer-paper{color:#fff5ee;background-color:#1b1b3e;width:max(30vw,200px)}.mobileSidebar .mobileMenuItem{color:#fff5ee;justify-content:center;align-items:center;padding:20px;font-family:open-sans;text-decoration:none;display:flex}.mobileSidebar .mobileMenuItem:hover,.mobileSidebar .mobileMenuItem:active{background-color:#282855}.mobileSidebar .signedInUsernameLabel{text-align:center}.mobileSidebar .signedInUsernameLabel:hover,.mobileSidebar .signedInUsernameLabel:active{background-color:#282855}.mobileSidebar .signedInUsernameLabel button,.mobileSidebar button.logInButton{color:#fff5ee}.mobileSidebar button.logInButton:hover,.mobileSidebar button.logInButton:active{background-color:#282855}.topBar{color:#fff5ee;z-index:999;background-color:#0e0e20;justify-content:space-between;align-items:center;width:100vw;max-width:100%;height:50px;display:flex;position:relative;box-shadow:0 3px 13px #0000007d}.mainLogo{height:40px;margin-left:15px;display:inline-block}@media screen and (width<=450px){.mainLogo{height:30px}}.accountContainer{color:#dedbe6;backdrop-filter:blur(10px);background-color:#7d758b57;border-radius:5px;flex-direction:row;width:100%;min-width:650px;margin-top:15px;padding:25px;font-family:open-sans,sans-serif;display:flex;box-shadow:0 3px 7px #00000070}.accountContainer .avatarContainer{flex-direction:column;align-items:center;width:fit-content;padding:0 50px 0 25px;display:flex}.accountContainer .avatarContainer button{color:#dedbe6;margin-top:15px}.accountContainer .avatarContainer .playerAvatar{aspect-ratio:1;border-radius:50%;width:150px;box-shadow:2px 3px 3px #00000096}.accountContainer .accountDetailsContainer{flex-direction:row;justify-content:space-between;width:100%;padding-top:5px;display:flex}.accountContainer .accountDetailsContainer .labelsContainer .usernameLabel{font-size:24px}.accountContainer .accountDetailsContainer .labelsContainer div{margin-bottom:15px}.accountContainer .accountDetailsContainer .labelsContainer div:last-of-type{color:#a1bfdd}.accountContainer .accountDetailsContainer .buttonsContainer{margin-right:25px}.accountContainer .accountDetailsContainer .buttonsContainer button{background-color:#3f51b5;font-family:open-sans,sans-serif;display:block}.accountContainer .accountDetailsContainer .buttonsContainer button:last-of-type{margin-top:15px}.simplePromptDialog{width:35%;min-width:400px;padding:20px}.gravatarDialog{font-family:open-sans,sans-serif}div.createDeckDialogContainer{color:#0f0a51;background:#ececf5;border-radius:8px;max-width:fit-content}div.createDeckDialogContainer *{box-sizing:border-box;font-family:open-sans,sans-serif!important}div.createDeckDialogContainer h2{text-align:center;padding-bottom:10px}div.createDeckDialogContainer .createDeckDialogContent{flex-direction:column;align-items:center;width:fit-content;height:fit-content;padding:0 50px;display:flex}div.createDeckDialogContainer .createDeckDialogContent .nameAndFormatContainer{flex-direction:row;justify-content:space-between;width:100%;margin-bottom:15px;display:flex}div.createDeckDialogContainer .createDeckDialogContent .nameAndFormatContainer .nameContainer,div.createDeckDialogContainer .createDeckDialogContent .nameAndFormatContainer .formatContainer{display:inline-block}div.createDeckDialogContainer .createDeckDialogContent .nameAndFormatContainer .nameLabel,div.createDeckDialogContainer .createDeckDialogContent .nameAndFormatContainer .formatLabel{margin-bottom:10px;display:inline-block}div.createDeckDialogContainer .createDeckDialogContent .nameAndFormatContainer .nameInput{height:38px;padding-left:10px;font-size:16px;display:block}div.createDeckDialogContainer .createDeckDialogContent .nameAndFormatContainer .rfs-select-container{background-color:#fff;width:150px}div.createDeckDialogContainer .createDeckDialogContent .nameAndFormatContainer .rfs-control-container{border:1px solid #767676}div.createDeckDialogContainer .createDeckDialogContent .nameAndFormatContainer .rfs-control-container>div>div{overflow:visible}div.createDeckDialogContainer .createDeckDialogContent .instructionsLabel{align-self:flex-start;margin-bottom:10px}div.createDeckDialogContainer .createDeckDialogContent .errorMessage{color:red;background-color:#ececf5;align-self:flex-start;width:400px;padding-left:0}div.createDeckDialogContainer .createDeckDialogContent .errorMessage .MuiAlert-icon{align-items:center;display:flex}div.createDeckDialogContainer .createDeckDialogContent .textareasContainer{justify-content:space-between;min-width:850px;display:flex}div.createDeckDialogContainer .createDeckDialogContent .textareasContainer .decklistContainer,div.createDeckDialogContainer .createDeckDialogContent .textareasContainer .sideboardContainer{position:relative}div.createDeckDialogContainer .createDeckDialogContent .textareasContainer .deckSize,div.createDeckDialogContainer .createDeckDialogContent .textareasContainer .sideboardSize{position:absolute;right:10px}div.createDeckDialogContainer .createDeckDialogContent .textareasContainer textarea{resize:none;width:48%;min-width:400px;height:300px;padding:10px;font-size:16px}div.createDeckDialogContainer .createDeckDialogContent .submitButton{background-color:#3f51b5;margin-bottom:25px;display:block}.importDeckDialogContainer{width:500px;max-width:90vw}.importDeckDialogTitle{padding:20px 24px 16px;font-weight:600}.importDeckDialogContent{flex-direction:column;gap:16px;padding:0 24px 24px;display:flex}.importDeckDialogContent .supportedSitesText{color:#666;margin-top:-8px;font-size:13px}.importDeckDialogContent .errorMessage{margin-top:8px}.importDeckDialogContent .buttonContainer{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}div.editDeckDialogContainer{color:#0f0a51;background:#ececf5;border-radius:8px;max-width:fit-content}div.editDeckDialogContainer *{box-sizing:border-box;font-family:open-sans,sans-serif!important}div.editDeckDialogContainer h2{text-align:center;padding-bottom:10px}div.editDeckDialogContainer .editDeckDialogContent{flex-direction:column;align-items:center;width:fit-content;height:fit-content;padding:0 50px;display:flex}div.editDeckDialogContainer .editDeckDialogContent .nameAndFormatContainer{flex-direction:row;justify-content:space-between;width:100%;margin-bottom:15px;display:flex}div.editDeckDialogContainer .editDeckDialogContent .nameAndFormatContainer .nameContainer,div.editDeckDialogContainer .editDeckDialogContent .nameAndFormatContainer .formatContainer{display:inline-block}div.editDeckDialogContainer .editDeckDialogContent .nameAndFormatContainer .nameLabel,div.editDeckDialogContainer .editDeckDialogContent .nameAndFormatContainer .formatLabel{margin-bottom:10px;display:inline-block}div.editDeckDialogContainer .editDeckDialogContent .nameAndFormatContainer .nameInput{height:38px;padding-left:10px;font-size:16px;display:block}div.editDeckDialogContainer .editDeckDialogContent .nameAndFormatContainer .rfs-select-container{background-color:#fff;width:150px}div.editDeckDialogContainer .editDeckDialogContent .nameAndFormatContainer .rfs-control-container{border:1px solid #767676}div.editDeckDialogContainer .editDeckDialogContent .nameAndFormatContainer .rfs-control-container>div>div{overflow:visible}div.editDeckDialogContainer .editDeckDialogContent .instructionsLabel{align-self:flex-start;margin-bottom:10px}div.editDeckDialogContainer .editDeckDialogContent .errorMessage{color:red;background-color:#ececf5;align-self:flex-start;width:400px;padding-left:0}div.editDeckDialogContainer .editDeckDialogContent .errorMessage .MuiAlert-icon{align-items:center;display:flex}div.editDeckDialogContainer .editDeckDialogContent .textareasContainer{justify-content:space-between;min-width:850px;display:flex}div.editDeckDialogContainer .editDeckDialogContent .textareasContainer .decklistContainer,div.editDeckDialogContainer .editDeckDialogContent .textareasContainer .sideboardContainer{position:relative}div.editDeckDialogContainer .editDeckDialogContent .textareasContainer .deckSize,div.editDeckDialogContainer .editDeckDialogContent .textareasContainer .sideboardSize{position:absolute;right:10px}div.editDeckDialogContainer .editDeckDialogContent .textareasContainer textarea{resize:none;width:48%;min-width:400px;height:300px;padding:10px;font-size:16px}div.editDeckDialogContainer .editDeckDialogContent .buttonRow{justify-content:space-evenly;width:100%;margin-bottom:25px;display:flex}div.editDeckDialogContainer .editDeckDialogContent .buttonRow button{display:inline-block}div.editDeckDialogContainer .editDeckDialogContent .buttonRow .deleteButton{background-color:#a84a4a}div.editDeckDialogContainer .editDeckDialogContent .buttonRow .saveButton{background-color:#3f51b5}.deckManagerControls{color:#fff;border-radius:5px;flex-wrap:wrap;justify-content:center;min-width:500px;margin-bottom:15px;display:flex}@media screen and (width<=1390px){.deckManagerControls{justify-content:center}}.deckManagerControls .subcontentWrappingDiv{justify-content:end;width:fit-content;height:30px;margin-bottom:15px;display:inline-flex}.deckManagerControls .MuiTouchRipple-rippleVisible{display:none}.deckManagerControls .deckManagerColorFilters{align-items:center;width:fit-content;margin-right:15px;font-family:open-sans;display:inline-flex}.deckManagerControls .deckManagerColorFilters .colorFilterStrategy{margin-left:10px}.deckManagerControls .deckManagerColorFilters .colorFilterStrategy .rfs-select-container{width:130px;display:inline-block}.deckManagerControls .deckManagerColorFilters .colorFilterStrategy .colorStrategyTooltip{display:inline}.deckManagerControls .deckManagerColorFilters .colorFiltersLabel{color:#edebf2;margin-right:5px;font-size:16px}.deckManagerControls .deckManagerColorFilters span.MuiCheckbox-root{padding:0}.deckManagerControls .createDeckButton{white-space:nowrap;background-color:#3f51b5;margin-right:15px;font-family:open-sans,sans-serif}.deckManagerControls .importDeckButton{white-space:nowrap;background-color:#3f51b5;margin-right:30px;font-family:open-sans,sans-serif}.deckManagerControls .nameFilter{margin-right:30px;padding-left:5px}.deckManagerControls .nameFilter:focus{outline:none}.deckManagerControls .rfs-select-container{width:140px}.deckManagerControls .rfs-select-container *{color:#fff;box-shadow:none;font-family:open-sans,sans-serif}.deckManagerControls .rfs-select-container .rfs-option{color:#000}.deckManagerControls .rfs-control-container{min-height:unset}.deckManagerControls .rfs-control-container>div>div{overflow:visible}.deckItemContainer{backdrop-filter:blur(5px);background-color:#7d758b57;border-radius:8px;justify-content:center;justify-self:center;align-items:center;width:clamp(160px,14.2857vh,214px);height:clamp(225px,20vh,300px);display:flex;position:relative;box-shadow:2px 4px 6px #000000b3}.deckItemContainer:hover{cursor:pointer;background-color:#c4b7db57}.deckItemContainer .deckCoverImage{aspect-ratio:.715;background-size:100% 100%;border-radius:4%;height:clamp(150px,14vh,220px);position:relative;top:-12px;box-shadow:2px 4px 6px #161515c2}.deckItemContainer .deckNameBanner{text-overflow:ellipsis;text-align:center;background:linear-gradient(26deg,#2c3182,#29a0c8);border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:8px 5px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.decksList{color:#edebf2;border:1px solid #ffffff69;border-radius:10px;flex-wrap:wrap;gap:30px;max-width:1600px;height:fit-content;min-height:200px;max-height:78vh;padding:20px;font-family:open-sans,sans-serif;display:flex;position:relative;overflow:hidden auto}.decksList.emptyState{text-align:center;grid-template-columns:1fr}.decksList .emptyStateMessage{text-align:center;height:fit-content;font-size:18px;position:relative;top:35%}.decksList .emptyStateMessage .emptyStateMainLabel{margin-bottom:8px}.decksList .emptyStateCreateButton{cursor:pointer;width:fit-content;margin:auto;text-decoration:underline}.lobbyNavigation{padding-top:max(20px,4vh)}.lobbyNavigation li{color:#edebf2;font-family:open-sans,sans-serif;display:block}@media screen and (width<=2000px){.lobbyNavigation li{font-size:18px}}@media screen and (width>=2001px){.lobbyNavigation li{font-size:20px}}.lobbyNavigation li a:hover,.lobbyNavigation li a:hover *{color:#e1aa51}.lobbyNavigation li a{color:#edebf2;padding-left:max(20px,4vh);text-decoration:none;display:inline-block}@media screen and (height<=1200px){.lobbyNavigation li a{height:50px;line-height:50px}}@media screen and (height>=1201px){.lobbyNavigation li a{height:60px;line-height:60px}}.lobbyNavigation li a.activeNav{color:#468ee7}.lobbyNavigation li a svg{vertical-align:middle;margin-right:20px}.lobbyNavigation li a .discordLogo{width:24px;height:24px}.waitingRoomChatContainer{background-color:#4a4a4a42;border-radius:20px;height:100%;padding:10px;box-shadow:inset 0 0 0 10px #221f2a,0 0 0 8px #221f2a}.waitingRoomChatContainer .waitingRoomChatInnerContainer{border:1px solid #66618985;border-radius:10px;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative}.waitingRoomChatContainer .chatLog{word-break:break-word;position:absolute;inset:8px 8px 48px;overflow-y:scroll}.waitingRoomChatContainer .chatLog .chatMessageUserId{margin-right:8px}.waitingRoomChatContainer .chatLog a{color:#8edada}.waitingRoomChatContainer .chatInput{background-color:#ffffffb0;height:32px;position:absolute;bottom:8px;left:8px;right:8px}.waitingRoomChatContainer .chatInput:hover fieldset{border-color:#0000003b}.currentWaitingRoomView{box-sizing:border-box;color:#dedbe6;background-color:#0000;border-radius:10px;grid-template-rows:15% 1fr;grid-template-columns:66% 34%;min-width:600px;max-width:1400px;height:275px;margin-top:10px;padding:15px 20px;font-family:open-sans,sans-serif;display:grid;box-shadow:0 3px 7px #00000070,inset 0 0 0 20px #221f2a}.currentWaitingRoomView .titleAndTagsContainer{background-color:#221f2a;grid-area:1/1/2/2;justify-content:space-between;align-items:center;padding-left:12px;display:flex;position:relative}.currentWaitingRoomView .titleAndTagsContainer .roomTitle{text-overflow:ellipsis;white-space:nowrap;width:fit-content;max-width:60%;height:25px;font-size:20px;display:inline-block;overflow:hidden}.currentWaitingRoomView .titleAndTagsContainer .roomTitle:first-letter{text-transform:capitalize}.currentWaitingRoomView .titleAndTagsContainer .roomTags{min-width:fit-content;margin-right:10px;display:inline-block}.currentWaitingRoomView .titleAndTagsContainer .roomTags div{background-color:#9175b44d;margin-right:5px}.currentWaitingRoomView .titleAndTagsContainer .roomTags *{color:#edebf2;position:relative}.currentWaitingRoomView .roomDetails{background-color:#221f2a;grid-area:1/2/3/3;padding-left:10px}.currentWaitingRoomView .roomDetails .playerStatusPanel{background-color:#9175b44d;border-radius:10px;height:112px;padding:10px}.currentWaitingRoomView .roomDetails .playerStatusPanel .roomStatus{font-size:clamp(12px,1.1vw,16px)}.currentWaitingRoomView .roomDetails .playerStatusPanel hr{border-color:#ffffff63}.currentWaitingRoomView .roomDetails .playerStatusPanel .playerList{flex-wrap:wrap;gap:8px;height:60px;display:flex;overflow:hidden scroll}.currentWaitingRoomView .roomDetails .playerStatusPanel .playerList .deckSelectedIndicator{margin-left:5px}.currentWaitingRoomView .roomDetails .playerStatusPanel .playerList .deckSelectedIndicator *{cursor:auto;padding:0}.currentWaitingRoomView .roomDetails .playerStatusPanel .playerList .deckSelectedIndicator svg{color:#edebf2}.currentWaitingRoomView .roomDetails .roomControlsPanel .middleRowContainer{justify-content:space-around;align-items:center;margin-top:20px;display:flex}.currentWaitingRoomView .roomDetails .roomControlsPanel .middleRowContainer.centerSelector{justify-content:space-around;padding:15px}.currentWaitingRoomView .roomDetails .roomControlsPanel .middleRowContainer svg{color:#edebf2;padding:0;font-size:32px}.currentWaitingRoomView .roomDetails .roomControlsPanel .bottomRowContainer{justify-content:space-evenly;margin-top:20px;display:flex}.currentWaitingRoomView .roomDetails .roomControlsPanel.gameStarted{justify-content:space-evenly;margin-top:30px;display:flex}.currentWaitingRoomView .roomDetails .roomControlsPanel .launchGameButton,.currentWaitingRoomView .roomDetails .roomControlsPanel .rejoinGameButton,.currentWaitingRoomView .roomDetails .roomControlsPanel .leaveGameButton,.currentWaitingRoomView .roomDetails .roomControlsPanel .exitGameButton{font-family:open-sans,sans-serif;display:inline-block}.currentWaitingRoomView .roomDetails .roomControlsPanel .launchGameButton,.currentWaitingRoomView .roomDetails .roomControlsPanel .rejoinGameButton{background-color:#3f51b5}.currentWaitingRoomView .roomDetails .roomControlsPanel .leaveGameButton,.currentWaitingRoomView .roomDetails .roomControlsPanel .exitGameButton{background-color:#a84a4a}.currentWaitingRoomView .roomChat{grid-area:2/1/3/2}div.createGameDialogContainer{background-color:#392e56;border-radius:12px;min-height:450px;overflow:visible}div.createGameDialogContainer *{box-sizing:border-box;font-family:open-sans,sans-serif!important}.createGameDialogTitle h2{text-align:center;color:#f7efef;margin-bottom:10px}.createGameDialogContent{flex-direction:column;align-items:center;min-width:400px;height:fit-content;min-height:400px;padding:0 24px;font-family:open-sans,sans-serif;display:flex}.createGameDialogContent label{color:#f7efef;align-self:flex-start;margin-bottom:5px;display:block}.createGameDialogContent .titleInput,.createGameDialogContent .passwordInput{border:none;border-radius:5px;width:300px;height:35px;margin-bottom:15px;padding:5px 5px 5px 10px;font-size:16px}.createGameDialogContent .maxPlayersContainer,.createGameDialogContent .formatContainer,.createGameDialogContent .experienceLevelContainer{flex-direction:column;align-items:center;width:300px;height:55px;margin-bottom:20px;display:flex}.createGameDialogContent .maxPlayersContainer .rfs-select-container,.createGameDialogContent .formatContainer .rfs-select-container,.createGameDialogContent .experienceLevelContainer .rfs-select-container{background-color:#fff;border-radius:5px;width:300px;margin-top:25px;position:absolute}.createGameDialogContent .maxPlayersContainer .rfs-control-container>div>div,.createGameDialogContent .formatContainer .rfs-control-container>div>div,.createGameDialogContent .experienceLevelContainer .rfs-control-container>div>div{overflow:visible}.createGameDialogContent .mirrorModeContainer{margin-bottom:20px}.createGameDialogContent .mirrorModeContainer label{display:unset}.createGameDialogContent #submit{background-color:#3f51b5;margin-bottom:30px;display:block}.MuiTooltip-popper{z-index:9999999!important}.roomsListControls{color:#fff;border-radius:5px;justify-content:end;min-width:600px;max-width:1380px;height:30px;margin-bottom:20px;display:flex}.roomsListControls .MuiTouchRipple-rippleVisible{display:none}.roomsListControls .createGameButton{background-color:#3f51b5;margin-right:30px;font-family:open-sans,sans-serif}.roomsListControls .titleFilter{margin-right:30px;padding-left:5px}.roomsListControls .titleFilter:focus{outline:none}.roomsListControls .rfs-select-container{width:140px}.roomsListControls .rfs-select-container *{color:#fff;box-shadow:none;font-family:open-sans,sans-serif}.roomsListControls .rfs-select-container .rfs-option{color:#000}.roomsListControls .rfs-control-container{min-height:unset}.roomsListControls .rfs-control-container>div>div{overflow:visible}.waitingRoomListItem{color:#dedbe6;backdrop-filter:blur(10px);user-select:none;background-color:#7d758b57;border-radius:5px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 20%;width:440px;height:110px;padding:15px 20px;font-family:open-sans,sans-serif;display:inline-grid;box-shadow:0 3px 7px #00000070}.waitingRoomListItem .roomTitleContainer{grid-area:1/1/2/2;align-items:flex-start;display:flex}.waitingRoomListItem .roomTitleContainer .roomTitle{user-select:text;text-overflow:ellipsis;white-space:nowrap;width:300px;height:25px;font-size:18px;overflow:hidden}.waitingRoomListItem .roomTitleContainer .roomTitle:first-letter{text-transform:capitalize}.waitingRoomListItem .playerCountContainer{grid-area:1/2/2/3;justify-content:flex-end;align-items:flex-start;display:flex}.waitingRoomListItem .playerCountContainer.passworded{justify-content:space-between}.waitingRoomListItem .tagsContainer{grid-area:2/1/3/2;align-items:flex-end;display:flex}.waitingRoomListItem .tagsContainer *{color:#dedbe6}.waitingRoomListItem .tagsContainer>div{margin-right:5px}.waitingRoomListItem .statusContainer{white-space:nowrap;grid-area:2/2/3/3;justify-content:flex-end;align-items:flex-end;margin-bottom:10px;display:flex}.waitingRoomListItem .statusContainer button{padding-bottom:0;position:relative;top:8px;right:-8px}.waitingRoomListItem svg{color:#dedbe6}.roomsListContainer{height:78vh}.roomsListContainer.withCurrentRoom{flex-direction:column;display:flex}.roomsList{border:1px solid #ffffff46;border-radius:10px;grid-template-columns:repeat(auto-fit,440px);align-content:start;gap:20px;min-width:600px;max-width:1400px;height:78vh;padding:20px;display:grid;position:relative;overflow:hidden auto}.roomsList.halfList{flex:1;min-height:0}@media screen and (height<=1400px){.roomsList.halfList{height:calc(78vh - 285px)}}@media screen and (height>=1401px){.roomsList.halfList{height:50%}}.roomsList.emptyState{text-align:center;grid-template-columns:1fr;overflow-y:auto}@media screen and (height<=1400px){.roomsList.emptyState{height:78vh}}@media screen and (height>=1401px){.roomsList.emptyState{height:60vh}}.roomsList .emptyStateMessage{color:#edebf2;height:fit-content;margin-top:25vh;font-family:open-sans,sans-serif;font-size:18px;position:relative}.roomsList .emptyStateMessage .emptyStateMainLabel{margin-bottom:8px}.roomsList .emptyStateCreateButton{cursor:pointer;width:fit-content;margin:auto;text-decoration:underline}.changeShortcutDialog{font-family:open-sans,sans-serif}.shortcutsTableContainer{width:400px;max-height:500px;box-shadow:none;background-color:#0000;margin-bottom:20px}.shortcutsTableContainer *{color:#fff}.shortcutsTableContainer .shortcutsTableHeader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.shortcutsTableContainer .shortcutsTableHeader h1{margin:0;font-size:20px;font-weight:600}.shortcutsTableContainer .shortcutsTable{border:1px solid #fff9;height:85%;overflow:hidden}.shortcutsTableContainer .columnLabels{border-bottom:1px solid #fff;justify-content:space-between;align-items:center;padding-left:15px;padding-right:15px;display:flex}.shortcutsTableContainer .columnLabels div{font-weight:600}.shortcutsTableContainer .columnLabels div:last-child{text-align:center;padding:20px}.shortcutsTableContainer .columnLabels button.resetDefaultsButton{background-color:#3f51b5;font-family:open-sans,sans-serif}.shortcutsTableContainer .shortcutsTableContent{height:100%;padding-bottom:55px;overflow:scroll}.shortcutsTableContainer .keyboardShortcutRow{border-bottom:1px solid #fff;justify-content:space-between;align-items:center;height:55px;padding-left:15px;padding-right:15px;display:flex}.shortcutsTableContainer .keyboardShortcutRow:hover{cursor:pointer;background-color:#9b999945}.shortcutsTableContainer .keyboardShortcutRow .keyboardAction{width:fit-content}.shortcutsTableContainer .keyboardShortcutRow .assignedShortcut{width:fit-content;padding:20px}.settingsPanelContainer{flex-direction:column;gap:50px;height:100%;padding-bottom:40px;display:flex;overflow:visible}.settingsPanelContainer .settingSection:last-child{flex-direction:column;display:flex}.settingsPanelContainer .settingSection h3{color:#fff;margin-bottom:20px;font-size:20px;font-weight:600}.settingsPanelContainer .settingSection .settingRow{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.settingsPanelContainer .settingSection .settingRow label{color:#fff;font-size:14px;font-weight:500}.settingsPanelContainer .settingSection .settingRow select{color:#000;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:5px;width:80%;max-width:400px;padding:8px 12px;font-family:open-sans,sans-serif;font-size:14px}.settingsPanelContainer .settingSection .settingRow select:focus{border-color:#3f51b5;outline:none}.settingsPanelContainer .settingSection .settingRow .radioGroup{flex-direction:column;gap:16px;margin-top:8px;display:flex}.settingsPanelContainer .settingSection .settingRow .radioGroup .radioOption{color:#fff;cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;font-weight:400;display:flex}.settingsPanelContainer .settingSection .settingRow .radioGroup .radioOption input[type=radio]{cursor:pointer;flex-shrink:0;margin-top:3px}.settingsPanelContainer .settingSection .settingRow .radioOptionWithDropdown{flex-direction:column;gap:10px;display:flex}.settingsPanelContainer .settingSection .settingRow .radioOptionWithDropdown .setDropdownContainer{color:#000;flex-direction:column;gap:8px;max-width:400px;margin-left:25px;display:flex}.settingsPanelContainer .settingSection .settingRow .radioOptionWithDropdown .setDropdownContainer .rfs-wrapper{width:auto;max-width:400px;font-size:14px}.settingsPanelContainer .settingSection .settingRow .radioOptionWithDropdown .setDropdownContainer .rfs-select-container{background-color:#edebf2;border-radius:5px}.settingsPanelContainer .settingSection .settingRow .settingNote{color:#a1bfdd;background-color:#ffffff1a;border-left:3px solid #a1bfdd;border-radius:3px;max-width:400px;margin-top:16px;padding:12px;font-size:13px;line-height:1.5}.settingsContainer{color:#dedbe6;backdrop-filter:blur(10px);background-color:#7d758b57;border-radius:5px;flex-direction:row;width:100%;height:80vh;margin-top:15px;padding:35px 35px 35px 60px;font-family:open-sans,sans-serif;display:flex;overflow-y:scroll;box-shadow:0 3px 7px #00000070}.saveSettingsChangesSnackbar button.saveChangesButton,.saveSettingsChangesSnackbar button.discardChangesButton{margin-left:15px}.saveSettingsChangesSnackbar .MuiAlert-action{display:none}.saveSettingsChangesSnackbar .MuiAlert-icon{flex-direction:column;justify-content:center;font-size:28px}.lobbyContainer{background-color:#0e0e20;background-image:url(background.be4fac3f.jpg);background-size:cover;width:100vw;max-width:100%;height:calc(100vh - 50px);min-height:500px;display:grid;overflow:scroll}@media screen and (width<=2200px){.lobbyContainer{grid-template-columns:0 clamp(250px,32vh,360px) minmax(620px,1fr) clamp(220px,32vh,300px) 0}}@media screen and (width>=2201px){.lobbyContainer{grid-template-columns:1fr 10vw 40vw 10vw 1fr}}.lobbyContainer *{box-sizing:border-box}.lobbyContainer .leftSidebarContainer{grid-area:1/2/4/3;width:100%;height:100%}.lobbyContainer .centerContentContainer{grid-area:1/3/4/4;min-width:620px;height:calc(100vh - 50px);padding:20px}.lobbyContainer .rightSidebarContainer{background-position:100%;background-repeat:no-repeat;grid-area:1/4/4/5;width:100%;height:100%;padding:70px 20px 20px}.lobbyContainer .tips{color:#fff;background-color:#13112938;border:1px solid #ffffff46;border-radius:10px;width:100%;height:78vh;padding:15px;font-family:open-sans;line-height:18px;overflow:hidden scroll}@media screen and (height>=1401px){.lobbyContainer .tips{height:calc(50% + 285px)}}.lobbyContainer .tips p{margin-bottom:20px}.lobbyContainer .tips ul{padding-left:15px}.lobbyContainer .tips li{margin-bottom:20px;list-style-type:disc}.lobbyContainer .tips a{color:#afeeee;white-space:nowrap}.lobbyContainer .tips a:active,.lobbyContainer .tips a:visited{color:#afeeee}@media screen and (width<=750px){.lobbyContainer{grid-template-columns:1fr}.lobbyContainer .leftSidebarContainer,.lobbyContainer .rightSidebarContainer{display:none}}