/* The same navigation and icon sizes on every screen. */
.portal-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle;overflow:visible}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #31384b;border-radius:12px;background:#1a1e2b;color:#cbd3e7;cursor:pointer}.icon-button:hover{background:#292f41}.portal-brand{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:1.6px;font-weight:700;line-height:1.15;flex-shrink:0}.portal-brand b{display:block;font-size:17px;color:#f6f7ff;letter-spacing:1px}.portal-brand img{width:42px;height:42px;object-fit:contain;border-radius:10px}.portal-header-left{display:flex;align-items:center;gap:18px;min-width:0}.portal-topbar{position:sticky;top:0;background:#10131ded;backdrop-filter:blur(16px);height:82px;z-index:30;box-shadow:0 4px 22px #0001}.portal-topbar .crumb{padding-left:22px;border-left:1px solid #34394b;color:#929fbb;white-space:nowrap}.workspace{margin-left:0}.workspace>main{max-width:1300px}.workspace>footer{max-width:1300px;margin:auto}.menu-backdrop{position:fixed;inset:0;background:#050812b3;backdrop-filter:blur(4px);border:0;border-radius:0;z-index:79;cursor:pointer}.sidebar.portal-drawer{display:flex;position:fixed;inset:0 auto 0 0;width:326px;max-width:90vw;height:100dvh;padding:24px 20px;background:#141824;border-right:1px solid #31394e;z-index:80;transform:translateX(-105%);transition:transform .25s ease;overflow-y:auto;overscroll-behavior:contain;box-shadow:18px 0 70px #0005}.menu-open .portal-drawer{transform:translateX(0)}body.menu-open{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin:0 4px 28px;gap:16px}.drawer-head .icon-button{width:36px;height:36px;padding:7px;background:transparent}.portal-drawer .nav-caption{display:block;margin:0 12px 14px;font-size:10px;color:#6f7c9a;letter-spacing:1.4px}.portal-drawer #navigation{display:grid;gap:4px;overflow:visible;padding:0}.portal-drawer #navigation a{display:flex;align-items:center;gap:15px;padding:12px 14px;font-size:13px;line-height:1.4;border-radius:11px;color:#a5b0c8;flex-shrink:0;background:transparent}.portal-drawer #navigation a:hover{background:#202637;color:#f5f6ff}.portal-drawer #navigation a.active{background:#2b352a;color:#ccf37a}.portal-drawer #navigation a>span{font-size:13px;width:auto;line-height:1.4;text-align:left}.portal-menu-image{width:24px;height:24px;flex-shrink:0;object-fit:contain}.portal-drawer #navigation small{display:block;margin-left:auto;font-size:8px;background:#c8ec73;color:#1b261d;padding:3px 5px;border-radius:4px}.portal-drawer .side-bottom{display:block;margin-top:24px;padding-top:18px;color:#7b88a2;border-top:1px solid #30374a;font-size:10px;letter-spacing:0}.portal-drawer .side-bottom a{margin-top:10px;color:#a4adc0;font-size:11px;display:inline-block;margin-right:8px}.quick-access{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:8px 10px 8px 8px;width:min(550px,calc(100% - 28px));border:1px solid #414b61;border-radius:21px;background:#1a2031f5;backdrop-filter:blur(16px);box-shadow:0 10px 40px #0006;z-index:40;display:flex;align-items:center;gap:5px}.quick-access nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;flex:1;overflow:visible;padding:0}.quick-access nav a{padding:8px 3px 7px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#94a2bf;border-radius:13px;min-width:0;font-size:9px;line-height:1.2;font-weight:700;white-space:nowrap}.quick-access nav a>span{font-size:9px;width:auto;line-height:1.2}.quick-access nav a.active{background:#333e2e;color:#d1f383}.quick-access nav a:hover{color:white;background:#303a4e}.quick-access .portal-icon{width:22px;height:22px}.quick-access-hide{width:24px;min-width:24px;height:44px;padding:0;display:grid;place-items:center;background:transparent;border:0;border-left:1px solid #394054;border-radius:0;color:#7b88a1}.quick-access-hide .portal-icon{width:15px;height:15px}.quick-access-show{position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:40;background:#242c40;border:1px solid #495570;border-radius:13px;padding:10px 14px;color:#bdc9e1;display:flex;align-items:center;gap:7px;font-size:11px;box-shadow:0 10px 30px #0005}.quick-access-show .portal-icon{width:17px;height:17px}.quick-access-visible{padding-bottom:100px}.quick-access-visible .news-widget,.quick-access-visible #toast{bottom:110px}.quick-access-visible .settings-save{bottom:105px}.quick-access-collapsed .news-widget{bottom:77px}.asset-icon{width:46px;height:46px}.asset-icon .portal-icon{width:46px;height:46px}.fighter-monogram>.portal-icon{width:44px;height:44px}.fighter-monogram .fighter-label{position:absolute;bottom:7px;right:8px;font-size:11px;font-weight:800;opacity:.75}.fighter-monogram{position:relative}.symbol>.portal-icon{width:29px;height:29px}.symbol>.feature-image{width:35px;height:35px;object-fit:contain}.stat.with-icon{position:relative}.stat.with-icon>img{position:absolute;right:18px;top:17px;width:35px;height:35px;object-fit:contain;opacity:.9}.stat.with-icon strong{padding-right:37px}.asset-tab .portal-icon{width:18px;height:18px;margin-right:8px}.profile-brand-icon{width:52px;height:52px;object-fit:contain}.hero-art img{border-radius:18px}.page-emblem{width:48px;height:48px;object-fit:contain;float:right;margin:0 0 18px 18px}
@media(max-width:850px){.portal-topbar{height:72px;padding:0 20px}.portal-header-left{gap:12px}.portal-brand>span{font-size:10px}.portal-brand b{font-size:14px}.portal-brand img{width:37px;height:37px}.portal-topbar .crumb{display:none}.sidebar.portal-drawer{padding:22px 18px}}
@media(max-width:600px){.portal-topbar{height:66px;padding:0 12px;gap:8px}.portal-header-left{gap:9px}.portal-brand img{width:33px;height:33px;border-radius:8px}.portal-topbar .portal-brand span{display:none}.menu-toggle{width:37px;height:37px;border-radius:10px;padding:8px}.portal-topbar .account-nav{gap:7px}.portal-topbar .account-pill{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 11px}.portal-topbar .account-pill span{display:none}.portal-topbar .plan-pill{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.quick-access{width:calc(100% - 20px);bottom:max(10px,env(safe-area-inset-bottom));padding:6px;border-radius:17px}.quick-access nav a{padding:8px 1px 7px;font-size:8px}.quick-access nav a>span{font-size:8px}.quick-access .portal-icon{width:21px;height:21px}.quick-access-visible{padding-bottom:94px}.quick-access-visible .news-widget,.quick-access-visible #toast{bottom:103px}.quick-access-visible .settings-save{bottom:98px}.stat.with-icon>img{right:8px;top:13px;width:22px;height:22px}.stat.with-icon strong{padding-right:20px}.hero-art{display:flex;min-height:160px;border-top:1px solid #50476944}.hero-art img{width:130px;height:130px;max-height:130px;transform:rotate(-4deg)}.hero-art:before{width:120px;height:120px;box-shadow:0 0 0 16px #a98bfc08,0 0 0 30px #a98bfc08}.hero-chip{display:none}.fighter-monogram>.portal-icon{width:36px;height:36px}.page-emblem{width:36px;height:36px}.portal-drawer .portal-brand span{display:block}}
@media(prefers-reduced-motion:reduce){.sidebar.portal-drawer{transition:none}}
.menu-open .news-widget,.menu-open #toast{visibility:hidden}
.portal-drawer [hidden],.portal-topbar [hidden],#menuBackdrop[hidden],#quickAccess[hidden],#quickAccessShow[hidden]{display:none!important}.portal-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.portal-topbar .account-nav{display:flex;align-items:center;gap:12px}.portal-topbar .account-pill{padding:9px 15px;border:1px solid #30374a;border-radius:9px;font-size:12px;font-weight:700;line-height:1.4}.portal-topbar .plan-pill{padding:9px 13px;border:1px solid #4a4660;border-radius:11px;font-size:11px;font-weight:800;line-height:1.4;white-space:nowrap}.portal-topbar .plan-pill[data-plan=pro]{color:#ffe147;background:#ffe14712;border-color:#c5a53566}.portal-topbar .plan-pill[data-plan=go]{color:#c4aaff;background:#8254e322}.portal-topbar .balance{font-size:12px;color:#ffc975;font-weight:750}
@media(max-width:600px){.portal-topbar .account-nav{gap:7px}.portal-topbar .plan-pill{font-size:10px;padding:9px 10px}.portal-topbar .account-pill{font-size:10px;padding:9px 11px}.portal-topbar .balance{display:none!important}}