#dungeonUI{position:absolute;top:0;left:0}.dungeonPauseButtonGroup{position:absolute;top:2em;right:calc(-100vw + 2em);display:flex;flex-direction:row}#dungeonPauseButtonUI{width:8em;margin-right:1em}.dungeonTeamGroup{position:absolute;bottom:calc(-100vh + 2em);left:2em;display:flex;flex-direction:row;align-items:end}.dungeonTeamBox{width:10em;display:flex;flex-direction:column}.dungeonTeamStatusEffectList{width:10em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.dungeonStatusEffect{width:3em;height:3em;border:1px solid black;background:#000000b3;margin-bottom:.2em}.dungeonStatusEffectName{font-size:.5em;text-align:center}.dungeonStatusEffectTime{font-size:.8em;text-align:center}.dungeonTeamInfoBox{width:10em;height:18em;margin-right:2em;border:1px solid black;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}.dungeonTeamSkillsBox{border:1px solid black;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}.dungeonTeamInfosCharacterName{text-align:center;font-size:1.5em}.dungeonTeamInfosCharacterInfos{text-align:center}.dungeonTeamInfoSpacer{flex:1 1 auto}.dungeonTeamSkillsBox>button{margin:1px;font-size:1em;height:3em}.dungeonTeamSkillsBox>button:disabled.red,.dungeonTeamSkillsBox>button:disabled.red:hover{background-color:#633;color:#aaa}.dungeonTeamStatusBarGroup{height:1em}.dungeonTeamStatusBarGroup>progress{width:10em}.dungeonTeamStatusBarGroup>div{font-size:.6em;position:relative;top:-3.2em;color:#aaa}.dungeonEnemyGroup{position:absolute;bottom:calc(-100vh + 2em);right:calc(-100vw + 2em);display:flex;flex-direction:row;align-items:end}.dungeonEnemyBox{width:7em;display:flex;flex-direction:column}.dungeonEnemyInfoBox{width:7em;height:5em;margin-right:2em;margin-bottom:4em;border:1px solid black;display:flex;flex-direction:column}.dungeonEnemyInfoBox .dungeonTeamStatusBarGroup>progress{width:7em}.dungeonEnemyInfosName{text-align:center;font-size:1em}.dungeonEnemyInfosInfos{text-align:center}#dungeonStepPanel{position:absolute;top:2em;right:calc(-100vw + 2em);width:40vw;height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}.dungeonStepButtons{flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:space-evenly}.dungeonStepPanelMajorChoice>button{flex:0 0 calc(40vw - 7em);margin:1px}.dungeonStepLootPercent{align-self:center;margin-left:1em;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:stretch;background:#00000080}.dungeonStepLootPercentName{font-size:.6em}.dungeonStepPanelMajorChoice{height:5em;display:flex;flex-direction:row;align-items:stretch;justify-content:stretch}.dungeonStepPanelMajorChoice>progress{flex:0 0 calc(40vw - 7em)}.dungeonStepAmbushTimerText{align-self:center;margin-left:1em;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:stretch;background:#00000080}.dungeonStepAmbushTimerTitle{font-size:.6em}.dungeonStepRewards{height:15em;margin-bottom:2em;display:flex;flex-direction:row;align-items:stretch;justify-content:stretch}.dungeonStepRewardsGroup{flex:1 1 7em;display:flex;flex-direction:column;border:1px solid black;background:#00000080;margin:1em}.dungeonStepRewardsTitle{flex:0 0 auto;text-align:center}.dungeonStepRewardsContents{flex:1 1 auto;overflow-x:scroll;display:flex;flex-direction:row;flex-wrap:wrap;padding:1em}.dungeonStepsRewardItem{position:relative;border:1px solid black;background:#00000040;width:5em;height:5em;margin:.5em;font-size:.6em;text-align:center;line-height:1em}.dungeonStepsRewardItem>img{position:absolute;float:right;top:0;left:0;margin:0;padding:0;width:5em;height:5em}.dungeonStepsRewardItem>div{position:absolute;bottom:0;right:0;padding-top:1em;font-size:.7em;line-height:1.2em;color:#fff}.dungeonStepsFreedCharacter{position:relative;border:1px solid black;background:#00000040;width:5em;height:5em;margin:.5em;font-size:.6em;text-align:center;line-height:1em}.dungeonStepsFreedCharacter>img{position:absolute;float:right;top:0;left:0;margin:0;padding:0;width:5em;height:5em}.dungeonStepsFreedCharacter>div{position:absolute;top:0;left:0;width:5em;height:5em;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.dungeonStepsFreedCharacter>div>.dungeonFreedCharacterName{line-height:1.2em}.dungeonStepsFreedCharacter>div>.dungeonFreedCharacterRole{font-size:.7em;line-height:1.2em}#townUI{position:absolute;top:0;left:0}.townCharacterSlot{position:relative;border:1px solid black;width:5em;height:5em;text-align:center;color:#fff;font-size:.8em;display:flex}.townCharacterSlot>img{position:absolute;float:right;top:0;left:0;margin:0;padding:0;width:5em;height:5em}.townCharacterSlot>div{position:absolute;top:0;left:0;width:5em;height:5em;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.townCharacterSlot>div.townCharacterSlotEmpty{height:4.5em;line-height:1.3em;padding-top:.5em}.townCharacterSlot>div>.townCharacterSlotName{line-height:1.2em}.townCharacterSlot>div>.townCharacterSlotRole{font-size:.7em;line-height:1.2em}.townEquipmentSlot{position:relative;border:1px solid black;width:2em;height:2em}.townEquipmentSlot>img{position:absolute;float:right;top:0;left:0;margin:0;padding:0;width:2em;height:2em}.townEquipmentSlot>div{position:absolute;bottom:0;right:0;font-size:.7em;line-height:1.2em;color:#fff}#townMainScreenUI,#townChangeRoleScreenUI,#townEquipmentUpgradeScreenUI,#townEquipmentCleanupScreenUI,#townExpeditionScreenUI,#townRelationshipsScreenUI,#townBackstoriesScreenUI,#townBuildingsScreenUI{position:absolute;top:2em;left:2em;width:calc(100vw - 4em);height:calc(100vh - 4em)}#townMainScreenUI{display:flex;width:40vw;flex-direction:column;align-items:stretch;justify-content:center}#townMainScreenUI>button{flex:0 1 8em;margin:1em 0}#townMainScreenUI>div{flex:0 1 6.7em;margin:1em 0;display:flex;flex-direction:row}#townMainScreenUI>div>button{flex:1 1 auto}#townMainScreenUI>div>button:not(:last-of-type){margin-right:1em}.townGeneralBox{position:absolute;top:2em;right:calc(-100vw + 2em);display:flex;flex-direction:row}#townPauseButtonUI{width:8em;margin-right:1em}.townCorruptionProgressBox{display:flex;flex-direction:column;align-items:center;background:#00000080;padding:0 1em}.townBackButton{width:8em;height:3em}#townExpeditionScreenUI{display:flex;flex-direction:column}#townExpeditionAvailableTeamMembersUI,#townExpeditionAvailableEquipmentsUI{flex:1 1 auto;border:1px solid black;margin:1em;overflow-x:scroll;display:flex;flex-direction:row;flex-wrap:wrap}#townExpeditionAvailableTeamMembersUI>div,#townExpeditionAvailableEquipmentsUI>div{margin:.5em}.townExpeditionBottom,.townExpeditionSlots{display:flex;flex-direction:row}.townExpeditionSlot{display:flex;flex-direction:column;width:7em;height:7em;margin:0 1em;align-items:center;justify-content:center}.townExpeditionSlotEquipments{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.townExpeditionSlotEquipments>div.townEquipmentSlot{margin:.25em}.townExpeditionBottom>button{flex:1 1 auto;margin-right:1em}#townChangeRoleScreenUI{display:flex;flex-direction:column}#townChangeRoleAvailableTeamMembersUI{flex:1 1 auto;border:1px solid black;margin:1em;overflow-x:scroll;display:flex;flex-direction:row;flex-wrap:wrap}#townChangeRoleAvailableTeamMembersUI>div{margin:.5em}.townChangeRoleBottom{display:flex;flex-direction:row;align-items:center}.townChangeRoleActive{display:flex;flex-direction:column;align-items:center}#townChangeRoleActiveChoiceUI{color:#fff}.townChangeRoleSpacer{flex:0 0 3em}.townChangeRoleChoices{display:flex;flex-direction:column;width:8em}.townChangeRoleChoices>button{width:20em;margin-top:.2em}#townEquipmentUpgradeScreenUI{display:flex;flex-direction:column}#townEquipmentUpgradeAvailableTeamMembersUI,#townEquipmentUpgradeAvailableEquipmentsUI{flex:1 1 auto;border:1px solid black;margin:1em;overflow-x:scroll;display:flex;flex-direction:row;flex-wrap:wrap}#townEquipmentUpgradeAvailableTeamMembersUI>div,#townEquipmentUpgradeAvailableEquipmentsUI>div{margin:.5em}.townEquipmentUpgradeBottom{display:flex;flex-direction:row;align-items:center;margin-left:1em}#townChangeRoleActiveTimeUI{color:#fff;font-size:.8em}#townEquipmentUpgradeActiveEquipmentUI.townEquipmentSlot{margin-left:1em;width:4em;height:4em;position:relative;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:start}#townEquipmentUpgradeActiveEquipmentUI.townEquipmentSlot>div.townEquipmentSlotEmpty{height:4.5em;line-height:1.3em;padding-top:.5em;text-align:center;color:#fff;font-size:.8em}#townEquipmentUpgradeActiveEquipmentUI.townEquipmentSlot>img{width:4em;height:4em}.townEquipmentUpgradeStatus{display:flex;flex-direction:column;align-items:center}#townEquipmentUpgradeDustUI{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:1em;width:10em;height:5em;align-items:start;justify-content:center}.townEquipmentUpgradeDustItem{flex:0 0 2em;position:relative;border:1px solid black;width:2em;height:2em;margin:.4em}.townEquipmentUpgradeDustItem>img{position:absolute;width:2em;height:2em}.townEquipmentUpgradeDustItem>div{position:absolute;bottom:0;right:0;font-size:.8em;color:#fff}#townEquipmentUpgradeActionsUI{display:flex;flex-direction:column;height:5em}#townEquipmentUpgradeActionsUI>button{margin-top:.2em}#townEquipmentCleanupScreenUI{display:flex;flex-direction:column}#townEquipmentCleanupAvailableEquipmentsUI{flex:1 1 auto;border:1px solid black;margin:1em;overflow-x:scroll;display:flex;flex-direction:row;flex-wrap:wrap}#townEquipmentCleanupAvailableEquipmentsUI>div{margin:.5em}#townEquipmentCleanupActiveEquipmentsUI{margin-left:1em;width:12em;display:flex;flex-direction:row;flex-wrap:wrap}.townEquipmentCleanupBottom{display:flex;flex-direction:row;align-items:center;margin-left:1em}#townEquipmentCleanupExecuteButtonUI{padding:1em}#townRelationshipsScreenUI{display:flex;flex-direction:column}#townRelationshipsContentUI{flex:1 1 auto;border:1px solid black;margin:1em;overflow-x:scroll;display:flex;flex-direction:column}.townRelationsLine{display:flex;flex-direction:row;margin:.5em;padding:.5em;border:1px solid black}.townRelationsSlot{display:flex;flex-direction:row;overflow-y:scroll}.townRelationSlot{position:relative;margin-left:.5em;width:4em;height:4em;border:1px solid black;display:flex}.townRelationSlot>img{position:absolute;top:0;left:0;width:4em;height:4em}.townRelationshipInfo{position:absolute;top:0;left:0;width:4em;height:4em;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.townRelationshipCharacterName{color:#fff;font-size:.8em;line-height:1.2em;text-align:center}.townRelationshipType{font-size:.6em;line-height:1.2em;padding:.2em .5em;text-align:center}#townBackstoriesScreenUI{display:flex;flex-direction:column}#townBackstoriesCharactersUI{flex:0 0 5em;border:1px solid black;margin:1em;overflow-y:scroll;display:flex;flex-direction:row}#townBackstoriesCharactersUI>div{margin:.5em}#townBackstoriesContentUI{flex:1 1 auto;border:1px solid black;background:#000c;padding:.5em;overflow-x:scroll;display:flex;flex-direction:column}#townBackstoriesContentUI>div{margin:.5em 1em;text-align:justify}#townBuildingsScreenUI{display:flex;flex-direction:column}#townBuildingsAvailableListUI{position:absolute;top:5em;right:2em;width:12em;height:calc(100vh - 9em);border:1px solid black;display:flex;flex-direction:column;overflow-y:scroll;align-items:center}#townBuildingsAvailableListUI>div{flex:0 0 10em;border:1px solid black;background:#00000080;width:10em;height:10em;margin-top:1em;margin-bottom:1em}#townBuildingsAvailableListUI>img{position:relative;top:0;left:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}#app{margin:0 auto;text-align:center}#app canvas{width:100vw;height:100vh}button{border-radius:0;border:none;background-color:#333;color:#eee;cursor:pointer}button:hover{background-color:#666;color:#fff}button:disabled,button:disabled:hover{background-color:#222;color:#aaa;cursor:default}#gameOverUI{position:absolute;top:0;left:0}.gameOverBackground{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#000}#gameOverReturnToTownUI,#gameOverFinalUI{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center}.gameOverTitle{font-size:5em;line-height:1em;margin:.2em 1em;color:#c23}#gameOverBackToTownButtonUI,#gameOverNewGameButtonUI{width:12em;font-size:3em;padding:.5em;margin-right:1em}#gameOverCharacterListUI{flex:0 0 5em;display:flex;flex-direction:row;overflow-x:scroll}.gameOverCharacterSlot{position:relative;border:1px solid black;width:5em;height:5em;text-align:center;color:#fff;font-size:.8em;display:flex}.gameOverCharacterSlot>img{position:absolute;float:right;top:0;left:0;margin:0;padding:0;width:5em;height:5em}.gameOverCharacterSlot>div{position:absolute;top:0;left:0;width:5em;height:5em;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.gameOverCharacterSlot>div.gameOverCharacterSlotEmpty{height:4.5em;line-height:1.3em;padding-top:.5em}.gameOverCharacterSlot>div>.gameOverCharacterSlotName{line-height:1.2em}.gameOverCharacterSlot>div>.gameOverCharacterSlotRole{font-size:.7em;line-height:1.2em}#gameOverBackstoryUI{flex:1 1 auto;overflow-y:scroll;border:1px solid black;background:#000c;padding:.5em;overflow-x:scroll;display:flex;flex-direction:column}#gameOverBackstoryUI>div{margin:.5em 1em;text-align:justify}#pauseUI{position:absolute;top:0;left:0}.pauseBackground{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#00000080}.pauseContent{position:absolute;top:50vh;left:50vw;min-width:50vw;transform:translate(-50%,-50%);border-radius:1em;padding:2em;display:flex;flex-direction:column;align-items:stretch;background:#222}.pauseContent>button{height:4em;margin:1em}.pauseContent>label{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:.5em}.pauseContent>label>span{width:10em}.pauseContent>label.pauseVolumeSubSlider>span{width:8em;padding-left:2em}#popupUI{position:absolute;padding:1em;border-radius:1em;border:1px solid #ddd;color:#fff;background:#333}.itemcommon{border:2px solid white}.itemuncommon{border:2px solid green}.itemrare{border:2px solid blue}.itemepic{border:2px solid purple}.itemmythic{border:2px solid orange}