:root{--bg:#080a0f;--panel:#10151d;--line:#29313d;--text:#f2f4f8;--muted:#929cab;--purple:#8e78ff;--gold:#d5ad70;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,9,13,.94);backdrop-filter:blur(15px);border-bottom:1px solid #202630}.header-inner{max-width:var(--max);height:74px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:30px}.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.05em}.logo-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #403952;border-radius:11px;color:#d9c29d;font-family:serif;font-size:22px;background:#12151b}.desktop-nav{display:flex;height:100%}.desktop-nav a{display:flex;align-items:center;padding:0 14px;text-decoration:none;color:#9da6b5;font-size:13px;font-weight:700;border-bottom:2px solid transparent}.desktop-nav a:hover{color:white;border-color:var(--purple)}.header-actions{margin-left:auto}.admin-link{font-size:11px;text-decoration:none;border:1px solid #303744;padding:8px 11px;border-radius:8px;color:#9ca6b5}.mobile-menu-btn,.mobile-nav{display:none}.hero{min-height:570px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 40%,rgba(106,78,154,.25),transparent 26%),radial-gradient(circle at 15% 15%,rgba(197,144,70,.1),transparent 25%),linear-gradient(120deg,#0a0d12,#10121a);border-bottom:1px solid #1d232c}.hero-content{max-width:var(--max);margin:auto;padding:105px 28px 80px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:900;color:#9d8bff}.hero h1{font-size:64px;line-height:1.02;letter-spacing:-.04em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--gold);font-weight:500}.hero p,.page-hero p{max-width:720px;color:#a0aaba;line-height:1.65}.hero-search{max-width:720px;margin-top:28px;display:flex;border:1px solid #313947;background:#111620;border-radius:12px;padding:6px}.hero-search input,.search-row input{flex:1;border:0;background:transparent;color:white;padding:13px 14px;outline:0}.hero-search button,.search-row button,.planner-form button{border:0;background:linear-gradient(135deg,#826df1,#a484ff);color:white;font-weight:800;border-radius:8px;padding:0 20px}.hero-quick{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.hero-quick a{font-size:12px;text-decoration:none;border:1px solid #2a313d;border-radius:99px;padding:8px 12px;background:#0d1118;color:#a9b2c0}.hero-emblem{position:absolute;right:7%;top:120px;width:320px;height:320px;border:1px solid rgba(214,175,112,.12);border-radius:50%;display:grid;place-items:center;color:rgba(220,190,140,.13);font:170px serif}.content-section{max-width:var(--max);margin:auto;padding:68px 28px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-head h2{font-size:29px;margin:6px 0}.section-head>a{color:#b2a4ff;text-decoration:none;font-size:12px}.section-head.lower{margin-top:60px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mode-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-decoration:none;border:1px solid var(--line);background:linear-gradient(145deg,#121721,#0d1118);border-radius:14px;padding:21px}.mode-card>span{font-size:27px}.mode-card h3{margin:0 0 4px}.mode-card p{margin:0;color:#858f9f;font-size:12px}.mode-card>b{font-size:28px;color:#414959}.build-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.build-card{display:flex;flex-direction:column;min-height:255px;text-decoration:none;border:1px solid #252d38;background:linear-gradient(155deg,#121722,#0c1017);border-radius:14px;padding:19px;transition:.2s}.build-card:hover{transform:translateY(-4px);border-color:#51476c}.build-card-top{display:flex;justify-content:space-between}.mode-pill{font-size:10px;padding:6px 8px;background:#252c39;border-radius:6px;font-weight:900}.verified{color:#67d99e;font-size:10px}.weapon-symbols{display:flex;align-items:center;gap:9px;margin:25px 0 18px}.weapon-symbols span{width:52px;height:52px;border:1px solid #343c49;border-radius:10px;display:grid;place-items:center;font:22px serif;color:#d5c29e;background:#171c24}.weapon-symbols i{font-style:normal;color:#606b7a}.build-card h3{margin:0 0 8px;font-size:18px}.build-card p{color:#8c96a6;font-size:12px;line-height:1.55;margin:0}.build-meta{margin-top:auto;padding-top:16px;border-top:1px solid #242b35;font-size:11px;color:#8993a4}.empty-public{grid-column:1/-1;text-align:center;border:1px dashed #303744;border-radius:14px;padding:42px;color:#909aaa}.feature-strip{max-width:var(--max);margin:0 auto 70px;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#262d37;border:1px solid #262d37;border-radius:14px;overflow:hidden}.feature-strip a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;background:#0e1218;padding:22px;text-decoration:none}.feature-strip small{display:block;color:#758093;margin-top:4px}.page-hero{padding:64px max(28px,calc((100vw - var(--max))/2 + 28px)) 45px;background:radial-gradient(circle at 75% 0,rgba(116,87,175,.15),transparent 30%),#0b0e14;border-bottom:1px solid #1f2530}.page-hero h1{font-size:42px;margin:8px 0}.filters{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.mode-tabs{display:flex;background:#10151d;border:1px solid #262e3a;border-radius:9px;padding:4px}.mode-tabs a{padding:9px 14px;text-decoration:none;color:#8993a3;font-size:12px;border-radius:6px}.mode-tabs a.active{background:#29243d;color:#cfc3ff}.search-row{display:flex;min-width:390px;border:1px solid #29313e;border-radius:9px;overflow:hidden}.search-row button{border-radius:0}.guide-hero{background:radial-gradient(circle at 77% 30%,rgba(98,73,148,.22),transparent 30%),#0d1016;border-bottom:1px solid #262d38}.guide-hero-inner{max-width:var(--max);margin:auto;padding:65px 28px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.guide-hero h1{font-size:44px;margin:12px 0}.breadcrumb{color:#8075a3;text-decoration:none;font-size:11px;margin-right:9px}.guide-author{display:flex;gap:12px;flex-wrap:wrap;color:#8994a4;font-size:11px;margin-top:18px}.guide-weapons{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center}.guide-weapons>div{min-height:115px;padding:17px;border:1px solid #333b48;background:#141923;border-radius:12px;display:flex;flex-direction:column;justify-content:end}.guide-weapons small{font-size:9px;color:#737f90}.guide-weapons strong{margin-top:6px}.guide-layout{max-width:var(--max);margin:auto;padding:50px 28px 85px;display:grid;grid-template-columns:200px minmax(0,820px);gap:50px}.guide-toc{position:sticky;top:100px;height:max-content;display:grid;border-left:1px solid #29313b;padding-left:14px}.guide-toc b{font-size:9px;color:#697485;letter-spacing:.13em;margin-bottom:9px}.guide-toc a{color:#8994a5;text-decoration:none;font-size:11px;padding:7px 0}.guide-section{scroll-margin-top:100px;padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid #232a34}.guide-section h2{font-size:26px;margin:6px 0 17px}.section-number{font-size:9px;color:#75699a;font-weight:900}.guide-section>p{color:#abb4c2;line-height:1.7}.equipment-grid,.item-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.equipment-grid>div,.item-list>div{border:1px solid #29313d;background:#10151d;border-radius:10px;padding:15px}.equipment-grid small{display:block;color:#747f90;font-size:9px;margin-bottom:5px}.item-list>div{display:flex;gap:10px;align-items:center}.item-list i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;background:#27213c;border-radius:7px;color:#bbaaff}.priority-list{padding:0;display:grid;gap:8px}.priority-list li{list-style:none;border:1px solid #28303b;background:#10151d;border-radius:9px;padding:12px}.rotation-list{padding:0;display:grid;gap:9px}.rotation-list li{list-style:none;display:grid;grid-template-columns:36px 1fr;gap:10px}.rotation-list span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#29223f;color:#c8bdff;font-weight:800}.rotation-list p{margin:5px 0;color:#b3bdca}.guide-note{margin-top:18px;padding:14px;border:1px solid #40341f;background:#17140f;border-radius:9px}.guide-note b{color:#ddb778}.public-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.public-gallery img{width:100%;height:200px;object-fit:cover;border:1px solid #303846;border-radius:9px}.guide-category-grid,.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-category,.reference-card{border:1px solid #29313d;background:#10151d;border-radius:13px;padding:22px}.guide-category>span{font-size:27px}.guide-category p{color:#8994a4}.guide-category b{color:#b7a8fa;font-size:10px}.reference-card{display:flex;align-items:center;gap:12px;padding:14px}.reference-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#191e27;font-family:serif;color:#d6c29e}.reference-card h3{font-size:13px;margin:0}.tier-switch{display:flex;gap:8px;margin-bottom:18px}.tier-switch button{border:1px solid #2b323e;background:#11151c;color:#8994a4;padding:8px 17px;border-radius:8px}.tier-switch button.active{background:#2b2341;color:#d0c3ff}.tier-board{max-width:900px;border:1px solid #2b323d;border-radius:12px;overflow:hidden}.tier-row{display:grid;grid-template-columns:70px 1fr;min-height:90px;border-bottom:1px solid #252c36}.tier-row>b{display:grid;place-items:center;background:#161b23;font-size:28px;color:#d6bc84}.tier-row>div{padding:19px}.tier-row small{display:block;color:#748092;margin-top:4px}.planner-wrap{max-width:1000px}.planner-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.planner-form,.planner-preview{border:1px solid #29313d;background:#10151d;border-radius:13px;padding:23px}.planner-form{display:grid;gap:13px}.planner-form label{display:grid;gap:6px;color:#9ea9b7;font-size:11px}.planner-form input,.planner-form select,.planner-form textarea{background:#0a0e14;border:1px solid #303846;color:#fff;border-radius:8px;padding:10px}.planner-form button{min-height:42px}.planner-preview h2{font-size:24px}.planner-weapons{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.planner-weapons span{min-height:84px;display:grid;place-items:center;text-align:center;border:1px solid #343c48;background:#151a23;border-radius:9px;padding:11px}.planner-preview>p{color:#a2adba;line-height:1.6}.site-footer{max-width:var(--max);margin:auto;padding:38px 28px 55px;border-top:1px solid #202630;display:flex;justify-content:space-between;color:#727e90}.footer-links{display:flex;gap:15px}.footer-links a{font-size:11px;color:#8994a5;text-decoration:none}
@media(max-width:1000px){.build-card-grid{grid-template-columns:repeat(2,1fr)}.guide-hero-inner{grid-template-columns:1fr}.guide-layout{grid-template-columns:1fr}.guide-toc{display:none}.hero-emblem{opacity:.3}.guide-category-grid,.reference-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.header-inner{height:64px;padding:0 18px}.desktop-nav,.admin-link{display:none}.mobile-menu-btn{display:block;background:none;border:0;color:white;font-size:24px}.mobile-nav{display:none;padding:0 18px 12px}.menu-open .mobile-nav{display:grid}.mobile-nav a{padding:10px;text-decoration:none;border-bottom:1px solid #1e242d;color:#aab3bf}.hero{min-height:540px}.hero-content{padding:80px 20px 55px}.hero h1{font-size:43px}.hero-emblem{right:-140px;top:180px}.hero-search{display:grid}.hero-search button{min-height:42px}.content-section{padding:48px 18px}.mode-grid,.feature-strip,.guide-category-grid,.reference-grid,.planner-grid{grid-template-columns:1fr}.build-card-grid{grid-template-columns:1fr}.feature-strip{margin:0 18px 48px;padding:0}.filters{flex-direction:column}.search-row{min-width:0}.page-hero{padding:48px 20px 35px}.page-hero h1{font-size:33px}.guide-hero-inner{padding:45px 20px}.guide-hero h1{font-size:35px}.guide-weapons{grid-template-columns:1fr}.guide-weapons>b{display:none}.guide-layout{padding:38px 18px}.equipment-grid,.item-list{grid-template-columns:1fr}.public-gallery{grid-template-columns:1fr 1fr}.site-footer{margin:0 18px;padding:28px 0 45px}.footer-links{flex-wrap:wrap}}

.lang-switch{display:flex;border:1px solid #2d3440;border-radius:8px;overflow:hidden}.lang-switch a{padding:6px 7px;text-decoration:none;font-size:10px;color:#9fa8b7;background:#0e1218}.account-link{font-size:11px;text-decoration:none;color:#b8c2d0}.public-flashes{position:fixed;z-index:100;right:18px;top:90px}.public-flashes .flash{padding:12px 15px;margin:6px;border-radius:10px;background:#171d27;border:1px solid #30394a}.role-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.role-card{padding:22px;border:1px solid #29313e;border-radius:14px;background:#10151d}.role-card p{color:#8e98a9}.donation-layout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:30px;align-items:start}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.benefit-grid>div{display:grid;gap:5px;padding:16px;background:#10151d;border:1px solid #29313e;border-radius:12px}.benefit-grid span{color:#8792a3;font-size:12px}.donation-copy p,.benefit-list{color:#a5afbd;line-height:1.7}.dev-callout{margin-top:30px;padding:20px;border:1px solid #4b3d2a;background:#17130e;border-radius:13px}.donation-panel{position:sticky;top:100px;padding:24px;background:#10151d;border:1px solid #313947;border-radius:15px}.donation-panel label,.link-card label{display:grid;gap:6px;margin:10px 0;color:#aeb8c6;font-size:12px}.donation-panel input,.donation-panel textarea,.link-card input{width:100%;background:#090d13;color:#fff;border:1px solid #303947;border-radius:9px;padding:11px}.donation-panel button,.link-card button,.secondary-button{display:inline-flex;border:0;border-radius:9px;padding:11px 15px;background:#8068f4;color:white;font-weight:800;text-decoration:none}.pix-qr{display:block;width:min(280px,100%);margin:18px auto;background:white;padding:9px;border-radius:11px}.narrow-page{max-width:780px}.link-card{padding:28px;background:#10151d;border:1px solid #2e3644;border-radius:14px}.link-security{margin-top:22px;padding:13px;background:#0d1219;border:1px solid #29313d;border-radius:9px;color:#8793a5}.profile-card{display:flex;gap:18px;align-items:center;padding:24px;background:#10151d;border:1px solid #2b3340;border-radius:14px}.profile-avatar{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#5b4aa3;font-size:30px;font-weight:900}.role-pills{display:flex;gap:7px;flex-wrap:wrap}.role-pills span{padding:5px 8px;border-radius:999px;background:#242b38;font-size:10px}.real-media-grid{display:grid;grid-template-columns:2fr .65fr 1.2fr;gap:12px;margin-bottom:34px}.real-media-grid figure{margin:0;background:#10151d;border:1px solid #29313e;border-radius:13px;overflow:hidden}.real-media-grid img{width:100%;height:220px;object-fit:cover}.real-media-grid figure:nth-child(2) img{object-fit:contain;background:#080b10}.real-media-grid figcaption{padding:10px;color:#8c97a8;font-size:11px}@media(max-width:900px){.donation-layout,.role-showcase,.benefit-grid,.real-media-grid{grid-template-columns:1fr}.donation-panel{position:static}.lang-switch{display:none}.real-media-grid img{height:auto}}
.auth-page{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:55px 18px;background:radial-gradient(circle at 50% 0,rgba(126,99,227,.14),transparent 35%)}.auth-card{width:min(100%,520px);padding:32px;background:#111620;border:1px solid #2b3341;border-radius:18px}.auth-card h1{font-size:34px;margin:8px 0}.auth-card>p{color:#8f9aac}.auth-form{display:grid;gap:13px;margin-top:25px}.auth-form label,.customize-form label{display:grid;gap:7px;color:#aeb7c5;font-size:12px;font-weight:700}.auth-form input,.customize-form input,.customize-form select{background:#090d13;color:#fff;border:1px solid #303948;border-radius:9px;padding:12px}.auth-form button,.customize-form button{min-height:44px;border:0;border-radius:9px;background:linear-gradient(135deg,#795fff,#9d7cff);color:white;font-weight:800}.auth-separator{display:flex;align-items:center;gap:12px;color:#667286;font-size:11px;margin:24px 0}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:#29313e;flex:1}.oauth-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.oauth-grid a{padding:11px;border:1px solid #303948;border-radius:9px;text-align:center;text-decoration:none;background:#0c1118;color:#d8dee8;font-size:13px;font-weight:700}.oauth-grid a.disabled{opacity:.35;pointer-events:none}.oauth-grid .discord-oauth{background:#242951}.auth-foot{text-align:center;color:#8f9aac;font-size:12px}.auth-foot a{color:#a996ff}.discord-auto-note,.perk-note{margin-top:18px;padding:12px;border:1px solid #37304d;background:#181525;border-radius:9px;color:#aeb4c2;font-size:12px}
.account-v20{max-width:1000px}.profile-v20{display:flex;align-items:center;gap:20px;padding:22px;background:#11161f;border:1px solid #29313d;border-radius:15px}.profile-avatar-v20,.custom-avatar{width:92px;height:92px;border-radius:50%;overflow:hidden;background:#1b202a;display:grid;place-items:center;font-size:31px;border:3px solid #323a48}.profile-avatar-v20 img,.custom-avatar img{width:100%;height:100%;object-fit:cover}.border-purple{box-shadow:0 0 0 3px #9a73ff,0 0 22px #7350db}.border-gold{box-shadow:0 0 0 3px #e3b75f,0 0 22px #a47b30}.border-fire{box-shadow:0 0 0 3px #ff6d45,0 0 25px #ff3c20}.border-jade{box-shadow:0 0 0 3px #59d7b0,0 0 22px #249c7e}.account-grid-v20{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.account-grid-v20 article{padding:18px;background:#10151d;border:1px solid #29313d;border-radius:12px}.account-grid-v20 p{color:#8995a6;font-size:13px}.identity-list{display:flex;gap:7px;flex-wrap:wrap}.identity-list span,.role-pills span{padding:6px 9px;border-radius:999px;background:#272235;color:#cdbfff;font-size:10px}.danger-outline{border-color:#713744!important;color:#ff9daa!important}.customize-wrap{max-width:950px;display:grid;grid-template-columns:330px 1fr;gap:18px}.customize-preview,.customize-form{background:#10151d;border:1px solid #29313d;border-radius:15px;padding:24px}.customize-preview{text-align:center}.customize-preview .custom-avatar{margin:10px auto 20px;width:120px;height:120px}.customize-form{display:grid;gap:15px}.color-row{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:12px}.color-row input{padding:4px;height:44px}.color-row span{font-weight:400;color:#788495}
@media(max-width:760px){.oauth-grid,.account-grid-v20,.customize-wrap{grid-template-columns:1fr}}

.tinder-form-wrap{max-width:760px}.tinder-form{display:grid;gap:14px;padding:24px;border:1px solid #29313d;background:#10151d;border-radius:15px}.tinder-form label,.tinder-form fieldset{display:grid;gap:7px;color:#aeb7c5;font-size:12px;font-weight:700}.tinder-form input,.tinder-form select,.tinder-form textarea{background:#090d13;color:#fff;border:1px solid #303948;border-radius:9px;padding:12px;font:inherit}.tinder-form fieldset{border:1px solid #303948;border-radius:9px;padding:12px}.check-option{display:flex!important;align-items:center;gap:8px!important;font-weight:500!important}.check-option input{width:auto}.tinder-form button,.tinder-actions button,.match-chip button,.marriage-request button{border:0;border-radius:9px;background:#8a70ff;color:white;font-weight:800;padding:11px 16px}.tinder-warning{background:#23171a;border:1px solid #5a3037;color:#e7b5bd;padding:13px;border-radius:10px;font-size:12px}.tinder-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}.tinder-section{margin-bottom:45px}.tinder-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tinder-card{background:#10151d;border:1px solid #29313d;border-radius:18px;overflow:hidden}.tinder-photo{height:280px;background:linear-gradient(145deg,#21192a,#111722);display:grid;place-items:center;font-size:70px;color:#b08cff}.tinder-photo img{width:100%;height:100%;object-fit:cover}.tinder-info{padding:17px}.tinder-info h3{margin:0 0 12px}.tinder-info p{font-size:12px;line-height:1.55;color:#96a1b2}.tinder-actions{display:flex;justify-content:center;gap:15px;padding:0 17px 18px}.tinder-actions button{width:52px;height:52px;border-radius:50%;font-size:22px}.tinder-actions .pass,.marriage-request .pass{background:#2b3039;color:#e6a2ab}.tinder-actions .like{background:#4a2144;color:#ff8bd5}.match-row{display:flex;gap:10px;flex-wrap:wrap}.match-chip{display:flex;align-items:center;gap:10px;background:#11161f;border:1px solid #2c3440;border-radius:12px;padding:10px}.match-chip img,.avatar-fallback{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#2b1c30;display:grid;place-items:center}.match-chip b,.match-chip small{display:block}.match-chip small{color:#7f8b9b}.match-chip button{padding:8px}.marriage-request{display:flex;align-items:center;gap:10px;background:#17131d;border:1px solid #493356;border-radius:12px;padding:13px}.muted{color:#818c9d}
@media(max-width:900px){.tinder-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.tinder-card-grid{grid-template-columns:1fr}.tinder-topbar{align-items:flex-start;flex-direction:column}}

.auth-secondary{font-size:11px;text-decoration:none;padding:8px 10px;color:#b6bfcd}.auth-secondary:hover{color:white}.guide-link,.media-link,.reference-link{text-decoration:none;color:inherit}.guide-link{transition:.2s}.guide-link:hover,.reference-link:hover{border-color:#62558b;transform:translateY(-2px)}.reference-card small{color:#8578b4}.section-help{color:#7f8a9a;font-size:12px;margin:5px 0 0}.reference-detail-page{max-width:1050px}.reference-detail-card{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:26px;border:1px solid #29313d;background:#10151d;border-radius:15px}.reference-detail-icon{height:100px;border:1px solid #373f4b;border-radius:13px;display:grid;place-items:center;font:44px serif;color:#d6bd92;background:#161b23}.detail-row{padding:10px 0;border-bottom:1px solid #252c36;display:grid;grid-template-columns:180px 1fr;gap:15px}.detail-row b{color:#aeb6c4}.detail-row span{color:#8792a2}.planner-how{display:flex;gap:10px;flex-wrap:wrap;padding:15px;margin-bottom:18px;border:1px solid #2b3340;background:#10151c;border-radius:12px;color:#909bab;font-size:12px}.planner-how>b{color:#fff}.planner-how span{padding-left:10px;border-left:1px solid #353d49}.planner-buttons{display:grid;gap:8px}.planner-form .secondary-plan{min-height:42px;background:#1a2029;border:1px solid #343c49!important}.planner-explain{margin-top:25px;padding:12px;border:1px solid #303844;border-radius:9px;color:#7e8999;font-size:11px;line-height:1.5}.tier-switch a{display:inline-flex;padding:9px 18px;border:1px solid #303847;border-radius:8px;text-decoration:none;color:#9ba5b5;margin-right:7px}.tier-switch a.active{background:#342d4c;color:#fff;border-color:#514471}.tier-items{display:flex!important;flex-wrap:wrap;gap:8px;padding:14px!important}.tier-build-card{min-width:190px;max-width:280px;text-decoration:none;padding:12px;border:1px solid #343c47;border-radius:9px;background:#11161e;display:flex;flex-direction:column;gap:5px}.tier-build-card:hover{border-color:#7060a3}.tier-build-card small{color:#8e99a8}.tier-build-card span{font-size:10px;color:#a795ff}.tier-empty{color:#606b7a;font-size:12px}.oauth-grid a small{display:block;font-size:8px;margin-top:3px;color:#9c91c6}.oauth-grid a.oauth-unconfigured{opacity:.65;border-style:dashed}.oauth-help{margin-top:15px;padding:11px;border:1px solid #3a3446;background:#17141d;border-radius:8px;color:#9ca5b4;font-size:11px;line-height:1.5}.oauth-help code{color:#c6b6ff}
@media(max-width:700px){.reference-detail-card{grid-template-columns:1fr}.detail-row{grid-template-columns:1fr}.planner-how{display:grid}}

.tinder-chat-button{display:inline-flex;align-items:center;padding:8px 10px;border-radius:8px;background:#282038;color:#d9c7ff;text-decoration:none;font-size:11px;font-weight:800}.tinder-chat-page{max-width:850px}.privacy-chat-note{padding:12px;border:1px solid #3c354c;background:#17141e;border-radius:10px;color:#9ba5b4;font-size:12px;margin-bottom:14px}.chat-thread{min-height:380px;max-height:620px;overflow:auto;padding:18px;background:#0d1117;border:1px solid #28303b;border-radius:15px;display:flex;flex-direction:column;gap:10px}.chat-message{max-width:75%;padding:11px 13px;border-radius:13px;background:#181e27;border:1px solid #2d3541}.chat-message.mine{align-self:flex-end;background:#211b31;border-color:#43375f}.chat-message.theirs{align-self:flex-start}.chat-author{font-size:10px;color:#a998df;font-weight:800;margin-bottom:4px}.chat-body{white-space:pre-wrap;word-break:break-word}.chat-message small{display:block;margin-top:6px;color:#647081;font-size:9px}.chat-compose{display:grid;grid-template-columns:1fr 150px;gap:9px;margin:12px 0}.chat-compose textarea{background:#0c1016;color:#fff;border:1px solid #303846;border-radius:10px;padding:12px;resize:vertical}.chat-compose button{border:0;border-radius:10px;background:#7961e8;color:#fff;font-weight:800}@media(max-width:650px){.chat-compose{grid-template-columns:1fr}.chat-message{max-width:90%}}

.report-public-wrap{max-width:850px}.report-safety-note{display:grid;gap:5px;padding:15px;border:1px solid #3f3950;background:#17141e;border-radius:12px;margin-bottom:16px}.report-safety-note span{font-size:12px;color:#9aa5b5}.public-report-form{display:grid;gap:14px;padding:24px;background:#10151d;border:1px solid #29313d;border-radius:15px}.public-report-form label{display:grid;gap:7px;color:#b3bdca;font-size:12px;font-weight:800}.public-report-form label small{font-weight:400;color:#788495}.public-report-form input,.public-report-form select,.public-report-form textarea{width:100%;background:#0a0e14;color:#fff;border:1px solid #303947;border-radius:9px;padding:12px;font:inherit}.public-report-form input[type=file]{padding:10px}.report-rules{padding:12px;border:1px solid #2b3340;border-radius:9px;color:#7e8999;font-size:11px}.report-rules p{margin:4px 0}.report-submit{min-height:46px;border:0;border-radius:9px;background:#8e3247;color:white;font-weight:900}.evidence-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.evidence-preview-card{overflow:hidden;border:1px solid #303947;border-radius:9px;background:#0b1016}.evidence-preview-card img{width:100%;height:130px;object-fit:cover;display:block}.evidence-preview-card span{display:block;padding:7px;color:#909baa;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-history-link{text-align:right;margin-top:12px}.report-history-link a{color:#aa9ae0}.my-reports-public{max-width:900px}.my-report-list{display:grid;gap:12px;margin-top:16px}.my-report-card{padding:18px;border:1px solid #29313d;background:#10151d;border-radius:12px}.my-report-head{display:flex;justify-content:space-between;gap:12px}.my-report-head small{display:block;color:#737f90;margin-top:4px}.my-report-card p{color:#95a0af;font-size:12px;line-height:1.55}.report-status{padding:5px 9px;border-radius:999px;background:#282d36;color:#bbc4d0;font-size:10px;height:max-content}.status-resolved{background:#173a2c;color:#8ee2b5}.status-reviewing{background:#38301a;color:#e3c67f}.status-dismissed{background:#342126;color:#d6a1ad}.report-resolution{padding:11px;border-left:3px solid #7462a4;background:#16131e}.my-report-files{color:#8d80b7;font-size:11px}@media(max-width:650px){.evidence-preview{grid-template-columns:1fr 1fr}}

.submit-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.hero-submit-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#7657e8;color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:900;white-space:nowrap}.hero-submit-button:hover{background:#876df0}.account-submit-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.primary-site-action{display:inline-flex;text-decoration:none;padding:10px 14px;border-radius:9px;background:#7657e8;color:white;font-weight:900}.equipment-notice{padding:12px;border:1px solid #3b344a;background:#17141e;border-radius:9px;color:#aab3c1;margin-bottom:14px}.equipment-sections{display:grid;gap:12px}.equipment-section{padding:16px;border:1px solid #2d3541;background:#0d1218;border-radius:11px}.equipment-section-title{display:flex;gap:12px;align-items:flex-start}.equipment-section-title>span{font-size:22px}.equipment-section-title h3{margin:0}.equipment-section-title p{margin:5px 0;color:#8e99a8}.equipment-content{white-space:pre-wrap;color:#a8b2c0;line-height:1.65;margin-top:12px}.equipment-section ul{color:#8e99a8;padding-left:20px}.tutorial-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tutorial-card{display:flex;gap:12px;padding:16px;border:1px solid #29313d;background:#10151d;border-radius:12px;text-decoration:none;color:inherit}.tutorial-card>span{font-size:24px}.tutorial-card small{color:#8e7ed0}.tutorial-card h3{margin:4px 0}.tutorial-card p{color:#8792a2;font-size:12px}.tutorial-card b{color:#a794ef;font-size:11px}.submit-public-wrap{max-width:900px}.public-submission-form{display:grid;gap:14px;padding:24px;border:1px solid #29313d;background:#10151d;border-radius:15px}.public-submission-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#b4bdca}.public-submission-form input,.public-submission-form select,.public-submission-form textarea{background:#0a0e14;color:#fff;border:1px solid #303947;border-radius:9px;padding:12px}.public-submission-form .check-row{display:flex;align-items:center;gap:8px}.public-submission-form .check-row input{width:auto}.tutorial-detail{max-width:950px}.tutorial-meta{display:flex;gap:10px;color:#9ca6b5;font-size:12px}.youtube-link-card{margin:15px 0;padding:15px;border:1px solid #46394e;background:#18121c;border-radius:10px}.youtube-link-card a{color:#d6b0ff;text-decoration:none}.tutorial-body{white-space:pre-wrap;line-height:1.8;padding:22px;border:1px solid #29313d;background:#10151d;border-radius:12px;color:#b3bdca}@media(max-width:800px){.submit-hero{display:grid}.tutorial-card-grid{grid-template-columns:1fr}}

.oauth-grid button.oauth-native{min-height:42px;border:1px solid #2c3440;border-radius:8px;background:#111721;color:#c2cad5;font-weight:800;cursor:pointer}.oauth-grid button.oauth-native:hover{border-color:#655694;color:#fff}

.oauth-coming{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px dashed #303847;border-radius:8px;color:#687383;font-size:11px;opacity:.75}.oauth-coming small{font-size:8px;color:#756e89}

.public-flashes .flash{display:flex;align-items:center;gap:14px;justify-content:space-between;transition:opacity .25s,transform .25s}.flash-close{border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer;opacity:.75;padding:0 2px}.flash-close:hover{opacity:1}.flash-hide{opacity:0;transform:translateY(-8px)}
.profile-v20{grid-template-columns:auto 1fr minmax(220px,320px)!important}.avatar-upload-mini{display:grid;gap:8px;align-self:center}.avatar-upload-mini label{display:grid;gap:5px;font-size:11px;color:#a3adbc}.avatar-upload-mini input{font-size:10px}.avatar-upload-mini small{font-size:9px;color:#727d8c}.wallet-card{margin:12px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid #2a3240;background:#10151d;border-radius:12px}.wallet-card span{display:block;color:#8893a4;font-size:11px}.wallet-card strong{font-size:24px}.shop-wrap{max-width:1100px}.shop-balance{display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid #2b3340;background:#111720;border-radius:13px;margin-bottom:18px}.shop-balance span{color:#8e98a7}.shop-balance strong{font-size:26px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.shop-item{display:flex;flex-direction:column;gap:9px;min-height:245px;padding:20px;border:1px solid #29313d;border-radius:14px;background:#10151d}.shop-item.owned{border-color:#315946}.shop-icon{font-size:28px}.shop-item h3{margin:5px 0}.shop-item p{color:#919cab;line-height:1.5;font-size:12px;flex:1}.shop-role-note{font-size:10px;color:#756f89}.shop-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.shop-bottom>strong{font-size:18px;color:#d8bd8e}.shop-owned{font-size:10px;color:#7bddaa}.shop-locked{font-size:10px;color:#9a7380}@media(max-width:800px){.shop-grid{grid-template-columns:1fr 1fr}.profile-v20{grid-template-columns:auto 1fr!important}.avatar-upload-mini{grid-column:1/-1}}@media(max-width:540px){.shop-grid{grid-template-columns:1fr}}

.community-interactions{margin-top:34px;border-top:1px solid #252d38;padding-top:24px}.interaction-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.interaction-summary>span{font-size:12px;color:#9aa5b5}.like-button{border:1px solid #343d4b;background:#121822;color:#d9dfeb;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer}.like-button:hover,.like-button.liked{border-color:#855a83;background:#291828;color:#ff9bc5}.comments-card{border:1px solid #29313e;background:#10151d;border-radius:14px;padding:20px}.comments-card h2{margin:0 0 5px}.comments-help{color:#8f9aaa;font-size:12px;margin:0 0 16px}.comment-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:18px}.comment-form textarea{min-height:82px;resize:vertical;background:#0b1017;color:#f3f5f8;border:1px solid #303948;border-radius:10px;padding:12px;font:inherit}.comment-form button{align-self:end;border:0;background:linear-gradient(135deg,#826df1,#a484ff);color:white;font-weight:800;border-radius:9px;padding:12px 18px}.comment-login-note{border:1px dashed #303846;border-radius:10px;padding:13px;color:#929dad;margin-bottom:16px}.comment-login-note a{color:#b5a8ff}.comment-list{display:grid;gap:10px}.comment-item{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:12px 0;border-top:1px solid #242c37}.comment-avatar{width:42px;height:42px;border:1px solid #343d4a;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#171d27}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.comment-head time{font-size:9px;color:#707b8b}.comment-item p{margin:5px 0 0;color:#c5cdd9;line-height:1.55;font-size:13px;white-space:pre-wrap}.comments-empty{padding:16px;text-align:center;color:#7f8a9b}.tutorial-detail .community-interactions{margin-top:28px}@media(max-width:620px){.comment-form{grid-template-columns:1fr}.comment-form button{justify-self:stretch}.comment-head{align-items:flex-start;flex-direction:column;gap:3px}}
.donation-bonus-note{margin-top:16px;padding:13px 15px;border:1px solid #4d4165;background:#171326;border-radius:10px;color:#cabfff;font-size:12px;line-height:1.5}

.external-finish-card{text-align:center}.external-spinner{width:34px;height:34px;margin:22px auto 0;border:3px solid #2b3240;border-top-color:#9a82ff;border-radius:50%;animation:externalSpin .8s linear infinite}@keyframes externalSpin{to{transform:rotate(360deg)}}

.shop-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.shop-actions form{margin:0}
.shop-buy-direct,.shop-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:0;border-radius:8px;padding:0 12px;font-weight:800;text-decoration:none}
.shop-buy-direct{background:linear-gradient(135deg,#826df1,#a484ff);color:#fff}.shop-actions button{background:#202733;color:#e8ecf4;cursor:pointer}
.checkout-shop{max-width:760px}.checkout-card{border:1px solid var(--line);background:var(--panel);padding:28px;border-radius:16px}.pix-qr{width:min(320px,100%);display:block;margin:22px auto;background:#fff;padding:12px;border-radius:12px}
.checkout-card textarea{width:100%;margin:8px 0 18px;background:#090d13;color:#dce3ed;border:1px solid #303846;border-radius:9px;padding:12px;resize:none}.shop-warning{color:#d9bd7b;font-size:12px}
.link-account-wrap{max-width:820px}.link-card{border:1px solid var(--line);background:var(--panel);padding:26px;border-radius:15px;margin-bottom:16px}.legacy-link summary{cursor:pointer;font-weight:800}.discord-link-button{display:inline-flex;margin-top:10px}

.shop-price-line{display:flex;gap:10px;align-items:baseline;margin:10px 0 14px}
.shop-price-line strong{font-size:22px;color:#f2cf7b}
.old-price{text-decoration:line-through;opacity:.55;font-size:13px}
.role-discount{color:#8de5a8;font-weight:700}
.shop-actions{width:100%}
.shop-actions .shop-buy-direct,.shop-actions form,.shop-actions form button{flex:1}
.shop-actions form button{width:100%}


/* ===== V22.16.1 • Avatar frames ===== */
.profile-avatar-shell{
  width:104px;height:104px;border-radius:50%;padding:5px;position:relative;flex:0 0 auto;
  display:grid;place-items:center;background:#232a36;
}
.profile-avatar-shell .profile-avatar-v20,
.profile-avatar-shell .custom-avatar{
  width:94px;height:94px;border:0;margin:0;border-radius:50%;overflow:hidden;background:#151b24;
}
.preview-shell{width:134px;height:134px;margin:8px auto 22px;padding:7px}
.preview-shell .custom-avatar{width:120px;height:120px}
.frame-purple{
  background:conic-gradient(from 30deg,#efe7ff,#8d63ff,#4930a8,#bd9aff,#efe7ff);
  box-shadow:0 0 12px #9a73ff,0 0 34px rgba(115,80,219,.55),inset 0 0 8px #fff;
}
.frame-gold{
  background:conic-gradient(from 20deg,#fff4c7,#d59c2e,#7a4b08,#ffd875,#fff4c7);
  box-shadow:0 0 12px #e3b75f,0 0 34px rgba(164,123,48,.5),inset 0 0 8px #fff1b0;
}
.frame-fire{
  background:conic-gradient(from 0deg,#fff2a1,#ffb12b,#ff4e2f,#8e1717,#ff8b31,#fff2a1);
  box-shadow:0 0 12px #ff6d45,0 0 36px rgba(255,60,32,.58),inset 0 0 8px #ffd785;
  animation:framePulse 2s ease-in-out infinite;
}
.frame-jade{
  background:conic-gradient(from 30deg,#d7fff4,#56d9b2,#177964,#8cf0d1,#d7fff4);
  box-shadow:0 0 12px #59d7b0,0 0 34px rgba(36,156,126,.5),inset 0 0 8px #d2fff3;
}
@keyframes framePulse{50%{filter:brightness(1.22);box-shadow:0 0 17px #ff8e4e,0 0 45px rgba(255,60,32,.7)}}

.border-picker{border:1px solid #2d3542;border-radius:13px;padding:14px;display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:10px}
.border-picker legend{padding:0 8px;font-weight:800;color:#aab4c4}
.border-choice{cursor:pointer;display:flex!important;flex-direction:column;align-items:center;gap:7px;padding:10px!important;border:1px solid #262e39;border-radius:12px;background:#0b1017}
.border-choice input{position:absolute;opacity:0;pointer-events:none}
.border-choice:has(input:checked){border-color:#8f72ff;background:#151126;box-shadow:0 0 0 1px #8f72ff inset}
.border-swatch{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#161c25;border:4px solid #303846}
.border-swatch.frame-purple,.border-swatch.frame-gold,.border-swatch.frame-fire,.border-swatch.frame-jade{border:4px solid transparent}
.no-frame{box-shadow:none}
.border-mini-row{display:flex;gap:8px;margin:10px 0 3px}
.border-mini{display:inline-block;width:27px;height:27px;border-radius:50%;background:#151b24;border:4px solid transparent}
.border-mini.border-purple{background:linear-gradient(#151b24,#151b24) padding-box,conic-gradient(#eee4ff,#8d63ff,#4930a8,#eee4ff) border-box}
.border-mini.border-gold{background:linear-gradient(#151b24,#151b24) padding-box,conic-gradient(#fff3bd,#d59c2e,#7a4b08,#fff3bd) border-box}
.border-mini.border-fire{background:linear-gradient(#151b24,#151b24) padding-box,conic-gradient(#fff1a0,#ff4e2f,#8e1717,#ffb12b) border-box}
.border-mini.border-jade{background:linear-gradient(#151b24,#151b24) padding-box,conic-gradient(#d4fff2,#56d9b2,#177964,#d4fff2) border-box}

/* ===== V22.16.1 • Steam-like levels ===== */
.steam-level-chip{min-width:88px;height:88px;border:2px solid #6f5cff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 22px rgba(111,92,255,.28)}
.steam-level-chip span,.steam-level-chip small{font-size:9px;color:#98a4b6}.steam-level-chip b{font-size:27px;line-height:1;color:#fff}
.account-level-card,.level-hero-card,.level-buy-card,.level-rank-card{border:1px solid var(--line);background:var(--panel);border-radius:16px}
.account-level-card{display:flex;gap:18px;align-items:center;padding:18px 20px;margin:16px 0}
.level-orbit{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:radial-gradient(circle at 50% 50%,#111824 50%,transparent 51%),conic-gradient(#7b65ff,#c08fff,#5d46de,#7b65ff);box-shadow:0 0 28px rgba(120,96,255,.35)}
.level-orbit span{font-size:25px;font-weight:900;color:#fff}
.level-orbit-xl{width:126px;height:126px}.level-orbit-xl span{font-size:47px}
.level-copy{flex:1}.level-copy h3{margin:3px 0 9px}
.level-progress{height:9px;background:#080c12;border:1px solid #2b3340;border-radius:999px;overflow:hidden}
.level-progress span{display:block;height:100%;background:linear-gradient(90deg,#735cff,#b98cff);border-radius:999px}
.level-progress.large{height:13px;max-width:600px}
.level-page{display:grid;gap:18px}.level-hero-card{display:flex;align-items:center;gap:28px;padding:28px}.level-details{flex:1}
.level-buy-card,.level-rank-card{padding:26px}.level-buy-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.level-buy-form{display:grid;gap:11px;padding:15px;border:1px solid #29313d;border-radius:12px;background:#0c1118}
.level-buy-form label{display:grid;gap:7px}.level-buy-form select{background:#090e15;color:#e8edf6;border:1px solid #303846;border-radius:9px;padding:12px}
.level-rank-row{display:grid;grid-template-columns:52px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}
.level-rank-row:last-child{border-bottom:0}
.shop-price-line{display:flex;gap:10px;align-items:baseline;margin:8px 0 13px}.old-price{text-decoration:line-through;opacity:.52;font-size:12px}.role-discount{color:#7ee0a1!important;font-weight:800}
.shop-actions{width:100%;display:flex;gap:8px;flex-wrap:wrap}.shop-actions .shop-buy-direct,.shop-actions form{flex:1}.shop-actions form button{width:100%}

@media(max-width:780px){
  .border-picker{grid-template-columns:repeat(2,1fr)}
  .level-buy-grid{grid-template-columns:1fr}
  .account-level-card,.level-hero-card{align-items:flex-start;flex-direction:column}
  .steam-level-chip{width:76px;height:76px}
}

.auth-link-button{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#9d8cff!important;
  padding:4px 0!important;
  text-align:left;
  width:max-content;
  cursor:pointer;
  font-weight:700;
}
.auth-link-button:hover{text-decoration:underline}
.oauth-help.oauth-success{border-color:#2d8c64;color:#a8efcf;background:#0c1b15}

.guides-empty-start{padding-top:56px;padding-bottom:96px}
.guides-zero-state{max-width:760px;margin:0 auto;text-align:center;padding:64px 32px}
.guides-zero-state .empty-public-icon{font-size:42px;margin-bottom:14px}
.guides-zero-state .hero-submit-button{display:inline-flex;margin-top:18px}

.weapon-symbols.weapon-visuals{display:flex;align-items:center;gap:12px;margin:14px 0 12px}
.weapon-visuals i{font-style:normal;color:#738096;font-size:18px}
.weapon-visual{
  width:62px;height:62px;border:1px solid #344054;border-radius:13px;
  background:linear-gradient(145deg,#151d29,#0e141e);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;overflow:hidden;
}
.weapon-visual strong{font-size:25px;line-height:1}
.weapon-visual small{
  font-size:8px;max-width:54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  color:#aeb9cb;text-transform:uppercase;letter-spacing:.04em
}

/* V22.24 - Comunidade viva */
.name-style-serif{font-family:Georgia,"Times New Roman",serif!important}
.name-style-mono{font-family:"Cascadia Mono","Consolas",monospace!important}
.name-style-italic{font-style:italic!important}
.name-style-smallcaps{font-variant:small-caps;letter-spacing:.07em!important}
.profile-bio-mini{max-width:520px;color:#9aa8bd}
.tiny-link{color:#9f8cff;text-decoration:none;font-weight:700;font-size:13px}
.linked-account-list{display:grid;gap:8px;margin:12px 0}
.linked-account-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #273244;border-radius:9px}
.linked-account-list form{margin:0}.link-danger,.comment-delete{border:0;background:none;color:#fb7185;cursor:pointer;font-size:12px;padding:3px}
.color-mode-box{border:1px solid #2a3547;border-radius:14px;padding:16px;display:grid;gap:13px}
.color-mode-option{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}
.preset-color-row{display:flex;flex-wrap:wrap;gap:8px}
.preset-color{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;border:1px solid #293446;border-radius:999px;padding:7px 9px!important}
.preset-color span{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.custom-hex-row{display:flex;gap:10px}.custom-hex-row input[type=color]{width:54px;height:42px}.custom-hex-row input[type=text],.custom-hex-row input:not([type]){flex:1}
.field-note{font-size:12px;color:#8492a8}
.signature-preview,.comment-signature,.chat-signature{margin-top:12px;padding-top:10px;border-top:1px dashed #324056;color:#8090a8;font-size:12px;font-style:italic}
.comment-content{min-width:0;flex:1}.comment-head a{text-decoration:none}
.community-role-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.community-role-tabs a{border:1px solid #293446;background:#101722;border-radius:999px;padding:10px 14px;color:#b9c4d6;text-decoration:none}.community-role-tabs a.active{border-color:#7657ff;color:#fff;background:#1b1740}
.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.member-card{display:flex;gap:14px;padding:16px;border:1px solid #293446;border-radius:14px;background:#101721;text-decoration:none;color:#e9eef7}.member-card:hover{border-color:#7157e7;transform:translateY(-2px)}.member-avatar,.chat-avatar{width:54px;height:54px;border-radius:50%;overflow:hidden;background:#182131;display:grid;place-items:center;flex:0 0 auto}.member-avatar img,.chat-avatar img{width:100%;height:100%;object-fit:cover}.member-card h3{margin:3px 0 7px}.member-card p{margin:0;color:#8e9bb0;font-size:13px}
.member-profile-hero{padding:64px max(24px,calc((100% - 1120px)/2));background:radial-gradient(circle at 80% 20%,rgba(112,76,255,.17),transparent 35%)}.member-profile-card{display:flex;align-items:center;gap:24px;max-width:850px}.member-bio{max-width:680px;color:#a1aec0;line-height:1.7}.profile-stats-row{display:flex;gap:14px}.profile-stats-row>div{padding:15px 20px;border:1px solid #283446;border-radius:12px;background:#101722}.profile-stats-row b{display:block;font-size:24px}.profile-stats-row span{font-size:12px;color:#8492a8}.profile-like-row{margin:16px 0 30px}.profile-build-list{display:grid;gap:8px;margin-bottom:28px}.profile-build-list a{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:12px;border:1px solid #293446;border-radius:10px;text-decoration:none;color:#e8edf6}
.chat-page{max-width:980px}.chat-shell{border:1px solid #293446;border-radius:16px;background:#0e141d;overflow:hidden}.chat-stream{height:min(62vh,620px);overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.chat-message{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #182231}.chat-message-body{flex:1;min-width:0}.chat-head{display:flex;align-items:center;gap:10px}.chat-head>a{font-weight:800;text-decoration:none}.chat-head time{font-size:11px;color:#6f7d92}.chat-head form{margin-left:auto}.chat-head button{border:0;background:none;color:#64748b;cursor:pointer}.chat-message p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-compose{display:flex;gap:10px;padding:14px;border-top:1px solid #293446;background:#101721}.chat-compose textarea{flex:1;min-height:64px;resize:vertical}.chat-compose button{min-width:110px}
.forum-search{display:flex;gap:8px;max-width:620px;margin-bottom:22px}.forum-search input{flex:1}.forum-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.forum-list{display:grid;gap:18px}.forum-category{border:1px solid #2a3444;border-radius:13px;overflow:hidden;background:#0e141d}.forum-category>header{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;background:#151c27;border-bottom:1px solid #2a3444}.forum-category header>div{display:flex;align-items:center;gap:9px}.forum-category h2{font-size:16px;margin:0}.forum-category header>b{font-size:11px;color:#8390a4}.forum-topic-row{display:grid;grid-template-columns:38px 1fr 140px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #202a39;text-decoration:none;color:#e9eef7}.forum-topic-row:hover{background:#121a26}.topic-icon{font-size:18px}.topic-main b,.topic-main small,.topic-last span,.topic-last small{display:block}.topic-main small,.topic-last small,.topic-last span{font-size:11px;color:#7f8da2}.topic-last{text-align:right}.forum-empty-row{padding:18px;color:#7e8ba0}.forum-sidebar>div{position:sticky;top:90px;border:1px solid #293446;border-radius:13px;background:#101721;padding:18px}
.community-pulse .pulse-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.pulse-chat,.pulse-members{border:1px solid #293446;background:#101721;border-radius:14px;padding:18px}.pulse-chat-line{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #1d2735}.pulse-chat-line a{font-weight:800;text-decoration:none}.pulse-chat-line span{color:#93a0b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pulse-members>div{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.pulse-members>div a{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#172031;display:grid;place-items:center;border:1px solid #303b4e}.pulse-members img{width:100%;height:100%;object-fit:cover}.role-card{text-decoration:none;color:inherit}.role-card h3{display:flex;justify-content:space-between}.role-card h3 b{font-size:13px;color:#8c98ac}
.my-builds-page{display:grid;gap:18px}.my-build-card{border:1px solid #293446;background:#101721;border-radius:15px;padding:18px}.my-build-head{display:flex;justify-content:space-between;gap:16px}.image-add-form{display:flex;align-items:end;gap:10px;margin:14px 0}.image-add-form label{flex:1}.managed-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.managed-image{border:1px solid #293446;border-radius:10px;overflow:hidden}.managed-image img{width:100%;height:120px;object-fit:cover}.managed-image span{display:block;padding:7px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.managed-image form{padding:0 7px 7px}.managed-image button{width:100%;border:1px solid #5d2932;background:#28151a;color:#fb7185;border-radius:7px;padding:6px}
@media(max-width:850px){.forum-layout,.community-pulse .pulse-grid{grid-template-columns:1fr}.forum-sidebar{display:none}.forum-topic-row{grid-template-columns:32px 1fr}.topic-last{display:none}.member-profile-card{align-items:flex-start;flex-direction:column}.chat-stream{height:55vh}.pulse-chat-line{grid-template-columns:1fr}.pulse-chat-line span{white-space:normal}}

/* V22.25 — Perfis, inventário, fundos e molduras animadas */
.profile-canvas,.cosmetic-preview-page{position:relative;isolation:isolate;min-height:calc(100vh - 66px);overflow:hidden;background:#080c13}.profile-cosmetic-background{position:absolute;inset:0;z-index:-4;overflow:hidden;background:#080c13}.profile-cosmetic-background img,.profile-cosmetic-background video{width:100%;height:100%;object-fit:cover;display:block}.profile-canvas-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(5,8,13,.84),rgba(8,11,18,.55) 55%,rgba(5,8,13,.78)),linear-gradient(0deg,rgba(6,9,14,.94),transparent 58%)}
.effect-bg-jianghu-night{background:radial-gradient(circle at 18% 30%,rgba(39,146,196,.30),transparent 22%),radial-gradient(circle at 76% 16%,rgba(78,93,207,.22),transparent 26%),linear-gradient(135deg,#06121a,#0a1020 45%,#07131b)}.effect-bg-sakura-eternal{background:radial-gradient(circle at 25% 22%,rgba(242,122,177,.23),transparent 20%),radial-gradient(circle at 72% 30%,rgba(159,91,232,.22),transparent 25%),linear-gradient(140deg,#160d1b,#0c101b 48%,#150b18)}.effect-bg-celestial-mist{background:radial-gradient(circle at 72% 18%,rgba(100,135,255,.28),transparent 24%),radial-gradient(circle at 25% 72%,rgba(70,210,214,.13),transparent 28%),linear-gradient(130deg,#06101b,#10142c 55%,#071522)}
.effect-bg-jianghu-night:before,.effect-bg-jianghu-night:after,.effect-bg-sakura-eternal:before,.effect-bg-sakura-eternal:after,.effect-bg-celestial-mist:before,.effect-bg-celestial-mist:after{content:"";position:absolute;inset:-25%;pointer-events:none}.effect-bg-jianghu-night:before{background:repeating-radial-gradient(ellipse at 20% 50%,rgba(101,211,242,.06) 0 2px,transparent 3px 44px);filter:blur(2px);animation:wwmMistMove 22s linear infinite}.effect-bg-jianghu-night:after{background:linear-gradient(110deg,transparent 20%,rgba(128,235,255,.08) 43%,transparent 64%);animation:wwmLightSweep 10s ease-in-out infinite}.effect-bg-sakura-eternal:before{background-image:radial-gradient(circle,#ffb8d8 0 2px,transparent 3px),radial-gradient(circle,#ffd1e4 0 1.5px,transparent 2.5px),radial-gradient(circle,#ee8db8 0 1.8px,transparent 2.8px);background-size:96px 130px,140px 180px,170px 220px;background-position:0 0,34px 70px,80px 20px;opacity:.58;animation:wwmSakuraFall 18s linear infinite}.effect-bg-sakura-eternal:after{background:radial-gradient(ellipse at center,rgba(238,122,187,.13),transparent 58%);filter:blur(26px);animation:wwmAurora 9s ease-in-out infinite alternate}.effect-bg-celestial-mist:before{background:conic-gradient(from 90deg at 50% 50%,transparent,rgba(120,120,255,.11),transparent,rgba(82,218,214,.09),transparent);filter:blur(40px);animation:wwmAuroraSpin 24s linear infinite}.effect-bg-celestial-mist:after{background:repeating-linear-gradient(172deg,transparent 0 55px,rgba(200,235,255,.025) 56px 57px);animation:wwmMistMove 30s linear infinite reverse}@keyframes wwmMistMove{from{transform:translate3d(-6%,3%,0)}to{transform:translate3d(8%,-4%,0)}}@keyframes wwmLightSweep{0%,100%{transform:translateX(-20%);opacity:.35}50%{transform:translateX(20%);opacity:1}}@keyframes wwmSakuraFall{from{transform:translate3d(-2%,-18%,0) rotate(0)}to{transform:translate3d(8%,18%,0) rotate(6deg)}}@keyframes wwmAurora{from{transform:scale(.9) translateX(-5%)}to{transform:scale(1.12) translateX(7%)}}@keyframes wwmAuroraSpin{to{transform:rotate(360deg)}}
.cosmetic-avatar-wrap{position:relative;display:grid;place-items:center;flex:0 0 auto}.cosmetic-avatar-core{position:relative;z-index:2;border-radius:50%;overflow:hidden;background:#111a27;display:grid;place-items:center;border:2px solid rgba(255,255,255,.12);box-shadow:0 10px 40px rgba(0,0,0,.28)}.cosmetic-avatar-core img{width:100%;height:100%;object-fit:cover;display:block}.cosmetic-avatar-core span{font-weight:900;font-size:34px}.cosmetic-avatar-hero{width:154px;height:154px}.cosmetic-avatar-hero .cosmetic-avatar-core{width:122px;height:122px}.cosmetic-avatar-account{width:126px;height:126px}.cosmetic-avatar-account .cosmetic-avatar-core{width:98px;height:98px}.cosmetic-frame-media{position:absolute;z-index:4;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.cosmetic-avatar-wrap:before,.cosmetic-avatar-wrap:after{content:"";position:absolute;border-radius:50%;pointer-events:none;opacity:0}.effect-frame-jade-pulse:before{opacity:1;inset:5px;background:conic-gradient(from 0deg,#53ffd4,#0c755e,#a5ffe8,#34d399,#53ffd4);animation:wwmFrameSpin 8s linear infinite;filter:drop-shadow(0 0 10px rgba(52,211,153,.65))}.effect-frame-jade-pulse:after{opacity:1;inset:12px;background:#08110f;box-shadow:0 0 18px rgba(52,211,153,.65) inset;animation:wwmFramePulse 2.2s ease-in-out infinite}.effect-frame-crimson-flame:before{opacity:1;inset:2px;background:conic-gradient(from 0deg,#ffca67,#ff4d2d,#7f1018,#ff8a2a,#ffd978,#ff3c28);animation:wwmFrameSpin 4.5s linear infinite;filter:drop-shadow(0 0 12px rgba(255,72,38,.78))}.effect-frame-crimson-flame:after{opacity:1;inset:11px;background:#130808;box-shadow:0 0 24px rgba(255,72,38,.5) inset;animation:wwmFramePulse 1.35s ease-in-out infinite}.effect-frame-celestial-storm:before{opacity:1;inset:3px;background:conic-gradient(from 45deg,#73d9ff,#515cff,#b079ff,#36d5ff,#3d57e8,#73d9ff);animation:wwmFrameSpin 3.8s linear infinite;filter:drop-shadow(0 0 12px rgba(91,134,255,.85))}.effect-frame-celestial-storm:after{opacity:1;inset:10px;background:#070b17;box-shadow:0 0 25px rgba(90,122,255,.58) inset;animation:wwmStormPulse 1.8s steps(2,end) infinite}@keyframes wwmFrameSpin{to{transform:rotate(360deg)}}@keyframes wwmFramePulse{50%{transform:scale(1.045);filter:brightness(1.22)}}@keyframes wwmStormPulse{0%,100%{opacity:.88}45%{opacity:.55}50%{opacity:1}55%{opacity:.62}}
.profile-showcase-shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:68px 0 80px}.profile-showcase-head{display:grid;grid-template-columns:auto minmax(0,1fr) 230px;gap:26px;align-items:center;padding:28px;border:1px solid rgba(130,150,180,.23);border-radius:18px;background:rgba(8,13,21,.78);backdrop-filter:blur(16px);box-shadow:0 28px 80px rgba(0,0,0,.28)}.profile-showcase-identity h1{margin:5px 0 8px;font-size:34px}.profile-showcase-bio{max-width:650px;color:#a9b7cb;line-height:1.65}.profile-owner-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.profile-level-panel{display:grid;gap:5px;align-self:stretch;padding:18px;border-left:1px solid rgba(142,157,180,.18);align-content:center}.profile-level-panel>span{font-size:12px;color:#8594a9}.profile-level-panel>strong{font-size:42px;line-height:1}.profile-level-panel>small{color:#8895a8}.profile-level-panel>em{font-size:11px;color:#b1bed0;font-style:normal;margin-top:4px}.profile-showcase-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:18px}.profile-showcase-main,.profile-showcase-side{display:grid;gap:18px;align-content:start}.profile-module{border:1px solid rgba(128,146,175,.20);border-radius:15px;background:rgba(9,14,22,.81);backdrop-filter:blur(13px);padding:20px;box-shadow:0 18px 50px rgba(0,0,0,.17)}.module-heading h2{margin:3px 0 14px}.featured-build-profile{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid #2b3850;border-radius:13px;background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(19,28,42,.75));color:#eef3fb;text-decoration:none}.featured-build-profile h3{font-size:21px;margin:8px 0 5px}.featured-build-profile p{color:#98a7ba;margin:0}.featured-build-profile>b{font-size:25px}.profile-empty-module{padding:20px;border:1px dashed #2a374b;border-radius:12px;color:#8795aa}.profile-stats-module{display:grid;gap:10px}.profile-stat-big{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #202c3d;padding:10px 0}.profile-stat-big b{font-size:26px}.profile-stat-big span{font-size:12px;color:#8b99ad}.equipped-cosmetics-mini>div:not(.module-heading){display:grid;grid-template-columns:30px 1fr;gap:2px 8px;padding:10px 0;border-bottom:1px solid #202c3d}.equipped-cosmetics-mini>div>span{grid-row:1/3;font-size:20px}.equipped-cosmetics-mini>div>b{font-size:13px}.equipped-cosmetics-mini>div>small{color:#8795a9}
.inventory-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;margin-bottom:34px}.inventory-summary>div{border:1px solid #293548;border-radius:12px;background:#101721;padding:13px}.inventory-summary span,.inventory-summary b{display:block}.inventory-summary span{font-size:11px;color:#8492a7}.inventory-section{margin:32px 0}.cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px}.cosmetic-card{border:1px solid #293548;background:#0f1620;border-radius:15px;overflow:hidden;transition:.18s ease}.cosmetic-card:hover{transform:translateY(-3px);border-color:#6257b2}.cosmetic-thumb{height:150px;position:relative;overflow:hidden;background:#0a0f17;display:grid;place-items:center}.cosmetic-thumb>img,.cosmetic-thumb>video{width:100%;height:100%;object-fit:cover;display:block}.cosmetic-kind-frame{background:radial-gradient(circle,#151f2e,#080d14)}.cosmetic-kind-frame .thumb-avatar{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#182234;color:#e9c879;font-size:28px;position:relative;z-index:2}.cosmetic-kind-frame.effect-frame-jade-pulse:before,.cosmetic-kind-frame.effect-frame-crimson-flame:before,.cosmetic-kind-frame.effect-frame-celestial-storm:before{width:110px;height:110px;inset:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:1}.cosmetic-kind-frame.effect-frame-jade-pulse:before{background:conic-gradient(#53ffd4,#0c755e,#a5ffe8,#34d399,#53ffd4);animation:wwmThumbSpin 8s linear infinite}.cosmetic-kind-frame.effect-frame-crimson-flame:before{background:conic-gradient(#ffca67,#ff4d2d,#7f1018,#ff8a2a,#ffd978);animation:wwmThumbSpin 4s linear infinite}.cosmetic-kind-frame.effect-frame-celestial-storm:before{background:conic-gradient(#73d9ff,#515cff,#b079ff,#36d5ff,#3d57e8);animation:wwmThumbSpin 3.5s linear infinite}@keyframes wwmThumbSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.cosmetic-card-body{padding:15px}.cosmetic-card-top,.shop-cosmetic-badges{display:flex;gap:7px}.rarity-pill,.animated-pill{font-size:10px;font-weight:800;border:1px solid #344258;border-radius:999px;padding:4px 7px;color:#b7c4d6}.animated-pill{color:#b8a6ff;border-color:#4d4278}.cosmetic-card h3{margin:9px 0 5px}.cosmetic-card p{color:#8796aa;font-size:13px;min-height:38px}.cosmetic-meta{font-weight:800;color:#f1c979;margin:10px 0}.cosmetic-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.cosmetic-actions>a,.cosmetic-actions button{border:1px solid #35435a;border-radius:8px;background:#172032;color:#eaf0f8;text-decoration:none;padding:8px 10px;font-weight:800;cursor:pointer}.cosmetic-actions form{margin:0}.equipped-tag{color:#66dda6;font-size:12px;font-weight:800}.locked-tag{font-size:12px;color:#93a0b3}.buy-small{border-color:#6f52df!important;color:#d7ccff!important}.text-button{border:0;background:none;color:#9e8cff;font-weight:800;cursor:pointer}
.cosmetic-preview-shell{width:min(950px,calc(100% - 38px));margin:0 auto;padding:65px 0}.preview-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:start;color:#eef3fb}.preview-toolbar h1{margin:3px 0}.preview-toolbar p{color:#9dacbf}.preview-profile-card{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-top:32px;padding:32px;border:1px solid rgba(130,150,180,.24);border-radius:18px;background:rgba(9,14,22,.82);backdrop-filter:blur(15px)}.preview-profile-card h2{font-size:30px;margin:8px 0}.preview-profile-card p{color:#9aa9bc}.preview-stats{display:flex;gap:18px;color:#8796a9}.preview-action-card{margin-top:12px;display:flex;justify-content:flex-end;padding:16px;border:1px solid rgba(130,150,180,.18);background:rgba(8,13,21,.72);border-radius:13px}.preview-action-card form{margin:0}.wallet-actions{display:flex;gap:8px;flex-wrap:wrap}.shop-card-cosmetic .cosmetic-thumb{height:135px;margin:-1px -1px 12px;border-radius:12px 12px 0 0}.shop-preview-link{background:#151d2b!important;border-color:#35435a!important}.account-cosmetic-avatar{display:grid;place-items:center}.inventory-account-card{border-color:#453d6e!important}
@media(max-width:900px){.profile-showcase-head{grid-template-columns:1fr;text-align:center}.profile-showcase-head .cosmetic-avatar-wrap{margin:auto}.profile-level-panel{border-left:0;border-top:1px solid rgba(142,157,180,.18)}.profile-owner-actions{justify-content:center}.profile-showcase-grid{grid-template-columns:1fr}.inventory-summary{grid-template-columns:1fr 1fr}.inventory-summary>a{grid-column:1/-1}}@media(max-width:600px){.profile-showcase-shell{width:min(100% - 22px,1120px);padding-top:24px}.profile-showcase-head{padding:20px}.inventory-summary{grid-template-columns:1fr}.preview-profile-card{grid-template-columns:1fr;text-align:center}.preview-profile-card .cosmetic-avatar-wrap{margin:auto}.preview-toolbar{flex-direction:column}}@media(prefers-reduced-motion:reduce){.profile-cosmetic-background:before,.profile-cosmetic-background:after,.cosmetic-avatar-wrap:before,.cosmetic-avatar-wrap:after,.cosmetic-kind-frame:before{animation:none!important}}
.legacy-frame-purple:before,.legacy-frame-gold:before,.legacy-frame-fire:before,.legacy-frame-jade:before{opacity:1;inset:5px;animation:wwmFrameSpin 12s linear infinite}.legacy-frame-purple:after,.legacy-frame-gold:after,.legacy-frame-fire:after,.legacy-frame-jade:after{opacity:1;inset:12px;background:#0a1018}.legacy-frame-purple:before{background:conic-gradient(#a78bfa,#6d28d9,#c4b5fd,#7c3aed)}.legacy-frame-gold:before{background:conic-gradient(#fde68a,#d97706,#fff1b8,#f59e0b)}.legacy-frame-fire:before{background:conic-gradient(#ffd166,#ef4444,#7f1d1d,#fb923c)}.legacy-frame-jade:before{background:conic-gradient(#a7f3d0,#059669,#5eead4,#10b981)}


/* =========================================================
   V22.26 — Ajuste visual e navegação limpa
   ========================================================= */

/* Header: mantém os títulos em uma linha e reduz o aspecto apertado. */
.header-inner{
  max-width:1500px;
  padding:0 20px;
  gap:18px;
}
.site-logo{
  flex:0 0 auto;
  white-space:nowrap;
}
.desktop-nav{
  flex:1 1 auto;
  min-width:0;
  justify-content:center;
  gap:1px;
}
.desktop-nav a{
  flex:0 0 auto;
  white-space:nowrap;
  padding:0 8px;
  font-size:12px;
  letter-spacing:-.01em;
}
.header-actions{
  margin-left:0;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
}
.account-link{
  max-width:120px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.footer-links a{white-space:nowrap}

/* Conta: 4 módulos ficam em grade 2x2, sem um card órfão na linha de baixo. */
.account-v20{max-width:1180px}
.profile-v20{
  display:grid!important;
  grid-template-columns:126px minmax(240px,1fr) 118px minmax(260px,330px)!important;
  gap:24px!important;
  align-items:center!important;
}
.profile-main-info{min-width:0}
.profile-main-info h2,.profile-main-info p{overflow-wrap:anywhere}
.steam-level-chip{justify-self:center}
.avatar-upload-mini{width:100%}
.account-grid-v20{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px;
}
.account-grid-v20 article{
  min-height:178px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.account-grid-v20 article p{flex:1}
.account-grid-v20 article .secondary-button{margin-top:auto}
.inventory-account-card{border-color:#29313d!important}
.account-submit-actions{padding-top:2px}

/* Loja: todos os produtos agora usam o mesmo card e não ficam "soltos". */
.shop-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch;
  gap:16px!important;
  margin-top:22px;
}
.shop-card{
  min-width:0;
  min-height:350px;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:18px;
  border:1px solid #293548;
  border-radius:15px;
  background:linear-gradient(155deg,#101721,#0c121a);
  overflow:hidden;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.shop-card:hover{
  transform:translateY(-2px);
  border-color:#4b456f;
  box-shadow:0 16px 42px rgba(0,0,0,.16);
}
.shop-card h3{
  margin:3px 0 2px;
  font-size:18px;
}
.shop-card>p{
  margin:0;
  color:#8d9aaf;
  line-height:1.55;
  font-size:13px;
  flex:1;
}
.shop-item-accent{
  width:36px;
  height:4px;
  border-radius:999px;
  margin:3px 0 12px;
  background:linear-gradient(90deg,#8e78ff,#d5ad70);
  opacity:.85;
}
.shop-card-cosmetic .cosmetic-thumb{
  height:150px;
  margin:-18px -18px 4px;
  border-radius:14px 14px 0 0;
  border-bottom:1px solid #273246;
}
.shop-cosmetic-badges{margin-top:2px}
.shop-role-note{
  margin-top:4px;
  color:#7f8da2;
}
.shop-price-line{margin:4px 0 8px!important}
.shop-bottom{
  margin-top:auto;
  padding-top:4px;
}
.shop-owned{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  color:#66dda6;
  font-weight:800;
}
.wallet-card{
  margin-bottom:22px;
}
.wallet-actions .secondary-button{
  min-width:130px;
  justify-content:center;
}

/* Inventário: os 3 itens ocupam a linha inteira em vez de sobrar espaço vazio. */
.inventory-page{max-width:1180px}
.inventory-summary{
  grid-template-columns:repeat(3,minmax(0,1fr)) 130px!important;
  align-items:stretch;
}
.inventory-summary>.secondary-button{
  display:flex;
  align-items:center;
  justify-content:center;
}
.cosmetic-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:16px!important;
}
.cosmetic-card{
  min-height:390px;
  display:flex;
  flex-direction:column;
}
.cosmetic-card-body{
  display:flex;
  flex-direction:column;
  flex:1;
}
.cosmetic-card-body>p{flex:1}
.cosmetic-meta{margin-top:8px}
.cosmetic-actions{margin-top:auto}
.animated-pill{
  color:#b8a6ff;
  letter-spacing:.02em;
}

/* Remove pequenos símbolos decorativos dos títulos/ações adicionados recentemente. */
.wallet-actions a,
.inventory-summary>a,
.account-submit-actions>a{
  text-decoration:none;
}

/* Responsividade do header: troca para menu móvel um pouco antes para nunca quebrar texto. */
@media(max-width:1180px){
  .desktop-nav{display:none!important}
  .mobile-menu-btn{display:block!important;background:none;border:0;color:white;font-size:24px}
  .mobile-nav{display:none;padding:0 18px 12px}
  .menu-open .mobile-nav{display:grid}
  .header-inner{height:64px;padding:0 18px}
  .header-actions{margin-left:auto}
}
@media(max-width:900px){
  .profile-v20{
    grid-template-columns:110px minmax(0,1fr)!important;
  }
  .steam-level-chip{grid-column:1;grid-row:2}
  .avatar-upload-mini{grid-column:2;grid-row:2}
  .account-grid-v20{grid-template-columns:1fr!important}
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .inventory-summary{grid-template-columns:1fr 1fr!important}
  .inventory-summary>.secondary-button{grid-column:1/-1}
}
@media(max-width:600px){
  .shop-grid{grid-template-columns:1fr!important}
  .inventory-summary{grid-template-columns:1fr!important}
  .inventory-summary>.secondary-button{grid-column:auto}
  .profile-v20{grid-template-columns:1fr!important;text-align:center}
  .profile-v20>*{grid-column:1!important;grid-row:auto!important}
  .account-cosmetic-avatar,.steam-level-chip{justify-self:center}
  .account-submit-actions{display:grid}
  .account-submit-actions>a{justify-content:center}
}


/* =========================================================
   V22.27 — Correção Minhas Builds + previews de wallpapers
   ========================================================= */

/* Minhas Builds */
.my-builds-page{max-width:1180px}
.my-build-card{
  padding:20px;
  border:1px solid #293548;
  background:linear-gradient(155deg,#101721,#0c121a);
}
.build-photo-manager{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #263246;
}
.build-photo-manager-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  margin-bottom:13px;
}
.build-photo-manager-head h3{margin:3px 0 0}
.build-images-empty{
  border:1px dashed #344158;
  border-radius:12px;
  padding:20px;
  color:#8593a8;
  background:#0c121a;
}
.managed-image-grid{
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
  gap:12px!important;
}
.managed-image{
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid #2c394d!important;
  background:#0b1119;
  border-radius:12px!important;
}
.managed-image>a{
  height:145px;
  overflow:hidden;
  display:block;
  background:#080d14;
}
.managed-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block;
}
.managed-image>span{
  padding:9px 10px!important;
  color:#a7b3c5;
}
.managed-image form{
  padding:0 10px 10px!important;
  margin-top:auto;
}
.managed-image button{
  background:#211318!important;
  border:1px solid #57313a!important;
  color:#f18a9b!important;
  font-weight:800;
}
.image-add-form{
  margin-top:15px!important;
  padding:14px;
  border:1px dashed #334159;
  border-radius:12px;
  background:#0c121a;
}
.image-add-form button{
  min-height:42px;
  padding:0 16px;
  border:1px solid #6652c7;
  background:#6f55df;
  color:#fff;
  border-radius:9px;
  font-weight:800;
}

/* Wallpapers internos: previews visuais em vez do caractere chinês. */
.builtin-wallpaper-preview{
  position:absolute;
  inset:0;
  overflow:hidden;
  isolation:isolate;
}
.builtin-wallpaper-preview .wp-moon{
  position:absolute;
  width:54px;
  height:54px;
  border-radius:50%;
  right:15%;
  top:15%;
  background:radial-gradient(circle at 38% 35%,#f3e4bf,#b8c8dc 58%,rgba(184,200,220,.2) 62%,transparent 70%);
  opacity:.72;
  box-shadow:0 0 32px rgba(185,205,235,.15);
}
.builtin-wallpaper-preview .wp-mountain{
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-18%;
  height:80%;
  clip-path:polygon(0 78%,13% 52%,24% 69%,39% 28%,50% 59%,61% 40%,72% 65%,87% 36%,100% 72%,100% 100%,0 100%);
}
.builtin-wallpaper-preview .wp-mountain-back{
  background:linear-gradient(180deg,rgba(111,136,159,.34),rgba(24,37,53,.78));
  transform:scale(.95) translateY(8%);
  filter:blur(.4px);
}
.builtin-wallpaper-preview .wp-mountain-front{
  background:linear-gradient(180deg,rgba(32,48,65,.7),rgba(6,12,19,.96));
  transform:translateY(18%);
}
.builtin-wallpaper-preview .wp-mist{
  position:absolute;
  height:24px;
  width:78%;
  left:8%;
  border-radius:50%;
  background:rgba(205,226,236,.075);
  filter:blur(10px);
}
.builtin-wallpaper-preview .wp-mist-one{bottom:29%;animation:wpMistFloat 9s ease-in-out infinite alternate}
.builtin-wallpaper-preview .wp-mist-two{bottom:17%;left:25%;animation:wpMistFloat 12s ease-in-out infinite alternate-reverse}
@keyframes wpMistFloat{from{transform:translateX(-7%)}to{transform:translateX(10%)}}

/* Diferencia visualmente cada wallpaper embutido. */
.cosmetic-thumb.effect-bg-jianghu-night .wp-moon{
  background:radial-gradient(circle at 38% 35%,#ccefff,#75a9c8 60%,transparent 70%);
}
.cosmetic-thumb.effect-bg-jianghu-night .wp-mountain-back{
  background:linear-gradient(180deg,rgba(57,126,151,.35),rgba(16,42,55,.84));
}
.cosmetic-thumb.effect-bg-sakura-eternal .wp-moon{
  background:radial-gradient(circle at 38% 35%,#ffe1ed,#e994bb 61%,transparent 70%);
}
.cosmetic-thumb.effect-bg-sakura-eternal .wp-mountain-back{
  background:linear-gradient(180deg,rgba(179,90,137,.36),rgba(64,28,57,.82));
}
.cosmetic-thumb.effect-bg-sakura-eternal .wp-mist{
  background:rgba(255,178,215,.10);
}
.cosmetic-thumb.effect-bg-celestial-mist .wp-moon{
  background:radial-gradient(circle at 38% 35%,#d9e4ff,#8397ec 58%,transparent 70%);
}
.cosmetic-thumb.effect-bg-celestial-mist .wp-mountain-back{
  background:linear-gradient(180deg,rgba(84,119,189,.38),rgba(20,37,75,.83));
}

/* Molduras: avatar neutro, sem caracteres chineses. */
.builtin-frame-preview{
  position:relative;
  z-index:3;
  width:88px;
  height:88px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 35%,#202c3e,#111927 70%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.05);
}
.frame-preview-head{
  position:absolute;
  width:28px;
  height:28px;
  border-radius:50%;
  left:30px;
  top:18px;
  background:linear-gradient(180deg,#718098,#435066);
}
.frame-preview-body{
  position:absolute;
  width:50px;
  height:30px;
  border-radius:28px 28px 13px 13px;
  left:19px;
  bottom:13px;
  background:linear-gradient(180deg,#5e6d84,#364357);
}

/* Garante que o aro animado fique atrás da silhueta neutra. */
.cosmetic-kind-frame .builtin-frame-preview{z-index:3}
.cosmetic-kind-frame.effect-frame-jade-pulse::before,
.cosmetic-kind-frame.effect-frame-crimson-flame::before,
.cosmetic-kind-frame.effect-frame-celestial-storm::before{z-index:1}
.cosmetic-kind-frame.effect-frame-jade-pulse::after,
.cosmetic-kind-frame.effect-frame-crimson-flame::after,
.cosmetic-kind-frame.effect-frame-celestial-storm::after{z-index:2}

/* Evita que cards internos mostrem conteúdo antigo por cima do novo preview. */
.thumb-landscape,.thumb-avatar{display:none!important}

@media(max-width:650px){
  .my-build-head{flex-direction:column;align-items:flex-start}
  .image-add-form{display:grid!important}
}


/* =========================================================
   V22.28 — Wallpaper gallery inspired by profile inventories
   ========================================================= */
.inventory-wallpaper-section{margin-top:34px}
.inventory-filter-bar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
  margin:-48px 0 18px auto;
}
.inventory-filter-bar button{
  border:1px solid #2d394d;
  background:#0f1620;
  color:#95a3b7;
  border-radius:8px;
  padding:8px 13px;
  font-weight:700;
  cursor:pointer;
}
.inventory-filter-bar button:hover,
.inventory-filter-bar button.active{
  color:#fff;
  border-color:#7459df;
  background:#17172b;
}
.wallpaper-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch;
}
.wallpaper-grid .cosmetic-card{
  min-height:0;
  background:#0c121a;
}
.wallpaper-grid .cosmetic-thumb{
  aspect-ratio:16/9;
  height:auto!important;
  min-height:0;
  border-bottom:1px solid #263246;
}
.wallpaper-grid .cosmetic-card-body{padding:14px}
.wallpaper-grid .cosmetic-card-body>p{
  min-height:40px;
  flex:0 0 auto;
}
.wallpaper-grid .cosmetic-meta{margin-top:auto}
.wallpaper-grid .cosmetic-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.wallpaper-grid .cosmetic-actions>a,
.wallpaper-grid .cosmetic-actions button{
  width:100%;
  text-align:center;
  justify-content:center;
}
.wallpaper-grid .cosmetic-actions .equipped-tag,
.wallpaper-grid .cosmetic-actions .locked-tag{
  grid-column:1/-1;
  padding:7px 0;
}
@media(max-width:950px){
  .wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .inventory-filter-bar{justify-content:flex-start;margin:0 0 14px}
  .wallpaper-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   V23.0 — Dashboard redesign / identidade visual principal
   ========================================================= */
:root{
  --sidebar-w:186px;
  --topbar-h:56px;
  --app-bg:#070a10;
  --app-panel:#0d121b;
  --app-panel-2:#101722;
  --app-line:#202b3a;
  --app-line-soft:#182230;
  --app-text:#f3f5f9;
  --app-muted:#8c98aa;
  --app-purple:#8b5cf6;
  --app-purple-2:#6d28d9;
  --app-green:#45d69b;
}
html,body{min-height:100%}
body.wwm-app{
  margin:0;
  background:
    radial-gradient(circle at 62% -15%,rgba(85,57,155,.08),transparent 28%),
    var(--app-bg);
  color:var(--app-text);
  overflow-x:hidden;
}
.app-shell{min-height:100vh}
.app-sidebar{
  position:fixed;inset:0 auto 0 0;z-index:90;width:var(--sidebar-w);
  display:flex;flex-direction:column;
  background:linear-gradient(180deg,#09101a,#070b12 62%,#080c13);
  border-right:1px solid #1c2634;
  box-shadow:10px 0 40px rgba(0,0,0,.16);
}
.sidebar-brand{
  height:72px;display:flex;align-items:center;gap:11px;padding:0 18px;
  text-decoration:none;border-bottom:1px solid rgba(255,255,255,.035)
}
.sidebar-shield{
  width:38px;height:43px;display:grid;place-items:center;position:relative;
  color:#efeaff;font-size:18px;font-weight:900;
  clip-path:polygon(50% 0,93% 13%,88% 73%,50% 100%,12% 73%,7% 13%);
  background:linear-gradient(160deg,#a78bfa,#5b21b6);
  box-shadow:0 0 24px rgba(124,58,237,.32);
}
.sidebar-shield:after{
  content:"";position:absolute;inset:3px;
  clip-path:inherit;background:#111827;z-index:-1
}
.sidebar-brand>span:last-child{display:grid;line-height:1}
.sidebar-brand strong{font-size:16px;letter-spacing:.04em}
.sidebar-brand small{font-size:12px;font-weight:850;letter-spacing:.09em;margin-top:3px}

.sidebar-nav{padding:11px 10px 4px;display:grid;gap:2px}
.sidebar-nav a,.sidebar-more a,.sidebar-logout{
  position:relative;display:flex;align-items:center;gap:12px;
  min-height:41px;padding:0 12px;color:#a7b0bf;text-decoration:none;
  border-radius:7px;font-size:13px;font-weight:650;transition:.16s ease
}
.sidebar-nav a:hover,.sidebar-more a:hover,.sidebar-logout:hover{background:#101824;color:#fff}
.sidebar-nav a.active{
  color:#fff;background:linear-gradient(90deg,rgba(110,72,220,.28),rgba(74,42,155,.16));
  box-shadow:inset 2px 0 #8b5cf6
}
.ui-icon{width:18px;height:18px;flex:0 0 18px}
.sidebar-nav a.active .ui-icon{color:#a987ff}
.sidebar-more{display:grid;gap:2px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.035);margin-top:4px}
.sidebar-more>span{padding:2px 12px 5px;color:#4f5a6b;font-size:8px;letter-spacing:.16em;font-weight:900}

.sidebar-bottom{margin-top:auto;padding:10px;border-top:1px solid rgba(255,255,255,.04);display:grid;gap:9px}
.sidebar-wallet{
  padding:12px;border:1px solid #253144;background:#0c131d;border-radius:9px;display:grid;gap:3px
}
.sidebar-wallet>span{font-size:10px;color:#78869a}
.sidebar-wallet strong{font-size:17px;color:#49dda5}
.sidebar-wallet a{
  margin-top:7px;text-align:center;text-decoration:none;padding:8px;border-radius:6px;
  color:#c4b5fd;background:#2a1748;border:1px solid #4a277b;font-size:10px;font-weight:800
}
.sidebar-user-card{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;text-decoration:none;border:1px solid #202b3a;padding:9px;border-radius:9px;background:#0b111a}
.sidebar-mini-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;background:#172134;display:grid;place-items:center;border:2px solid #6346ad}
.sidebar-mini-avatar img{width:100%;height:100%;object-fit:cover}
.sidebar-user-card b{display:block;font-size:12px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-user-card small{display:block;color:#758295;font-size:10px;margin-top:2px}
.sidebar-xp{height:3px;background:#151f2d;border-radius:99px;overflow:hidden}.sidebar-xp span{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#9f67ff)}
.sidebar-logout{padding-left:8px}
.sidebar-login-box{border:1px solid #202b3a;background:#0c121b;border-radius:10px;padding:12px;display:grid;gap:8px}
.sidebar-login-box span{font-weight:850}.sidebar-login-box p{font-size:10px;color:#748194;line-height:1.45;margin:0}.sidebar-login-box a{text-decoration:none;text-align:center;padding:8px;border-radius:6px;background:#6d28d9;color:#fff;font-size:11px;font-weight:800}.sidebar-login-box a.muted{background:#111827;color:#9ca8b9;border:1px solid #273244}

.app-topbar{
  position:fixed;left:var(--sidebar-w);right:0;top:0;height:var(--topbar-h);z-index:80;
  display:flex;align-items:center;gap:12px;padding:0 22px;
  background:rgba(6,9,15,.94);backdrop-filter:blur(16px);
  border-bottom:1px solid #192230
}
.topbar-spacer{flex:1}.sidebar-toggle{display:none}
.topbar-submit{
  display:flex;align-items:center;gap:7px;text-decoration:none;padding:8px 12px;border-radius:7px;
  color:#c5b5ff;background:#171027;border:1px solid #3e246f;font-size:11px;font-weight:800
}
.topbar-submit .ui-icon{width:15px;height:15px}.topbar-bell{width:34px;height:34px;display:grid;place-items:center;color:#8f9bad}.topbar-bell .ui-icon{width:17px}
.topbar-lang{display:flex;border:1px solid #263143;border-radius:6px;overflow:hidden}.topbar-lang a{padding:6px 7px;text-decoration:none;font-size:9px;color:#7d8a9e}.topbar-lang a:hover{background:#111827;color:#fff}
.topbar-user{display:flex;align-items:center;gap:8px;text-decoration:none;color:#edf1f7;font-size:11px}.topbar-user-avatar{width:31px;height:31px;border-radius:50%;overflow:hidden;background:#182237;border:1px solid #6045a1;display:grid;place-items:center}.topbar-user-avatar img{width:100%;height:100%;object-fit:cover}.topbar-login{text-decoration:none;color:#fff;background:#6d28d9;border-radius:7px;padding:8px 12px;font-size:11px;font-weight:800}

.app-main{margin-left:var(--sidebar-w);padding-top:var(--topbar-h);min-height:100vh;position:relative}
.app-main>.page-hero,.app-main>.hero,.app-main>.content-section{max-width:none}
.app-footer{max-width:1400px;margin:40px auto 0;padding:22px 26px 32px;border-top:1px solid #17212e;color:#566376;font-size:10px;display:flex;justify-content:space-between}
.sidebar-backdrop{display:none}

/* Existing public page containers adapt to the app shell */
.content-section{max-width:1400px;padding:38px 30px}
.page-hero{padding:42px max(30px,calc((100vw - var(--sidebar-w) - 1400px)/2 + 30px)) 30px}
.hero{min-height:480px}.hero-content{max-width:1400px;padding:70px 30px}.hero h1{font-size:54px}
.site-footer,.site-header{display:none!important}

/* Home */
.dashboard-home-hero{
  min-height:390px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 300px;
  gap:30px;align-items:center;padding:60px max(30px,calc((100vw - var(--sidebar-w) - 1400px)/2 + 30px));
  background:
    linear-gradient(90deg,rgba(7,10,16,.94) 0%,rgba(7,10,16,.60) 52%,rgba(7,10,16,.84) 100%),
    url("/static/cosmetics/wallpapers/violet_nebula.jpg") center/cover;
  border-bottom:1px solid #1d2735
}
.dashboard-home-copy{max-width:760px}.dashboard-home-copy h1{font-size:48px;line-height:1.03;letter-spacing:-.035em;margin:10px 0}.dashboard-home-copy p{max-width:660px;color:#a0adbf;line-height:1.6}
.dashboard-search{display:flex;max-width:680px;padding:5px;border:1px solid #313d51;background:rgba(9,14,22,.86);border-radius:8px;margin-top:22px}.dashboard-search input{flex:1;border:0;background:transparent;color:#fff;padding:11px 12px;outline:0}.dashboard-search button{border:0;background:#8155e8;color:#fff;border-radius:6px;padding:0 18px;font-weight:800}
.dashboard-home-actions{display:flex;gap:8px;margin-top:13px}.dashboard-home-actions a{text-decoration:none;padding:9px 12px;border:1px solid #344158;background:rgba(12,18,28,.8);border-radius:7px;font-size:11px;font-weight:800}.dashboard-home-actions a:first-child{background:#6d28d9;border-color:#7b35ef}
.dashboard-home-stats{display:grid;gap:9px;padding:15px;background:rgba(7,11,18,.78);border:1px solid rgba(116,132,158,.26);border-radius:11px;backdrop-filter:blur(10px)}.dashboard-home-stats>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #202a38;padding:12px}.dashboard-home-stats>div:last-child{border-bottom:0}.dashboard-home-stats span{color:#96a2b5}.dashboard-home-stats b{font-size:22px}
.dashboard-page-content{max-width:1400px;margin:auto;padding:28px 30px 42px}
.dashboard-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:17px}.dashboard-section-head h2,.dashboard-section-head h3{margin:3px 0 0}.dashboard-section-head p{margin:5px 0 0;color:#7e8b9f;font-size:12px}.dashboard-section-head>a{text-decoration:none;color:#b29bff;font-size:11px}.dashboard-section-head.compact{align-items:center;margin-bottom:13px}
.home-build-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-build-card{min-height:235px;display:flex;flex-direction:column;text-decoration:none;padding:15px;background:linear-gradient(155deg,#101722,#0a1018);border:1px solid #253143;border-radius:10px;transition:.16s}.home-build-card:hover{transform:translateY(-2px);border-color:#4e3b78}.home-build-card>div:first-child{display:flex;justify-content:space-between}.home-weapon-row{display:flex;align-items:center;gap:7px;margin:20px 0 12px}.home-weapon-row strong{width:44px;height:44px;display:grid;place-items:center;border:1px solid #2b374b;border-radius:7px;background:#121b28;font-size:20px;color:#e6c77e}.home-weapon-row i{font-style:normal;color:#627087}.home-build-card h3{margin:0 0 6px;font-size:16px}.home-build-card p{color:#7f8da1;font-size:11px;line-height:1.5}.home-build-card small{margin-top:auto;color:#6f7c90}
.home-community-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.dash-wide-panel{background:linear-gradient(150deg,#0e151f,#0a1017);border:1px solid #253143;border-radius:10px;padding:18px}.community-role-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.community-role-dashboard a{display:flex;justify-content:space-between;text-decoration:none;border:1px solid #263246;border-radius:8px;padding:12px;background:#0b121b}.community-role-dashboard b{color:#c6b5ff}.home-chat-list{display:grid;gap:8px}.home-chat-list>div{border-bottom:1px solid #1f2936;padding-bottom:8px}.home-chat-list p{margin:3px 0;color:#77869a;font-size:11px}

/* Shared profile hub */
.dashboard-profile-page{background:#070a10;min-height:calc(100vh - var(--topbar-h))}
.hub-profile-hero{
  position:relative;min-height:242px;overflow:hidden;border-bottom:1px solid #1f2a38;background:#0a1018
}
.hub-profile-hero .profile-cosmetic-background{z-index:0}
.hub-default-wallpaper{position:absolute;inset:0;background:url("/static/cosmetics/wallpapers/crimson_eclipse.jpg") center/cover}
.hub-profile-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,13,.95) 0%,rgba(5,8,13,.58) 48%,rgba(5,8,13,.83) 100%),linear-gradient(0deg,rgba(7,10,16,.82),transparent 65%);z-index:1}
.hub-profile-content{
  position:relative;z-index:3;min-height:242px;max-width:1400px;margin:auto;padding:25px 30px;
  display:grid;grid-template-columns:190px minmax(300px,1fr) 190px 260px;gap:22px;align-items:center
}
.hub-avatar .cosmetic-avatar-hero{width:180px;height:180px}.hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{width:146px;height:146px}
.hub-identity h1{font-size:29px;margin:0 0 3px;letter-spacing:-.025em}.hub-email{margin:0 0 12px;color:#a9b3c1;font-size:12px}.hub-level-line{display:flex;align-items:center;gap:9px}.hub-level-ring{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px solid #8b5cf6;background:#0b111c;font-weight:900;box-shadow:0 0 18px rgba(139,92,246,.22)}.hub-level-line b,.hub-level-line small{display:block}.hub-level-line b{font-size:12px}.hub-level-line small{font-size:10px;color:#7d899b;margin-top:2px}.hub-bio{margin:12px 0 8px;color:#c2cad6;font-size:11px;max-width:620px}.hub-role-row{display:flex;gap:5px;flex-wrap:wrap}.hub-role-row span{padding:4px 7px;border-radius:999px;border:1px solid #433268;background:#20173a;color:#c7b7ff;font-size:9px;font-weight:800}
.hub-actions{display:grid;gap:7px}.hub-primary-btn,.hub-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:6px;text-decoration:none;font-size:11px;font-weight:800}.hub-primary-btn{background:linear-gradient(135deg,#7440d8,#6d28d9);color:#fff;border:1px solid #874ff0}.hub-secondary-btn{background:rgba(11,17,26,.82);color:#d4d9e2;border:1px solid #2c3748}
.hub-highlights{padding:14px 15px;border:1px solid rgba(86,102,127,.34);border-radius:9px;background:rgba(7,12,20,.80);backdrop-filter:blur(10px)}.hub-highlights h3{font-size:12px;margin:0 0 7px}.hub-highlights>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #202a38;padding:9px 0;font-size:10px}.hub-highlights>div:last-child{border-bottom:0}.hub-highlights span{color:#91a0b3}.hub-highlights b{font-size:11px}
.hub-tabs{height:49px;display:flex;align-items:stretch;gap:3px;padding:0 max(30px,calc((100vw - var(--sidebar-w) - 1400px)/2 + 30px));border-bottom:1px solid #1b2634;background:#080c13}.hub-tabs a{display:flex;align-items:center;padding:0 17px;color:#a1acbc;text-decoration:none;font-size:11px;border-bottom:2px solid transparent}.hub-tabs a:hover{color:#fff}.hub-tabs a.active{color:#c4aaff;border-color:#8b5cf6}

/* Account overview */
.overview-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.dash-panel{min-height:156px;display:flex;flex-direction:column;padding:16px;background:linear-gradient(150deg,#0f1621,#0a1018);border:1px solid #263246;border-radius:9px}.dash-panel>span{color:#8491a5;font-size:10px}.dash-panel>strong{font-size:28px;margin:8px 0}.dash-panel>p{font-size:11px;color:#77869a;line-height:1.45;margin:0}.dash-panel>a{margin-top:auto;color:#baa7ff;text-decoration:none;font-size:10px;font-weight:800}.dash-panel-wallet strong{color:#54dca9}.overview-lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:12px}.linked-dashboard-list{display:grid;gap:7px}.linked-dashboard-list>div{display:grid;grid-template-columns:90px 1fr auto;gap:9px;align-items:center;border:1px solid #222e3f;background:#0a1119;border-radius:7px;padding:10px}.linked-provider{color:#9d8cff;font-size:10px;font-weight:800}.linked-dashboard-list b{font-size:11px}.linked-dashboard-list em{font-style:normal;color:#5bd7a0;font-size:9px}.linked-dashboard-list button{border:0;background:none;color:#e07d8e;font-size:9px}.profile-customize-cta{display:flex;flex-direction:column;justify-content:center}.profile-customize-cta h3{font-size:20px;margin:6px 0}.profile-customize-cta p{color:#7e8b9d;line-height:1.55;font-size:11px}.profile-customize-cta>div{display:flex;gap:7px;margin-top:8px}

/* Inventory close to the reference */
.inventory-dashboard{padding-top:20px}
.inventory-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.inventory-title-row h2{font-size:21px;margin:0}.inventory-title-row p{margin:4px 0 0;color:#7d8a9d;font-size:11px}
.inventory-global-filters{display:flex;gap:7px}.inventory-global-filters button,.inventory-kind-tabs button{border:1px solid #263247;background:#0c121b;color:#8794a7;border-radius:6px;padding:9px 13px;font-size:10px;font-weight:700;cursor:pointer}.inventory-global-filters button.active{color:#fff;border-color:#5e3aa0;background:#151125}
.inventory-kind-tabs{display:flex;gap:7px;margin:15px 0 22px}.inventory-kind-tabs button{min-width:145px;text-align:left}.inventory-kind-tabs button.active{color:#c8b5ff;border-color:#4a2c7a;background:#1b1230}.inventory-kind-tabs button span{display:inline-block;width:10px;height:10px;margin-right:7px;border:1px solid currentColor;border-radius:2px}
.inventory-kind-panel{display:none}.inventory-kind-panel.active{display:block}.inventory-section-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.inventory-section-heading h3{font-size:16px;margin:0}.inventory-section-heading span{color:#667489;font-size:10px}
.premium-wallpaper-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.premium-frame-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.premium-cosmetic-card{min-width:0;border:1px solid #263246;background:#0b1119;border-radius:8px;overflow:hidden;transition:.16s}.premium-cosmetic-card:hover{border-color:#49396a;transform:translateY(-2px)}.premium-cosmetic-card[hidden]{display:none!important}.premium-cosmetic-card .cosmetic-thumb{height:auto;aspect-ratio:16/7.8;border-bottom:1px solid #202c3b}.premium-cosmetic-card.frame-card .cosmetic-thumb{aspect-ratio:16/10}
.premium-card-body{padding:10px}.premium-badges{display:flex;gap:4px;min-height:20px}.premium-badges span{padding:3px 6px;border-radius:999px;border:1px solid #3a2f59;background:#1d1532;color:#c8b7ff;font-size:8px}.premium-badges span:first-child{color:#bcd0e8;background:#102033;border-color:#26425f}.premium-badges span.rarity-épico,.premium-badges span.rarity-epico{background:#281548;color:#caa9ff;border-color:#54327d}.premium-badges span.rarity-lendário,.premium-badges span.rarity-lendario{background:#36200b;color:#ffcb69;border-color:#6f4311}
.premium-card-body h4{font-size:12px;margin:5px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.premium-card-actions>a,.premium-card-actions button,.is-equipped,.locked-level{min-height:31px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid #2b384d;background:#101722;color:#c5ccd7;text-decoration:none;font-size:9px;font-weight:800}.premium-card-actions form{margin:0}.premium-card-actions button{width:100%;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#8145e3;color:#fff;cursor:pointer}.premium-card-actions .equip-buy{background:#6d28d9;color:#fff;border-color:#8549e2}.is-equipped{grid-column:1/-1;color:#5cdda7;border-color:#24513f;background:#0d1d18}.locked-level{grid-column:1/-1;color:#d3ae66}
.inventory-empty-feature{min-height:300px;border:1px dashed #2a374b;border-radius:10px;background:#0b1119;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-feature-art{width:76px;height:76px;border-radius:18px;display:grid;place-items:center;border:1px solid #49316f;background:#1a1130;color:#bca5ff;font-size:22px;font-weight:900;box-shadow:0 0 40px rgba(112,54,203,.12)}.inventory-empty-feature h3{margin:14px 0 6px}.inventory-empty-feature p{max-width:520px;color:#78869a;font-size:11px;line-height:1.55}.inventory-empty-feature a{min-width:150px;margin-top:8px}

/* Public profile */
.public-profile-hero{position:relative;min-height:245px;overflow:hidden;border-bottom:1px solid #1f2a38}.public-profile-hero .profile-cosmetic-background{z-index:0}.public-profile-hero-inner{position:relative;z-index:3;max-width:1400px;margin:auto;min-height:245px;padding:28px 30px;display:grid;grid-template-columns:180px 1fr 260px;gap:25px;align-items:center}.public-profile-identity h1{font-size:30px;margin:0 0 10px}.public-profile-identity>p{max-width:650px;color:#b4bfcc;font-size:11px}.hub-owner-links{display:flex;gap:7px;margin-top:10px}.public-profile-stats form{margin-top:9px}.profile-like-dashboard{width:100%;border:1px solid #523486;background:#281745;color:#d7c6ff;border-radius:6px;padding:8px;font-weight:800;font-size:10px}.public-profile-columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:12px}.profile-build-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-build-dashboard-grid>a{display:grid;gap:6px;text-decoration:none;padding:12px;border:1px solid #263246;background:#0a1119;border-radius:7px}.profile-build-dashboard-grid b{font-size:12px}.profile-build-dashboard-grid small{color:#78869a;line-height:1.4}.public-profile-side{display:grid;align-content:start}.equipped-dashboard-list{display:grid;gap:8px;margin-top:10px}.equipped-dashboard-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #202b39;padding:9px 0;font-size:10px}.equipped-dashboard-list span{color:#7d8a9e}

/* Improve comments in dashboard profile */
.dashboard-comment-form{display:grid;grid-template-columns:1fr auto;gap:7px}.dashboard-comment-form textarea{min-height:70px}.dashboard-comment-form button{min-width:100px}

/* Keep other old pages looking coherent */
.build-card,.guide-category,.reference-card,.mode-card,.planner-form,.planner-result,.forum-category,.chat-shell,.community-card,.donate-card,.shop-card{border-radius:8px!important}
.primary-site-action,.secondary-button{border-radius:6px!important}
.public-flashes{left:calc(var(--sidebar-w) + 22px);right:auto;top:calc(var(--topbar-h) + 14px);z-index:120}

/* Responsive */
@media(max-width:1450px){
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hub-profile-content{grid-template-columns:175px minmax(280px,1fr) 170px 230px}
}
@media(max-width:1180px){
  .app-sidebar{transform:translateX(-100%);transition:.2s}.sidebar-open .app-sidebar{transform:none}
  .app-topbar{left:0}.app-main{margin-left:0}.sidebar-toggle{display:grid;place-items:center;border:0;background:none;color:#fff;font-size:21px}
  .sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:85}.sidebar-open .sidebar-backdrop{display:block}
  .hub-profile-content{grid-template-columns:150px 1fr 180px}.hub-highlights{display:none}.hub-avatar .cosmetic-avatar-hero{width:145px;height:145px}.hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{width:116px;height:116px}
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-build-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .overview-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-tabs{padding:0 20px}
}
@media(max-width:850px){
  .hub-profile-content{grid-template-columns:130px 1fr}.hub-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.hub-avatar .cosmetic-avatar-hero{width:125px;height:125px}.hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{width:100px;height:100px}
  .hub-tabs{overflow-x:auto}.hub-tabs a{white-space:nowrap}
  .inventory-title-row{align-items:flex-start;flex-direction:column}.inventory-global-filters{flex-wrap:wrap}
  .inventory-kind-tabs{overflow-x:auto}.inventory-kind-tabs button{white-space:nowrap}
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-community-grid,.overview-lower-grid,.public-profile-columns{grid-template-columns:1fr}
  .public-profile-hero-inner{grid-template-columns:130px 1fr}.public-profile-stats{display:none}
  .dashboard-home-hero{grid-template-columns:1fr}.dashboard-home-stats{grid-template-columns:repeat(3,1fr)}.dashboard-home-stats>div{border-bottom:0;border-right:1px solid #202a38}.dashboard-home-stats>div:last-child{border-right:0}
}
@media(max-width:560px){
  .app-topbar{padding:0 10px}.topbar-submit span,.topbar-user b,.topbar-lang{display:none}.topbar-user-avatar{width:30px;height:30px}
  .dashboard-page-content{padding:20px 14px 34px}.hub-profile-content{padding:20px 14px;grid-template-columns:1fr;text-align:center}.hub-avatar{display:grid;place-items:center}.hub-actions{grid-column:auto}.hub-level-line,.hub-role-row{justify-content:center}.hub-bio{margin-left:auto;margin-right:auto}
  .hub-tabs{padding:0 10px}.hub-tabs a{padding:0 12px}
  .premium-wallpaper-grid,.premium-frame-grid,.home-build-grid,.overview-dashboard-grid,.profile-build-dashboard-grid{grid-template-columns:1fr}
  .premium-cosmetic-card .cosmetic-thumb{aspect-ratio:16/8}
  .home-community-grid{grid-template-columns:1fr}
  .dashboard-home-hero{padding:40px 16px;min-height:360px}.dashboard-home-copy h1{font-size:34px}.dashboard-home-stats{grid-template-columns:1fr}.dashboard-home-stats>div{border-right:0;border-bottom:1px solid #202a38}
  .public-profile-hero-inner{grid-template-columns:1fr;text-align:center;padding:22px 14px}.public-profile-hero-inner>.cosmetic-avatar-wrap{margin:auto}.public-profile-identity .hub-level-line,.public-profile-identity .hub-role-row,.hub-owner-links{justify-content:center}
  .app-footer{padding-left:14px;padding-right:14px;display:grid;gap:5px}
}


/* =========================================================
   V23.1 — Wallpaper separado: PERFIL x SITE
   ========================================================= */
.site-user-wallpaper{
  position:fixed;
  inset:var(--topbar-h) 0 0 var(--sidebar-w);
  z-index:-20;
  overflow:hidden;
  background:#070a10;
  pointer-events:none;
}
.site-user-wallpaper img,
.site-user-wallpaper video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.site-user-wallpaper::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(3,6,11,.28),rgba(3,6,11,.50) 56%,rgba(3,6,11,.65)),
    linear-gradient(90deg,rgba(3,6,11,.18),transparent 45%,rgba(3,6,11,.22));
}
body.has-site-wallpaper{
  background:#070a10;
}
body.has-site-wallpaper .app-shell,
body.has-site-wallpaper .app-main{
  background:transparent;
}
body.has-site-wallpaper .dashboard-profile-page,
body.has-site-wallpaper .member-dashboard-page{
  background:rgba(5,8,13,.48);
}
body.has-site-wallpaper .dashboard-page-content{
  background:rgba(5,8,13,.46);
  border-radius:0;
}
body.has-site-wallpaper .dash-panel,
body.has-site-wallpaper .dash-wide-panel,
body.has-site-wallpaper .premium-cosmetic-card,
body.has-site-wallpaper .forum-category,
body.has-site-wallpaper .chat-shell{
  background:linear-gradient(150deg,rgba(15,22,33,.93),rgba(8,13,20,.94));
  backdrop-filter:blur(6px);
}
body.has-site-wallpaper .dashboard-home-hero{
  background:linear-gradient(90deg,rgba(7,10,16,.50),rgba(7,10,16,.28) 55%,rgba(7,10,16,.50));
}

/* O wallpaper do PERFIL agora fica bem mais vivo, próximo da vitrine da loja. */
.hub-profile-overlay{
  background:
    linear-gradient(90deg,rgba(4,7,12,.48) 0%,rgba(4,7,12,.14) 46%,rgba(4,7,12,.43) 100%),
    linear-gradient(0deg,rgba(5,8,13,.38),transparent 68%)!important;
}
.public-profile-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(4,7,12,.42),rgba(4,7,12,.10) 50%,rgba(4,7,12,.38));
}
.public-profile-hero-inner{z-index:3}
.hub-profile-hero .profile-cosmetic-background img,
.public-profile-hero .profile-cosmetic-background img{
  filter:saturate(1.08) contrast(1.03);
}
.hub-profile-hero .profile-cosmetic-background video,
.public-profile-hero .profile-cosmetic-background video{
  filter:saturate(1.08) contrast(1.03);
}

/* Estado atual de wallpapers. */
.wallpaper-target-status{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,.8fr);
  gap:10px;
  margin:15px 0 18px;
}
.wallpaper-target-status>div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 12px;
  align-items:center;
  padding:12px 14px;
  border:1px solid #293548;
  border-radius:8px;
  background:#0d141e;
}
.wallpaper-target-status>div>span{
  grid-column:1/-1;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#748399;
}
.wallpaper-target-status>div>b{font-size:12px}
.wallpaper-target-status form{margin:0}
.wallpaper-target-status button{
  border:0;
  background:none;
  color:#d27b8c;
  font-size:9px;
  cursor:pointer;
}
.wallpaper-target-status>p{
  margin:0;
  display:flex;
  align-items:center;
  padding:12px 14px;
  border:1px solid #293548;
  border-radius:8px;
  color:#8290a4;
  background:#0a1119;
  font-size:10px;
  line-height:1.45;
}

/* 4 ações nos wallpapers: preview / perfil / site / ambos */
.premium-card-actions.wallpaper-actions{
  grid-template-columns:1fr 1fr!important;
}
.wallpaper-actions form{margin:0;display:block}
.wallpaper-actions form button{
  width:100%;
  min-height:34px;
}
.wallpaper-actions .wallpaper-preview-btn,
.wallpaper-actions .apply-both{
  border-color:#354158!important;
}
.wallpaper-actions .apply-both{
  background:#111926!important;
  color:#aebbd0!important;
}
.wallpaper-actions .target-active{
  color:#fff!important;
  border-color:#7d54e8!important;
  background:linear-gradient(135deg,#6d28d9,#7c3aed)!important;
  box-shadow:0 0 0 1px rgba(143,101,255,.16),0 7px 20px rgba(86,41,177,.20);
}
.preview-target-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.preview-target-actions form{margin:0}

/* Se estiver com wallpaper no site em viewport sem sidebar fixa. */
@media(max-width:1180px){
  .site-user-wallpaper{left:0}
}
@media(max-width:760px){
  .wallpaper-target-status{grid-template-columns:1fr}
}


/* =========================================================
   V23.1.2 — Loja compacta + fix wallpaper do site
   ========================================================= */
.shop-page-v2312{max-width:1420px!important}
.shop-wallet-v2312{margin-bottom:28px!important}

.shop-section-v2312{
  margin:0 0 38px;
}
.shop-section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:15px;
}
.shop-section-heading h2{
  margin:3px 0 3px;
  font-size:22px;
}
.shop-section-heading p{
  margin:0;
  color:#8290a5;
  font-size:12px;
}

/* Recursos simples deixam de ocupar cards gigantes. */
.shop-feature-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.shop-feature-card{
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:15px;
  border:1px solid #293548;
  border-radius:10px;
  background:linear-gradient(155deg,#101721,#0b1119);
}
.shop-feature-top{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.shop-feature-symbol{
  flex:0 0 auto;
  width:26px;
  height:4px;
  margin-top:8px;
  border-radius:999px;
  background:linear-gradient(90deg,#8b5cf6,#c084fc);
}
.shop-feature-card h3{
  margin:0 0 6px;
  font-size:14px;
}
.shop-feature-card p{
  margin:0;
  min-height:43px;
  color:#8492a7;
  font-size:10px;
  line-height:1.45;
}
.shop-feature-card .border-mini-row{
  margin:10px 0 0;
}
.shop-feature-footer{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:9px;
  margin-top:16px;
  padding-top:11px;
  border-top:1px solid #202c3c;
}
.shop-feature-footer>div:first-child{
  display:grid;
  gap:2px;
}
.shop-feature-footer small{
  color:#63d39d;
  font-size:8px;
  font-weight:800;
}
.shop-feature-footer strong{
  font-size:15px;
  color:#f4c86d;
}
.compact-owned{
  min-height:auto!important;
  padding:5px 8px;
  border:1px solid rgba(71,211,151,.28);
  border-radius:6px;
  background:rgba(24,121,82,.09);
  font-size:9px;
}
.shop-feature-actions{
  display:flex!important;
  gap:5px!important;
}
.shop-feature-actions form{margin:0}
.shop-feature-actions a,
.shop-feature-actions button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 9px;
  border:1px solid #3b4860;
  border-radius:6px;
  background:#111926;
  color:#d8e0ec;
  font-size:9px;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}
.shop-feature-actions button{
  border-color:#6d49c9;
  background:#6a36d8;
  color:#fff;
}

/* Cosméticos ficam como uma vitrine visual de verdade. */
.shop-cosmetic-grid-v2312{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.shop-cosmetic-card-v2312{
  min-width:0;
  overflow:hidden;
  border:1px solid #293548;
  border-radius:11px;
  background:linear-gradient(155deg,#101721,#0a1119);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.shop-cosmetic-card-v2312:hover{
  transform:translateY(-2px);
  border-color:#514170;
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.shop-cosmetic-media{
  position:relative;
  display:block;
  height:155px;
  overflow:hidden;
  background:#080d14;
}
.shop-cosmetic-media .cosmetic-thumb{
  height:100%!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
}
.shop-cosmetic-media .cosmetic-thumb img,
.shop-cosmetic-media .cosmetic-thumb video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.shop-cosmetic-overlay{
  position:absolute;
  left:9px;
  right:9px;
  bottom:9px;
  display:flex;
  gap:5px;
}
.shop-cosmetic-overlay span{
  padding:4px 6px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:5px;
  background:rgba(4,7,12,.72);
  backdrop-filter:blur(5px);
  color:#e7edf7;
  font-size:8px;
  font-weight:800;
}
.shop-cosmetic-info{
  display:flex;
  flex-direction:column;
  min-height:165px;
  padding:13px;
}
.shop-cosmetic-info h3{
  margin:0 0 5px;
  font-size:14px;
}
.shop-cosmetic-info p{
  margin:0;
  color:#8694a9;
  font-size:10px;
  line-height:1.5;
}
.shop-cosmetic-purchase{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:8px;
  margin-top:auto;
  padding-top:12px;
}
.shop-cosmetic-price{
  display:flex;
  align-items:baseline;
  gap:6px;
  flex-wrap:wrap;
}
.shop-cosmetic-price small{
  width:100%;
  color:#63d39d;
  font-size:8px;
  font-weight:800;
}
.shop-cosmetic-price strong{
  color:#f4c86d;
  font-size:15px;
}
.shop-cosmetic-buttons{
  display:flex;
  gap:5px;
}
.shop-cosmetic-buttons a{
  display:flex;
  align-items:center;
  min-height:31px;
  padding:0 9px;
  border:1px solid #354259;
  border-radius:6px;
  background:#101722;
  color:#dbe3ee;
  font-size:8px;
  font-weight:800;
  text-decoration:none;
}
.shop-cosmetic-buttons .buy-highlight{
  border-color:#7048d2;
  background:#6d35d8;
  color:#fff;
}

/* O fundo do site continua vivo, mas o conteúdo permanece legível. */
.site-user-wallpaper::after{
  background:
    linear-gradient(180deg,rgba(3,6,11,.18),rgba(3,6,11,.34) 54%,rgba(3,6,11,.48)),
    linear-gradient(90deg,rgba(3,6,11,.12),transparent 50%,rgba(3,6,11,.17))!important;
}
body.has-site-wallpaper .dashboard-page-content{
  background:rgba(5,8,13,.36)!important;
}

@media(max-width:1280px){
  .shop-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shop-cosmetic-grid-v2312{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .shop-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-cosmetic-grid-v2312{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .shop-section-heading{align-items:flex-start;flex-direction:column}
  .shop-feature-grid,
  .shop-cosmetic-grid-v2312{grid-template-columns:1fr}
  .shop-feature-card{min-height:160px}
}


/* =========================================================
   V23.2 — Perfil + Inventário Premium
   ========================================================= */

/* Perfil: visual mais limpo e sem e-mail público */
.hub-email{display:none!important}
.hub-profile-hero{
  min-height:260px!important;
}
.hub-profile-content{
  min-height:260px!important;
  max-width:1460px!important;
  padding:28px 32px!important;
  grid-template-columns:190px minmax(340px,1fr) 190px 270px!important;
}
.hub-identity h1{
  font-size:31px!important;
  margin-bottom:12px!important;
}
.hub-bio{
  font-size:11px!important;
  line-height:1.55;
  color:#d0d5df!important;
}
.hub-profile-overlay{
  background:
    linear-gradient(90deg,rgba(4,7,12,.56) 0%,rgba(4,7,12,.20) 43%,rgba(4,7,12,.50) 100%),
    linear-gradient(0deg,rgba(5,8,13,.42),transparent 68%)!important;
}
.hub-profile-hero .profile-cosmetic-background img,
.hub-profile-hero .profile-cosmetic-background video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none!important;
  image-rendering:auto;
}

/* Fundo do SITE continua presente, mas não compete com o conteúdo */
.site-user-wallpaper{
  opacity:.30;
}
.site-user-wallpaper img,
.site-user-wallpaper video{
  filter:none!important;
  image-rendering:auto;
}
.site-user-wallpaper::after{
  background:
    linear-gradient(180deg,rgba(3,6,11,.44),rgba(3,6,11,.62) 54%,rgba(3,6,11,.78)),
    linear-gradient(90deg,rgba(3,6,11,.26),transparent 48%,rgba(3,6,11,.30))!important;
}
body.has-site-wallpaper .dashboard-profile-page{
  background:rgba(5,8,13,.88)!important;
}
body.has-site-wallpaper .dashboard-page-content{
  background:#070a10!important;
}

/* Cabeçalho do inventário */
.premium-inventory-v232{
  max-width:1460px!important;
  padding-top:26px!important;
}
.premium-inventory-heading{
  margin-bottom:14px;
}
.premium-inventory-heading h2{
  font-size:23px!important;
}
.premium-inventory-heading p{
  font-size:11px!important;
}

/* Slot atual, discreto — não rouba espaço da galeria */
.equipped-wallpaper-strip{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  flex-wrap:wrap;
}
.equipped-wallpaper-strip>div{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:6px 9px;
  border:1px solid #263246;
  border-radius:6px;
  background:#0b1119;
}
.equipped-wallpaper-strip>div>span{
  font-size:7px;
  color:#8c78d9;
  font-weight:900;
  letter-spacing:.08em;
}
.equipped-wallpaper-strip>div>strong{
  font-size:9px;
}
.equipped-wallpaper-strip form{margin:0}
.equipped-wallpaper-strip button{
  border:0;
  background:none;
  color:#cb7184;
  font-size:8px;
  cursor:pointer;
}
.equipped-wallpaper-strip small{
  margin-left:auto;
  color:#68768a;
  font-size:9px;
}

.premium-kind-tabs{
  margin:0 0 22px!important;
}
.premium-section-heading{
  justify-content:space-between;
  align-items:end!important;
  margin-bottom:12px!important;
}
.premium-section-heading>div{
  display:flex;
  align-items:baseline;
  gap:10px;
}
.premium-section-heading small{
  color:#6f7d90;
  font-size:9px;
}

/* Galeria 5 colunas, com imagens maiores e proporção cinematográfica */
.premium-gallery-grid{
  gap:14px!important;
}
.premium-wallpaper-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.premium-frame-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.premium-gallery-card{
  border-radius:7px!important;
  border-color:#293344!important;
  background:linear-gradient(180deg,#0d131d,#080d14)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}
.premium-gallery-card:hover{
  border-color:#5a3c88!important;
  box-shadow:0 14px 36px rgba(0,0,0,.24),0 0 0 1px rgba(124,58,237,.10);
}
.premium-media-link{
  display:block;
  overflow:hidden;
  background:#070b11;
}
.premium-gallery-card .cosmetic-thumb{
  aspect-ratio:16/6.9!important;
  height:auto!important;
  min-height:0!important;
  border:0!important;
  border-bottom:1px solid #202a38!important;
}
.premium-gallery-card .cosmetic-thumb img,
.premium-gallery-card .cosmetic-thumb video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
  image-rendering:auto;
}
.premium-gallery-card .premium-card-body{
  padding:10px 11px 11px!important;
}
.premium-gallery-card .premium-card-body h4{
  margin:6px 0 10px!important;
  font-size:12px!important;
  font-weight:800;
}
.premium-badges{
  min-height:18px!important;
}
.premium-badges span{
  font-size:7px!important;
  padding:3px 5px!important;
}
.equipped-mini-badge{
  color:#7de0b1!important;
  background:#0d221b!important;
  border-color:#24503e!important;
}

/* Igual à referência: só Visualizar + Equipar */
.premium-two-actions{
  grid-template-columns:1fr 1fr!important;
}
.premium-two-actions>a,
.equip-dropdown>summary,
.premium-two-actions .is-equipped,
.premium-two-actions .locked-level{
  min-height:34px!important;
  border-radius:5px!important;
  font-size:9px!important;
}
.equip-dropdown{
  position:relative;
}
.equip-dropdown>summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#6d28d9);
  border:1px solid #8549e2;
  color:#fff;
  font-weight:800;
  user-select:none;
}
.equip-dropdown>summary::-webkit-details-marker{display:none}
.equip-dropdown-menu{
  position:absolute;
  right:0;
  bottom:calc(100% + 6px);
  z-index:45;
  width:178px;
  padding:6px;
  border:1px solid #354158;
  border-radius:7px;
  background:#0d141e;
  box-shadow:0 16px 34px rgba(0,0,0,.48);
}
.equip-dropdown-menu form{
  margin:0 0 4px!important;
}
.equip-dropdown-menu form:last-child{margin-bottom:0!important}
.equip-dropdown-menu button{
  width:100%;
  min-height:31px!important;
  display:flex!important;
  justify-content:flex-start!important;
  padding:0 9px!important;
  background:#111a26!important;
  border:1px solid transparent!important;
  color:#cdd6e3!important;
  font-size:8px!important;
}
.equip-dropdown-menu button:hover,
.equip-dropdown-menu button.selected{
  color:#fff!important;
  border-color:#6941ba!important;
  background:#24133f!important;
}

/* Paginação compacta */
.inventory-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin:16px 0 28px;
}
.inventory-pagination[hidden]{display:none!important}
.inventory-pagination>button,
.inventory-pagination span button{
  min-width:26px;
  height:26px;
  border:1px solid #263246;
  border-radius:5px;
  background:#0b1119;
  color:#8390a3;
  font-size:9px;
  cursor:pointer;
}
.inventory-pagination span{
  display:flex;
  gap:5px;
}
.inventory-pagination span button.active{
  border-color:#7646d7;
  background:#6d28d9;
  color:#fff;
}
.inventory-pagination>button:disabled{
  opacity:.35;
  cursor:default;
}

/* Site com cara premium: superfície limpa, não "papel de parede por cima de tudo" */
.premium-profile-shell .dashboard-page-content{
  border-top:1px solid #171f2b;
}
body.has-site-wallpaper .premium-profile-shell{
  background:#070a10!important;
}

/* Responsividade mantendo cards bonitos */
@media(max-width:1450px){
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1180px){
  .hub-profile-content{grid-template-columns:165px 1fr 180px!important}
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:850px){
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .equipped-wallpaper-strip small{width:100%;margin-left:0}
}
@media(max-width:560px){
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:1fr!important}
  .premium-gallery-card .cosmetic-thumb{aspect-ratio:16/8!important}
}


/* =========================================================
   V23.3 — Premium target layout
   ========================================================= */
:root{--sidebar-w:170px;--topbar-h:51px}

/* Layout global igual ao mockup premium */
.app-sidebar{width:170px!important;background:linear-gradient(180deg,#0a0f17,#0a0e15)!important;border-right:1px solid #1d2632!important}
.app-topbar{left:170px!important;height:51px!important;background:#070a10!important;border-bottom:1px solid #171f2b!important}
.app-main{margin-left:170px!important;padding-top:51px!important;background:#070a10!important}
.sidebar-brand{padding:17px 15px!important}
.sidebar-nav a{min-height:41px!important;margin:1px 9px!important;border-radius:6px!important;padding:0 12px!important;font-size:11px!important}
.sidebar-nav a.active{background:#171421!important;color:#fff!important}
.sidebar-wallet{margin:10px!important;border-radius:8px!important}
.sidebar-user-card{margin:0 10px 10px!important;border-radius:8px!important}
.dashboard-page-content{max-width:1365px!important;margin:0 auto!important;padding:25px 32px 50px!important}

/* Hero de perfil */
.hub-profile-hero{min-height:235px!important;background:#080b10!important}
.hub-profile-content{
  max-width:1365px!important;min-height:235px!important;margin:0 auto!important;
  padding:20px 32px!important;grid-template-columns:190px minmax(360px,1fr) 170px 245px!important;gap:26px!important
}
.hub-profile-overlay{
  background:linear-gradient(90deg,rgba(4,7,12,.60),rgba(4,7,12,.10) 43%,rgba(4,7,12,.48))!important
}
.hub-identity h1{font-size:28px!important;letter-spacing:-.02em!important}
.hub-bio{max-width:520px!important;margin:12px 0 0!important}
.hub-highlights{background:rgba(7,10,15,.84)!important;border-color:#222d3c!important;border-radius:7px!important;padding:14px!important}
.hub-highlights h3{font-size:11px!important}
.hub-highlights>div{min-height:32px!important}
.hub-actions{gap:8px!important}
.hub-primary-btn,.hub-secondary-btn{min-height:36px!important;border-radius:5px!important}
.hub-tabs{
  height:47px!important;max-width:none!important;padding-left:max(32px,calc((100vw - 170px - 1365px)/2 + 32px))!important;
  background:#080c12!important;border-color:#1b2634!important
}
.hub-tabs a{padding:0 16px!important;font-size:10px!important}

/* Inventário exatamente no fluxo visual do mockup */
.premium-inventory-v232{max-width:1365px!important;padding-top:24px!important}
.premium-inventory-heading{display:flex!important;align-items:end!important;justify-content:space-between!important;margin-bottom:12px!important}
.premium-inventory-heading h2{font-size:19px!important;margin:0 0 4px!important}
.premium-inventory-heading p{font-size:10px!important;color:#7d8999!important}
.inventory-global-filters{gap:7px!important}
.inventory-global-filters button{height:32px!important;padding:0 12px!important;border-radius:5px!important;font-size:9px!important}
.premium-kind-tabs{height:39px!important;margin-bottom:22px!important;gap:6px!important}
.premium-kind-tabs button{height:39px!important;padding:0 14px!important;border-radius:5px!important;font-size:9px!important}
.premium-section-heading{margin-bottom:12px!important}
.premium-section-heading h3{font-size:16px!important;margin:0!important}
.inventory-shop-link{color:#a88aff;text-decoration:none;font-size:9px}
.premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
.premium-gallery-card{border-radius:6px!important;background:#0b1119!important;border-color:#263143!important;overflow:visible!important}
.premium-gallery-card .cosmetic-thumb{aspect-ratio:16/6.7!important}
.premium-gallery-card .premium-card-body{padding:9px 10px 10px!important}
.premium-gallery-card .premium-card-body h4{font-size:11px!important;margin:6px 0 9px!important}
.premium-two-actions>a,.equip-dropdown>summary{min-height:31px!important;font-size:8px!important;border-radius:4px!important}
.inventory-pagination{margin:15px 0 29px!important}

/* Conteúdo não recebe wallpaper forte; a arte premium fica concentrada no hero */
body.has-site-wallpaper .premium-profile-shell,
body.has-site-wallpaper .dashboard-profile-page{background:#070a10!important}
body.has-site-wallpaper .premium-profile-shell .dashboard-page-content{background:#070a10!important}
.site-user-wallpaper{opacity:.10!important}

/* Builds com imagem real */
.premium-build-list-page{max-width:1365px!important}
.premium-build-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.premium-build-card{display:block;overflow:hidden;border:1px solid #273346;border-radius:8px;background:#0b1119;text-decoration:none;transition:.16s}
.premium-build-card:hover{transform:translateY(-2px);border-color:#5d4090;box-shadow:0 15px 38px rgba(0,0,0,.22)}
.premium-build-cover{position:relative;aspect-ratio:16/8.2;overflow:hidden;background:#080c12}
.premium-build-cover img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .22s}
.premium-build-card:hover .premium-build-cover img{transform:scale(1.025)}
.premium-build-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,7,12,.72))}
.premium-build-cover-badges{position:absolute;left:9px;right:9px;top:9px;display:flex;justify-content:space-between;align-items:center}
.premium-build-cover-badges span,.premium-build-cover-badges em{padding:4px 6px;border-radius:5px;background:rgba(5,8,13,.78);border:1px solid rgba(255,255,255,.1);font-size:8px;font-style:normal;font-weight:800}
.premium-build-cover-badges em{color:#65dca7}
.premium-build-info{padding:12px}.premium-build-info h3{font-size:14px;margin:0 0 6px}.premium-build-info p{min-height:43px;color:#7d899a;font-size:10px;line-height:1.5;margin:0}
.premium-build-weapons{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.premium-build-weapons span{padding:4px 6px;border:1px solid #2d394b;border-radius:5px;background:#101721;color:#aab5c4;font-size:8px}
.premium-build-info small{color:#6d7a8d;font-size:9px}

.premium-home-build-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.premium-home-build-card{min-height:0!important;padding:0!important;overflow:hidden!important}
.home-build-cover{position:relative;aspect-ratio:16/8;overflow:hidden;background:#080d13}.home-build-cover img{width:100%;height:100%;object-fit:cover;display:block}.home-build-cover>div{position:absolute;left:8px;right:8px;top:8px;display:flex;justify-content:space-between}
.home-build-body{display:flex;flex-direction:column;min-height:125px;padding:11px}.home-build-body h3{font-size:13px!important}.home-build-body p{font-size:9px!important}.home-build-body small{margin-top:auto}

/* Contas vinculadas */
.account-lower-premium{grid-template-columns:1.45fr .55fr!important}
.dashboard-section-head.compact p{margin:3px 0 0;color:#718095;font-size:9px}
.link-another-account{white-space:nowrap}
.premium-linked-list>div{grid-template-columns:75px minmax(160px,1fr) 165px auto!important}
.premium-linked-list code{color:#77869a;font-size:9px}
.linked-account-actions{display:flex;align-items:center;gap:5px}.linked-account-actions form{margin:0}.linked-account-actions button{padding:5px 7px!important;border:1px solid #354158!important;border-radius:5px!important;background:#101822!important;color:#aeb8c7!important;cursor:pointer}.linked-account-actions .danger-link{color:#db8290!important;border-color:#55303a!important}
.account-recovery-note{margin-top:11px;padding:10px 12px;border:1px solid #263246;border-radius:7px;background:#0b1119}.account-recovery-note strong{font-size:10px}.account-recovery-note p{margin:4px 0 0;color:#77869a;font-size:9px;line-height:1.45}
.premium-link-account{max-width:900px!important;display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.link-card-kicker{font-size:8px;color:#8f7cff;font-weight:900;letter-spacing:.12em}

/* Minhas builds */
.managed-image-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 8px 8px}.managed-image-actions form{margin:0;padding:0!important}.managed-image-actions button{width:100%;min-height:29px;border:1px solid #354158!important;border-radius:5px!important;background:#101822!important;color:#c2ccd9!important;font-size:8px!important}.managed-image-actions .remove-photo{color:#db8290!important;border-color:#55303a!important;background:#241219!important}

/* Breakpoints */
@media(max-width:1400px){
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .hub-profile-content{grid-template-columns:170px minmax(300px,1fr) 155px 220px!important}
  .premium-build-card-grid,.premium-home-build-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1120px){
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .account-lower-premium{grid-template-columns:1fr!important}.premium-linked-list>div{grid-template-columns:75px 1fr auto!important}.premium-linked-list code{display:none}
}
@media(max-width:900px){
  :root{--sidebar-w:0px}.app-topbar{left:0!important}.app-main{margin-left:0!important}
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premium-build-card-grid,.premium-home-build-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premium-link-account{grid-template-columns:1fr}
}
@media(max-width:570px){
  .premium-wallpaper-grid,.premium-frame-grid,.premium-build-card-grid,.premium-home-build-grid{grid-template-columns:1fr!important}
  .dashboard-page-content{padding-left:14px!important;padding-right:14px!important}
}


/* =========================================================
   V23.4 — PIXEL MATCH
   Referência: sidebar + topbar + hero + tabs + inventário
   ========================================================= */

:root{
  --sidebar-w:170px;
  --topbar-h:51px;
  --pixel-pad:36px;
}

/* ---------- SIDEBAR ---------- */
.app-sidebar{
  width:170px!important;
  background:
    radial-gradient(circle at 36% 4%,rgba(60,79,116,.06),transparent 22%),
    linear-gradient(180deg,#0a0f17 0%,#080d14 100%)!important;
  border-right:1px solid #1c2531!important;
  box-shadow:none!important;
}
.sidebar-brand{
  height:69px!important;
  padding:0 16px!important;
  gap:10px!important;
  border-bottom:0!important;
}
.sidebar-shield{
  width:34px!important;
  height:38px!important;
  font-size:16px!important;
}
.sidebar-brand strong{font-size:15px!important}
.sidebar-brand small{font-size:11px!important;margin-top:2px!important}

.sidebar-nav{
  padding:4px 9px 0!important;
  gap:1px!important;
}
.sidebar-nav a{
  min-height:41px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:6px!important;
  gap:11px!important;
  color:#aeb6c3!important;
  font-size:11px!important;
  font-weight:600!important;
}
.sidebar-nav a.active{
  color:#fff!important;
  background:linear-gradient(90deg,#1b1c28,#171923)!important;
  box-shadow:none!important;
}
.sidebar-nav a.active::before{
  content:"";
  position:absolute;
  left:0;
  width:2px;
  height:22px;
  border-radius:0 3px 3px 0;
  background:#8b5cf6;
}
.sidebar-nav .ui-icon{
  width:17px!important;
  height:17px!important;
}
.sidebar-more{display:none!important}

.sidebar-bottom{
  margin-top:auto!important;
  padding:10px!important;
  gap:10px!important;
  border-top:0!important;
}
.sidebar-wallet{
  margin:0!important;
  padding:12px 12px 11px!important;
  border:1px solid #202a37!important;
  border-radius:8px!important;
  background:#0a1018!important;
}
.sidebar-wallet>span{
  color:#778396!important;
  font-size:9px!important;
}
.sidebar-wallet strong{
  margin-top:2px!important;
  font-size:16px!important;
  color:#37d89c!important;
}
.sidebar-wallet a{
  margin-top:8px!important;
  padding:8px 7px!important;
  border-radius:5px!important;
  font-size:9px!important;
  background:#2a1748!important;
  border-color:#4c287e!important;
}

.sidebar-user-card{
  position:relative!important;
  grid-template-columns:37px 1fr 12px!important;
  margin:0!important;
  padding:9px!important;
  min-height:62px!important;
  border:1px solid #202a37!important;
  border-radius:8px!important;
  background:#0a1018!important;
}
.sidebar-mini-avatar{
  width:37px!important;
  height:37px!important;
}
.sidebar-user-card b{font-size:11px!important}
.sidebar-user-card small{font-size:9px!important}
.sidebar-user-more{
  color:#697588;
  font-size:17px;
  line-height:1;
  align-self:start;
  margin-top:1px;
}
.sidebar-xp{
  height:2px!important;
  margin:-18px 11px 0 57px!important;
  position:relative;
  z-index:2;
}
.sidebar-logout{
  min-height:34px!important;
  padding:0 8px!important;
  font-size:10px!important;
  color:#a3adbb!important;
}

/* ---------- TOPBAR ---------- */
.app-topbar{
  left:170px!important;
  height:51px!important;
  padding:0 20px!important;
  gap:10px!important;
  background:#070a10!important;
  border-bottom:1px solid #181f2a!important;
  box-shadow:none!important;
}
.topbar-submit{
  min-height:34px!important;
  padding:0 12px!important;
  gap:7px!important;
  border-radius:5px!important;
  background:#171026!important;
  border-color:#3b2564!important;
  color:#cdbdff!important;
  font-size:10px!important;
}
.topbar-bell{
  width:34px!important;
  height:34px!important;
  color:#a6afbd!important;
  text-decoration:none!important;
}
.topbar-user-menu{
  position:relative;
}
.topbar-user-menu>summary{
  list-style:none;
}
.topbar-user-menu>summary::-webkit-details-marker{display:none}
.topbar-user{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:36px!important;
  padding:0 2px!important;
  color:#f4f6f8!important;
  cursor:pointer!important;
  user-select:none;
}
.topbar-user-avatar{
  width:32px!important;
  height:32px!important;
  border:1px solid #5b3d91!important;
}
.topbar-user b{
  font-size:11px!important;
  font-weight:750!important;
}
.topbar-chevron{
  color:#8792a2;
  font-size:13px;
  margin-left:1px;
}
.topbar-user-dropdown{
  position:absolute;
  top:43px;
  right:0;
  z-index:160;
  width:175px;
  padding:6px;
  border:1px solid #273246;
  border-radius:7px;
  background:#0b1119;
  box-shadow:0 18px 48px rgba(0,0,0,.55);
}
.topbar-user-dropdown a{
  display:flex;
  min-height:34px;
  align-items:center;
  padding:0 9px;
  border-radius:5px;
  color:#abb6c5;
  text-decoration:none;
  font-size:9px;
  font-weight:700;
}
.topbar-user-dropdown a:hover{background:#131b27;color:#fff}
.topbar-user-dropdown a.danger{color:#db8292}

/* ---------- MAIN ---------- */
.app-main{
  margin-left:170px!important;
  padding-top:51px!important;
  background:#070a10!important;
}
.dashboard-profile-page,
.premium-profile-shell{
  width:100%!important;
  max-width:none!important;
  background:#070a10!important;
}

/* ---------- HERO PERFIL ---------- */
.hub-profile-hero{
  height:235px!important;
  min-height:235px!important;
  overflow:hidden!important;
  border-bottom:1px solid #1a2430!important;
  background:#080b10!important;
}
.hub-profile-content{
  width:100%!important;
  max-width:none!important;
  height:235px!important;
  min-height:235px!important;
  margin:0!important;
  padding:18px 42px 8px!important;
  box-sizing:border-box!important;
  grid-template-columns:190px minmax(360px,1fr) 160px 245px!important;
  gap:24px!important;
  align-items:center!important;
  transform:translateY(7px);
}
.hub-avatar{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.hub-avatar .cosmetic-avatar-hero{
  width:188px!important;
  height:188px!important;
}
.hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{
  width:151px!important;
  height:151px!important;
}
.hub-identity{
  align-self:center!important;
  max-width:650px!important;
}
.hub-identity h1{
  margin:0 0 13px!important;
  font-size:27px!important;
  line-height:1.04!important;
  letter-spacing:-.025em!important;
}
.hub-email{display:none!important}
.hub-level-line{
  gap:9px!important;
  margin:0!important;
}
.hub-level-ring{
  width:40px!important;
  height:40px!important;
  border-width:2px!important;
}
.hub-level-line b{font-size:11px!important}
.hub-level-line small{font-size:9px!important}
.hub-bio{
  margin:14px 0 7px!important;
  max-width:610px!important;
  color:#c5ccd7!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.hub-role-row span{
  padding:3px 6px!important;
  font-size:8px!important;
}
.hub-actions{
  display:grid!important;
  gap:8px!important;
  align-content:center!important;
}
.hub-primary-btn,.hub-secondary-btn{
  min-height:35px!important;
  border-radius:5px!important;
  font-size:9px!important;
}
.hub-highlights{
  width:245px!important;
  box-sizing:border-box!important;
  padding:13px 14px!important;
  border:1px solid #242e3c!important;
  border-radius:7px!important;
  background:rgba(7,10,15,.86)!important;
  backdrop-filter:blur(8px)!important;
}
.hub-highlights h3{
  margin:0 0 6px!important;
  font-size:10px!important;
}
.hub-highlights>div{
  min-height:31px!important;
  padding:7px 0!important;
  font-size:9px!important;
}
.hub-highlights b{font-size:10px!important}

/* ---------- TABS PERFIL ---------- */
.hub-tabs{
  height:47px!important;
  padding:0 36px!important;
  gap:1px!important;
  align-items:stretch!important;
  background:#080c12!important;
  border-bottom:1px solid #1b2634!important;
}
.hub-tabs a{
  padding:0 17px!important;
  border-bottom:2px solid transparent!important;
  color:#a7b0bd!important;
  font-size:10px!important;
}
.hub-tabs a.active{
  color:#d1b9ff!important;
  border-color:#8b5cf6!important;
}

/* ---------- INVENTÁRIO ---------- */
.dashboard-page-content,
.premium-inventory-v232{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:36px!important;
  padding-right:36px!important;
}
.premium-inventory-v232{
  padding-top:25px!important;
  padding-bottom:52px!important;
}
.premium-inventory-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin-bottom:14px!important;
}
.premium-inventory-heading h2{
  margin:0 0 4px!important;
  font-size:19px!important;
  line-height:1.1!important;
}
.premium-inventory-heading p{
  margin:0!important;
  color:#858f9e!important;
  font-size:10px!important;
}
.inventory-global-filters{
  display:flex!important;
  gap:7px!important;
  align-items:center!important;
  margin-top:0!important;
}
.inventory-global-filters button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  height:34px!important;
  padding:0 13px!important;
  border:1px solid #202936!important;
  border-radius:5px!important;
  background:#0b1018!important;
  color:#949eac!important;
  font-size:9px!important;
  font-weight:600!important;
}
.inventory-global-filters button svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.inventory-global-filters button.active{
  color:#fff!important;
  border-color:#5f3c90!important;
  background:#0c1017!important;
}

.premium-kind-tabs{
  display:flex!important;
  gap:0!important;
  width:max-content!important;
  height:42px!important;
  margin:0 0 23px!important;
  padding:0!important;
  border:1px solid #171f2b!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#090e15!important;
}
.premium-kind-tabs button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-width:0!important;
  height:42px!important;
  padding:0 17px!important;
  border:0!important;
  border-right:1px solid #171f2b!important;
  border-radius:0!important;
  background:#0a0f17!important;
  color:#9ca6b4!important;
  font-size:9px!important;
  font-weight:600!important;
}
.premium-kind-tabs button:last-child{border-right:0!important}
.premium-kind-tabs button svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.premium-kind-tabs button:nth-child(1) svg{color:#678cff}
.premium-kind-tabs button:nth-child(2) svg{color:#b9c0ca}
.premium-kind-tabs button:nth-child(3) svg{color:#b85cff}
.premium-kind-tabs button:nth-child(4) svg{color:#f0b700}
.premium-kind-tabs button.active{
  color:#d6c2ff!important;
  background:linear-gradient(90deg,#161426,#12111e)!important;
}
.premium-kind-tabs button.active svg{filter:drop-shadow(0 0 5px currentColor)}

.premium-section-heading{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  margin:0 0 12px!important;
}
.premium-section-heading>div{
  display:flex!important;
  align-items:baseline!important;
  gap:12px!important;
}
.premium-section-heading h3{
  margin:0!important;
  font-size:16px!important;
  font-weight:700!important;
}
.premium-section-heading span{
  color:#7e8897!important;
  font-size:9px!important;
}
.frame-view-all{
  border:0;
  background:none;
  color:#b980ff;
  font-size:9px;
  cursor:pointer;
}

.premium-wallpaper-grid,
.premium-frame-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}
.premium-gallery-card{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #283343!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,#0c121b,#090e15)!important;
  box-shadow:none!important;
}
.premium-gallery-card:hover{
  transform:translateY(-1px)!important;
  border-color:#4c3a6c!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}
.premium-gallery-card .cosmetic-thumb{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/6.35!important;
  border:0!important;
  border-bottom:1px solid #202a37!important;
  border-radius:0!important;
  background:#070b11!important;
}
.premium-gallery-card .cosmetic-thumb img,
.premium-gallery-card .cosmetic-thumb video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
}
.premium-gallery-card .premium-card-body{
  padding:9px 11px 11px!important;
}
.premium-badges{
  min-height:18px!important;
  gap:4px!important;
}
.premium-badges span{
  padding:3px 5px!important;
  border-radius:4px!important;
  font-size:7px!important;
  line-height:1!important;
}
.premium-gallery-card .premium-card-body h4{
  margin:7px 0 10px!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.premium-two-actions{
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.premium-two-actions>a,
.equip-dropdown>summary,
.premium-two-actions .is-equipped,
.premium-two-actions .locked-level{
  min-height:32px!important;
  border-radius:4px!important;
  font-size:8px!important;
}
.premium-two-actions>a:first-child{
  background:#0c121b!important;
  border-color:#344052!important;
  color:#c5ccd6!important;
}
.equip-dropdown>summary{
  background:linear-gradient(135deg,#7d3ee7,#6d28d9)!important;
  border-color:#7d43da!important;
}

.inventory-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:15px 0 31px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid #181f2a!important;
}
.inventory-pagination[hidden]{display:none!important}
.inventory-pagination>button,
.inventory-pagination span button{
  min-width:26px!important;
  width:26px!important;
  height:26px!important;
  padding:0!important;
  border:1px solid #202a38!important;
  border-radius:5px!important;
  background:#0a0f16!important;
  color:#7f8997!important;
  font-size:9px!important;
}
.inventory-pagination span button.active{
  border-color:#7141c8!important;
  background:#6e32d6!important;
  color:#fff!important;
}

/* Molduras começam logo depois do divisor, igual ao recorte. */
.frame-section-heading{
  margin-top:0!important;
}

/* Wallpaper do site nunca compete com a tela do inventário. */
body.has-site-wallpaper .dashboard-profile-page,
body.has-site-wallpaper .premium-profile-shell,
body.has-site-wallpaper .premium-profile-shell .dashboard-page-content{
  background:#070a10!important;
}
.site-user-wallpaper{opacity:.08!important}

/* ---------- BREAKPOINTS ---------- */
@media(max-width:1500px){
  .hub-profile-content{
    padding-left:34px!important;
    padding-right:34px!important;
    grid-template-columns:180px minmax(310px,1fr) 155px 225px!important;
    gap:20px!important;
  }
  .hub-avatar .cosmetic-avatar-hero{width:176px!important;height:176px!important}
  .hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{width:141px!important;height:141px!important}
  .hub-highlights{width:225px!important}
  .dashboard-page-content,.premium-inventory-v232{padding-left:30px!important;padding-right:30px!important}
}
@media(max-width:1180px){
  .hub-profile-content{grid-template-columns:160px 1fr 155px!important}
  .hub-highlights{display:none!important}
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:930px){
  :root{--sidebar-w:0px}
  .app-topbar{left:0!important}
  .app-main{margin-left:0!important}
  .hub-profile-content{grid-template-columns:145px 1fr!important}
  .hub-actions{grid-column:1/-1!important;grid-template-columns:1fr 1fr!important}
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .premium-inventory-heading{flex-direction:column!important;align-items:flex-start!important}
  .inventory-global-filters{flex-wrap:wrap!important}
  .premium-kind-tabs{width:100%!important;overflow-x:auto!important}
  .premium-kind-tabs button{flex:0 0 auto!important}
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .hub-profile-hero{height:auto!important;min-height:0!important}
  .hub-profile-content{
    height:auto!important;min-height:0!important;transform:none!important;
    padding:22px 14px!important;grid-template-columns:1fr!important;text-align:center!important
  }
  .hub-actions{grid-template-columns:1fr!important}
  .hub-level-line,.hub-role-row{justify-content:center!important}
  .hub-bio{margin-left:auto!important;margin-right:auto!important}
  .hub-tabs{padding:0 8px!important;overflow-x:auto!important}
  .hub-tabs a{padding:0 11px!important;white-space:nowrap!important}
  .dashboard-page-content,.premium-inventory-v232{padding-left:14px!important;padding-right:14px!important}
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:1fr!important}
}


/* V23.4.1 — Hotfix avatar quadrado no hero do perfil */
.hub-avatar .cosmetic-avatar-wrap,
.hub-avatar .cosmetic-avatar-wrap:before,
.hub-avatar .cosmetic-avatar-wrap:after{border-radius:24px!important;}
.hub-avatar .cosmetic-avatar-core{
  width:160px!important;
  height:160px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:2px solid rgba(255,255,255,.14)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}
.hub-avatar .cosmetic-avatar-core img{border-radius:22px!important;}
.hub-avatar .cosmetic-avatar-core span{font-size:46px!important;}
.hub-avatar .cosmetic-frame-media{object-fit:contain!important;}
.hub-avatar .cosmetic-avatar-hero{width:190px!important;height:190px!important;}
.hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{width:160px!important;height:160px!important;}
@media(max-width:1500px){
  .hub-avatar .cosmetic-avatar-hero{width:184px!important;height:184px!important;}
  .hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{width:154px!important;height:154px!important;}
}
@media(max-width:1180px){
  .hub-avatar .cosmetic-avatar-hero{width:172px!important;height:172px!important;}
  .hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{width:146px!important;height:146px!important;}
}
@media(max-width:520px){
  .hub-avatar .cosmetic-avatar-hero{width:156px!important;height:156px!important;}
  .hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{width:132px!important;height:132px!important;}
}
\n\n/* V23.4.2 — perfil completo, subpáginas e estados bloqueados */\n.profile-subpage-back{max-width:1120px;margin:24px auto -16px;padding:0 24px;position:relative;z-index:2}\n.profile-back-link{display:inline-flex;align-items:center;gap:7px;color:#a98bff;text-decoration:none;font-size:12px;font-weight:750}\n.profile-back-link:hover{color:#d3c4ff}\n.profile-edit-hero .profile-back-link{display:block;margin-bottom:16px}\n.customize-v2342{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:18px!important;align-items:start!important}\n.customize-v2342 .customize-preview{position:sticky;top:76px}\n.customize-editor-stack{display:grid;gap:14px}\n.customize-card{border:1px solid #273244;border-radius:10px;background:#0c121b;padding:18px;display:grid;gap:14px}\n.customize-card-head h2{margin:3px 0 3px;font-size:18px}.customize-card-head p{margin:0;color:#8490a1;font-size:11px}\n.avatar-edit-form{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px}.avatar-edit-form input{min-height:40px}.avatar-edit-form button{border:0;border-radius:6px;background:#7c4dff;color:#fff;font-weight:800}\n.complete-customize-form{display:grid!important;gap:14px!important}.complete-customize-form>.customize-card{margin:0!important}.customize-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.locked-custom-field{opacity:.62}.locked-custom-field small,.custom-lock-note{color:#a68bbf;font-size:10px}.locked-custom-section{opacity:.68}\n.customize-submit-row{display:flex;align-items:center;gap:10px}.customize-submit-row button{flex:1;min-height:42px;border:0;border-radius:6px;background:linear-gradient(90deg,#7c4dff,#946dff);color:#fff;font-weight:850}.customize-submit-row a{min-height:42px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid #354155;border-radius:6px;color:#c0c8d3;text-decoration:none}\n.full-preview-link{width:100%;justify-content:center;margin-top:12px}\n@media(max-width:900px){.customize-v2342{grid-template-columns:1fr!important}.customize-v2342 .customize-preview{position:static}.customize-two-col{grid-template-columns:1fr}.avatar-edit-form{grid-template-columns:1fr}.customize-submit-row{flex-direction:column}.customize-submit-row>*{width:100%;justify-content:center}}\n
/* =========================================================
   V23.4.3 — Perfil otimizado para fundos PNG reais
   ========================================================= */
.hub-profile-hero{
  height:clamp(260px,28vw,340px)!important;
  min-height:clamp(260px,28vw,340px)!important;
}
.hub-profile-content{
  height:auto!important;
  min-height:clamp(260px,28vw,340px)!important;
  padding:22px 42px 14px!important;
  align-items:center!important;
}
.hub-profile-hero .profile-cosmetic-background,
.hub-profile-hero .profile-cosmetic-background .cosmetic-thumb,
.hub-profile-hero .profile-cosmetic-background picture{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.hub-profile-hero .profile-cosmetic-background img,
.hub-profile-hero .profile-cosmetic-background video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  image-rendering:auto!important;
}
.hub-profile-overlay{
  background:
    linear-gradient(90deg,rgba(4,7,12,.70) 0%,rgba(4,7,12,.22) 43%,rgba(4,7,12,.58) 100%),
    linear-gradient(180deg,rgba(4,7,12,.04) 0%,rgba(4,7,12,.30) 60%,rgba(4,7,12,.68) 100%)!important;
}

/* =========================================================
   V23.4.4 — INVENTÁRIO GRANDE / IMAGENS EM DESTAQUE
   Remove o limite que encolhia a página e aumenta os cards.
   ========================================================= */
.inventory-dashboard.premium-inventory-v232,
.premium-inventory-v232{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:34px!important;
  padding-right:34px!important;
  box-sizing:border-box!important;
}

.premium-wallpaper-grid{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}

.premium-gallery-card{
  width:100%!important;
  min-width:0!important;
}

.premium-gallery-card .cosmetic-thumb{
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}

.premium-gallery-card .cosmetic-thumb img,
.premium-gallery-card .cosmetic-thumb video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  image-rendering:auto!important;
  filter:none!important;
}

.premium-gallery-card .premium-card-body{
  padding:12px 14px 14px!important;
}
.premium-gallery-card .premium-card-body h4{
  margin:8px 0 12px!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.premium-badges span{
  font-size:8px!important;
  padding:4px 6px!important;
}
.premium-two-actions>a,
.equip-dropdown>summary,
.premium-two-actions .is-equipped,
.premium-two-actions .locked-level{
  min-height:38px!important;
  font-size:9px!important;
}

/* Molduras continuam menores/quadradas; o aumento acima é focado nos wallpapers. */
.premium-frame-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
}
.premium-gallery-card.frame-card .cosmetic-thumb{
  aspect-ratio:1/1!important;
}

/* Responsivo sem voltar a deixar minúsculo em telas largas. */
@media(max-width:1500px){
  .premium-wallpaper-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .premium-frame-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1050px){
  .premium-wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premium-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .inventory-dashboard.premium-inventory-v232,
  .premium-inventory-v232{padding-left:16px!important;padding-right:16px!important}
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:1fr!important}
}

/* =========================================================
   V23.4.5 — CORREÇÃO: aumenta SOMENTE o topo do perfil
   e restaura o inventário ao tamanho compacto anterior.
   ========================================================= */

/* TOPO / BANNER DO PERFIL — MAIOR */
.hub-profile-hero{
  height:360px!important;
  min-height:360px!important;
}
.hub-profile-content{
  height:360px!important;
  min-height:360px!important;
  padding:30px 44px 18px!important;
  grid-template-columns:225px minmax(380px,1fr) 180px 255px!important;
  gap:28px!important;
  align-items:center!important;
  transform:none!important;
}
.hub-avatar .cosmetic-avatar-hero{
  width:220px!important;
  height:220px!important;
}
.hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{
  width:184px!important;
  height:184px!important;
}
.hub-identity h1{
  font-size:31px!important;
  margin-bottom:15px!important;
}
.hub-level-ring{
  width:44px!important;
  height:44px!important;
}
.hub-bio{
  margin-top:16px!important;
  font-size:11px!important;
}
.hub-primary-btn,.hub-secondary-btn{
  min-height:40px!important;
  font-size:10px!important;
}
.hub-highlights{
  width:255px!important;
  padding:15px 16px!important;
}

/* RESTAURA INVENTÁRIO — NÃO DEIXAR OS CARDS GIGANTES */
.inventory-dashboard.premium-inventory-v232,
.premium-inventory-v232{
  width:100%!important;
  max-width:1365px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:30px!important;
  padding-right:30px!important;
  box-sizing:border-box!important;
}
.premium-wallpaper-grid,
.premium-frame-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}
.premium-gallery-card .cosmetic-thumb{
  aspect-ratio:16/6.35!important;
  width:100%!important;
  height:auto!important;
}
.premium-gallery-card.frame-card .cosmetic-thumb{
  aspect-ratio:1/1!important;
}
.premium-gallery-card .premium-card-body{
  padding:9px 11px 11px!important;
}
.premium-gallery-card .premium-card-body h4{
  margin:6px 0 8px!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.premium-badges span{
  font-size:7px!important;
  padding:3px 5px!important;
}
.premium-two-actions>a,
.equip-dropdown>summary,
.premium-two-actions .is-equipped,
.premium-two-actions .locked-level{
  min-height:31px!important;
  font-size:8px!important;
}

@media(max-width:1500px){
  .hub-profile-hero{height:330px!important;min-height:330px!important}
  .hub-profile-content{
    height:330px!important;min-height:330px!important;
    grid-template-columns:205px minmax(330px,1fr) 165px 230px!important;
    padding-left:34px!important;padding-right:34px!important;
  }
  .hub-avatar .cosmetic-avatar-hero{width:200px!important;height:200px!important}
  .hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{width:168px!important;height:168px!important}
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1180px){
  .hub-profile-hero{height:310px!important;min-height:310px!important}
  .hub-profile-content{
    height:310px!important;min-height:310px!important;
    grid-template-columns:180px 1fr 160px!important;
  }
  .hub-highlights{display:none!important}
  .hub-avatar .cosmetic-avatar-hero{width:176px!important;height:176px!important}
  .hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{width:148px!important;height:148px!important}
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:930px){
  .hub-profile-hero{height:auto!important;min-height:300px!important}
  .hub-profile-content{
    height:auto!important;min-height:300px!important;
    grid-template-columns:160px 1fr!important;
  }
  .hub-actions{grid-column:1/-1!important;grid-template-columns:1fr 1fr!important}
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .hub-profile-hero{height:auto!important;min-height:0!important}
  .hub-profile-content{height:auto!important;min-height:0!important;grid-template-columns:1fr!important}
  .premium-wallpaper-grid,.premium-frame-grid{grid-template-columns:1fr!important}
}

/* =========================================================
   V23.4.6 — PERFIL IGUAL À REFERÊNCIA ENVIADA
   IMPORTANTE: altera SOMENTE o topo do perfil e as abas.
   O inventário permanece no tamanho compacto já restaurado.
   ========================================================= */

/* Banner do perfil: mesma proporção visual da referência */
.hub-profile-hero{
  position:relative!important;
  height:235px!important;
  min-height:235px!important;
  overflow:hidden!important;
  border-bottom:1px solid #1a2430!important;
  background:#080b10!important;
}

.hub-profile-hero .profile-cosmetic-background,
.hub-profile-hero .profile-cosmetic-background .cosmetic-thumb,
.hub-profile-hero .profile-cosmetic-background picture{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}

.hub-profile-hero .profile-cosmetic-background img,
.hub-profile-hero .profile-cosmetic-background video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  image-rendering:auto!important;
}

.hub-profile-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(4,7,12,.60) 0%,rgba(4,7,12,.12) 47%,rgba(4,7,12,.52) 100%),
    linear-gradient(180deg,rgba(4,7,12,.02) 0%,rgba(4,7,12,.12) 56%,rgba(4,7,12,.42) 100%)!important;
}

/* Estrutura: avatar | identidade | ações | destaques */
.hub-profile-content{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  max-width:none!important;
  height:235px!important;
  min-height:235px!important;
  margin:0!important;
  padding:18px 42px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:190px minmax(380px,1fr) 160px 245px!important;
  gap:24px!important;
  align-items:center!important;
  transform:none!important;
}

/* Avatar quadrado grande, como no mockup */
.hub-avatar{
  width:190px!important;
  height:190px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
}
.hub-avatar .cosmetic-avatar-hero{
  width:188px!important;
  height:188px!important;
}
.hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{
  width:154px!important;
  height:154px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.hub-avatar .cosmetic-avatar-core img{
  border-radius:22px!important;
}

/* Bloco central */
.hub-identity{
  align-self:center!important;
  max-width:650px!important;
  min-width:0!important;
}
.hub-identity h1{
  margin:0 0 12px!important;
  font-size:28px!important;
  line-height:1.04!important;
  letter-spacing:-.025em!important;
}
.hub-email{
  display:none!important;
}
.hub-level-line{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
}
.hub-level-ring{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-width:2px!important;
}
.hub-level-line b{font-size:11px!important}
.hub-level-line small{font-size:9px!important}
.hub-bio{
  margin:13px 0 7px!important;
  max-width:610px!important;
  color:#c5ccd7!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.hub-role-row span{
  padding:3px 6px!important;
  font-size:8px!important;
}

/* Botões */
.hub-actions{
  width:160px!important;
  display:grid!important;
  gap:8px!important;
  align-content:center!important;
  align-self:center!important;
}
.hub-primary-btn,
.hub-secondary-btn{
  width:100%!important;
  min-height:36px!important;
  border-radius:5px!important;
  font-size:9px!important;
  box-sizing:border-box!important;
}

/* Card de destaques */
.hub-highlights{
  width:245px!important;
  min-width:245px!important;
  align-self:center!important;
  box-sizing:border-box!important;
  padding:13px 14px!important;
  border:1px solid #242e3c!important;
  border-radius:7px!important;
  background:rgba(7,10,15,.86)!important;
  backdrop-filter:blur(8px)!important;
}
.hub-highlights h3{
  margin:0 0 6px!important;
  font-size:10px!important;
}
.hub-highlights>div{
  min-height:31px!important;
  padding:7px 0!important;
  font-size:9px!important;
}
.hub-highlights b{font-size:10px!important}

/* Abas imediatamente abaixo do banner */
.hub-tabs{
  height:47px!important;
  min-height:47px!important;
  padding:0 36px!important;
  gap:1px!important;
  align-items:stretch!important;
  background:#080c12!important;
  border-bottom:1px solid #1b2634!important;
}
.hub-tabs a{
  padding:0 17px!important;
  border-bottom:2px solid transparent!important;
  color:#a7b0bd!important;
  font-size:10px!important;
}
.hub-tabs a.active{
  color:#d1b9ff!important;
  border-color:#8b5cf6!important;
}

/* Responsivo sem alterar o desktop de referência */
@media(max-width:1300px){
  .hub-profile-content{
    padding-left:30px!important;
    padding-right:30px!important;
    grid-template-columns:180px minmax(300px,1fr) 150px 220px!important;
    gap:18px!important;
  }
  .hub-avatar{width:180px!important;height:180px!important}
  .hub-avatar .cosmetic-avatar-hero{width:178px!important;height:178px!important}
  .hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{width:146px!important;height:146px!important}
  .hub-actions{width:150px!important}
  .hub-highlights{width:220px!important;min-width:220px!important}
}
@media(max-width:1050px){
  .hub-profile-hero{height:auto!important;min-height:260px!important}
  .hub-profile-content{
    height:auto!important;
    min-height:260px!important;
    grid-template-columns:170px minmax(0,1fr) 170px!important;
    padding-top:22px!important;
    padding-bottom:22px!important;
  }
  .hub-highlights{display:none!important}
  .hub-actions{width:170px!important}
}
@media(max-width:760px){
  .hub-profile-content{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .hub-avatar,.hub-actions{margin-left:auto!important;margin-right:auto!important}
  .hub-level-line,.hub-role-row{justify-content:center!important}
  .hub-bio{margin-left:auto!important;margin-right:auto!important}
  .hub-tabs{overflow-x:auto!important;padding:0 14px!important}
}

/* =========================================================
   V23.4.7 — CORREÇÃO REAL DO BANNER
   O problema era a altura curta do hero + object-fit: cover.
   Aumenta SOMENTE o banner/perfil para mostrar muito mais da arte 16:9.
   Inventário e cards não são alterados.
   ========================================================= */
.hub-profile-hero{
  height:clamp(380px,31vw,500px)!important;
  min-height:clamp(380px,31vw,500px)!important;
}

.hub-profile-content{
  height:clamp(380px,31vw,500px)!important;
  min-height:clamp(380px,31vw,500px)!important;
  padding-top:28px!important;
  padding-bottom:28px!important;
}

/* Mantém proporção da imagem sem aplicar escala/zoom extra. */
.hub-profile-hero .profile-cosmetic-background img,
.hub-profile-hero .profile-cosmetic-background video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 45%!important;
  transform:none!important;
  scale:1!important;
  filter:none!important;
}

/* Overlay mais leve para a arte não parecer apagada. */
.hub-profile-overlay{
  background:
    linear-gradient(90deg,rgba(4,7,12,.40) 0%,rgba(4,7,12,.06) 48%,rgba(4,7,12,.38) 100%),
    linear-gradient(180deg,rgba(4,7,12,.00) 0%,rgba(4,7,12,.05) 56%,rgba(4,7,12,.32) 100%)!important;
}

/* Perfil continua bem distribuído dentro do banner maior. */
.hub-avatar{
  width:210px!important;
  height:210px!important;
}
.hub-avatar .cosmetic-avatar-hero{
  width:208px!important;
  height:208px!important;
}
.hub-avatar .cosmetic-avatar-hero .cosmetic-avatar-core{
  width:170px!important;
  height:170px!important;
}

@media(max-width:1050px){
  .hub-profile-hero{
    height:clamp(340px,45vw,460px)!important;
    min-height:clamp(340px,45vw,460px)!important;
  }
  .hub-profile-content{
    height:auto!important;
    min-height:clamp(340px,45vw,460px)!important;
  }
}

@media(max-width:760px){
  .hub-profile-hero{
    height:auto!important;
    min-height:420px!important;
  }
  .hub-profile-content{
    min-height:420px!important;
  }
}