body{margin:0;padding:0;font-family:sans-serif}body{background-image:url(/assets/brickTile-RPVqahG2.jpg);background-repeat:repeat;display:flex;justify-content:center;align-items:center;height:99vh;font-family:monospace}.App{height:95vh;max-height:95vh;width:95vw;max-width:95vw;padding:0;margin:0;color:#cde;display:flex;align-items:center;justify-content:center}.menuHeader{text-align:center}.grid-container{display:grid;height:100%;width:100%;max-height:100%;max-width:100%;margin:0;padding:0;grid-gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:repeat(6,1fr);justify-content:center;align-content:center}.menuBox{border:3px solid #89B;padding:0;margin:0;width:100%;height:100%;background:#456}#charPic{grid-column:5/9;grid-row-start:4;grid-row-end:8;height:100%;width:100%}#combatLog{grid-column:8/13;grid-row:1/4;height:100%;width:100%}#enemyPic{grid-column:9/13;grid-row-start:4;grid-row-end:8;height:100%;width:100%}#items{grid-column:1/8;grid-row-start:1;grid-row-end:4;height:100%;width:100%}#moveList{grid-column:1/5;grid-row-start:4;grid-row-end:8;height:100%;width:100%}#loot{display:none;grid-column:9/13;grid-row:3/4;height:100%;width:100%}#equipment{grid-column:1/8;grid-row-start:4;grid-row-end:8;height:100%;width:100%}#playerStats{grid-column:8/13;grid-row-start:1;grid-row-end:4;height:100%;width:100%}#enemyStats{grid-column:8/13;grid-row-start:4;grid-row-end:8;height:100%;width:100%}#equipmentMobile,#itemsMobile,#charPicMobile,#enemyPicMobile,#lootMobile,#moveListMobile,#mobileNavButtons{display:none}textarea{resize:none;height:100%;width:100%;color:#fff;background:transparent;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#classButtons{grid-column:1/5;grid-row-start:1;grid-row-end:8;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#classButtons Button{width:100%;height:25%;border-radius:0}Button{background:#346;color:#f0f8ff;font-size:1em;border:2px solid #89B;border-radius:0 10px 10px}Button:hover{border:2px solid white}Button:active{box-shadow:0 2px #89b}#invItems Button{width:2vw;height:20px;padding:0;text-align:center;display:table-cell;vertical-align:middle}.invItem{display:flex;flex-direction:row;align-items:center;margin-bottom:8%}.invItem Img{height:8vh;margin:0;object-fit:scale-down}#eqlist Button{width:100%;height:100%;padding:0;text-align:center;display:table-cell;vertical-align:middle}#classDescriptions{grid-column:5/13;grid-row-start:1;grid-row-end:8}h3{margin:0;font-family:sans-serif}p{margin:1vw}.buttonList{width:100%;text-align:center}#eqGrid{max-height:100%;height:100%;width:100%;display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}#eqGrid IMG{object-fit:contain}#eqGrid Button{width:100%;height:100%;max-height:100%;border-radius:0}.itemPic{display:flex;height:100%;max-height:100%}#equipmentHeader{grid-column:3/8;grid-row:1/2}#mhButton{grid-column:1/2;grid-row:2/3}#mhPic{grid-column:2/3;grid-row:2/3}#mhName{grid-column:3/8;grid-row:2/3}#ohButton{grid-column:1/2;grid-row:3/4}#ohPic{grid-column:2/3;grid-row:3/4}#ohName{grid-column:3/8;grid-row:3/4}#headButton{grid-column:1/2;grid-row:4/5}#headPic{grid-column:2/3;grid-row:4/5}#headName{grid-column:3/8;grid-row:4/5}#bodyButton{grid-column:1/2;grid-row:5/6}#bodyPic{grid-column:2/3;grid-row:5/6}#bodyName{grid-column:3/8;grid-row:5/6}#ringButton{grid-column:1/2;grid-row:6/7}#ringPic{grid-column:2/3;grid-row:6/7}#ringName{grid-column:3/8;grid-row:6/7}#eqExtra{grid-column:1/3;grid-row:1/2}.itemsGrid{height:100%;width:100%;display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.itemsGrid Button{width:100%;height:100%;border-radius:0}.itemDiv{display:flex;justify-content:center;align-items:center;border:1px solid #89B;max-height:100%;width:100%}.onehEqButtonHolder{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#itemsHeader{grid-column:3/8;grid-row:1/2}#itemName1{grid-column:3/7;grid-row:2/3}#itemButton1{grid-column:7/8;grid-row:2/3}#itemEqButton1{grid-column:1/3;grid-row:2/3}#itemName2{grid-column:3/7;grid-row:3/4}#itemButton2{grid-column:7/8;grid-row:3/4}#itemEqButton2{grid-column:1/3;grid-row:3/4}#itemName3{grid-column:3/7;grid-row:4/5}#itemButton3{grid-column:7/8;grid-row:4/5}#itemEqButton3{grid-column:1/3;grid-row:4/5}#autoInjectors{grid-column:1/4;grid-row:5/6}#injectHp{grid-column:1/4;grid-row:6/7}#autoinjectorPicHolder{grid-column:4/5;grid-row:6/7}#autoinjectorPic{height:100%;max-height:100%;max-width:100%}#injectMp{grid-column:5/8;grid-row:6/7}#shards{grid-column:5/8;grid-row:5/6}#menuButtonHolder{grid-column:1/3;grid-row:1/2}.statGrid{height:100%;width:100%;display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.statDiv{display:flex;justify-content:center;align-items:center;max-height:100%;max-width:100%;background:#567;border:2px solid #89B}#playerStatsHeader{display:flex;justify-content:center;align-items:center;grid-column:1/7;grid-row:1/2}#playerLvl{grid-column:1/7;grid-row:2/3}#playerHp{grid-column:1/4;grid-row:3/4}#playerMp{grid-column:4/7;grid-row:3/4}#playerDmg{grid-column:1/4;grid-row:4/5}#playerDef{grid-column:4/7;grid-row:4/5}#playerStr{grid-column:1/3;grid-row:5/6}#playerDex{grid-column:3/5;grid-row:5/6}#playerInt{grid-column:5/7;grid-row:5/6}#actionsTaken{grid-column:1/4;grid-row:6/7}#rocf{grid-column:4/7;grid-row:6/7}#enemiesDefeated{grid-column:1/7;grid-row:7/8}#enemyStatsHeader{grid-column:1/7;grid-row:1/2;height:100%;Width:100%;display:flex;justify-content:center;align-items:center}#enemyType{grid-column:1/7;grid-row:2/3}#enemyLevel{grid-column:1/7;grid-row:3/4}#enemyHp{grid-column:1/4;grid-row:4/5}#enemyMp{grid-column:4/7;grid-row:4/5}#enemyDmg{grid-column:4/7;grid-row:5/6}#enemyDef{grid-column:1/4;grid-row:5/6}#enemyArmorPen{grid-column:1/7;grid-row:6/7}#enemyDifficulty{grid-column:1/7;grid-row:7/8}.charPicHolder{grid-column:1/7;grid-row:1/5;display:flex;justify-content:center}.characterPic{height:100%;object-fit:contain}#playerHpText{grid-column:1/3;grid-row:5/6;height:100%;display:flex;justify-content:center;align-items:center}#playerHp{grid-column:3/7;grid-row:5/6}#playerMpText{grid-column:1/3;grid-row:6/7;height:100%;display:flex;justify-content:center;align-items:center}#playerMp{grid-column:3/7;grid-row:6/7}#playerHpBarHolder{grid-column:3/7;grid-row:5/6;width:100%;display:flex;align-items:center}#playerMpBarHolder{grid-column:3/7;grid-row:6/7;width:100%;display:flex;align-items:center}.lootGrid{height:100%;width:100%;display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}#lootButton Button{width:100%;height:100%;border-radius:0}#lootDismantleButton Button{width:100%;height:100%;border-radius:0}.lootHeader{grid-column:1/7;grid-row:1/2;width:100%;display:flex;justify-content:center;align-items:center;background:#567}#lootName{grid-column:1/7;grid-row:2/3;display:flex;justify-content:center;align-items:center}#lootButton{grid-column:1/7;grid-row:3/5;display:flex}#lootDismantleButton{grid-column:1/7;grid-row:5/7;display:flex}#lootInjectorButtons{width:100%}#lootInjectorButtons Button{width:50%}.enemyPicGrid{height:100%;width:100%;display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.enemyPicHolder{grid-column:1/7;grid-row:2/5;width:100%;display:flex;justify-content:center;align-items:center}.enemyPic{height:100%;max-height:100%;max-width:100%}.hpBar{display:flex;align-items:center;width:90%;height:70%;border:1px solid #89C}#enemyHpBarHolder{grid-column:3/7;grid-row:5/6;width:100%;display:flex;align-items:center}#enemyMpBarHolder{grid-column:3/7;grid-row:6/7;width:100%;display:flex;align-items:center}#enemyHpBar{grid-column:3/7;grid-row:5/6;display:flex;align-items:center}.mpBar{display:flex;align-items:center;height:70%;width:90%;border:1px solid #89C}#enemyMpBar{grid-column:3/7;grid-row:6/7}.hpTick{height:80%;width:10px;max-width:100%;background:green;border:1px solid black}.mpTick{height:80%;width:10px;max-width:100%;background:#05c;border:1px solid black}#enemyHpText{grid-column:1/3;grid-row:5/6;display:flex;justify-content:center;align-items:center}#enemyMpText{grid-column:1/3;grid-row:6/7;display:flex;justify-content:center;align-items:center}#enemyLvl{grid-column:1/3;grid-row:1/2;background:#567;display:flex;justify-content:center;align-items:center}#enemyMove{grid-column:3/7;grid-row:1/2;background:#567;display:flex;justify-content:center;align-items:center}#theChestOpens{grid-column:1/7;grid-row:5/7;display:flex;align-items:center;justify-content:center;background:#567;width:100%;height:100%}.treasurePicHolder{grid-column:1/7;grid-row:1/5;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.chestPic{height:100%;width:60%;max-height:100%;max-width:100%;border:3px solid #89B}.treasureButtonHolder{grid-column:1/7;grid-row:5/7;display:flex;height:100%}.treasureButtonHolder Button{height:100%;width:100%;border-radius:0}#stairsHeader{grid-column:1/7;grid-row:1/2;height:100%;display:flex;align-items:center;justify-content:center;background:#567}.stairButtons{grid-column:1/7;grid-row:2/4;height:100%}.stairButtons Button{height:50%;width:100%;border-radius:0}#shardButtonHolder{grid-column:1/7;grid-row:4/5}#shardButtonHolder Button{height:100%;width:100%;border-radius:0}#roomsExplored{grid-column:1/7;grid-row:5/6;display:flex;align-items:center;justify-content:center;background:#567}#onThisFloor{grid-column:1/7;grid-row:6/7;display:flex;align-items:center;justify-content:center;background:#567}.moveDiv{display:flex;height:100%;width:100%}#moveListGrid Button{width:100%;border-radius:0}#moveListGrid{height:100%;width:100%;display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}#explore{grid-column:1/7;grid-row:2/3}#attack{grid-column:1/7;grid-row:3/4}#unspentPoints{display:flex;justify-content:center;align-items:center;background:#567;grid-column:1/7;grid-row:1/2}#skill1{grid-column:1/4;grid-row:4/5}#skill1lvl{grid-column:6/7;grid-row:4/5;display:flex;justify-content:center;align-items:center;background:#346}#plusButton1{grid-column:4/6;grid-row:4/5}#skill2{grid-column:1/4;grid-row:5/6}#skill2lvl{grid-column:6/7;grid-row:5/6;justify-content:center;align-items:center;background:#346}#plusButton2{grid-column:4/6;grid-row:5/6}#skill3{grid-column:1/4;grid-row:6/7}#skill3lvl{grid-column:6/7;grid-row:6/7;justify-content:center;align-items:center;background:#346}#plusButton3{grid-column:4/6;grid-row:6/7}.startScreenGrid{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr}#patchNotesHeader{grid-column:1/5;grid-row:1/2;background:#567;display:flex;justify-content:center;align-items:center}#patchNotesList{grid-column:1/5;grid-row:2/8;overflow-y:scroll}.className{grid-column:1/7;grid-row:1/2;display:flex;justify-content:center;align-items:center;background:#567}.classInfo{grid-column:1/7;grid-row:2/3;height:100%;padding:1vw 1vw 0 2vw}.move1Name{grid-column:1/2;grid-row:3/4;display:flex;padding-left:3vw}.move1Description{grid-column:2/5;grid-row:3/4;padding-right:1vw}.move2Name{grid-column:1/2;grid-row:4/5;display:flex;padding-left:3vw}.move2Description{grid-column:2/5;grid-row:4/5;padding-right:1vw}.move3Name{grid-column:1/2;grid-row:5/6;display:flex;padding-left:3vw}.move3Description{grid-column:2/5;grid-row:5/6;padding-right:1vw}.passiveName{grid-column:1/2;grid-row:6/7;display:flex;padding-left:3vw}.passiveDescription{grid-column:2/5;grid-row:6/7;padding-right:1vw}.startButtonHolder{grid-column:1/5;grid-row:7/8}.startButtonHolder Button{width:100%;height:100%;border-radius:0}#welcomeTitle{grid-column:1/7;grid-row:1/2;display:flex;justify-content:center;align-items:center;background:#567}#welcomeSubTitle{grid-column:1/7;grid-row:2/3;display:flex;justify-content:center;align-items:center}#chooseAClass{grid-column:1/3;grid-row:3/4;display:flex;justify-content:center;align-items:center}#chooseAClassPics{grid-column:3/7;grid-row:3/4;max-height:100%;max-width:100%;display:flex;justify-content:space-around}#chooseAClassPics IMG{height:12vmin;padding-right:2vw}#defeatEnemies{grid-column:1/3;grid-row:4/5;display:flex;justify-content:center;align-items:center}#defeatEnemiesPics{grid-column:3/7;grid-row:4/5;max-width:100%;padding-right:2vw;display:flex;justify-content:space-around}#defeatEnemiesPics IMG{height:10vmin;object-fit:contain}#collectLoot{grid-column:1/3;grid-row:5/6;display:flex;justify-content:center;align-items:center}#collectLootPics{grid-column:3/7;grid-row:5/6;max-width:100%;display:flex;justify-content:space-around;padding-right:2vmin}#collectLootPics IMG{height:10vmin;object-fit:contain}#reachLevel10{grid-column:1/7;grid-row:6/7;display:flex;justify-content:center;align-items:center}#signature{grid-column:1/7;grid-row:7/8;display:flex;justify-content:center;align-items:center}#deathCombatLog{grid-column:1/13;grid-row:1/2}.deathScreen{grid-column:1/13;grid-row:2/7;height:100%;width:100%}.deathScreenGrid{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr}#youDied{grid-column:1/3;grid-row:1/2;display:flex;justify-content:center;align-items:center;background:#567}#gameStatsHeader{grid-column:1/3;grid-row:2/3;display:flex;justify-content:center;align-items:center;background:#456;border-top:1px solid #89B}#gameStatsActions{grid-column:1/2;grid-row:3/4;display:flex;justify-content:center;align-items:center;background:#456;border-top:1px solid #89B}#gameStatsEnemiesDefeated{grid-column:2/3;grid-row:3/4;display:flex;justify-content:center;align-items:center;background:#456;border-top:1px solid #89B}#creditsAndShoutouts{grid-column:1/3;grid-row:4/5;display:flex;padding:2vw;justify-content:center;align-items:center;border-top:1px solid #89B;background:#456}#startOverButtonHolder{grid-column:1/3;grid-row:5/6}#startOverButtonHolder Button{height:100%;width:100%;border-radius:0}@media screen and (max-width:760px){body{font-size:10px}}