.hub2-panel{display:none}.hub2-panel.active{display:block!important}.hub2-empty{min-height:480px;display:grid;place-content:center;text-align:center;justify-items:center}.hub2-empty p{max-width:540px;color:#929aa7;line-height:1.6}.dashboard-welcome{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:30px;background:linear-gradient(130deg,#151e2b,#090d13);border:1px solid #354050}.dashboard-welcome h3{font-size:clamp(44px,6vw,78px);margin:8px 0}.dashboard-welcome h3 em{color:var(--red);font-style:italic}.dashboard-welcome p:last-child{color:#8993a1}.dashboard-level{display:grid;text-align:right;gap:5px}.dashboard-level small{color:#7f8998;font:800 8px Inter;letter-spacing:2px}.dashboard-level strong{font:900 30px "Barlow Condensed"}.dashboard-level b{color:#ffbc42}.spider-avatar{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#1c3559,#070a0f);box-shadow:0 0 0 5px color-mix(in srgb,var(--avatar-color) 35%,transparent)}.spider-avatar i{position:absolute;width:50px;height:58px;border-radius:45% 45% 42% 42%;background:var(--avatar-color);border:3px solid #080b10}.spider-avatar i:before,.spider-avatar i:after{content:"";position:absolute;top:17px;width:13px;height:21px;background:#fff;border:2px solid #080b10;clip-path:polygon(0 0,100% 25%,40% 100%)}.spider-avatar i:before{left:7px}.spider-avatar i:after{right:7px;transform:scaleX(-1)}.spider-avatar b{position:absolute;bottom:4px;right:5px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#080b10;color:#fff;font:800 10px Inter}.mask-miles i{background:#111;border-color:#ec2438}.mask-miles i:before,.mask-miles i:after{background:#ef3347}.mask-gwen i{background:#f6f6f6;border-color:#e857a7}.mask-2099 i{background:#173d84;border-color:#ef233c}.mask-2099 i:before,.mask-2099 i:after{background:#ef233c}.bg-verse{background:linear-gradient(145deg,#7e2cc9,#e32636)}.bg-bugle{background:linear-gradient(145deg,#eee9df,#777)}.bg-space{background:radial-gradient(circle,#3f67b1,#080b10)}.dashboard-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0}.dashboard-grid article{min-height:135px;padding:18px;background:#121923;border-bottom:3px solid var(--red);display:flex;flex-direction:column}.dashboard-grid small{color:#7f8996;font:800 7px Inter;letter-spacing:1px}.dashboard-grid strong{margin-top:auto;font:900 22px/1 "Barlow Condensed"}.dashboard-grid span{margin-top:7px;color:#8992a0;font-size:8px}.dashboard-lower{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.avatar-studio,.stat-board{background:#111720;border:1px solid #303a48;padding:25px}.avatar-studio{display:grid;grid-template-columns:auto repeat(2,1fr);gap:12px;align-items:end}.avatar-studio>div:first-child{grid-column:1/-1}.avatar-studio h4,.stat-board h4{font:900 36px "Barlow Condensed";margin:7px 0}.avatar-preview{grid-row:2/5;align-self:center;padding:8px}.avatar-studio label{display:grid;gap:5px;color:#8b95a3;font:700 8px Inter;text-transform:uppercase}.avatar-studio select,.avatar-studio input{height:42px;background:#080c12;color:#fff;border:1px solid #354050;padding:0 9px}.avatar-studio button{grid-column:2/4}.stat-board>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stat-board span{background:#080c12;padding:14px}.stat-board small{display:block;color:#7d8795;font-size:7px}.stat-board strong{display:block;margin-top:4px;font:900 27px "Barlow Condensed"}.community-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.community-head input{width:min(330px,100%);height:48px;background:#111720;border:1px solid #354050;color:#fff;padding:0 13px}.community-profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.public-profile{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:18px;background:#121923;border:1px solid #303a48}.public-profile .spider-avatar{width:65px;height:65px}.public-profile .spider-avatar i{transform:scale(.7)}.public-profile h4{margin:0;font:900 25px "Barlow Condensed"}.public-profile p{margin:4px 0;color:#949da9;font-size:9px}.public-profile span{color:#ffbd42;font-size:8px}.public-profile button{grid-column:1/-1;min-height:36px;border:1px solid var(--red);background:transparent;color:#fff;font:800 8px Inter}.album-head{max-width:700px}.album-head>p:last-child{color:#929ba7}.suit-collection{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:25px 0}.album-suit{min-height:280px;padding:15px;background:#121923;border:1px solid #303a48;display:flex;flex-direction:column}.album-suit.locked{filter:grayscale(.8);opacity:.58}.album-suit h4{font:900 22px "Barlow Condensed"}.album-suit small{color:#ffbd42;font:800 7px Inter}.album-suit button{margin-top:auto;min-height:36px;background:var(--red);border:0;color:#fff;font:800 8px Inter}.suit-figure{display:block;height:150px;margin-bottom:14px;background:radial-gradient(ellipse at center,#e32636 0 25%,#14284a 26% 44%,transparent 45%),radial-gradient(circle at 50% 21%,#e32636 0 13%,transparent 14%)}.suit-stealth{filter:grayscale(1)}.suit-miles{filter:hue-rotate(150deg) brightness(.7)}.suit-future{filter:hue-rotate(210deg)}.suit-symbiote{filter:grayscale(1) brightness(.45)}.album-title{font:900 32px "Barlow Condensed"}.card-album{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.card-album span{aspect-ratio:.72;padding:12px;background:linear-gradient(145deg,#243650,#0a0e14);border:1px solid #48566a;display:flex;flex-direction:column;justify-content:end}.card-album b{font:900 18px "Barlow Condensed"}.card-album small{color:#ffbd42;font-size:7px}.notification-bell{position:fixed;right:18px;top:95px;z-index:910;width:46px;height:46px;border-radius:50%;border:1px solid var(--red);background:#090d14;color:#fff;cursor:pointer}.notification-bell span{position:absolute;right:-4px;top:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--red);font:800 9px Inter;display:grid;place-items:center}.notification-drawer{position:fixed;right:16px;top:150px;z-index:920;width:min(390px,calc(100vw - 24px));max-height:65dvh;overflow:auto;background:#090d14;color:#fff;border:1px solid #3b4655;box-shadow:0 20px 60px #000}.notification-drawer header{position:sticky;top:0;display:flex;justify-content:space-between;padding:15px;background:#111925}.notification-drawer button{border:0;background:none;color:#fff;font-size:22px}.notification-drawer article{padding:14px;border-bottom:1px solid #28313e}.notification-drawer article.unread{border-left:3px solid var(--red)}.notification-drawer small{color:var(--red);text-transform:uppercase}.notification-drawer strong{display:block;margin:5px 0}.notification-drawer p{margin:0;color:#929ba7;font-size:10px}.hub-transition{position:fixed;inset:0;z-index:3000;pointer-events:none;opacity:0;display:grid;place-items:center;background:radial-gradient(circle,transparent 0 15%,rgba(5,7,11,.95) 45%)}.hub-transition span{position:absolute;width:140vw;height:2px;background:#fff;transform:rotate(-18deg);box-shadow:0 0 12px #fff}.hub-transition b{font:900 70px "Barlow Condensed"}.hub-transition.show{animation:hubTransition .65s ease both}@keyframes hubTransition{0%,100%{opacity:0}35%,70%{opacity:1}}.character-detail{width:min(1050px,calc(100% - 20px));padding:0;background:#090d14;color:#fff;border:1px solid #465264}.character-detail::backdrop{background:#020408e8;backdrop-filter:blur(8px)}.character-detail>button{position:absolute;right:12px;top:12px;z-index:2;width:44px;height:44px;background:#090d14;color:#fff;border:1px solid #566274}.character-detail-body,.character-detail #characterDetailBody{display:grid;grid-template-columns:1.15fr .85fr}.character-detail img{width:100%;height:100%;min-height:550px;object-fit:cover}.character-detail #characterDetailBody>div{padding:45px}.character-detail h3{font:900 65px/.85 "Barlow Condensed"}.character-detail p{color:#a0a8b3;line-height:1.7}.character-detail dl{display:grid;grid-template-columns:130px 1fr;gap:11px;border-top:1px solid #303a47;padding-top:20px}.character-detail dt{color:var(--red);font:800 8px Inter}.character-detail dd{margin:0;color:#bac0c8;font-size:11px}
@media(max-width:720px){.hub2-panel{padding:14px!important}.dashboard-welcome{grid-template-columns:auto 1fr;padding:18px;gap:14px}.dashboard-welcome .spider-avatar{width:66px;height:66px}.dashboard-welcome h3{font-size:38px}.dashboard-level{grid-column:1/-1;text-align:left}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid article{min-height:115px;padding:13px}.dashboard-grid article:last-child{grid-column:1/-1}.dashboard-lower{grid-template-columns:1fr}.avatar-studio{grid-template-columns:1fr 1fr;padding:17px}.avatar-preview{grid-row:auto;grid-column:1/-1}.avatar-studio button{grid-column:1/-1}.community-head{display:block}.community-head input{margin-top:12px}.community-profiles{grid-template-columns:1fr}.suit-collection{grid-template-columns:1fr 1fr}.album-suit{min-height:235px}.suit-figure{height:110px}.card-album{grid-template-columns:repeat(2,1fr)}.notification-bell{top:auto;bottom:116px;right:10px}.notification-drawer{top:auto;bottom:70px;max-height:70dvh}.character-detail{max-height:calc(100dvh - 12px);overflow:auto}.character-detail #characterDetailBody{grid-template-columns:1fr}.character-detail img{min-height:250px;height:250px}.character-detail #characterDetailBody>div{padding:24px 18px}.character-detail h3{font-size:48px}.character-detail dl{grid-template-columns:95px 1fr}}