/* Broad hero, paired server panels and news feed inspired by community portals. */
.app-shell{background:#202429}.app-shell .sidebar{background:#171b20;border-bottom:1px solid #30363d;padding:18px max(26px,calc((100vw - 1200px)/2));gap:18px}.app-shell .nav-item.active{background:transparent;color:#75baff;box-shadow:inset 0 -2px #69b2ff;border-radius:0}.app-shell .content{max-width:1200px;padding:0 28px 35px}.app-shell .page-heading{padding-top:32px;margin-bottom:26px}.app-shell:has(#overview-view:not([hidden])) .page-heading{display:none}
.dashboard-hero{min-height:290px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 -28px;padding:32px 20px 40px;background:linear-gradient(#0f2439cc,#202429),url('/assets/authimg/3.png') center/cover}.dashboard-eyebrow{font-size:10px;color:#80aacc;letter-spacing:3px;font-weight:600}.dashboard-hero>img{display:block;width:min(100%,480px);height:145px;object-fit:cover;mix-blend-mode:screen}.dashboard-hero h1{font-size:28px;font-weight:650;color:#f1f6fd;letter-spacing:-.5px;margin:12px 0 0}
.app-shell .network-card{display:flex;align-items:center;gap:30px;padding:22px 26px;margin:0 0 24px;background:#181d23;border:1px solid #333b46;border-radius:4px;border-left:3px solid #62b4ff}.app-shell .network-card .panel-heading{flex:1;margin:0;align-items:center;gap:16px}.app-shell .network-card h2{font-size:17px;margin-top:7px}.app-shell .network-card .section-kicker{font-size:9px;letter-spacing:1px}.app-shell .network-numbers{margin:0;gap:22px}.app-shell .network-numbers strong{font-size:30px;letter-spacing:-1px;color:#77bfff}.app-shell .network-numbers span{font-size:10px;color:#8f9eaf}.app-shell .network-limit{padding-left:22px;border-color:#354252}.app-shell .network-numbers .network-limit strong{font-size:23px}.app-shell .network-footer{flex-direction:column;gap:6px;align-items:flex-end}.app-shell .network-footer small{font-size:9px;color:#7e91aa}.app-shell .network-footer .button{min-height:38px;padding:9px 13px;font-size:11px;background:#23384e;border-color:#355b82;border-radius:4px}
.realm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.realm-card{background:#181b20;border:1px solid #303740;border-radius:4px;overflow:hidden}.realm-art{height:150px;display:grid;place-items:center;background:#172b3d;position:relative;isolation:isolate}.realm-art img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.45}.realm-art::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#181b20);z-index:-1}.realm-art>.fa-icon{width:62px;height:62px;fill:#78bbfa;filter:drop-shadow(0 3px 10px #0e162c);margin-top:10px}.realm-skyblock .realm-art{background:#2a292e}.realm-skyblock .realm-art>.fa-icon{fill:#c9b779}.realm-body{padding:20px 26px 25px}.realm-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.realm-heading h2{font-size:23px;letter-spacing:-.4px}.realm-body>p{margin-top:10px;font-size:12px;color:#8897aa}.realm-data{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.realm-data>div{display:flex;flex-direction:column;gap:8px}.realm-data span{font-size:11px;color:#768ba5}.realm-data strong{font-size:19px;font-weight:600;color:#d7e4f5;overflow-wrap:anywhere}.realm-maintenance{min-height:71px;margin:25px 0;display:flex;align-items:center;gap:10px;font-size:13px;color:#ac9e78}.realm-body>.button{width:100%;justify-content:flex-start;border-radius:4px;background:#254868;border-color:#386895;color:#bdddff}.realm-body>.button>.fa-icon:last-child{margin-left:auto}.realm-skyblock .realm-body>.button{background:#292b30;border-color:#3c4048;color:#bbb8aa}
.dashboard-feed{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px}.app-shell .dashboard-feed .news-panel{padding:0;border:0;background:transparent}.dashboard-feed .news-panel>.panel-heading{padding-bottom:17px;border-bottom:1px solid #3a424d;margin-bottom:15px}.dashboard-feed .news-panel h2{font-size:23px;font-weight:650}.dashboard-feed .filter-row{margin-bottom:18px}.dashboard-feed .news-entry{background:#191d23;border:1px solid #303944;border-radius:3px;padding:25px;margin-top:16px}.dashboard-feed .news-entry.pinned{border-left:3px solid #62aff4;padding-left:23px}.dashboard-feed .news-entry h3{font-size:22px;letter-spacing:-.4px;margin:15px 0 0}.dashboard-feed .news-content{font-size:13px;line-height:1.9;color:#a6b5c9;margin-top:15px}.dashboard-feed .news-meta .pill{background:transparent;border:0;border-radius:0;padding:0;color:#72b8f8}.dashboard-feed .news-meta time{margin-left:auto;color:#758ba8}.dashboard-profile{min-width:0}.app-shell .dashboard-profile .skin-card{background:#191d23;border:1px solid #303944;border-top:2px solid #5b91c7;border-radius:4px;padding:22px;gap:15px}.dashboard-profile .skin-stage{height:200px}.dashboard-profile .skin-stage img{height:190px}.community-discord{display:flex;align-items:center;gap:13px;background:#222b3b;border-left:3px solid #819aec;padding:20px 17px;margin-top:18px;border-radius:3px;color:#b7c7ea}.community-discord>.fa-icon:first-child{font-size:27px;color:#9cb5fa}.community-discord>span{font-size:13px;font-weight:600;flex:1}.community-discord small{display:block;font-size:10px;margin-top:7px;font-weight:400;color:#8c9dbb}.community-discord>.fa-icon:last-child{font-size:10px}.app-shell .app-footer{border-top-color:#3a414c;margin-top:35px}
.app-shell .stat-card{background:#181d23;border-color:#343e4c;border-radius:4px}.app-shell .inventory-panel,.app-shell .wheel-panel,.app-shell .location-panel,.app-shell .form-panel,.app-shell .history-panel{background:#181d23;border-color:#343e4c;border-radius:4px}.app-shell .subnav{border-bottom-color:#3a414c}.app-shell .subnav button.active{background:#24476b;color:#badcff}.app-shell .filter.active{background:#24476b;border-color:#47739d;color:#badcff}.app-shell .form-panel{padding:26px}.app-shell .maintenance-view{padding:65px 30px;text-align:center;background:#191d23;border-radius:4px}.app-shell .maintenance-view h2{font-size:38px;margin:25px 0}
.captcha-area{margin-top:24px;min-width:0}.captcha-area #captcha-status{font-size:11px;color:#9fb4d3;line-height:1.6;margin-top:8px}.captcha-area #captcha-status:empty{display:none}.captcha-area .text-button{margin-top:8px}.auth-login .login-submit:disabled:not(.is-loading){opacity:.45;cursor:not-allowed}
@media(max-width:1000px){.app-shell .network-card{flex-wrap:wrap;gap:22px}.app-shell .network-card .panel-heading{min-width:240px}.app-shell .network-footer{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.dashboard-feed{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.realm-grid{gap:20px}.realm-body{padding:20px}.realm-heading h2{font-size:21px}}
@media(max-width:650px){.app-shell .sidebar{padding:15px 16px}.app-shell .content{padding:0 16px 25px}.dashboard-hero{margin:0 -16px;min-height:235px;padding:28px 16px}.dashboard-hero>img{height:115px;width:min(100%,390px)}.dashboard-hero h1{font-size:23px}.app-shell .network-card{padding:20px 16px;gap:20px}.app-shell .network-card .panel-heading{min-width:0;width:100%;flex:auto}.app-shell .network-numbers{width:100%;gap:35px}.app-shell .network-numbers strong{font-size:35px}.app-shell .network-numbers .network-limit strong{font-size:27px}.app-shell .network-footer{flex-wrap:wrap;gap:10px}.app-shell .network-footer small{text-align:left;font-size:9px}.realm-grid{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.realm-art{height:135px}.realm-art>.fa-icon{width:54px;height:54px}.realm-body{padding:20px}.dashboard-feed{grid-template-columns:1fr;gap:25px}.dashboard-feed .news-panel h2{font-size:21px}.dashboard-feed .news-entry{padding:20px}.dashboard-feed .news-entry h3{font-size:20px}.dashboard-feed .news-entry.pinned{padding-left:18px}.dashboard-feed .news-content{font-size:12px}.dashboard-profile{display:grid;grid-template-columns:1fr;gap:16px}.community-discord{margin:0}.app-shell .dashboard-profile .skin-card{display:grid;grid-template-columns:100px 1fr;text-align:left;gap:10px 20px}.dashboard-profile .skin-stage{grid-row:span 2;height:135px}.dashboard-profile .skin-stage img{width:85px;height:130px}.dashboard-profile .skin-card>strong{align-self:end}.dashboard-profile .skin-card>.pill{justify-self:start;align-self:start}}