div.building-popup fieldset{display:inline-block;vertical-align:top}div.controls{height:42%;overflow-y:scroll;overflow-x:hidden}div.controls .radio-toolbar{position:relative;margin-top:0.5em}div.controls .radio-toolbar input[type="radio"]{display:none}div.controls .radio-toolbar div.actions label.radio{color:red}div.controls .radio-toolbar div.actions div.section-content{border-top:2px solid red}div.controls .radio-toolbar div.actions div.section-content h4{color:red}div.controls .radio-toolbar input[type="radio"]:checked+div.actions label.radio{box-shadow:inset 0 0 10px red}div.controls .radio-toolbar div.buildings label.radio{color:yellow}div.controls .radio-toolbar div.buildings div.section-content{border-top:2px solid yellow}div.controls .radio-toolbar div.buildings div.section-content h4{color:yellow}div.controls .radio-toolbar input[type="radio"]:checked+div.buildings label.radio{box-shadow:inset 0 0 10px yellow}div.controls .radio-toolbar div.equipment label.radio{color:orange}div.controls .radio-toolbar div.equipment div.section-content{border-top:2px solid orange}div.controls .radio-toolbar div.equipment div.section-content h4{color:orange}div.controls .radio-toolbar input[type="radio"]:checked+div.equipment label.radio{box-shadow:inset 0 0 10px orange}div.controls .radio-toolbar div.inventory label.radio{color:white}div.controls .radio-toolbar div.inventory div.section-content{border-top:2px solid white}div.controls .radio-toolbar div.inventory div.section-content h4{color:white}div.controls .radio-toolbar input[type="radio"]:checked+div.inventory label.radio{box-shadow:inset 0 0 10px white}div.controls .radio-toolbar div.lifeforms label.radio{color:#8c5a4e}div.controls .radio-toolbar div.lifeforms div.section-content{border-top:2px solid #8c5a4e}div.controls .radio-toolbar div.lifeforms div.section-content h4{color:#8c5a4e}div.controls .radio-toolbar input[type="radio"]:checked+div.lifeforms label.radio{box-shadow:inset 0 0 10px #8c5a4e}div.controls .radio-toolbar div.resources label.radio{color:#68d1ee}div.controls .radio-toolbar div.resources div.section-content{border-top:2px solid #68d1ee}div.controls .radio-toolbar div.resources div.section-content h4{color:#68d1ee}div.controls .radio-toolbar input[type="radio"]:checked+div.resources label.radio{box-shadow:inset 0 0 10px #68d1ee}div.controls .radio-toolbar input[type="radio"]:checked+div.section div.section-content{display:block}div.controls .radio-toolbar div.section{display:inline-block;float:right;margin-right:0.5em}div.controls .radio-toolbar div.section label.radio{display:inline-block;box-shadow:inset 0 0 10px green;padding:4px 11px;font-size:16px;cursor:pointer;width:10px;height:20px;line-height:20px}div.controls .radio-toolbar div.section div.section-content{display:none;position:absolute;top:2em;left:1em;width:100%}div.controls .radio-toolbar div.section div.section-content h4.section-title{position:absolute;top:-3.25em}.inventory div{position:relative}.inventory div span.remaining-space{position:absolute;top:1.5em}@keyframes notice_fade{0%{height:15em;opacity:0%;margin-top:0}30%{height:15em;opacity:100%;margin-top:0}100%{height:15em;opacity:0%;margin-top:-2em}}html{z-index:0;margin:0;padding:0;height:100%;width:100%;overflow:hidden;background-color:black;color:white;font-family:Verdana, Arial, sans-serif}html body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}html body .scrollable{height:100%;width:100%;overflow:scroll}html body ul li{list-style:none;line-height:2em}html body .common,html body .common *{color:#BBBBBB !important}html body .uncommon,html body .uncommon *{color:#01ff00 !important}html body .rare,html body .rare *{color:#0080ff !important}html body .epic,html body .epic *{color:#8000ff !important}html body .legendary,html body .legendary *{color:#ff8000 !important}html body div.notice{z-index:100;display:flex;position:fixed;top:35%;left:50%;width:20em;margin-left:-10em;height:0em;opacity:0%;justify-content:center;align-items:center;vertical-align:center;animation-name:notice_fade;animation-duration:3s}html body div.notice div.notice-popup{background-color:black;border:1px outset green;width:20em;height:5em;text-align:center;vertical-align:middle}html body div.notice div.notice-popup span{line-height:5em;padding:0;margin:0}html body div.content{margin:0;padding:0;padding-left:2.5%;height:100%;width:95%;overflow:hidden}html body div.content div.header{height:16%}html body div.content div.header div.game-menu{display:inline-block;vertical-align:top}html body div.content div.header div.game-menu a.button:hover{text-shadow:0 0 7px white}html body div.content div.header div.game-menu a.button{text-decoration:none}html body div.content div.header div.game-menu a.button span{color:green;display:block;font-size:3em;letter-spacing:0.1em;line-height:0.35em}html body div.content div.header div.game-menu span.version{display:block}html body div.content div.header .chat-wrapper{display:inline-block;width:50%;height:100%}html body div.content div.header .chat-wrapper div.chatbox{display:inline-block;width:100%;height:90%;margin-top:0.25em;border:1px solid white;padding:0}html body div.content div.header .chat-wrapper div.chatbox ul{height:75%;margin:0;padding:0.1em;overflow:auto;display:flex;flex-direction:column-reverse}html body div.content div.header .chat-wrapper div.chatbox ul li{font-size:small;line-height:1.25em}html body div.content div.header table.bars:hover span.value{color:white;visibility:visible !important}html body div.content div.header table.bars{display:inline-block;float:right;width:32%;border-spacing:0.5em}html body div.content div.header table.bars tbody{width:100%;display:table}html body div.content div.header table.bars tbody tr td.title{float:right}html body div.content div.header table.bars tbody tr td.bar{border-radius:0.6em;width:90%}html body div.content div.header table.bars tbody tr td.bar div.fill{border-radius:0.5em}html body div.content div.header table.bars tbody tr td.bar div.fill span.value{margin-left:0.5em;text-wrap:nowrap;visibility:hidden}html body div.content div.header table.bars tbody tr.energy{color:green}html body div.content div.header table.bars tbody tr.energy td.bar{border:1px solid green;box-shadow:0 0 5px green}html body div.content div.header table.bars tbody tr.energy td.bar div.fill{background-color:green}html body div.content div.header table.bars tbody tr.vitality{color:red}html body div.content div.header table.bars tbody tr.vitality td.bar{border:1px solid red;box-shadow:0 0 5px red}html body div.content div.header table.bars tbody tr.vitality td.bar div.fill{background-color:red}html body div.content div.header table.bars tbody tr.age{color:orange}html body div.content div.header table.bars tbody tr.age td.bar{border:1px solid orange;box-shadow:0 0 5px orange}html body div.content div.header table.bars tbody tr.age td.bar div.fill{background-color:orange}html body div.content .status-crafting{color:orange}html body div.content .status-gathering{color:red}html body div.content .status-traveling{color:#68d1ee}html body div.content .status-resting{color:green}html body div.content a,html body div.content a:visited{color:white;text-decoration:underline}html body div.content a:hover{text-decoration:none}html body div.content div.content{margin-left:0.5em}html body div.content div.popup:target{display:flex}html body div.content div.popup{display:none;z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);justify-content:center;align-items:center}html body div.content div.popup div.popup-content{background:black;border:1px solid green;padding:20px;border-radius:5px;text-align:center;position:fixed;max-height:100%;overflow:scroll}html body div.content div.popup div.popup-content h4.title{width:100%;margin:0;line-height:2em}html body div.content a.close-button,html body div.content a.close-button:visited{position:absolute;top:0.5em;right:0.5em;text-decoration:none;background-color:#333333;color:white;border:2px outset black;padding:0.25em 0.5em;margin-right:1em}html body div.content a.close-button:hover{text-decoration:underline}html body div.content a.close-button:active{border:2px inset black}div.location{height:40%;border:1px solid white;box-shadow:inset 0 0 20px white;border-radius:0.5em;padding:1em}div.location span.title{display:block;font-weight:bold;text-transform:uppercase}div.location span.title span{display:inline}div.location p.description{display:none}div.location div.viewport{position:relative;height:90%;overflow:hidden}div.location div.viewport img.background{position:absolute;bottom:0;left:0;height:100%}body.sessions input{background-color:black;color:white;border:2px inset green;margin-bottom:1em}body.sessions input.button{border:2px outset green}