#root{max-width:100vw;margin:0 auto;text-align:center;min-height:100vh;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.App{display:grid;grid-template-columns:50%;grid-template-rows:auto 1fr;height:100%;width:67%;margin-left:30%;grid-column-gap:5%}.rightSideGrid{grid-column:2 / 2;grid-row:2 / 4;display:grid;grid-template-rows:auto 1fr;grid-auto-rows:auto;position:relative}.mainTitle{font-size:2.5rem;margin-left:-30%;color:#fff;margin-top:0;grid-row:1 / 2;grid-column:1 / 3;text-align:center}.footer{position:absolute;bottom:0;max-height:150px;height:auto;min-height:50px;width:100%;left:0;right:0;text-align:center;background-color:red;z-index:2}.footerText{font-size:.8rem}.mapwrap{grid-row:2 / span 1;width:100%;height:75.5%;border:1px solid gold;overflow:auto;overflow-x:visible;padding:.5rem;position:relative;background-color:gold}.mapwrap::-webkit-scrollbar{width:0px;height:0px}.mapholder{width:100%;height:100%;float:left;pointer-events:none;user-select:none}@media screen and (min-height: 1250px){.mapwrap{height:71%}}@font-face{font-family:Rowdies-Regular;src:url(/assets/Rowdies-Regular-307a12cc.ttf);font-weight:400;font-style:normal}.buttonCamp{position:absolute;left:50%;width:5%;height:5%;border-radius:50%;border:none;background-color:transparent;cursor:pointer}.campImage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:105%;max-height:105%;object-fit:cover;object-position:center center;pointer-events:none;user-select:none}.campOrder{position:absolute;top:-190%;right:-75%;font-family:Rowdies-Regular;display:inline;pointer-events:none;z-index:5000;font-size:2rem;user-select:none}#bluesentinelimg,#redbramblebackimg{max-width:120%;max-height:120%}.buttonCamp[data-iscampselected=true]{box-shadow:0 0 10px 7px gold}#Gromp-Blue{top:41%;left:13%}#Blue-Sentinel-Blue{top:43.7%;left:23.5%}#Murkwolf-Blue{top:53%;left:24%}#Raptor-Blue{top:61.7%;left:45.3%}#Red-Brambleback-Blue{top:70.5%}#Krugs-Blue{top:79.5%;left:54%}#Gromp-Red{top:54%;left:82.3%}#Blue-Sentinel-Red{top:51%;left:72%}#Murkwolf-Red{top:41.5%;left:71.65%}#Raptor-Red{top:33%;left:50.2%}#Red-Brambleback-Red{top:24%;left:45.6%}#Krugs-Red{left:41.5%;top:15%}#Scuttlecrab-Bottom{top:61.5%;left:68%}#Scuttlecrab-Top{top:32.5%;left:27%}@media screen and (min-height: 1250px){.campOrder{top:-135%}}.reset{position:absolute;display:flex;align-items:center;justify-content:center;bottom:3%;right:4%;width:6%;height:6%;background-color:#a1292970;border:.1px solid white;font-weight:700;cursor:pointer;color:#fff;text-align:center;font-size:1.1rem;padding-top:.1rem;user-select:none}.reset:hover{background-color:#c98989;transition-delay:0s}@media screen and (width > 2140px){.reset{font-size:2rem}}@font-face{font-family:Rowdies-Regular;src:url(/assets/Rowdies-Regular-307a12cc.ttf);font-weight:400;font-style:normal}.expDisplay{height:auto;background-color:#27272ec2;display:inline-block;grid-row:1 / span auto;border-left:1px solid white;border-right:1px solid white}.undermapcontainer{position:absolute;display:flex;z-index:1;top:77.6%;left:-122.3%;width:114.2%;background-color:#27272ec2;height:9%;align-items:top;gap:5%}.golddiv,.expbar,.sideselect{margin-top:1%;flex:1 0 25%}.golddiv{width:200px;display:flex;align-items:top;justify-content:center;overflow:hidden}.coin{display:inline-block;width:25%;height:90%;pointer-events:none;user-select:none}.coinTd{display:inline;width:25%;height:25%;margin-right:-2%;margin-left:3%;user-select:none}.totalGold{display:inline-block;margin-right:10px;color:gold;font-weight:700}.expbar{width:30%;height:31%;border:1px solid gold;background-color:#ffffff49;transform:translate(0);z-index:500}.expbar-inner{position:absolute;top:0;left:0;height:100%;background-color:#ff00ea88;z-index:100}.totalExp{display:inline;z-index:5000;font-weight:700;position:relative}.requiredExp{color:#000;position:relative;z-index:5000}.expDisplay{display:flex;flex-direction:column;align-items:center}table{border-collapse:collapse;width:100%;max-width:800px;table-layout:fixed}.exp-count-th{background-color:#ffffff10;color:#fff;text-align:center;border-top:1px solid white;border-bottom:1px solid white;width:120px;white-space:nowrap}td{border-bottom:1px solid #ddd}.campName-td{text-align:left;padding-left:2%}@media screen and (min-height: 1250px){.undermapcontainer{top:72.5%;height:7%;left:-122.3%;width:113.7%}.expbar{height:30%}}.sidebox{width:30px;height:30px;margin:0;cursor:pointer}#bluebox{accent-color:blue}#redbox{accent-color:red}.selectsidep{margin:0;font-weight:700}.sidebox-label{display:inline-block;font-size:0px;padding:0;margin:2%;cursor:pointer}#redlabel{border:2px solid red}#bluelabel{border:2px solid blue}.sidebox-label input[type=checkbox]{vertical-align:middle}.champcontainer{height:30%;max-height:200%;width:21%;position:absolute;bottom:12%;left:7%}.champimages{width:100%;height:80%;display:flex;flex-direction:row-reverse;flex-wrap:wrap-reverse;justify-content:center;align-content:flex-start;gap:1.34%;padding-bottom:1%}.champInput{width:80%;position:absolute;top:50%;left:5%;transform:translateY(-50%);height:50%}.selectedChampImage{width:40px;height:40px;cursor:pointer}.searchbarcontainer{background-color:#27272ec2;height:20%;width:100%;position:relative}.options{background-color:#033a3a;position:absolute;width:100%;max-height:400%;overflow-y:auto;top:0%;display:flex;flex-direction:column;transform:translateY(-100%)}.optul{list-style:none;padding-left:0;height:100%;margin-top:0;display:flex;flex-direction:column;justify-content:center;margin-bottom:0}.optli:nth-child(1){border-top:1px solid white}.optli{display:flex;align-items:center;border-bottom:1px solid white;height:3rem;background-color:#1a1a1f}.optli:hover{background-color:#ffffff0d!important;cursor:pointer}.championImg{height:40px;width:40px;margin-left:1rem;margin-right:0}.optli-text{display:flex;align-items:center;font-size:1.5rem;justify-content:center;flex:1}.resetchamps{position:absolute;background-color:#a1292970;border:none;font-weight:700;height:60%;width:8%;top:50%;left:90%;transform:translateY(-50%);cursor:pointer}.resetchamps:hover{background-color:#a12929}.valuedisplay{position:absolute;width:23%;left:-23%;top:0%;border-right:1px solid white;border-left:1px solid white;height:auto;background-color:#1a1a1f;transition:all .3s ease-in-out}.valuedisplay[data-isactive=true]{left:4.5%}.value-display-th{border-top:1px solid white;border-bottom:1px solid white;padding-top:.5rem;padding-bottom:.5rem}.copied{background-color:#1a1a1f;position:absolute;width:10%;border:1px solid white;z-index:200;left:4.5%;top:-200%;transition:all .3s ease-in-out}.copied[data-isdisplayed=true]{top:10%}.sideBarDiv{position:fixed;left:0;background-color:#1a1a1f;height:100vh;width:4.5%;z-index:1}.sideB{width:100%;height:5%;background-color:#1a1a1f;border:none;position:relative;z-index:5;font-weight:700;font-size:1rem;font-family:Arial,Helvetica,sans-serif}.sideB:hover{background-color:#ffffff0d!important}.exportoptionscontainer{position:absolute;width:100%;height:5%;background-color:#1a1a1f;bottom:85%;right:-100%;display:none;flex-direction:row;align-items:center}.exportoptionscontainer>.sideB{height:100%}.exportoptionscontainer[data-isactive=true]{display:flex}.importoptionscontainer{position:absolute;width:100%;height:5%;background-color:#1a1a1f;bottom:90%;right:-100%;display:none;flex-direction:row;align-items:center}.importoptionscontainer>.sideB{height:100%}.importoptionscontainer[data-isactive=true]{display:flex}.downloadoptionscontainer{position:absolute;width:100%;height:5%;background-color:#1a1a1f;bottom:80%;right:-100%;display:none;flex-direction:column;cursor:pointer;align-items:center;justify-content:center}.downloadoptionscontainer>.sideB{height:100%}.downloadoptionscontainer[data-isactive=true]{display:flex}.downloadoptionscontainer:hover{background-color:#ffffff1a!important}.downloadLink{width:100%;border:none;position:relative;z-index:5;font-weight:700;font-size:1rem;font-family:Arial,Helvetica,sans-serif;text-decoration:none;color:#fff}.downloadLink:visited{text-decoration:none;color:#fff}.downloadLink:hover{color:#fff}.importpopup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background-color:#f0f8ff56;z-index:6000}.setimport{z-index:6000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:80%;background-color:#27272e;box-shadow:0 2px 4px #0003,0 4px 8px #0003,0 8px 16px #0003}.cancelimportX{position:absolute;display:flex;align-items:center;justify-content:center;top:2%;right:2%;width:3%;height:3%;background-color:#a1292970;border:.1px solid white;font-weight:700;cursor:pointer;color:#fff;text-align:center;font-size:1.1rem;padding:.1rem;user-select:none}.textfieldImport{background-color:#0c04048a;position:absolute;transform:translate(-50%,-50%);border:none;top:50%;left:50%;height:10%;width:45%;resize:none;color:#fff;font-size:1rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.urlImportPopup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background-color:#f0f8ff56;z-index:6000}.seturlimport{z-index:6000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:20%;background-color:#27272e;box-shadow:0 2px 4px #0003,0 4px 8px #0003,0 8px 16px #0003}.importbutton{position:absolute;bottom:5%;left:50%;transform:translate(-50%);border:1px solid rgba(165,157,157,.342);width:20%;height:auto;padding-bottom:.3rem;background-color:#124e2dad;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:700}.cancelimport{position:absolute;top:2%;right:2%;cursor:pointer;background-color:red;border:2px solid rgba(0,0,0);width:3%;height:12%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;border-radius:50%;color:#fff;text-align:center;font-weight:700}.importP{color:red;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;position:absolute;transform:translate(-50%,-50%);top:12%;left:50%;white-space:nowrap}.importTextArea{background-color:#0c04048a;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;height:70%;width:80%;resize:none;color:#fff;font-size:1.5rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.importh1{color:#fff;text-align:center;margin-top:2%}.importTextArea:focus{border:1px solid rgba(165,157,157,.8);border-width:2px;outline:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0f0f11;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0;min-width:320px;min-height:100vh;position:relative}.testA{position:absolute;top:2%}