body[data-auth="1"]{padding-left:104px}body[data-auth="1"] .masthead{position:fixed;z-index:20;left:0;top:0;width:104px;height:92px;padding:10px 8px;justify-content:center;background:#0a1015;border:0;border-right:1px solid #2c3943}.masthead .brand{width:100%;flex-direction:column;gap:3px;text-align:center;font-size:0}.masthead .brand>span:last-child{font:700 10px Inter,sans-serif;letter-spacing:.12em}.masthead .brand small{font-size:5px;letter-spacing:.08em}.masthead .sigil{width:38px;height:42px;font-size:26px}.masthead .mast-right{display:none}body[data-auth="1"] #app{min-height:100vh}
body[data-auth="1"] .primary{position:fixed;z-index:19;left:0;top:92px;bottom:0;width:104px;height:auto;padding:8px 7px;display:flex;flex-direction:column;gap:4px;background:#0a1015;border:0;border-right:1px solid #2c3943;overflow-y:auto}.primary button,.primary button:first-child{position:relative;width:100%;height:68px;flex:0 0 68px;padding:31px 3px 7px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#778b97!important;font-size:8px!important;letter-spacing:.06em}.primary button:before{position:absolute;top:8px;left:50%;transform:translateX(-50%);color:#a4b5be;font:18px Georgia,serif}.primary button:nth-child(1):before{content:'⚔'}.primary button:nth-child(2):before{content:'♟'}.primary button:nth-child(3):before{content:'⚒'}.primary button:nth-child(4):before{content:'◆'}.primary button:nth-child(5):before{content:'➤'}.primary button:nth-child(6):before{content:'◈'}.primary button:nth-child(7):before{content:'▣'}.primary button:nth-child(8):before{content:'♜'}.primary button:hover{background:#111b22!important;color:#d6e0e5!important}.primary button.active{background:#18242c!important;color:#f0d28f!important;box-shadow:inset 3px 0 #d9b66f!important}.primary button.active:before{color:#f0d28f}
body[data-auth="1"] .round-strip{height:34px;padding:0 22px;background:#090e12;border-bottom:1px solid #202d36}.round-strip>span:first-child{font-weight:700}.round-strip>span:last-child{padding-left:15px;border-left:1px solid #283640}body[data-auth="1"] .resources{height:66px;padding:0 22px;align-items:center;background:#101820}.resources .stat{padding:0 20px}.resources .stat strong{font-size:17px}.resources .stat>span{font-size:7px}body[data-auth="1"] .subnav{min-height:44px;padding:6px 22px;background:#0c1217}.subnav nav{gap:2px}.subnav button{padding:7px 9px}.army-strip{height:28px;padding:0 20px;align-items:center}.workspace{padding:20px 24px 48px}.realm-stage{min-height:calc(100vh - 140px);border-radius:9px}
@media(max-width:760px){body[data-auth="1"]{padding-left:0}body[data-auth="1"] .masthead{position:static;width:auto;height:58px;padding:7px 14px;justify-content:flex-start;border-right:0;border-bottom:1px solid #2c3943}.masthead .brand{width:auto;flex-direction:row;text-align:left}.masthead .brand>span:last-child{font-size:15px}.masthead .brand small{font-size:6px}.masthead .sigil{width:34px;height:37px}body[data-auth="1"] .primary{position:static;width:auto;height:52px;flex-direction:row;padding:0;gap:0;border-right:0;border-bottom:1px solid #2c3943;overflow-x:auto}.primary button,.primary button:first-child{min-width:83px;height:51px;flex:1 0 83px;padding:27px 3px 5px!important;border-radius:0!important}.primary button:before{top:5px;font-size:15px}.primary button.active{box-shadow:inset 0 -2px #d9b66f!important}.round-strip{display:none}.resources{height:auto!important}.workspace{padding:12px}.realm-stage{min-height:700px}}