@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap";.FooterColumn__FooterColumn{display:flex;flex-direction:column;padding:10px;flex-basis:33%}.Links__links{margin-top:5px;text-align:center}.Footer__Footer{display:flex;justify-content:flex-start;width:100%;background-color:#0002}.AvatarImage__avatarImage{display:block;background-repeat:no-repeat;background-size:cover;min-width:25px;min-height:25px;height:25px;width:25px;background-color:#0002;border-radius:100px}.LogOutButton__logOutButtonContainer{display:flex;justify-content:space-between;align-items:center}.NavBar__NavBar{padding:10px;width:100%;background-color:var(--btn-color);color:#fff;box-sizing:border-box;margin:0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;height:50px;min-height:50px;max-height:50px}.LightDarkToggle__checkbox{opacity:0;position:absolute}.LightDarkToggle__checkboxLabel{background-color:#111;width:50px;height:24px;border-radius:50px;position:relative;padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.LightDarkToggle__checkboxLabel .LightDarkToggle__ball{background-color:#fff;width:20px;height:20px;position:absolute;left:2px;top:2px;border-radius:50%;transition:transform .2s linear}.LightDarkToggle__checkbox:checked+.LightDarkToggle__checkboxLabel .LightDarkToggle__ball{transform:translate(25px)}.LightDarkToggle__emoji{font-family:"Noto Color Emoji",sans-serif;display:block;font-size:1em;position:relative;top:0px}.LightDarkToggle__emoji.LightDarkToggle__right{right:-2px}.LightDarkToggle__emoji.LightDarkToggle__left{right:2px}*{--btn-color: rgb(41, 128, 185);--heading-color: rgb(41, 128, 185);--heading-color-dark: rgb(41, 128, 185);--ftr-color: rgb(29, 29, 29), }@font-face{font-family:Roboto;src:url(/assets/Roboto-Light.c576c506.ttf)}*{box-sizing:border-box}html,body,.wrapper{padding:0;margin:0;font-family:Montserrat,sans-serif;display:flex;flex-direction:column;height:100%}button{border:none;padding:5px 20px;background-color:var(--btn-color);color:#fff;cursor:pointer}h1,h2,h3,h4,h5,h6{color:var(--heading-color)}a{cursor:pointer}input,select,textarea{font-family:Montserrat,sans-serif;padding:5px;border:none;border-radius:5px;background-color:#0002}textarea{background-color:#0001}.contentWrapper{padding:10px;flex-grow:1;width:100%;display:flex;flex-direction:column;align-self:center;max-width:800px}.buttonContainer{margin-bottom:10px;display:flex;flex-direction:column;gap:10px}.buttonContainer button{width:100%}.flex{display:flex}.flexRowAlign{flex-direction:row;align-items:center}.flexColAlign{flex-direction:column;justify-content:center}.flexGap{gap:10px}.bottomBar button{width:100%}html.light{transition:background-color .2s linear;transition:color .2s linear}html.dark{background-color:#333;color:#fff}html.dark{background-color:#333;color:#fff;transition:background-color .2s linear;transition:color .2s linear}html.dark input,html.dark textarea,html.dark select{color:#fff}html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6{color:var(--heading-color-dark)}.ListItem__listItem{display:flex;height:50px;width:100%;background-color:#0003;margin-bottom:10px;align-items:center;justify-content:space-between;gap:10px;padding:10px}.MyProfile__myUserProfile{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.MyProfile__myUserProfile .MyProfile__header,.MyProfile__myUserProfile .MyProfile__content{background-color:#0002;border-radius:5px;padding:10px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.MyProfile__myUserProfile .MyProfile__content{flex-direction:column;align-items:flex-start;padding-bottom:20px;margin-bottom:10px}.MyProfile__myUserProfile .MyProfile__content textarea{width:100%;height:150px}.MyProfile__myUserProfile .MyProfile__header button{margin-left:10px}.ActionList__actionListContainer{position:absolute;bottom:0px;left:0px;width:100%;height:50%;background-color:transparent;z-index:999;box-sizing:border-box}.ActionList__actionList{width:100%;height:100%;background-color:#fff;box-shadow:0 -4px 15px #0002;border-radius:20px 20px 0 0;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.ActionList__actionList .ActionList__titleBar{display:flex;justify-content:space-between;box-sizing:border-box;padding-bottom:20px}.ActionList__backIcon{cursor:pointer}.ActionList__actionList .ActionList__titleBar h3.ActionList__actionListTitle{display:inline-block;flex-grow:1;margin:0}.ActionList__actionList .ActionList__actionListContent{overflow-y:auto;max-height:100%;display:flex;flex-wrap:wrap}.ActionList__actionList .ActionList__actionListContent .ActionList__actionListItem,.ActionList__actionList .ActionList__actionListContent .ActionList__actionListImageItem{width:100%}.ActionList__actionList .ActionList__actionListContent .ActionList__actionListItem,.ActionList__actionList .ActionList__actionListContent .ActionList__actionListImageItem,.ActionList__actionList .ActionList__actionListContent .ActionList__actionListBgImageItem{cursor:pointer;margin-bottom:20px;display:flex;align-items:center}.ActionList__actionList .ActionList__actionListContent .ActionList__actionListImageItem .ActionList__actionListItemImage{height:50px;width:50px;border-radius:50px;border:1px solid #CCC;margin-right:10px;background-position:center;background-repeat:no-repeat;background-size:cover}.ActionList__actionListBgImageItemContainer{padding:10px;box-sizing:border-box;width:200px;height:200px}@media screen and (max-width: 550px){.ActionList__actionListBgImageItemContainer{width:100%}}.ActionList__actionList .ActionList__actionListContent .ActionList__actionListBgImageItem{background-position:center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;width:100%;height:100%}.dark{.ActionList__actionList {background-color: #333; color: white;}}.ImageEditor__profilePicture{position:relative;max-width:100px;min-width:100px;height:100px;border-radius:100px;background-color:#87ceeb;background-position:center;background-repeat:no-repeat;background-size:cover}.ImageEditor__editImageFloatingButton{position:absolute;bottom:-10px;right:-10px;height:40px;width:40px;line-height:30px;background-color:#ddd;border-radius:50px;padding:0;border:5px solid #F8F8F8;text-align:center;margin:5px;cursor:pointer;font-size:1em}body{max-height:100%;max-width:100%}#ImageEditor__displayPicImg{display:block;max-width:100%;max-height:100%}.Forms__genericForm{padding:10px;height:100%;box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-self:center;max-width:400px}.Forms__LogInForm form,.Forms__RegisterForm form,.Forms__genericForm form{box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.Game__emoji{font-family:"Noto Color Emoji",sans-serif;display:block;font-size:1em;position:relative;top:0px}.Game__gameBottomBar{position:sticky;bottom:0;background-color:var(--btn-color);padding:10px;display:flex;justify-content:space-around}.Game__adminSpan{display:inline-block;margin-left:10px;background-color:#0003;padding:0 5px;border-radius:3px}.Game__firebaseMsg{padding:10px;background-color:#0001}.ActionDialog__cardItem{margin-bottom:8px;border-radius:5px;border:none;display:flex;flex-direction:column;justify-content:space-between;max-height:80%;background-color:#fff;color:#333}.ActionDialog__cardItemHeader{width:100%;padding:10px;box-sizing:border-box;border-bottom:1px solid lightgrey;margin-bottom:10px;font-weight:700;border-radius:5px 5px 0 0;background:var(--btn-color);color:#fff}.ActionDialog__cardItemInfo{text-align:left;padding:0 10px;display:flex;flex-direction:column;max-height:calc(100% - 50px)}.ActionDialog__cardItemImage{width:100px;height:100px;background-position:center;background-size:cover;border:1px solid #CCC;box-shadow:2px 2px 5px #bbb}.ActionDialog__cardItem .ActionDialog__left{min-width:150px;height:auto;width:100%;text-align:left;overflow-y:hidden}.ActionDialog__cardItem .ActionDialog__right{flex-grow:1;display:flex;flex-direction:column;align-items:center;border-top:1px solid lightgrey;font-weight:700;margin-top:10px;flex-direction:row;justify-content:stretch;height:40px;max-height:40px;min-width:150px;width:100%;text-align:center}.ActionDialog__cardItem .ActionDialog__right>div{border-radius:0 0 5px 5px}.ActionDialog__cardItem .ActionDialog__right.ActionDialog__multipleChildren>div:first-child{border-right:1px solid lightgrey}.ActionDialog__cardItem .ActionDialog__right.ActionDialog__multipleChildren>div:last-child{border-radius:0 0 5px}.ActionDialog__cardItem .ActionDialog__right.ActionDialog__multipleChildren>div:first-child{border-radius:0 0 0 5px}.ActionDialog__cardItemInfo p,.ActionDialog__cardItemInfo h3{margin-bottom:0}.ActionDialog__alertDialogButton{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.ActionDialog__green{color:#30a562}.ActionDialog__red{color:#c0392b}.ActionDialog__confirmDialog{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:10px;box-sizing:border-box;background-color:#000a;z-index:999}@media screen and (min-width: 550px){.ActionDialog__cardItem{max-width:350px;min-width:350px;margin-left:2px;margin-right:2px}.ActionDialog__newPostsItem{margin-left:2px;margin-right:2px}}@media screen and (max-width: 550px){.ActionDialog__cardItem{display:flex;flex-direction:column;align-items:center}.ActionDialog__alertDialogButton{width:100%;box-sizing:border-box}.ActionDialog__cardItem{width:100%}.ActionDialog__left{margin-bottom:3px;text-align:center}.ActionDialog__right{width:100%}.ActionDialog__left>span{display:flex;flex-direction:column}}.dark{.ActionDialog__cardItem {background-color: #333; color: white;}}.ContactCell__contactCell{padding:10px;border-radius:3px;background-color:#0001;display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer}.ContactCell__contactCell .ContactCell__details{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.ContactCell__contactCell .ContactCell__details *{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ContactCell__contactCell .ContactCell__status{flex-shrink:0}.ContactCell__contactCell .ContactCell__pic{min-width:40px;max-width:40px;min-height:40px;max-height:40px;border-radius:100%;background-color:#0001;background-repeat:no-repeat;background-size:contain}.Chat__chatContainer{display:flex;height:calc(100% - 100px);flex-shrink:1;flex-grow:1}.Chat__contactsBar{width:300px;background-color:#87ceeb}@media screen and (max-width: 768px){.Chat__contactsBar{width:200px}}.dark{.Chat__contactsBar {background-color: #00000044;}}.Tabs__tabsContainer{width:100%;height:100%;display:flex;flex-direction:column}.Tabs__tabs{display:flex;flex-wrap:wrap}.Tabs__tab{padding:10px;cursor:pointer;border-bottom:none;background-color:var(--theme-bg-colour);color:var(--theme-txt-colour);transition:background-color .3s}.Tabs__tab:hover,.Tabs__active{opacity:.7}.Tabs__tabContent{border:1px solid #ccc;padding:10px;flex-grow:1;flex-direction:column}.Conversation__thisChat{display:flex;flex-direction:column;flex-grow:1;background-color:#ff0}.Conversation__headerBar{padding:10px}.Conversation__bottomBar{display:flex;padding:10px}.Conversation__inputForm{display:flex;flex-grow:1}.Conversation__inputForm input{flex-grow:1}.dark{.Conversation__thisChat {background-color: #00000066;}}.Messages__messages{padding:10px;flex-grow:1;background-color:beige;height:100%;overflow-y:scroll}.Messages__chatMessage{padding:5px;background-color:#0001;margin:5px 30% 5px 5px}.Messages__chatMessage.Messages__byMe{text-align:right;margin-right:5px;margin-left:30%}.dark{.Messages__messages {background-color: #00000011;}}.PlayerState__gameStats{display:flex;flex-grow:1;flex-direction:column}.PlayerState__gameStats h2{margin-bottom:0}.GameMenu__gameMenuContainer{width:100%;position:relative;flex-grow:1;padding:10px}.GameMenu__gameMenu{padding:10px;border-radius:5px;background-color:#fff;width:100%}@media only screen and (min-width: 600px){.GameMenu__gameMenu{position:absolute;right:0;width:300px;margin:10px}}.dark{.GameMenu__gameMenu {background-color: #222222EE;}}.PlayerQuests__quests{display:flex;flex-grow:1;flex-direction:column}.PlayerQuests__quests h2{margin-bottom:0}.PlayerQuests__questsList{display:flex;flex-direction:column}.ActionButtons__actionButtons{display:flex;gap:10px;justify-content:center;background-color:#fffc;border-radius:5px;border:0px solid black;margin:0 auto 30px;box-sizing:border-box;padding:10px;font-weight:700;font-size:1.5em;cursor:default}.dark{.ActionButtons__actionButtons {background-color: #333333EE;}}.ActionButtons__actionButtonContainer{position:relative;display:flex;flex-direction:column;align-items:center}.ActionButtons__actionButton{display:block;padding:0;margin:0;height:80px;width:80px;background-color:#0004;border-radius:5px;transition:transform .4s cubic-bezier(.25,1,.5,1);transform-origin:center;will-change:transform}@media only screen and (max-width: 580px){.ActionButtons__actionButton{width:60px;height:60px}}@media only screen and (max-width: 450px){.ActionButtons__actionButton{width:50px;height:50px}}.ActionButtons__actionButton img{cursor:pointer}.ActionButtons__actionButton:hover{transform:scale(1.02)}.ActionButtons__actionButtonLabel{position:absolute;top:-30px;font-size:small;text-align:center}.HealthBar__healthBarContainer{display:flex;top:0;left:0;padding:10px;width:400px}.HealthBar__healthBar{display:flex;padding:10px;border-radius:5px;width:100%;background-color:#fff}@media only screen and (max-width: 600px){.HealthBar__healthBarContainer{width:100%}}.dark{.HealthBar__healthBar {background-color: #333333EE;}}.HealthBar__avatar{min-width:80px;min-height:80px;max-height:80px;border-radius:100%;background-color:#1e90ff}.HealthBar__barContainer{display:flex;flex-direction:column;width:100%;padding:10px;gap:10px}.HealthBar__bar{width:100%;height:10px;background-color:#222;border-radius:2px}.HealthBar__label{font-size:10px;padding-left:5px;display:flex;align-items:center}.OverlayComponents__topMenuContainer{display:flex;justify-content:space-between;padding:10px;width:100%}.OverlayComponents__menuToggleButton{height:50px;padding:10px}.OverlayComponents__gameDialog{background-color:#fff;border-radius:10px;border:3px solid black;width:70%;height:100px;margin:0 auto 20px;box-sizing:border-box;padding:10px;font-weight:700;font-size:1.5em}.dark{.OverlayComponents__gameDialog {background-color: #333;}}.UiContainer__container{margin:10px}.UiContainer__inner{padding:10px;border-radius:5px;background-color:#222e}.GameQuest__container{width:300px;height:500px;position:absolute;left:0;top:20%}#GameUI__gameCanvas{display:block;margin:0 auto}.GameUI__gameContainer{display:flex;flex-grow:1;height:calc(100% - 50px)}.GameUI__flexContainer{display:flex;flex-grow:1}.GameUI__flexContainer.GameUI__column{flex-direction:column}.GameUI__canvasContainer{display:flex;flex-grow:1}.GameUI__gameOverlay{display:flex;flex-direction:column;justify-content:space-between;position:absolute;width:100%;height:calc(100% - 50px);align-items:end;box-sizing:border-box}.Editor__pageContainer{display:flex;padding:10px;box-sizing:border-box;flex-direction:column;flex-grow:1;gap:10px}.WorldMapRenderer__gameContainer{display:flex;flex-grow:1;height:calc(100% - 50px)}#WorldMapRenderer__gameCanvas{display:block;margin:0 auto}.WorldMapRenderer__flexContainer{display:flex;flex-grow:1}.WorldMapRenderer__flexContainer.WorldMapRenderer__column{flex-direction:column}.WorldMapRenderer__canvasContainer{display:flex;flex-grow:1}.WorldMapRenderer__gameOverlay{display:flex;position:absolute;width:70%;height:calc(100% - 50px);align-items:end;box-sizing:border-box;pointer-events:none}.WorldMapRenderer__tileList{display:flex;flex-direction:column;padding:10px;gap:10px}.TileMapEditor__gameContainer{display:flex;flex-grow:1;height:calc(100% - 50px)}#TileMapEditor__gameCanvas{display:block;margin:0 auto}.TileMapEditor__flexContainer{display:flex;flex-grow:1}.TileMapEditor__flexContainer.TileMapEditor__column{flex-direction:column}.TileMapEditor__canvasContainer{display:flex;flex-grow:1}.TileMapEditor__gameOverlay{display:flex;position:absolute;width:70%;height:calc(100% - 50px);align-items:end;box-sizing:border-box;pointer-events:none}.PlaceableItem__placeableItem{display:flex;align-items:center;gap:10px;padding:10px;background-color:#0001;color:#222;border-radius:5px}.dark{.PlaceableItem__placeableItem {color: white;}}.PlaceableItem__placeableItem.PlaceableItem__selected{background-color:#0003}.SaveForm__saveMapForm{display:flex;flex-direction:column;gap:10px}.TileList__tileList{display:flex;flex-direction:column;padding:10px;gap:10px}.TileList__actionsContainer{display:flex;gap:10px}.PopupDialog__popupContainer{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.PopupDialog__popupContent{background-color:#fff;padding:20px;border-radius:8px;text-align:center}.PopupDialog__popupContainer button{margin:0 10px}.dark{.PopupDialog__popupContent {background-color: #333; color: white;}}.MapObjectsList__saveNpcForm{display:flex;flex-direction:column;align-items:flex-start;padding:10px;gap:10px;margin-bottom:20px}