:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;color:#000}body{margin:0;padding:0;background-image:url(/assets/bg_gradient-D3a9wVZ1.webp);background-size:cover}#root,#root:first-child{height:100%;margin:0;padding:0}@media only screen and (max-width: 600px){.cardSmallTag{width:100%;height:3em}.filterBuilder{width:80%}.cardSelector button{height:90%;width:2.3em}.deckBuilder{grid-template-columns:60% 40%;grid-template-rows:auto auto}.cardList{height:90%}.deckMenuContainer{max-height:95%;overflow-y:scroll}.bigCardContainer{width:33.3%}.biggerCard{position:absolute;top:10em!important;left:0!important;width:100%;z-index:51}}@media only screen and (min-width: 601px){.collectionBody .cardSmallTag{width:24%}.deckBuilderStats .cardSmallTag{width:48%}.filterBuilder{width:50%}.cardName{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.deckBuilder{display:grid;grid-template-columns:60% 40%;grid-template-rows:8% auto}.bigCardContainer{width:16.6%}.biggerCard{width:25%}.menuToggler{display:none}.builderFilter{padding-left:1em}}h1{margin-top:0}.deckBuilder{height:95%}.builderFilter{grid-column-start:1;grid-column-end:3}.cardList{overflow-y:scroll;grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3}.bigCardContainer{display:inline-block;margin:0 0 10px;padding:5px;box-sizing:border-box}.bigCardContainer img{width:100%;transition:.2s;z-index:1;cursor:pointer}.bigCardContainer img:hover{transform:scale(1.1) translateY(-10px);z-index:100}.deckBuilderStats .cardSmallTag{margin:.5%}.collectionContainer{position:relative;width:100%;height:95%;display:flex;flex-direction:column}.collectionBody{width:100%;overflow:scroll}.collectionBody .cardSmallTag{margin:.5%}.cardSmallTag{display:inline-flex;cursor:pointer;justify-content:space-between;padding-left:3px;padding-right:3px;box-sizing:border-box}.cardSmallTag div{padding-top:3px;padding-bottom:4px}.cardName{flex-basis:37%}.Red{background-color:#bd0152;color:#fff}.Green{background-color:#63a541;color:#fff}.Blue{background-color:#0272b7;color:#fff}.White{background-color:snow}.Purple{background-color:#804995;color:#fff}.Neutral{background-color:#e9cda2}.cardSmallTag .cardSelector{float:right}.cardSelector button{margin:0 5px}nav ul{margin:0;list-style:none;display:inline-block;padding:10px}nav li{display:inline-block;margin:0 10px}.bigCardSelector{width:100%;text-align:center}nav a{text-decoration:none}.biggerCardContainer{position:absolute;top:-5%;left:0;width:100%}.biggerCard{position:absolute;top:0;left:0;z-index:51}.biggerCard img{width:100%;filter:drop-shadow(0px 5px 5px #222)}.filterBuilder{border:1px solid black;border-radius:5px;display:inline-block;z-index:50;background-color:#fff;min-height:46px;vertical-align:top}.filterBuilder:hover{cursor:text}.filterBuilder input{border:none;outline:none;height:46px;background:none;padding:0 2px;display:inline-block;vertical-align:top}.filterBuilder input:active{border:none}.filterBuilder input:focus{border:none;outline:none}.filterPossibilities{display:block;width:100%;background-color:#fff}.possibility{transition:.2s}.possibility:hover,.possibility.selected{background-color:#1e90ff;color:#fff;cursor:pointer}.filterParam{display:inline-block;background-color:#1e90ff;color:#fff;padding:5px;border-radius:5px;margin:5px;transition:.2s}.filterParam:hover{background-color:#f08080;cursor:pointer}.filterParam div{display:inline-block}.crossMark{border-radius:50%;border:1px solid white;width:1.5em;height:1.5em;text-align:center;margin-right:5px}.filterButton{position:absolute;left:50%}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a;z-index:160;opacity:0;transition:.2s}form{text-align:center}.exportScreen,.saveScreen{position:absolute;z-index:150;width:50%;height:70%;margin:0 auto;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;padding:10px;box-shadow:5px 5px 20px #0009;border-radius:10px}.actionButtons{position:absolute;bottom:0;width:20%;margin:20px auto;left:40%;display:flex;justify-content:space-between}.exportScreen button,.saveScreen button{padding:5px;background-color:#6495ed;border:none;border-radius:5px;margin:5px;cursor:pointer}.activeButton{background-color:#7fffd4!important}.selectedCardsDisplay{width:98%;margin:0 auto}.tabSelector{font-weight:700;display:flex;justify-content:center;width:98%;margin:0 auto}.tabSelector div{margin:0 20px}.tabSelector div:hover{text-decoration:underline;cursor:pointer}.tabSelector .selected{text-decoration:underline;font-style:italic}.levelsTable{width:80%;height:280px;margin:0 auto 2em;display:grid;grid-template-columns:9% 91%}.xAxis .levels div{display:inline-block;width:10%;text-align:center}.yAxis{display:flex;flex-direction:column;justify-content:space-between}.bars{position:relative;height:100%}.barContainer{position:relative;display:inline-block;height:100%;width:10%;text-align:center}.colorBar{background-color:#6495ed;color:#6495ed;transition:.4s;position:absolute;bottom:0;vertical-align:bottom;width:90%;margin:0 auto;display:flex;align-items:flex-end;justify-content:center}.innerColorBar{background-color:#faebd7;flex-grow:1}.levelsTable td:first-child{text-align:right;padding-right:10px}.pieCharContainer{width:30%;margin:0 auto}.deckItem{border:1px solid black;border-radius:5px;width:20em;text-align:center;height:3em;margin:10px;cursor:pointer;color:#fff;text-shadow:-1px -1px 3px black}.deckItem h4{padding:0;margin:0}.infoContainer{display:inline-flex;width:100%}