:root{--bg:#080b11;--panel:#10151e;--panel2:#141b27;--text:#f4f6fb;--muted:#8994a6;--line:#232c3a;--accent:#7367ff;--accent2:#9a91ff;--good:#45d99a;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(115,103,255,.18),transparent 38%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-shell{min-height:100vh}.site-header{height:76px;display:flex;align-items:center;gap:28px;padding:0 max(26px,calc((100vw - 1280px)/2));border-bottom:1px solid rgba(255,255,255,.06);background:rgba(8,11,17,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.site-brand{display:flex;align-items:center;gap:11px;min-width:max-content}.site-brand>span:last-child{display:grid}.site-brand strong{font-size:14px}.site-brand small{color:var(--muted);font-size:10px;margin-top:2px}.site-logo{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#5146dc);box-shadow:0 10px 30px rgba(115,103,255,.25);font-weight:950}.site-logo.large{width:50px;height:50px;border-radius:15px;font-size:20px}.site-nav{display:flex;gap:6px;flex:1}.site-nav a{padding:9px 12px;color:#9aa5b6;border-radius:10px;font-size:13px;font-weight:700}.site-nav a:hover,.site-nav a.active{color:#fff;background:#141a25}.site-actions{display:flex;gap:9px}.btn{border:1px solid var(--line);border-radius:11px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:12px;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#6054e8);border-color:transparent;color:#fff;box-shadow:0 10px 30px rgba(115,103,255,.19)}.btn-ghost{background:#111722;color:#e4e8ef}.btn-large{padding:13px 18px;font-size:13px;border-radius:13px}.mobile-nav{display:none;margin-left:auto;border:1px solid var(--line);background:#111722;color:white;border-radius:10px;padding:8px 11px}.public-view{width:min(1280px,calc(100% - 44px));margin:auto}.hero-section{min-height:660px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;padding:86px 0 72px}.eyebrow{display:inline-block;color:#9d95ff;font-size:10px;font-weight:900;letter-spacing:.14em;margin-bottom:18px}.hero-copy h1,.page-hero h1{font-size:clamp(44px,6.3vw,80px);line-height:.99;letter-spacing:-.052em;margin:0;max-width:760px}.hero-copy h1 span{background:linear-gradient(100deg,#fff,#a49cff 64%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:620px;color:#9ba5b5;line-height:1.75;font-size:16px;margin:24px 0}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-copy .oauth-note{font-size:11px;color:#657083;margin-top:15px}.hero-panel{display:flex;justify-content:center}.bot-card{width:min(520px,100%);padding:24px;border:1px solid #293244;border-radius:25px;background:linear-gradient(145deg,rgba(20,27,39,.97),rgba(11,15,23,.97));box-shadow:0 34px 100px rgba(0,0,0,.42);position:relative;overflow:hidden}.bot-card:before{content:"";position:absolute;inset:-100px auto auto -80px;width:280px;height:280px;border-radius:50%;background:rgba(115,103,255,.16);filter:blur(35px)}.bot-card>*{position:relative}.bot-card-head{display:flex;align-items:center;gap:13px;padding-bottom:22px;border-bottom:1px solid var(--line)}.bot-card-head div{display:grid;gap:4px}.bot-card-head small{color:var(--muted);font-size:11px}.online-dot{margin-left:auto;width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px rgba(69,217,154,.09)}.bot-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.bot-card-grid div{padding:16px;border:1px solid var(--line);background:#0d121b;border-radius:15px}.bot-card-grid strong{display:block;font-size:21px}.bot-card-grid span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.bot-card-status{margin-top:15px;color:#7f8b9c;font-size:10px;display:flex;align-items:center;gap:7px}.bot-card-status span{width:6px;height:6px;border-radius:50%;background:var(--good)}.section-block{padding:80px 0 110px}.section-heading{max-width:750px;margin-bottom:32px}.section-heading>span{color:#9189ff;font-size:10px;font-weight:900;letter-spacing:.13em}.section-heading h2,.cta-panel h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;margin:10px 0}.section-heading p,.cta-panel p{color:var(--muted);line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-grid article,.preview-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#101620,#0c1119);padding:22px;border-radius:18px;min-height:190px}.feature-grid i{width:38px;height:38px;border:1px solid #383163;background:rgba(115,103,255,.1);display:grid;place-items:center;border-radius:11px;color:#b8b2ff;font-style:normal;font-weight:950}.feature-grid h3,.preview-grid h3{margin:22px 0 8px;font-size:16px}.feature-grid p,.preview-grid p{color:#8490a2;font-size:12px;line-height:1.65;margin:0}.feature-grid-large{padding-bottom:100px}.cta-panel{margin:30px auto 100px;padding:34px;border:1px solid #302d53;background:linear-gradient(135deg,rgba(115,103,255,.12),rgba(16,21,30,.96));border-radius:23px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-panel h2{font-size:30px;margin:6px 0}.cta-panel p{margin:0}.page-hero{padding:100px 0 46px}.page-hero h1{font-size:clamp(42px,5vw,66px);max-width:850px}.page-hero p{max-width:700px;color:var(--muted);font-size:14px;line-height:1.7}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:100px}.preview-grid article{min-height:220px}.preview-icon{width:48px;height:48px;border-radius:14px;background:#171e2a;border:1px solid var(--line);display:grid;place-items:center;font-weight:950}.preview-grid b{display:inline-block;margin-top:20px;color:#9d95ff;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.empty-product{margin-bottom:100px;border:1px dashed #303a4b;background:#0e131c;border-radius:22px;padding:70px 24px;text-align:center}.empty-product>span{font-size:38px}.empty-product h3{font-size:22px;margin:16px 0 8px}.empty-product p{color:var(--muted);max-width:580px;margin:0 auto 22px;line-height:1.65}.site-footer{width:min(1280px,calc(100% - 44px));margin:auto;border-top:1px solid var(--line);min-height:110px;display:flex;align-items:center;gap:18px;color:#768294;font-size:11px}.site-footer>span{color:#fff;font-weight:900}.site-footer p{flex:1}.site-footer a{color:#aaa4ff;font-weight:800}.site-toast{position:fixed;right:24px;bottom:24px;max-width:420px;padding:13px 16px;background:#151c27;border:1px solid #343e50;border-radius:13px;color:#e9edf4;font-size:12px;box-shadow:0 18px 50px rgba(0,0,0,.4);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:90}.site-toast.show{opacity:1;transform:none}@media(max-width:900px){.site-nav,.site-actions{display:none}.site-header.open{height:auto;min-height:76px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.site-header.open .site-nav,.site-header.open .site-actions{display:flex;width:100%}.site-header.open .site-nav{flex-direction:column}.site-header.open .site-actions{padding-top:8px}.mobile-nav{display:block}.hero-section{grid-template-columns:1fr;gap:35px;padding-top:65px}.hero-panel{justify-content:flex-start}.feature-grid,.preview-grid{grid-template-columns:1fr 1fr}.cta-panel{align-items:flex-start;flex-direction:column}}@media(max-width:590px){.site-header{padding-left:18px;padding-right:18px}.public-view,.site-footer{width:calc(100% - 28px)}.hero-section{min-height:auto;padding-bottom:54px}.hero-copy h1{font-size:47px}.feature-grid,.preview-grid{grid-template-columns:1fr}.bot-card{padding:17px}.cta-panel{padding:24px}.site-footer{align-items:flex-start;flex-direction:column;padding:30px 0}.site-footer p{margin:0}}
.account-action{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-panel{border:1px solid var(--line);background:linear-gradient(145deg,#101620,#0c1119);border-radius:20px;padding:22px;margin-bottom:90px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-head h2{margin:4px 0 0;font-size:22px}.status-pill{font-size:10px;font-weight:850;color:#a9a2ff;background:rgba(115,103,255,.12);border:1px solid #37305f;padding:7px 10px;border-radius:999px}.account-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.account-stat-grid article{padding:19px;border:1px solid var(--line);border-radius:17px;background:#0e141d}.account-stat-grid span,.account-stat-grid small{display:block;color:var(--muted);font-size:10px}.account-stat-grid strong{display:block;font-size:23px;margin:8px 0 5px}.transaction-list{display:grid;gap:9px}.transaction-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:14px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#0c121a}.transaction-row>div:nth-child(2){display:grid;gap:4px}.transaction-row strong{font-size:12px}.transaction-row small,.transaction-row>span{color:var(--muted);font-size:10px}.transaction-amount{font-size:12px;font-weight:900}.transaction-amount.positive{color:var(--good)}.transaction-amount.negative{color:#ff7d91}.leaderboard-toolbar{display:flex;gap:8px;margin-bottom:14px}.metric-tab{border:1px solid var(--line);background:#101722;color:#9aa5b6;border-radius:11px;padding:10px 14px;font-weight:800;cursor:pointer}.metric-tab.active{color:#fff;border-color:#4a4184;background:rgba(115,103,255,.16)}.leaderboard-panel{display:grid;gap:9px}.leaderboard-row{display:grid;grid-template-columns:48px 42px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#0d131c}.leaderboard-row img,.leaderboard-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#171e2a;display:grid;place-items:center}.leaderboard-row>div{display:grid;gap:3px}.leaderboard-row strong{font-size:13px}.leaderboard-row small{font-size:10px;color:var(--muted)}.leaderboard-row b{font-size:13px;color:#b5afff}.rank-number{color:#778296;font-weight:900}.profile-card{display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:16px;margin-bottom:16px}.profile-avatar{width:84px;height:84px;border-radius:22px;object-fit:cover;background:#111722}.profile-copy h2{margin:0;font-size:24px}.profile-copy p{color:var(--muted);margin:4px 0}.profile-copy code{font-size:10px;color:#707c8f}.profile-balance{text-align:right;align-self:end}.profile-balance span{display:block;color:var(--muted);font-size:10px}.profile-balance strong{display:block;margin-top:4px;font-size:22px}.server-card-list{display:grid;gap:10px}.server-card-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#0d131c}.server-card-row img,.server-card-row .server-avatar-fallback{width:48px;height:48px;border-radius:14px;object-fit:cover;background:#181e2a;display:grid;place-items:center;font-weight:900}.server-card-row>div{display:grid;gap:4px}.server-card-row strong{font-size:13px}.server-card-row small{color:var(--muted);font-size:10px}.empty-inline,.loading-row{padding:28px;text-align:center;color:var(--muted);font-size:12px;border:1px dashed #2c3544;border-radius:13px}.leaderboard-panel .empty-inline{margin:0}.discord-login-link{margin-top:2px}@media(max-width:900px){.account-stat-grid{grid-template-columns:1fr 1fr}.profile-card{grid-template-columns:72px 1fr}.profile-avatar{width:72px;height:72px}.profile-balance{grid-column:1/-1;text-align:left}.transaction-row{grid-template-columns:100px 1fr}.transaction-row>span{grid-column:2}.leaderboard-row{grid-template-columns:38px 38px 1fr auto}.leaderboard-row img,.leaderboard-avatar{width:38px;height:38px}.server-card-row{grid-template-columns:48px 1fr}.server-card-row .btn{grid-column:1/-1}}@media(max-width:590px){.account-stat-grid{grid-template-columns:1fr}.transaction-row{grid-template-columns:1fr}.transaction-row>span{grid-column:auto}.leaderboard-row{grid-template-columns:32px 38px 1fr}.leaderboard-row b{grid-column:3}.profile-card{grid-template-columns:1fr}.profile-balance{grid-column:auto}.server-card-row{grid-template-columns:44px 1fr}.server-card-row img,.server-card-row .server-avatar-fallback{width:44px;height:44px}}
.btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.panel-head p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55;max-width:700px}.streak-panel{margin-bottom:18px}.streak-claim-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--line);background:#0d131c;border-radius:15px}.streak-claim-row>div{display:grid;gap:5px}.streak-claim-row strong{font-size:14px}.streak-claim-row span{color:var(--muted);font-size:11px;line-height:1.55}.reward-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shop-card{display:flex;flex-direction:column;min-height:250px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#0d131c}.shop-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#171e2a;border:1px solid #2a3445;font-size:20px}.shop-copy{flex:1}.shop-type{display:block;margin-top:14px;color:#8f87ff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.shop-card h3{margin:6px 0 7px;font-size:15px}.shop-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.shop-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.shop-footer strong{font-size:13px;color:#c8c4ff}.shop-footer .btn{min-width:88px}.profile-avatar-wrap{width:84px;height:84px;border-radius:24px;padding:3px;display:grid;place-items:center;background:#171e2a}.profile-avatar-wrap .profile-avatar{width:78px;height:78px;border-radius:20px}.profile-avatar-wrap.frame-purple-pulse{background:linear-gradient(135deg,#9d64ff,#5b52ff,#c74dff);box-shadow:0 0 28px rgba(146,87,255,.34)}.profile-avatar-wrap.frame-golden-circuit{background:linear-gradient(135deg,#fff0a8,#dba82f,#fff3bd,#9a7112);box-shadow:0 0 28px rgba(233,184,63,.3)}.profile-cosmetic-line{display:flex!important;gap:7px!important;align-items:center;flex-wrap:wrap}.profile-cosmetic-line span{display:inline-flex!important;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid #323c4e;background:#111722;color:#c8cfe0;font-size:9px;font-weight:800}.profile-cosmetic-line span[hidden]{display:none!important}@media(max-width:900px){.reward-shop-grid{grid-template-columns:1fr 1fr}.streak-claim-row{align-items:flex-start;flex-direction:column}.profile-avatar-wrap{width:72px;height:72px}.profile-avatar-wrap .profile-avatar{width:66px;height:66px}}@media(max-width:590px){.reward-shop-grid{grid-template-columns:1fr}.shop-card{min-height:auto}}

/* V14 account menu: sign-out only lives inside this menu. */
.account-menu{position:relative}.account-menu[hidden]{display:none!important}.account-menu-trigger{min-width:190px;max-width:260px;height:44px;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:5px 10px 5px 6px;border:1px solid var(--line);border-radius:12px;background:#101620;color:#edf1f8;cursor:pointer;text-align:left;transition:.18s}.account-menu-trigger:hover,.account-menu.open .account-menu-trigger{border-color:#4b4380;background:#141b27}.account-menu-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#171e2a;border:1px solid #30394a}.account-menu-trigger-copy{min-width:0;display:grid;gap:2px}.account-menu-trigger-copy strong,.account-menu-trigger-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-trigger-copy strong{font-size:11px}.account-menu-trigger-copy small{font-size:9px;color:#aaa4ff;font-weight:850}.account-menu-chevron{color:#7f8999;font-size:14px;transition:.18s}.account-menu.open .account-menu-chevron{transform:rotate(180deg)}.account-menu-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 30px));padding:12px;border:1px solid #2d3748;border-radius:17px;background:#0e141d;box-shadow:0 22px 70px rgba(0,0,0,.52);z-index:120}.account-menu-popover[hidden]{display:none!important}.account-menu-head{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:11px;padding:7px 7px 12px}.account-menu-large-avatar{width:48px;height:48px;border-radius:15px;object-fit:cover;background:#171e2a;border:1px solid #30394a}.account-menu-head>div{min-width:0;display:grid;gap:4px}.account-menu-head strong,.account-menu-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-head strong{font-size:14px}.account-menu-head small{font-size:10px;color:var(--muted)}.account-menu-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.account-menu-stats>div{padding:10px 11px;border:1px solid #242e3e;border-radius:11px;background:#0b1119}.account-menu-stats span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#6f7a8d;font-weight:900}.account-menu-stats strong{display:block;margin-top:5px;font-size:13px}.account-menu-links{display:grid;gap:4px;padding:8px 0}.account-menu-links a,.account-menu-signout{width:100%;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:10px;border:0;border-radius:11px;background:transparent;color:#e9edf4;text-align:left;text-decoration:none;cursor:pointer}.account-menu-links a:hover{background:#151c27}.account-menu-links a>span,.account-menu-signout>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#181f2b;color:#aaa4ff}.account-menu-links a>div,.account-menu-signout>div{display:grid;gap:2px}.account-menu-links strong,.account-menu-signout strong{font-size:11px}.account-menu-links small,.account-menu-signout small{font-size:9px;color:var(--muted)}.account-menu-signout{border-top:1px solid var(--line);border-radius:0 0 11px 11px;padding-top:12px;color:#ff93a3}.account-menu-signout:hover{background:rgba(255,94,119,.08)}.account-menu-signout>span{background:rgba(255,94,119,.1);color:#ff8195}@media(max-width:900px){.site-header.open .site-actions{align-items:stretch;flex-direction:column}.site-header.open .account-menu{width:100%}.site-header.open .account-menu-trigger{width:100%;max-width:none}.site-header.open .account-menu-popover{position:relative;right:auto;top:auto;width:100%;margin-top:8px;box-shadow:none}.site-header.open .site-actions>.btn{width:100%;justify-content:center}}

/* V15 account/header cleanup and sign-out confirmation. */
[hidden]{display:none!important}
.site-brand-copy{display:grid}
.site-brand-copy strong{font-size:14px}
.site-brand-copy small{color:var(--muted);font-size:10px;margin-top:2px}
.feature-grid article>h3,.preview-grid article>h3{margin-top:0}
.site-actions{align-items:center}
.site-actions #publicLoginAction[hidden],.site-actions #publicAccountMenu[hidden]{display:none!important}
.account-menu-links a,.account-menu-signout{grid-template-columns:1fr;gap:0}
.account-menu-links a>div,.account-menu-signout>div{display:grid;gap:2px}
.account-menu-signout{border-top:1px solid var(--line)}
.btn-danger{background:#8f2e3f;border-color:#a63a4e;color:#fff}
.btn-danger:hover{background:#a4394d}
.confirm-backdrop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.66);backdrop-filter:blur(7px)}
.confirm-backdrop[hidden]{display:none!important}
.confirm-dialog{width:min(420px,100%);padding:24px;border:1px solid #313b4d;border-radius:20px;background:#0f151e;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.confirm-dialog h3{margin:0 0 8px;font-size:21px}
.confirm-dialog p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}
@media(max-width:590px){.confirm-actions{display:grid;grid-template-columns:1fr 1fr}.confirm-actions .btn{width:100%}}
.account-menu-trigger{grid-template-columns:32px minmax(0,1fr)}

/* V16 Discord identity, public profiles and owner admin. */
.profile-banner-card,.public-profile-hero{background-size:cover!important;background-position:center!important}.has-profile-banner{min-height:150px}.profile-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-info-grid>div{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#0d131c;min-width:0}.profile-info-grid strong{font-size:12px;overflow-wrap:anywhere}.profile-info-grid small,.field-label{font-size:9px;color:var(--muted)}.field-label{text-transform:uppercase;letter-spacing:.09em;font-weight:850}.two-column-panel{display:grid;grid-template-columns:1fr 1fr;gap:22px}.simple-list{display:grid;gap:8px}.simple-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#0d131c}.simple-row>span,.simple-row>div{display:grid;gap:3px;min-width:0}.simple-row strong{font-size:11px;overflow-wrap:anywhere}.simple-row small{font-size:9px;color:var(--muted);line-height:1.55;overflow-wrap:anywhere}.simple-row b{font-size:11px;color:#b7b0ff;white-space:nowrap}.privacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.privacy-grid label{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#0d131c;font-size:11px;color:#cfd5e0}.privacy-grid input{accent-color:var(--accent)}.panel-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.admin-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.admin-tabs a{padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:#101722;color:#b8c0ce;font-size:11px;font-weight:800}.admin-tabs a:hover{border-color:#4a4184;color:#fff}.admin-pin-card{max-width:520px;margin:0 auto 90px;display:grid;gap:13px}.text-input,.admin-control-card input,.admin-control-card select,.admin-search-row input{width:100%;border:1px solid #2a3445;border-radius:11px;background:#0b1119;color:#eef2f8;padding:11px 12px;outline:none}.text-input:focus,.admin-control-card input:focus,.admin-control-card select:focus,.admin-search-row input:focus{border-color:#5f56a4}.admin-search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.admin-user-row{text-decoration:none;color:inherit}.admin-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-control-card{display:grid;gap:9px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#0d131c}.admin-control-card h3{margin:0 0 3px;font-size:13px}.admin-controls .empty-inline{margin-top:14px}.audit-row{display:grid;justify-content:stretch}.public-profile-hero{margin-bottom:18px}.profile-copy small{font-size:10px;color:var(--muted)}code{color:#aaa4ff}.status-pill{white-space:nowrap}
@media(max-width:900px){.profile-info-grid{grid-template-columns:1fr 1fr}.two-column-panel{grid-template-columns:1fr}.admin-control-grid{grid-template-columns:1fr}.privacy-grid{grid-template-columns:1fr}}
@media(max-width:590px){.profile-info-grid{grid-template-columns:1fr}.panel-actions,.admin-search-row{display:grid;grid-template-columns:1fr}.panel-actions .btn,.admin-search-row .btn{width:100%}.simple-row{display:grid}}

/* V18 invite tracking + connection links. */
.mini-link{white-space:nowrap;font-size:9px;font-weight:850;color:#aaa4ff;border:1px solid #3a3562;border-radius:9px;padding:6px 8px;background:rgba(115,103,255,.08)}
.mini-link:hover{background:rgba(115,103,255,.16)}
.invite-history-row{grid-template-columns:44px 1fr auto}
.invite-avatar{width:36px;height:36px;border-radius:11px;overflow:hidden;background:#171e2a;display:grid;place-items:center;color:#9ca6b6;font-weight:900}
.invite-avatar img{width:100%;height:100%;object-fit:cover}
.check-line{display:flex!important;align-items:center;gap:8px;color:#aeb7c5;font-size:10px}
.check-line input{width:auto!important;accent-color:var(--accent)}
.achievement-row b{color:#a9a2ff}
@media(max-width:590px){.invite-history-row{grid-template-columns:44px 1fr}.invite-history-row>span{grid-column:2}.mini-link{width:max-content}}


/* V20 profile/community refinements */
.official-community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.official-community-grid article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}
.official-community-grid h3{margin:6px 0 4px}.official-community-grid p{margin:0;color:var(--muted)}
.connected-account-row{display:flex;align-items:center;gap:14px;padding-top:8px}.connected-account-row>div{display:flex;flex-direction:column;gap:3px}.connected-account-row small{color:var(--muted)}
.linked-status,.public-link-status b{color:#b8ffd4}
.history-toolbar{display:flex;gap:12px;align-items:center;margin:0 0 14px}.history-search{flex:1;min-width:0;background:#0b111a;border:1px solid var(--line);color:var(--text);border-radius:14px;padding:12px 14px;font:inherit;outline:none}.history-search:focus{border-color:#7466ff}
.btn-small{padding:9px 12px;font-size:.86rem}
@media(max-width:760px){.official-community-grid{grid-template-columns:1fr}.official-community-grid article{align-items:flex-start;flex-direction:column}.history-toolbar{align-items:stretch;flex-direction:column}}

/* V22 role-synced profile tags */
.profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.profile-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:10px;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.16);background:rgba(10,14,22,.72)}
.profile-tag.gold-glow{border-color:rgba(255,208,70,.9);background:linear-gradient(135deg,rgba(105,69,0,.85),rgba(28,22,8,.94));color:#ffe8a0;box-shadow:0 0 10px rgba(255,193,7,.42),inset 0 0 10px rgba(255,215,100,.12);text-shadow:0 0 8px rgba(255,214,102,.75)}
.profile-tag.official-glow{border-color:rgba(98,209,255,.9);background:linear-gradient(135deg,rgba(16,74,105,.9),rgba(9,24,38,.94));color:#c9f2ff;box-shadow:0 0 10px rgba(75,195,255,.38),inset 0 0 10px rgba(102,216,255,.12);text-shadow:0 0 8px rgba(111,216,255,.7)}
.connected-account-row .btn{margin-left:auto}

/* V23 profile studio + shop */
.compact-panel{margin-bottom:18px}.shop-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.shop-toolbar label,.customize-grid label{display:grid;gap:7px;color:var(--muted);font-size:.78rem;font-weight:800}.shop-toolbar select,.customize-grid select{min-width:190px;background:#0b111a;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:11px 12px;font:inherit}.shop-toolbar .btn{margin-left:auto}.shop-balance-line{margin:0 0 12px;color:var(--muted);font-weight:800}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop-card{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#0d131c}.shop-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#151c28;font-weight:900}.shop-copy{flex:1}.shop-copy h3{margin:5px 0}.shop-copy p{color:var(--muted);font-size:.86rem}.shop-type{text-transform:uppercase;letter-spacing:.1em;color:#9990ff;font-size:.68rem;font-weight:900}.shop-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.customize-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:18px}.customize-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tag-picker-block{margin-top:20px}.tag-choice-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.tag-choice-card{cursor:pointer}.tag-choice-card input{position:absolute;opacity:0;pointer-events:none}.tag-choice-card input:checked+.profile-tag{outline:2px solid #7a6cff;outline-offset:2px}.customize-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.mini-profile-preview{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#0d131c;min-height:290px}.mini-banner{height:110px;background:linear-gradient(135deg,#151b29,#0b1019)}.mini-profile-body{display:flex;gap:16px;align-items:center;padding:0 20px 24px;transform:translateY(-24px)}.mini-profile-body .profile-avatar-wrap{width:86px;height:86px;border-radius:50%;flex:0 0 86px}.mini-profile-body img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mini-profile-body h3{margin:0;font-size:1.35rem}.mini-profile-body p{margin:4px 0;color:var(--muted)}.profile-title-preview,.profile-badge-preview{display:block;margin-top:6px}.frame-golden-glow{padding:4px;background:linear-gradient(135deg,#fff0a5,#e6a914,#fff7bf);box-shadow:0 0 16px rgba(255,195,54,.65),0 0 32px rgba(255,176,0,.25)}.frame-purple-pulse{padding:4px;background:linear-gradient(135deg,#b69cff,#7055ff);box-shadow:0 0 16px rgba(126,92,255,.55)}.banner-gold-stars .mini-banner{background:radial-gradient(circle at 18% 30%,rgba(255,225,130,.9) 0 1px,transparent 2px),radial-gradient(circle at 72% 55%,rgba(255,225,130,.7) 0 1px,transparent 2px),linear-gradient(135deg,#3b2b05,#0d0c0a 70%)}.banner-cyber-grid .mini-banner{background:linear-gradient(rgba(93,214,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(93,214,255,.12) 1px,transparent 1px),linear-gradient(135deg,#061926,#0b0e18);background-size:20px 20px,20px 20px,auto}.theme-nebula{background:radial-gradient(circle at 85% 15%,rgba(126,84,255,.22),transparent 35%),#0d111b}.theme-midnight{background:#090d14}.font-pixel{font-family:monospace;letter-spacing:.02em}.font-modern{font-family:Arial,Helvetica,sans-serif}.profile-tag.shop-tag{border-color:#465166;background:#141b26;color:#e7ecf4}.leaderboard-avatar-wrap{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.leaderboard-avatar-wrap img,.leaderboard-avatar-wrap .leaderboard-avatar{width:100%!important;height:100%!important}.leader-badge{font-size:.82rem;margin-left:4px}.leaderboard-tags{margin:3px 0 0;gap:4px}.leaderboard-tags .profile-tag{font-size:.55rem;padding:2px 6px;border-radius:6px}.profile-edit-button{margin-top:10px}.profile-tag.gold-glow{position:relative;overflow:hidden}.profile-tag.gold-glow::after{content:"";position:absolute;inset:-40% auto -40% -30%;width:25%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:tagShine 4s linear infinite}@keyframes tagShine{0%{left:-35%}35%,100%{left:125%}}
@media(max-width:980px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customize-layout{grid-template-columns:1fr}}@media(max-width:620px){.shop-grid{grid-template-columns:1fr}.customize-grid{grid-template-columns:1fr}.shop-toolbar label,.shop-toolbar select{width:100%}.shop-toolbar .btn{margin-left:0;width:100%}}
.profile-banner-card.banner-gold-stars,.public-profile-hero.banner-gold-stars{background-image:radial-gradient(circle at 18% 30%,rgba(255,225,130,.9) 0 1px,transparent 2px),radial-gradient(circle at 72% 55%,rgba(255,225,130,.7) 0 1px,transparent 2px),linear-gradient(135deg,#3b2b05,#0d0c0a 70%)!important;background-size:auto!important}
.profile-banner-card.banner-cyber-grid,.public-profile-hero.banner-cyber-grid{background-image:linear-gradient(rgba(93,214,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(93,214,255,.12) 1px,transparent 1px),linear-gradient(135deg,#061926,#0b0e18)!important;background-size:20px 20px,20px 20px,auto!important}

/* V24 shop preview + purchase flow */
.profile-edit-row{display:flex;justify-content:flex-end;margin:-8px 4px 20px}.profile-edit-row .btn{min-width:180px}.shop-card{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.shop-card:hover{transform:translateY(-2px);border-color:#4a4f72;box-shadow:0 14px 30px rgba(0,0,0,.18)}.shop-visual{height:92px;border:1px solid var(--line);border-radius:14px;background:#0a0f17;display:grid;place-items:center;overflow:hidden;padding:12px}.shop-font-sample{font-size:1.35rem}.shop-tag-sample{display:inline-flex;padding:7px 12px;border-radius:8px;border:1px solid #59657c;background:#151c28;font-size:.72rem;font-weight:900;letter-spacing:.08em}.shop-accent-sample{width:56px;height:56px;border-radius:50%;border:5px solid var(--sample-accent,#d4ad39);box-shadow:0 0 22px color-mix(in srgb,var(--sample-accent,#d4ad39) 50%,transparent)}.shop-banner-sample{width:100%;height:100%;border-radius:10px}.shop-frame-sample{width:62px;height:62px;border-radius:50%;padding:4px}.shop-frame-sample>span{display:block;width:100%;height:100%;border-radius:50%;background:#1b2432}.shop-theme-sample{width:100%;height:100%;border-radius:10px;border:1px solid #303a4d}.shop-badge-sample{font-size:2rem}.shop-title-sample{font-size:1rem;font-weight:900}.shop-item-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:20px;align-items:start}.shop-item-details h1{margin:.3rem 0 .5rem;font-size:2.5rem}.shop-item-details .shop-price{font-size:1.5rem;font-weight:900;color:#c9c4ff}.shop-item-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.shop-profile-preview{position:sticky;top:100px}.site-modal-backdrop{position:fixed;inset:0;background:rgba(2,5,10,.72);backdrop-filter:blur(7px);z-index:1000;display:grid;place-items:center;padding:20px}.site-modal-backdrop[hidden]{display:none}.site-modal{width:min(520px,100%);background:#0f1621;border:1px solid #344057;border-radius:22px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.site-modal h2{margin:7px 0 10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.receipt-grid div{padding:12px;border-radius:12px;background:#0a1019;border:1px solid var(--line)}.receipt-grid span{display:block;color:var(--muted);font-size:.72rem}.receipt-grid strong{display:block;margin-top:4px}.font-trebuchet{font-family:"Trebuchet MS",Arial,sans-serif}.font-courier-new{font-family:"Courier New",Courier,monospace}.font-georgia{font-family:Georgia,"Times New Roman",serif}.font-arial-black{font-family:"Arial Black",Arial,sans-serif}.accent-gold{--profile-accent:#e2b73c}.accent-cyan{--profile-accent:#61dfff}.mini-profile-preview[class*="accent-"] h3,.profile-banner-card[class*="accent-"] h2,.public-profile-hero[class*="accent-"] h2{color:var(--profile-accent)}
@media(max-width:850px){.shop-item-page{grid-template-columns:1fr}.shop-profile-preview{position:static}.profile-edit-row{justify-content:stretch}.profile-edit-row .btn{width:100%}}

/* V25 cosmetics */
.font-inter{font-family:Inter,Arial,sans-serif}.font-poppins{font-family:Poppins,Arial,sans-serif}.font-orbitron{font-family:Orbitron,Arial,sans-serif}.font-rajdhani{font-family:Rajdhani,Arial,sans-serif}.font-pixel{font-family:'Press Start 2P',monospace;letter-spacing:0}.font-vt323{font-family:VT323,monospace}.font-merriweather{font-family:Merriweather,Georgia,serif}.font-bebas{font-family:'Bebas Neue',Arial,sans-serif;letter-spacing:.035em}
.shop-profile-swatch{display:flex;align-items:center;justify-content:center}.shop-mini-user{display:flex;align-items:center;gap:11px;width:100%}.shop-mini-user>img,.shop-banner-user>img,.shop-avatar-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#1b2230;display:grid;place-items:center;flex:0 0 48px}.shop-mini-user>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.shop-mini-user strong{font-size:.94rem;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-mini-user small{color:var(--muted)}.accent-preview-user strong{color:var(--sample-accent)}.shop-frame-sample{position:relative;display:grid;place-items:center;width:72px;height:72px;padding:5px;border-radius:50%}.shop-frame-sample>img,.shop-frame-sample>.shop-avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.shop-banner-profile{width:100%;height:100%;position:relative;overflow:hidden}.shop-banner-user{position:absolute;left:10px;bottom:8px;display:flex;align-items:center;gap:8px}.shop-banner-user>img,.shop-banner-user>.shop-avatar-placeholder{width:34px;height:34px;flex-basis:34px}.shop-banner-user strong{font-size:.8rem;text-shadow:0 2px 5px #000}.shop-theme-sample{display:flex;align-items:flex-end;padding:10px}.shop-theme-sample strong{font-size:.82rem}.admin-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-shop-item{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#0c121b}.admin-shop-item h3{margin:7px 0 2px}.admin-shop-item small{color:var(--muted);word-break:break-all}.admin-shop-item label{display:grid;gap:6px;color:var(--muted);font-size:.78rem;font-weight:800}

/* animated purchasable tags */
.profile-tag.tag-w{color:#dfffe7;border-color:#69ff8d;background:linear-gradient(135deg,#10351c,#07150d);box-shadow:0 0 12px rgba(63,255,112,.42);text-shadow:0 0 8px rgba(99,255,139,.75)}
.profile-tag.tag-l{color:#ffd8d8;border-color:#ff5e67;background:linear-gradient(135deg,#461116,#19080a);box-shadow:0 0 12px rgba(255,57,70,.38);animation:tagPulseRed 1.7s ease-in-out infinite}
.profile-tag.tag-ez{color:#dffcff;border-color:#66efff;background:linear-gradient(135deg,#0d3b44,#07181c);box-shadow:0 0 12px rgba(73,225,255,.4);position:relative;overflow:hidden}
.profile-tag.tag-clutch{color:#e1f7ff;border-color:#72cfff;background:linear-gradient(135deg,#123852,#091a29);box-shadow:0 0 13px rgba(75,176,255,.42);position:relative;overflow:hidden}
.profile-tag.tag-elite{color:#f0dcff;border-color:#bf74ff;background:linear-gradient(135deg,#32104d,#15081f);box-shadow:0 0 13px rgba(175,74,255,.45);animation:tagPulsePurple 2.1s ease-in-out infinite}
.profile-tag.tag-goat{color:#fff7cf;border-color:#ffd45f;background:linear-gradient(135deg,#624b08,#1b1505);box-shadow:0 0 14px rgba(255,198,53,.48);text-shadow:0 0 8px rgba(255,228,141,.75)}
.profile-tag.tag-no-life{color:#e5e7ec;border-color:#73798a;background:linear-gradient(135deg,#191a20,#08090c);box-shadow:0 0 11px rgba(160,166,184,.28);animation:tagGlitch 2.7s steps(2,end) infinite}
.profile-tag.tag-toxic{color:#d7ff9d;border-color:#76ff24;background:linear-gradient(135deg,#1b4a08,#071502);box-shadow:0 0 15px rgba(103,255,27,.55),inset 0 0 10px rgba(122,255,48,.13);animation:toxicBreath 1.55s ease-in-out infinite}
.profile-tag.tag-cute{color:#ffe4f4;border-color:#ff8dce;background:linear-gradient(135deg,#51203e,#1c0a16);box-shadow:0 0 13px rgba(255,105,190,.45);animation:cuteSpark 2s ease-in-out infinite}
.profile-tag.tag-ez::after,.profile-tag.tag-clutch::after{content:"";position:absolute;top:-60%;bottom:-60%;width:24%;left:-40%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:tagSweep 2.6s linear infinite}
@keyframes tagSweep{to{left:135%}}@keyframes tagPulseRed{50%{box-shadow:0 0 20px rgba(255,57,70,.7)}}@keyframes tagPulsePurple{50%{box-shadow:0 0 22px rgba(175,74,255,.72)}}@keyframes toxicBreath{50%{transform:translateY(-1px);box-shadow:0 0 24px rgba(103,255,27,.82),inset 0 0 14px rgba(122,255,48,.2)}}@keyframes cuteSpark{50%{box-shadow:0 0 22px rgba(255,105,190,.72)}}@keyframes tagGlitch{48%{transform:translateX(0)}49%{transform:translateX(-1px)}50%{transform:translateX(2px)}52%{transform:translateX(0)}}

/* richer avatar decorations inspired by collectible profile decorations */
.frame-rose-filigree{background:radial-gradient(circle,#f8f1ff 58%,#cdb9ff 61%,#fff 65%,transparent 67%);box-shadow:0 0 18px rgba(236,220,255,.72)}.frame-rose-filigree::before{content:"❀  ❀";position:absolute;inset:auto -8px -7px;text-align:center;color:#fff;text-shadow:0 0 8px #d9c7ff;font-size:18px}
.frame-angry{background:conic-gradient(from 30deg,#ff1e2f,#45030a,#ff1e2f,#45030a,#ff1e2f);box-shadow:0 0 16px rgba(255,30,47,.65);animation:frameRage 1.2s ease-in-out infinite}.frame-angry::after{content:"!";position:absolute;right:-7px;bottom:-4px;background:#f2f2f2;color:#161616;border:2px solid #191919;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-weight:1000}
.frame-green-aura{background:radial-gradient(circle,transparent 56%,#8cff4a 61%,#46ff12 66%,transparent 70%);box-shadow:0 0 22px rgba(101,255,40,.72);animation:frameAura 1.8s ease-in-out infinite}.frame-hex-hat{background:radial-gradient(circle,#7d56ff 0 61%,transparent 64%);box-shadow:0 0 16px rgba(132,88,255,.5)}.frame-hex-hat::before{content:"★";position:absolute;top:-20px;left:50%;transform:translateX(-50%) rotate(-12deg);font-size:31px;color:#a883ff;text-shadow:10px 4px 0 #ec5aff,0 0 9px #7154ff}.frame-star-halo{background:radial-gradient(circle,transparent 57%,#ffe483 61%,transparent 65%);box-shadow:0 0 18px rgba(255,221,100,.5);animation:frameAura 2.1s ease-in-out infinite}.frame-star-halo::before{content:"✦   ✧";position:absolute;top:-8px;left:-4px;right:-4px;color:#ffe995;text-shadow:0 0 8px #ffd94f;font-size:15px}.frame-blue-pulse{background:conic-gradient(#40d9ff,#186dff,#40d9ff,#186dff,#40d9ff);box-shadow:0 0 18px rgba(42,171,255,.62);animation:frameSpin 4s linear infinite}.frame-shadow-crown{background:radial-gradient(circle,#151224 58%,#7247b8 62%,#201530 67%);box-shadow:0 0 19px rgba(132,71,198,.58)}.frame-shadow-crown::before{content:"♛";position:absolute;top:-22px;left:50%;transform:translateX(-50%);color:#bb84ff;font-size:28px;text-shadow:0 0 10px #8b4bd6}
@keyframes frameAura{50%{box-shadow:0 0 30px rgba(101,255,40,.9)}}@keyframes frameRage{50%{transform:scale(1.035)}}@keyframes frameSpin{to{transform:rotate(360deg)}}
.frame-blue-pulse>img,.frame-blue-pulse>.shop-avatar-placeholder{animation:counterSpin 4s linear infinite}@keyframes counterSpin{to{transform:rotate(-360deg)}}
@media(max-width:760px){.admin-shop-grid{grid-template-columns:1fr}}
.profile-avatar-wrap[class*="frame-"],.shop-frame-sample[class*="frame-"]{position:relative;overflow:visible}


/* V26 shop discovery + stronger previews */
.shop-search-label{min-width:min(320px,100%);flex:1}.shop-search{width:100%;min-width:220px;background:#0b111a;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:11px 13px;font:inherit;outline:none}.shop-search:focus{border-color:#746cff;box-shadow:0 0 0 3px rgba(116,108,255,.12)}
.shop-font-only{font-size:1.32rem;font-weight:900;letter-spacing:0;text-align:center}.shop-badge-only span{font-size:2.2rem;filter:drop-shadow(0 0 9px rgba(255,255,255,.16))}.accent-card-preview{box-shadow:inset 0 0 30px color-mix(in srgb,var(--sample-accent) 10%,transparent)}.accent-card-preview strong{color:var(--sample-accent);text-shadow:0 0 12px color-mix(in srgb,var(--sample-accent) 75%,transparent)}

/* Midnight with subtle bats */
.theme-midnight{position:relative;background:radial-gradient(circle at 20% 0%,rgba(60,63,108,.18),transparent 32%),#070a12;overflow:hidden}.theme-midnight::before{content:"🦇   🦇";position:absolute;right:5%;top:10px;color:#5c6088;opacity:.32;font-size:18px;letter-spacing:24px;transform:rotate(-7deg);pointer-events:none;animation:batDrift 8s ease-in-out infinite}.shop-theme-sample.theme-midnight{background:linear-gradient(145deg,#090b16,#03050a)}.shop-theme-sample.theme-midnight::before{content:"🦇  🦇";opacity:.5;font-size:18px;position:absolute;right:8px;top:8px}@keyframes batDrift{0%,100%{transform:translate(0,0) rotate(-7deg)}50%{transform:translate(-16px,8px) rotate(3deg)}}

/* Accent effects — V30: accent cosmetics affect the display name only. */
.accent-gold{--profile-accent:#e2b73c}.accent-cyan{--profile-accent:#61dfff}.accent-pink{--profile-accent:#ff4fb8}.accent-lime{--profile-accent:#8cff3f}.accent-purple{--profile-accent:#a66cff}.accent-red{--profile-accent:#ff4b55}.accent-blue{--profile-accent:#4b9dff}.accent-prism{--profile-accent:#fff}
.mini-profile-preview[class*="accent-"] h3,.profile-banner-card[class*="accent-"] h2,.public-profile-hero[class*="accent-"] h2{color:var(--profile-accent)}
.accent-prism h2,.accent-prism h3,.accent-prism .accent-preview-user strong{background:linear-gradient(90deg,#ff57d2,#7f7bff,#43e6ff,#8aff76,#ffe16e,#ff57d2);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:prismText 4s linear infinite}@keyframes prismText{to{background-position:250% 0}}

/* New avatar decorations */
.frame-summoning-circle{padding:5px;background:repeating-conic-gradient(from 0deg,#75fff6 0 4deg,transparent 4deg 12deg);box-shadow:0 0 18px rgba(86,255,242,.56);animation:frameSpin 12s linear infinite}.frame-summoning-circle::after{content:"✦  ·  ✧";position:absolute;inset:-9px;color:#aafffa;font-size:10px;display:flex;justify-content:space-around;align-items:center;text-shadow:0 0 7px #53fff1;animation:counterSpin 12s linear infinite}.frame-witch-dust{padding:4px;background:radial-gradient(circle,transparent 56%,#62fff0 61%,#ff5fd6 64%,#ffd85f 67%,transparent 70%);box-shadow:0 0 20px rgba(117,86,255,.5);animation:frameAura 1.8s ease-in-out infinite}.frame-witch-dust::after{content:"✦ ✧ ✦";position:absolute;inset:-14px;color:#fff1a8;font-size:13px;letter-spacing:8px;text-shadow:0 0 8px #55fff1,0 0 13px #ff59d6;animation:starTwinkle 1.5s ease-in-out infinite}.frame-fox-ears{padding:4px;background:radial-gradient(circle,#fb8735 58%,#392014 64%,transparent 67%);box-shadow:0 0 14px rgba(255,122,39,.38)}.frame-fox-ears::before{content:"◆     ◆";position:absolute;top:-18px;left:-4px;right:-4px;text-align:center;color:#ff974e;font-size:20px;transform:scaleX(.85);text-shadow:0 0 7px #ff7030}.frame-fox-ears::after{content:"〰";position:absolute;right:-17px;bottom:-8px;color:#ff8138;font-size:30px;transform:rotate(28deg);text-shadow:0 0 7px #ff6d22}.frame-maple-wreath{padding:5px;background:radial-gradient(circle,transparent 55%,#a76320 59%,#51260b 64%,transparent 69%);box-shadow:0 0 15px rgba(202,87,26,.36)}.frame-maple-wreath::after{content:"🍁  🍂  🍁";position:absolute;inset:-17px;display:flex;align-items:flex-end;justify-content:center;font-size:16px;letter-spacing:5px;animation:leafSway 2.4s ease-in-out infinite}.frame-garden-wreath{padding:5px;background:radial-gradient(circle,transparent 55%,#4c7f35 60%,#29431d 65%,transparent 69%);box-shadow:0 0 14px rgba(75,153,67,.35)}.frame-garden-wreath::after{content:"🌿  ✿  🌿";position:absolute;inset:-15px;display:flex;justify-content:center;align-items:flex-end;font-size:14px}.frame-leafy-loaf{padding:4px;background:radial-gradient(circle,transparent 57%,#84621f 61%,transparent 66%)}.frame-leafy-loaf::after{content:"🍂🍁🍂";position:absolute;left:-10px;right:-10px;bottom:-16px;text-align:center;font-size:18px;filter:drop-shadow(0 2px 4px #000)}.frame-bear-ears{padding:4px;background:radial-gradient(circle,#55536b 57%,#232330 63%,transparent 67%)}.frame-bear-ears::before{content:"●       ●";position:absolute;top:-15px;left:-7px;right:-7px;text-align:center;color:#77758d;font-size:21px;text-shadow:inset 0 0 0 #000}.frame-bear-ears::after{content:"";position:absolute;top:-7px;left:9px;width:8px;height:8px;border-radius:50%;background:#c9a4af;box-shadow:43px 0 0 #c9a4af}@keyframes starTwinkle{50%{opacity:.45;transform:scale(.94)}}@keyframes leafSway{50%{transform:translateY(-2px) rotate(2deg)}}

/* Banner collection */
.banner-solid-blue .mini-banner{background:#304f9c}.profile-banner-card.banner-solid-blue,.public-profile-hero.banner-solid-blue{background-image:linear-gradient(#304f9c,#304f9c)!important}
.banner-pearly-waves .mini-banner,.profile-banner-card.banner-pearly-waves,.public-profile-hero.banner-pearly-waves{background-image:radial-gradient(ellipse at 90% 20%,rgba(255,255,255,.42),transparent 20%),linear-gradient(120deg,#3a4f86,#9a88c9,#5c7fc9)!important;background-size:180% 180%!important;animation:bannerFlow 9s ease-in-out infinite}
.banner-rainbow-daydreams .mini-banner,.profile-banner-card.banner-rainbow-daydreams,.public-profile-hero.banner-rainbow-daydreams{background-image:radial-gradient(circle at 80% 20%,rgba(255,121,222,.72),transparent 20%),linear-gradient(120deg,#4c3f95,#8956c9,#5da7d6,#6847a9)!important;background-size:220% 220%!important;animation:bannerFlow 7s ease-in-out infinite}
.banner-mer-bubbles .mini-banner,.profile-banner-card.banner-mer-bubbles,.public-profile-hero.banner-mer-bubbles{background-image:radial-gradient(circle at 75% 30%,rgba(199,255,255,.7) 0 3px,transparent 4px),radial-gradient(circle at 86% 65%,rgba(199,255,255,.48) 0 5px,transparent 6px),linear-gradient(120deg,#1f5b6c,#547c9b,#6a4f9f)!important;background-size:auto!important}
.banner-angry .mini-banner,.profile-banner-card.banner-angry,.public-profile-hero.banner-angry{background-image:linear-gradient(135deg,#31070b,#80151b,#2a0508)!important;position:relative}.banner-angry .mini-banner::after{content:"💢";position:absolute;right:9%;top:24%;font-size:32px;animation:ragePop 1.3s ease-in-out infinite}
.banner-buffering .mini-banner,.profile-banner-card.banner-buffering,.public-profile-hero.banner-buffering{background-image:linear-gradient(110deg,#202b58,#4056a8,#202b58)!important;background-size:220% 100%!important;animation:bufferSlide 2.4s linear infinite}
.banner-wisp .mini-banner,.profile-banner-card.banner-wisp,.public-profile-hero.banner-wisp{background-image:radial-gradient(circle at 76% 35%,rgba(220,255,239,.85) 0 2px,transparent 3px),radial-gradient(circle at 88% 58%,rgba(170,255,219,.62) 0 2px,transparent 3px),linear-gradient(120deg,#1b3f38,#365d52,#172622)!important;animation:wispGlow 3s ease-in-out infinite}
.banner-ghost-moth .mini-banner,.profile-banner-card.banner-ghost-moth,.public-profile-hero.banner-ghost-moth{background-image:radial-gradient(ellipse at 84% 45%,rgba(221,225,226,.55),transparent 11%),linear-gradient(120deg,#2d3135,#4b4d52,#22252a)!important}
.banner-moonflowers .mini-banner,.profile-banner-card.banner-moonflowers,.public-profile-hero.banner-moonflowers{background-image:radial-gradient(circle at 85% 70%,rgba(240,255,225,.52) 0 4px,transparent 5px),linear-gradient(120deg,#253a20,#57724d,#273326)!important}
.banner-dark-roses .mini-banner,.profile-banner-card.banner-dark-roses,.public-profile-hero.banner-dark-roses{background-image:radial-gradient(circle at 84% 70%,rgba(214,214,225,.35) 0 5px,transparent 6px),linear-gradient(120deg,#08090c,#282932,#08090c)!important}
.banner-natures-glitter .mini-banner,.profile-banner-card.banner-natures-glitter,.public-profile-hero.banner-natures-glitter{background-image:radial-gradient(circle at 75% 25%,rgba(255,246,166,.9) 0 2px,transparent 3px),radial-gradient(circle at 88% 65%,rgba(255,221,100,.72) 0 2px,transparent 3px),linear-gradient(120deg,#8c4d1d,#e5942f,#633515)!important;background-size:auto!important;animation:glitterPulse 2.2s ease-in-out infinite}
.banner-gold-stars .mini-banner{animation:glitterPulse 2.6s ease-in-out infinite}.banner-cyber-grid .mini-banner{position:relative;overflow:hidden}.banner-cyber-grid .mini-banner::after{content:"";position:absolute;left:0;right:0;height:2px;background:#59e7ff;box-shadow:0 0 10px #59e7ff;animation:scanLine 2.8s linear infinite}
@keyframes bannerFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes ragePop{50%{transform:scale(1.18) rotate(5deg)}}@keyframes bufferSlide{to{background-position:220% 0}}@keyframes wispGlow{50%{filter:brightness(1.18)}}@keyframes glitterPulse{50%{filter:brightness(1.16)}}@keyframes scanLine{0%{top:-4px}100%{top:100%}}

/* Requested tag details */
.profile-tag.tag-cute .tag-icon,.profile-tag.tag-no-life .tag-icon,.profile-tag.tag-toxic .tag-icon{display:inline-block}.profile-tag.tag-no-life .tag-icon{animation:brokenHeart 1.7s ease-in-out infinite}.profile-tag.tag-cute .tag-icon{animation:ribbonBounce 2s ease-in-out infinite}.profile-tag.tag-toxic .tag-icon{animation:toxicSpin 5s linear infinite}@keyframes brokenHeart{0%,100%{transform:scale(1)}45%{transform:scale(1.15) rotate(-5deg);filter:drop-shadow(0 0 5px #ff4c78)}55%{transform:scale(.9) rotate(4deg)}}@keyframes ribbonBounce{50%{transform:translateY(-2px) rotate(5deg)}}@keyframes toxicSpin{to{transform:rotate(360deg)}}

@media(max-width:700px){.shop-search-label{min-width:100%}.shop-search{min-width:0}.shop-toolbar label{width:100%}.shop-toolbar select{width:100%}}

/* V27 premium cosmetics + purchase UX */
.shop-card{position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;background:linear-gradient(180deg,rgba(18,24,35,.98),rgba(11,16,24,.98))}
.shop-card:hover{transform:translateY(-4px);border-color:rgba(118,103,255,.6);box-shadow:0 18px 50px rgba(0,0,0,.28),0 0 0 1px rgba(118,103,255,.08) inset}
.shop-card .shop-visual{min-height:150px;border-radius:18px;background:radial-gradient(circle at 50% 30%,rgba(102,83,255,.12),transparent 55%),#0b1018;overflow:hidden}
.shop-page-buy.is-short,.shop-item-actions .is-short{opacity:.8;filter:saturate(.7);cursor:pointer}
.shop-page-buy.is-short:hover,.shop-item-actions .is-short:hover{opacity:1}

/* Purchase modals - V26 missed the markup, which made the Buy action appear broken. */
.modal-backdrop[hidden]{display:none!important}.modal-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(2,5,10,.74);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px}
.modal-card{position:relative;width:min(520px,94vw);border:1px solid #293244;border-radius:24px;background:linear-gradient(180deg,#121926,#0d131e);box-shadow:0 30px 90px rgba(0,0,0,.55);padding:28px;animation:modalPop .2s ease-out}
.modal-x{position:absolute;right:16px;top:14px;width:34px;height:34px;border:1px solid #303a4d;border-radius:10px;background:#111823;color:#fff;font-size:22px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.confirm-preview{margin:18px 0}.receipt-check{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(67,210,132,.14);border:1px solid rgba(67,210,132,.4);color:#64eca2;font-size:28px;margin-bottom:16px}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.receipt-grid>div{padding:14px;border-radius:14px;background:#0b111b;border:1px solid #202a3a}.receipt-grid span,.receipt-grid strong{display:block}.receipt-grid span{color:#8ea0bf;font-size:12px;margin-bottom:4px}@keyframes modalPop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}

/* Rich avatar decorations */
.shop-frame-sample,.profile-avatar-wrap,.leaderboard-avatar-wrap{position:relative;isolation:isolate}.shop-frame-sample{display:grid;place-items:center;width:112px;height:112px;margin:auto}.shop-frame-sample img,.shop-avatar-placeholder{width:74px;height:74px;border-radius:50%;object-fit:cover;z-index:2}.frame-fx{position:absolute;pointer-events:none;z-index:3}
.frame-golden-glow::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:3px solid #ffd86b;box-shadow:0 0 10px #ffc83d,0 0 24px rgba(255,194,42,.8),inset 0 0 10px rgba(255,231,151,.7);animation:goldBreath 2.4s ease-in-out infinite}.frame-golden-glow::after{content:"✦  ✧  ✦";position:absolute;inset:-20px;display:grid;place-items:start center;color:#fff1ac;text-shadow:0 0 8px #ffd056;letter-spacing:28px;font-size:12px;animation:sparkOrbit 5s linear infinite}
.frame-blue-pulse::before{content:"";position:absolute;inset:-8px;border:4px solid #23a7ff;border-radius:50%;box-shadow:0 0 14px #16a6ff,0 0 30px rgba(14,139,255,.65);animation:bluePulse 1.8s ease-in-out infinite}.frame-purple-pulse::before{content:"";position:absolute;inset:-8px;border:3px solid #a673ff;border-radius:50%;box-shadow:0 0 12px #9d65ff,0 0 28px rgba(135,78,255,.62);animation:bluePulse 2s ease-in-out infinite}
.frame-maple-wreath::before{content:"🍁";position:absolute;left:-10px;top:6px;font-size:30px;filter:drop-shadow(0 4px 4px #4a1c0b);transform:rotate(-25deg)}.frame-maple-wreath::after{content:"🍁";position:absolute;right:-10px;bottom:4px;font-size:31px;filter:drop-shadow(0 4px 4px #4a1c0b);transform:rotate(28deg)}.frame-maple-wreath .frame-fx-a{inset:-13px;border:3px solid transparent;border-left-color:#d96822;border-bottom-color:#ff9c2b;border-radius:50%;transform:rotate(32deg);animation:wreathSway 3s ease-in-out infinite}
.frame-garden-wreath::before{content:"❧";position:absolute;inset:-14px;border:3px solid #5fc771;border-radius:50%;color:#9af0a4;display:grid;place-items:start;font-size:26px;box-shadow:0 0 16px rgba(78,210,107,.45);animation:wreathSway 4s ease-in-out infinite}.frame-bear-ears::before,.frame-bear-ears::after{content:"";position:absolute;top:-5px;width:32px;height:32px;border-radius:55% 55% 45% 45%;background:radial-gradient(circle at 50% 60%,#d99a78 0 34%,#7a4e3c 36% 68%,#3b261f 70%);box-shadow:0 4px 10px rgba(0,0,0,.35);z-index:1}.frame-bear-ears::before{left:9px;transform:rotate(-18deg)}.frame-bear-ears::after{right:9px;transform:rotate(18deg)}.frame-bear-ears img{z-index:2}
.frame-fox-ears::before,.frame-fox-ears::after{content:"";position:absolute;top:-10px;width:32px;height:42px;background:linear-gradient(145deg,#ff9a48,#c95f26);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 3px 5px #4d1b0b);z-index:1}.frame-fox-ears::before{left:10px;transform:rotate(-12deg)}.frame-fox-ears::after{right:10px;transform:rotate(12deg)}
.frame-star-halo::before{content:"✦  ✧  ✦  ✧";position:absolute;inset:-18px;border-radius:50%;color:#fff9a8;font-size:14px;display:grid;place-items:start center;word-spacing:18px;text-shadow:0 0 10px #ffd65b;animation:sparkOrbit 6s linear infinite}.frame-summoning-circle::before{content:"";position:absolute;inset:-14px;border:2px solid #78f8ff;border-radius:50%;box-shadow:0 0 12px #4cf5ff,inset 0 0 14px rgba(71,238,255,.35);background:repeating-conic-gradient(from 0deg,transparent 0 11deg,rgba(123,255,255,.95) 12deg 13deg,transparent 14deg 23deg);mask:radial-gradient(circle,transparent 0 70%,#000 72%);animation:spinRing 10s linear infinite}.frame-witch-dust::before{content:"✦ ✧ ✦ ✧ ✦";position:absolute;inset:-15px;color:#ff75ea;text-shadow:-15px 8px 8px #52f8ff,18px -10px 8px #a76cff;font-size:18px;animation:dustFloat 2.8s ease-in-out infinite}.frame-rose-filigree::before{content:"❀";position:absolute;inset:-15px;border:2px solid rgba(255,245,255,.9);border-radius:50%;color:#fff;font-size:25px;display:grid;place-items:end start;box-shadow:0 0 13px #fff,0 0 24px rgba(255,187,245,.38);animation:roseGlow 3s ease-in-out infinite}.frame-shadow-crown::before{content:"♛";position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-size:38px;color:#8f62ff;text-shadow:0 0 12px #6d3cff,0 8px 16px #000;animation:crownFloat 2.5s ease-in-out infinite}.frame-green-aura::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:3px solid #78ff45;box-shadow:0 0 10px #59ff2e,0 0 28px rgba(76,255,50,.7);animation:toxicBreath 2.1s ease-in-out infinite}.frame-angry::before{content:"💢";position:absolute;right:-18px;top:-15px;font-size:34px;filter:drop-shadow(0 0 8px #ff1e27);animation:angryJolt 1.3s steps(2) infinite}.frame-hex-hat::before{content:"✦";position:absolute;top:-22px;left:50%;width:65px;height:38px;transform:translateX(-50%) rotate(-8deg);background:linear-gradient(135deg,#4e43ff,#e44cff);clip-path:polygon(50% 0,100% 65%,73% 61%,91% 100%,8% 100%,28% 62%,0 65%);color:#ffd8ff;display:grid;place-items:center;font-size:13px;filter:drop-shadow(0 0 10px #9e55ff);animation:hatFloat 3s ease-in-out infinite}.frame-leafy-loaf::after{content:"🍂  🍁  🍂";position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);white-space:nowrap;font-size:24px;filter:drop-shadow(0 4px 4px #43200d)}
@keyframes goldBreath{50%{filter:brightness(1.25);box-shadow:0 0 18px #ffd45d,0 0 38px rgba(255,194,42,.95),inset 0 0 14px #fff1b0}}@keyframes bluePulse{50%{transform:scale(1.05);opacity:.65}}@keyframes sparkOrbit{to{transform:rotate(360deg)}}@keyframes spinRing{to{transform:rotate(360deg)}}@keyframes wreathSway{50%{transform:rotate(4deg) scale(1.02)}}@keyframes dustFloat{50%{transform:translateY(-5px) rotate(5deg);filter:hue-rotate(35deg)}}@keyframes roseGlow{50%{filter:brightness(1.25)}}@keyframes crownFloat{50%{transform:translateX(-50%) translateY(-4px)}}@keyframes toxicBreath{50%{transform:scale(1.06);filter:brightness(1.4)}}@keyframes angryJolt{50%{transform:translate(2px,-2px) rotate(5deg)}}@keyframes hatFloat{50%{transform:translateX(-50%) translateY(-4px) rotate(-4deg)}}

/* Premium badge art */
.premium-badge-art{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#182131,#0c1119);border:1px solid #313d52;box-shadow:inset 0 0 20px rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.28)}.premium-badge-art i{font-style:normal;font-size:31px;position:relative;z-index:2}.badge-flame{color:#ffb23f;border-color:#8a4722;box-shadow:0 0 22px rgba(255,112,35,.25),inset 0 -12px 24px rgba(255,72,24,.13)}.badge-flame i{animation:flameFlicker .65s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px #ff5b29)}.badge-heart{color:#ff568e;border-color:#78354c}.badge-heart i{animation:heartBeat 1.15s ease-in-out infinite;filter:drop-shadow(0 0 8px #ff3c77)}.badge-lightning i{filter:drop-shadow(0 0 8px #fff55a);animation:lightFlash 1.4s steps(2) infinite}.badge-crown i{color:#ffd661;filter:drop-shadow(0 0 9px #f7a928);animation:crownFloat2 2.4s ease-in-out infinite}.badge-skull i{color:#ecf2ff;text-shadow:0 0 10px #9ba9c4}
@keyframes flameFlicker{from{transform:translateY(1px) scale(.96) rotate(-2deg);filter:drop-shadow(0 0 6px #ff5b29)}to{transform:translateY(-3px) scale(1.07) rotate(2deg);filter:drop-shadow(0 0 13px #ffb13c)}}@keyframes heartBeat{0%,100%{transform:scale(1)}18%{transform:scale(1.14)}35%{transform:scale(.98)}50%{transform:scale(1.09)}}@keyframes lightFlash{50%{filter:brightness(1.8) drop-shadow(0 0 16px #56d9ff)}}@keyframes crownFloat2{50%{transform:translateY(-3px) rotate(2deg)}}

/* Tags */
.profile-tag{position:relative;overflow:hidden}.profile-tag::after{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.8) 50%,transparent 62%);transform:translateX(-140%) rotate(8deg);animation:tagShine 3.6s ease-in-out infinite}.tag-toxic{background:linear-gradient(180deg,#10230d,#091608)!important;border-color:#72ff40!important;color:#b7ff9c!important;box-shadow:0 0 10px rgba(90,255,58,.45),inset 0 0 10px rgba(92,255,50,.08)!important;animation:toxicTag 2.2s ease-in-out infinite}.tag-cute{background:linear-gradient(180deg,#351227,#200b19)!important;border-color:#ff75c8!important;color:#ffc8ea!important;box-shadow:0 0 12px rgba(255,87,189,.42)!important}.tag-no-life{background:linear-gradient(180deg,#23121a,#10090d)!important;border-color:#9a3a58!important;color:#f09ab6!important}.tag-no-life .tag-icon{display:inline-block;animation:brokenHeart 1.7s ease-in-out infinite}.tag-goat{background:linear-gradient(180deg,#35280c,#1b1305)!important;border-color:#ffd04e!important;color:#fff0a8!important;box-shadow:0 0 13px rgba(255,193,36,.42)!important}.tag-elite{background:linear-gradient(180deg,#24123f,#130922)!important;border-color:#b471ff!important;color:#e4c7ff!important;box-shadow:0 0 12px rgba(172,92,255,.4)!important}.tag-clutch{background:linear-gradient(180deg,#0e2934,#07151c)!important;border-color:#58e1ff!important;color:#c8f8ff!important;box-shadow:0 0 12px rgba(68,219,255,.35)!important}.tag-ez{background:linear-gradient(180deg,#0a2430,#07141b)!important;border-color:#28d7ff!important;color:#a9f3ff!important}.tag-w{background:linear-gradient(180deg,#102b14,#08150a)!important;border-color:#54ff69!important;color:#baffc3!important}.tag-l{background:linear-gradient(180deg,#311012,#190809)!important;border-color:#ff5e66!important;color:#ffc0c3!important}
@keyframes tagShine{0%,62%{transform:translateX(-140%) rotate(8deg)}78%,100%{transform:translateX(140%) rotate(8deg)}}@keyframes toxicTag{50%{box-shadow:0 0 20px rgba(85,255,51,.68),inset 0 0 12px rgba(90,255,50,.16)}}@keyframes brokenHeart{0%,100%{transform:scale(1) rotate(0)}40%{transform:scale(1.14) rotate(-5deg)}50%{transform:translateX(-1px) rotate(5deg)}60%{transform:translateX(1px) rotate(-4deg)}}

/* Banner art - most are animated, but light enough for the grid */
.mini-banner,.shop-banner-profile{position:relative;overflow:hidden;background:#151d2a}.banner-solid-color .mini-banner,.banner-solid-color.shop-visual .mini-banner{background:var(--custom-banner-color,#5865F2)!important}.banner-gold-stars .mini-banner{background:linear-gradient(125deg,#160f02,#4b3306 55%,#151006)}.banner-gold-stars .banner-fx{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe682;box-shadow:80px 10px #ffe682,150px 38px #fff1b1,250px 14px #ffd94f,340px 44px #fff;animation:starTwinkle 2s ease-in-out infinite}.banner-cyber-grid .mini-banner{background:linear-gradient(180deg,rgba(9,17,34,.3),rgba(6,11,21,.7)),repeating-linear-gradient(90deg,transparent 0 28px,rgba(37,238,255,.18) 29px 30px),repeating-linear-gradient(0deg,transparent 0 18px,rgba(111,72,255,.18) 19px 20px)}.banner-cyber-grid .banner-fx-a{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(44,226,255,.22),transparent);animation:scanMove 3.5s linear infinite}.banner-pearly-waves .mini-banner{background:linear-gradient(120deg,#162a46,#3b5982,#655d9b);background-size:200% 200%;animation:bannerDrift 7s ease infinite}.banner-rainbow-daydreams .mini-banner{background:linear-gradient(120deg,#3d1e74,#8f3fa1,#254f9d,#5f2e98);background-size:300% 300%;animation:bannerDrift 6s ease infinite}.banner-mer-bubbles .mini-banner{background:linear-gradient(120deg,#0c5060,#1b7482,#5a4b95);background-size:200% 200%;animation:bannerDrift 8s ease infinite}.banner-mer-bubbles .banner-fx-a,.banner-mer-bubbles .banner-fx-b,.banner-mer-bubbles .banner-fx-c{position:absolute;border:1px solid rgba(210,250,255,.7);border-radius:50%;width:12px;height:12px;animation:bubbleRise 4s ease-in infinite}.banner-mer-bubbles .banner-fx-a{left:15%;bottom:-12px}.banner-mer-bubbles .banner-fx-b{left:55%;bottom:-18px;width:20px;height:20px;animation-delay:1.1s}.banner-mer-bubbles .banner-fx-c{left:82%;bottom:-10px;width:8px;height:8px;animation-delay:2s}.banner-angry .mini-banner{background:linear-gradient(120deg,#240608,#5b0d14,#180608)}.banner-angry .banner-fx-a::before{content:"💢";position:absolute;right:8%;top:16%;font-size:30px;animation:angryJolt 1.1s steps(2) infinite}.banner-buffering .mini-banner{background:linear-gradient(110deg,#131a38,#273777,#0f1530)}.banner-buffering .banner-fx-a{position:absolute;right:10%;top:50%;width:25px;height:25px;border:3px solid rgba(255,255,255,.25);border-top-color:#8aa0ff;border-radius:50%;animation:spinRing 1s linear infinite}.banner-wisp .mini-banner{background:radial-gradient(circle at 20% 60%,rgba(96,255,183,.24),transparent 18%),radial-gradient(circle at 65% 30%,rgba(103,255,205,.16),transparent 15%),linear-gradient(130deg,#07150f,#123728,#07130e)}.banner-wisp .banner-fx-a{position:absolute;width:40px;height:16px;border-radius:50%;background:rgba(135,255,205,.3);filter:blur(7px);animation:wispFloat 4s ease-in-out infinite}.banner-ghost-moth .mini-banner{background:linear-gradient(120deg,#121319,#2b2e38,#13141b)}.banner-ghost-moth .banner-fx-a::before{content:"◇";position:absolute;right:14%;top:32%;font-size:27px;color:#dfe5ed;text-shadow:0 0 15px #fff;animation:mothFloat 3s ease-in-out infinite}.banner-moonflowers .mini-banner{background:radial-gradient(circle at 80% 15%,rgba(225,239,255,.17),transparent 16%),linear-gradient(125deg,#07110d,#10261b,#101523)}.banner-moonflowers .banner-fx-a::before{content:"❀  ❁  ❀";position:absolute;right:6%;bottom:5%;font-size:25px;color:#dff6dc;text-shadow:0 0 12px #8de2b7;animation:flowerSway 3.2s ease-in-out infinite}.banner-dark-roses .mini-banner{background:linear-gradient(125deg,#050506,#151116,#070708)}.banner-dark-roses .banner-fx-a::before{content:"✿  ❀  ✿";position:absolute;right:5%;bottom:-2px;font-size:27px;color:#756b77;filter:drop-shadow(0 0 8px #cabcd1);animation:flowerSway 4s ease-in-out infinite}.banner-natures-glitter .mini-banner{background:linear-gradient(115deg,#59300d,#d47416,#402006);background-size:200% 200%;animation:bannerDrift 7s ease infinite}.banner-natures-glitter .banner-fx-a{position:absolute;inset:0;background-image:radial-gradient(circle,#fff4a3 1px,transparent 1.5px);background-size:38px 28px;animation:glitterFlow 4s linear infinite}
@keyframes bannerDrift{50%{background-position:100% 50%}}@keyframes starTwinkle{50%{opacity:.25;transform:scale(.7)}}@keyframes scanMove{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes bubbleRise{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:.8}100%{transform:translateY(-95px) scale(1.15);opacity:0}}@keyframes wispFloat{0%,100%{left:10%;top:60%}50%{left:65%;top:25%}}@keyframes mothFloat{50%{transform:translate(-6px,-5px) rotate(8deg);opacity:.65}}@keyframes flowerSway{50%{transform:translateY(-3px) rotate(2deg)}}@keyframes glitterFlow{to{background-position:76px -56px}}

/* Themes */
.theme-midnight{position:relative;background:radial-gradient(circle at 80% 5%,rgba(122,122,255,.16),transparent 25%),linear-gradient(145deg,#090b18,#11152c 55%,#070812)!important;box-shadow:inset 0 0 80px rgba(19,25,69,.28)}.theme-midnight::before{content:"⌁  ⌁  ⌁";position:absolute;right:5%;top:12%;color:#4a4f7d;letter-spacing:12px;font-size:18px;animation:batsDrift 7s ease-in-out infinite}.theme-nebula{position:relative;background:radial-gradient(circle at 20% 15%,rgba(181,83,255,.25),transparent 25%),radial-gradient(circle at 80% 70%,rgba(64,153,255,.22),transparent 28%),linear-gradient(140deg,#090b1a,#261044,#0a183a)!important;background-size:140% 140%;animation:nebulaShift 9s ease-in-out infinite}.theme-nebula::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1.5px);background-size:42px 42px;opacity:.25;animation:starField 14s linear infinite}.theme-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#9a8cff;box-shadow:0 0 10px currentColor}.theme-particle.one{left:18%;top:20%;animation:particleFloat 4s ease-in-out infinite}.theme-particle.two{right:15%;top:30%;animation:particleFloat 5s ease-in-out infinite reverse}.theme-particle.three{right:32%;bottom:15%;animation:particleFloat 6s ease-in-out infinite}
@keyframes batsDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(-22px,8px)}}@keyframes nebulaShift{50%{background-position:100% 60%;filter:hue-rotate(12deg)}}@keyframes starField{to{background-position:84px 42px}}@keyframes particleFloat{50%{transform:translateY(-9px) scale(1.4);opacity:.5}}

/* Accent polish — name text only; no border/glow/underline side effects. */
.accent-preview-user strong{color:var(--sample-accent,var(--profile-accent))}.accent-card-preview{box-shadow:none!important}.accent-demo-line{display:none!important}

#customBannerColorWrap input[type=color]{width:100%;height:44px;padding:4px;border:1px solid #2a3547;border-radius:12px;background:#0c121b;cursor:pointer}

@media (prefers-reduced-motion:reduce){.shop-card,.profile-tag::after,.frame-golden-glow::before,.frame-golden-glow::after,.frame-blue-pulse::before,.frame-purple-pulse::before,.banner-fx,.theme-midnight::before,.theme-nebula,.theme-nebula::before,.premium-badge-art i{animation:none!important;transition:none!important}}


/* V28 — premium decoration alignment + animation polish */
.frame-showcase{
  height:136px!important;
  overflow:visible!important;
  padding:22px 14px 26px!important;
  display:grid!important;
  place-items:center!important;
}
.frame-showcase .shop-frame-sample{width:112px;height:112px;overflow:visible!important}
.frame-showcase .shop-frame-sample img,
.frame-showcase .shop-avatar-placeholder{width:74px;height:74px}
.profile-avatar-wrap,.leaderboard-avatar-wrap,.shop-frame-sample{overflow:visible!important}

/* Remove the old heavy fill from premium avatar decorations; artwork sits around the PFP. */
.frame-golden-glow,.frame-star-halo,.frame-witch-dust,.frame-maple-wreath,.frame-leafy-loaf,.frame-bear-ears{
  background:transparent!important;
  box-shadow:none!important;
}

/* Golden Glow — slim premium halo + orbiting glints. */
.frame-golden-glow::before{
  content:"";position:absolute;inset:-9px;border-radius:50%;
  border:3px solid #ffd86b;
  background:transparent;
  box-shadow:0 0 10px #ffc83d,0 0 27px rgba(255,194,42,.72),inset 0 0 11px rgba(255,238,177,.3);
  animation:v28GoldBreath 2.35s ease-in-out infinite;z-index:1
}
.frame-golden-glow::after{content:none!important}
.frame-golden-glow .frame-fx-a,.frame-golden-glow .frame-fx-b,.frame-golden-glow .frame-fx-c,
.frame-star-halo .frame-fx-a,.frame-star-halo .frame-fx-b,.frame-star-halo .frame-fx-c,
.frame-witch-dust .frame-fx-a,.frame-witch-dust .frame-fx-b,.frame-witch-dust .frame-fx-c{
  left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;z-index:4
}
.frame-golden-glow .frame-fx-a::before,.frame-golden-glow .frame-fx-b::before,.frame-golden-glow .frame-fx-c::before{
  content:"✦";color:#fff3b0;font-size:10px;text-shadow:0 0 8px #ffd14d,0 0 14px rgba(255,187,40,.9)
}
.frame-golden-glow .frame-fx-a{animation:v28Orbit54 4.2s linear infinite}
.frame-golden-glow .frame-fx-b{animation:v28Orbit58 5.4s linear infinite reverse}
.frame-golden-glow .frame-fx-c{animation:v28Orbit50 6.4s linear infinite;animation-delay:-2s}

/* Star Halo — independent stars actually orbit the avatar instead of rotating as a straight text row. */
.frame-star-halo::before{
  content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,226,129,.45);
  box-shadow:0 0 12px rgba(255,214,90,.42),inset 0 0 10px rgba(255,239,176,.16);z-index:1
}
.frame-star-halo .frame-fx-a::before,.frame-star-halo .frame-fx-b::before,.frame-star-halo .frame-fx-c::before{
  content:"✦";color:#fff6ad;font-size:12px;text-shadow:0 0 8px #ffd85a,0 0 15px rgba(255,215,86,.7)
}
.frame-star-halo .frame-fx-a{animation:v28Orbit58 4s linear infinite}
.frame-star-halo .frame-fx-b{animation:v28Orbit53 5.1s linear infinite reverse}
.frame-star-halo .frame-fx-c{animation:v28Orbit61 6.2s linear infinite;animation-delay:-1.7s}

/* Witch Dust — three colored magical particles orbit around the PFP. */
.frame-witch-dust::before{
  content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(171,119,255,.42);
  box-shadow:0 0 14px rgba(128,112,255,.34),inset 0 0 13px rgba(247,102,255,.08);z-index:1
}
.frame-witch-dust .frame-fx-a::before,.frame-witch-dust .frame-fx-b::before,.frame-witch-dust .frame-fx-c::before{content:"✦";font-size:11px;text-shadow:0 0 9px currentColor}
.frame-witch-dust .frame-fx-a{color:#ff71db;animation:v28Orbit54 3s linear infinite}
.frame-witch-dust .frame-fx-b{color:#63f3ff;animation:v28Orbit60 4.3s linear infinite reverse}
.frame-witch-dust .frame-fx-c{color:#ffd86b;animation:v28Orbit49 5.5s linear infinite;animation-delay:-1.4s}

/* Bear Ears — two real ears anchored behind the avatar. */
.frame-bear-ears::before,.frame-bear-ears::after{
  content:""!important;position:absolute!important;top:-8px!important;width:31px!important;height:31px!important;border-radius:50%!important;
  background:radial-gradient(circle at 50% 57%,#d9a4af 0 29%,#7a5041 31% 62%,#32211c 64% 100%)!important;
  box-shadow:0 4px 11px rgba(0,0,0,.34),inset 0 1px 2px rgba(255,255,255,.14)!important;z-index:1!important
}
.frame-bear-ears::before{left:12px!important;transform:rotate(-17deg)!important}
.frame-bear-ears::after{right:12px!important;left:auto!important;transform:rotate(17deg)!important}
.frame-bear-ears img,.frame-bear-ears .shop-avatar-placeholder{position:relative;z-index:2}

/* Maple Wreath — leaves hug the avatar ring instead of floating away from it. */
.frame-maple-wreath::before{
  content:""!important;position:absolute!important;inset:-10px!important;border-radius:50%!important;
  border:3px solid transparent!important;border-top-color:#ff9a2b!important;border-right-color:#c9601b!important;border-bottom-color:#ffb14f!important;
  box-shadow:0 0 14px rgba(231,127,33,.26)!important;transform:none!important;filter:none!important;z-index:1
}
.frame-maple-wreath::after{content:none!important}
.frame-maple-wreath .frame-fx-a,.frame-maple-wreath .frame-fx-b,.frame-maple-wreath .frame-fx-c{position:absolute!important;inset:auto!important;border:0!important;width:auto!important;height:auto!important;z-index:4}
.frame-maple-wreath .frame-fx-a::before,.frame-maple-wreath .frame-fx-b::before,.frame-maple-wreath .frame-fx-c::before{content:"🍁";font-size:19px;filter:drop-shadow(0 2px 4px rgba(55,24,7,.72))}
.frame-maple-wreath .frame-fx-a{left:4px;top:5px;animation:v28LeafA 2.6s ease-in-out infinite!important;transform:none!important}
.frame-maple-wreath .frame-fx-b{right:2px;top:24px;animation:v28LeafB 2.35s ease-in-out infinite!important}
.frame-maple-wreath .frame-fx-c{left:50%;bottom:-3px;animation:v28LeafC 2.8s ease-in-out infinite!important}

/* Leafy Loaf — compact leaf bed that stays attached to the PFP. */
.frame-leafy-loaf::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(190,139,55,.32);z-index:1}
.frame-leafy-loaf::after{content:"🍂  🍁  🍂"!important;left:50%!important;right:auto!important;bottom:-9px!important;transform:translateX(-50%)!important;font-size:19px!important;letter-spacing:1px!important;white-space:nowrap!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))!important;z-index:4}

/* Golden Stars — real four-point star shapes with separate twinkle/drift timing. */
.banner-gold-stars .mini-banner{
  background:radial-gradient(circle at 50% -15%,rgba(255,208,83,.16),transparent 40%),linear-gradient(125deg,#100b02,#3b2704 52%,#120d03)!important;
  position:relative;overflow:hidden
}
.banner-gold-stars .banner-fx-a,.banner-gold-stars .banner-fx-b,.banner-gold-stars .banner-fx-c{
  position:absolute!important;border:0!important;border-radius:0!important;background:linear-gradient(135deg,#fff9c4,#ffc93f)!important;
  box-shadow:0 0 9px rgba(255,211,78,.88)!important;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:v28StarFloat 3.2s ease-in-out infinite!important
}
.banner-gold-stars .banner-fx-a{width:11px!important;height:11px!important;left:17%!important;top:24%!important}
.banner-gold-stars .banner-fx-b{width:7px!important;height:7px!important;left:63%!important;top:46%!important;animation-delay:-1.1s!important}
.banner-gold-stars .banner-fx-c{width:9px!important;height:9px!important;left:82%!important;top:20%!important;animation-delay:-2.15s!important}

/* Angry — premium rage pulse and animated slashes, no floating emoji blob. */
.banner-angry .mini-banner{
  background:radial-gradient(circle at 83% 32%,rgba(255,54,80,.2),transparent 22%),linear-gradient(120deg,#25070b,#72131c 52%,#210509)!important;
  animation:v28AngryPulse 2.2s ease-in-out infinite
}
.banner-angry .banner-fx-a,.banner-angry .banner-fx-b,.banner-angry .banner-fx-c{position:absolute!important;width:33px!important;height:6px!important;border-radius:999px!important;background:linear-gradient(90deg,#ff3753,#ff98a9)!important;box-shadow:0 0 12px rgba(255,50,80,.8)!important;transform:rotate(-50deg)!important;animation:v28RageSlash 1.05s steps(2) infinite!important}
.banner-angry .banner-fx-a{right:9%!important;top:27%!important}
.banner-angry .banner-fx-b{right:15%!important;top:49%!important;animation-delay:-.35s!important}
.banner-angry .banner-fx-c{right:5%!important;top:57%!important;animation-delay:-.7s!important}
.banner-angry .banner-fx-a::before{content:none!important}

/* Buffering — continuously spinning loading ring + moving scan highlight. */
.banner-buffering .mini-banner{background:linear-gradient(110deg,#121936,#273777,#0f1530)!important;position:relative;overflow:hidden}
.banner-buffering .mini-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(148,166,255,.12) 50%,transparent 80%);transform:translateX(-100%);animation:v28BufferScan 2.2s linear infinite}
.banner-buffering .banner-fx-a{right:9%!important;top:50%!important;width:25px!important;height:25px!important;margin-top:-12.5px!important;border:3px solid rgba(255,255,255,.18)!important;border-top-color:#91a7ff!important;border-right-color:#d1dcff!important;border-radius:50%!important;background:transparent!important;box-shadow:0 0 11px rgba(125,151,255,.28)!important;animation:v28Spinner .82s linear infinite!important}

@keyframes v28GoldBreath{50%{filter:brightness(1.22);box-shadow:0 0 16px #ffd45d,0 0 37px rgba(255,194,42,.9),inset 0 0 13px rgba(255,241,186,.55)}}
@keyframes v28Orbit49{from{transform:rotate(0deg) translateX(49px) rotate(0deg)}to{transform:rotate(360deg) translateX(49px) rotate(-360deg)}}
@keyframes v28Orbit50{from{transform:rotate(0deg) translateX(50px) rotate(0deg)}to{transform:rotate(360deg) translateX(50px) rotate(-360deg)}}
@keyframes v28Orbit53{from{transform:rotate(0deg) translateX(53px) rotate(0deg)}to{transform:rotate(360deg) translateX(53px) rotate(-360deg)}}
@keyframes v28Orbit54{from{transform:rotate(0deg) translateX(54px) rotate(0deg)}to{transform:rotate(360deg) translateX(54px) rotate(-360deg)}}
@keyframes v28Orbit58{from{transform:rotate(0deg) translateX(58px) rotate(0deg)}to{transform:rotate(360deg) translateX(58px) rotate(-360deg)}}
@keyframes v28Orbit60{from{transform:rotate(0deg) translateX(60px) rotate(0deg)}to{transform:rotate(360deg) translateX(60px) rotate(-360deg)}}
@keyframes v28Orbit61{from{transform:rotate(0deg) translateX(61px) rotate(0deg)}to{transform:rotate(360deg) translateX(61px) rotate(-360deg)}}
@keyframes v28LeafA{50%{transform:translate(-2px,-2px) rotate(-7deg)}}
@keyframes v28LeafB{50%{transform:translate(2px,-3px) rotate(8deg)}}
@keyframes v28LeafC{0%,100%{transform:translateX(-50%) rotate(-2deg)}50%{transform:translateX(-50%) translateY(-2px) rotate(4deg)}}
@keyframes v28StarFloat{0%,100%{opacity:.55;transform:translateY(0) scale(.75) rotate(0)}50%{opacity:1;transform:translateY(-4px) scale(1.25) rotate(45deg)}}
@keyframes v28AngryPulse{50%{filter:saturate(1.25) brightness(1.08)}}
@keyframes v28RageSlash{50%{transform:translate(2px,-2px) rotate(-50deg) scaleX(.85)}}
@keyframes v28BufferScan{to{transform:translateX(100%)}}
@keyframes v28Spinner{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion:reduce){
  .frame-golden-glow .frame-fx-a,.frame-golden-glow .frame-fx-b,.frame-golden-glow .frame-fx-c,
  .frame-star-halo .frame-fx-a,.frame-star-halo .frame-fx-b,.frame-star-halo .frame-fx-c,
  .frame-witch-dust .frame-fx-a,.frame-witch-dust .frame-fx-b,.frame-witch-dust .frame-fx-c,
  .banner-gold-stars .banner-fx-a,.banner-gold-stars .banner-fx-b,.banner-gold-stars .banner-fx-c,
  .banner-angry .banner-fx-a,.banner-angry .banner-fx-b,.banner-angry .banner-fx-c,
  .banner-buffering .banner-fx-a,.banner-buffering .mini-banner::before{animation:none!important}
}


/* V31 cosmetics recovery. Every surface uses the same avatar and banner FX markup. */
/* One square coordinate system, including the image/logo itself. */
.avatar-cosmetic.avatar-cosmetic-wrap,
.frame-showcase .shop-frame-sample.avatar-cosmetic,
.mini-profile-body .profile-avatar-wrap.avatar-cosmetic {
  position:relative!important;display:block!important;width:var(--avatar-size,86px)!important;height:var(--avatar-size,86px)!important;
  min-width:var(--avatar-size,86px)!important;flex:0 0 var(--avatar-size,86px)!important;
  aspect-ratio:1/1!important;padding:0!important;margin:auto!important;border:0!important;
  border-radius:50%;overflow:visible!important;isolation:isolate;transform:none!important;transform-origin:center;
  background:transparent!important;box-shadow:none!important;animation:none!important;
}
.avatar-cosmetic>.avatar-cosmetic-image,
.frame-showcase .shop-frame-sample.avatar-cosmetic>.avatar-cosmetic-image {
  display:grid!important;place-items:center;position:absolute!important;z-index:2;
  inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;transform-origin:center;
  width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;
  border-radius:50%!important;object-fit:cover!important;object-position:center!important;background:#1b2432;
}
.avatar-cosmetic>.cosmetic-back,.avatar-cosmetic>.cosmetic-frame,.avatar-cosmetic>.cosmetic-front{
  display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  border-radius:0!important;background:none!important;pointer-events:none;transform-origin:center;overflow:visible;
}
.cosmetic-back{z-index:1}.cosmetic-frame{z-index:3}.cosmetic-front{z-index:4}
.shop-visual.frame-showcase{overflow:visible!important}
/* Name accents affect text only. The premium names breathe gently. */
.accent-card-preview{border-color:var(--line)!important;background:#0a0f17!important;box-shadow:none!important}
.accent-card-preview .accent-preview-user strong{color:var(--sample-accent)!important}
.accent-prism h2,.accent-prism h3{background:none!important;animation:none!important;color:inherit!important;text-shadow:none!important}
.mini-profile-preview[class*="accent-"] .cosmetic-display-name,
.profile-banner-card[class*="accent-"] .cosmetic-display-name,
.public-profile-hero[class*="accent-"] .cosmetic-display-name{color:var(--profile-accent)!important}
.accent-purple .cosmetic-display-name,.accent-purple.accent-card-preview .accent-preview-user strong{
  animation:v31TextGlow 2.7s ease-in-out infinite;color:#b995ff!important;
}
.accent-prism .cosmetic-display-name,.accent-prism.accent-card-preview .accent-preview-user strong{
  background:linear-gradient(100deg,#ff9bd9,#afa2ff,#9de9ff,#ffdc9a,#ff9bd9);
  background-size:250% 100%;-webkit-background-clip:text;background-clip:text;
  color:transparent!important;animation:v31PrismText 12s ease-in-out infinite,v31PrismGlow 2.8s ease-in-out infinite;
}
@keyframes v31TextGlow{0%,100%{text-shadow:0 0 4px rgba(174,121,255,.42),0 0 9px rgba(174,121,255,.2)}50%{text-shadow:0 0 6px rgba(187,145,255,.68),0 0 14px rgba(174,121,255,.38)}}
@keyframes v31PrismGlow{0%,100%{text-shadow:0 0 4px rgba(185,166,255,.28)}50%{text-shadow:0 0 7px rgba(190,178,255,.55),0 0 13px rgba(140,212,255,.23)}}
@keyframes v31PrismText{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}

/* Recovered frames own their artwork in explicit layers. Legacy pseudo art is suppressed. */
.avatar-cosmetic:is(.frame-purple-pulse,.frame-purple-plus,.frame-blue-pulse,.frame-blue-plus,.frame-star-halo,.frame-witch-dust,.frame-maple-wreath,.frame-leafy-loaf,.frame-angry,.frame-bear-ears,.frame-fox-ears)::before,
.avatar-cosmetic:is(.frame-purple-pulse,.frame-purple-plus,.frame-blue-pulse,.frame-blue-plus,.frame-star-halo,.frame-witch-dust,.frame-maple-wreath,.frame-leafy-loaf,.frame-angry,.frame-bear-ears,.frame-fox-ears)::after{content:none!important}
.avatar-cosmetic{--ornament:#c493ff;--ornament-glow:#934cff}
.avatar-cosmetic:is(.frame-blue-pulse,.frame-blue-plus){--ornament:#82d6ff;--ornament-glow:#2787ff}
.cosmetic-orbit{position:absolute;inset:-10%;border-radius:50%;transform-origin:center;pointer-events:none}
.cosmetic-spoke{position:absolute;inset:0;transform:rotate(var(--angle));transform-origin:center}
.cosmetic-symbol{position:absolute;left:50%;top:0;display:grid;place-items:center;line-height:1;font-style:normal;transform:translate(-50%,-50%) rotate(calc(-1 * var(--angle)));transform-origin:center;animation-delay:var(--phase)!important}
.cosmetic-orbit-plus .cosmetic-symbol{font:800 calc(var(--avatar-size)*.23)/1 Arial,sans-serif;color:var(--ornament);text-shadow:0 0 5px var(--ornament-glow)}
.cosmetic-aura{position:absolute;inset:-6%;border:1px solid var(--ornament);border-radius:50%;box-shadow:0 0 9px var(--ornament-glow);animation:cosmeticAura 2.8s ease-in-out infinite}
@keyframes cosmeticAura{0%,100%{opacity:.32;scale:1}50%{opacity:.66;scale:1.025}}
.cosmetic-ring{position:absolute;inset:-9%;border:1px solid #f6cd69;border-radius:50%;box-shadow:0 0 7px #daa83855}
.cosmetic-orbit-stars{animation:cosmeticOrbit 14s linear infinite}
.cosmetic-orbit-stars .cosmetic-symbol{color:#ffe99c;font-size:calc(var(--avatar-size)*.19);text-shadow:0 0 6px #e8b947;animation:cosmeticTwinkle 2.8s ease-in-out infinite}
.cosmetic-orbit-stars .cosmetic-spoke:nth-child(2n) .cosmetic-symbol{font-size:calc(var(--avatar-size)*.13)}
@keyframes cosmeticOrbit{to{transform:rotate(360deg)}}
@keyframes cosmeticTwinkle{0%,100%{opacity:.55;scale:.8}50%{opacity:1;scale:1.12}}
.cosmetic-orbit-dust{inset:-12%;animation:cosmeticOrbit 18s linear infinite}
.cosmetic-orbit-dust .cosmetic-symbol{font-size:calc(var(--avatar-size)*.085);color:#d09dff;text-shadow:0 0 6px #a569ef;animation:cosmeticTwinkle 2.5s ease-in-out infinite}
.cosmetic-orbit-dust .cosmetic-spoke:nth-child(3n){inset:4%}
.cosmetic-orbit-dust .cosmetic-spoke:nth-child(3n) .cosmetic-symbol{color:#ffe1f1;font-size:calc(var(--avatar-size)*.05)}
.cosmetic-orbit-dust .cosmetic-spoke:nth-child(4n) .cosmetic-symbol{color:#fef9ff;font-size:calc(var(--avatar-size)*.11)}
.frame-maple-wreath .cosmetic-ring,.frame-leafy-loaf .cosmetic-ring{border:3px solid #815429;box-shadow:0 0 0 2px #ad803b55;inset:-6%}
.cosmetic-orbit-leaves{inset:-7%;animation:cosmeticLeafSway 4s ease-in-out infinite}
.cosmetic-orbit-leaves .cosmetic-symbol{font-size:calc(var(--avatar-size)*.23);transform:translate(-50%,-50%) rotate(25deg);filter:drop-shadow(0 1px 2px #25140588)}
.cosmetic-orbit-leaves .cosmetic-spoke:nth-child(3n) .cosmetic-symbol{scale:.8;filter:hue-rotate(20deg)}
.cosmetic-leaf{display:block;width:calc(var(--avatar-size)*.23);height:calc(var(--avatar-size)*.13);border-radius:100% 0 100% 0;background:linear-gradient(145deg,#eec777,#b1732a 49%,#664321 51%,#b38337 58%,#eac676);transform:rotate(-35deg);box-shadow:0 1px 3px #20130899}
.cosmetic-spoke:nth-child(3n) .cosmetic-leaf{background:linear-gradient(145deg,#cee898,#73933f 49%,#394f25 51%,#82a246 58%,#b5d776)}
@keyframes cosmeticLeafSway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}
/* Attached ears retain their percentage anchors; only the outside ear cap is visible. */
.cosmetic-ear{position:absolute;top:-13%;width:38%;height:39%;background:radial-gradient(circle at 50% 58%,#dca5a9 0 28%,#765048 31% 66%,#2e211f 69%);border-radius:52% 52% 42% 42%;clip-path:polygon(0 0,100% 0,100% 75%,70% 62%,30% 62%,0 75%);transform-origin:50% 100%}
.cosmetic-ear-left{left:3%;transform:rotate(-17deg)}.cosmetic-ear-right{right:3%;transform:rotate(17deg)}
.frame-fox-ears .cosmetic-ear{top:-19%;width:43%;height:48%;border-radius:0;background:linear-gradient(145deg,#ffca94,#f1792e 60%,#793818);clip-path:polygon(50% 0,100% 100%,68% 79%,50% 72%,32% 79%,0 100%)}
.frame-fox-ears .cosmetic-ear::after{content:"";position:absolute;inset:24% 28% 26%;background:#ffe1d1;clip-path:polygon(50% 0,100% 100%,0 100%)}
.cosmetic-orbit-moths{inset:-14%;animation:cosmeticOrbit 17s linear infinite}
.cosmetic-moth{display:block;width:calc(var(--avatar-size)*.18);height:calc(var(--avatar-size)*.13);background:linear-gradient(90deg,#c9b8ff99,#eff5ff,#99c7ff99);clip-path:polygon(50% 42%,4% 4%,0 68%,26% 96%,48% 60%,52% 60%,74% 96%,100% 68%,96% 4%);animation:cosmeticMothFlutter 1.8s ease-in-out infinite;animation-delay:var(--phase)}
@keyframes cosmeticMothFlutter{0%,100%{opacity:.6;scale:.85 1}50%{opacity:1;scale:1.08 .75}}
.cosmetic-rage-ring{position:absolute;inset:-8%;border:2px solid #fa273b;border-left-color:transparent;border-radius:50%;box-shadow:0 0 0 3px #ef223333;transform:rotate(-25deg);animation:cosmeticAura 1.6s ease-in-out infinite}
.cosmetic-anger-mark{position:absolute;left:77%;top:-16%;width:34%;height:34%;color:#ff344a;filter:drop-shadow(0 0 2px #180509) drop-shadow(0 0 4px #ff253f99);animation:v31RageMark 1.4s ease-in-out infinite}
.cosmetic-anger-mark svg{display:block;width:100%;height:100%}
.cosmetic-anger-mark.secondary{left:-13%;top:71%;width:23%;height:23%;animation-delay:-.7s}
.cosmetic-slash{position:absolute;width:20%;height:5%;background:linear-gradient(90deg,#ff273c,#ffb39b);clip-path:polygon(0 0,100% 35%,100% 65%,0 100%);rotate:-52deg;animation:v31RageSlash 1.4s ease-in-out infinite}
.cosmetic-slash.one{left:-12%;top:12%}.cosmetic-slash.two{left:-18%;top:25%;width:16%;animation-delay:-.15s}.cosmetic-slash.three{right:-14%;bottom:18%;animation-delay:-.7s}
@keyframes v31RageMark{0%,70%,100%{transform:scale(.95) rotate(-4deg)}76%{transform:scale(1.12) rotate(4deg)}82%{transform:scale(1.05) rotate(-3deg)}88%{transform:scale(1.08) rotate(2deg)}}
@keyframes v31RageSlash{0%,65%,100%{opacity:.55;translate:0 0}75%{opacity:1;translate:1px -1px}82%{translate:-1px 0}90%{opacity:1;translate:0 0}}

/* Banner artwork lives in the same FX layer on shop, preview and both profiles. */
.mini-banner,.shop-banner-profile{position:relative;overflow:hidden;isolation:isolate}
.cosmetic-banner-fx{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:0}
.mini-banner>.shop-banner-user{position:absolute;z-index:2}
.profile-banner-card,.public-profile-hero{position:relative;overflow:hidden;isolation:isolate}
.profile-banner-card>.cosmetic-banner-fx,.public-profile-hero>.cosmetic-banner-fx{inset:0 0 auto;height:58%;border-radius:19px 19px 12px 12px}
.profile-banner-card>.avatar-cosmetic,.profile-banner-card>.profile-copy,.profile-banner-card>.profile-balance,
.public-profile-hero>.avatar-cosmetic,.public-profile-hero>.profile-copy{position:relative;z-index:2}
.shop-card .shop-visual[class*="banner-"]{padding:14px!important}
.shop-card .shop-visual[class*="banner-"] .shop-banner-profile,.shop-item-details .shop-visual[class*="banner-"] .shop-banner-profile{border-radius:18px!important;overflow:hidden!important}
.mini-profile-preview>.mini-banner{overflow:hidden}
.banner-solid-color>.cosmetic-banner-fx,.banner-solid-color .mini-banner>.cosmetic-banner-fx{background:var(--custom-banner-color,#5865f2)}
.profile-banner-card.banner-solid-color,.public-profile-hero.banner-solid-color{background-image:none!important}

:is(.banner-gold-stars,.banner-mer-bubbles,.banner-buffering,.banner-angry,.banner-rainbow-daydreams,.banner-wisp,.banner-ghost-moth,.banner-neutral-glitcher,.banner-neutral-glitch,.banner-pearly-waves,.banner-natures-glitter)>.mini-banner,
:is(.profile-banner-card,.public-profile-hero):is(.banner-gold-stars,.banner-mer-bubbles,.banner-buffering,.banner-angry,.banner-rainbow-daydreams,.banner-wisp,.banner-ghost-moth,.banner-neutral-glitcher,.banner-neutral-glitch,.banner-pearly-waves,.banner-natures-glitter){
  background-image:none!important;animation:none!important;
}

/* Buffering: a real continuous loading ring and a passing blue sweep. */
.banner-buffering .cosmetic-banner-fx{background:linear-gradient(110deg,#0a1230,#233b7e,#473c92,#101938);background-size:250% 100%;animation:v31BufferBackground 6s ease-in-out infinite}
.banner-buffering .cosmetic-banner-fx::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 12%,rgba(177,201,255,.2) 48%,transparent 77%);transform:translateX(-110%);animation:v31Sweep 2.6s linear infinite}
.banner-buffering .banner-fx{display:none!important}
.banner-buffering .banner-fx-a{display:block!important;position:absolute!important;right:8%!important;top:50%!important;left:auto!important;bottom:auto!important;width:28px!important;height:28px!important;margin:-14px 0 0!important;border:3px solid rgba(222,233,255,.22)!important;border-top-color:#d8e4ff!important;border-right-color:#86a2ff!important;border-radius:50%!important;background:transparent!important;box-shadow:0 0 12px rgba(137,160,255,.3)!important;animation:v31Spinner .95s linear infinite!important}
.banner-buffering .banner-fx-a::before,.banner-buffering .mini-banner::before{content:none!important}
@keyframes v31BufferBackground{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes v31Sweep{to{transform:translateX(110%)}}
@keyframes v31Spinner{to{transform:rotate(360deg)}}

/* Bubbles: sixteen translucent outlined bubbles rising at staggered phases. */
.banner-mer-bubbles .cosmetic-banner-fx{background:radial-gradient(circle at 25% 20%,rgba(180,249,255,.15),transparent 27%),linear-gradient(115deg,#094a62,#247a8c,#61529a,#0d5369);background-size:180% 180%;animation:v31BannerDrift 10s ease-in-out infinite}
.banner-mer-bubbles .banner-fx{position:absolute!important;left:var(--x)!important;right:auto!important;top:auto!important;bottom:-25px!important;width:var(--size)!important;height:var(--size)!important;border:1px solid rgba(222,254,255,.76)!important;border-radius:50%!important;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.76) 0 9%,rgba(222,255,255,.08) 17% 62%,rgba(164,237,255,.16) 100%)!important;box-shadow:inset -2px -2px 5px rgba(210,250,255,.19),0 0 5px rgba(154,232,255,.16)!important;opacity:0;animation:v31BubbleRise var(--duration,5.5s) linear infinite!important;animation-delay:var(--delay,0s)!important}
.banner-mer-bubbles .banner-fx::before{content:"";position:absolute;left:20%;top:14%;width:27%;height:12%;border-radius:50%;background:rgba(255,255,255,.72);rotate:-30deg}
@keyframes v31BubbleRise{0%{transform:translate3d(0,0,0) scale(.85);opacity:0}13%{opacity:.85}80%{opacity:.75}100%{transform:translate3d(var(--drift,8px),-160px,0) scale(1.09);opacity:0}}
@keyframes v31BannerDrift{0%,100%{background-position:0 45%}50%{background-position:100% 55%}}

/* Golden Stars: actual four-point stars, never dot shadows. */
.banner-gold-stars .cosmetic-banner-fx{background:radial-gradient(circle at 50% -30%,rgba(255,205,74,.28),transparent 48%),linear-gradient(115deg,#100b04,#493006,#2c1b07,#130c04);background-size:180% 140%;animation:v31BannerDrift 11s ease-in-out infinite}
.banner-gold-stars .banner-fx{position:absolute!important;left:var(--x)!important;top:var(--y)!important;right:auto!important;bottom:auto!important;width:var(--size)!important;height:var(--size)!important;border:0!important;border-radius:0!important;background:var(--star,#ffe382)!important;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)!important;box-shadow:none!important;filter:drop-shadow(0 0 5px #ffd24d);animation:v31StarTwinkle var(--duration,3.4s) ease-in-out infinite!important;animation-delay:var(--delay,0s)!important}
@keyframes v31StarTwinkle{0%,100%{opacity:.52;transform:translateY(2px) scale(.8)}50%{opacity:1;transform:translateY(-3px) scale(1.13)}}

/* Angry banner carries the same sharp comic marks as the avatar frame. */
.banner-angry .cosmetic-banner-fx{background:radial-gradient(circle at 83% 32%,rgba(255,65,84,.23),transparent 30%),linear-gradient(115deg,#25060a,#6f1420,#2a070d);background-size:160% 100%;animation:v31BannerDrift 5s ease-in-out infinite}
.banner-angry .mini-banner::after{content:none!important}
.banner-angry .banner-fx{display:none!important}
.banner-angry .banner-fx:nth-of-type(-n+5){display:block!important;position:absolute!important;left:var(--x)!important;top:var(--y)!important;right:auto!important;bottom:auto!important;width:var(--size)!important;height:var(--size)!important;border:0!important;border-radius:0!important;background:#ff3d53!important;clip-path:polygon(46% 0,58% 34%,100% 21%,69% 50%,100% 79%,59% 66%,46% 100%,37% 66%,0 81%,29% 50%,0 22%,37% 35%)!important;filter:drop-shadow(0 0 6px #e93248);animation:v31RageMark 1.25s ease-in-out infinite!important;animation-delay:var(--delay,0s)!important}
.banner-angry .banner-fx:nth-of-type(n+6):nth-of-type(-n+9){display:block!important;position:absolute!important;left:var(--x)!important;top:var(--y)!important;width:var(--size)!important;height:4px!important;border-radius:2px!important;background:#ff8590!important;transform:rotate(-42deg);box-shadow:0 0 9px #ff3f54;animation:v31RageSlash 1.2s ease-in-out infinite!important;animation-delay:var(--delay,0s)!important}
.banner-angry .banner-fx::before{content:none!important}

/* Wisps are tapered flame shapes on curved, independent paths. */
.banner-wisp .cosmetic-banner-fx{background:radial-gradient(circle at 70% 65%,rgba(62,147,210,.19),transparent 30%),linear-gradient(115deg,#061324,#123b52,#2b2254,#071727);background-size:170% 150%;animation:v31BannerDrift 12s ease-in-out infinite}
.banner-wisp .banner-fx{display:none!important}
.banner-wisp .banner-fx:nth-of-type(-n+8){display:block!important;position:absolute!important;left:var(--x)!important;top:var(--y)!important;width:var(--size)!important;height:calc(var(--size)*1.55)!important;border:0!important;border-radius:60% 40% 62% 42%!important;background:linear-gradient(160deg,rgba(255,255,255,.95),var(--wisp,#7fdbff) 38%,rgba(123,104,239,.08))!important;clip-path:polygon(50% 0,80% 24%,100% 68%,62% 100%,22% 87%,0 55%,31% 28%)!important;filter:drop-shadow(0 0 7px var(--wisp,#7fdbff));box-shadow:0 0 17px var(--wisp,#7fdbff)!important;animation:v31WispPath var(--duration,6s) ease-in-out infinite!important;animation-delay:var(--delay,0s)!important}
.banner-wisp .banner-fx:nth-of-type(2n){animation-name:v31WispPathB!important}
@keyframes v31WispPath{0%,100%{transform:translate3d(0,2px,0) rotate(-7deg) scale(.8);opacity:.5}25%{transform:translate3d(9px,-9px,0) rotate(6deg) scale(1);opacity:.95}55%{transform:translate3d(-5px,-17px,0) rotate(-9deg) scale(.87);opacity:.65}78%{transform:translate3d(7px,-7px,0) rotate(4deg) scale(1.07);opacity:.9}}
@keyframes v31WispPathB{0%,100%{transform:translate3d(0,-4px,0) rotate(9deg) scale(.9);opacity:.6}28%{transform:translate3d(-10px,-17px,0) rotate(-8deg) scale(1.09);opacity:1}58%{transform:translate3d(6px,-11px,0) rotate(7deg) scale(.8);opacity:.55}80%{transform:translate3d(-5px,3px,0) rotate(-4deg) scale(.95);opacity:.8}}

/* Ghost Moth banner remains smoky; all visible moths orbit the shared avatar wrapper. */
.banner-ghost-moth .cosmetic-banner-fx{background:radial-gradient(circle at 72% 36%,rgba(205,212,250,.14),transparent 28%),linear-gradient(110deg,#11131a,#2b3042,#171922);background-size:170% 140%;animation:v31BannerDrift 12s ease-in-out infinite}
.banner-ghost-moth .banner-fx{display:none!important}
.banner-ghost-moth .banner-fx::before{content:none!important}

/* Dreamy rainbow haze moves slowly without rapid RGB cycling. */
.banner-rainbow-daydreams .cosmetic-banner-fx{background:radial-gradient(circle at 18% 62%,rgba(252,184,232,.35),transparent 32%),radial-gradient(circle at 80% 25%,rgba(151,225,255,.35),transparent 34%),linear-gradient(115deg,#7263b3,#d07eb5,#82cbdc,#efd7aa,#687db7);background-size:220% 200%;animation:v31BannerDrift 12s ease-in-out infinite}
.banner-rainbow-daydreams .banner-fx{display:none!important}
.banner-rainbow-daydreams .banner-fx:nth-of-type(-n+3){display:block!important;position:absolute!important;left:var(--x)!important;top:var(--y)!important;width:var(--size)!important;height:var(--size)!important;border:0!important;border-radius:50%!important;background:var(--haze,rgba(255,226,255,.26))!important;filter:blur(14px);animation:v31DreamHaze 9s ease-in-out infinite!important;animation-delay:var(--delay,0s)!important}
@keyframes v31DreamHaze{0%,100%{transform:translate3d(-8px,3px,0) scale(.88);opacity:.4}50%{transform:translate3d(12px,-6px,0) scale(1.18);opacity:.8}}

/* Compatibility styling if the current catalog supplies Neutral Glitcher. */
:is(.banner-neutral-glitcher,.banner-neutral-glitch) .cosmetic-banner-fx{background:linear-gradient(110deg,#111319,#323640,#151821,#242936);background-size:180% 100%;animation:v31BannerDrift 10s ease-in-out infinite}
:is(.banner-neutral-glitcher,.banner-neutral-glitch) .cosmetic-banner-fx::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(225,233,245,.035) 6px 7px);animation:v31ScanFlicker 6s steps(2,end) infinite}
:is(.banner-neutral-glitcher,.banner-neutral-glitch) .banner-fx{display:none!important}
:is(.banner-neutral-glitcher,.banner-neutral-glitch) .banner-fx:nth-of-type(-n+4){display:block!important;position:absolute!important;left:var(--x)!important;top:var(--y)!important;width:var(--size)!important;height:2px!important;background:linear-gradient(90deg,transparent,#e7ebf3,rgba(167,188,222,.2))!important;opacity:0;animation:v31GlitchSlice 6s steps(2,end) infinite!important;animation-delay:var(--delay,0s)!important}
@keyframes v31GlitchSlice{0%,63%,71%,100%{opacity:0;transform:translateX(0)}65%{opacity:.65;transform:translateX(4px)}68%{opacity:.3;transform:translateX(-3px)}}
@keyframes v31ScanFlicker{0%,67%,71%,100%{opacity:.25}68%{opacity:.58}}

/* One slot map drives the same particles at every display size. */
.banner-fx-a{--x:7%;--y:20%;--size:12px;--delay:-.2s;--duration:5.3s;--drift:7px;--star:#fff0aa;--wisp:#9be9ff}
.banner-fx-b{--x:14%;--y:62%;--size:19px;--delay:-2.8s;--duration:6.2s;--drift:-7px;--star:#ffcd59;--wisp:#89b7ff}
.banner-fx-c{--x:22%;--y:34%;--size:8px;--delay:-1.2s;--duration:4.8s;--drift:10px;--star:#ffe8a1;--wisp:#c0a3ff}
.banner-fx-d{--x:29%;--y:73%;--size:15px;--delay:-4.1s;--duration:6.6s;--drift:-9px;--star:#e8aa39;--wisp:#83dfff}
.banner-fx-e{--x:37%;--y:17%;--size:23px;--delay:-1.9s;--duration:5.7s;--drift:6px;--star:#fff2b6;--wisp:#a787ff}
.banner-fx-f{--x:44%;--y:52%;--size:10px;--delay:-3.5s;--duration:5.1s;--drift:-5px;--star:#ffc84b}
.banner-fx-g{--x:51%;--y:28%;--size:16px;--delay:-.8s;--duration:6.3s;--drift:9px;--star:#f6db7d}
.banner-fx-h{--x:59%;--y:79%;--size:7px;--delay:-4.9s;--duration:5.5s;--drift:-6px;--star:#fff1bd}
.banner-fx-i{--x:65%;--y:36%;--size:20px;--delay:-2.3s;--duration:6.5s;--drift:7px;--star:#eeb742}
.banner-fx-j{--x:72%;--y:63%;--size:11px;--delay:-.5s;--duration:5s;--drift:-8px;--star:#ffe48e}
.banner-fx-k{--x:78%;--y:15%;--size:17px;--delay:-3.1s;--duration:5.9s;--drift:10px;--star:#fff5c4}
.banner-fx-l{--x:83%;--y:48%;--size:9px;--delay:-1.6s;--duration:6.4s;--drift:-5px;--star:#e8ad3b}
.banner-fx-m{--x:89%;--y:72%;--size:21px;--delay:-4.4s;--duration:5.4s;--drift:8px;--star:#ffd45f}
.banner-fx-n{--x:94%;--y:26%;--size:8px;--delay:-2.6s;--duration:6.1s;--drift:-7px;--star:#fff0a4}
.banner-fx-o{--x:33%;--y:46%;--size:13px;--delay:-5.2s;--duration:5.8s;--drift:6px;--star:#ffca54}
.banner-fx-p{--x:55%;--y:9%;--size:6px;--delay:-3.8s;--duration:6.7s;--drift:-9px;--star:#fff2bb}
.banner-rainbow-daydreams .banner-fx-a{--size:90px;--haze:rgba(255,190,230,.28)}
.banner-rainbow-daydreams .banner-fx-b{--size:110px;--haze:rgba(136,225,255,.25)}
.banner-rainbow-daydreams .banner-fx-c{--size:75px;--haze:rgba(255,234,162,.23)}
:is(.banner-neutral-glitcher,.banner-neutral-glitch) .banner-fx:nth-of-type(-n+4){--size:30%}

@media(max-width:590px){
  .profile-banner-card>.cosmetic-banner-fx,.public-profile-hero>.cosmetic-banner-fx{height:48%}
  .profile-banner-card>.avatar-cosmetic{--avatar-size:72px!important}
  .mini-profile-body .profile-avatar-wrap.avatar-cosmetic{--avatar-size:72px!important}
}
@media(prefers-reduced-motion:reduce){
  .avatar-cosmetic .frame-fx,.avatar-cosmetic .frame-fx::before,.avatar-cosmetic .moth-fx,.avatar-cosmetic .moth-fx::before,
  .avatar-cosmetic.frame-angry::before,.avatar-cosmetic.frame-angry::after,
  .accent-purple .cosmetic-display-name,.accent-purple.accent-card-preview .accent-preview-user strong,
  .accent-prism .cosmetic-display-name,.accent-prism.accent-card-preview .accent-preview-user strong,
  :is(.banner-buffering,.banner-mer-bubbles,.banner-gold-stars,.banner-angry,.banner-wisp,.banner-ghost-moth,.banner-rainbow-daydreams,.banner-neutral-glitcher,.banner-neutral-glitch,.banner-pearly-waves,.banner-natures-glitter) .cosmetic-banner-fx,
  :is(.banner-buffering,.banner-mer-bubbles,.banner-gold-stars,.banner-angry,.banner-wisp,.banner-ghost-moth,.banner-rainbow-daydreams,.banner-neutral-glitcher,.banner-neutral-glitch,.banner-pearly-waves,.banner-natures-glitter) .cosmetic-banner-fx::before,
  :is(.banner-buffering,.banner-mer-bubbles,.banner-gold-stars,.banner-angry,.banner-wisp,.banner-ghost-moth,.banner-rainbow-daydreams,.banner-neutral-glitcher,.banner-neutral-glitch,.banner-pearly-waves,.banner-natures-glitter) .cosmetic-banner-fx::after,
  :is(.banner-buffering,.banner-mer-bubbles,.banner-gold-stars,.banner-angry,.banner-wisp,.banner-ghost-moth,.banner-rainbow-daydreams,.banner-neutral-glitcher,.banner-neutral-glitch,.banner-pearly-waves,.banner-natures-glitter) .banner-fx{animation:none!important}
}

/* Profile banner and achievement integration: one shared banner surface, one compact hero row. */
.profile-hero-achievements{display:flex;align-items:center;gap:5px;min-height:0;margin-top:7px;position:relative;z-index:4}
.profile-hero-achievements:empty{display:none}
.profile-hero-achievements .achievement-badges{display:flex;align-items:center;gap:5px}
.profile-hero-achievements .achievement-profile-badge{width:31px;height:31px}
.profile-hero-achievements .achievement-medallion{width:28px;height:28px;background-clip:padding-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 11px rgba(0,0,0,.32)}
.profile-hero-achievements .achievement-medallion svg{width:17px;height:17px}
.profile-banner-card>.profile-banner-layer,
.public-profile-hero>.profile-banner-layer{background-color:#111827!important;background-size:cover!important;background-position:center!important}
.profile-banner-card:not(.has-profile-banner)>.profile-banner-layer,
.public-profile-hero:not(.has-profile-banner)>.profile-banner-layer{background:linear-gradient(135deg,#151d2a,#0b1119)!important}

/* Each achievement keeps one identity while its Bronze, Silver and Gold material changes. */
.achievement-prestige .achievement-medallion{clip-path:polygon(50% 0,88% 13%,100% 52%,78% 91%,50% 100%,22% 91%,0 52%,12% 13%)}
.achievement-influence .achievement-medallion{border-radius:34% 66% 38% 62%/58% 38% 62% 42%}
.achievement-wealth .achievement-medallion{border-radius:50%;outline:2px double rgba(255,255,255,.16);outline-offset:-5px}
.achievement-prestige .achievement-medallion svg{transform:scale(1.04)}
.achievement-influence .achievement-medallion svg{transform:scale(.94)}
.achievement-wealth .achievement-medallion svg{transform:scale(.98)}
.achievement-detail-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.achievement-detail-card:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(0,0,0,.22)}
.achievement-detail-card:has(.achievement-prestige)::before,
.achievement-detail-card:has(.achievement-influence)::before,
.achievement-detail-card:has(.achievement-wealth)::before{content:"";position:absolute;inset:0 0 auto;height:3px;z-index:2}
.achievement-detail-card:has(.achievement-prestige)::before{background:linear-gradient(90deg,#675dff,#a9a2ff)}
.achievement-detail-card:has(.achievement-influence)::before{background:linear-gradient(90deg,#28c6ae,#8bf2de)}
.achievement-detail-card:has(.achievement-wealth)::before{background:linear-gradient(90deg,#d99420,#ffe08a)}
.achievement-detail-card:has(.achievement-prestige)::after{background:radial-gradient(circle,rgba(110,95,255,.18),transparent 68%)}
.achievement-detail-card:has(.achievement-influence)::after{background:radial-gradient(circle,rgba(49,213,184,.15),transparent 68%)}
.achievement-detail-card:has(.achievement-wealth)::after{background:radial-gradient(circle,rgba(242,183,54,.16),transparent 68%)}
.achievement-detail-card:has(.achievement-prestige) .achievement-progress-track span{background:linear-gradient(90deg,#6259f7,#aaa4ff)}
.achievement-detail-card:has(.achievement-influence) .achievement-progress-track span{background:linear-gradient(90deg,#20aa95,#7cead6)}
.achievement-detail-card:has(.achievement-wealth) .achievement-progress-track span{background:linear-gradient(90deg,#b97514,#ffd56d)}
.achievement-progress-track span{position:relative;overflow:hidden;animation:achievementProgressIn .65s cubic-bezier(.2,.75,.3,1) both}
.achievement-progress-track span::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-120%);animation:achievementProgressSheen 4.8s ease-in-out infinite}
@keyframes achievementProgressIn{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
@keyframes achievementProgressSheen{0%,62%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}

@media(max-width:760px){
  .profile-banner-card .profile-hero-body,.public-profile-hero .profile-hero-body{grid-template-columns:74px minmax(0,1fr)!important;min-height:132px!important;padding:16px!important;gap:12px!important}
  .profile-banner-card .profile-hero-body>.avatar-cosmetic,.public-profile-hero .profile-hero-body>.avatar-cosmetic{--avatar-size:68px!important;width:68px!important;height:68px!important}
  .profile-banner-card .profile-balance{grid-column:2;justify-self:start;text-align:left!important;display:flex;align-items:baseline;gap:7px}
  .profile-banner-card .profile-balance strong{font-size:1rem!important}
  .profile-hero-achievements{margin-top:6px}.profile-hero-achievements .achievement-profile-badge{width:29px;height:29px}.profile-hero-achievements .achievement-medallion{width:26px;height:26px}
}
@media(max-width:430px){
  .profile-banner-card>.profile-banner-layer,.public-profile-hero>.profile-banner-layer{height:100%!important;min-height:100%!important}
  .profile-banner-card .profile-hero-body,.public-profile-hero .profile-hero-body{grid-template-columns:62px minmax(0,1fr)!important;min-height:122px!important;padding:14px 12px!important}
  .profile-banner-card .profile-hero-body>.avatar-cosmetic,.public-profile-hero .profile-hero-body>.avatar-cosmetic{--avatar-size:58px!important;width:58px!important;height:58px!important;transform:none!important}
  .profile-banner-card .profile-copy h2,.public-profile-hero .profile-copy h2{font-size:1.02rem!important}
  .profile-banner-card .profile-copy code,.public-profile-hero .profile-copy small{font-size:.5rem!important}
}
@media(prefers-reduced-motion:reduce){.achievement-detail-card,.achievement-progress-track span,.achievement-progress-track span::after{animation:none!important;transition:none!important}}

.banner-angry .banner-fx:nth-of-type(-n+5){clip-path:none!important;mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"%3E%3Cpath d="M5 4Q6 15 16 16M24 16Q34 15 35 4M5 36Q6 25 16 24M24 24Q34 25 35 36" fill="none" stroke="white" stroke-width="5"/%3E%3C/svg%3E') center/contain no-repeat}

/* Midnight Bats use the same six flight paths on every theme surface. */
.cosmetic-theme-fx{display:none;position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;border-radius:inherit}
.theme-midnight>.cosmetic-theme-fx{display:block}
.theme-midnight::before,.theme-midnight::after{content:none!important}
.mini-profile-preview,.shop-theme-sample{position:relative;isolation:isolate}
.mini-profile-body,.shop-theme-sample>strong{position:relative;z-index:2}
.cosmetic-bat-path{position:absolute;left:var(--bat-x);top:var(--bat-y);width:var(--bat-size);height:var(--bat-size);animation:cosmeticBatFlight var(--flight) ease-in-out infinite;animation-delay:var(--phase)}
.cosmetic-bat-path:nth-child(even){animation-name:cosmeticBatFlightReverse}
.cosmetic-bat{display:block;width:100%;height:65%;background:linear-gradient(#c4b8f9,#7165ab);filter:drop-shadow(0 0 3px #827acb66);clip-path:polygon(0 4%,24% 24%,39% 40%,43% 14%,50% 31%,57% 14%,61% 40%,76% 24%,100% 4%,92% 54%,74% 48%,67% 82%,53% 72%,50% 100%,47% 72%,33% 82%,26% 48%,8% 54%);animation:cosmeticBatFlap .65s ease-in-out infinite;animation-delay:var(--phase)}
@keyframes cosmeticBatFlight{0%,100%{transform:translate(-24px,5px) rotate(-12deg)}25%{transform:translate(0,-15px) rotate(5deg)}50%{transform:translate(28px,3px) rotate(13deg)}75%{transform:translate(0,19px) rotate(-4deg)}}
@keyframes cosmeticBatFlightReverse{0%,100%{transform:translate(20px,-4px) rotate(8deg)}25%{transform:translate(0,15px) rotate(-9deg)}50%{transform:translate(-27px,-2px) rotate(-15deg)}75%{transform:translate(0,-19px) rotate(4deg)}}
@keyframes cosmeticBatFlap{0%,100%{scale:1 .8}50%{scale:.72 1}}

/* Nature's Glitter: sixteen scattered, independently twinkling points. */
.banner-natures-glitter .cosmetic-banner-fx{background:radial-gradient(ellipse at 60% 10%,#9b932b55,transparent 65%),linear-gradient(115deg,#2d2a0d,#895720,#233621);background-size:180% 180%;animation:v31BannerDrift 10s ease-in-out infinite}
.banner-natures-glitter .banner-fx{display:block!important;position:absolute!important;inset:auto!important;left:var(--x)!important;top:var(--y)!important;width:calc(var(--size)*.45)!important;height:calc(var(--size)*.45)!important;border:0!important;border-radius:0!important;background:#ffefb3!important;box-shadow:none!important;clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%);filter:drop-shadow(0 0 3px #ffe07b);animation:cosmeticGlitter var(--duration) ease-in-out infinite!important;animation-delay:var(--delay)!important}
.banner-natures-glitter .banner-fx:nth-child(3n){background:#daefbe!important}
.banner-natures-glitter .banner-fx::before{content:none!important}
@keyframes cosmeticGlitter{0%,100%{opacity:.1;transform:scale(.55) rotate(0)}45%{opacity:1;transform:scale(1.15) rotate(35deg)}65%{opacity:.3;transform:scale(.75) rotate(50deg)}}

/* Pearly Waves: curved repeating wave bands travel continuously across the banner. */
.banner-pearly-waves .cosmetic-banner-fx{background:linear-gradient(125deg,#293e6a,#7777a6,#2d7591);background-size:200% 200%;animation:v31BannerDrift 12s ease-in-out infinite}
.banner-pearly-waves .banner-fx{display:none!important}
.banner-pearly-waves .cosmetic-banner-fx::before,.banner-pearly-waves .cosmetic-banner-fx::after{content:"";position:absolute;inset:-20% -50%;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="240" height="100" viewBox="0 0 240 100"%3E%3Cpath d="M-120 50Q-60 5 0 50T120 50T240 50T360 50" stroke="%23ddf4ff" stroke-opacity=".55" stroke-width="2" fill="none"/%3E%3Cpath d="M-120 65Q-60 20 0 65T120 65T240 65T360 65" stroke="%23d8d0ff" stroke-opacity=".22" stroke-width="16" fill="none"/%3E%3C/svg%3E') repeat;background-size:240px 100px;animation:cosmeticWaves 8s linear infinite}
.banner-pearly-waves .cosmetic-banner-fx::after{opacity:.6;scale:1 -1;animation-duration:13s;animation-direction:reverse}
@keyframes cosmeticWaves{to{background-position:240px 0}}

@media(prefers-reduced-motion:reduce){
  .avatar-cosmetic *,.avatar-cosmetic *::before,.avatar-cosmetic *::after,.cosmetic-theme-fx *,
  .cosmetic-banner-fx,.cosmetic-banner-fx *,.cosmetic-banner-fx::before,.cosmetic-banner-fx::after{animation:none!important;transition:none!important}
  .banner-mer-bubbles .banner-fx{top:var(--y)!important;bottom:auto!important;opacity:.7}
}
/* Reserve room for the largest peripheral artwork without changing its geometry. */
.mini-profile-body{display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:26px;padding-inline:26px}
.mini-profile-body>div:last-child{min-width:0;overflow-wrap:anywhere}
.cosmetic-maple{width:calc(var(--avatar-size)*.23);height:calc(var(--avatar-size)*.23);fill:#d97025}
.cosmetic-spoke:nth-child(3n) .cosmetic-maple{fill:#ecac43}
.cosmetic-spoke:nth-child(4n) .cosmetic-maple{fill:#b94a24}
.cosmetic-banner-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#06091408,#06091466)}
.theme-midnight:not([class*="banner-"])>.mini-banner{background:transparent!important}
:is(.mini-profile-preview,.profile-banner-card,.public-profile-hero).accent-prism .cosmetic-display-name{color:transparent!important;-webkit-text-fill-color:transparent}
:is(.profile-banner-card,.public-profile-hero)[class*="font-"] .profile-copy h2{font-family:inherit}
:is(.profile-banner-card,.public-profile-hero) .profile-copy{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.mini-profile-body{grid-template-columns:72px minmax(0,1fr)}}

/* V31 targeted refinements: existing item identities and renderer stay intact. */
.banner-fx-q{--x:11%;--y:38%;--size:9px;--delay:-3.7s;--duration:5.9s;--drift:8px;--star:#fff0bb}
.banner-fx-r{--x:40%;--y:82%;--size:14px;--delay:-1.7s;--duration:6.4s;--drift:-7px;--star:#e7b449}
.banner-fx-s{--x:69%;--y:12%;--size:8px;--delay:-4.8s;--duration:5.5s;--drift:6px;--star:#ffdf83}
.banner-fx-t{--x:88%;--y:40%;--size:16px;--delay:-2.4s;--duration:6.1s;--drift:-9px;--star:#fff5cd}
.avatar-cosmetic:is(.frame-hex-hat,.frame-shadow-crown,.frame-summoning-circle)::before,
.avatar-cosmetic:is(.frame-hex-hat,.frame-shadow-crown,.frame-summoning-circle)::after{content:none!important}
.cosmetic-hat{position:absolute;width:116%;height:auto;left:50%;top:-39%;transform:translateX(-50%) rotate(-7deg);transform-origin:50% 90%;filter:drop-shadow(0 3px 3px #090518aa);animation:cosmeticHatSway 5s ease-in-out infinite}
@keyframes cosmeticHatSway{0%,100%{transform:translateX(-50%) rotate(-7deg)}50%{transform:translateX(-50%) rotate(-4deg)}}
.cosmetic-crown{position:absolute;width:88%;height:auto;left:50%;top:-39%;transform:translateX(-50%);filter:drop-shadow(0 2px 2px #090610) drop-shadow(0 0 5px #8c55d866);animation:cosmeticCrownGlow 3s ease-in-out infinite}
.cosmetic-crown-haze{position:absolute;inset:-15% -8% 55%;border-radius:50%;background:radial-gradient(ellipse,#9361ca55,transparent 70%);animation:cosmeticAura 3s ease-in-out infinite}
@keyframes cosmeticCrownGlow{0%,100%{filter:drop-shadow(0 2px 2px #090610) drop-shadow(0 0 3px #8c55d855)}50%{filter:drop-shadow(0 2px 2px #090610) drop-shadow(0 0 8px #b488fa99)}}
.cosmetic-summoning-ring{position:absolute;inset:-12%;border:2px solid #a6fff5;border-radius:50%;box-shadow:0 0 9px #65e6e799,inset 0 0 8px #65e6e744;outline:1px solid #6bd6d877;outline-offset:4px;background:repeating-conic-gradient(#b2fff4 0deg 2deg,transparent 2deg 30deg);mask:radial-gradient(circle,transparent 62%,#000 63%);animation:cosmeticOrbit 14s linear infinite}
.cosmetic-orbit-runes{inset:-13%;animation:cosmeticOrbit 14s linear infinite}
.cosmetic-orbit-runes .cosmetic-symbol{font:700 calc(var(--avatar-size)*.16)/1 Georgia,serif;color:#b9fff7;text-shadow:0 0 5px #4ce9e3}
.frame-blue-pulse .cosmetic-aura{animation:cosmeticBluePulse 2.3s ease-in-out infinite}
@keyframes cosmeticBluePulse{0%,100%{opacity:.45;scale:1;box-shadow:0 0 7px #2787ff}50%{opacity:.9;scale:1.06;box-shadow:0 0 16px #2787ff}}
.cosmetic-orbit-dust .cosmetic-symbol{filter:drop-shadow(0 0 2px #b98fff)}
.cosmetic-orbit-stars{animation-duration:16s}
.shop-theme-sample{justify-content:center;align-items:center}
.accent-preview-user{justify-content:center}.accent-preview-user>div{align-items:center}
.shop-profile-preview>.frame-showcase{min-height:220px}
.frame-showcase{min-height:170px}

/* Alternate rising bubbles with short expanding pops and four tiny droplets. */
.banner-mer-bubbles .banner-fx:nth-of-type(3n){animation-name:cosmeticBubblePop!important}
.banner-mer-bubbles .banner-fx:nth-of-type(3n)::after{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at 50% 0,#e6fcff 0 1px,transparent 2px),radial-gradient(circle at 100% 50%,#e6fcff 0 1px,transparent 2px),radial-gradient(circle at 50% 100%,#e6fcff 0 1px,transparent 2px),radial-gradient(circle at 0 50%,#e6fcff 0 1px,transparent 2px);animation:cosmeticPopDrops var(--duration) linear infinite;animation-delay:var(--delay);opacity:0}
@keyframes cosmeticBubblePop{0%{transform:translate(0,0) scale(.8);opacity:0}12%{opacity:.85}65%{transform:translate(var(--drift),-90px) scale(1);opacity:.8}70%{transform:translate(var(--drift),-98px) scale(1.4);opacity:.5}75%,100%{transform:translate(var(--drift),-100px) scale(1.6);opacity:0}}
@keyframes cosmeticPopDrops{0%,64%,78%,100%{opacity:0;scale:.6}68%{opacity:1;scale:1}74%{opacity:.4;scale:1.6}}
.banner-gold-stars .banner-fx:nth-of-type(3n){clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)!important}
.banner-natures-glitter .banner-fx{width:calc(var(--size)*.65)!important;height:calc(var(--size)*.65)!important;filter:drop-shadow(0 0 4px #ffe07baa)}
.banner-natures-glitter .cosmetic-banner-fx::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#fff1bd 0 1px,transparent 1.5px);background-size:57px 39px;opacity:.15;animation:cosmeticFineGlitter 4.5s ease-in-out infinite}
@keyframes cosmeticFineGlitter{0%,100%{opacity:.12;transform:translateY(0)}50%{opacity:.45;transform:translateY(-3px)}}
.banner-wisp .banner-fx-a{--x:8%;--y:42%;--size:13px}.banner-wisp .banner-fx-b{--x:21%;--y:72%;--size:18px}
.banner-wisp .banner-fx-c{--x:34%;--y:26%;--size:10px}.banner-wisp .banner-fx-d{--x:45%;--y:64%;--size:16px}
.banner-wisp .banner-fx-e{--x:57%;--y:32%;--size:21px}.banner-wisp .banner-fx-f{--x:68%;--y:69%;--size:12px;--wisp:#a4cbff}
.banner-wisp .banner-fx-g{--x:80%;--y:28%;--size:16px;--wisp:#b9a1f3}.banner-wisp .banner-fx-h{--x:91%;--y:64%;--size:11px;--wisp:#9aefff}

/* Atmospheric Nebula: a shared moving haze behind the name, with slow star drift. */
.theme-nebula{animation:none!important;background:#0c1026!important}
.theme-nebula::before,.theme-nebula::after{content:none!important}
.theme-nebula>.cosmetic-theme-fx{display:block;background:radial-gradient(ellipse at 20% 35%,#9a4fba77,transparent 50%),radial-gradient(ellipse at 76% 64%,#4387bf66,transparent 50%),linear-gradient(130deg,#0a1229,#291638,#0b1c2e);background-size:180% 160%;animation:v31BannerDrift 18s ease-in-out infinite}
.theme-nebula .cosmetic-bat-path{display:none}
.theme-nebula .cosmetic-theme-fx::before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 30% 50%,#b17cdb44,transparent 40%),radial-gradient(ellipse at 70% 30%,#71cddf33,transparent 44%);filter:blur(12px);animation:cosmeticNebulaCloud 16s ease-in-out infinite}
.theme-nebula .cosmetic-theme-fx::after{content:"";position:absolute;inset:-15%;background-image:radial-gradient(circle,#d9d2ffcc 0 1px,transparent 1.6px),radial-gradient(circle,#b5e3ff88 0 .7px,transparent 1.2px);background-position:0 0,20px 12px;background-size:67px 53px,43px 71px;animation:cosmeticNebulaStars 24s linear infinite;opacity:.5}
.theme-nebula:not([class*="banner-"])>.mini-banner{background:transparent!important}
@keyframes cosmeticNebulaCloud{0%,100%{transform:translate(-3%,2%) rotate(-5deg);opacity:.6}50%{transform:translate(4%,-3%) rotate(5deg);opacity:1}}
@keyframes cosmeticNebulaStars{to{background-position:67px 53px,63px 83px}}

/* The same layered flame symbol is used by shop, previews, and profile badges. */
.cosmetic-fire{display:inline-block;position:relative;width:1em;height:1.2em;vertical-align:-.15em;isolation:isolate}
.cosmetic-fire>span{position:absolute;inset:0 12%;background:linear-gradient(#ffbd50,#fb5b24 70%,#b8231d);border-radius:70% 0 65% 45%;transform-origin:50% 100%;rotate:8deg;animation:cosmeticFireLick 1.1s ease-in-out infinite alternate;filter:drop-shadow(0 0 3px #fa5e3299)}
.cosmetic-fire>span:nth-child(2){inset:30% 20% 0 30%;background:linear-gradient(#ffe986,#ffa837);rotate:-18deg;animation-delay:-.6s;animation-duration:.8s}
.cosmetic-fire>span:nth-child(3){inset:55% 32% 0 38%;background:#fff1b0;rotate:10deg;animation-delay:-.25s;animation-duration:.65s}
.badge-flame i{animation:none!important}.cosmetic-fire{font-size:1.15em}
.profile-cosmetic-line .cosmetic-fire{display:inline-block;width:1em;height:1.2em;padding:0;border:0;border-radius:0;background:none;box-shadow:none;min-width:0}
.profile-cosmetic-line .cosmetic-fire>span{display:block;width:auto;height:auto;min-width:0;padding:0;border:0;box-shadow:none}
.profile-badge-preview.badge-flame{display:inline-flex;align-items:center;gap:5px;box-shadow:none;background:none;border:0}
@keyframes cosmeticFireLick{0%{transform:scale(.9,1) skewX(-5deg)}50%{transform:scale(1.07,.9) skewX(4deg)}100%{transform:scale(.95,1.13) skewX(-3deg)}}
@media(prefers-reduced-motion:reduce){.cosmetic-hat,.cosmetic-crown,.cosmetic-crown-haze,.cosmetic-summoning-ring,.cosmetic-orbit-runes,.cosmetic-fire>span,.theme-nebula .cosmetic-theme-fx,.theme-nebula .cosmetic-theme-fx::before,.theme-nebula .cosmetic-theme-fx::after,.banner-natures-glitter .cosmetic-banner-fx::after,.banner-mer-bubbles .banner-fx::after{animation:none!important}}

/* Rich floral ornaments stay within the banner layer on every surface. */
:is(.banner-dark-roses,.banner-moonflowers)>.mini-banner,
:is(.profile-banner-card,.public-profile-hero):is(.banner-dark-roses,.banner-moonflowers){background-image:none!important;animation:none!important}
.banner-dark-roses .cosmetic-banner-fx{background:radial-gradient(ellipse at 70% 40%,#4e2b4544,transparent 65%),linear-gradient(125deg,#0e0b13,#29202d,#101018);background-size:180% 150%;animation:v31BannerDrift 15s ease-in-out infinite}
.banner-moonflowers .cosmetic-banner-fx{background:radial-gradient(ellipse at 70% 0,#a4c2ba33,transparent 50%),linear-gradient(125deg,#10231e,#294b43,#171f32);background-size:180% 150%;animation:v31BannerDrift 15s ease-in-out infinite}
:is(.banner-dark-roses,.banner-moonflowers) .banner-fx{display:none!important}
:is(.banner-dark-roses,.banner-moonflowers) .banner-fx:nth-of-type(-n+8){display:block!important;position:absolute!important;inset:auto!important;left:min(var(--x),calc(100% - var(--flower-size,44px) - 6px))!important;top:min(var(--y),calc(100% - var(--flower-size,44px) - 6px))!important;width:var(--flower-size,44px)!important;height:var(--flower-size,44px)!important;background:none!important;border:0!important;box-shadow:none!important;animation:cosmeticFlowerSway var(--duration) ease-in-out infinite!important;animation-delay:var(--delay)!important;transform-origin:50% 90%}
:is(.banner-dark-roses,.banner-moonflowers) .banner-fx::before{content:""!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:var(--flower-art) center/contain no-repeat!important;animation:none!important;filter:drop-shadow(0 2px 3px #05070a99);font-size:0!important}
.banner-dark-roses .cosmetic-banner-fx{--flower-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20d%3D%22M38%2070Q9%2077%205%2046Q28%2042%2038%2070M43%2066Q50%2039%2076%2046Q73%2072%2043%2066%22%20fill%3D%22%23334844%22/%3E%3Cg%20fill%3D%22%2349334a%22%20stroke%3D%22%23ad899f%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M39%205Q63%201%2065%2022Q84%2037%2066%2053Q63%2076%2040%2067Q17%2077%2013%2056Q-2%2036%2017%2024Q14%203%2039%205Z%22/%3E%3Cpath%20d%3D%22M40%2014Q65%2016%2059%2038Q70%2053%2047%2059Q25%2064%2021%2045Q16%2025%2040%2014Z%22%20fill%3D%22%23372739%22/%3E%3Cpath%20d%3D%22M27%2030Q42%2013%2054%2031Q66%2047%2041%2052Q22%2049%2027%2030Z%22%20fill%3D%22%2363435d%22/%3E%3Cpath%20d%3D%22M31%2034Q44%2024%2050%2036Q46%2048%2034%2044Q29%2037%2042%2033%22%20fill%3D%22%23422f43%22/%3E%3C/g%3E%3C/svg%3E")}
.banner-moonflowers .cosmetic-banner-fx{--flower-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20d%3D%22M37%2065Q12%2074%205%2049Q28%2042%2037%2065M45%2065Q50%2040%2074%2046Q76%2068%2045%2065%22%20fill%3D%22%2349614e%22/%3E%3Cg%20fill%3D%22%23e0e5ec%22%20stroke%3D%22%23a5b8c9%22%20stroke-width%3D%221%22%3E%3Cellipse%20cx%3D%2240%22%20cy%3D%2223%22%20rx%3D%2212%22%20ry%3D%2221%22/%3E%3Cellipse%20cx%3D%2240%22%20cy%3D%2223%22%20rx%3D%2212%22%20ry%3D%2221%22%20transform%3D%22rotate%2872%2040%2040%29%22/%3E%3Cellipse%20cx%3D%2240%22%20cy%3D%2223%22%20rx%3D%2212%22%20ry%3D%2221%22%20transform%3D%22rotate%28144%2040%2040%29%22/%3E%3Cellipse%20cx%3D%2240%22%20cy%3D%2223%22%20rx%3D%2212%22%20ry%3D%2221%22%20transform%3D%22rotate%28216%2040%2040%29%22/%3E%3Cellipse%20cx%3D%2240%22%20cy%3D%2223%22%20rx%3D%2212%22%20ry%3D%2221%22%20transform%3D%22rotate%28288%2040%2040%29%22/%3E%3C/g%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%228%22%20fill%3D%22%23d8c891%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%224%22%20fill%3D%22%23f4ecd0%22/%3E%3C/svg%3E")}
:is(.banner-dark-roses,.banner-moonflowers) .banner-fx-a{--x:3%;--y:47%;--flower-size:48px}
:is(.banner-dark-roses,.banner-moonflowers) .banner-fx-b{--x:19%;--y:64%;--flower-size:32px}
:is(.banner-dark-roses,.banner-moonflowers) .banner-fx-c{--x:30%;--y:15%;--flower-size:24px}
:is(.banner-dark-roses,.banner-moonflowers) .banner-fx-d{--x:43%;--y:64%;--flower-size:40px}
:is(.banner-dark-roses,.banner-moonflowers) .banner-fx-e{--x:58%;--y:24%;--flower-size:27px}
:is(.banner-dark-roses,.banner-moonflowers) .banner-fx-f{--x:68%;--y:58%;--flower-size:48px}
:is(.banner-dark-roses,.banner-moonflowers) .banner-fx-g{--x:84%;--y:16%;--flower-size:31px}
:is(.banner-dark-roses,.banner-moonflowers) .banner-fx-h{--x:92%;--y:67%;--flower-size:27px}
@keyframes cosmeticFlowerSway{0%,100%{transform:rotate(-4deg) translateY(0);opacity:.78}50%{transform:rotate(4deg) translateY(-3px);opacity:1}}
@media(prefers-reduced-motion:reduce){:is(.banner-dark-roses,.banner-moonflowers) .banner-fx{animation:none!important}}

/* V31 preview distinction and focused motion refinements. */
.shop-tag-only{display:grid;place-items:center}
.shop-tag-only .profile-tags{margin:0;justify-content:center}
.shop-tag-only .profile-tag{font-size:.78rem;padding:7px 11px}
.theme-showcase .shop-theme-sample{padding:0}

/* Angry keeps two clean comic marks and three slashes on the right side. */
.frame-angry .cosmetic-front{animation:v31AngryFrameJolt 1.45s ease-in-out infinite;transform-origin:center}
.frame-angry .cosmetic-anger-mark{left:76%;top:-15%;width:34%;height:34%}
.frame-angry .cosmetic-anger-mark.secondary{left:84%;top:66%;width:23%;height:23%}
.frame-angry .cosmetic-slash.one{left:auto;right:-14%;top:22%}
.frame-angry .cosmetic-slash.two{left:auto;right:-20%;top:39%;width:16%}
.frame-angry .cosmetic-slash.three{right:-13%;bottom:15%}
@keyframes v31AngryFrameJolt{0%,68%,100%{transform:scale(1) translate(0)}74%{transform:scale(1.025) translate(1px,-1px)}80%{transform:scale(1.01) translate(-1px,0)}86%{transform:scale(1.02) translate(0,1px)}}
.banner-angry .banner-fx:nth-of-type(-n+3){display:block!important}
.banner-angry .banner-fx:nth-of-type(n+4):nth-of-type(-n+5){display:none!important}
.banner-angry .banner-fx-a{--x:72%;--y:12%;--size:21px}
.banner-angry .banner-fx-b{--x:84%;--y:50%;--size:27px}
.banner-angry .banner-fx-c{--x:63%;--y:61%;--size:16px}
.banner-angry .banner-fx:nth-of-type(n+6):nth-of-type(-n+8){display:block!important}
.banner-angry .banner-fx:nth-of-type(n+9){display:none!important}
.banner-angry .banner-fx-f{--x:76%;--y:29%;--size:30px}
.banner-angry .banner-fx-g{--x:68%;--y:45%;--size:24px}
.banner-angry .banner-fx-h{--x:88%;--y:31%;--size:20px}

/* Fairy/Pearly Waves share one continuously flowing wave renderer. */
:is(.banner-pearly-waves,.banner-fairy-waves) .cosmetic-banner-fx{background:linear-gradient(125deg,#293e6a,#7777a6,#2d7591);background-size:200% 200%;animation:v31BannerDrift 12s ease-in-out infinite}
:is(.banner-pearly-waves,.banner-fairy-waves) .banner-fx{display:none!important}
:is(.banner-pearly-waves,.banner-fairy-waves) .cosmetic-banner-fx::before,
:is(.banner-pearly-waves,.banner-fairy-waves) .cosmetic-banner-fx::after{content:"";position:absolute;inset:-20% -50%;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="240" height="100" viewBox="0 0 240 100"%3E%3Cpath d="M-120 50Q-60 5 0 50T120 50T240 50T360 50" stroke="%23ddf4ff" stroke-opacity=".55" stroke-width="2" fill="none"/%3E%3Cpath d="M-120 65Q-60 20 0 65T120 65T240 65T360 65" stroke="%23d8d0ff" stroke-opacity=".22" stroke-width="16" fill="none"/%3E%3C/svg%3E') repeat;background-size:240px 100px;animation:cosmeticWaves 8s linear infinite}
:is(.banner-pearly-waves,.banner-fairy-waves) .cosmetic-banner-fx::after{opacity:.6;scale:1 -1;animation-duration:13s;animation-direction:reverse}

/* Reduced-motion mode keeps identity-defining cosmetic motion gentle and visible. */
@media(prefers-reduced-motion:reduce){
  .frame-angry .cosmetic-front{animation:v31AngryFrameJolt 2.8s ease-in-out infinite!important}
  .banner-angry .banner-fx:nth-of-type(-n+3){animation:v31RageMark 2.5s ease-in-out infinite!important}
  .banner-mer-bubbles .banner-fx{animation:v31BubbleRise 9s linear infinite!important;animation-delay:var(--delay,0s)!important}
  .banner-mer-bubbles .banner-fx:nth-of-type(3n){animation-name:cosmeticBubblePop!important}
  .banner-gold-stars .banner-fx{animation:v31StarTwinkle 5.5s ease-in-out infinite!important;animation-delay:var(--delay,0s)!important}
  :is(.banner-pearly-waves,.banner-fairy-waves) .cosmetic-banner-fx::before{animation:cosmeticWaves 16s linear infinite!important}
  :is(.banner-pearly-waves,.banner-fairy-waves) .cosmetic-banner-fx::after{animation:cosmeticWaves 24s linear infinite reverse!important}
  .banner-buffering .cosmetic-banner-fx{animation:v31BufferBackground 12s ease-in-out infinite!important}
  .banner-buffering .cosmetic-banner-fx::before{animation:v31Sweep 5.2s linear infinite!important}
  .banner-buffering .banner-fx-a{animation:v31Spinner 1.6s linear infinite!important}
  .cosmetic-fire>span{animation:cosmeticFireLick 1.8s ease-in-out infinite alternate!important}
}

/* Targeted follow-up: Ghost Moth is banner artwork, never avatar-frame artwork. */
.banner-ghost-moth .cosmetic-banner-fx{
  background:radial-gradient(ellipse at 18% 35%,rgba(186,196,225,.16),transparent 32%),radial-gradient(ellipse at 78% 68%,rgba(128,141,178,.14),transparent 38%),linear-gradient(115deg,#090b12,#202532,#11141d,#292c37);
  background-size:190% 160%;animation:v31BannerDrift 14s ease-in-out infinite
}
.banner-ghost-moth .cosmetic-banner-fx::before,.banner-ghost-moth .cosmetic-banner-fx::after{
  content:"";position:absolute;inset:-35% -15%;pointer-events:none;
  background:radial-gradient(ellipse at 25% 55%,rgba(221,226,240,.12),transparent 28%),radial-gradient(ellipse at 72% 42%,rgba(173,184,215,.1),transparent 32%);
  filter:blur(14px);animation:v32GhostMist 11s ease-in-out infinite
}
.banner-ghost-moth .cosmetic-banner-fx::after{opacity:.58;scale:-1 1;animation-duration:15s;animation-direction:reverse}
.banner-ghost-moth .banner-fx:nth-of-type(-n+12){
  display:block!important;position:absolute!important;inset:auto!important;left:var(--x)!important;top:var(--y)!important;
  width:calc(var(--size)*1.35)!important;height:calc(var(--size)*.92)!important;border:0!important;border-radius:0!important;
  background:linear-gradient(90deg,rgba(153,164,205,.65),#f1f4ff 46% 54%,rgba(151,168,216,.68))!important;
  clip-path:polygon(50% 38%,4% 3%,0 65%,27% 98%,47% 60%,53% 60%,73% 98%,100% 65%,96% 3%);
  box-shadow:none!important;filter:drop-shadow(0 0 5px rgba(214,223,255,.78));opacity:0;
  animation:v32GhostMothFlight var(--duration,6s) ease-in-out infinite!important;animation-delay:var(--delay,0s)!important
}
.banner-ghost-moth .banner-fx:nth-of-type(3n){background:linear-gradient(90deg,rgba(120,135,185,.55),#dce6ff 48% 55%,rgba(113,130,181,.55))!important}
@keyframes v32GhostMist{0%,100%{transform:translate3d(-5%,2%,0) scale(1);opacity:.38}50%{transform:translate3d(7%,-3%,0) scale(1.08);opacity:.75}}
@keyframes v32GhostMothFlight{0%,100%{transform:translate3d(-16px,7px,0) rotate(-8deg) scale(.82,.95);opacity:.3}23%{transform:translate3d(2px,-10px,0) rotate(5deg) scale(1,.72);opacity:.95}52%{transform:translate3d(23px,2px,0) rotate(9deg) scale(.9,1);opacity:.72}76%{transform:translate3d(7px,13px,0) rotate(-4deg) scale(1.05,.76);opacity:.9}}

/* Summoning Circle keeps a stationary centered avatar while only its rune layers rotate. */
.frame-summoning-circle .cosmetic-summoning-ring{animation:cosmeticOrbit 12s linear infinite}
.frame-summoning-circle .cosmetic-orbit-runes{animation:cosmeticOrbit 18s linear infinite reverse}
.frame-summoning-circle>.avatar-cosmetic-image{animation:none!important;rotate:0deg!important}

/* Blue and Purple Pulse emit independent rings behind a stationary avatar. */
.frame-blue-pulse,.frame-blue-plus{--pulse-color:39,135,255;--ornament:#82d6ff;--ornament-glow:#2787ff}
.frame-purple-pulse,.frame-purple-plus{--pulse-color:147,78,255;--ornament:#c493ff;--ornament-glow:#934cff}
.cosmetic-pulse-wave{position:absolute;inset:-5%;border:2px solid rgba(var(--pulse-color),.9);border-radius:50%;box-shadow:0 0 10px rgba(var(--pulse-color),.65);transform-origin:center;animation:v32PulseWave 2.7s cubic-bezier(.2,.55,.35,1) infinite}
.cosmetic-pulse-wave.pulse-two{animation-delay:-1.35s}
.frame-blue-pulse .cosmetic-aura,.frame-blue-plus .cosmetic-aura,.frame-purple-pulse .cosmetic-aura,.frame-purple-plus .cosmetic-aura{animation:v32PulseGlow 2.7s ease-in-out infinite}
@keyframes v32PulseWave{0%{transform:scale(.9);opacity:0}18%{opacity:.85}75%,100%{transform:scale(1.32);opacity:0}}
@keyframes v32PulseGlow{0%,100%{opacity:.42;scale:1;box-shadow:0 0 7px var(--ornament-glow)}50%{opacity:1;scale:1.055;box-shadow:0 0 19px var(--ornament-glow)}}

/* Layered flame: three independent tongues, hot core, glow and rising embers. */
.cosmetic-fire{width:1.3em;height:1.55em;filter:drop-shadow(0 0 .2em #ff6a20) drop-shadow(0 0 .5em rgba(255,154,39,.58))}
.cosmetic-fire::before{content:"";position:absolute;left:12%;right:12%;bottom:0;height:35%;border-radius:50%;background:radial-gradient(ellipse,#ffce57 0 18%,#ff7029 45%,transparent 72%);filter:blur(2px);opacity:.9}
.cosmetic-fire::after{content:"";position:absolute;inset:-20% -35% 25%;background:radial-gradient(circle at 35% 65%,#ffd369 0 3%,transparent 5%),radial-gradient(circle at 68% 40%,#ff8a32 0 2.5%,transparent 5%),radial-gradient(circle at 52% 8%,#ffe18b 0 2%,transparent 4%);animation:v32FireEmbers 1.7s linear infinite}
.cosmetic-fire>span{position:absolute;display:block!important;transform-origin:50% 100%;filter:none}
.cosmetic-fire>span:nth-child(1){inset:1% 8% 0;background:linear-gradient(155deg,#ffcf54 0 8%,#ff6c25 42%,#bd2519 82%);border-radius:72% 22% 68% 48%;rotate:8deg;animation:v32FireOuter .88s ease-in-out infinite alternate}
.cosmetic-fire>span:nth-child(2){inset:30% 21% 2% 25%;background:linear-gradient(160deg,#fff3a8 0 10%,#ffc53f 42%,#ff7124 88%);border-radius:75% 28% 64% 45%;rotate:-10deg;animation:v32FireMiddle .67s ease-in-out infinite alternate}
.cosmetic-fire>span:nth-child(3){inset:57% 34% 3% 38%;background:linear-gradient(#fffbd0,#ffe66c 58%,#ffad2e);border-radius:72% 26% 62% 48%;rotate:7deg;animation:v32FireCore .49s ease-in-out infinite alternate}
@keyframes v32FireOuter{from{transform:skewX(-6deg) translateY(1px);border-radius:72% 22% 68% 48%}to{transform:skewX(7deg) translateY(-2px);border-radius:43% 68% 42% 66%}}
@keyframes v32FireMiddle{from{transform:skewX(6deg) translate(-1px,1px)}to{transform:skewX(-8deg) translate(1px,-2px)}}
@keyframes v32FireCore{from{transform:translateX(-1px) scaleY(.88)}to{transform:translateX(1px) scaleY(1.08)}}
@keyframes v32FireEmbers{0%{transform:translateY(5px);opacity:0}22%{opacity:.9}100%{transform:translateY(-12px);opacity:0}}

/* Rainbow Daydreams uses slow blended color flow and soft luminous waves. */
.banner-rainbow-daydreams .cosmetic-banner-fx{background:radial-gradient(ellipse at 15% 72%,rgba(255,191,227,.48),transparent 34%),radial-gradient(ellipse at 80% 22%,rgba(150,228,255,.46),transparent 35%),linear-gradient(120deg,#675bb2,#bc72b0,#6eb9d2,#e4c58f,#7769bd);background-size:240% 210%;animation:v32RainbowFlow 13s ease-in-out infinite}
.banner-rainbow-daydreams .cosmetic-banner-fx::before,.banner-rainbow-daydreams .cosmetic-banner-fx::after{content:"";position:absolute;inset:-45% -20%;border-radius:45%;background:radial-gradient(ellipse at center,transparent 42%,rgba(255,245,255,.24) 44% 49%,transparent 52%);filter:blur(7px);animation:v32DreamWave 10s ease-in-out infinite}
.banner-rainbow-daydreams .cosmetic-banner-fx::after{inset:-30% -35%;opacity:.55;animation-duration:15s;animation-direction:reverse}
@keyframes v32RainbowFlow{0%,100%{background-position:0 48%}50%{background-position:100% 52%}}
@keyframes v32DreamWave{0%,100%{transform:translate3d(-10%,4%,0) rotate(-5deg) scale(.92);opacity:.35}50%{transform:translate3d(10%,-5%,0) rotate(6deg) scale(1.08);opacity:.8}}

@media(prefers-reduced-motion:reduce){
  .banner-ghost-moth .cosmetic-banner-fx{animation:v31BannerDrift 24s ease-in-out infinite!important}
  .banner-ghost-moth .cosmetic-banner-fx::before,.banner-ghost-moth .cosmetic-banner-fx::after{animation:v32GhostMist 22s ease-in-out infinite!important}
  .banner-ghost-moth .banner-fx:nth-of-type(-n+12){animation:v32GhostMothFlight 10s ease-in-out infinite!important;animation-delay:var(--delay,0s)!important}
  .frame-summoning-circle .cosmetic-summoning-ring{animation:cosmeticOrbit 22s linear infinite!important}
  .frame-summoning-circle .cosmetic-orbit-runes{animation:cosmeticOrbit 30s linear infinite reverse!important}
  .frame-summoning-circle>.avatar-cosmetic-image{animation:none!important;rotate:0deg!important}
  .cosmetic-pulse-wave{animation:v32PulseWave 4.8s ease-out infinite!important}.cosmetic-pulse-wave.pulse-two{animation-delay:-2.4s!important}
  :is(.frame-blue-pulse,.frame-blue-plus,.frame-purple-pulse,.frame-purple-plus) .cosmetic-aura{animation:v32PulseGlow 4.8s ease-in-out infinite!important}
  .cosmetic-fire>span:nth-child(1){animation:v32FireOuter 1.5s ease-in-out infinite alternate!important}.cosmetic-fire>span:nth-child(2){animation:v32FireMiddle 1.2s ease-in-out infinite alternate!important}.cosmetic-fire>span:nth-child(3){animation:v32FireCore .9s ease-in-out infinite alternate!important}.cosmetic-fire::after{animation:v32FireEmbers 2.8s linear infinite!important}
  .banner-rainbow-daydreams .cosmetic-banner-fx{animation:v32RainbowFlow 24s ease-in-out infinite!important}
  .banner-rainbow-daydreams .cosmetic-banner-fx::before,.banner-rainbow-daydreams .cosmetic-banner-fx::after{animation:v32DreamWave 22s ease-in-out infinite!important}
}

/* Targeted follow-up: continuous star orbit around a stationary avatar. */
.frame-star-halo>.avatar-cosmetic-image{animation:none!important;rotate:0deg!important}
.frame-star-halo .cosmetic-orbit-stars{animation:cosmeticOrbit 10s linear infinite}

/* Stronger, fluid Rainbow Daydreams travel without rapid color flashing. */
.banner-rainbow-daydreams .cosmetic-banner-fx{
  background:radial-gradient(ellipse at 10% 72%,rgba(255,177,226,.58),transparent 31%),radial-gradient(ellipse at 88% 20%,rgba(125,224,255,.58),transparent 34%),linear-gradient(110deg,#594fb1,#c365b0,#5fadd5,#e7c36f,#a068c7,#4d8fc7);
  background-size:320% 190%;animation:v33RainbowTravel 8.5s ease-in-out infinite
}
.banner-rainbow-daydreams .cosmetic-banner-fx::before{
  content:"";position:absolute;inset:-30% -55%;border-radius:45%;
  background:linear-gradient(112deg,transparent 18%,rgba(255,238,252,.08) 29%,rgba(255,255,255,.35) 42%,rgba(171,232,255,.22) 53%,transparent 68%);
  filter:blur(9px);animation:v33RainbowSweep 7s ease-in-out infinite
}
.banner-rainbow-daydreams .cosmetic-banner-fx::after{
  content:"";position:absolute;inset:-55% -25%;border-radius:44%;
  background:repeating-radial-gradient(ellipse at 50% 110%,transparent 0 20%,rgba(255,245,255,.19) 23% 27%,transparent 30% 41%);
  filter:blur(5px);opacity:.8;animation:v33RainbowWave 9.5s ease-in-out infinite
}
@keyframes v33RainbowTravel{0%,100%{background-position:0 42%}50%{background-position:100% 58%}}
@keyframes v33RainbowSweep{0%,100%{transform:translate3d(-24%,6%,0) rotate(-5deg);opacity:.35}50%{transform:translate3d(24%,-7%,0) rotate(5deg);opacity:1}}
@keyframes v33RainbowWave{0%,100%{transform:translate3d(-8%,5%,0) scale(.9);opacity:.42}50%{transform:translate3d(10%,-8%,0) scale(1.12);opacity:.9}}

@media(prefers-reduced-motion:reduce){
  .frame-summoning-circle .cosmetic-summoning-ring{animation:cosmeticOrbit 22s linear infinite!important}
  .frame-summoning-circle .cosmetic-orbit-runes{animation:cosmeticOrbit 30s linear infinite reverse!important}
  .frame-summoning-circle>.avatar-cosmetic-image{animation:none!important;rotate:0deg!important}
  .frame-star-halo .cosmetic-orbit-stars{animation:cosmeticOrbit 18s linear infinite!important}
  .frame-star-halo>.avatar-cosmetic-image{animation:none!important;rotate:0deg!important}
  .banner-rainbow-daydreams .cosmetic-banner-fx{animation:v33RainbowTravel 14s ease-in-out infinite!important}
  .banner-rainbow-daydreams .cosmetic-banner-fx::before{animation:v33RainbowSweep 12s ease-in-out infinite!important}
  .banner-rainbow-daydreams .cosmetic-banner-fx::after{animation:v33RainbowWave 16s ease-in-out infinite!important}
}

/* New anime collection. These selectors are additive and use the shared avatar/banner renderer. */
.avatar-cosmetic:is(.frame-anime-sakura-scholar,.frame-anime-heartbeat-crush,.frame-anime-manga-shock,.frame-anime-celestial-ribbon,.frame-anime-flower-senpai)::before,
.avatar-cosmetic:is(.frame-anime-sakura-scholar,.frame-anime-heartbeat-crush,.frame-anime-manga-shock,.frame-anime-celestial-ribbon,.frame-anime-flower-senpai)::after{content:none!important}

/* Sakura Scholar — polished teal wings + crimson bow, close to the reference. */
.anime-sakura-frame{position:absolute;inset:-6% -7% 1% -7%;overflow:visible;transform:translateY(5px) scale(1.03);filter:drop-shadow(0 6px 10px rgba(3,24,34,.4))}
.anime-sakura-frame path,.anime-sakura-frame circle{vector-effect:non-scaling-stroke}
.anime-sakura-petals{position:absolute;inset:-9% -10% -5% -10%;pointer-events:none}
.anime-sakura-petals>i{position:absolute;width:9%;height:9%;border-radius:68% 32% 68% 32%;background:radial-gradient(circle at 35% 30%,#ffeef4 0 20%,#ffc9d9 21% 55%,#f087ac 56% 100%);opacity:.9;filter:drop-shadow(0 1px 2px #8f3e5d55);animation:animePetalFloat 6.4s ease-in-out infinite}
.anime-sakura-petals>i::after{content:'';position:absolute;right:22%;top:18%;width:18%;height:18%;border-radius:50%;background:#fff2a0}
.anime-sakura-petals>i:nth-child(1){left:13%;top:19%;animation-delay:-.4s;scale:.74;transform:rotate(-18deg)}
.anime-sakura-petals>i:nth-child(2){right:11%;top:16%;animation-delay:-2.1s;scale:.84;transform:rotate(14deg)}
.anime-sakura-petals>i:nth-child(3){left:20%;top:5%;animation-delay:-1.2s;scale:.54;opacity:.82;transform:rotate(-8deg)}
.anime-sakura-petals>i:nth-child(4){right:19%;top:7%;animation-delay:-3.4s;scale:.58;opacity:.8;transform:rotate(12deg)}
.anime-sakura-petals>i:nth-child(5){right:4%;top:28%;animation-delay:-2.7s;scale:.48;opacity:.72;transform:rotate(8deg)}
.anime-sakura-petals>i:nth-child(6){left:5%;top:31%;animation-delay:-4.1s;scale:.44;opacity:.68;transform:rotate(-14deg)}

/* Heartbeat Crush: clear center, varied manga hearts around the circumference. */
.anime-heart-ring{position:absolute;inset:-5%;border-radius:50%;border:1px solid #ff83ae55;box-shadow:0 0 14px #ff5c9b44;animation:animeHeartGlow 2.5s ease-in-out infinite}
.cosmetic-orbit-anime-hearts{inset:-13%}
.cosmetic-orbit-anime-hearts .cosmetic-symbol{color:#ff5b91;font-size:calc(var(--avatar-size)*.19);text-shadow:0 1px 0 #7c173e,0 0 7px #ff88b1;animation:animeHeartFloat 2.7s ease-in-out infinite}
.cosmetic-orbit-anime-hearts .cosmetic-spoke:nth-child(3n){inset:6%}.cosmetic-orbit-anime-hearts .cosmetic-spoke:nth-child(2n) .cosmetic-symbol{color:#ffdce8;font-size:calc(var(--avatar-size)*.13)}

/* Manga Shock: six comic rays stay above/right while the avatar remains still. */
.anime-shock-rays{position:absolute;inset:-19%;animation:animeShockJolt 1.7s steps(2,end) infinite}
.anime-shock-rays>i{--turn:calc(var(--ray)*13deg);position:absolute;left:calc(62% + var(--ray)*5%);top:4%;width:7%;height:27%;background:linear-gradient(#fff16b 0 68%,#ff4938 69%);clip-path:polygon(35% 0,100% 0,64% 100%,0 100%);transform:rotate(var(--turn));transform-origin:50% 125%;filter:drop-shadow(0 0 2px #b91d22)}
.anime-shock-rays>i:nth-child(2),.anime-shock-rays>i:nth-child(5){top:7%}.anime-shock-rays>i:nth-child(3),.anime-shock-rays>i:nth-child(4){top:10%}
.anime-reaction-tag{position:absolute;right:-15%;bottom:4%;display:grid;place-items:center;width:34%;height:30%;background:#f6e9df;color:#d62737;border:2px solid #e22d3d;clip-path:polygon(13% 6%,83% 0,100% 67%,54% 100%,0 73%);font:900 calc(var(--avatar-size)*.16)/1 Arial,sans-serif;transform:rotate(9deg);animation:animeTagBounce 2.1s ease-in-out infinite}

/* Celestial Ribbon: a low ribbon arc with a slow sparkle orbit. */
.anime-ribbon-arc{position:absolute;inset:-6%;border-radius:50%;border-bottom:calc(var(--avatar-size)*.1) solid #6655c9;box-shadow:0 6px 7px #31247a66}
.anime-ribbon-arc>i{position:absolute;bottom:-11%;width:32%;height:26%;background:linear-gradient(145deg,#9b84f0,#4b3da3);clip-path:polygon(0 12%,100% 48%,26% 100%);filter:drop-shadow(0 2px 2px #1b1648)}
.anime-ribbon-arc>i:first-child{left:13%;transform:rotate(8deg)}.anime-ribbon-arc>i:nth-child(2){right:13%;transform:scaleX(-1) rotate(8deg)}
.anime-ribbon-arc>b{position:absolute;left:50%;bottom:-8%;width:17%;aspect-ratio:1;translate:-50%;rotate:45deg;border-radius:30%;background:linear-gradient(135deg,#efe1ff,#8266dc);box-shadow:0 0 8px #ad8cff}
.cosmetic-orbit-anime-sparkles{inset:-13%;animation:cosmeticOrbit 17s linear infinite}
.cosmetic-orbit-anime-sparkles .cosmetic-symbol{color:#f4dcff;font-size:calc(var(--avatar-size)*.12);text-shadow:0 0 7px #9e7aff;animation:cosmeticTwinkle 3s ease-in-out infinite}
.cosmetic-orbit-anime-sparkles .cosmetic-spoke:nth-child(2n){inset:5%}

/* Flower Senpai: flowers occupy the bottom and sides, leaving the face clear. */
.anime-flower-vine{position:absolute;inset:-5%;border-radius:50%;border:calc(var(--avatar-size)*.035) solid transparent;border-right-color:#6a9d58;border-bottom-color:#6a9d58;border-left-color:#6a9d58;filter:drop-shadow(0 2px 2px #182818)}
.cosmetic-orbit-anime-flowers{inset:-9%;animation:animeFlowerSway 4.8s ease-in-out infinite}
.cosmetic-orbit-anime-flowers .cosmetic-symbol{color:#ffd4e3;font-size:calc(var(--avatar-size)*.2);text-shadow:0 0 0 #fff,0 2px 2px #5f3347;animation:cosmeticTwinkle 3.5s ease-in-out infinite}
.cosmetic-orbit-anime-flowers .cosmetic-spoke:nth-child(-n+3){display:none}.cosmetic-orbit-anime-flowers .cosmetic-spoke:nth-child(3n) .cosmetic-symbol{color:#fff0a9;font-size:calc(var(--avatar-size)*.16)}

@keyframes animeBowBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes animePetalDrift{to{transform:rotate(360deg)}}
@keyframes animePetalTwirl{0%,100%{opacity:.45;scale:.7;rotate:-12deg}50%{opacity:1;scale:1.15;rotate:16deg}}
@keyframes animeHeartGlow{0%,100%{opacity:.45;scale:.98}50%{opacity:1;scale:1.04}}
@keyframes animeHeartFloat{0%,100%{transform:translate(-50%,-45%) rotate(calc(-1 * var(--angle))) scale(.82)}50%{transform:translate(-50%,-70%) rotate(calc(-1 * var(--angle))) scale(1.1)}}
@keyframes animeShockJolt{0%,72%,100%{transform:translate(0) scale(1)}78%{transform:translate(1px,-2px) scale(1.04)}84%{transform:translate(-1px,1px) scale(.99)}}
@keyframes animeTagBounce{0%,100%{transform:rotate(9deg) translateY(0)}50%{transform:rotate(5deg) translateY(-3px)}}
@keyframes animeFlowerSway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}

/* Shared foundation for five original anime banners. */
:is(.banner-anime-happy-tune,.banner-anime-love-letter,.banner-anime-starlight-idol,.banner-anime-dreamy-manga,.banner-anime-magic-charm) .banner-fx{display:block!important;position:absolute!important;inset:auto!important;left:var(--x)!important;top:var(--y)!important;border:0!important;box-shadow:none!important}
.banner-anime-happy-tune .cosmetic-banner-fx{background:radial-gradient(ellipse at 18% 55%,#72ff8b44,transparent 36%),linear-gradient(115deg,#061a16,#144f35,#0a241d,#28743d);background-size:240% 180%;animation:animeBannerFlow 10s ease-in-out infinite}
.banner-anime-happy-tune .banner-fx{width:auto!important;height:auto!important;background:none!important;color:#9cff7d;font:bold calc(12px + var(--size)*.35)/1 Arial,sans-serif;text-shadow:0 0 4px #cbff9e,0 0 10px #51ff72;animation:animeNoteFly var(--duration) ease-in-out infinite!important;animation-delay:var(--delay)!important}
.banner-anime-happy-tune .banner-fx::before{content:"♫"}.banner-anime-happy-tune .banner-fx:nth-of-type(3n)::before{content:"♪"}.banner-anime-happy-tune .banner-fx:nth-of-type(4n)::before{content:"♬"}

.banner-anime-love-letter .cosmetic-banner-fx{background:radial-gradient(ellipse at 28% 75%,#ffafc966,transparent 38%),linear-gradient(120deg,#40152b,#a83d68,#5c2045,#d36b8b);background-size:230% 180%;animation:animeBannerFlow 11s ease-in-out infinite}
.banner-anime-love-letter .banner-fx{width:auto!important;height:auto!important;background:none!important;color:#ff7da9;font:bold calc(10px + var(--size)*.32)/1 Georgia,serif;text-shadow:0 0 6px #ffbad1;animation:animeHeartBanner var(--duration) ease-in-out infinite!important;animation-delay:var(--delay)!important}
.banner-anime-love-letter .banner-fx::before{content:"♥"}.banner-anime-love-letter .banner-fx:nth-of-type(3n)::before{content:"♡";color:#ffe8f0}.banner-anime-love-letter .banner-fx:nth-of-type(5n)::before{content:"✦";color:#fff3cf}

.banner-anime-starlight-idol .cosmetic-banner-fx{background:radial-gradient(ellipse at 20% 120%,#55d9ff66,transparent 40%),radial-gradient(ellipse at 80% 120%,#e473ff55,transparent 44%),linear-gradient(110deg,#10133e,#392673,#151b55,#613373);background-size:220% 180%;animation:animeBannerFlow 9s ease-in-out infinite}
.banner-anime-starlight-idol .cosmetic-banner-fx::before{content:"";position:absolute;inset:-50% -20%;background:conic-gradient(from 20deg at 50% 120%,transparent 0 12deg,#e5f7ff2b 15deg 23deg,transparent 27deg 57deg,#ffd9ff26 60deg 70deg,transparent 74deg);animation:animeSpotlight 8s ease-in-out infinite}
.banner-anime-starlight-idol .banner-fx,.banner-anime-magic-charm .banner-fx{width:calc(var(--size)*.7)!important;height:calc(var(--size)*.7)!important;background:#f8f1ff!important;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);filter:drop-shadow(0 0 5px #b8b0ff);animation:animeStarDrift var(--duration) ease-in-out infinite!important;animation-delay:var(--delay)!important}

.banner-anime-dreamy-manga .cosmetic-banner-fx{background:radial-gradient(circle at 70% 35%,#fff5ff55,transparent 24%),linear-gradient(125deg,#7984c7,#d991c0,#8fcbd3,#efd7b5);background-size:260% 200%;animation:animeBannerFlow 12s ease-in-out infinite}
.banner-anime-dreamy-manga .cosmetic-banner-fx::before{content:"";position:absolute;inset:-20% -40%;background:repeating-linear-gradient(108deg,transparent 0 28px,#ffffff1f 31px 34px,transparent 37px 62px);animation:animeMangaSweep 9s linear infinite}
.banner-anime-dreamy-manga .banner-fx{width:calc(var(--size)*.9)!important;height:calc(var(--size)*.9)!important;border:1px solid #fff9!important;border-radius:50%!important;background:#fff2!important;animation:animeDreamBubble var(--duration) ease-in-out infinite!important;animation-delay:var(--delay)!important}

.banner-anime-magic-charm .cosmetic-banner-fx{background:radial-gradient(ellipse at 30% 60%,#31e9df44,transparent 35%),radial-gradient(ellipse at 78% 35%,#b260ff55,transparent 37%),linear-gradient(115deg,#071d2b,#18305e,#351f61,#0a3443);background-size:250% 180%;animation:animeBannerFlow 10s ease-in-out infinite}
.banner-anime-magic-charm .banner-fx:nth-of-type(3n){border:1px solid #84fff4!important;border-radius:50%!important;background:transparent!important;clip-path:none;box-shadow:0 0 7px #49f2e1!important}.banner-anime-magic-charm .banner-fx:nth-of-type(4n){color:#e6ceff;background:#d4b5ff!important}

@keyframes animeBannerFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes animeNoteFly{0%,100%{transform:translate3d(-10px,8px,0) rotate(-8deg);opacity:.18}28%{opacity:1}65%{transform:translate3d(16px,-11px,0) rotate(8deg);opacity:.9}}
@keyframes animeHeartBanner{0%,100%{transform:translateY(7px) scale(.7) rotate(-8deg);opacity:.25}45%{transform:translateY(-8px) scale(1.08) rotate(7deg);opacity:1}}
@keyframes animeSpotlight{0%,100%{transform:rotate(-7deg);opacity:.45}50%{transform:rotate(8deg);opacity:1}}
@keyframes animeStarDrift{0%,100%{transform:translate(-7px,5px) scale(.65);opacity:.25}50%{transform:translate(8px,-6px) scale(1.15);opacity:1}}
@keyframes animeMangaSweep{to{transform:translateX(34%)}}
@keyframes animeDreamBubble{0%,100%{transform:translate(-6px,5px) scale(.72);opacity:.18}50%{transform:translate(7px,-7px) scale(1.08);opacity:.72}}

@media(prefers-reduced-motion:reduce){
  .cosmetic-orbit-anime-petals{animation:animePetalDrift 18s linear infinite!important}.cosmetic-orbit-anime-sparkles{animation:cosmeticOrbit 28s linear infinite!important}
  .cosmetic-orbit-anime-hearts .cosmetic-symbol{animation:animeHeartFloat 5s ease-in-out infinite!important}.anime-shock-rays{animation:animeShockJolt 3.4s steps(2,end) infinite!important}.cosmetic-orbit-anime-flowers{animation:animeFlowerSway 8s ease-in-out infinite!important}
  :is(.banner-anime-happy-tune,.banner-anime-love-letter,.banner-anime-starlight-idol,.banner-anime-dreamy-manga,.banner-anime-magic-charm) .cosmetic-banner-fx{animation:animeBannerFlow 20s ease-in-out infinite!important}
  .banner-anime-happy-tune .banner-fx{animation:animeNoteFly 9s ease-in-out infinite!important;animation-delay:var(--delay)!important}.banner-anime-love-letter .banner-fx{animation:animeHeartBanner 9s ease-in-out infinite!important;animation-delay:var(--delay)!important}
  .banner-anime-starlight-idol .banner-fx,.banner-anime-magic-charm .banner-fx{animation:animeStarDrift 9s ease-in-out infinite!important;animation-delay:var(--delay)!important}.banner-anime-dreamy-manga .banner-fx{animation:animeDreamBubble 10s ease-in-out infinite!important;animation-delay:var(--delay)!important}
}

/* Profile appearance category browser */
.appearance-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.appearance-category-card{display:flex;align-items:center;gap:13px;min-height:92px;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:#0b111a;color:var(--text);text-decoration:none;transition:border-color .16s ease,transform .16s ease,background .16s ease}
.appearance-category-card:hover{border-color:#55527c;background:#101725;transform:translateY(-1px)}
.appearance-category-icon{width:46px;height:46px;flex:0 0 46px;border-radius:14px;display:grid;place-items:center;background:#171d2a;border:1px solid #2f394b;color:#b9b3ff;font-size:1rem;font-weight:950}
.appearance-category-copy{min-width:0;display:grid;gap:3px;flex:1}.appearance-category-copy strong{font-size:.94rem}.appearance-category-copy small{color:var(--muted);font-size:.69rem}.appearance-category-copy em{font-style:normal;color:#cbc7ff;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appearance-category-arrow{font-size:1.7rem;color:#858ba0;line-height:1}
.customize-back-link{display:inline-flex;align-items:center;margin-bottom:14px;color:#b8b3ff;text-decoration:none;font-size:.78rem;font-weight:900}.customize-back-link:hover{color:#fff}.customize-category-heading{margin-bottom:16px}
.owned-cosmetic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.owned-cosmetic-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:#0b111a;color:var(--text);text-align:left;cursor:pointer;font:inherit;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.owned-cosmetic-card:hover{border-color:#55527c;transform:translateY(-1px)}.owned-cosmetic-card.selected{border-color:#766cff;box-shadow:0 0 0 1px rgba(118,108,255,.35),0 10px 28px rgba(71,58,160,.16)}.owned-cosmetic-card .shop-visual{height:96px;width:100%;box-sizing:border-box}.owned-cosmetic-copy{display:grid;gap:3px}.owned-cosmetic-copy strong{font-size:.82rem}.owned-cosmetic-copy small{font-size:.68rem;color:var(--muted)}.owned-selected-mark{position:absolute;right:9px;top:9px;width:24px;height:24px;border-radius:50%;display:none;place-items:center;background:#6f63ff;color:#fff;font-size:.72rem;font-weight:950;box-shadow:0 5px 15px rgba(67,57,170,.35)}.owned-cosmetic-card.selected .owned-selected-mark{display:grid}.default-cosmetic-visual{height:96px;border:1px dashed #333d50;border-radius:12px;display:grid;place-items:center;background:#0a0f17}.default-cosmetic-visual span{padding:7px 10px;border-radius:999px;background:#171e2a;color:#aeb6c7;font-size:.72rem;font-weight:900}.customize-empty-state{grid-column:1/-1;min-height:260px;padding:30px 22px;border:1px dashed #323b4d;border-radius:18px;background:#0a1018;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.customize-empty-state h3{margin:10px 0 6px}.customize-empty-state p{max-width:430px;margin:0 0 18px;color:var(--muted);font-size:.8rem;line-height:1.6}.customize-empty-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#171d2a;border:1px solid #30394a;color:#aaa4ff;font-weight:950;font-size:1.1rem}.banner-color-control{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#0b111a;color:var(--muted);font-size:.78rem;font-weight:900}.banner-color-control input{width:58px;height:36px;padding:2px;border:0;background:transparent;cursor:pointer}.tag-owned-card .shop-tag-only{min-height:96px}.customize-category-panel .customize-actions{justify-content:space-between}
@media(max-width:760px){.appearance-category-grid,.owned-cosmetic-grid{grid-template-columns:1fr}.customize-category-panel .customize-actions{flex-direction:column}.customize-category-panel .customize-actions .btn{width:100%}}

/* Theme rewards were merged into banners. Keep old keys working visually as banner effects. */
.banner-midnight .cosmetic-banner-fx{background:radial-gradient(circle at 80% 5%,rgba(122,122,255,.16),transparent 25%),linear-gradient(145deg,#090b18,#11152c 55%,#070812)!important;box-shadow:inset 0 0 80px rgba(19,25,69,.28)}
.banner-midnight .cosmetic-banner-fx::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,transparent)}
.banner-midnight .banner-fx{width:16px!important;height:10px!important;opacity:.55;filter:drop-shadow(0 0 3px #7983d9)}
.banner-midnight .banner-fx::before{content:"";position:absolute;inset:0;background:#6972bd;clip-path:polygon(0 45%,30% 0,58% 20%,100% 0,78% 48%,100% 100%,55% 82%,20% 100%,36% 58%)}
.banner-midnight .banner-fx{animation:v31BatFlight var(--duration,9s) ease-in-out infinite!important;animation-delay:var(--delay,0s)!important}
.banner-nebula .cosmetic-banner-fx{background:radial-gradient(ellipse at 20% 35%,#9a4fba77,transparent 50%),radial-gradient(ellipse at 76% 64%,#4387bf66,transparent 50%),linear-gradient(130deg,#0a1229,#291638,#0b1c2e);background-size:180% 160%;animation:v31BannerDrift 18s ease-in-out infinite}
.banner-nebula .cosmetic-banner-fx::before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 30% 50%,#b17cdb44,transparent 40%),radial-gradient(ellipse at 70% 30%,#71cddf33,transparent 44%);filter:blur(12px);animation:cosmeticNebulaCloud 16s ease-in-out infinite}
.banner-nebula .cosmetic-banner-fx::after{content:"";position:absolute;inset:-15%;background-image:radial-gradient(circle,#d9d2ffcc 0 1px,transparent 1.6px),radial-gradient(circle,#b5e3ff88 0 .7px,transparent 1.2px);background-position:0 0,20px 12px;background-size:67px 53px,43px 71px;animation:cosmeticNebulaStars 24s linear infinite;opacity:.5}

@keyframes animePetalFloat{0%,100%{transform:translate3d(0,5px,0) rotate(-8deg);opacity:.68}50%{transform:translate3d(0,-7px,0) rotate(7deg);opacity:1}}

/* Leaderboard cosmetic preview — left aligned content, smaller tags, and banner clearly visible. */
.leaderboard-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#0d131c;text-decoration:none;color:inherit;overflow:visible}
.leaderboard-row>.leaderboard-preview{display:block!important}
.leaderboard-preview{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(66,84,116,.42);border-radius:16px;background:linear-gradient(180deg,#0c121a,#0a1018);isolation:isolate}
.leaderboard-preview.has-banner{background:#0b111a}
.leaderboard-preview.no-banner{background:linear-gradient(180deg,#0d131c,#0a1018)}
.leaderboard-preview::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,11,18,.12) 0%,rgba(7,11,18,.18) 26%,rgba(7,11,18,.44) 54%,rgba(7,11,18,.78) 100%);z-index:1}
.leaderboard-preview.no-banner::after{background:linear-gradient(90deg,rgba(7,11,18,.08),rgba(7,11,18,.2) 50%,rgba(7,11,18,.42) 100%)}
.leaderboard-preview-banner{height:100%;position:absolute;inset:0;overflow:hidden;opacity:1;z-index:0}
.leaderboard-preview .cosmetic-banner-fx{z-index:1;border-radius:inherit;opacity:1;filter:saturate(1.08) brightness(1.02)}
.leaderboard-preview-main{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:14px 16px;min-height:78px;text-align:left}
.leaderboard-preview-copy{min-width:0;flex:1;display:grid;gap:4px;align-content:center;justify-items:start}
.leaderboard-name-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;flex-wrap:wrap}
.leaderboard-rank-chip{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:999px;background:rgba(108,94,255,.18);border:1px solid rgba(126,114,255,.28);color:#c9c3ff;font-size:10px;font-weight:900;letter-spacing:.04em;flex:0 0 auto}
.leaderboard-preview-copy strong{display:flex;align-items:center;justify-content:flex-start;gap:6px;font-size:14px;min-width:0;max-width:100%}
.leaderboard-preview-copy .cosmetic-display-name{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leaderboard-preview-copy small{font-size:11px;color:var(--muted);text-align:left}
.leaderboard-preview[class*="accent-"] .cosmetic-display-name{color:var(--profile-accent)}
.leaderboard-row b{font-size:13px;color:#b5afff;white-space:nowrap;justify-self:end}
.leaderboard-avatar-wrap{width:46px;height:46px;flex:0 0 46px}
.leaderboard-avatar-wrap img,.leaderboard-avatar-wrap .avatar-cosmetic-image{width:46px;height:46px}
.leaderboard-tags{margin-top:1px;gap:4px;flex-wrap:wrap;justify-content:flex-start}
.leaderboard-tags .profile-tag{font-size:.5rem;padding:1px 6px;border-radius:999px;line-height:1.2;letter-spacing:.02em}
.leader-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
@media(max-width:900px){.leaderboard-row{grid-template-columns:minmax(0,1fr)}.leaderboard-row b{justify-self:start;padding-left:2px}.leaderboard-preview-main{min-height:72px;padding:12px 14px}}
@media(max-width:590px){.leaderboard-preview-main{gap:10px;padding:11px 12px}.leaderboard-avatar-wrap{width:42px;height:42px;flex-basis:42px}.leaderboard-avatar-wrap img,.leaderboard-avatar-wrap .avatar-cosmetic-image{width:42px;height:42px}.leaderboard-preview-copy strong{font-size:13px}.leaderboard-rank-chip{padding:2px 7px;font-size:9px}.leaderboard-tags .profile-tag{font-size:.48rem;padding:1px 5px}}

/* V29 leaderboard/profile rank update */
.profile-rank-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1080px){.profile-rank-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.profile-rank-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.profile-rank-stat-grid{grid-template-columns:1fr}}


/* Transaction receipts and searchable admin transaction logs. */
.transaction-row-link{color:inherit;text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.transaction-row-link:hover{border-color:#4f4a7c;background:#101724;transform:translateY(-1px)}
.transaction-copy{display:grid;gap:3px;min-width:0}
.transaction-code{width:max-content;padding:2px 7px;border-radius:999px;background:rgba(115,103,255,.12);border:1px solid rgba(115,103,255,.22);color:#aaa4ff;font-size:9px;font-weight:900;letter-spacing:.04em}
.transaction-open{color:#aaa4ff!important;font-weight:850;white-space:nowrap}
.positive{color:var(--good)!important}.negative{color:#ff7d91!important}
.transaction-receipt{max-width:980px;margin-left:auto;margin-right:auto}
.receipt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.receipt-head h2{font-size:clamp(30px,5vw,48px);margin:2px 0 6px;letter-spacing:-.04em}
.receipt-head p{margin:0;color:var(--muted)}
.transaction-receipt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.transaction-receipt-grid>div{display:grid;gap:7px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#0b111a;min-width:0}
.transaction-receipt-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}
.transaction-receipt-grid strong{font-size:13px;overflow-wrap:anywhere}
.transaction-receipt-note{display:grid;gap:5px;margin-top:13px;padding:16px;border:1px solid #302d53;border-radius:14px;background:rgba(115,103,255,.08)}
.transaction-receipt-note strong{font-size:14px}.transaction-receipt-note small{color:var(--muted);line-height:1.5}
.admin-transaction-filters{display:grid;grid-template-columns:minmax(250px,1.5fr) minmax(150px,.7fr) minmax(150px,.7fr) minmax(135px,.6fr) minmax(135px,.6fr) auto;gap:9px;align-items:end;margin-bottom:16px}
.admin-transaction-filters select{width:100%;border:1px solid #2a3445;border-radius:11px;background:#0b1119;color:#eef2f8;padding:11px 12px;outline:none}
.admin-transaction-filters label{display:grid;gap:6px;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.admin-transaction-list{display:grid;gap:8px}
.admin-transaction-row{display:grid;grid-template-columns:130px minmax(180px,.8fr) minmax(260px,1.4fr) 130px;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#0d131c;color:inherit;text-decoration:none;transition:border-color .16s ease,background .16s ease}
.admin-transaction-row:hover{border-color:#4f4a7c;background:#101724}
.admin-transaction-id,.admin-transaction-details,.admin-transaction-money{display:grid;gap:4px;min-width:0}
.admin-transaction-id strong{color:#aaa4ff}.admin-transaction-row small{color:var(--muted);font-size:9px;overflow-wrap:anywhere}.admin-transaction-row strong{font-size:11px;overflow-wrap:anywhere}
.admin-transaction-person{display:flex;align-items:center;gap:9px;min-width:0}.admin-transaction-person img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#171e2a}.admin-transaction-person span{display:grid;gap:3px;min-width:0}.admin-transaction-money{text-align:right}
/* Cosmetic banner must remain visible inside leaderboard rows; Discord banners render on the preview itself. */
.leaderboard-preview.has-banner .leaderboard-preview-banner{background-color:#111827}
.leaderboard-preview.has-banner .leaderboard-preview-banner>.cosmetic-banner-fx{opacity:1!important}
@media(max-width:1050px){.admin-transaction-filters{grid-template-columns:1fr 1fr 1fr}.admin-transaction-row{grid-template-columns:110px 1fr 1.2fr}.admin-transaction-money{grid-column:3}}
@media(max-width:760px){.transaction-receipt-grid{grid-template-columns:1fr}.receipt-head{flex-direction:column}.admin-transaction-filters{grid-template-columns:1fr}.admin-transaction-row{grid-template-columns:1fr;gap:8px}.admin-transaction-money{text-align:left;grid-column:auto}.transaction-row{grid-template-columns:1fr}.transaction-open{justify-self:start}}

/* ===== V31 shared banner renderer + compact equipped rewards ===== */
/* The exact same mini-banner surface is now used by profile, public profile,
   shop previews and leaderboard. Keep banner artwork on this shared layer. */
.cosmetic-banner-surface{position:relative;overflow:hidden;isolation:isolate;background:#101722}
.profile-banner-card,.public-profile-hero{background-image:none!important;animation:none!important}
.profile-banner-layer{position:absolute!important;inset:0 0 auto 0!important;width:100%!important;height:58%!important;min-height:84px;border-radius:19px 19px 12px 12px!important;z-index:0!important;pointer-events:none}
.profile-banner-layer>.cosmetic-banner-fx{position:absolute;inset:0;border-radius:inherit}
.profile-banner-card>.avatar-cosmetic,.profile-banner-card>.profile-copy,.profile-banner-card>.profile-balance,
.public-profile-hero>.avatar-cosmetic,.public-profile-hero>.profile-copy{position:relative;z-index:2}
.leaderboard-preview-banner.cosmetic-banner-surface{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;border-radius:inherit!important}
.shop-banner-profile.cosmetic-banner-surface{width:100%;height:100%}

/* Cyber Grid: full parity on shop/profile/leaderboard with a visible vertical scan. */
.banner-cyber-grid .cosmetic-banner-fx,
.cosmetic-banner-surface.banner-cyber-grid .cosmetic-banner-fx{
  background:
    radial-gradient(circle at 76% 22%,rgba(55,227,255,.16),transparent 25%),
    linear-gradient(180deg,rgba(4,13,27,.08),rgba(4,9,19,.45)),
    repeating-linear-gradient(90deg,transparent 0 27px,rgba(49,229,255,.20) 28px 29px),
    repeating-linear-gradient(0deg,transparent 0 18px,rgba(119,84,255,.18) 19px 20px),
    linear-gradient(135deg,#061926,#0a1022 58%,#11102c);
  background-size:auto,auto,auto,auto,auto;
}
.banner-cyber-grid .cosmetic-banner-fx::before,
.cosmetic-banner-surface.banner-cyber-grid .cosmetic-banner-fx::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(87,232,255,.04) 42%,rgba(111,245,255,.22) 50%,rgba(87,232,255,.04) 58%,transparent 100%);
  transform:translateX(-105%);animation:v31CyberSweepX 5.5s linear infinite;
}
.banner-cyber-grid .cosmetic-banner-fx::after,
.cosmetic-banner-surface.banner-cyber-grid .cosmetic-banner-fx::after{
  content:"";position:absolute;left:0;right:0;top:-12%;height:18%;
  background:linear-gradient(180deg,transparent,rgba(78,229,255,.06) 25%,rgba(104,242,255,.75) 50%,rgba(78,229,255,.08) 72%,transparent);
  box-shadow:0 0 15px rgba(77,226,255,.24);animation:v31CyberScanY 3.2s linear infinite;
}
.banner-cyber-grid .banner-fx{display:none!important}
@keyframes v31CyberSweepX{to{transform:translateX(105%)}}
@keyframes v31CyberScanY{from{transform:translateY(-10%)}to{transform:translateY(650%)}}

/* Equipped rewards are intentionally compact and clickable. */
.profile-equipped-panel{margin-top:14px}
.compact-panel-head{margin-bottom:10px!important}.compact-panel-head h2{font-size:1.05rem!important}.compact-panel-head p{font-size:.72rem!important}
.equipped-reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.equipped-reward-card{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:9px;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#0b111a;color:inherit;text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.equipped-reward-card:hover{border-color:#4f4a7c;background:#101724;transform:translateY(-1px)}
.equipped-reward-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#151c28;border:1px solid #283244;color:#c7c1ff;font-size:.8rem;font-weight:900;overflow:hidden}
.equipped-reward-copy{display:grid;gap:2px;min-width:0}.equipped-reward-copy strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equipped-reward-copy small{color:var(--muted);font-size:.6rem;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.equipped-reward-arrow{color:#8f88ff;font-size:1.15rem;line-height:1}.equipped-reward-card.claim-reward{border-color:rgba(226,183,60,.24);background:linear-gradient(180deg,rgba(226,183,60,.045),#0b111a)}
.compact-equipped-empty{padding:13px!important;min-height:0!important}
.equipped-rewards-section{min-width:0}

/* Role-only item pages: never show Buy. */
.claim-only-shop-card{border-color:rgba(226,183,60,.22)}
.claim-only-shop-card .shop-footer strong{color:#d8bc6d}
.claim-reward-notice{margin-top:12px;padding:13px 14px;border:1px solid #34304d;border-radius:13px;background:#0b111a}
.claim-reward-notice strong{display:block;color:#d6d1ff;font-size:.78rem}.claim-reward-notice p{margin:5px 0 0!important;color:var(--muted);font-size:.78rem;line-height:1.55}
.special-tag-preview{min-height:190px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 50% 45%,rgba(111,99,255,.10),transparent 45%),#0b111a}
.special-tag-preview .profile-tag{font-size:.78rem;padding:7px 12px}

@media(max-width:760px){
  .profile-banner-layer{height:48%!important;min-height:72px}
  .equipped-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-equipped-panel{padding:16px}
}
@media(max-width:470px){
  .equipped-reward-grid{grid-template-columns:1fr}
  .equipped-reward-card{grid-template-columns:32px minmax(0,1fr) 14px;padding:8px 9px}
  .equipped-reward-icon{width:32px;height:32px}
}
.two-column-panel>:only-child{grid-column:1/-1}


/* ===== V33 profile banner parity + role tag cleanup ===== */
.profile-banner-card,.public-profile-hero{padding:18px 18px 14px!important;min-height:0!important}
.profile-banner-card{grid-template-columns:84px minmax(0,1fr) auto!important}
.public-profile-hero{grid-template-columns:84px minmax(0,1fr)!important}
.profile-banner-card .profile-copy,.public-profile-hero .profile-copy{align-self:end}
.profile-banner-card .profile-copy h2,.public-profile-hero .profile-copy h2{font-size:2rem}
.profile-banner-card .profile-tags,.public-profile-hero .profile-tags{margin-top:8px}
.profile-banner-card .profile-balance strong{font-size:2rem}
.profile-banner-layer{height:54%!important;min-height:78px}
.profile-banner-layer.cosmetic-banner-surface{display:block}
.leaderboard-preview{position:relative;overflow:hidden;isolation:isolate}

/* equipped rewards should show a real mini preview, not only text */
.equipped-reward-card{grid-template-columns:56px minmax(0,1fr) 16px;padding:10px 11px}
.equipped-reward-icon.equipped-reward-preview{width:56px;height:42px;border-radius:11px;padding:0;background:#0f1621;display:flex;align-items:center;justify-content:center;overflow:hidden}
.equipped-reward-preview .shop-visual{width:100%;height:100%;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;display:grid;place-items:center}
.equipped-reward-preview .shop-font-only{font-size:.8rem;padding:0 6px}
.equipped-reward-preview .shop-tag-only .profile-tag{font-size:.58rem;padding:4px 6px}
.equipped-reward-preview .shop-profile-swatch .shop-mini-user{transform:scale(.68);transform-origin:center}
.equipped-reward-preview .frame-showcase{min-height:0!important;height:100%}
.equipped-reward-preview .frame-showcase .shop-frame-sample{width:46px!important;height:46px!important;padding:0!important}
.equipped-reward-preview .frame-showcase .shop-frame-sample img,.equipped-reward-preview .frame-showcase .shop-avatar-placeholder{width:32px!important;height:32px!important}
.equipped-reward-preview .shop-badge-only span{font-size:1.1rem}
.equipped-reward-preview .shop-banner-profile{border-radius:0!important}
.equipped-reward-preview .shop-banner-profile .cosmetic-banner-fx{inset:0}
.equipped-reward-preview .shop-tag-only,.equipped-reward-preview .shop-badge-only,.equipped-reward-preview .shop-font-only{width:100%;height:100%}

@media(max-width:760px){
  .profile-banner-card,.public-profile-hero{padding:16px 16px 13px!important}
  .profile-banner-card{grid-template-columns:72px minmax(0,1fr)!important}
  .public-profile-hero{grid-template-columns:72px minmax(0,1fr)!important}
  .profile-banner-card .profile-copy h2,.public-profile-hero .profile-copy h2{font-size:1.45rem}
  .profile-banner-layer{height:50%!important;min-height:70px}
}
@media(max-width:470px){
  .equipped-reward-card{grid-template-columns:52px minmax(0,1fr) 14px}
  .equipped-reward-icon.equipped-reward-preview{width:52px;height:40px}
}

/* ===== V35 profile layout polish ===== */
/* Full-width banner header for private and public profile heroes. */
.profile-banner-card,
.public-profile-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  min-height:0!important;
  padding:104px 20px 17px!important;
  border-radius:20px!important;
  align-items:center!important;
}
.profile-banner-card{
  grid-template-columns:84px minmax(0,1fr) auto!important;
  gap:15px!important;
}
.public-profile-hero{
  grid-template-columns:84px minmax(0,1fr)!important;
  gap:15px!important;
}
.profile-banner-layer{
  position:absolute!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:112px!important;
  min-height:112px!important;
  border-radius:19px 19px 0 0!important;
  z-index:0!important;
  pointer-events:none!important;
}
.profile-banner-layer>.cosmetic-banner-fx{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
}
.profile-banner-card>.avatar-cosmetic,
.public-profile-hero>.avatar-cosmetic{
  position:relative!important;
  z-index:2!important;
  margin-top:-35px!important;
}
.profile-banner-card>.profile-copy,
.public-profile-hero>.profile-copy{
  position:relative!important;
  z-index:2!important;
  align-self:center!important;
  margin-top:-13px!important;
}
.profile-banner-card>.profile-balance{
  position:relative!important;
  z-index:2!important;
  align-self:center!important;
  margin-top:-8px!important;
}
.profile-banner-card .profile-copy h2,
.public-profile-hero .profile-copy h2{font-size:1.55rem!important;line-height:1.08}
.profile-banner-card .profile-copy p,
.public-profile-hero .profile-copy p{margin:4px 0!important}
.profile-banner-card .profile-copy code{font-size:.62rem!important}
.profile-banner-card .profile-balance strong{font-size:1.55rem!important}
.profile-banner-card .profile-balance span{font-size:.6rem!important}
.profile-banner-card .profile-tags,
.public-profile-hero .profile-tags{margin-top:6px!important}

/* Equipped rewards: full-width on public profiles and stable mini previews. */
.public-equipped-panel{display:block!important}
.public-equipped-panel .equipped-reward-grid,
.profile-equipped-panel .equipped-reward-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important}
.public-centered-head{justify-content:center!important;text-align:center!important}
.public-centered-head>div{margin-inline:auto!important}
.equipped-reward-card{min-height:64px!important}
.equipped-reward-preview{flex:0 0 auto}
.equipped-reward-preview .shop-visual{pointer-events:none!important}

/* Website account status: centered, compact and intentional. */
.public-status-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  text-align:center!important;
  padding:22px!important;
}
.public-status-card>div{display:grid;gap:4px;justify-items:center}
.public-status-card h2{margin:0;font-size:1.05rem}
.public-status-card p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.55}
.public-status-icon{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  border:1px solid #343d50;background:#111925;color:#8e99aa;font-weight:950;
}
.public-status-icon.is-linked{color:#8fffb9;border-color:rgba(85,232,145,.32);background:rgba(54,187,111,.10);box-shadow:0 0 20px rgba(54,187,111,.08)}
.public-status-pill{
  display:inline-flex;align-items:center;justify-content:center;min-width:90px;
  padding:7px 12px;border-radius:999px;border:1px solid #343d50;
  background:#111925;color:#aeb7c6;font-size:.68rem;font-weight:900;
}
.public-status-pill.is-linked{color:#8fffb9;border-color:rgba(85,232,145,.32);background:rgba(54,187,111,.09)}

/* Invite status: number centered instead of pushed to the side. */
.public-invite-status{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;text-align:center!important;gap:5px!important;padding:23px!important;
}
.public-invite-status .public-centered-head{display:grid;gap:4px;justify-items:center}
.public-invite-status h2{margin:0;font-size:1.05rem}
.public-invite-status p{margin:0;color:var(--muted);font-size:.72rem}
.public-invite-number{font-size:2rem;line-height:1;color:#fff;margin-top:7px}
.public-invite-label{font-size:.66rem;font-weight:850;color:#a7b0c0;text-transform:uppercase;letter-spacing:.08em}

/* Connected accounts: centered information and centered Open Profile action. */
.connection-card-list,
#profileConnections{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:10px!important}
.connection-card-row{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;text-align:center!important;gap:10px!important;
  min-height:112px!important;padding:15px!important;
}
.connection-card-row>span{display:grid!important;gap:4px!important;justify-items:center!important}
.connection-card-row strong{font-size:.82rem!important}
.connection-card-row small{font-size:.68rem!important}
.connection-open-button{
  width:max-content!important;min-width:112px!important;margin:0 auto!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:8px 12px!important;border-radius:10px!important;
}
.public-connections-panel .panel-head{margin-bottom:14px!important}
.connected-discord-card .panel-head{text-align:center!important;justify-content:center!important;flex-direction:column!important}
.connected-discord-card .connected-account-row{
  justify-content:center!important;text-align:center!important;flex-direction:column!important;
  padding-top:4px!important;
}
.connected-discord-card .connected-account-row>div{align-items:center!important}

@media(max-width:900px){
  .profile-banner-card,.public-profile-hero{padding:94px 16px 15px!important}
  .profile-banner-layer{height:102px!important;min-height:102px!important}
  .profile-banner-card{grid-template-columns:72px minmax(0,1fr)!important}
  .public-profile-hero{grid-template-columns:72px minmax(0,1fr)!important}
  .profile-banner-card>.profile-balance{grid-column:2!important;text-align:left!important;margin-top:-5px!important}
  .profile-banner-card>.avatar-cosmetic,.public-profile-hero>.avatar-cosmetic{margin-top:-31px!important}
  .profile-banner-card>.profile-copy,.public-profile-hero>.profile-copy{margin-top:-10px!important}
}
@media(max-width:590px){
  .profile-banner-card,.public-profile-hero{padding:88px 14px 14px!important;grid-template-columns:1fr!important;text-align:center!important}
  .profile-banner-layer{height:96px!important;min-height:96px!important}
  .profile-banner-card>.avatar-cosmetic,.public-profile-hero>.avatar-cosmetic{margin:-34px auto 0!important}
  .profile-banner-card>.profile-copy,.public-profile-hero>.profile-copy{margin:-4px auto 0!important;text-align:center!important}
  .profile-banner-card>.profile-balance{grid-column:auto!important;margin:4px auto 0!important;text-align:center!important}
  .profile-banner-card .profile-tags,.public-profile-hero .profile-tags{justify-content:center!important}
  .public-equipped-panel .equipped-reward-grid,.profile-equipped-panel .equipped-reward-grid{grid-template-columns:1fr!important}
  .connection-card-list,#profileConnections{grid-template-columns:1fr!important}
}

/* ===== V36 Discord-style profile correction ===== */
/* Keep profile sections tight instead of leaving page-sized gaps. */
#profileContent > .product-panel,
#publicUserProfile .product-panel{margin-bottom:18px}

/* Hero: one complete banner strip + a short body.  Text never shares the avatar area. */
.profile-banner-card,
.public-profile-hero{
  position:relative!important;
  overflow:hidden!important;
  min-height:0!important;
  padding:116px 18px 14px!important;
  align-items:start!important;
  column-gap:18px!important;
  row-gap:4px!important;
}
.profile-banner-card{grid-template-columns:92px minmax(0,1fr)!important}
.public-profile-hero{grid-template-columns:92px minmax(0,1fr)!important}
.profile-banner-layer{
  position:absolute!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:112px!important;
  min-height:112px!important;
  border-radius:19px 19px 0 0!important;
  overflow:hidden!important;
}
.profile-banner-layer>.cosmetic-banner-fx{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.profile-banner-card>.avatar-cosmetic,
.public-profile-hero>.avatar-cosmetic{
  align-self:start!important;
  margin:-42px 0 0!important;
  position:relative!important;
  z-index:3!important;
}
.profile-banner-card>.profile-copy,
.public-profile-hero>.profile-copy{
  align-self:start!important;
  margin:3px 0 0!important;
  padding:0!important;
  min-width:0!important;
  position:relative!important;
  z-index:3!important;
}
.profile-banner-card .profile-copy .eyebrow,
.public-profile-hero .profile-copy .eyebrow{display:block;margin:0 0 4px!important;font-size:.55rem!important;line-height:1.15}
.profile-banner-card .profile-copy h2,
.public-profile-hero .profile-copy h2{margin:0!important;font-size:1.48rem!important;line-height:1.08!important}
.profile-banner-card .profile-copy p,
.public-profile-hero .profile-copy p{margin:3px 0!important;line-height:1.2!important}
.profile-banner-card .profile-copy code,
.public-profile-hero .profile-copy small{display:block;margin-top:5px!important;font-size:.58rem!important;line-height:1.3!important}
.profile-banner-card .profile-tags,
.public-profile-hero .profile-tags{margin:6px 0 0!important;justify-content:flex-start!important}
.profile-banner-card .profile-cosmetic-line{margin:4px 0 0!important}
.profile-banner-card>.profile-balance{
  position:absolute!important;
  right:18px!important;
  bottom:15px!important;
  margin:0!important;
  z-index:4!important;
  text-align:right!important;
}
.profile-banner-card .profile-copy{padding-right:125px!important}
.profile-banner-card .profile-balance strong{font-size:1.38rem!important}
.profile-banner-card .profile-balance span{font-size:.56rem!important}

/* Equipped Rewards: valid block preview, larger artwork, Discord-like item tiles. */
.profile-equipped-panel,
.public-equipped-panel{padding:17px!important}
.profile-equipped-panel .compact-panel-head,
.public-equipped-panel .compact-panel-head{margin-bottom:12px!important;text-align:left!important;justify-content:flex-start!important}
.equipped-reward-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:10px!important;
}
.equipped-reward-card{
  display:grid!important;
  grid-template-columns:1fr 18px!important;
  grid-template-rows:78px auto!important;
  gap:9px 8px!important;
  min-height:126px!important;
  padding:10px!important;
  border-radius:14px!important;
  align-items:center!important;
  background:#0b1119!important;
  overflow:hidden!important;
}
.equipped-reward-preview-shell{
  grid-column:1/-1!important;
  width:100%!important;
  height:78px!important;
  min-height:78px!important;
  border:1px solid #293345!important;
  border-radius:11px!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 35%,rgba(113,98,255,.10),transparent 58%),#101720!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
}
.equipped-reward-preview-shell>.shop-visual{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:6px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.equipped-reward-preview-shell .shop-banner-profile{width:100%!important;height:100%!important;border-radius:7px!important;overflow:hidden!important}
.equipped-reward-preview-shell .frame-showcase{height:100%!important;min-height:0!important;overflow:visible!important}
.equipped-reward-preview-shell .frame-showcase .shop-frame-sample{--avatar-size:60px!important;width:60px!important;height:60px!important}
.equipped-reward-preview-shell .shop-font-only{font-size:1rem!important;padding:0 8px!important}
.equipped-reward-preview-shell .shop-tag-only .profile-tag{font-size:.66rem!important;padding:5px 8px!important}
.equipped-reward-preview-shell .shop-badge-only span{font-size:1.65rem!important}
.equipped-reward-preview-shell .shop-profile-swatch .shop-mini-user{transform:scale(.82)!important;transform-origin:center!important}
.equipped-reward-copy{grid-column:1;display:grid!important;gap:2px!important;min-width:0!important}
.equipped-reward-copy strong{font-size:.76rem!important}
.equipped-reward-copy small{font-size:.6rem!important}
.equipped-reward-arrow{grid-column:2;grid-row:2;color:#877dff!important;font-size:1.15rem!important;justify-self:end!important}

/* Compact account / invite cards.  They explain the state without taking a whole screen. */
.compact-profile-panel{width:min(680px,100%)!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:18px!important;box-sizing:border-box!important}
.public-status-card{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:13px 15px!important;
  text-align:left!important;
}
.public-status-icon{width:32px!important;height:32px!important;font-size:.76rem!important}
.compact-status-copy{display:grid!important;gap:2px!important;min-width:0!important}
.compact-status-copy .eyebrow{font-size:.52rem!important;margin:0!important}
.compact-status-copy strong{font-size:.78rem!important;line-height:1.25!important}
.compact-status-copy small{color:var(--muted)!important;font-size:.63rem!important;line-height:1.4!important}
.public-status-pill{min-width:72px!important;padding:6px 10px!important;font-size:.62rem!important}
.public-invite-status{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 82px!important;
  align-items:center!important;
  gap:15px!important;
  padding:13px 16px!important;
  text-align:left!important;
}
.public-invite-value{display:grid!important;justify-items:center!important;gap:2px!important;padding-left:14px!important;border-left:1px solid var(--line)!important}
.public-invite-number{font-size:1.55rem!important;line-height:1!important;margin:0!important}
.public-invite-label{font-size:.56rem!important}

/* Discord-like connections: icon, account name, service, external arrow. */
.connection-list,
#profileConnections{display:grid!important;grid-template-columns:1fr!important;gap:3px!important}
.public-connections-panel{padding:16px!important}
.public-connections-panel .compact-profile-head{margin-bottom:8px!important}
.connection-line{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:44px!important;
  padding:7px 9px!important;
  border-radius:10px!important;
  color:inherit!important;
  text-decoration:none!important;
  background:transparent!important;
  border:1px solid transparent!important;
  transition:background .15s ease,border-color .15s ease!important;
}
a.connection-line:hover{background:#111924!important;border-color:#2c3547!important}
.connection-service-icon{
  width:32px!important;height:32px!important;flex:0 0 32px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;background:#f2f4f7!important;color:#10131a!important;
  font-size:.62rem!important;font-weight:950!important;letter-spacing:-.03em!important;
}
.connection-service-spotify{background:#1ed760!important;color:#06150b!important;font-size:.9rem!important}
.connection-service-playstation,.connection-service-playstationnetwork,.connection-service-psn{background:#fff!important;color:#1769aa!important}
.connection-service-steam{background:#182637!important;color:#fff!important}
.connection-service-roblox{background:#fff!important;color:#161616!important}
.connection-service-youtube{background:#ff3434!important;color:#fff!important}
.connection-service-twitch{background:#9146ff!important;color:#fff!important}
.connection-service-github{background:#f3f5f7!important;color:#17191e!important}
.connection-line-copy{display:grid!important;gap:1px!important;min-width:0!important;flex:1!important}
.connection-line-copy strong{font-size:.75rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.connection-line-copy small{font-size:.6rem!important;color:var(--muted)!important}
.connection-line-arrow{margin-left:auto!important;color:#bbc4d3!important;font-size:.9rem!important}

/* Private connected Discord card should also be compact, not a full-page block. */
.connected-discord-card{width:min(680px,100%)!important;margin-left:auto!important;margin-right:auto!important;padding:15px!important}
.connected-discord-card .panel-head{margin-bottom:10px!important;text-align:left!important;align-items:center!important;justify-content:space-between!important;flex-direction:row!important}
.connected-discord-card .connected-account-row{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;text-align:left!important;align-items:center!important;justify-content:stretch!important;flex-direction:initial!important}
.connected-discord-card .connected-account-row>img{width:42px!important;height:42px!important}
.connected-discord-card .connected-account-row>div{align-items:start!important;display:grid!important;gap:2px!important}
.connected-discord-card .connected-account-row>div small:last-child{margin-top:2px!important}

@media(max-width:900px){
  .profile-banner-card,.public-profile-hero{padding:110px 15px 13px!important;grid-template-columns:78px minmax(0,1fr)!important}
  .profile-banner-layer{height:106px!important;min-height:106px!important}
  .profile-banner-card>.avatar-cosmetic,.public-profile-hero>.avatar-cosmetic{--avatar-size:78px!important;margin:-37px 0 0!important}
  .profile-banner-card>.profile-copy,.public-profile-hero>.profile-copy{margin:1px 0 0!important}
  .profile-banner-card .profile-copy{padding-right:100px!important}
  .profile-banner-card>.profile-balance{right:15px!important;bottom:13px!important}
  .equipped-reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:650px){
  .profile-banner-card,.public-profile-hero{padding:102px 14px 13px!important;grid-template-columns:68px minmax(0,1fr)!important;text-align:left!important}
  .profile-banner-layer{height:98px!important;min-height:98px!important}
  .profile-banner-card>.avatar-cosmetic,.public-profile-hero>.avatar-cosmetic{--avatar-size:68px!important;margin:-31px 0 0!important}
  .profile-banner-card>.profile-copy,.public-profile-hero>.profile-copy{margin:0!important;text-align:left!important}
  .profile-banner-card .profile-copy{padding-right:0!important}
  .profile-banner-card>.profile-balance{position:static!important;grid-column:2!important;text-align:left!important;margin:3px 0 0!important}
  .profile-banner-card .profile-tags,.public-profile-hero .profile-tags{justify-content:flex-start!important}
  .profile-banner-card .profile-copy h2,.public-profile-hero .profile-copy h2{font-size:1.18rem!important}
  .equipped-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .public-status-card{grid-template-columns:32px minmax(0,1fr)!important}
  .public-status-pill{grid-column:2;justify-self:start!important}
  .public-invite-status{grid-template-columns:1fr 70px!important}
  .connected-discord-card .panel-head{align-items:flex-start!important;flex-direction:column!important}
}
@media(max-width:430px){
  .profile-banner-card,.public-profile-hero{padding:96px 12px 12px!important;grid-template-columns:60px minmax(0,1fr)!important}
  .profile-banner-layer{height:92px!important;min-height:92px!important}
  .profile-banner-card>.avatar-cosmetic,.public-profile-hero>.avatar-cosmetic{--avatar-size:60px!important;margin:-27px 0 0!important}
  .equipped-reward-grid{grid-template-columns:1fr!important}
  .equipped-reward-card{grid-template-rows:82px auto!important}
  .equipped-reward-preview-shell{height:82px!important;min-height:82px!important}
  .public-invite-status{grid-template-columns:1fr 62px!important;padding:12px!important}
}

/* ===== V37 stable Discord-style profile layout ===== */
/* Stop stacking profile fixes on a percentage-based hero.  The banner is its
   own full-width block and the identity row is a separate compact block. */
.profile-banner-card,
.public-profile-hero{
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  min-height:0!important;
  border-radius:20px!important;
}
.profile-banner-card>.profile-banner-layer,
.public-profile-hero>.profile-banner-layer{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:110px!important;
  min-height:110px!important;
  max-height:none!important;
  border-radius:19px 19px 0 0!important;
  overflow:hidden!important;
  z-index:0!important;
  pointer-events:none!important;
}
.profile-banner-card>.profile-banner-layer>.cosmetic-banner-fx,
.public-profile-hero>.profile-banner-layer>.cosmetic-banner-fx{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
}
.profile-hero-body{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr) auto!important;
  column-gap:14px!important;
  align-items:start!important;
  min-height:82px!important;
  padding:0 18px 13px!important;
  background:linear-gradient(180deg,rgba(12,17,26,.985),#0c1119)!important;
}
.public-profile-hero .profile-hero-body{
  grid-template-columns:112px minmax(0,1fr)!important;
}
.profile-hero-body>.avatar-cosmetic{
  --avatar-size:84px!important;
  position:relative!important;
  z-index:4!important;
  transform:translateY(-38px)!important;
  margin:0!important;
  justify-self:start!important;
  align-self:start!important;
  overflow:visible!important;
}
.profile-hero-body>.profile-copy{
  position:relative!important;
  z-index:3!important;
  min-width:0!important;
  margin:0!important;
  padding:10px 0 0!important;
  align-self:start!important;
  text-align:left!important;
}
.profile-hero-body>.profile-copy .eyebrow{
  display:block!important;
  margin:0 0 4px!important;
  font-size:.53rem!important;
  line-height:1.1!important;
}
.profile-hero-body>.profile-copy h2{
  margin:0!important;
  font-size:1.32rem!important;
  line-height:1.08!important;
}
.profile-hero-body>.profile-copy p{
  margin:3px 0!important;
  line-height:1.18!important;
}
.profile-hero-body>.profile-copy code,
.profile-hero-body>.profile-copy small{
  display:block!important;
  margin-top:5px!important;
  font-size:.56rem!important;
  line-height:1.3!important;
}
.profile-hero-body>.profile-copy .profile-tags{
  margin:6px 0 0!important;
  justify-content:flex-start!important;
}
.profile-hero-body>.profile-copy .profile-cosmetic-line{
  margin:4px 0 0!important;
}
.profile-hero-body>.profile-balance{
  position:static!important;
  z-index:3!important;
  align-self:start!important;
  margin:0!important;
  padding:14px 0 0 14px!important;
  text-align:right!important;
  white-space:nowrap!important;
}
.profile-hero-body>.profile-balance span{font-size:.55rem!important}
.profile-hero-body>.profile-balance strong{font-size:1.28rem!important;margin-top:3px!important}

/* A cleaner Discord-shop style preview for equipped cosmetics. */
.profile-equipped-panel,
.public-equipped-panel{
  padding:15px!important;
}
.profile-equipped-panel .compact-panel-head,
.public-equipped-panel .compact-panel-head{
  margin-bottom:10px!important;
  text-align:left!important;
  justify-content:flex-start!important;
}
.equipped-reward-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important;
  gap:9px!important;
}
.equipped-reward-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 14px!important;
  grid-template-rows:74px auto!important;
  gap:8px!important;
  min-height:118px!important;
  padding:8px!important;
  border-radius:13px!important;
  background:#0b1119!important;
  border:1px solid #263044!important;
  overflow:hidden!important;
  align-items:center!important;
}
.equipped-reward-card:hover{
  background:#101824!important;
  border-color:#4a486f!important;
}
.equipped-reward-preview-shell{
  grid-column:1/-1!important;
  width:100%!important;
  height:74px!important;
  min-height:74px!important;
  border-radius:10px!important;
  border:1px solid #293346!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 36%,rgba(115,99,255,.12),transparent 58%),#10161f!important;
  display:grid!important;
  place-items:center!important;
}
.equipped-reward-preview-shell>.shop-visual{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:5px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.equipped-reward-preview-shell .shop-banner-profile{
  width:100%!important;
  height:100%!important;
  border-radius:7px!important;
  overflow:hidden!important;
}
.equipped-reward-preview-shell .frame-showcase{
  min-height:0!important;
  height:100%!important;
  overflow:visible!important;
}
.equipped-reward-preview-shell .frame-showcase .shop-frame-sample{
  --avatar-size:56px!important;
  width:56px!important;
  height:56px!important;
}
.equipped-reward-preview-shell .shop-font-only{font-size:.92rem!important;padding:0 6px!important}
.equipped-reward-preview-shell .shop-tag-only .profile-tag{font-size:.61rem!important;padding:4px 7px!important}
.equipped-reward-preview-shell .shop-badge-only span{font-size:1.45rem!important}
.equipped-reward-preview-shell .shop-profile-swatch .shop-mini-user{transform:scale(.76)!important;transform-origin:center!important}
.equipped-reward-copy{grid-column:1!important;grid-row:2!important;display:grid!important;gap:1px!important;min-width:0!important}
.equipped-reward-copy strong{font-size:.72rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.equipped-reward-copy small{font-size:.56rem!important;color:var(--muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.equipped-reward-arrow{grid-column:2!important;grid-row:2!important;justify-self:end!important;font-size:1rem!important}

/* Small explanatory status cards instead of page-wide banners. */
.compact-profile-panel{
  width:min(560px,100%)!important;
  margin:0 auto 16px!important;
}
.public-status-card{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:11px 13px!important;
  text-align:left!important;
}
.public-status-icon{width:30px!important;height:30px!important;font-size:.7rem!important}
.compact-status-copy{display:grid!important;gap:1px!important;min-width:0!important}
.compact-status-copy .eyebrow{font-size:.49rem!important;margin:0!important}
.compact-status-copy strong{font-size:.75rem!important;line-height:1.2!important}
.compact-status-copy small{font-size:.59rem!important;line-height:1.35!important;color:var(--muted)!important}
.public-status-pill{min-width:66px!important;padding:5px 9px!important;font-size:.58rem!important}
.public-invite-status{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 68px!important;
  gap:10px!important;
  align-items:center!important;
  padding:11px 13px!important;
  text-align:left!important;
}
.public-invite-value{
  display:grid!important;
  justify-items:center!important;
  gap:2px!important;
  padding-left:10px!important;
  border-left:1px solid var(--line)!important;
}
.public-invite-number{font-size:1.3rem!important;margin:0!important;line-height:1!important}
.public-invite-label{font-size:.52rem!important}

/* Connections match Discord's compact list instead of big centered cards. */
.public-connections-panel,
.connected-discord-card{width:min(560px,100%)!important;margin-left:auto!important;margin-right:auto!important;padding:13px!important}
.public-connections-panel .panel-head,
.connected-discord-card .panel-head{margin-bottom:7px!important;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}
.connection-list,
#profileConnections{display:grid!important;grid-template-columns:1fr!important;gap:2px!important}
.connection-line{
  min-height:40px!important;
  padding:5px 7px!important;
  border-radius:9px!important;
  background:transparent!important;
  border:1px solid transparent!important;
}
.connection-service-icon{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:8px!important}
.connection-line-copy strong{font-size:.72rem!important}
.connection-line-copy small{font-size:.56rem!important}
.connected-discord-card .connected-account-row{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  justify-content:stretch!important;
  text-align:left!important;
  padding:4px 2px!important;
}
.connected-discord-card .connected-account-row>img{width:38px!important;height:38px!important}
.connected-discord-card .connected-account-row>div{display:grid!important;gap:1px!important;align-items:start!important;text-align:left!important}

/* The private Connections half should also look like a compact Discord list. */
.two-column-panel>div:has(#profileConnections) .panel-head{margin-bottom:7px!important}

@media(max-width:900px){
  .profile-hero-body{grid-template-columns:104px minmax(0,1fr) auto!important;padding-inline:15px!important}
  .public-profile-hero .profile-hero-body{grid-template-columns:104px minmax(0,1fr)!important}
  .profile-hero-body>.avatar-cosmetic{--avatar-size:80px!important;transform:translateY(-36px)!important}
  .equipped-reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:650px){
  .profile-banner-card>.profile-banner-layer,.public-profile-hero>.profile-banner-layer{height:94px!important;min-height:94px!important}
  .profile-hero-body{grid-template-columns:88px minmax(0,1fr)!important;min-height:76px!important;padding:0 12px 11px!important;column-gap:10px!important}
  .profile-hero-body>.avatar-cosmetic{--avatar-size:70px!important;transform:translateY(-31px)!important}
  .profile-hero-body>.profile-copy{padding-top:8px!important;text-align:left!important}
  .profile-hero-body>.profile-copy h2{font-size:1.08rem!important}
  .profile-hero-body>.profile-balance{grid-column:2!important;padding:3px 0 0!important;text-align:left!important}
  .profile-hero-body>.profile-copy .profile-tags{justify-content:flex-start!important}
  .equipped-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .public-status-card{grid-template-columns:30px minmax(0,1fr)!important}
  .public-status-pill{grid-column:2!important;justify-self:start!important}
}
@media(max-width:430px){
  .profile-banner-card>.profile-banner-layer,.public-profile-hero>.profile-banner-layer{height:86px!important;min-height:86px!important}
  .profile-hero-body{grid-template-columns:78px minmax(0,1fr)!important;min-height:72px!important;padding-inline:10px!important}
  .profile-hero-body>.avatar-cosmetic{--avatar-size:64px!important;transform:translateY(-27px)!important}
  .profile-hero-body>.profile-copy h2{font-size:.98rem!important}
  .equipped-reward-grid{grid-template-columns:1fr 1fr!important}
  .equipped-reward-card{grid-template-rows:66px auto!important;min-height:108px!important}
  .equipped-reward-preview-shell{height:66px!important;min-height:66px!important}
  .public-invite-status{grid-template-columns:1fr 58px!important;padding:10px!important}
}

/* ===== V38 full-profile banner + premium compact profile layout ===== */
.profile-banner-card,
.public-profile-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  display:block!important;
  width:100%!important;
  min-height:0!important;
  padding:0!important;
  border-radius:18px!important;
  background:#0b1119!important;
  box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.profile-banner-card:hover,
.public-profile-hero:hover{
  transform:translateY(-1px);
  border-color:#38445a!important;
  box-shadow:0 22px 48px rgba(0,0,0,.22)!important;
}

/* The equipped banner is the ENTIRE profile background — never a half/header strip. */
.profile-banner-card>.profile-banner-layer,
.public-profile-hero>.profile-banner-layer{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border-radius:inherit!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.profile-banner-card>.profile-banner-layer>.cosmetic-banner-fx,
.public-profile-hero>.profile-banner-layer>.cosmetic-banner-fx{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
}
/* Readability overlay while keeping the cosmetic fully visible. */
.profile-banner-card::after,
.public-profile-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,8,15,.48) 0%,rgba(4,8,15,.20) 44%,rgba(4,8,15,.28) 100%),
    linear-gradient(0deg,rgba(4,8,15,.56) 0%,rgba(4,8,15,.06) 72%);
}

.profile-banner-card .profile-hero-body,
.public-profile-hero .profile-hero-body{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:14px!important;
  min-height:142px!important;
  width:100%!important;
  padding:18px 20px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.public-profile-hero .profile-hero-body{
  grid-template-columns:86px minmax(0,1fr)!important;
}
.profile-banner-card .profile-hero-body>.avatar-cosmetic,
.public-profile-hero .profile-hero-body>.avatar-cosmetic{
  position:relative!important;
  z-index:3!important;
  --avatar-size:78px!important;
  width:78px!important;
  height:78px!important;
  margin:0!important;
  transform:none!important;
  align-self:center!important;
  justify-self:start!important;
  overflow:visible!important;
}
.profile-banner-card .profile-copy,
.public-profile-hero .profile-copy{
  position:relative!important;
  z-index:3!important;
  align-self:center!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  text-align:left!important;
}
.profile-banner-card .profile-copy .eyebrow,
.public-profile-hero .profile-copy .eyebrow{
  display:block!important;
  margin:0 0 4px!important;
  font-size:.54rem!important;
  line-height:1.1!important;
  color:rgba(229,235,255,.78)!important;
  text-shadow:0 1px 5px rgba(0,0,0,.35)!important;
}
.profile-banner-card .profile-copy h2,
.public-profile-hero .profile-copy h2{
  margin:0!important;
  font-size:1.34rem!important;
  line-height:1.08!important;
  text-shadow:0 2px 12px rgba(0,0,0,.45)!important;
}
.profile-banner-card .profile-copy p,
.public-profile-hero .profile-copy p{
  margin:3px 0!important;
  color:rgba(230,235,247,.82)!important;
  font-size:.7rem!important;
  line-height:1.2!important;
  text-shadow:0 1px 7px rgba(0,0,0,.45)!important;
}
.profile-banner-card .profile-copy code,
.profile-banner-card .profile-copy small,
.public-profile-hero .profile-copy small{
  display:block!important;
  margin-top:5px!important;
  color:rgba(220,227,241,.66)!important;
  font-size:.55rem!important;
  line-height:1.3!important;
  text-shadow:0 1px 7px rgba(0,0,0,.45)!important;
}
.profile-banner-card .profile-tags,
.public-profile-hero .profile-tags{
  margin:6px 0 0!important;
  justify-content:flex-start!important;
  gap:5px!important;
}
.profile-banner-card .profile-tag,
.public-profile-hero .profile-tag{
  backdrop-filter:blur(8px)!important;
  background:rgba(9,14,22,.62)!important;
  box-shadow:0 5px 15px rgba(0,0,0,.18)!important;
}
.profile-banner-card .profile-cosmetic-line{margin:4px 0 0!important}
.profile-banner-card .profile-balance{
  position:relative!important;
  z-index:3!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  text-align:right!important;
  white-space:nowrap!important;
  text-shadow:0 2px 12px rgba(0,0,0,.45)!important;
}
.profile-banner-card .profile-balance span{font-size:.54rem!important;color:rgba(230,235,247,.72)!important}
.profile-banner-card .profile-balance strong{font-size:1.32rem!important;margin-top:3px!important}

/* More visual, Discord-store-like equipped reward tiles. */
.profile-equipped-panel,
.public-equipped-panel{
  padding:14px!important;
  overflow:hidden!important;
}
.equipped-reward-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(138px,1fr))!important;
  gap:9px!important;
}
.equipped-reward-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 14px!important;
  grid-template-rows:92px auto!important;
  gap:8px!important;
  min-height:132px!important;
  padding:8px!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#0e151f,#0a1018)!important;
  border:1px solid #263145!important;
  box-shadow:0 8px 18px rgba(0,0,0,.10)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
  animation:v38CardIn .35s ease both!important;
}
.equipped-reward-card:hover{
  transform:translateY(-3px)!important;
  border-color:#5a5688!important;
  box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
}
.equipped-reward-preview-shell{
  grid-column:1/-1!important;
  width:100%!important;
  height:92px!important;
  min-height:92px!important;
  border-radius:11px!important;
  overflow:hidden!important;
  border:1px solid #2b3548!important;
  background:radial-gradient(circle at 50% 40%,rgba(115,99,255,.12),transparent 58%),#101720!important;
}
.equipped-reward-preview-shell>.shop-visual{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:6px!important;
  border:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.equipped-reward-preview-shell .shop-banner-profile{width:100%!important;height:100%!important;border-radius:8px!important}
.equipped-reward-preview-shell .frame-showcase{height:100%!important;min-height:0!important}
.equipped-reward-preview-shell .frame-showcase .shop-frame-sample{--avatar-size:66px!important;width:66px!important;height:66px!important}
.equipped-reward-preview-shell .shop-font-only{font-size:1rem!important}
.equipped-reward-preview-shell .shop-badge-only span{font-size:1.65rem!important}
.equipped-reward-copy strong{font-size:.73rem!important}
.equipped-reward-copy small{font-size:.56rem!important}
@keyframes v38CardIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}

/* Compact premium informational blocks — no page-wide empty boxes. */
.compact-profile-panel,
.public-connections-panel,
.connected-discord-card,
.profile-connect-card{
  width:min(520px,100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:12px 13px!important;
  border-radius:16px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
  transition:border-color .2s ease,transform .2s ease!important;
}
.compact-profile-panel:hover,
.public-connections-panel:hover,
.connected-discord-card:hover{transform:translateY(-1px)!important;border-color:#364259!important}
.public-connect-last,.profile-connect-card{margin-top:18px!important}
.public-status-card{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  text-align:left!important;
}
.connection-list,
#profileConnections{display:grid!important;grid-template-columns:1fr!important;gap:3px!important}
.connection-line{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:42px!important;
  padding:6px 7px!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.connection-line:hover{background:#111924!important;border-color:#263247!important;transform:translateX(2px)!important}
.connection-service-icon{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:8px!important}
.connection-line-copy{display:grid!important;gap:1px!important;min-width:0!important}
.connection-line-copy strong{font-size:.72rem!important}
.connection-line-copy small{font-size:.56rem!important;color:var(--muted)!important}

@media(max-width:760px){
  .profile-banner-card .profile-hero-body,
  .public-profile-hero .profile-hero-body{grid-template-columns:72px minmax(0,1fr)!important;min-height:128px!important;padding:14px!important;column-gap:11px!important}
  .profile-banner-card .profile-hero-body>.avatar-cosmetic,
  .public-profile-hero .profile-hero-body>.avatar-cosmetic{--avatar-size:66px!important;width:66px!important;height:66px!important}
  .profile-banner-card .profile-balance{grid-column:2!important;text-align:left!important;margin-top:4px!important}
  .profile-banner-card .profile-copy h2,.public-profile-hero .profile-copy h2{font-size:1.12rem!important}
  .equipped-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .public-status-card{grid-template-columns:30px minmax(0,1fr)!important}
  .public-status-pill{grid-column:2!important;justify-self:start!important}
}
@media(max-width:440px){
  .profile-banner-card .profile-hero-body,
  .public-profile-hero .profile-hero-body{grid-template-columns:62px minmax(0,1fr)!important;min-height:116px!important;padding:12px!important;column-gap:10px!important}
  .profile-banner-card .profile-hero-body>.avatar-cosmetic,
  .public-profile-hero .profile-hero-body>.avatar-cosmetic{--avatar-size:56px!important;width:56px!important;height:56px!important}
  .profile-banner-card .profile-copy h2,.public-profile-hero .profile-copy h2{font-size:1rem!important}
  .profile-banner-card .profile-copy p,.public-profile-hero .profile-copy p{font-size:.63rem!important}
  .equipped-reward-grid{grid-template-columns:1fr 1fr!important}
  .equipped-reward-card{grid-template-rows:76px auto!important;min-height:116px!important}
  .equipped-reward-preview-shell{height:76px!important;min-height:76px!important}
}

/* ===== V40 Achievements: Prestige / Influence / Wealth ===== */
.profile-achievements-showcase,.public-achievement-showcase{overflow:visible}
.achievement-showcase-head{align-items:center;margin-bottom:12px}
.achievement-showcase-head p{max-width:560px}
.achievement-badge-row{min-height:46px;display:flex;align-items:center}
.achievement-badges{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.achievement-empty{color:var(--muted);font-size:.72rem;padding:7px 0}
.achievement-profile-badge{appearance:none;border:0;background:transparent;padding:0;margin:0;width:38px;height:38px;display:grid;place-items:center;cursor:pointer;border-radius:50%;position:relative;transition:transform .18s ease,filter .18s ease;outline:none}
.achievement-profile-badge:hover,.achievement-profile-badge:focus-visible{transform:translateY(-2px) scale(1.06);filter:brightness(1.08)}
.achievement-profile-badge:focus-visible{box-shadow:0 0 0 2px #0d121b,0 0 0 4px rgba(118,108,255,.72)}
.achievement-medallion{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 5px 14px rgba(0,0,0,.28)}
.achievement-medallion::before{content:"";position:absolute;inset:3px;border-radius:inherit;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.achievement-medallion svg{width:21px;height:21px;color:#f9fbff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.42));position:relative;z-index:1}
.achievement-profile-badge.tier-bronze .achievement-medallion,.achievement-tier-dot.tier-bronze{background:linear-gradient(145deg,#4d2817,#a35e32 48%,#d18a56)}
.achievement-profile-badge.tier-silver .achievement-medallion,.achievement-tier-dot.tier-silver{background:linear-gradient(145deg,#5f6978,#aab4c2 48%,#eef3f9)}
.achievement-profile-badge.tier-gold .achievement-medallion,.achievement-tier-dot.tier-gold{background:linear-gradient(145deg,#6d4807,#c9901a 48%,#ffe081)}
.achievement-profile-badge.tier-locked .achievement-medallion{background:linear-gradient(145deg,#1a2230,#2a3341);border-color:#394354;box-shadow:none;opacity:.72}
.achievement-profile-badge.tier-silver .achievement-medallion svg{color:#fff}
.achievement-profile-badge.tier-gold .achievement-medallion{box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 0 0 1px rgba(255,207,75,.15),0 6px 18px rgba(198,139,16,.24)}
.achievement-profile-badge.is-large{width:62px;height:62px;cursor:default}
.achievement-profile-badge.is-large:hover{transform:none;filter:none}
.achievement-profile-badge.is-large .achievement-medallion{width:58px;height:58px}
.achievement-profile-badge.is-large .achievement-medallion svg{width:35px;height:35px}

.achievement-badge-popup{position:fixed;z-index:3000;width:184px;padding:14px;border:1px solid #30394a;border-radius:16px;background:linear-gradient(145deg,#111823,#0b1018);box-shadow:0 18px 48px rgba(0,0,0,.52);display:grid;grid-template-columns:62px 1fr;align-items:center;gap:12px;pointer-events:none;opacity:0;transform:translateY(5px) scale(.98);transition:opacity .13s ease,transform .13s ease}
.achievement-badge-popup[hidden]{display:none}
.achievement-badge-popup.show{opacity:1;transform:translateY(0) scale(1)}
.achievement-popup-icon{display:grid;place-items:center}
.achievement-popup-copy{display:grid;gap:4px;min-width:0}
.achievement-popup-copy strong{font-size:.78rem;letter-spacing:.09em;color:#f4f6fa;overflow:hidden;text-overflow:ellipsis}
.achievement-popup-copy span{font-size:.68rem;font-weight:900;letter-spacing:.13em;color:#a9b2c1}

.achievements-page-hero{margin-bottom:22px}
.achievement-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:90px}
.achievement-detail-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#111823,#0b1119);padding:19px;min-width:0;box-shadow:0 12px 30px rgba(0,0,0,.12);position:relative;overflow:hidden}
.achievement-detail-card::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-85px;top:-85px;background:radial-gradient(circle,rgba(115,103,255,.10),transparent 68%);pointer-events:none}
.achievement-detail-card.tier-bronze{border-color:rgba(190,112,67,.28)}
.achievement-detail-card.tier-silver{border-color:rgba(176,190,208,.26)}
.achievement-detail-card.tier-gold{border-color:rgba(237,190,64,.30)}
.achievement-detail-head{display:grid;grid-template-columns:66px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:18px;position:relative;z-index:1}
.achievement-detail-icon{display:grid;place-items:center}
.achievement-detail-head h2{margin:3px 0 4px;font-size:1.12rem}
.achievement-detail-head p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.5}
.achievement-tier-list{display:grid;gap:7px;margin:0 0 15px}
.achievement-tier-line{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #222c3a;border-radius:12px;background:#0b1119}
.achievement-tier-line.is-current{border-color:#4b466b;background:#101622}
.achievement-tier-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.05)}
.achievement-tier-line>div{display:grid;gap:2px}.achievement-tier-line strong{font-size:.7rem}.achievement-tier-line small{font-size:.6rem;color:var(--muted)}.achievement-tier-line b{font-size:.68rem;color:#bcb6ff;white-space:nowrap}
.achievement-progress-panel{padding:12px;border:1px solid #252e3d;border-radius:13px;background:#0a1018}
.achievement-progress-top,.achievement-progress-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.achievement-progress-top span{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.achievement-progress-top strong{font-size:.72rem;text-align:right}
.achievement-progress-track{height:6px;border-radius:999px;background:#171f2c;overflow:hidden;margin:10px 0 8px}.achievement-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#665aff,#8f87ff);transition:width .35s ease}
.achievement-progress-bottom{align-items:flex-start;font-size:.59rem;color:var(--muted);line-height:1.4}.achievement-progress-bottom span:last-child{text-align:right}.achievement-progress-bottom b{color:#d7d3ff}
.public-achievement-badges{justify-content:flex-start}

@media(max-width:1000px){.achievement-overview-grid{grid-template-columns:1fr}.achievement-detail-card{max-width:none}}
@media(max-width:620px){
  .achievement-showcase-head{align-items:flex-start;flex-direction:column}
  .achievement-profile-badge{width:36px;height:36px}.achievement-medallion{width:32px;height:32px}.achievement-medallion svg{width:20px;height:20px}
  .achievement-detail-head{grid-template-columns:58px 1fr}.achievement-profile-badge.is-large{width:56px;height:56px}.achievement-profile-badge.is-large .achievement-medallion{width:52px;height:52px}.achievement-profile-badge.is-large .achievement-medallion svg{width:31px;height:31px}
  .achievement-tier-line{grid-template-columns:10px minmax(0,1fr) auto;padding:8px}.achievement-tier-line b{font-size:.62rem}
  .achievement-progress-bottom{flex-direction:column}.achievement-progress-bottom span:last-child{text-align:left}
}

/* ===== V41 ticket/profile polish: connection icons + achievements ===== */
.connection-service-icon{overflow:hidden!important;display:grid!important;place-items:center!important;padding:5px!important;box-sizing:border-box!important}
.connection-service-icon svg{width:100%!important;height:100%!important;display:block!important;fill:currentColor!important;stroke:currentColor!important}
.connection-service-discord{background:#5865f2!important;color:#fff!important}
.connection-service-youtube{background:#ff0033!important;color:#fff!important;padding:4px!important}
.connection-service-spotify{background:#1ed760!important;color:#07120a!important;padding:3px!important}
.connection-service-steam{background:#17283a!important;color:#fff!important}
.connection-service-playstation,.connection-service-playstationnetwork,.connection-service-psn{background:#fff!important;color:#1769aa!important}
.connection-service-roblox{background:#f3f5f7!important;color:#111!important}
.connection-service-twitch{background:#9146ff!important;color:#fff!important}
.connection-service-instagram{background:linear-gradient(145deg,#6b47dc,#d62976,#f7a441)!important;color:#fff!important}
.connected-discord-card .connected-account-row>img{border-radius:50%!important;object-fit:cover!important;background:#151d28!important;border:1px solid #2f394b!important;box-shadow:0 4px 12px rgba(0,0,0,.24)!important}
.connected-discord-card .linked-status{border-color:rgba(67,220,139,.3)!important;background:rgba(31,182,104,.10)!important;color:#72f1ad!important}

.profile-achievements-showcase,.public-achievement-showcase{border-color:#252f40!important;background:linear-gradient(145deg,#101722,#0b1119)!important}
.achievement-showcase-head h2{font-size:1.05rem!important}
.achievement-showcase-head p{font-size:.68rem!important;color:#8793a6!important}
.achievement-badges{gap:12px!important}
.achievement-profile-badge{width:44px!important;height:44px!important}
.achievement-medallion{width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 7px 18px rgba(0,0,0,.32)!important}
.achievement-medallion::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(255,255,255,.06);pointer-events:none}
.achievement-medallion svg{width:25px!important;height:25px!important}
.achievement-profile-badge.tier-bronze .achievement-medallion{background:radial-gradient(circle at 35% 24%,#e2a06e 0 10%,transparent 11%),linear-gradient(145deg,#4b2515,#9a542d 48%,#d18450)!important;color:#fff4eb!important}
.achievement-profile-badge.tier-silver .achievement-medallion{background:radial-gradient(circle at 35% 24%,#fff 0 9%,transparent 10%),linear-gradient(145deg,#5c6674,#aeb9c8 48%,#f2f6fb)!important;color:#fff!important}
.achievement-profile-badge.tier-gold .achievement-medallion{background:radial-gradient(circle at 35% 24%,#fff3b4 0 10%,transparent 11%),linear-gradient(145deg,#765006,#c9951d 48%,#ffe17c)!important;color:#fff9dc!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px rgba(255,211,82,.22),0 8px 22px rgba(207,150,23,.34)!important}
.achievement-profile-badge.tier-locked .achievement-medallion{background:linear-gradient(145deg,#171f2b,#293341)!important;color:#687487!important;filter:saturate(.55)!important}
.achievement-profile-badge:hover .achievement-medallion{transform:rotate(-2deg);transition:transform .18s ease,box-shadow .18s ease}
.achievement-profile-badge.is-large{width:68px!important;height:68px!important}.achievement-profile-badge.is-large .achievement-medallion{width:64px!important;height:64px!important}.achievement-profile-badge.is-large .achievement-medallion svg{width:39px!important;height:39px!important}
.achievement-how-label{display:block;margin-top:6px;margin-bottom:3px;color:#8f87ff;font-size:.55rem;font-weight:900;letter-spacing:.12em}
.achievement-detail-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.achievement-detail-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(0,0,0,.2)!important}
.achievement-detail-card.tier-bronze{box-shadow:inset 0 0 0 1px rgba(181,105,61,.04),0 12px 30px rgba(0,0,0,.13)!important}
.achievement-detail-card.tier-silver{box-shadow:inset 0 0 0 1px rgba(190,204,220,.04),0 12px 30px rgba(0,0,0,.13)!important}
.achievement-detail-card.tier-gold{box-shadow:inset 0 0 0 1px rgba(245,199,75,.06),0 12px 30px rgba(0,0,0,.13)!important}
.achievement-tier-line.is-current{box-shadow:inset 0 0 0 1px rgba(132,120,255,.14)!important}
.achievement-progress-track span{background:linear-gradient(90deg,#6258e8,#9288ff,#b4adff)!important;box-shadow:0 0 12px rgba(115,103,255,.34)!important}

@media(max-width:620px){
  .achievement-profile-badge{width:40px!important;height:40px!important}.achievement-medallion{width:36px!important;height:36px!important}.achievement-medallion svg{width:22px!important;height:22px!important}
  .achievement-profile-badge.is-large{width:58px!important;height:58px!important}.achievement-profile-badge.is-large .achievement-medallion{width:54px!important;height:54px!important}.achievement-profile-badge.is-large .achievement-medallion svg{width:33px!important;height:33px!important}
}
.connection-service-github{background:#f4f5f7!important;color:#17191e!important}
.connection-service-reddit{background:#ff4500!important;color:#fff!important}
.connection-service-twitter,.connection-service-x{background:#080a0d!important;color:#fff!important}
.connection-service-tiktok{background:#111!important;color:#fff!important}
.connection-service-facebook{background:#1877f2!important;color:#fff!important}
.connection-service-xbox{background:#107c10!important;color:#fff!important;padding:3px!important}
.connection-service-epicgames{background:#25272c!important;color:#fff!important}
.connection-service-battlenet{background:#148eff!important;color:#fff!important}
.connection-service-leagueoflegends{background:#c99b3c!important;color:#101820!important}

/* V42 profile and achievement integration overrides. */
.profile-hero-achievements{display:flex!important;align-items:center!important;gap:5px!important;min-height:0!important;margin-top:7px!important;position:relative!important;z-index:4!important}
.profile-hero-achievements:empty{display:none!important}
.profile-hero-achievements .achievement-badges{display:flex!important;align-items:center!important;gap:5px!important}
.profile-hero-achievements .achievement-profile-badge{width:31px!important;height:31px!important}
.profile-hero-achievements .achievement-medallion{width:28px!important;height:28px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 11px rgba(0,0,0,.32)!important}
.profile-hero-achievements .achievement-medallion svg{width:17px!important;height:17px!important}
.profile-banner-card>.profile-banner-layer,.public-profile-hero>.profile-banner-layer{inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;background-color:#111827!important;background-size:cover!important;background-position:center!important}
.profile-banner-card .profile-hero-body,.public-profile-hero .profile-hero-body{background:transparent!important;background-image:none!important}
.achievement-detail-card:has(.achievement-prestige) .achievement-progress-track span{background:linear-gradient(90deg,#6259f7,#aaa4ff)!important}
.achievement-detail-card:has(.achievement-influence) .achievement-progress-track span{background:linear-gradient(90deg,#20aa95,#7cead6)!important}
.achievement-detail-card:has(.achievement-wealth) .achievement-progress-track span{background:linear-gradient(90deg,#b97514,#ffd56d)!important}
@media(max-width:760px){
  .profile-banner-card .profile-hero-body,.public-profile-hero .profile-hero-body{grid-template-columns:74px minmax(0,1fr)!important;min-height:132px!important;padding:16px!important;gap:12px!important}
  .profile-banner-card .profile-hero-body>.avatar-cosmetic,.public-profile-hero .profile-hero-body>.avatar-cosmetic{--avatar-size:68px!important;width:68px!important;height:68px!important;transform:none!important}
  .profile-banner-card .profile-balance{grid-column:2!important;justify-self:start!important;text-align:left!important;display:flex!important;align-items:baseline!important;gap:7px!important}
  .profile-banner-card .profile-balance strong{font-size:1rem!important}
}
@media(max-width:430px){
  .profile-banner-card .profile-hero-body,.public-profile-hero .profile-hero-body{grid-template-columns:62px minmax(0,1fr)!important;min-height:122px!important;padding:14px 12px!important}
  .profile-banner-card .profile-hero-body>.avatar-cosmetic,.public-profile-hero .profile-hero-body>.avatar-cosmetic{--avatar-size:58px!important;width:58px!important;height:58px!important}
  .profile-banner-card .profile-copy h2,.public-profile-hero .profile-copy h2{font-size:1.02rem!important}
}

/* ===== V43 private profile progressive history + compact Discord connection ===== */
.history-progressive-controls{
  display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  padding-top:12px;margin-top:2px;border-top:1px solid rgba(255,255,255,.045)
}
.history-progressive-controls .btn{min-width:92px;padding:7px 11px!important;border-radius:9px!important;font-size:10px!important}
.history-progressive-controls .btn span{color:var(--muted);font-weight:700}
.history-progressive-controls small{width:100%;text-align:center;color:var(--muted);font-size:9px;margin-top:1px}

.profile-connect-card{padding:14px 16px!important}
.profile-connect-card .panel-head{margin-bottom:8px!important;align-items:center!important}
.profile-connect-card .panel-head h2{font-size:15px!important;margin-top:2px!important}
.profile-connect-card .panel-head p{font-size:9px!important;margin-top:3px!important}
.profile-connect-card .connected-account-row{padding:0!important;grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important}
.profile-connect-card .connected-account-row>img{width:34px!important;height:34px!important}
.profile-connect-card .connected-account-row strong{font-size:11px!important;line-height:1.2!important}
.profile-connect-card .connected-account-row small{font-size:8.5px!important;line-height:1.35!important}
.profile-connect-card .linked-status{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:5px 9px!important;font-size:9px!important;border-radius:999px!important;
  background:rgba(35,190,112,.11)!important;border:1px solid rgba(73,225,145,.30)!important;color:#75efad!important
}
.profile-connect-card .linked-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#45dd8d;box-shadow:0 0 0 3px rgba(69,221,141,.10)}
@media(max-width:620px){
  .profile-connect-card{padding:13px!important}
  .profile-connect-card .panel-head{align-items:flex-start!important}
  .profile-connect-card .connected-account-row{grid-template-columns:32px minmax(0,1fr)!important}
  .profile-connect-card .connected-account-row>img{width:32px!important;height:32px!important}
}

/* ===== V34 public home / features polish + beta access ===== */
.dashboard-beta-link.is-disabled{opacity:.55;cursor:not-allowed!important;filter:saturate(.55);pointer-events:auto!important;box-shadow:none!important;transform:none!important}
.dashboard-beta-link.is-disabled:hover{transform:none!important}
.site-footer .dashboard-beta-link.is-disabled{color:#6f7787}

.home-launch-section{padding-top:54px;padding-bottom:64px}
.home-action-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.home-action-card{grid-column:span 2;position:relative;min-height:230px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,#111822,#0b1018);overflow:hidden;transition:border-color .18s ease,transform .18s ease,background .18s ease;display:flex;flex-direction:column}
.home-action-card::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-95px;background:rgba(115,103,255,.08);filter:blur(8px);pointer-events:none}
.home-action-card:hover{transform:translateY(-2px);border-color:#403a69;background:linear-gradient(155deg,#131b27,#0c1119)}
.home-action-card.featured{grid-column:span 3;border-color:#403a69;background:linear-gradient(145deg,rgba(115,103,255,.13),#0e141e 55%)}
.home-action-card:nth-child(2){grid-column:span 3}
.home-action-card.beta-dashboard-card{grid-column:span 2}
.home-action-kicker{position:relative;color:#8f88ff;font-size:9px;font-weight:900;letter-spacing:.13em}
.home-action-icon{position:relative;margin:20px 0 14px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;border:1px solid #302d53;background:rgba(115,103,255,.09);color:#b6b0ff;font-size:15px;font-weight:950;letter-spacing:-.03em}
.home-action-card h3{position:relative;margin:0 0 8px;font-size:19px;letter-spacing:-.02em}
.home-action-card p{position:relative;margin:0;color:var(--muted);font-size:12px;line-height:1.65;max-width:520px}
.home-action-card>strong{position:relative;margin-top:auto;padding-top:18px;color:#bbb6ff;font-size:11px}
.beta-dashboard-card{border-style:dashed}
.beta-dashboard-card.is-disabled:hover{transform:none;border-color:var(--line);background:linear-gradient(155deg,#111822,#0b1018)}
.home-core-section{padding-top:52px}
.feature-mini-label{display:inline-flex;padding:4px 7px;border-radius:999px;border:1px solid rgba(115,103,255,.24);background:rgba(115,103,255,.08);color:#9f98ff;font-size:8px;font-weight:900;letter-spacing:.11em;margin-bottom:14px}

.features-page-hero{padding-bottom:36px;position:relative}
.features-page-hero h1 span{background:linear-gradient(100deg,#fff,#9e95ff 68%);-webkit-background-clip:text;background-clip:text;color:transparent}
.features-page-hero>p{max-width:760px;font-size:15px}
.feature-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.feature-hero-pills span{padding:7px 10px;border:1px solid #2a3342;border-radius:999px;background:#0e141d;color:#a5afbf;font-size:9px;font-weight:850}
.feature-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 0 36px}
.feature-showcase-card{min-height:330px;padding:24px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(150deg,#111821,#0b1018);display:flex;flex-direction:column;position:relative;overflow:hidden}
.feature-showcase-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-130px;bottom:-140px;background:rgba(115,103,255,.08);filter:blur(6px);pointer-events:none}
.feature-showcase-wide{grid-column:span 2;min-height:285px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);grid-template-rows:auto 1fr;gap:10px 42px;align-items:start}
.feature-showcase-wide .feature-card-top{grid-column:1/-1}
.feature-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;position:relative;z-index:1}
.feature-symbol{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;border:1px solid #383163;background:rgba(115,103,255,.09);color:#b9b3ff;font-weight:950;font-size:12px}
.feature-live-pill{padding:5px 8px;border-radius:999px;border:1px solid rgba(69,217,154,.2);background:rgba(69,217,154,.07);color:#6be6af;font-size:8px;font-weight:900;letter-spacing:.11em}
.feature-live-pill.community{border-color:rgba(115,103,255,.25);background:rgba(115,103,255,.09);color:#aaa4ff}
.feature-showcase-card .eyebrow{margin-bottom:8px}
.feature-showcase-card h2{margin:0 0 10px;font-size:clamp(22px,3vw,34px);line-height:1.05;letter-spacing:-.035em;position:relative;z-index:1}
.feature-showcase-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7;max-width:680px;position:relative;z-index:1}
.feature-showcase-card ul{list-style:none;padding:0;margin:auto 0 0;display:grid;gap:8px;position:relative;z-index:1}
.feature-showcase-wide ul{margin:0}
.feature-showcase-card li{display:flex;align-items:center;gap:8px;color:#b8c0cd;font-size:11px}
.feature-showcase-card li::before{content:"";width:5px;height:5px;border-radius:50%;background:#746cff;box-shadow:0 0 0 4px rgba(116,108,255,.08);flex:0 0 auto}
.feature-bottom-note{margin:30px 0 100px;padding:30px;border:1px solid #302d53;border-radius:22px;background:linear-gradient(135deg,rgba(115,103,255,.09),#0c1119);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 30px;align-items:center}
.feature-bottom-note .eyebrow{grid-column:1/-1;margin-bottom:0}.feature-bottom-note h2{margin:0;font-size:27px;letter-spacing:-.03em}.feature-bottom-note p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.65;max-width:760px}.feature-bottom-note .btn{grid-column:2;grid-row:2/4}

/* Friendly HTTP error pages. */
.error-page-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 25% 10%,rgba(115,103,255,.16),transparent 34%),var(--bg)}
.error-main{width:min(980px,calc(100% - 40px));margin:auto;display:grid;place-items:center;padding:80px 0}
.error-card{width:100%;max-width:760px;padding:48px;border:1px solid #2d3545;border-radius:28px;background:linear-gradient(150deg,rgba(17,24,34,.98),rgba(9,13,20,.98));box-shadow:0 30px 100px rgba(0,0,0,.35);position:relative;overflow:hidden}
.error-card::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-130px;top:-150px;background:rgba(115,103,255,.13);filter:blur(8px)}
.error-code{position:relative;display:inline-flex;padding:7px 10px;border:1px solid #383163;border-radius:999px;background:rgba(115,103,255,.09);color:#a9a2ff;font-size:10px;font-weight:950;letter-spacing:.14em}
.error-card h1{position:relative;margin:18px 0 12px;font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.055em}
.error-card p{position:relative;margin:0;color:var(--muted);font-size:14px;line-height:1.75;max-width:620px}
.error-joke{position:relative;margin-top:18px!important;color:#b8c0ce!important;font-size:12px!important}
.error-actions{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.error-mini-header{height:76px;display:flex;align-items:center;width:min(1280px,calc(100% - 44px));margin:auto;border-bottom:1px solid rgba(255,255,255,.05)}
.error-mini-header a{font-weight:900}.error-mini-header small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.error-mini-footer{width:min(1280px,calc(100% - 44px));margin:auto;min-height:90px;border-top:1px solid var(--line);display:flex;align-items:center;color:#667184;font-size:10px}

@media(max-width:900px){
  .home-action-grid{grid-template-columns:1fr 1fr}.home-action-card,.home-action-card.featured,.home-action-card:nth-child(2),.home-action-card.beta-dashboard-card{grid-column:span 1}
  .feature-showcase-wide{grid-template-columns:1fr;grid-column:span 2}.feature-showcase-wide .feature-card-top{grid-column:auto}
  .feature-bottom-note{grid-template-columns:1fr}.feature-bottom-note .btn{grid-column:auto;grid-row:auto;justify-self:start}
}
@media(max-width:620px){
  .home-action-grid,.feature-showcase-grid{grid-template-columns:1fr}.home-action-card,.home-action-card.featured,.home-action-card:nth-child(2),.home-action-card.beta-dashboard-card,.feature-showcase-wide{grid-column:span 1}
  .feature-showcase-card,.feature-showcase-wide{min-height:auto;display:flex}.feature-showcase-card ul{margin-top:22px}
  .error-card{padding:30px 22px}.error-mini-header,.error-mini-footer{width:calc(100% - 28px)}
}

/* Capacity + simplified public status */
.bot-card-grid-single{grid-template-columns:1fr}.bot-member-card{min-height:132px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden}.bot-member-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-34px;top:-42px;background:rgba(115,103,255,.11);filter:blur(2px);animation:memberOrb 5s ease-in-out infinite}.bot-member-card strong{font-size:42px;letter-spacing:-.04em}.bot-member-card span{font-size:11px}.capacity-alert{margin-top:14px;padding:12px 14px;border:1px solid rgba(255,194,92,.34);border-radius:13px;background:linear-gradient(135deg,rgba(255,181,72,.12),rgba(115,103,255,.07));display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(8px);transition:.28s ease}.capacity-alert.show{opacity:1;transform:none}.capacity-alert[hidden]{display:none}.capacity-alert strong{font-size:11px}.capacity-pulse{width:8px;height:8px;border-radius:50%;background:#ffc66b;box-shadow:0 0 0 0 rgba(255,198,107,.45);animation:capacityPulse 1.8s infinite}@keyframes capacityPulse{70%{box-shadow:0 0 0 10px rgba(255,198,107,0)}100%{box-shadow:0 0 0 0 rgba(255,198,107,0)}}@keyframes memberOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-10px,8px) scale(1.08)}}
.admin-capacity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-capacity-grid label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:800}.admin-capacity-grid input,.admin-capacity-grid select,.admin-capacity-grid textarea{width:100%;border:1px solid #2a3445;border-radius:11px;background:#0b1119;color:#eef2f8;padding:11px 12px;outline:none;resize:vertical}.admin-capacity-wide{grid-column:1/-1}.admin-capacity-grid small{font-weight:500;line-height:1.5}.admin-capacity-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.admin-capacity-summary>div{padding:13px;border:1px solid var(--line);border-radius:12px;background:#0d131c}.admin-capacity-summary span{display:block;color:var(--muted);font-size:9px}.admin-capacity-summary strong{display:block;margin-top:5px;font-size:16px}@media(max-width:760px){.admin-capacity-grid{grid-template-columns:1fr}.admin-capacity-wide{grid-column:auto}.admin-capacity-summary{grid-column:auto;grid-template-columns:1fr 1fr}}

/* Admin + transaction polish */
.history-toolbar-grid{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(150px,.7fr)) auto;gap:9px;align-items:center}
.history-filter,.admin-smart-toolbar select,.admin-transaction-filters select{width:100%;border:1px solid #2a3445;border-radius:11px;background:#0b1119;color:#eef2f8;padding:11px 12px;outline:none}
.history-filter:focus,.admin-smart-toolbar select:focus,.admin-transaction-filters select:focus{border-color:#5f56a4}
.admin-overview-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;margin-bottom:14px;border:1px solid #302d53;border-radius:18px;background:linear-gradient(135deg,rgba(115,103,255,.09),#0c1119)}
.admin-overview-hero h2{margin:5px 0 7px;font-size:22px}.admin-overview-hero p{margin:0;color:var(--muted);font-size:11px}
.admin-stat-grid article small{display:block;margin-top:6px;color:var(--muted);font-size:9px;line-height:1.45}
.admin-server-list{display:grid;gap:9px}.admin-server-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:#0d131c}.admin-server-row>div{display:grid;gap:4px}.admin-server-row strong{font-size:12px}.admin-server-row small{font-size:9px;color:var(--muted)}.admin-server-icon{width:42px;height:42px;border-radius:12px;background:#171e2a;display:grid;place-items:center;font-weight:900;overflow:hidden}.admin-server-icon img{width:100%;height:100%;object-fit:cover}
.role-sync-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-sync-card{align-content:start;gap:11px;transition:border-color .16s ease,transform .16s ease}.role-sync-card:hover{border-color:#3b365f;transform:translateY(-1px)}.role-sync-card label{display:grid;gap:6px;color:var(--muted);font-size:9px;font-weight:850}.role-sync-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.role-sync-head h3{margin-top:5px}.role-sync-state{padding:5px 7px;border:1px solid rgba(69,217,154,.2);border-radius:999px;background:rgba(69,217,154,.07);color:#6be6af;font-size:8px;font-weight:900}.role-sync-state.is-dirty{border-color:rgba(255,194,92,.3);background:rgba(255,194,92,.08);color:#ffc66b}.role-sync-live,.role-sync-server-fixed{display:grid;gap:4px;padding:11px;border:1px solid #292f40;border-radius:11px;background:#0a1018}.role-sync-live span,.role-sync-server-fixed span{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.role-sync-live strong,.role-sync-server-fixed strong{font-size:10px;overflow-wrap:anywhere}
.admin-smart-toolbar{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(2,minmax(150px,.6fr));gap:9px;margin-bottom:14px}.admin-smart-toolbar input{min-width:0}
.admin-transaction-filters-polished{grid-template-columns:minmax(250px,1.35fr) minmax(140px,.65fr) minmax(140px,.65fr) minmax(155px,.7fr) 130px 130px auto}
.admin-audit-toolbar{grid-template-columns:minmax(260px,1.5fr) minmax(170px,.7fr) minmax(150px,.6fr)}
.admin-audit-sendbar{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(240px,1.2fr) auto;align-items:center;gap:14px;padding:13px 14px;margin-bottom:12px;border:1px solid #302d53;border-radius:13px;background:rgba(115,103,255,.06)}.admin-audit-sendbar>div:first-child{display:grid;gap:3px}.admin-audit-sendbar strong{font-size:11px}.admin-audit-sendbar small{font-size:9px;color:var(--muted)}.admin-audit-server-picks{display:flex;flex-wrap:wrap;gap:8px}.admin-audit-server-picks label{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:#0d131c;color:#b8c0ce;font-size:9px}.admin-audit-server-picks input{accent-color:var(--accent)}
.admin-audit-list{display:grid;gap:8px}.admin-audit-row{display:grid;grid-template-columns:22px 1fr;gap:11px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:#0d131c;cursor:pointer;transition:border-color .15s ease,background .15s ease}.admin-audit-row:hover{border-color:#3d3862}.admin-audit-row.is-selected{border-color:#5a51a0;background:rgba(115,103,255,.08)}.admin-audit-row>input{margin-top:3px;accent-color:var(--accent)}.admin-audit-copy{display:grid;gap:5px;min-width:0}.admin-audit-copy>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-audit-copy strong{font-size:11px}.admin-audit-copy b{color:#aaa4ff;font-size:9px}.admin-audit-copy small{color:var(--muted);font-size:9px;line-height:1.45}.admin-audit-change{padding:7px 9px;border-radius:9px;background:#0a1018;color:#aeb7c6;font-size:9px;overflow-wrap:anywhere}
.history-progressive-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:8px}.history-progressive-controls small{margin-right:auto;color:var(--muted);font-size:9px}
@media(max-width:1100px){.history-toolbar-grid{grid-template-columns:1fr 1fr}.history-toolbar-grid .status-pill{justify-self:start}.role-sync-grid{grid-template-columns:1fr}.admin-transaction-filters-polished{grid-template-columns:1fr 1fr 1fr}.admin-audit-sendbar{grid-template-columns:1fr}.admin-audit-sendbar .btn{justify-self:start}}
@media(max-width:760px){.history-toolbar-grid,.admin-smart-toolbar,.admin-audit-toolbar,.admin-transaction-filters-polished{grid-template-columns:1fr}.admin-overview-hero{align-items:flex-start;flex-direction:column}.admin-server-row{grid-template-columns:42px 1fr}.admin-server-row>.status-pill{grid-column:2;justify-self:start}.history-progressive-controls{flex-wrap:wrap;justify-content:flex-start}.history-progressive-controls small{width:100%;margin:0}}

/* Admin polish: servers, role sync, and automatic audit delivery */
.admin-tabs a.is-active{border-color:#5d54a8;background:rgba(115,103,255,.12);color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.16)}
.admin-server-toolbar{grid-template-columns:minmax(240px,1.5fr) minmax(150px,.7fr) minmax(170px,.8fr) minmax(145px,.65fr) minmax(145px,.65fr) auto}
.admin-server-row-detailed{grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;padding:14px 15px;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.admin-server-row-detailed:hover{transform:translateY(-1px);border-color:#3c365f;background:#101722}
.admin-server-main{display:grid;gap:4px;min-width:0}.admin-server-main strong{font-size:12px}.admin-server-main small{font-size:9px;color:var(--muted);overflow-wrap:anywhere}
.admin-log-delivery{border-color:#302d53;background:linear-gradient(180deg,rgba(115,103,255,.045),rgba(13,19,28,.25))}
.admin-log-delivery-grid{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(360px,1.25fr);gap:18px;margin-top:4px}
.admin-log-delivery-grid>div{display:grid;align-content:start;gap:9px}.admin-choice-grid,.admin-action-choice-grid{display:grid;gap:8px}.admin-action-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px;overflow:auto;padding-right:4px}
.admin-choice{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#0b1119;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.admin-choice:hover{border-color:#413b68;background:#0f1621;transform:translateY(-1px)}.admin-choice:has(input:checked){border-color:#5b52a0;background:rgba(115,103,255,.09)}.admin-choice input{margin-top:2px;accent-color:var(--accent)}.admin-choice span{display:grid;gap:2px}.admin-choice strong{font-size:10px}.admin-choice small{font-size:8px;color:var(--muted)}
.admin-action-choice-all{grid-column:1/-1;border-color:#3d3862}.admin-action-picker-head{display:grid;grid-template-columns:auto minmax(170px,1fr);gap:12px;align-items:center}.admin-action-picker-head .text-input{padding:9px 10px}
.admin-switch{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#0d131c;font-size:10px;font-weight:800;color:#cfd5e0}.admin-switch input{accent-color:var(--accent)}
.settings-save-state{font-size:9px;color:#7f8a9c;margin-right:auto}.settings-save-state.is-dirty{color:#d3a85f}.panel-actions .settings-save-state{align-self:center}
.admin-audit-row-clean{grid-template-columns:auto minmax(0,1fr);cursor:default;padding:13px 14px}.admin-audit-id{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;padding:0 8px;border:1px solid #302d53;border-radius:9px;background:rgba(115,103,255,.06);color:#aaa4ff;font-size:9px;font-weight:850}.admin-audit-row-clean .admin-audit-copy>span:first-child strong{text-transform:none}.admin-audit-row-clean .admin-audit-copy>span:first-child b{color:#7f8a9c;font-weight:700}.admin-audit-row-clean .admin-audit-copy small b{color:#d6dbea}.admin-audit-row-clean .admin-audit-change b{color:#aaa4ff}
.role-sync-state.is-dirty{color:#d3a85f;border-color:rgba(211,168,95,.35);background:rgba(211,168,95,.08)}

@media(max-width:1180px){.admin-server-toolbar{grid-template-columns:1fr 1fr 1fr}.admin-log-delivery-grid{grid-template-columns:1fr}}
@media(max-width:760px){.admin-server-toolbar,.admin-log-delivery-grid,.admin-action-picker-head{grid-template-columns:1fr}.admin-action-choice-grid{grid-template-columns:1fr}.admin-server-row-detailed{grid-template-columns:42px minmax(0,1fr) auto}.admin-server-row-detailed>.status-pill{grid-column:2;justify-self:start}.admin-server-menu-wrap{grid-column:3;grid-row:1 / span 2}.admin-log-delivery .panel-head{align-items:flex-start;gap:12px}.admin-switch{align-self:flex-start}}
.admin-audit-toolbar-expanded{grid-template-columns:minmax(250px,1.45fr) minmax(145px,.7fr) minmax(145px,.7fr) minmax(135px,.6fr) minmax(135px,.6fr) auto}
@media(max-width:1180px){.admin-audit-toolbar-expanded{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.admin-audit-toolbar-expanded{grid-template-columns:1fr}}

/* Admin log routing rules */
.admin-rule-top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-log-rules{display:grid;gap:14px;margin-top:16px}.admin-log-rule{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#0d141e,#0a1018);padding:16px;box-shadow:0 14px 35px rgba(0,0,0,.14)}.admin-log-rule-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.06)}.admin-log-rule-head>div{display:grid;gap:3px}.admin-log-rule-head strong{font-size:14px}.admin-log-rule-head small{color:var(--muted);font-size:10px}.admin-rule-number{width:max-content;padding:4px 7px;border-radius:999px;background:rgba(115,103,255,.12);color:#a9a1ff;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.admin-log-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px}.admin-log-rule-grid label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:800}.admin-log-rule-grid select{width:100%;border:1px solid #2a3445;border-radius:11px;background:#0b1119;color:#eef2f8;padding:11px 12px;outline:none}.admin-rule-actions-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:15px}.admin-rule-actions-head>div{display:grid;gap:3px}.admin-rule-actions-head span{font-size:10px;font-weight:900;color:#eef2f8}.admin-rule-actions-head small{font-size:9px;color:var(--muted)}.admin-rule-action-search{max-width:280px}.admin-rule-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:#090f16;max-height:220px;overflow:auto}.admin-action-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #273142;border-radius:999px;background:#0d141e;padding:7px 10px;color:#c9d0dd;font-size:10px;font-weight:800;cursor:pointer;transition:.18s ease}.admin-action-chip:hover{border-color:#514b88;transform:translateY(-1px)}.admin-action-chip:has(input:checked){border-color:rgba(115,103,255,.75);background:rgba(115,103,255,.13);color:#f0eeff}.admin-action-chip input{accent-color:#7467ff}.admin-log-rule-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.admin-log-rule-footer>span{font-size:9px;color:var(--muted);font-weight:800}.admin-rules-empty{margin-top:0}.admin-log-rules-panel .panel-actions{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}
@media(max-width:760px){.admin-rule-top-actions{justify-content:flex-start}.admin-log-rule-grid{grid-template-columns:1fr}.admin-rule-actions-head{align-items:stretch;flex-direction:column}.admin-rule-action-search{max-width:none}.admin-log-rule-footer{align-items:flex-start;flex-direction:column}}

/* Admin server actions + detail drawer */
.admin-server-row{position:relative;overflow:visible}.admin-server-row:has(.admin-server-menu:not([hidden])){z-index:60}
.admin-server-menu-wrap{position:relative;margin-left:0;align-self:center;justify-self:end}
.admin-server-more{width:38px;height:38px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:12px;background:rgba(255,255,255,.035);color:inherit;font:700 16px/1 inherit;letter-spacing:2px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.admin-server-more:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07)}
.admin-server-menu{position:absolute;right:0;top:44px;z-index:30;min-width:170px;padding:7px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:14px;background:rgba(17,18,24,.98);box-shadow:0 18px 45px rgba(0,0,0,.32);backdrop-filter:blur(16px);animation:adminMenuIn .16s ease}
.admin-server-menu[hidden]{display:none}
.admin-server-menu button{display:block;width:100%;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.admin-server-menu button:hover{background:rgba(255,255,255,.06)}
.admin-server-menu button.danger{color:#ff8585}.admin-server-menu button.warning{color:#ffd18a}.admin-server-menu-sep{height:1px;margin:5px 4px;background:rgba(255,255,255,.07)}
@keyframes adminMenuIn{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
.admin-server-modal{position:fixed;inset:0;z-index:1000}
.admin-server-modal[hidden]{display:none}
.admin-server-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.64);backdrop-filter:blur(5px)}
.admin-server-detail-panel{position:absolute;right:18px;top:18px;bottom:18px;width:min(720px,calc(100vw - 36px));overflow:auto;padding:24px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:24px;background:var(--panel,#111218);box-shadow:0 30px 90px rgba(0,0,0,.5);animation:adminServerPanelIn .22s ease}
@keyframes adminServerPanelIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.admin-server-detail-head,.admin-server-detail-title,.admin-server-members-head,.admin-server-detail-actions{display:flex;align-items:center}
.admin-server-detail-head{justify-content:space-between;gap:16px;margin-bottom:18px}
.admin-server-detail-title{gap:14px;min-width:0}
.admin-server-detail-title>img,.admin-server-detail-title>span{width:54px;height:54px;border-radius:16px;object-fit:cover;display:grid;place-items:center;background:rgba(255,255,255,.06);font-weight:800;font-size:20px}
.admin-server-detail-title h2{margin:3px 0 2px;overflow:hidden;text-overflow:ellipsis}
.admin-server-detail-title small{opacity:.62}
.admin-server-modal-close{width:40px;height:40px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:12px;background:rgba(255,255,255,.04);color:inherit;font-size:24px;cursor:pointer}
.admin-server-description{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);opacity:.82}
.admin-server-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.admin-server-info-cell{min-width:0;padding:12px 13px;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:14px;background:rgba(255,255,255,.025)}
.admin-server-info-cell span{display:block;margin-bottom:5px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.55}
.admin-server-info-cell strong{display:block;overflow-wrap:anywhere;font-size:13px}
.admin-server-features{padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.028)}
.admin-server-features>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.55}
.admin-server-features p{margin:6px 0 0;font-size:13px;opacity:.82}
.admin-server-members-head{justify-content:space-between;gap:14px;margin:22px 0 10px}
.admin-server-members-head h3{margin:3px 0}
.admin-server-members-head .text-input{max-width:240px}
.admin-server-member-list{display:grid;gap:7px;max-height:380px;overflow:auto;padding-right:3px}
.admin-server-member-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line,rgba(255,255,255,.07));border-radius:13px;background:rgba(255,255,255,.02)}
.admin-server-member-row>img,.admin-server-member-row>span:first-child{width:38px;height:38px;border-radius:11px;object-fit:cover;display:grid;place-items:center;background:rgba(255,255,255,.06);font-weight:800}
.admin-server-member-row strong,.admin-server-member-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-server-member-row small{margin-top:2px;opacity:.56;font-size:11px}
.admin-member-status{font-size:10px;text-transform:capitalize;opacity:.65}
.admin-member-status.online{opacity:1}
.admin-server-detail-actions{justify-content:flex-end;gap:9px;position:sticky;bottom:-24px;margin:20px -24px -24px;padding:14px 24px;background:linear-gradient(to bottom,rgba(17,18,24,.5),var(--panel,#111218) 35%);border-top:1px solid var(--line,rgba(255,255,255,.07))}
@media(max-width:720px){.admin-server-info-grid{grid-template-columns:1fr}.admin-server-members-head{align-items:stretch;flex-direction:column}.admin-server-members-head .text-input{max-width:none}.admin-server-detail-panel{right:8px;top:8px;bottom:8px;width:calc(100vw - 16px);padding:18px}.admin-server-detail-actions{margin-left:-18px;margin-right:-18px;margin-bottom:-18px;padding-left:18px;padding-right:18px}.admin-server-row-detailed{grid-template-columns:auto minmax(0,1fr) auto}.admin-server-row-detailed>.status-pill{display:none}.admin-server-menu-wrap{grid-column:3;grid-row:1}}

/* Admin current-setting visibility */
.admin-current-settings{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;padding:10px 12px;border:1px solid rgba(115,103,255,.2);border-radius:12px;background:rgba(115,103,255,.045)}
.admin-current-settings>span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#0b1119;border:1px solid rgba(255,255,255,.07);font-size:9px;color:#aeb7c6}
.admin-current-settings b{color:#eef2f8;font-weight:850}.admin-current-settings .current-label{border:0;background:transparent;padding-left:0;color:#8e86ff;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.admin-saved-line{margin-top:7px;padding:8px 10px;border:1px solid rgba(115,103,255,.16);border-radius:10px;background:rgba(115,103,255,.035);font-size:9px;color:#9da7b7}.admin-saved-line b{color:#eef2f8}
.admin-shop-current{display:block;margin-top:6px;color:#8d97a8;font-size:9px}.admin-shop-current b{color:#dfe4ec}


/* ===== Home start-here polish ===== */
.home-launch-section{padding-top:46px;padding-bottom:58px}.home-launch-heading{margin-bottom:22px}.home-action-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.home-action-card,.home-action-card.featured,.home-action-card:nth-child(2),.home-action-card.beta-dashboard-card{grid-column:span 4;min-height:176px;padding:18px;border-radius:18px;background:linear-gradient(155deg,#111822,#0b1018);box-shadow:0 10px 28px rgba(0,0,0,.12)}.home-action-card.featured,.home-action-card.home-action-card-wide{grid-column:span 6;min-height:190px}.home-action-card.featured{border-color:rgba(115,103,255,.45);background:linear-gradient(145deg,rgba(115,103,255,.11),#0f151f 58%)}.home-action-card::before{width:150px;height:150px;right:-78px;top:-82px;opacity:.8}.home-action-card:hover{transform:translateY(-2px);border-color:#494272;box-shadow:0 18px 40px rgba(0,0,0,.20)}.home-action-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.home-action-kicker{margin:0;color:#948aff;font-size:9px;font-weight:950;letter-spacing:.11em}.home-action-icon{position:relative;width:36px;height:36px;margin:0;border-radius:11px;background:rgba(115,103,255,.10);border:1px solid rgba(115,103,255,.24);color:#beb8ff;font-size:11px;font-weight:950;display:grid;place-items:center}.home-action-copy{position:relative}.home-action-card h3{font-size:18px;margin:0 0 6px}.home-action-card p{font-size:11px;line-height:1.55;max-width:480px}.home-action-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;color:#bdb7ff;font-size:10px;font-weight:900}.home-action-link b{font-weight:900}.home-action-link i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(115,103,255,.20);background:rgba(115,103,255,.06);font-style:normal;transition:.18s ease}.home-action-card:hover .home-action-link i{transform:translate(1px,-1px);border-color:rgba(115,103,255,.5)}.beta-dashboard-card{border-style:solid}.beta-dashboard-card.is-disabled{opacity:.88}.beta-dashboard-card.is-disabled .home-action-link i{opacity:.55}.beta-dashboard-card.is-disabled:hover{transform:none;box-shadow:0 10px 28px rgba(0,0,0,.12)}
@media(max-width:980px){.home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-action-card,.home-action-card.featured,.home-action-card.home-action-card-wide,.home-action-card:nth-child(2),.home-action-card.beta-dashboard-card{grid-column:span 1;min-height:178px}}@media(max-width:620px){.home-action-grid{grid-template-columns:1fr}.home-action-card,.home-action-card.featured,.home-action-card.home-action-card-wide,.home-action-card:nth-child(2),.home-action-card.beta-dashboard-card{grid-column:span 1;min-height:164px;padding:16px}.home-action-top{margin-bottom:14px}}

/* ===== FAQ + Support Center ===== */
.footer-help-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.footer-help-links a{color:inherit;text-decoration:none}.footer-help-links>a:not(.dashboard-beta-link){opacity:.78;font-weight:800}.footer-help-links>a:not(.dashboard-beta-link):hover{opacity:1;color:#bdb7ff}
.support-page-hero{padding-bottom:28px}.support-shell{width:min(1160px,calc(100% - 40px));margin:0 auto 72px;display:grid;gap:22px}.faq-search-panel,.support-faq-shortcut,.support-composer,.support-public-suggestions,.support-my-requests,.support-bottom-cta{border:1px solid var(--line);background:linear-gradient(160deg,rgba(20,26,37,.96),rgba(12,17,25,.96));border-radius:22px;box-shadow:0 18px 55px rgba(0,0,0,.18)}
.faq-search-panel{position:sticky;top:82px;z-index:9;padding:18px;backdrop-filter:blur(18px)}.faq-search-box{min-height:54px;display:flex;align-items:center;gap:10px;border:1px solid rgba(115,103,255,.26);border-radius:15px;background:#0b1119;padding:0 15px}.faq-search-box span{color:#8f85ff;font-size:22px;flex:0 0 auto}.faq-search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f5f7fb;font:inherit;padding:14px 0}.faq-category-chips{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding:12px 0 2px;scrollbar-width:none}.faq-category-chips::-webkit-scrollbar{display:none}.faq-category-chips button{flex:0 1 auto;max-width:100%;border:1px solid var(--line);background:#101722;color:#aeb7c6;border-radius:999px;padding:9px 12px;cursor:pointer;font:inherit;font-size:11px;font-weight:850;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.faq-category-chips button.active{background:rgba(115,103,255,.14);border-color:rgba(115,103,255,.5);color:#d8d4ff}.faq-search-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;color:#7f8998;font-size:11px}.support-discord-inline{color:#a9a1ff;text-decoration:none;font-weight:900}
.faq-results{display:grid;gap:10px;min-width:0}.faq-group{display:grid;gap:8px;min-width:0}.faq-group-title{margin:16px 2px 4px;color:#8c94a3;font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.faq-item{border:1px solid var(--line);background:#101722;border-radius:15px;overflow:hidden;min-width:0}.faq-question{width:100%;border:0;background:transparent;color:#f4f6fb;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;cursor:pointer;font:inherit;font-weight:850;min-width:0}.faq-question span,.faq-question strong{min-width:0;overflow-wrap:anywhere}.faq-question i{font-style:normal;color:#8f85ff;transition:.18s;flex:0 0 auto}.faq-item.open .faq-question i{transform:rotate(45deg)}.faq-answer{padding:0 17px 16px;color:#a8b2c3;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.faq-answer a{color:#aea7ff}.faq-empty{padding:34px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:#7f8998}
.support-bottom-cta{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.support-bottom-cta strong,.support-bottom-cta span{display:block}.support-bottom-cta strong{font-size:17px}.support-bottom-cta span{margin-top:4px;color:#8f99a9;font-size:11px}
.support-faq-shortcut{padding:20px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:20px;align-items:center}.support-faq-shortcut h2{margin:5px 0 6px}.support-faq-shortcut p{margin:0;color:#8f99a9}.support-faq-search{position:relative}.support-faq-search>input{width:100%;height:50px;border:1px solid var(--line);border-radius:14px;background:#0b1119;color:#f5f7fb;padding:0 14px;outline:0}.support-faq-search>input:focus{border-color:rgba(115,103,255,.6);box-shadow:0 0 0 3px rgba(115,103,255,.08)}.support-faq-suggestions{position:absolute;left:0;right:0;top:57px;z-index:20;border:1px solid #303849;background:#101722;border-radius:14px;box-shadow:0 22px 60px rgba(0,0,0,.38);overflow:hidden}.support-faq-suggestions:empty{display:none}.support-faq-suggestions a{display:block;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.05);color:#e8ebf2;text-decoration:none;font-size:12px}.support-faq-suggestions a:last-child{border-bottom:0}.support-faq-suggestions a:hover{background:rgba(115,103,255,.08)}
.support-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.support-type-card{min-height:180px;border:1px solid var(--line);background:linear-gradient(160deg,#111925,#0b1119);border-radius:20px;padding:20px;text-align:left;color:inherit;cursor:pointer;transition:.18s ease}.support-type-card:hover{transform:translateY(-2px);border-color:rgba(115,103,255,.52);box-shadow:0 18px 40px rgba(0,0,0,.2)}.support-type-card>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(115,103,255,.09);border:1px solid rgba(115,103,255,.22);font-size:18px}.support-type-card strong,.support-type-card small{display:block}.support-type-card strong{margin-top:22px;font-size:18px}.support-type-card small{margin-top:7px;color:#8f99a9;line-height:1.5}
.support-composer{padding:22px}.support-composer-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.support-back{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#0d131c;color:#fff;cursor:pointer;font-size:18px}.support-composer-head h2{margin:5px 0}.support-composer-head p{margin:0;color:#8f99a9}.support-identity-note{padding:12px 14px;margin-bottom:16px;border:1px solid rgba(115,103,255,.22);border-radius:13px;background:rgba(115,103,255,.055);color:#aeb7c6;font-size:12px}.support-identity-note b{color:#f2f4f8}.support-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.support-form label,.support-links-field{display:grid;gap:7px}.support-form label>span,.support-links-field>div>span{font-size:11px;font-weight:850;color:#aeb7c6}.support-form input,.support-form select,.support-form textarea,.support-links-field input{width:100%;border:1px solid var(--line);border-radius:13px;background:#0b1119;color:#f5f7fb;padding:12px 13px;outline:0;font:inherit}.support-form select{height:46px}.support-form input{height:46px}.support-form input:focus,.support-form select:focus,.support-form textarea:focus{border-color:rgba(115,103,255,.58);box-shadow:0 0 0 3px rgba(115,103,255,.08)}.support-wide{grid-column:1/-1}.support-links-field{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.support-links-field>div{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.support-links-field small{color:#717b8b;font-size:10px}.support-context-box{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px dashed #313a4b;border-radius:13px;background:#0d131c}.support-context-box strong,.support-context-box small{display:block}.support-context-box small{margin-top:3px;color:#7d8797}.support-context-box>span{font-size:10px;font-weight:900;color:#8f85ff;text-transform:uppercase;letter-spacing:.08em}.support-submit{justify-self:start;min-width:140px}
.support-public-suggestions,.support-my-requests{padding:20px}.suggestion-public-grid,.suggestion-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.suggestion-card{border:1px solid var(--line);border-radius:18px;background:#101722;padding:17px;display:grid;gap:13px}.suggestion-card.compact{min-height:180px}.suggestion-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.suggestion-card h3{margin:5px 0 0;font-size:17px}.suggestion-card p{margin:0;color:#98a2b3;line-height:1.55;font-size:11px}.suggestion-status{flex:0 0 auto;border:1px solid rgba(115,103,255,.25);border-radius:999px;padding:5px 8px;background:rgba(115,103,255,.07);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#b9b4ff}.suggestion-deadline{font-size:10px;color:#7e8999}.suggestion-deadline.ended{color:#ffbf6b}.suggestion-votes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.suggestion-vote{border:1px solid var(--line);border-radius:11px;background:#0b1119;color:#b7c0cf;padding:9px 6px;cursor:pointer;font:inherit;font-size:9px;font-weight:900;transition:.15s}.suggestion-vote:hover:not(:disabled),.suggestion-vote.active{border-color:rgba(115,103,255,.55);background:rgba(115,103,255,.1);color:#f0eeff}.suggestion-vote:disabled{cursor:default;opacity:.76}.suggestion-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.suggestion-result{padding:7px 5px;border-radius:9px;background:#0b1119;text-align:center}.suggestion-result b,.suggestion-result span{display:block}.suggestion-result b{font-size:12px}.suggestion-result span{font-size:8px;color:#7f8998;text-transform:uppercase;font-weight:900;margin-top:2px}.suggestion-total{color:#7f8998;font-size:9px}.section-inline-actions{margin-top:16px}.support-request-list{display:grid;gap:9px}.support-request-row{border:1px solid var(--line);border-radius:14px;background:#0d131c;padding:13px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.support-request-row strong,.support-request-row small{display:block}.support-request-row small{margin-top:4px;color:#7f8998}.support-request-status{font-size:9px;font-weight:900;text-transform:uppercase;color:#a9a1ff}.support-reply{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05);color:#b5becd;font-size:11px}
@media(max-width:1100px){.faq-search-panel{position:relative;top:auto}.support-faq-shortcut{grid-template-columns:1fr}.support-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suggestion-public-grid,.suggestion-home-grid{grid-template-columns:1fr}.support-bottom-cta{align-items:flex-start;flex-direction:column}.faq-category-chips{gap:7px}}
@media(max-width:850px){.support-type-grid{grid-template-columns:1fr}.support-form{grid-template-columns:1fr}.support-wide{grid-column:auto}.support-links-field{grid-column:auto;grid-template-columns:1fr}.support-links-field>div{grid-column:auto;align-items:flex-start;flex-direction:column}.suggestion-votes,.suggestion-results{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-search-panel{padding:16px}.faq-question{padding:14px 15px}.faq-answer{padding:0 15px 14px}}
@media(max-width:560px){.support-shell{width:min(100% - 22px,1160px)}.support-composer,.support-public-suggestions,.support-my-requests,.support-faq-shortcut,.faq-search-panel,.support-bottom-cta{padding:15px}.faq-search-box{min-height:50px;padding:0 12px}.faq-search-box span{font-size:18px}.faq-search-box input{padding:12px 0;font-size:15px}.faq-category-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.faq-category-chips button{width:100%;text-align:center;padding:10px 10px}.faq-search-meta{align-items:flex-start;flex-direction:column}.support-type-card{min-height:150px}.support-context-box{align-items:flex-start;flex-direction:column}.faq-question{font-size:15px;gap:10px}.faq-answer{font-size:13px;line-height:1.65}.support-back{width:38px;height:38px}}
@media(max-width:400px){.faq-category-chips{grid-template-columns:1fr}.suggestion-votes,.suggestion-results{grid-template-columns:1fr 1fr}.support-shell{width:min(100% - 16px,1160px)}}

/* ===== Admin Support Center ===== */
.admin-support-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-support-settings-grid label{display:grid;gap:7px}.admin-support-settings-grid label>span{font-size:10px;font-weight:900;color:#9ca6b6;text-transform:uppercase;letter-spacing:.06em}.admin-support-settings-grid input,.admin-support-settings-grid select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;background:#0b1119;color:#f3f5fa;padding:0 12px}.admin-support-settings-grid select[multiple]{min-height:155px;padding:8px}.admin-support-settings-grid small{color:#737e90;font-size:9px;line-height:1.45}.admin-support-wide{grid-column:1/-1}.admin-support-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}.admin-support-toolbar{grid-template-columns:minmax(260px,1.4fr) minmax(140px,.5fr) minmax(150px,.55fr) auto}.admin-support-list{display:grid;gap:8px}.admin-support-row{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#0d131c;color:inherit;text-align:left;cursor:pointer}.admin-support-row:hover{border-color:rgba(115,103,255,.42);background:#111824}.admin-support-kind{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(115,103,255,.08);border:1px solid rgba(115,103,255,.18)}.admin-support-copy{min-width:0}.admin-support-copy>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-support-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-support-copy b{font-size:9px;color:#727d8e;white-space:nowrap}.admin-support-copy small{display:block;margin-top:4px;color:#7f8999;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-support-modal{position:fixed;inset:0;z-index:1100}.admin-support-modal[hidden]{display:none}.admin-support-detail{position:absolute;right:18px;top:18px;bottom:18px;width:min(760px,calc(100vw - 36px));overflow:auto;padding:22px;border:1px solid var(--line);border-radius:24px;background:#101722;box-shadow:0 30px 90px rgba(0,0,0,.55)}.admin-support-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.admin-support-detail-head h2{margin:4px 0}.admin-support-detail-head p{margin:0;color:#7f8998;font-size:10px}.admin-support-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}.admin-support-detail-grid>div{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#0c121a}.admin-support-detail-grid span,.admin-support-message>span,.admin-support-links>span,.admin-support-context>span{display:block;color:#727d8e;font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;margin-bottom:5px}.admin-support-detail-grid strong,.admin-support-detail-grid small{display:block}.admin-support-detail-grid small{margin-top:3px;color:#6f7989}.admin-support-detail-grid select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:9px;background:#0b1119;color:#fff;padding:0 9px}.admin-support-message,.admin-support-links,.admin-support-context,.admin-suggestion-control,.admin-support-replies{margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#0c121a}.admin-support-message p{margin:5px 0 12px;color:#c0c7d2;line-height:1.55;white-space:pre-wrap}.admin-support-links a{display:block;color:#aaa4ff;overflow-wrap:anywhere;margin-top:5px}.admin-support-context>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:5px 10px}.admin-support-context b{font-size:9px;text-transform:capitalize;color:#8d97a7}.admin-support-context small{color:#bcc4d0;overflow-wrap:anywhere}.admin-suggestion-approve{display:grid;grid-template-columns:1fr 1fr auto auto;gap:9px;align-items:end}.admin-suggestion-approve label,.admin-suggestion-live label{display:grid;gap:6px}.admin-suggestion-approve label span,.admin-suggestion-live label span{font-size:9px;color:#778293;text-transform:uppercase;font-weight:900}.admin-suggestion-approve select,.admin-suggestion-live select{min-height:40px;border:1px solid var(--line);border-radius:10px;background:#0b1119;color:#fff;padding:0 10px}.admin-suggestion-live{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-suggestion-live>b{color:#aeb7c7;font-size:10px}.admin-support-replies>div{display:grid;gap:8px;margin:10px 0}.admin-support-replies article{padding:10px 11px;border-radius:11px;background:#101722;border:1px solid rgba(255,255,255,.05)}.admin-support-replies article strong,.admin-support-replies article small{display:block}.admin-support-replies article small{margin-top:2px;color:#6e798a;font-size:9px}.admin-support-replies article p{margin:7px 0 0;color:#b6bfcc;white-space:pre-wrap}.admin-support-replies form{display:grid;gap:9px}.admin-support-replies textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#0b1119;color:#fff;padding:11px;resize:vertical}
@media(max-width:820px){.admin-support-settings-grid,.admin-support-detail-grid{grid-template-columns:1fr}.admin-support-wide{grid-column:auto}.admin-support-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-support-toolbar{grid-template-columns:1fr}.admin-suggestion-approve{grid-template-columns:1fr}.admin-support-detail{right:8px;top:8px;bottom:8px;width:calc(100vw - 16px);padding:16px}.admin-support-context>div{grid-template-columns:1fr}.admin-support-row{grid-template-columns:40px minmax(0,1fr)}.admin-support-row>.support-request-status{grid-column:2}}
.suggestion-ended-note{padding:10px 11px;border:1px solid rgba(255,184,77,.25);border-radius:11px;background:rgba(255,184,77,.06);color:#ffc978;font-size:10px;font-weight:850}.suggestion-open-link{margin-top:auto;color:#aaa4ff;text-decoration:none;font-size:10px;font-weight:900}


/* ===== V39 community ideas visibility + scroll motion polish ===== */
.community-ideas-home[hidden]{display:none!important}
.community-ideas-home{position:relative;overflow:hidden;border:1px solid rgba(115,103,255,.16);border-radius:28px;padding:30px;background:linear-gradient(145deg,rgba(17,23,34,.92),rgba(10,14,21,.96));box-shadow:0 22px 70px rgba(0,0,0,.16)}
.community-ideas-home::before{content:"";position:absolute;inset:-140px auto auto -80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(115,103,255,.15),transparent 68%);pointer-events:none}
.community-ideas-home .section-heading{position:relative;max-width:780px;margin-bottom:20px}
.community-ideas-home .section-heading h2{max-width:680px}
.community-ideas-home .suggestion-home-grid{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.community-ideas-home .suggestion-card.compact{min-height:0;padding:19px;border-color:rgba(115,103,255,.15);background:linear-gradient(155deg,rgba(18,25,37,.96),rgba(11,16,24,.98));box-shadow:0 14px 34px rgba(0,0,0,.13);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.community-ideas-home .suggestion-card.compact:hover{transform:translateY(-3px);border-color:rgba(115,103,255,.42);box-shadow:0 20px 44px rgba(0,0,0,.22)}
.community-ideas-home .suggestion-card.compact h3{font-size:18px;line-height:1.25}
.community-ideas-home .suggestion-card.compact p{font-size:12px;line-height:1.65;color:#a5afbf}
.community-ideas-home .suggestion-open-link{display:inline-flex;align-items:center;width:max-content;max-width:100%;gap:6px;color:#b7b1ff;text-decoration:none;font-size:11px;font-weight:900}
.community-ideas-home .section-inline-actions{position:relative;margin-top:18px}

.scroll-reveal.reveal-managed{opacity:0;transform:translateY(22px) scale(.992);transition:opacity .48s cubic-bezier(.2,.7,.2,1),transform .48s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.scroll-reveal.reveal-managed.is-visible{opacity:1;transform:translateY(0) scale(1)}
[data-view="home"] .home-action-card.scroll-reveal.reveal-managed,[data-view="features"] .feature-showcase-card.scroll-reveal.reveal-managed{transition-duration:.5s}

@media(max-width:900px){.community-ideas-home{padding:24px}.community-ideas-home .suggestion-home-grid{grid-template-columns:1fr}}
@media(max-width:560px){.community-ideas-home{padding:18px;border-radius:20px}.community-ideas-home .section-heading{margin-bottom:16px}.community-ideas-home .suggestion-card.compact{padding:16px}.scroll-reveal.reveal-managed{transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){.scroll-reveal.reveal-managed,.scroll-reveal.reveal-managed.is-visible{opacity:1!important;transform:none!important;transition:none!important}.community-ideas-home .suggestion-card.compact:hover{transform:none}}

/* Floating report entry + report composer v2 */
.report-bug-fab{position:fixed;right:20px;bottom:20px;z-index:2147483647;pointer-events:auto!important;touch-action:manipulation;width:48px;height:48px;border:1px solid rgba(139,124,255,.44);border-radius:999px;background:linear-gradient(145deg,#7667ff,#5a49e8);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 38px rgba(48,34,140,.35),0 6px 18px rgba(0,0,0,.28);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.report-bug-fab:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 18px 44px rgba(48,34,140,.44),0 8px 22px rgba(0,0,0,.3)}.report-bug-fab:focus-visible{outline:3px solid rgba(164,153,255,.35);outline-offset:3px}.report-bug-fab svg{width:22px;height:22px;fill:currentColor}.report-bug-fab::after{content:'Report a problem';position:absolute;right:58px;white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#101722;color:#e9ecf4;font-size:11px;font-weight:800;opacity:0;pointer-events:none;transform:translateX(5px);transition:.15s ease;box-shadow:0 10px 28px rgba(0,0,0,.32)}.report-bug-fab:hover::after,.report-bug-fab:focus-visible::after{opacity:1;transform:translateX(0)}.report-bug-badge{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;border:2px solid #0b1017;border-radius:999px;background:#ff5b70;color:#fff;font-size:9px;font-weight:950;line-height:15px;text-align:center;box-sizing:border-box}.report-bug-badge[hidden]{display:none}.report-unsaved-dialog{width:min(520px,calc(100vw - 28px))}.report-unsaved-dialog .eyebrow{display:block;margin-bottom:7px}.report-unsaved-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.report-unsaved-actions .btn{justify-content:center;white-space:nowrap}
.support-readonly-field input{color:#8791a1!important;background:#0d131c!important}.support-readonly-field small{color:#6f7988;font-size:9px;line-height:1.5}.support-field-hint{justify-self:end;color:#737e8e!important;font-size:9px!important;margin-top:-2px}.support-image-field{display:grid;gap:10px}.support-image-field>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-image-field>div:first-child>span{font-size:11px;font-weight:850;color:#aeb7c6}.support-image-field>div:first-child>small{font-size:10px;color:#717b8b}.support-image-picker{display:inline-flex!important;width:max-content;max-width:100%;align-items:center!important;cursor:pointer}.support-image-picker input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.support-image-picker>span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px dashed rgba(115,103,255,.42);border-radius:12px;background:rgba(115,103,255,.06);color:#c7c2ff;font-size:11px;font-weight:900;transition:.15s ease}.support-image-picker:hover>span{border-color:rgba(115,103,255,.75);background:rgba(115,103,255,.11)}.support-image-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.support-image-preview:empty{display:none}.support-image-card{min-width:0;border:1px solid var(--line);border-radius:14px;background:#0d131c;overflow:hidden}.support-image-card>img{display:block;width:100%;height:128px;object-fit:cover;background:#080c12}.support-image-card>div{padding:8px 10px}.support-image-card strong,.support-image-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-image-card strong{font-size:10px}.support-image-card small{margin-top:3px;color:#727c8c;font-size:9px}.support-image-actions{display:flex;gap:8px!important;padding-top:0!important}.support-image-actions a,.support-image-actions button{border:0;background:transparent;color:#aaa4ff;padding:0;cursor:pointer;text-decoration:none;font:inherit;font-size:9px;font-weight:900}.support-image-actions button{color:#ff8e9d}.support-privacy-note{margin:0;color:#7d8797;font-size:10px;line-height:1.55}.admin-support-images{margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#0c121a}.admin-support-images>span{display:block;color:#727d8e;font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;margin-bottom:8px}.admin-support-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.admin-support-image-grid article{min-width:0;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#101722;overflow:hidden}.admin-support-image-grid img{display:block;width:100%;height:120px;object-fit:cover;background:#080c12}.admin-support-image-grid article>div{padding:7px 9px}.admin-support-image-grid strong,.admin-support-image-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-support-image-grid strong{font-size:9px}.admin-support-image-grid small{margin-top:2px;color:#737e8e;font-size:8px}.admin-support-image-grid article>div:last-child{display:flex;gap:8px;padding-top:0}.admin-support-image-grid a{color:#aaa4ff;text-decoration:none;font-size:9px;font-weight:900}
@media(max-width:850px){.report-unsaved-actions{grid-template-columns:1fr}.support-image-preview,.admin-support-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.report-bug-fab{right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:44px;height:44px}.report-bug-fab::after{display:none}.report-bug-fab svg{width:20px;height:20px}.support-image-preview,.admin-support-image-grid{grid-template-columns:1fr}.support-image-card>img,.admin-support-image-grid img{height:auto;max-height:220px}.support-image-field>div:first-child{align-items:flex-start;flex-direction:column;gap:4px}.support-image-picker{width:100%}.support-image-picker>span{width:100%}}
@media(prefers-reduced-motion:reduce){.report-bug-fab,.report-bug-fab::after,.support-image-picker>span{transition:none}}


/* --- Home + features refresh --- */
.hero-copy{position:relative}
.hero-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;max-width:720px}
.hero-mini-card{padding:16px 16px 15px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(155deg,rgba(17,24,34,.92),rgba(10,14,21,.92));box-shadow:0 12px 30px rgba(0,0,0,.18)}
.hero-mini-card span,.about-kicker{display:inline-block;color:#958cff;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.hero-mini-card strong{display:block;font-size:16px;margin-bottom:7px}.hero-mini-card strong a{color:#fff}
.hero-mini-card p{margin:0;color:#90a0b5;font-size:12px;line-height:1.65}
.hero-section{gap:64px}.hero-copy>p{max-width:680px}

.home-about-section{padding-top:18px;padding-bottom:34px}.home-about-heading{max-width:820px;margin-bottom:18px}
.home-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.about-info-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#101620,#0b1017);box-shadow:0 18px 40px rgba(0,0,0,.14)}
.about-info-card h3{margin:0 0 8px;font-size:20px;line-height:1.18;letter-spacing:-.03em}.about-info-card p{margin:0;color:#8d98aa;font-size:13px;line-height:1.7}

.home-launch-heading p{max-width:700px}
.home-core-section{padding-top:36px}.feature-spotlight-stack{display:grid;gap:18px}
.feature-spotlight-row{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:28px;padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(160deg,rgba(17,23,33,.96),rgba(10,14,20,.96));box-shadow:0 22px 55px rgba(0,0,0,.18)}
.feature-spotlight-row.is-reverse{grid-template-columns:.95fr 1.05fr}.feature-spotlight-row.is-reverse .feature-spotlight-copy{order:2}.feature-spotlight-row.is-reverse .feature-spotlight-visual{order:1}
.feature-spotlight-copy h3{font-size:clamp(26px,3vw,40px);line-height:1.02;letter-spacing:-.04em;margin:10px 0 10px;max-width:520px}.feature-spotlight-copy p{margin:0;color:#90a0b5;line-height:1.72;font-size:15px;max-width:560px}.feature-spotlight-copy ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:9px}.feature-spotlight-copy li{position:relative;padding-left:18px;color:#dce1ea;font-size:13px}.feature-spotlight-copy li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:#8e84ff;box-shadow:0 0 0 5px rgba(142,132,255,.12)}
.feature-spotlight-visual{display:flex;justify-content:center;align-items:center}
.mock-chat-card{width:min(480px,100%);padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(145deg,#2e323d,#2a2d35);box-shadow:0 18px 45px rgba(0,0,0,.24)}
.mock-chat-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.mock-chat-head div{display:grid;gap:2px}.mock-chat-head strong{font-size:14px}.mock-chat-head small{color:#b4bcc9;font-size:11px}.mock-avatar{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffcb92,#bc5827 55%,#502012)}.mock-badge{margin-left:auto;padding:6px 10px;border-radius:999px;border:1px solid rgba(143,132,255,.35);background:rgba(115,103,255,.16);color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em}
.rank-card-preview{border-radius:18px;overflow:hidden;padding:18px;background:linear-gradient(135deg,rgba(54,29,72,.95),rgba(37,42,52,.95));position:relative}.rank-card-preview::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(248,120,210,.32),transparent 36%),radial-gradient(circle at 82% 0%,rgba(255,255,255,.18),transparent 22%),linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08));opacity:.9}.rank-card-preview>*{position:relative;z-index:1}.rank-preview-top{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:#fff;margin-bottom:14px}.rank-preview-profile{display:flex;align-items:center;gap:12px}.rank-preview-avatar{width:72px;height:72px;border-radius:50%;border:4px solid rgba(255,255,255,.75);background:radial-gradient(circle at 40% 35%,#f4acd7,#cf5ea3 50%,#7e2c87)}.rank-preview-profile div{display:grid;gap:5px}.rank-preview-profile strong{font-size:26px;letter-spacing:-.03em}.rank-preview-profile small{font-size:12px;color:#d8d3e4}.rank-preview-bar{height:22px;border-radius:999px;background:rgba(20,20,22,.55);margin:18px 0 14px;overflow:hidden}.rank-preview-bar span{display:block;width:62%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ca8cff,#8d59ff)}.rank-preview-tabs{display:flex;gap:10px}.rank-preview-tabs b{padding:11px 16px;border-radius:10px;background:#4d4f5b;font-size:11px}
.welcome-card-preview{position:relative;border-radius:22px;overflow:hidden;padding:22px;min-height:240px;background:linear-gradient(135deg,#302650,#2c3450)}.welcome-preview-art{position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.18),transparent 25%),radial-gradient(circle at 18% 28%,rgba(198,168,255,.35),transparent 18%),radial-gradient(circle at 88% 30%,rgba(198,168,255,.2),transparent 20%),linear-gradient(135deg,#4b2b76,#323d77 70%);opacity:.95}.welcome-preview-art::before,.welcome-preview-art::after{content:"";position:absolute;width:56px;height:120px;border-radius:999px 999px 140px 140px;background:rgba(255,255,255,.76);filter:blur(.3px);opacity:.8}.welcome-preview-art::before{left:34px;top:34px;transform:rotate(18deg)}.welcome-preview-art::after{right:42px;top:22px;transform:rotate(-16deg)}.welcome-preview-content{position:relative;z-index:1;min-height:196px;display:grid;place-items:center;text-align:center;color:#fff}.welcome-preview-avatar{width:118px;height:118px;border-radius:50%;border:5px solid rgba(255,255,255,.85);background:radial-gradient(circle at 40% 35%,#f4acd7,#cf5ea3 50%,#7e2c87)}.welcome-preview-content strong{display:block;margin-top:8px;font-size:44px;line-height:.96;letter-spacing:-.05em}.welcome-preview-content b{display:block;font-size:28px}.welcome-preview-content small{display:block;margin-top:5px;color:#d6d6e6;font-size:12px}
.system-stack-preview{width:min(430px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(155deg,#111722,#090d15);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 18px 45px rgba(0,0,0,.24)}
.system-chip{padding:14px 16px;border-radius:16px;border:1px solid rgba(143,132,255,.15);background:linear-gradient(145deg,rgba(115,103,255,.14),rgba(255,255,255,.02));font-weight:800;text-align:center}.system-stack-note{grid-column:1/-1;padding:12px 14px;border-radius:16px;background:#121924;color:#95a2b4;font-size:12px;line-height:1.6}

.feature-intro-band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}.feature-intro-band article{padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#101620,#0b1017);box-shadow:0 18px 40px rgba(0,0,0,.12)}.feature-intro-band h3{margin:10px 0 8px;font-size:22px;letter-spacing:-.03em}.feature-intro-band p{margin:0;color:#90a0b5;line-height:1.7;font-size:13px}.feature-intro-band a{color:#c0baff;font-weight:800}
.feature-showcase-grid{gap:16px}.feature-showcase-card{min-height:220px;border-radius:22px;box-shadow:0 16px 40px rgba(0,0,0,.12)}.feature-showcase-card h2{font-size:24px;line-height:1.08;letter-spacing:-.03em}.feature-showcase-card p{font-size:13px;line-height:1.7}.feature-showcase-card ul{display:grid;gap:9px;padding-left:18px;color:#dbe0ea}.feature-showcase-card li{font-size:12px;line-height:1.55}

.scroll-reveal.reveal-managed{transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.reveal-managed[data-reveal="left"]{transform:translateX(-34px) translateY(0) scale(.992)}
.scroll-reveal.reveal-managed[data-reveal="right"]{transform:translateX(34px) translateY(0) scale(.992)}
.scroll-reveal.reveal-managed[data-reveal="up"]{transform:translateY(34px) scale(.992)}
.scroll-reveal.reveal-managed[data-reveal="down"]{transform:translateY(-34px) scale(.992)}
.scroll-reveal.reveal-managed.is-visible[data-reveal]{transform:translateX(0) translateY(0) scale(1)}

@media(max-width:1100px){
  .home-about-grid,.feature-intro-band{grid-template-columns:1fr 1fr}
  .feature-spotlight-row,.feature-spotlight-row.is-reverse{grid-template-columns:1fr;gap:18px}
  .feature-spotlight-row.is-reverse .feature-spotlight-copy,.feature-spotlight-row.is-reverse .feature-spotlight-visual{order:initial}
}
@media(max-width:760px){
  .hero-mini-grid,.home-about-grid,.feature-intro-band{grid-template-columns:1fr}
  .feature-spotlight-row{padding:20px;border-radius:22px}.feature-spotlight-copy h3{font-size:28px}.mock-chat-card{padding:15px;border-radius:20px}.welcome-card-preview{min-height:210px}.rank-preview-profile strong{font-size:22px}
}
@media(max-width:560px){
  .hero-mini-card,.about-info-card,.feature-intro-band article{padding:18px}
  .feature-spotlight-row{padding:18px}
  .feature-spotlight-copy p{font-size:14px}.feature-spotlight-copy li{font-size:12px}
  .rank-preview-profile{align-items:flex-start}.rank-preview-avatar{width:64px;height:64px}.welcome-preview-avatar{width:96px;height:96px}.welcome-preview-content strong{font-size:34px}.welcome-preview-content b{font-size:22px}.system-stack-preview{grid-template-columns:1fr 1fr}
  .scroll-reveal.reveal-managed[data-reveal="left"],.scroll-reveal.reveal-managed[data-reveal="right"],.scroll-reveal.reveal-managed[data-reveal="up"],.scroll-reveal.reveal-managed[data-reveal="down"]{transform:translateY(16px) scale(.992)}
}

/* ===== V40 HOME REFRESH + GUARANTEED BUG REPORT MODAL ===== */
html.modal-open,body.modal-open{overflow:hidden}
[data-view="home"]{padding-bottom:20px}
[data-view="home"] .home-hero-v2{min-height:auto;padding:66px 0 44px;grid-template-columns:minmax(0,1.03fr) minmax(380px,.82fr);gap:54px}
[data-view="home"] .home-hero-v2 .hero-copy h1{font-size:clamp(48px,5.8vw,76px);max-width:820px}
[data-view="home"] .home-hero-v2 .hero-copy>p{font-size:15px;max-width:650px;margin:20px 0}
[data-view="home"] .hero-proof-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
[data-view="home"] .hero-proof-row span{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.025);color:#aab4c3;font-size:10px;font-weight:800}
[data-view="home"] .hero-proof-row b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:rgba(115,103,255,.14);color:#aaa3ff;font-size:9px}
[data-view="home"] .home-bot-preview{width:min(470px,100%);padding:20px;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.36)}
[data-view="home"] .home-bot-preview::after{content:"";position:absolute;right:-90px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:rgba(73,96,255,.12);filter:blur(30px);pointer-events:none}
[data-view="home"] .home-bot-identity{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important}
.home-bot-avatar{width:39px;height:39px;border-radius:50%;display:block;object-fit:cover;object-position:center;background:linear-gradient(145deg,#7468ff,#5145cd);border:2px solid rgba(186,179,255,.72);font-size:11px;font-weight:950;box-shadow:0 0 0 3px rgba(115,103,255,.14),0 8px 24px rgba(85,68,220,.28);flex:0 0 39px}
.home-bot-avatar.small{width:34px;height:34px;border-radius:50%;font-size:9px;flex-basis:34px}
.home-live-pill{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(69,217,154,.08);border:1px solid rgba(69,217,154,.2);color:#9df0cb;font-size:9px;font-weight:950;letter-spacing:.08em}
.home-live-pill .online-dot{margin:0;width:6px;height:6px;box-shadow:0 0 0 4px rgba(69,217,154,.08)}
.home-preview-message{margin-top:16px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#0c121b;display:grid;gap:7px}
.home-preview-command{width:max-content;max-width:100%;padding:5px 8px;border-radius:7px;background:rgba(115,103,255,.12);color:#b7b1ff;font-size:10px;font-weight:850}
.home-preview-message strong{font-size:14px}.home-preview-message small{color:#8995a7;line-height:1.55;font-size:10px}
.home-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.home-preview-grid span{padding:10px 8px;text-align:center;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.025);font-size:9px;font-weight:850;color:#c8ced8}
.home-preview-footer{margin-top:11px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:end;justify-content:space-between;gap:14px}
.home-preview-footer div{display:grid;gap:1px}.home-preview-footer strong{font-size:24px;letter-spacing:-.03em}.home-preview-footer span,.home-preview-footer small{color:#7f8a9b;font-size:9px}.home-preview-footer small{text-align:right;max-width:170px;line-height:1.4}

[data-view="home"] .section-block{padding:44px 0 54px}
[data-view="home"] .compact-heading{max-width:720px;margin-bottom:20px}
[data-view="home"] .compact-heading h2{font-size:clamp(28px,3.5vw,42px);margin:8px 0}
[data-view="home"] .compact-heading p{margin:0;font-size:13px}
.home-story-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:stretch}
.home-story-copy,.creator-card{border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(150deg,rgba(16,22,32,.97),rgba(10,14,21,.97));box-shadow:0 18px 46px rgba(0,0,0,.14)}
.home-story-copy{padding:25px 26px}.home-story-copy .eyebrow{margin-bottom:8px}.home-story-copy h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em;line-height:1.04;margin:7px 0 11px;max-width:720px}.home-story-copy p{margin:0;color:#8f9caf;line-height:1.72;font-size:13px;max-width:760px}
.creator-card{padding:21px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.creator-card:hover{transform:translateY(-3px);border-color:rgba(115,103,255,.35);box-shadow:0 22px 54px rgba(0,0,0,.2)}
.creator-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#7468ff,#5145cd);font-weight:950;font-size:13px}.creator-card div{min-width:0}.creator-card small{display:block;color:#968eff;font-size:9px;font-weight:950;letter-spacing:.12em}.creator-card strong{display:block;font-size:18px;margin-top:4px}.creator-card p{margin:5px 0 0;color:#8793a5;font-size:10px;line-height:1.45}.creator-card>b{color:#8d85ff;font-size:18px}
.home-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.home-value-card{position:relative;overflow:hidden;min-height:158px;padding:19px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(150deg,#101620,#0b1017);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.home-value-card::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-50px;bottom:-60px;background:rgba(115,103,255,.09);filter:blur(5px)}.home-value-card:hover{transform:translateY(-3px);border-color:rgba(115,103,255,.28);box-shadow:0 18px 38px rgba(0,0,0,.16)}.home-value-card>span{display:block;color:#857bff;font-size:10px;font-weight:950;letter-spacing:.12em}.home-value-card h3{margin:22px 0 7px;font-size:19px}.home-value-card p{margin:0;color:#8794a6;font-size:11px;line-height:1.6}
.home-feature-stack{gap:14px}.home-feature-row{min-height:0;padding:22px 23px;gap:24px;border-radius:22px}.home-feature-row .feature-spotlight-copy h3{font-size:clamp(25px,3vw,36px);margin:8px 0 9px}.home-feature-row .feature-spotlight-copy p{font-size:13px;line-height:1.65}.home-feature-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.home-feature-pills span{padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.026);color:#aeb7c5;font-size:9px;font-weight:800}
.discord-preview-card{width:min(430px,100%);border:1px solid rgba(255,255,255,.08);border-radius:19px;background:linear-gradient(145deg,#2e323c,#252932);box-shadow:0 18px 45px rgba(0,0,0,.25);padding:16px}.discord-preview-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.discord-preview-top>div{display:grid;gap:2px}.discord-preview-top strong{font-size:12px}.discord-preview-top small{width:max-content;padding:2px 5px;border-radius:5px;background:#5865f2;color:#fff;font-size:7px;font-weight:950}.discord-preview-top time{color:#979fac;font-size:9px}.discord-preview-line{margin-top:13px;padding:12px;border-radius:12px;background:#24272f;display:grid;gap:4px}.discord-preview-line b{color:#b7b1ff;font-size:9px;text-transform:uppercase}.discord-preview-line span{font-size:11px;color:#e7eaf0}.discord-preview-action{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-radius:11px;background:#23262e}.discord-preview-action span{color:#8f98a7;font-size:8px;text-transform:uppercase}.discord-preview-action strong{font-size:9px}.discord-preview-status{margin-top:11px;color:#99dcbf;font-size:9px;display:flex;align-items:center;gap:7px}.discord-preview-status i{width:6px;height:6px;border-radius:50%;background:#45d99a}.ticket-open-pill{padding:5px 7px;border-radius:999px;background:rgba(69,217,154,.1);border:1px solid rgba(69,217,154,.22);color:#a3efce;font-size:8px;font-weight:900}.ticket-preview-copy{padding:16px 5px 12px}.ticket-preview-copy strong{font-size:15px}.ticket-preview-copy p{margin:6px 0 0;color:#b1b7c0;font-size:10px;line-height:1.55}.ticket-preview-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ticket-preview-buttons span{padding:9px;text-align:center;border-radius:8px;background:#4a4e59;font-size:9px;font-weight:850}.ticket-preview-buttons span:last-child{background:#6f4650}.rank-preview-v2{background:linear-gradient(135deg,#392950,#2c3447);padding:18px}.rank-v2-top,.rank-v2-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.rank-v2-top{font-size:10px;font-weight:850;color:#e7dff3}.rank-v2-top b{color:#be8cff}.rank-v2-user{display:flex;align-items:center;gap:11px;margin-top:16px}.rank-v2-avatar{width:55px;height:55px;border-radius:50%;border:3px solid rgba(255,255,255,.76);background:radial-gradient(circle at 38% 32%,#f8badc,#c95da5 54%,#6f2f7c)}.rank-v2-user div{display:grid;gap:3px}.rank-v2-user strong{font-size:15px}.rank-v2-user small{color:#d1c8da;font-size:9px}.rank-v2-bar{height:12px;margin:14px 0;border-radius:999px;background:rgba(10,10,15,.46);overflow:hidden}.rank-v2-bar span{display:block;width:64%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c989ff,#8560ff)}.rank-v2-meta{color:#c9c1d2;font-size:8px}
.compact-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.compact-actions .home-action-card{min-height:150px;padding:18px}.compact-actions .home-action-copy h3{font-size:18px}.compact-actions .home-action-copy p{font-size:10px}.home-community-compact .official-community-grid article{min-height:0}.home-final-cta{margin-bottom:70px}.home-final-actions{display:flex;gap:9px;flex-wrap:wrap}

.quick-bug-modal{z-index:1400;background:rgba(4,7,11,.76);backdrop-filter:blur(12px);padding:18px;overflow:auto}
.quick-bug-modal[hidden]{display:none!important}.quick-bug-card{width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;border-color:rgba(115,103,255,.24);background:linear-gradient(155deg,#121924,#0d121a);box-shadow:0 28px 90px rgba(0,0,0,.6);padding:22px}.quick-bug-login-card{width:min(480px,100%);text-align:center}.quick-bug-login-card .quick-bug-icon{margin:0 auto 10px}.quick-bug-login-card p{color:#8d98a8;line-height:1.6}.quick-bug-login-card .modal-actions{justify-content:center}.quick-bug-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:rgba(115,103,255,.1);border:1px solid rgba(115,103,255,.22);font-size:20px}.quick-bug-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.quick-bug-head .eyebrow{margin-bottom:5px}.quick-bug-head h2{margin:4px 0 7px;font-size:26px}.quick-bug-head p{margin:0;color:#8793a5;font-size:11px;line-height:1.55}.quick-bug-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-bug-form label{display:grid;gap:6px}.quick-bug-form label>span{color:#aab3c1;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.quick-bug-form input,.quick-bug-form select,.quick-bug-form textarea{width:100%;border:1px solid #2a3444;border-radius:11px;background:#0a1018;color:#f2f4f8;padding:10px 11px;outline:none}.quick-bug-form textarea{resize:vertical;min-height:78px}.quick-bug-form input:focus,.quick-bug-form select:focus,.quick-bug-form textarea:focus{border-color:#6559e7;box-shadow:0 0 0 3px rgba(115,103,255,.09)}.quick-bug-form label>small{color:#687487;font-size:8px}.quick-bug-wide{grid-column:1/-1}.quick-bug-file{padding:12px;border:1px dashed rgba(255,255,255,.09);border-radius:12px;background:#0b1119}.quick-bug-file input{padding:8px}.quick-bug-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:11px;background:rgba(115,103,255,.06);border:1px solid rgba(115,103,255,.14)}.quick-bug-context span{font-size:9px;font-weight:900;color:#9f97ff;text-transform:uppercase}.quick-bug-context strong{font-size:9px;color:#9aa4b2;text-align:right}.quick-bug-actions{margin-top:2px}.quick-bug-actions .btn{min-width:120px}.quick-bug-actions .btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}

.scroll-reveal.reveal-managed{opacity:0;transition-property:opacity,transform,filter;transition-duration:.6s;transition-timing-function:cubic-bezier(.2,.72,.2,1);filter:blur(3px)}
.scroll-reveal.reveal-managed[data-reveal="left"]{transform:translate3d(-30px,0,0) scale(.99)}
.scroll-reveal.reveal-managed[data-reveal="right"]{transform:translate3d(30px,0,0) scale(.99)}
.scroll-reveal.reveal-managed[data-reveal="up"]{transform:translate3d(0,24px,0) scale(.99)}
.scroll-reveal.reveal-managed[data-reveal="down"]{transform:translate3d(0,-20px,0) scale(.99)}
.scroll-reveal.reveal-managed.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none}

@media(max-width:980px){
  [data-view="home"] .home-hero-v2{grid-template-columns:1fr;gap:28px;padding-top:52px}
  [data-view="home"] .hero-panel{justify-content:flex-start}.home-story-section{grid-template-columns:1fr}.home-value-grid,.compact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-feature-row,.home-feature-row.is-reverse{grid-template-columns:1fr}.home-feature-row.is-reverse .feature-spotlight-copy,.home-feature-row.is-reverse .feature-spotlight-visual{order:initial}
}
@media(max-width:620px){
  [data-view="home"] .home-hero-v2{padding-top:38px;padding-bottom:28px}[data-view="home"] .home-hero-v2 .hero-copy h1{font-size:44px}.home-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-preview-footer{align-items:flex-start;flex-direction:column}.home-preview-footer small{text-align:left}.home-value-grid,.compact-actions{grid-template-columns:1fr}.home-story-copy,.creator-card,.home-feature-row{padding:17px}.creator-card{grid-template-columns:auto minmax(0,1fr)}.creator-card>b{display:none}.quick-bug-form{grid-template-columns:1fr}.quick-bug-wide{grid-column:auto}.quick-bug-card{padding:17px}.quick-bug-head h2{font-size:22px}.quick-bug-context{align-items:flex-start;flex-direction:column}.quick-bug-context strong{text-align:left}.quick-bug-actions{display:grid;grid-template-columns:1fr 1fr}.quick-bug-actions .btn{min-width:0}.home-final-actions{width:100%}.home-final-actions .btn{flex:1}
}
@media(prefers-reduced-motion:reduce){.scroll-reveal.reveal-managed{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.creator-card,.home-value-card,.home-action-card,.btn{transition:none!important}}
/* Prevent reveal transforms and long inline content from creating mobile sideways scroll. */
html,body{max-width:100%;overflow-x:hidden}
[data-view="home"] .home-value-card,[data-view="home"] .home-action-card,[data-view="home"] .feature-spotlight-row,[data-view="home"] .feature-spotlight-copy,[data-view="home"] .feature-spotlight-visual,[data-view="home"] .section-heading{min-width:0}
/* Keep report button clickable, but never above an open dialog. */
.report-bug-fab{z-index:1300}
.quick-bug-modal{z-index:2000}

/* Homepage feature choreography. It replays in both scroll directions because
   the existing observer removes is-visible when a card leaves the viewport. */
[data-view="home"] .home-feature-row.reveal-managed .home-feature-pills span,
[data-view="home"] .home-feature-row.reveal-managed .discord-preview-action,
[data-view="home"] .home-feature-row.reveal-managed .ticket-preview-buttons span,
[data-view="home"] .home-feature-row.reveal-managed .ticket-open-pill,
[data-view="home"] .home-feature-row.reveal-managed .rank-v2-top,
[data-view="home"] .home-feature-row.reveal-managed .rank-v2-meta{
  opacity:0;transform:translateY(7px) scale(.98);
  transition:opacity .38s ease,transform .38s cubic-bezier(.2,.7,.2,1)
}
[data-view="home"] .home-feature-row.reveal-managed.is-visible .home-feature-pills span,
[data-view="home"] .home-feature-row.reveal-managed.is-visible .discord-preview-action,
[data-view="home"] .home-feature-row.reveal-managed.is-visible .ticket-preview-buttons span,
[data-view="home"] .home-feature-row.reveal-managed.is-visible .ticket-open-pill,
[data-view="home"] .home-feature-row.reveal-managed.is-visible .rank-v2-top,
[data-view="home"] .home-feature-row.reveal-managed.is-visible .rank-v2-meta{opacity:1;transform:none}
[data-view="home"] .home-feature-row.is-visible .home-feature-pills span:nth-child(1){transition-delay:.12s}
[data-view="home"] .home-feature-row.is-visible .home-feature-pills span:nth-child(2){transition-delay:.17s}
[data-view="home"] .home-feature-row.is-visible .home-feature-pills span:nth-child(3){transition-delay:.22s}
[data-view="home"] .home-feature-row.is-visible .home-feature-pills span:nth-child(4){transition-delay:.27s}
[data-view="home"] .home-feature-row.is-visible .discord-preview-action{transition-delay:.2s}
[data-view="home"] .home-feature-row.is-visible .ticket-open-pill{transition-delay:.15s}
[data-view="home"] .home-feature-row.is-visible .ticket-preview-buttons span:nth-child(1){transition-delay:.18s}
[data-view="home"] .home-feature-row.is-visible .ticket-preview-buttons span:nth-child(2){transition-delay:.25s}
[data-view="home"] .home-feature-row.is-visible .ticket-preview-buttons span:nth-child(3){transition-delay:.32s}
[data-view="home"] .home-feature-row.is-visible .rank-v2-top{transition-delay:.14s}
[data-view="home"] .home-feature-row.is-visible .rank-v2-meta{transition-delay:.42s}
[data-view="home"] .home-feature-row.reveal-managed .rank-v2-bar span{transform:scaleX(0);transform-origin:left;transition:transform .72s cubic-bezier(.2,.75,.25,1) .24s}
[data-view="home"] .home-feature-row.reveal-managed.is-visible .rank-v2-bar span{transform:scaleX(1)}
[data-view="home"] .home-feature-row.reveal-managed .rank-v2-user strong{opacity:0;transform:scale(.96);transition:opacity .38s ease .3s,transform .38s ease .3s}
[data-view="home"] .home-feature-row.reveal-managed.is-visible .rank-v2-user strong{opacity:1;transform:scale(1)}
[data-view="home"] .home-feature-row.reveal-managed .discord-preview-status i{animation:none}
[data-view="home"] .home-feature-row.reveal-managed.is-visible .discord-preview-status i{animation:homeProtectionPulse 2.2s ease-in-out .35s infinite}
@keyframes homeProtectionPulse{0%,100%{box-shadow:0 0 0 0 rgba(69,217,154,.3)}50%{box-shadow:0 0 0 6px rgba(69,217,154,0)}}
@media(hover:hover) and (pointer:fine){[data-view="home"] .home-feature-row:hover{transform:translateY(-3px);border-color:rgba(115,103,255,.26);box-shadow:0 20px 46px rgba(0,0,0,.16)}}
@media(prefers-reduced-motion:reduce){
  [data-view="home"] .home-feature-row.reveal-managed *,[data-view="home"] .home-feature-row.reveal-managed.is-visible *{animation:none!important;transition:none!important}
  [data-view="home"] .home-feature-row.reveal-managed .home-feature-pills span,[data-view="home"] .home-feature-row.reveal-managed .discord-preview-action,[data-view="home"] .home-feature-row.reveal-managed .ticket-preview-buttons span,[data-view="home"] .home-feature-row.reveal-managed .ticket-open-pill,[data-view="home"] .home-feature-row.reveal-managed .rank-v2-top,[data-view="home"] .home-feature-row.reveal-managed .rank-v2-meta,[data-view="home"] .home-feature-row.reveal-managed .rank-v2-user strong{opacity:1!important;transform:none!important}
  [data-view="home"] .home-feature-row.reveal-managed .rank-v2-bar span{transform:none!important}
}

/* Final responsive safety layer: contain wide dynamic content and small-screen dialogs. */
html,body,.site-shell{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%}
.public-view>*,.product-panel,.card,.hero-copy,.hero-panel{min-width:0}
input,select,textarea,button{max-width:100%}
.modal-backdrop,.confirm-backdrop,.site-modal-backdrop{overflow:auto;overscroll-behavior:contain}
.modal-card,.confirm-dialog,.site-modal,.admin-server-detail-panel,.admin-support-detail{max-height:calc(100dvh - 28px);overflow:auto}
@media(max-width:590px){
  .hero-copy h1,[data-view="home"] .home-hero-v2 .hero-copy h1{font-size:clamp(38px,12vw,48px)}
  .hero-actions,.modal-actions{display:grid;grid-template-columns:1fr;width:100%}
  .hero-actions .btn,.modal-actions .btn{width:100%}
  .bot-card-grid,.home-preview-grid,.receipt-grid{grid-template-columns:1fr}
  .modal-backdrop,.confirm-backdrop,.site-modal-backdrop{padding:12px}
  .modal-card,.confirm-dialog,.site-modal{width:100%;padding:20px 16px;border-radius:18px}
  .site-toast{left:14px;right:14px;bottom:14px;max-width:none}
  .panel-head{align-items:flex-start;flex-direction:column}
}


/* ==== V41 home polish: cat avatars, explore upgrade, ticket polish ==== */
:root{--home-automod-cat:url("data:image/webp;base64,UklGRhQQAABXRUJQVlA4IAgQAADQWQCdASq0ALQAPmEokUUkIqGWCmZwQAYEs4RIEqLerETmfUf/k95F/N+hmyADo4LXu5U/x/D30Oih2qfcwSJw8Nh7cK4tzsvhA/PPUR/W4Fvss90GVjxbqan16/gY6xPm58EOyLCos9vLXwMB1WKjddsD/MXfO6GOC2pHT3lIs0Q3iojCdw4jXBobY0iuGe6TUyZ1RHfklZW7YkFEamaD+cfyffnTxMmKjDNbj6N/Ynj//z/GyDsHqYx+dMe5XnqUf/9sDXX+G3u9ycBZfaEzkz+W7i2SZZaR4Mu1gulW5OT3UAMPHV0heskJghif0c5LMfsLu46bFzDcV02HzQYjjHY9wfUN3GYNvE1N1ammaILb/27lEtZmWoQHtNoNcn2Seq36UMPBSu1D9otVx8YW50AD/JX9Hr/C5I5uczqW9psdT96NKZdkzt/9ygKrGf9vHw1SKnlJN2RfEocjiVxGSYswoT8Y1+HHPDuUKb7QHeENVjjDvh7okoUKCc7M2a5qev52Y/Gz0GaTLhdDLcrt0uhxvWJ/8t301NR97UspuxuGIpUinOKtYC7P/Xl74/i4tWN6a26RQYXBBW62FKQvu2et1KWxFW9b0qoVHXiJUonHA3pWCB36BjYiUjAwIAjfLIFbUAAB8Jb7r6BjTnoshIkIeJYhILq6D4XrpHv7EvWtjsxGUkaK3HWH3cLes2DOm8/+r8ALR4G9QRL6ClLI71GiWeatxJgLdwvbUjmXR4w5Rql/ctYQHZLXnBs6lVNyX+HZ6T0o+yUv3AqTH9ZY8zEePOtvNQuv0Mdhj3DFmQoPZH0s/+HBjvaT3Z8siArX8s32urDPYBgVC4rE73ph8ANOOvCSGfPr+MVs2O3uOpWfWsaYtKD/n+QZVndG6JMjluNL7JqYxVEFGEW0unlZy5HmdqPgMZFy9g4Nju1TbPEB2cCZhME97yusejfSHwPry4vY39OgAP6t4JxxsY9Plv75mVoSAqAhtX3fyezegpDz5AQ7EAS/NDXkdqRHiVcUr+XimuxwRW57mJrPueb+UId/xFS32v5GlZgtXkVyl298IHZZlujttBLfPsrmoYQRi66ZIKPbkEfx8qdH+6VRpDEKGTSshq+JgpmzloaNqDBQhawNH0itBiPggoIOHHiGE5f4COsLe5wckP8JO3iDtwX8Hp7yL5nbM4LSDbAEkyGEv0N1GjE1obGaerbPDU96jPX6Eftv7rVOv8z0/csQ5wcZsZBPFdh15DUCsRpAEtNwnFCVLlcw2sxF2guOmDze80YN+3kp/fwJtX2DPwl8pTAWgnleTSwPLvFZfIVj42+y2HUR2UeX6DjFiyBCr3O7Q4MufblfAJb2SmwnvgRrC/74IXw1Ux1O+tq2ljWKEqbCvBnKf+uNcSWB25XACOoXpYw22UKG9rrGSdsMYImvOHT8xyyhEHhp3LvW70VPFSAA9BHhZu5DpEBGWI/lHNRVeo9VjJhWlcU5P0k6l3W5XspksbB/koMxGHDXW4dnBtNbLnvCbCMNJcWLvxkZp+XOqF9Q5fhUcZwqlhZVfhT+4/tbgftUnln2Kxx57Az0c8cky8QDlRYdRBAzVCgKC5J1ydi8JfHxr/CIvipMepsote2NqlplNh9vmSLguavyWMQ/EKZlfPTcWax2QCuZ3p3cHC5x8AE1fWg4ngMfmApJ92ISaw8wTFX2yB+eab7Fts7k77l47OvMzUd/ZyfZ5iy70wvroS+IWPkQOm+BTz89zJQ+4OUkvEnk1+xbePzAuOYsHwSI0ihVnb8iwolV0M5a7p6bpEkV/HLZHYErVZOJHZnCamKm42tb+YoAMKlCwGeQPGnUNfpc50YlycMMwc+EGJ9kPpFyQzV9KR7c1oGjD3yW7YIxZ19SV9ebdMqTxNCKUp1DULOSNWsPlqbeaNGrV3+7ULEw0GZ4c7MskTkPe8bjOt8OxUZn2N2FR1A/ljgMpj69cRP0UAxnkm/qyuJQOZ+6OLcLczsSXA4EJtQvdpSWcSI8TMaTyQ9wbiGb5g5gDEDmWosSB9B7nrBvyXBlLJDi+/DSd2YXtSdkcaEu1YL/sdqB7jPcSurH6V2mUFWd18flzm/n+E3OmbESiUz/m/ZaAtYAfh9TTkWh9YkDemiCiGE8X336NMO+uAjnWf7r6tje/0zLtO/5hg+0UVyHZp723owobSHLCFQwSy82rbbF4WiF1P2iXHp4aW0UBeSBEMrFS1uhFK4qrkFm+UZjEWoZy/b6kJBXqRViaj5ny+Dg/jqGM+tHE+ArmrlM9y22yW2r2YpmNycJqmvBSj7B0F/Nfm1tmGjVYxUHoR9LWLUo0NvPFBvWGntbaOxIS20CghtJ3KQydkeWKwqNxZchFKjZc87ENJKtfLJHueZSfHTrsa6N5aEyCQldyaQPgXEtGdxr/5GsBgdERoGMRllmR6NsWFHS9W9JcXsBGrUu8zT2Y6GYqHU5w0qADQ4tJWxbTfCGjT+04QHYXhUz2CQfL33qQR4fUHpuojrMfMN3pexd5ovOmPnXd4cF3znVE57gSe3q2yl7ji+5z6xL30rQC4gzYg9Kha5VXGf/NXmzcVTzLbcc+zL4n6O9vEIE65UtJEhRaMa4a4nzB2t2GvHAcKlgNGJuWuWlafpIFe2YwFfy/xk/m0P4MV/NDcWqLCu1Q0AUx108SRsS+6HMIeiQpNMLfqPqWdjbCqRVAey+PYrxdwKbuQmog4Dx/DyGCdfCN0LsPndbOAEv7t0q+l/Wx18WlLAy1IF4SUexWqOjQpFrJiIBEaUrur2BLTbjVRMPLVLfl4aY3N8FWJFeWYgAfblJpV0Kkdjx0bdTSqvX3J2Xnxny61K5jSh8NVTbk+++u2W46GHfbHffba9vP7d/c4n3dDCGPxt38IxvVdV+f2WdP+Kmlyaorm+rPfMioATtetGq8YA2BwC1Epwt7BSjmUW7xmXHFW3JFKhb+DYoUl/0tW6fCQzfrVHvQAST9WBM2yZAaCtfxqXQKRtVG+VMgiXeKKl9MP7dV5RCS6H6q6ellF9Ssx4QTfTlQKjA+xDd0xP/Kth0GjluvQjbO3CvUCtaGCc8IdwCGksigr9Para2hozYtaTiLexmm0Sq+/WI1Z3XfxzzKMHo2PpyWoXleZSOvqpkO4Wv/bfynaaiwTrM672ASGspKYA4frSGw1cGICw6P/WHe13tpz5SH0ZItUl0yrS1FCIr1lHm48Nu8K9MhiWtIor896X2nn9SVUNxavBW4RC+ofIunxsMIcYkZkQsKtrhpOePlta7WUU0zlmZoUK3A3rKcX63QYvTQujK7Y0qaJMlKpVlD3SLeOxuKjsbXxdd5Bonv+pvrrdi5flBGhjXYCh+4mrGV2u53nrB9QB/A31YADY5hmt+/cuTYwwWjnrhLxgOGTCzECdmD9Nl9C/XUdh/EpCrzSrxDtgz3+jcz76bwHTaKcY44jcgPGAWfLtGSa1cYUidheta5U07dtuHW1cf846dkrSMdmFXMOm/ddXSux6c+7qG0Tp9liOPBdSiM/5okDlsePvckMX4NZXUeU8YtbP9g+TUdcdEdkxbDWE8qulSBknwWDj5o13E+QUgcJy15HPDd0mAW8fRvd28z78eL/yqGTr8hO5ijPbokrz2bhGRAlwP4+LMcftCY2isN1O1MFmaNIi7WMxbPoQqHlW8fM9qyz3ATOz5bEnM+7BKsw20kms04i860/6+nKJ6Sad3tLWYnUxKP+gt3YOX4hBd+EcKXKtxdfIad1tZa764UIVOl761b32J3Gpzp1ynavgwG+gSSTbj3pgGfRTOVLZr8+yS+56AAOytAqk23HFgnId9zshed3UnbL4vfit1cXJOR0R38AzotcjJNrwZalnaHpjPfnxN/01NG7NB/klx3N1WxqHWcVfEu3f62cKv4PKTrwyrKL8TGsCfBUFjc0p5EUvAoWUFC59AIHXzQ3MNF2IehCgxnbWlSsHfbtSkJ2PwJ+if3wuaDvgLQwWog31ZVMPgGFZt5qr9+xaOzweqV33eU+45mxTm/UcX2+M4pW5bdgPE5iT3pP/wE1KoVSFYnuOpKNer6/rt8eVfu+kzI3Y2TTplypqVHfEeuZjgDeYbUO+EwgTMc3ACUO+KeL/2IwFtHeup3jL1RKvW+laUHL8khOCwoXWb07zr20pXSpmIknlfWgl29wiLHa45A/KntNNP9+ZpJdCyfiKYzqk5mKEZZ2jCR/Ss89xfq6SEjat3Q95+WubvtsE0IlQu/7bimaNYpYoFGi0C4m7UGZrRSqUSsqqaIR+vrPXmWJYKTVMfa6nckihlhuMQK1mESJ//t+8sf6mpBpfeVVx81rDllA6rw8WE13ypjXjXLvaO3i9OB9yijdGuijC2MhtMAGoX/v6CgiKDwJCUA2BGHV2t1rejNzg++l3386tm/evaBP0DeqmcKtjN4NYwfxJua6Fw1vCRU9DzzJK9Wn9qAh/lKp9lN4tpU8JNHGikBUV+4l9P4W3I1zZ3ABcSx9RYF6RPsjFbdlIJ4uQT0g36qUmx9iXsdQuJsP/L7GY0zyix547+rQGTzcHkQuLMZW9ldpiMZUHQIsVjtyF1q3hqNlz9lbC9tO22eWVoYIufHdRzQyECH1m1kYvFgnurAZdtPpLgA6tvXokq7OCYLToKZUmYAdjqeIYPPl1blIt1B6zzBsbcd0pUCkeAz7Tn5RHt0pAn9G0oPoiaRQp9niMwCzwD8fu5+WIWCHt/k36obnNriTYc22gjlgA81W67vm/7I5/Xfo2wJpLeVk5YTQyQb8lasgCa7pm7mTQLhLfHpwTYBsXXnI6APd+2MLN87q2+GBHuBs4QOuS/6oaGX506AaHDhdVmbuYtj6XQX9HE2mqv7DXEqurB0nSGXfXOdTFwZ78osabXLgtNM0q8ImLSh2dSvRJHd5R/oB/dcHR/4/6ldq7EJ9GJXc2Yjf7DfMkndAKoLC11UmPz63QhUKPYuqEJ/TaP1sTLDnWT+Wzn9PtaajG2W8zWvCx/YjAreZ/iNuL9ZsrV1QAhxEowIYc5HKA+rdjC+a+gLp5ex9fq6U27Uj9CF0Ou5zzSxHQi0z4Cog9iWdOmrn67l26BMlE1BHKb4MMwLK0+2j15xKzv1nasPreT3apyw6CkNNwFU6MaBoreqbNEYOr0VqOuPbVJK0L2G4d8iQMi+3MFJpwziIjC/SWG3V+19dmMWfJZRjdILdQw6iZvUb1jLDH7RK4ygBuNTHxFe5E7mscO/PGB2VePbr4m4jVNfqZ/gawDKtsn6gTam04+a13StXy2QivmTC8LYf9XYnE/LW8v1iFf+rygzT2nH7xsGx1TEt92nagjAsjmtibNFr4sgSLLSrnv+YZcnULviwEFXA4ovXBHC4PtPN9krImrI6uJSU4cXMn7NHQ4r43zQyhUAOZWDu7oLZCXxA5PojwKigQvAD4AGuLUlHLPymvTY3N5/NtZ7B0+AAA=");--home-rank-cat:url("data:image/webp;base64,UklGRjQRAABXRUJQVlA4ICgRAACwWwCdASq0ALQAPmEwkkckIyGhonLtCIAMCWUAwRAmmjS6uTfP0UsKVxqyW/zBx6OP7lttLCDIX8tFpotdbMbPSDm0amQT5xW1oifz5Wc+Uk9vdnprYDR5Lw9jmpHJpxyuUcsP13f8wNRZ79TksjZXjlT39ALB3gbAioVwU/SF2AX/hya9Gvf001lQOo5GnLXms0fyzAD3Bu5siXH6gEepLMQHhU+ZEP+g65F0nN1sLdpXUUFnIJ+D7g6x561w/DMn4bUv4Z++2iwTLKCn693w1yuA6EJs3aSvFKNV39yJbv6Kie02QVn6UgYX0bWqPw8EOcZj3UDof2hULAa4teSGsKMdjVTPNWkzoebz26mdTAQJSPQXi+qkbwiJuar0P7LzN2UyCW/fUcAxgBEdPV6FvzrQgCu02nX92EPO/OzypfO7JYq+QhJ8Jsum1y3Ik2G9319eV2PW8za1sEMmPKB5aldqPg9RjPig25ygFdekUSqkUwwj59fi6Fo1WbqOkykHZdxgV5CQ7pP1kxVDbkeg/HZO8Ljv3F4PdDc14PDfOfNidOCh9AmyD2Dvvfi6Yy0RK2Guf+TDscH9FiwNUCTDk545cdLNvi1k+sYb8bFvRXl3YSXC+PmOj1nhjXmOy53zbXJdvFZ138cl7VZt49by4B4/w3frhdfpavCdtFefHtTjZ5MJl4cSNhF8TcLXwRuWbnxGkOmFS1v7+C2NAO6BHrHK8JKWlz+n85c2853VHERcXwrwc6U0CySay8hTOQV9/ktZO7OS89flzppqhAW5mhm6YGcgWkMYvJ6eh9ev22LKjcOMOQoEm5XzDfVq1kZwrCpZrGc/9feUjBrXExN9wyPYWa8trb+tZpsxfDT0x2d3ul1LiIaSzpu98mXnfLk4dIoMMXfHR0KiXKMLtQEUMFn3LIChi/zS7bMPBahrkbqOoqsOA6lAS1m6Egd+13hlqR/eI6as3ekhhtcORQJ1STjXXmpgAPq+Kl+9MfHLHVId1aACC9yq8j1hQWO8gf1PvlVqf1VO73mrawEEpucrD5oPn4F5rtNglAeJGCjCWzgZRvJxbuUeMwUafJNqGUhV5zZdzANKoP9zOYITCcROSOb/Zll4i+S8+aOnq63FBex4LLARcxR4Or9booLaMfuu6Mvo+x5KJBpLC7usccMGvXQY8ObWCNd/AL1eEi/TH9G294lSyTSDvAJ7m/4e6KqKJ7tju29PXQoLJ1DzozqIf7Va1Tv/9yyKHWF+hm5oYg7VsYEOjteov324VrDR3vOibvHSS7KqoO1IwJVYO6AS1WC5CMqYCtVPbuozW+wwWY0N7AP9cuzJBFRYq9F1Vkv01undZ+14jVure+z9w25Gds1+ffPsTc3CihfFecm+QQDguyz2ZATVwpFwMC0lgZ1l/L+hBWwjl/Bc1y7SzziogeDTON6dETxRXKaHaAtolEZKfqSmN1fKKHTAi0UOLI2md82QRom54XG0P7RCL3b9uKP8MVR8Fsd0ONRXSpu1yt69cbHUuWoHH5BVvS53O1cngK1N6NLck509DDcK271QuVKALFJLA3GS8zicdDqoV4lMh5WFAEirPfnaYu8D4L5HF2tu96bWGR9xLaH+mFK5jfuhqTp5F8yBxUVJ2Iae7pjIhYEScd7AWM2M5jYZQ/XIvJXpCzoDF2WuCvYXzxipUWcN6HGATFSn3TUVeOGo4b640SisnB+f+JbN7CgIZvkYHE/0aov4RjyVTuNLD2P7iUJuKanH41Iew7mHue5qH903mb4Grw36cHkxNFyel8+lqSwUHv8VrVDMSh26AD/y4aBp79YEVFIQMiLMUtI+v1CTa6VtJ05+pHpVuUDqxVIZyuEBfFiuStlaKLDs9KftfUKI7Mp3aHSpyOC8LwHna0gsuNS+F52DWUX4wLgAfCbdSSMYySnEgKw+iMV3kVJShjCyxtoKhgCtNKRCSrtHRbSgDD3AMDIaj1Bdm7LqIvGGILTmNutGq5/64xTKS7Ivyqbxl2/DfLqWj5Lf7uOyf3NLJQjzJRuIIFKUGGe066WrJ3lXTGvbYeP5TUOgGBR+lqVzzmnsjfwtzpllSEJbqCnydP4keNN67wPbHgmlfRE/sPYfvonlWFo9KUIWaWrHzL5lYQNDGJk6Gp9y6EP4oWJJQ2EtoOAYPkz26lUss8lKRdqH42fePXq2i9s+5PibD7klMSg4OGN35SXbrN03W4sWiqwrcczvLkOXkDDWZ439ttsBRR5XvlP6RLnIbXcySjd2l5bTgwE/3PXN8TZilv6mj4w4bZv93gyzqG6boTYlfyP/6EhD2W7T/wbcf0WxCQDExcGvyZmODhUcpMj6Lf25TokR/phUesO+vp6lhraqSqZqPk97P8vQFl78gblqAofesoFypANui0CUPeShE3J0iTEj4R6/+MikoMeMu9dcPi2ZhUCwU77xZRx+EX7EK7WGcjy7pU8b7WZJIEFKK+REgk69NjittaXH/Ki5my5Z/KygessBD/ewRy9EMzkFgdFBYVdMCDAI7O2yMYkaFU+Zo1qCsTrez0IDlPljDOt90G3Sq7sGsTxL2p4yl7on7MPfcRuS0P50XdSQ0vn2FOi4aiGXjbih33oU0kTuBBAXnrCYCRuCXZjg+TEAcytIUzMXFs5oULaEKQodMMB5naX3I7IBh2CNQVcD22ePZD8c7VtaLIp569jC7Ka0FS2vlZh+o8m5nNCtyDl4wlfzfmbSo4l+YLNP743yGPVnE3RfGxYOPItxaXe4UXMAYCiSVcXtE0Y+nh7Cf9VcQU9uSG0vgnP4E3Bdpa5i0oN/YT/LncX+hdRkJgOWIAi4cwJDJB/5b2fg7oLu0jc2qCPeyP0RZFL+REr3PT3ZNUl58U6+5LAc1riBBeVEBcD8UVOdM2EjlAPg9eNzSq8fvVAZt+eWk/KsMfD6gl6Hf9VkRlgEw/z6Tq2wweBbwt7mpoNe1+oJ90Ggkh1XZBLvVtcUWb8Ww0loi+0wwx0x5HIq+Hb3TTNN4p+GfgOaP6/M1G6QwM2EnPwWlKjoYG5XXpoyHhuji48IGpHjjjIpq/qmnkUiQfLczpzQsMYmuhXP8cBece9pO0RPvxnPyLaTOV6uiuJPgVhgM3rgaBuEA4Wz4HD0+hEOqVAhUQEdT+USbl2JfooKDUchIKAWo7M+5r22l9F1N+tCFPw740eImJH2DC7H+3ed/3KPrZtH5RkqiyPsbu18J5fnyU900f0a1Wx/3jOTWfKdXs8BuV5xp3FdkJh1nK+LjyFDOv/cBDRSQ8c3HpvorlFhTEwSpQ3t4Z0de8XL7Il7UI0wTTWAvf/ZQyNjAJdPFxM+viiJE6R91UDBbGE6bZjZfcYT5Pefg6f2ANCpL5blyqhjWIAoY1eoyedVN9Yfw56ECHzWgyX0txKQIuON/OUn4DzGxwNkylSTjOowUU/R7vAIQhnTLxiPTEMncS6NwYci86sTZyCuCEwO217POeS95zbBhyZTrpxUZlgzmQ3N5vs1eEH7ot/xVoHgCRJdx2ChaZq3xa0GnNSRsGZm6xMevxYb5zsqkMr+MDZy6IINe0kodS6G1X4dlIbGFbG0ZAEmfdpWVJdeyRvqjkYNet3LNcpscqHQJ6Gu6km4D70CkC+naWXOxJ5J6v89IJKnfMC0nbaP+cmlobA1H7Ye+sbDmSb/303jYtjqG1D7zXnl4zYWCuAsv04UTL5vfLc97GzlvUWAQ0KUhHsHqHoXHxdkD3yApjXrHt0q7EGq3lS6qR2GztoPXfKKM8snPO1d3T90YeYhAE+1p6dZsTbUH3Yc0WvBxo52vDRMg40tuNva5g5s2Py1EkJpc/aOqu9NTOLY5hm+KqSQMSqi8nBFu5Pgir1WvapjsbBfO/0fGgJoOSy5LtRUrFcSIvhPExRAsrL1QuPX0X4PRjIvnwd02qwMpDg7lPciKrvYbg7TqMO1bsGo7FOfFnx20EntGv5GAxThEaJ57HiMCZCPncSTB8rY9/zb7McXxyg/IzgMV1nrejk2kPwS7cigPerAaJp0liUKREafxaSMUhLqqetEZkHWG9/69RV9JcYMT4JSYmdQOvTQPDljaw8O2iWC9yUT4PnnDS6AO10Mdl029Bn58u4AAyVQS2DAOpGNs2daRMjbqlseAcbdsx4+sgD0dsH5VzWdE9Oc+PIkYtCt5Co68ssVTTlwBYQpykLtiJF3Ic+Ej96f+qE6sVmCpWuoMkbLdATRet9+c0YLjqul9Xtu2Qq6BFvEhXIGINXtxokg21DU5OcjuGjQ4i6WXM0I6o6yMxNrx/ivtAYwNQWUizhVuN11lmOvZUvEJ8VuwtPjUvb0QMafogvv4pkeMS2CySTjIKlQLRPk771vnhPlkdJffCiLgntFvhbkUC0nBkuC0HumtauU3C3HIz106dCjxvXVXoRwqgRYHlW6N6Gq63KXvTNOkTVHgvu5xhiAg1Zbg45NbDOpDCq2m+SvCATWdWuLSACSBEKWeVxXYBYRhh+g4cim0VQhkXPMge8L6LoPEv77pK7tgxrMbubzvd/GZNM8RBnn9FGrWdX45bzMT2PtMSKtKH1AeYIQo+3fT8quovwKpylg/1ucEJY+TTbnqfEALwUBVNjwHyTDgueZDS2NGlQvME6vaM21BM35BMElb4oX/SiYRXTqVvsU2M7rm2MP73lgoQv3ffDFPPnRosRH+2Lkg71pBiaCCbU4pbq/eDqTdeNMs4FQPBJ2/MG7MDSUF9nt8Xnf0ae5by0wIRhAttTm+WOewiIt671dx0EWdyapp8MVc4QRSygYUrmPveP+9hX2BHKM1BhRjGBlCR6KKQTqhIIyt4Q72P1HST8MGkiBBUGmEyG5xLa1VgAyRi9XHramRaZSiG2whJ0kbM89iVPl6RKfW7k83Wk31qR60DQYB/nrTVKQTpYU/p++YWSnIeaIfhylil7+dEnaufbI4AaJsGemMd7qhNKjNzkBh1bJwM3uxep55evmAam1aa8vAvPbT6ZB5yXWLUHDOGQK5QBCzhnbrafPvXssplXqbrxI/TapXeas959I+3mEDHVpkVuV7qlbnoSzRFLYEclxJipae5w0dNs3IOno72iIphwMj2wKQVh/6yDZc0PJXR+x+23mURGng7q7JqUGaWzp32g73wy/B5PERL7Q0jaUQeH6CaZkeUm1GK2GJ9m8bbLFPip+Hu/0vt6rHzVkVeTsECnHtWq1VIc56zCY73+MLMl3KV34CMg35zqiSc5mCcoyKWpIcHxpE+O9D85ufp37X8zrr+EjeiTYxEC8kRJ6q3ComSICuUp+cgDQDQlk6jTrVquxgqw47CMeEd00Oa4TCnVdNfVr99zLUkJFNlpa+rPDl3BwLgFYwrdd+RkDvjIr446sZ7Hi6LYtu/qJ8HfUUUsSUckDW16mfr2HirsCF80dAQ5noPi9GQ83Dl/NMRHcZvZ+RUFBtWXy2SIUC3Z7qa7C2eeJ0/ij/Jhu6Jwz70PsT6ZeOmxCQyI3/JNvhKB8/rgFfnuduw6/rNxJijk9Nq0bI6jq4xXpR00rA8Q8bGUzDrk8j+wkFPA77gTuH8eOvY+mOdv8x65f8kUPNjBWuy75SUIbS7gYO1PYF21OS0fgIhAA8D2EmTMAEXP27P8PnSeQWiY7fC/ASqUT8VgIgfBu+snjSgxx8FBcYzWM4ZdgxS3faM05ggJ+eRDhIBr9nxUUi4b8/bFVmPSQWL20TzlhM10QL/+iua0qC8z/ZvQg3SrIOUsjz55jnI1mY59ampMmBJ7VBJAt8K01yVMs8XdrEZFfyGqNwsR4pHuNIwbxlMaIsmZp8HGXqWrmlhwjwXB4+19C8Uybyw0qhTyVYAYAAAA=");}
.cat-avatar,.cute-rank-avatar{background-size:cover;background-position:center center;background-repeat:no-repeat}
.home-bot-avatar.cat-avatar{border-radius:50%;border:2px solid rgba(255,255,255,.72);box-shadow:0 0 0 3px rgba(88,101,242,.18),0 10px 24px rgba(13,18,29,.28)}
.automod-cat-avatar{background-image:var(--home-automod-cat)}
.moderation-preview.polished-preview{background:linear-gradient(150deg,#303541,#252a35);position:relative;overflow:hidden}
.moderation-preview.polished-preview::after{content:"";position:absolute;inset:auto -45px -45px auto;width:135px;height:135px;border-radius:50%;background:radial-gradient(circle,rgba(115,103,255,.22),transparent 68%);pointer-events:none}
.moderation-preview .discord-preview-line{background:linear-gradient(145deg,rgba(41,45,56,.96),rgba(30,34,43,.96));border:1px solid rgba(255,255,255,.05)}
.moderation-preview .discord-preview-action{background:linear-gradient(145deg,#232833,#1d212a);border:1px solid rgba(255,255,255,.05)}
.ticket-preview.polished-preview{background:linear-gradient(145deg,#30343f,#262a33)}
.ticket-preview .discord-preview-top strong{font-size:13px}
.ticket-preview .discord-preview-top small{font-size:8px;padding:3px 6px}
.ticket-preview-copy{padding:18px 6px 14px}
.ticket-preview-copy strong{font-size:17px;letter-spacing:-.02em}
.ticket-preview-copy p{margin-top:7px;font-size:11px;line-height:1.65;color:#c1c7d0}
.ticket-preview-buttons{gap:8px}
.ticket-preview-buttons span{padding:10px 11px;border-radius:10px;background:linear-gradient(145deg,#525764,#424752);font-size:10px;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.ticket-preview-buttons span:last-child{background:linear-gradient(145deg,#7d5360,#63414c)}
.rank-preview-v2.polished-preview{background:linear-gradient(135deg,#41304f,#2e374d 62%,#242c3c);position:relative;overflow:hidden}
.rank-preview-v2.polished-preview::before{content:"";position:absolute;inset:auto auto -56px -38px;width:148px;height:148px;border-radius:50%;background:radial-gradient(circle,rgba(255,176,226,.16),transparent 72%);pointer-events:none}
.rank-v2-avatar{position:relative;width:58px;height:58px;border-radius:50%;border:3px solid rgba(255,255,255,.82);background-image:var(--home-rank-cat);background-size:cover;background-position:center;box-shadow:0 10px 28px rgba(0,0,0,.26)}
.rank-v2-avatar::after{content:"";position:absolute;inset:-7px auto auto -4px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffbfe0,#ff78bb);box-shadow:0 3px 10px rgba(255,123,192,.35)}
.rank-v2-top{font-size:11px}
.rank-v2-user strong{font-size:16px}
.rank-v2-user small{font-size:10px}
.rank-v2-meta{font-size:9px}
.home-explore-section .section-heading p{margin-top:8px;max-width:520px}
.polished-explore-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.polished-explore-grid .home-action-card{grid-column:span 4;min-height:188px;padding:19px 18px 17px;border-radius:20px;border:1px solid rgba(125,124,255,.17);background:
  linear-gradient(180deg,rgba(19,25,36,.98),rgba(10,14,22,.98)),
  linear-gradient(135deg,rgba(115,103,255,.12),transparent 55%);
  box-shadow:0 16px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden}
.polished-explore-grid .home-action-card::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(140,130,255,.9),rgba(109,233,216,.7));opacity:.72;transform:scaleX(.38);transform-origin:left;transition:transform .22s ease,opacity .22s ease}
.polished-explore-grid .home-action-card:hover::after{transform:scaleX(1);opacity:1}
.polished-explore-grid .home-action-card:hover{border-color:rgba(144,137,255,.42);transform:translateY(-4px)}
.polished-explore-grid .home-action-card.home-action-card-wide{grid-column:span 6;background:linear-gradient(155deg,rgba(20,26,39,.98),rgba(12,16,25,.98) 68%),linear-gradient(135deg,rgba(115,103,255,.18),transparent 60%)}
.home-action-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.home-action-tags span{padding:6px 9px;border-radius:999px;background:rgba(115,103,255,.08);border:1px solid rgba(115,103,255,.18);color:#c3beff;font-size:10px;font-weight:800;letter-spacing:.01em}
.home-action-link{margin-top:auto}
.home-action-link i{font-style:normal}
.compact-actions .home-action-copy h3{font-size:19px;letter-spacing:-.02em}
.compact-actions .home-action-copy p{font-size:11px;line-height:1.6;color:#b8c0ca;max-width:32ch}
@media(max-width:980px){.polished-explore-grid .home-action-card,.polished-explore-grid .home-action-card.home-action-card-wide{grid-column:span 6}}
@media(max-width:760px){.polished-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.polished-explore-grid .home-action-card,.polished-explore-grid .home-action-card.home-action-card-wide{grid-column:span 1;min-height:172px}}
@media(max-width:620px){.polished-explore-grid{grid-template-columns:1fr}.polished-explore-grid .home-action-card,.polished-explore-grid .home-action-card.home-action-card-wide{grid-column:span 1;padding:17px;min-height:0}.home-action-tags span{font-size:9px;padding:5px 8px}.ticket-preview-copy strong{font-size:16px}}
body.scroll-dir-down .scroll-reveal.reveal-managed{transition-duration:.52s}
body.scroll-dir-up .scroll-reveal.reveal-managed{transition-duration:.46s}


/* ==== V42 creator profile image ==== */
:root{--creator-profile-logo:url("data:image/webp;base64,UklGRiYEAABXRUJQVlA4IBoEAABwGgCdASqgAKAAPj0ejUSiIaGRqNVUIAPEtIOIE0d/wn71HP9u4f5epwm0lTHf1Y83H4r/p/+77hH8i/qnoAewP9XvZ6JNutxuGj/vJVUPXgE4Fhfc8FaOU3mM6kt+0WKRFwDm5gs82A0sDP+rTnncHVPk1OUtO4uQnK0rzIRCnFkMuwKZjxQrl/AnWRQIfxPu5O0+s9vJ3KkeIMfEp8UiQUWFb/juRXuwdnzxzHsooW5bRCWcJWwjJrd5uaFgeqQgoiCeOctjFVN3K4xvO6RJAIjDis2eb2z3j1gAAP77NROrcG0xO3j8mfcttTaYpXWfLCPS34USxWW20M16bApXG5XcHsXE3ISN63NzjPWLQdm1g/itC2qtb/hjNIrNlVl+l/qJoaNqNY7g+y+O8A9s7Uc3YeRCb7iet+PnCUNWdzOuQCoTgoK7gSH7QtrWCMoyDIkjY8nWl26KhFLNWwgbP3fzXvuwILxEHAV3jM3RgzFIKb0Fj2wQhqPsf2lUd1/mzUFACUzfqJgr7wFFpP/DaLYP5ZIxL7k4H5Gh9vO7nt+mtexxl9VPHnKZGicGhhN9YJ/XvS6QLPEbCTkKpIASGb+lj8b2gf8m3/6obKwXRmyR6LF7BKpl4pEa0e5m//zrx/wL+cX3tt7hlEjzyvOik+72Jo7d0AyhF4W6UYHLZjoTDWqkXKqp0kMkNEjc2h/acc19CAvF/qYWWPdgK2vv8a91Y/wcoLW7xn056UG83rD9sfzmVTKmn+GgeeklN5XQUYHza0/z5NnCH8GvAgjI4kDj/lqawr/9/TeoltzWG3lKcp+gUHQDAihEZXXOtsgEVtkvOYR0XGgt8h55EKuN3ruIIgK9hjd6/qI2pTIHn1xpDoDHxBm2NfR8T5TcQMcteBriO9Ln9KzOtP7kvBdUkYjVdGde7DQUi/Ed+BpRtb0GAWbR2yZIkEDlLKQD7Cd4Gl215VAz+G5u1D0VtQ3/XDRzweDezXhJFrBZ1Cu4c+gj0Gsbstmq/7/NR9doCtlWIRQvW7lf3AylWrVYBatme1A4REXseezy9uWKqDooSvCkzboudNb2+axdTqw088f7h/JcH+gBkHqyM/9zidrGZHfagKzFnljaYuHn/wJKW/VP1BfOc+IlMP/xMf/q6wUVDQtn1QM1pDQDFENo7LgBtZPVu5EP7k5gE7wNgUoPGr2hpeYGDomT1oTXJHIekkOe9ntDgKo5/0hG2nnNkPMigJ/joaLssVRGH1XPpTG1eS5kkbKQ09AzT4wIyP5f1/fppWLjoXj/6CPj36UrhBzIGH3lcPdDNrlyZO5B7/UQFpnocrFdhhfUF33kOO63F/vbpLYzjfgL4LoaxOOnxp2rKXWVufgyurN+n4uakl8D2owhoudNbbcAAAA=");}
.creator-profile-logo{background-image:var(--creator-profile-logo);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 4px rgba(115,103,255,.10),0 10px 24px rgba(0,0,0,.24)}
.creator-open-label{display:inline-flex;align-items:center;gap:7px;color:#bdb7ff;font-size:10px;font-weight:900;white-space:nowrap;padding:8px 10px;border-radius:10px;border:1px solid rgba(115,103,255,.18);background:rgba(115,103,255,.07);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.creator-open-label b{font-size:14px;line-height:1}
.creator-card:hover .creator-open-label{transform:translate(1px,-1px);border-color:rgba(115,103,255,.42);background:rgba(115,103,255,.12)}
@media(max-width:620px){.creator-open-label{grid-column:2;font-size:9px;width:max-content;padding:7px 9px}}


/* ==== V45 support separation / publish polish ==== */
.suggestion-votes,.suggestion-results{grid-template-columns:repeat(2,minmax(0,1fr))}
.suggestion-vote{min-height:42px;font-size:10px}
.suggestion-vote[data-suggestion-vote="please"]{border-color:rgba(115,103,255,.34)}
.suggestion-vote[data-suggestion-vote="hell_nah"]{border-color:rgba(255,115,145,.22)}
.support-form label>small{color:#747f90;font-size:9px;line-height:1.45}
.support-form input[list]{padding-right:36px;background-color:#0b1119}
.support-request-card{display:block;padding:16px}
.support-request-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.support-thread{display:grid;gap:8px;margin-top:13px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06)}
.support-thread-message{max-width:min(82%,680px);padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:#101722}
.support-thread-message.from-user{margin-left:auto;background:rgba(115,103,255,.09);border-color:rgba(115,103,255,.18)}
.support-thread-message>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.support-thread-message strong{font-size:10px}.support-thread-message small{margin:0;font-size:9px}.support-thread-message p{margin:7px 0 0;color:#b9c2cf;white-space:pre-wrap;font-size:11px;line-height:1.55}
.support-user-reply{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
.support-user-reply textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#0b1119;color:#fff;padding:11px;resize:vertical}
.support-user-reply>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-user-reply small{color:#788394;line-height:1.45;max-width:620px}
.support-reply-state{margin-top:11px;padding:9px 11px;border:1px dashed rgba(255,255,255,.09);border-radius:11px;color:#7f8998;font-size:10px}
.support-routing-v2{grid-template-columns:1fr}
.admin-support-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;grid-column:1/-1}
.admin-support-route-card{display:grid;gap:11px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#0c121a}
.admin-support-route-card>div:first-child{display:flex;align-items:center;gap:10px}.admin-support-route-card strong,.admin-support-route-card small{display:block}.admin-support-route-card small{margin-top:2px;color:#727d8e}
.admin-support-route-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(115,103,255,.08);border:1px solid rgba(115,103,255,.18)}
.admin-support-save{display:flex;justify-content:flex-end;grid-column:1/-1}
.admin-support-row{grid-template-columns:minmax(0,1fr) auto}
.admin-support-row>span:first-child{min-width:0}.admin-support-row>span:first-child b,.admin-support-row>span:first-child small{display:block}.admin-support-row>span:first-child small{margin-top:4px;color:#7f8999;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-support-replies article.from-user{margin-left:22px;background:rgba(115,103,255,.08);border-color:rgba(115,103,255,.16)}
.admin-support-replies form small{color:#788394;font-size:9px}
@media(max-width:900px){.admin-support-routes{grid-template-columns:1fr}.support-thread-message{max-width:92%}}
@media(max-width:620px){.support-request-head,.support-user-reply>div{align-items:flex-start;flex-direction:column}.support-user-reply .btn{width:100%}.support-thread-message{max-width:100%}.admin-support-save .btn{width:100%}}


/* ==== V46 support/admin polish ==== */
.admin-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 18px}
.admin-stat-grid article{min-width:0;padding:16px 17px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#101722,#0c121a);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.admin-stat-grid article span{display:block;color:#8f9aab;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.admin-stat-grid article strong{display:block;margin-top:7px;font-size:25px;line-height:1;color:#f6f7fb}
.admin-stat-grid article small{display:block;margin-top:7px;color:#687487;font-size:9px;line-height:1.4}
.admin-support-summary article:nth-child(1){border-color:rgba(115,103,255,.24)}
.admin-support-summary article:nth-child(2){border-color:rgba(88,171,255,.20)}
.admin-support-summary article:nth-child(3){border-color:rgba(255,188,88,.20)}
.admin-support-summary article:nth-child(4){border-color:rgba(69,217,154,.20)}
.admin-support-summary article:nth-child(5){opacity:.82}
.admin-support-toolbar{display:grid;gap:9px;align-items:center;margin-bottom:14px}
.admin-support-toolbar select{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#0b1119;color:#f3f5fa;padding:0 11px}
.admin-support-settings{overflow:visible}
.admin-support-routes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.admin-support-route-card{display:grid;gap:11px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#0c121a}
.admin-support-route-card>div:first-child{display:flex;align-items:center;gap:10px}.admin-support-route-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(115,103,255,.09);border:1px solid rgba(115,103,255,.16)}
.admin-support-route-card strong,.admin-support-route-card small{display:block}.admin-support-route-card small{margin-top:3px;color:#707b8d;font-size:9px;line-height:1.35}
.admin-support-route-card label{display:grid;gap:5px}.admin-support-route-card label>span,.admin-role-picker-label{font-size:9px;color:#8d98a9;text-transform:uppercase;letter-spacing:.06em;font-weight:900}
.admin-support-save{grid-column:1/-1;display:flex;justify-content:flex-end}
.admin-role-picker-field{display:grid;gap:8px;position:relative}
.admin-role-picker{position:relative;display:grid;gap:8px}.admin-role-picker-toggle{width:100%;min-height:46px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#0b1119;color:#eef1f7;text-align:left;cursor:pointer}.admin-role-picker-toggle b{color:#aaa4ff;font-size:9px}.admin-role-picker-toggle i{font-style:normal;color:#7c8798}
.admin-role-picker-panel{position:absolute;left:0;right:0;top:52px;z-index:30;padding:10px;border:1px solid #33395a;border-radius:14px;background:#0c121b;box-shadow:0 22px 65px rgba(0,0,0,.48)}.admin-role-picker-panel[hidden]{display:none}.admin-role-picker-options{display:grid;gap:5px;max-height:260px;overflow:auto;margin-top:8px;padding-right:2px}.admin-role-option{display:flex!important;align-items:center;gap:9px!important;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:#101722;cursor:pointer}.admin-role-option:hover{border-color:#3b365e}.admin-role-option input{width:16px!important;min-height:16px!important;accent-color:var(--accent);padding:0!important}.admin-role-option>span{display:grid}.admin-role-option strong{font-size:10px}.admin-role-option small{font-size:8px!important;color:#6f7a8c!important}
.admin-role-picker-chips{display:flex;flex-wrap:wrap;gap:6px}.admin-role-chip{display:inline-grid;grid-template-columns:auto auto;gap:1px 7px;align-items:center;padding:6px 9px;border:1px solid rgba(115,103,255,.20);border-radius:10px;background:rgba(115,103,255,.07);color:#d8d5ff;cursor:pointer}.admin-role-chip span{font-size:9px;font-weight:900}.admin-role-chip small{grid-column:1;color:#777f91;font-size:7px}.admin-role-chip b{grid-column:2;grid-row:1/3;color:#9b95d9;font-size:13px}
.admin-support-row .support-request-status{text-transform:uppercase;font-size:8px;font-weight:950;padding:6px 8px;border-radius:999px;border:1px solid var(--line);color:#aab3c2}.admin-support-row .status-open{color:#bcb7ff;border-color:rgba(115,103,255,.28);background:rgba(115,103,255,.07)}.admin-support-row .status-reviewing{color:#8ec9ff;border-color:rgba(88,171,255,.24);background:rgba(88,171,255,.06)}.admin-support-row .status-waiting_user{color:#ffd080;border-color:rgba(255,188,88,.25);background:rgba(255,188,88,.06)}.admin-support-row .status-resolved{color:#7ee5b6;border-color:rgba(69,217,154,.24);background:rgba(69,217,154,.06)}
.report-bug-fab{right:20px;left:auto;touch-action:none;user-select:none;-webkit-user-select:none}.report-bug-fab.is-dragging{cursor:grabbing!important;transform:scale(1.06)!important;transition:none!important;box-shadow:0 22px 52px rgba(48,34,140,.55),0 10px 28px rgba(0,0,0,.36)}.report-bug-fab.is-dragging::after{display:none!important}
@media(max-width:1100px){.admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-support-routes{grid-template-columns:1fr}}
@media(max-width:720px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-support-summary article{padding:13px}.admin-support-summary article strong{font-size:21px}.admin-role-picker-panel{position:fixed;left:10px;right:10px;top:auto;bottom:10px;max-height:70vh}.admin-role-picker-options{max-height:45vh}}

/* ===== V47 Quest system ===== */
.quest-page{position:relative}.quest-page-hero{max-width:980px}.quest-login-card{margin-top:24px}.quest-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.quest-summary-card{position:relative;overflow:hidden;padding:18px 20px;border:1px solid rgba(124,123,255,.2);border-radius:20px;background:linear-gradient(145deg,rgba(18,24,36,.98),rgba(10,14,22,.98));box-shadow:0 16px 35px rgba(0,0,0,.18)}.quest-summary-card:after{content:"";position:absolute;inset:auto -35px -55px auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(111,99,255,.2),transparent 68%)}.quest-summary-card span{display:block;color:#aaa4ff;font-size:10px;font-weight:900;letter-spacing:.12em}.quest-summary-card strong{display:block;margin-top:8px;font-size:23px}.quest-summary-card small{display:block;margin-top:6px;color:#8794a9;line-height:1.5}.quest-tabs{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:none}.quest-tabs::-webkit-scrollbar{display:none}.quest-tab{flex:0 0 auto;border:1px solid rgba(255,255,255,.08);background:#111722;color:#aeb8c8;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer;transition:.2s ease}.quest-tab:hover,.quest-tab.active{color:#fff;border-color:rgba(125,116,255,.45);background:linear-gradient(135deg,rgba(111,99,255,.28),rgba(111,99,255,.12));transform:translateY(-1px)}.quest-tab b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 6px;border-radius:999px;background:#6f63ff;color:#fff;font-size:10px}.quest-tab-panel{display:none}.quest-tab-panel.active{display:block;animation:questPanelIn .36s ease both}@keyframes questPanelIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.quest-panel-loading{padding:34px;color:#8794a9}.quest-period-shell,.quest-claim-shell,.quest-history-shell{margin-top:12px;padding:24px;border:1px solid #1e2a3a;border-radius:24px;background:linear-gradient(160deg,#0f1520,#090d14 72%)}.quest-period-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.quest-period-head h2{margin:7px 0 5px;font-size:28px}.quest-period-head p{max-width:720px;color:#95a2b7;line-height:1.6}.quest-reset-box{min-width:150px;padding:13px 15px;border:1px solid rgba(111,99,255,.2);border-radius:16px;background:rgba(111,99,255,.07);text-align:right}.quest-reset-box span,.quest-reset-box small{display:block;color:#8894a9;font-size:10px}.quest-reset-box strong{display:block;margin:4px 0;font-size:18px}.quest-set-progress{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:end;margin:20px 0;padding:15px 17px;border-radius:17px;background:#0b111a;border:1px solid #1b2736}.quest-set-progress span{font-size:10px;color:#8f9caf;font-weight:900;letter-spacing:.08em}.quest-set-progress strong{display:block;margin-top:4px}.quest-set-progress>b{font-size:22px;color:#b1a7ff}.quest-set-track{grid-column:1/-1;height:9px;border-radius:999px;overflow:hidden;background:#202837}.quest-set-track span,.quest-progress-track span,.boss-health-track span,.quest-rank-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f63ff,#b166ff,#68e8d6);box-shadow:0 0 18px rgba(120,104,255,.38);transition:width .9s cubic-bezier(.22,.7,.2,1)}.quest-set-track span.animate,.quest-progress-track span.animate,.boss-health-track span.animate,.quest-rank-progress span.animate{width:var(--quest-progress)}.quest-card-grid{display:grid;gap:14px}.quest-card-grid.daily-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quest-card-grid.weekly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-card{position:relative;overflow:hidden;padding:18px;border:1px solid #202b3a;border-radius:19px;background:linear-gradient(145deg,#141b27,#0d121b);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.quest-card:hover{transform:translateY(-3px);border-color:rgba(124,115,255,.38);box-shadow:0 16px 30px rgba(0,0,0,.18)}.quest-card.is-complete{border-color:rgba(65,210,164,.3);background:linear-gradient(145deg,rgba(18,40,37,.95),#0d1518)}.quest-card.is-complete:after{content:"";position:absolute;inset:-40% auto -40% -30%;width:24%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:questCompleteSweep 2.8s ease infinite}@keyframes questCompleteSweep{0%,55%{left:-35%}100%{left:130%}}.quest-card-head{display:flex;align-items:center;gap:11px}.quest-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(111,99,255,.12);font-size:21px}.quest-card-head h3{margin:3px 0 0;font-size:17px}.quest-difficulty{font-size:9px;color:#9b94ff;font-weight:900;letter-spacing:.11em}.quest-complete-mark{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(55,211,158,.12);color:#47d9a6;font-weight:900}.quest-card>p{min-height:50px;margin:13px 0;color:#91a0b5;font-size:12px;line-height:1.55}.quest-progress-copy{display:flex;justify-content:space-between;gap:10px;font-size:11px}.quest-progress-copy b{color:#b0a6ff}.quest-progress-track{height:8px;margin-top:8px;border-radius:999px;background:#232b39;overflow:hidden}.quest-card-actions{display:flex;justify-content:space-between;align-items:center;min-height:32px;margin-top:11px}.quest-card-actions small{color:#718096}.quest-reroll{border:0;background:transparent;color:#a9a2ff;font-weight:800;cursor:pointer;padding:5px 0}.quest-reroll:hover{color:#fff}.community-boss{position:relative;overflow:hidden;margin-top:12px;padding:27px;border:1px solid rgba(144,105,255,.28);border-radius:26px;background:radial-gradient(circle at 78% 12%,rgba(129,73,255,.22),transparent 28%),linear-gradient(155deg,#151527,#0c111b 70%);box-shadow:0 28px 60px rgba(0,0,0,.24)}.community-boss-glow{position:absolute;right:-80px;top:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(159,91,255,.2),transparent 70%);animation:bossPulse 3.8s ease-in-out infinite}@keyframes bossPulse{50%{transform:scale(1.08);opacity:.72}}.community-boss-head{position:relative;display:flex;justify-content:space-between;gap:20px}.community-boss-head h2{font-size:31px;margin:8px 0 7px}.community-boss-head p{max-width:760px;color:#a0abc0}.community-boss-timer{text-align:right}.community-boss-timer span{font-size:10px;color:#8c98aa}.community-boss-timer strong{display:block;font-size:23px;margin-top:5px}.boss-health{position:relative;margin:24px 0}.boss-health-top{display:flex;justify-content:space-between;margin-bottom:8px}.boss-health-track{height:16px;overflow:hidden;border-radius:999px;background:#242c3c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.boss-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.boss-stat-grid article{padding:13px 14px;border-radius:15px;background:rgba(8,13,22,.72);border:1px solid rgba(255,255,255,.06)}.boss-stat-grid span{display:block;color:#8290a5;font-size:10px}.boss-stat-grid strong{display:block;margin-top:5px}.boss-join-panel{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:16px;border:1px solid rgba(111,99,255,.18);border-radius:17px;background:rgba(111,99,255,.07)}.boss-join-panel p{margin:4px 0 0;color:#8f9bb0;font-size:11px}.boss-joined{padding:8px 11px;border-radius:999px;background:rgba(111,99,255,.15);color:#b6afff;font-size:10px;font-weight:900}.boss-joined.qualified{background:rgba(49,208,152,.13);color:#53dfad}.quest-reward-list{display:grid;gap:10px;margin-top:18px}.quest-reward-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:15px 16px;border:1px solid #202c3b;border-radius:17px;background:#0c121b}.quest-reward-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(111,99,255,.12);font-size:21px}.quest-reward-card span{font-size:9px;color:#9a94ff;font-weight:900}.quest-reward-card h3{margin:3px 0}.quest-reward-card p{margin:0;color:#7f8ca0;font-size:10px}.quest-reward-card>strong{color:#73e8bd;font-size:18px}.quest-recent-claimed{margin-top:24px}.quest-recent-claimed h3{margin-bottom:10px}.quest-history-list{margin-top:18px}.quest-history-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 3px;border-bottom:1px solid rgba(255,255,255,.06)}.quest-history-row>span{font-size:18px}.quest-history-row small{display:block;margin-top:3px;color:#758399}.quest-history-row>b{font-size:11px;color:#9aa7ba}.quest-empty-state{text-align:center;padding:38px 20px;border:1px dashed #273345;border-radius:18px;color:#8e9caf}.quest-empty-state>span{font-size:30px}.quest-empty-state h3{color:#fff;margin:9px 0 5px}.quest-rank-stage{position:relative;overflow:hidden;margin-top:12px;padding:28px;border:1px solid rgba(120,110,255,.25);border-radius:26px;background:radial-gradient(circle at 50% -20%,rgba(126,79,255,.28),transparent 40%),linear-gradient(160deg,#131828,#090e16);min-height:540px}.quest-rank-stage.tier-gold{border-color:rgba(255,191,74,.35);background:radial-gradient(circle at 50% -15%,rgba(255,179,62,.24),transparent 42%),linear-gradient(160deg,#1a1720,#0a0e15)}.quest-rank-stage.tier-diamond{border-color:rgba(117,232,255,.46);background:radial-gradient(circle at 50% -15%,rgba(88,214,255,.25),transparent 43%),linear-gradient(160deg,#111d29,#081019)}.quest-rank-aura{position:absolute;left:50%;top:40px;width:360px;height:360px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(126,112,255,.17),transparent 68%);animation:questAura 4.5s ease-in-out infinite}@keyframes questAura{50%{transform:translateX(-50%) scale(1.12);opacity:.6}}.quest-rank-main{position:relative;text-align:center;max-width:520px;margin:auto}.quest-rank-emblem{display:grid;place-items:center;width:112px;height:112px;margin:12px auto;border-radius:28px;transform:rotate(45deg);background:linear-gradient(135deg,#6f63ff,#9a65ff);box-shadow:0 0 55px rgba(111,99,255,.35)}.quest-rank-emblem span{transform:rotate(-45deg);font-size:50px}.quest-rank-main h2{font-size:42px;margin:20px 0 5px}.quest-rank-main p{color:#9aa7b9}.quest-rank-main>small{display:block;margin-top:8px;color:#7f8da1}.quest-rank-main>b{display:inline-block;margin-top:13px;padding:8px 12px;border-radius:999px;background:rgba(111,99,255,.12);color:#b7b0ff}.quest-rank-progress{height:12px;margin-top:18px;border-radius:999px;overflow:hidden;background:#212a39}.quest-tier-road{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:38px}.quest-tier-node{padding:16px;border:1px solid #202c3c;border-radius:17px;background:rgba(9,14,22,.72);opacity:.55;transition:.25s ease}.quest-tier-node.unlocked{opacity:1;transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.2)}.tier-gem{font-size:22px;margin-bottom:8px}.quest-tier-node span{display:block;font-weight:900;text-transform:uppercase}.quest-tier-node strong{display:block;margin-top:5px}.quest-tier-node small{display:block;margin-top:5px;color:#8794a8}.quest-tier-node.tier-bronze.unlocked{border-color:#9d765c}.quest-tier-node.tier-silver.unlocked{border-color:#a8b0c2}.quest-tier-node.tier-gold.unlocked{border-color:#e9b04d}.quest-tier-node.tier-diamond.unlocked{border-color:#67d9f7;box-shadow:0 0 30px rgba(91,213,244,.13)}.quest-rank-explain{margin-top:20px;padding:15px 17px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.quest-rank-explain p{margin:5px 0 0;color:#8996aa;line-height:1.55}.achievement-tier-dot.tier-diamond{background:linear-gradient(135deg,#83ecff,#bca7ff);box-shadow:0 0 14px rgba(126,228,255,.55)}
@media(max-width:980px){.quest-card-grid.daily-grid,.quest-card-grid.weekly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boss-stat-grid,.quest-tier-road{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.quest-summary-grid{grid-template-columns:1fr}.quest-period-head,.community-boss-head,.boss-join-panel{flex-direction:column}.quest-reset-box{width:100%;text-align:left}.quest-card-grid.daily-grid,.quest-card-grid.weekly-grid,.boss-stat-grid,.quest-tier-road{grid-template-columns:1fr}.quest-period-shell,.quest-claim-shell,.quest-history-shell,.community-boss,.quest-rank-stage{padding:18px}.quest-reward-card{grid-template-columns:auto 1fr}.quest-reward-card>strong,.quest-reward-card>button{grid-column:2}.community-boss-head h2{font-size:25px}.quest-rank-main h2{font-size:34px}.quest-rank-emblem{width:88px;height:88px}.quest-tabs{margin-left:-4px;margin-right:-4px}}
@media(prefers-reduced-motion:reduce){.quest-card.is-complete:after,.community-boss-glow,.quest-rank-aura{animation:none}.quest-set-track span,.quest-progress-track span,.boss-health-track span,.quest-rank-progress span{transition:none}}


/* ===== V48 Quest Experience Polish ===== */
.quest-page{isolation:isolate;overflow:clip;padding-bottom:90px}
.quest-page::before,.quest-page::after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(30px);opacity:.5}
.quest-page::before{width:520px;height:520px;right:-190px;top:110px;background:radial-gradient(circle,rgba(111,99,255,.18),transparent 68%);animation:questAmbientFloat 10s ease-in-out infinite}
.quest-page::after{width:390px;height:390px;left:-190px;top:690px;background:radial-gradient(circle,rgba(74,224,190,.08),transparent 70%);animation:questAmbientFloat 13s ease-in-out -4s infinite reverse}
@keyframes questAmbientFloat{50%{transform:translate3d(22px,34px,0) scale(1.08);opacity:.72}}
.quest-page-hero{position:relative;max-width:1080px;padding-top:68px;padding-bottom:36px}
.quest-page-hero::before{content:"QUEST MODE";display:inline-flex;align-items:center;margin-bottom:18px;padding:6px 10px;border:1px solid rgba(129,117,255,.28);border-radius:999px;background:rgba(111,99,255,.08);color:#a99fff;font-size:9px;font-weight:950;letter-spacing:.16em;box-shadow:0 0 28px rgba(111,99,255,.08)}
.quest-page-hero>.eyebrow{display:none}
.quest-page-hero h1{max-width:950px;font-size:clamp(48px,6vw,82px);background:linear-gradient(105deg,#fff 5%,#d6d2ff 46%,#8c80ff 82%,#73ead0);background-size:170% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:questTitleSheen 6s ease-in-out infinite}
@keyframes questTitleSheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.quest-page-hero p{max-width:820px;margin-top:22px;color:#9ba7ba;font-size:15px;line-height:1.8}
#questsRoot{position:relative}
#questsRoot.quest-page-loaded .quest-summary-card{animation:questSummaryIn .62s cubic-bezier(.2,.75,.2,1) both}
#questsRoot.quest-page-loaded .quest-summary-card:nth-child(2){animation-delay:.08s}
#questsRoot.quest-page-loaded .quest-summary-card:nth-child(3){animation-delay:.16s}
#questsRoot.quest-page-loaded .quest-tabs{animation:questDockIn .58s .18s cubic-bezier(.2,.75,.2,1) both}
@keyframes questSummaryIn{from{opacity:0;transform:translateY(24px) scale(.965);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes questDockIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.quest-summary-grid{gap:16px;margin:18px 0 22px}
.quest-summary-card{min-height:138px;padding:21px 22px;border-radius:23px;border-color:rgba(128,119,255,.18);background:linear-gradient(155deg,rgba(20,27,41,.98),rgba(9,13,21,.98));box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}
.quest-summary-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(135,124,255,.85),transparent);opacity:.55}
.quest-summary-card:hover{transform:translateY(-5px);border-color:rgba(138,128,255,.42);box-shadow:0 26px 54px rgba(0,0,0,.28),0 0 36px rgba(111,99,255,.08)}
.quest-summary-card:after{width:170px;height:170px;right:-62px;bottom:-82px;opacity:.72;animation:questOrbBreathe 4.8s ease-in-out infinite}
.quest-streak-summary:after{background:radial-gradient(circle,rgba(255,151,74,.22),transparent 68%)}
.quest-claim-summary:after{background:radial-gradient(circle,rgba(65,217,154,.18),transparent 68%)}
.quest-rank-summary:after{background:radial-gradient(circle,rgba(157,111,255,.24),transparent 68%)}
@keyframes questOrbBreathe{50%{transform:scale(1.14);opacity:.95}}
.quest-summary-card span{position:relative;z-index:1;font-size:10px;letter-spacing:.14em}
.quest-summary-card strong{position:relative;z-index:1;font-size:27px;letter-spacing:-.025em}
.quest-summary-card small{position:relative;z-index:1;font-size:11px}
.quest-tabs{position:sticky;top:84px;z-index:24;width:max-content;max-width:100%;margin:2px 0 18px;padding:7px;border:1px solid rgba(255,255,255,.06);border-radius:19px;background:rgba(10,14,22,.84);backdrop-filter:blur(16px);box-shadow:0 14px 35px rgba(0,0,0,.24)}
.quest-tab{position:relative;overflow:hidden;border:0;background:transparent;border-radius:13px;padding:10px 15px;color:#8e9bad;transition:transform .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease}
.quest-tab::after{content:"";position:absolute;left:24%;right:24%;bottom:4px;height:2px;border-radius:999px;background:#8f83ff;transform:scaleX(0);transition:transform .22s ease;box-shadow:0 0 10px rgba(143,131,255,.65)}
.quest-tab:hover{transform:translateY(-1px);background:rgba(255,255,255,.025);color:#d9deea}
.quest-tab.active{background:linear-gradient(135deg,rgba(111,99,255,.22),rgba(111,99,255,.08));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 7px 22px rgba(111,99,255,.08)}
.quest-tab.active::after{transform:scaleX(1)}
.quest-tab b{box-shadow:0 0 16px rgba(111,99,255,.38);animation:questClaimBadgePulse 2.3s ease-in-out infinite}
@keyframes questClaimBadgePulse{50%{transform:scale(1.12);box-shadow:0 0 24px rgba(111,99,255,.58)}}
.quest-tab-panel.active.quest-panel-spark{animation:questPanelV48 .45s cubic-bezier(.2,.72,.2,1) both}
@keyframes questPanelV48{from{opacity:0;transform:translateY(16px) scale(.992);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.quest-period-shell,.quest-claim-shell,.quest-history-shell{position:relative;overflow:hidden;margin-top:8px;padding:26px;border:1px solid rgba(48,62,83,.72);border-radius:27px;background:radial-gradient(circle at 90% 0%,rgba(111,99,255,.07),transparent 26%),linear-gradient(158deg,rgba(16,23,35,.985),rgba(7,11,18,.985) 72%);box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.02)}
.quest-period-shell::before,.quest-claim-shell::before,.quest-history-shell::before{content:"";position:absolute;left:26px;right:26px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,127,255,.5),transparent)}
.quest-period-head{position:relative;z-index:1}
.quest-period-head h2{font-size:clamp(27px,3vw,36px);letter-spacing:-.035em}
.quest-period-head p{font-size:12px}
.quest-reset-box{position:relative;overflow:hidden;min-width:170px;padding:14px 16px;border-color:rgba(125,113,255,.28);background:linear-gradient(145deg,rgba(111,99,255,.13),rgba(111,99,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.14)}
.quest-reset-box::after{content:"";position:absolute;inset:-30% auto -30% -45%;width:35%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);animation:questResetSweep 4.2s ease-in-out infinite}
@keyframes questResetSweep{0%,58%{left:-45%}100%{left:135%}}
.quest-set-progress{position:relative;overflow:hidden;margin:22px 0;padding:17px 18px;border-color:rgba(52,67,88,.72);background:linear-gradient(145deg,rgba(10,16,25,.96),rgba(14,20,31,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.quest-set-progress::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(111,99,255,.035),transparent 70%);transform:translateX(-100%);animation:questSetShimmer 5.2s ease-in-out infinite}
@keyframes questSetShimmer{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.quest-set-progress>b{display:grid;place-items:center;min-width:58px;height:38px;padding:0 11px;border:1px solid rgba(146,135,255,.23);border-radius:12px;background:rgba(111,99,255,.08);font-size:20px;box-shadow:0 0 20px rgba(111,99,255,.06)}
.quest-set-track,.quest-progress-track,.boss-health-track,.quest-rank-progress{position:relative}
.quest-set-track::after,.quest-progress-track::after,.boss-health-track::after,.quest-rank-progress::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.16) 45%,transparent 62%);transform:translateX(-130%);animation:questBarShine 2.8s ease-in-out infinite;pointer-events:none}
@keyframes questBarShine{0%,48%{transform:translateX(-130%)}100%{transform:translateX(150%)}}
.quest-set-track span,.quest-progress-track span,.boss-health-track span,.quest-rank-progress span{background:linear-gradient(90deg,#675bff 0%,#986bff 45%,#61e7d2 100%);background-size:180% 100%;box-shadow:0 0 22px rgba(115,103,255,.42);animation:questGradientMove 3s linear infinite}
@keyframes questGradientMove{to{background-position:180% 0}}
.quest-card-grid{gap:16px}
.quest-card{--quest-delay:calc(var(--quest-order,0) * 55ms);min-height:235px;padding:19px 19px 17px;border-radius:21px;border-color:rgba(39,53,72,.9);background:radial-gradient(circle at 100% 0%,rgba(111,99,255,.055),transparent 30%),linear-gradient(148deg,#151d2a,#0c121b 74%);box-shadow:0 14px 36px rgba(0,0,0,.13);transform-origin:center bottom}
.quest-card.quest-card-enter{animation:questCardIn .58s var(--quest-delay) cubic-bezier(.18,.78,.2,1) both}
@keyframes questCardIn{from{opacity:0;transform:translateY(22px) scale(.965);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
.quest-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 26%,transparent 72%,rgba(111,99,255,.035));opacity:.8}
.quest-card:hover{transform:translateY(-6px) scale(1.008);border-color:rgba(126,116,255,.47);box-shadow:0 24px 50px rgba(0,0,0,.23),0 0 36px rgba(111,99,255,.075)}
.quest-card.is-complete{border-color:rgba(63,218,162,.34);box-shadow:0 16px 42px rgba(0,0,0,.17),0 0 30px rgba(65,217,154,.055)}
.quest-card.is-complete .quest-card-icon{background:rgba(65,217,154,.12);border-color:rgba(65,217,154,.22);box-shadow:0 0 24px rgba(65,217,154,.08)}
.quest-card-icon{position:relative;width:46px;height:46px;border:1px solid rgba(132,120,255,.17);border-radius:15px;background:linear-gradient(145deg,rgba(111,99,255,.15),rgba(111,99,255,.065));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);animation:questIconFloat 3.7s ease-in-out infinite}
@keyframes questIconFloat{50%{transform:translateY(-3px) rotate(2deg)}}
.quest-card-head h3{font-size:18px;letter-spacing:-.02em}
.quest-difficulty{display:inline-block;padding:4px 7px;border:1px solid rgba(132,120,255,.16);border-radius:999px;background:rgba(111,99,255,.06);font-size:8px}
.quest-complete-mark{border:1px solid rgba(65,217,154,.19);box-shadow:0 0 20px rgba(65,217,154,.08)}
.quest-card>p{min-height:46px;font-size:11px}
.quest-progress-copy{margin-top:auto;align-items:center}
.quest-progress-copy strong{font-size:12px}
.quest-progress-copy b{padding:4px 7px;border-radius:8px;background:rgba(111,99,255,.075);font-size:10px}
.quest-progress-track{height:9px;border:1px solid rgba(255,255,255,.025);background:#202938}
.quest-card-actions{margin-top:13px}
.quest-reroll{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(134,123,255,.24);border-radius:11px;background:rgba(111,99,255,.07);color:#b7b0ff;font-size:10px;letter-spacing:.02em;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.quest-reroll::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-45%;width:28%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transition:left .45s ease}
.quest-reroll:hover{transform:translateY(-2px);border-color:rgba(145,134,255,.5);background:rgba(111,99,255,.14);box-shadow:0 9px 24px rgba(111,99,255,.1);color:#fff}
.quest-reroll:hover::after{left:130%}
.quest-reroll-icon{display:inline-grid;place-items:center;font-size:14px}
.quest-reroll.is-rerolling .quest-reroll-icon{animation:questRerollSpin .65s linear infinite}
.quest-reroll.is-rerolling{pointer-events:none;opacity:.75}
@keyframes questRerollSpin{to{transform:rotate(360deg)}}
.community-boss{border-color:rgba(144,105,255,.34);background:radial-gradient(circle at 80% 0%,rgba(138,77,255,.24),transparent 31%),radial-gradient(circle at 8% 96%,rgba(64,224,193,.07),transparent 23%),linear-gradient(155deg,#171629,#0a1019 70%);box-shadow:0 30px 76px rgba(0,0,0,.28),0 0 50px rgba(111,99,255,.045)}
.community-boss::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.025),transparent 62%);animation:bossGlassSweep 6s ease-in-out infinite}
@keyframes bossGlassSweep{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.boss-stat-grid article{transition:transform .2s ease,border-color .2s ease}.boss-stat-grid article:hover{transform:translateY(-3px);border-color:rgba(133,122,255,.25)}
.boss-health-track{height:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 22px rgba(111,99,255,.06)}
.boss-join-panel{backdrop-filter:blur(10px)}
.quest-reward-list{gap:13px}
.quest-reward-card{position:relative;overflow:hidden;padding:17px 18px;border-color:rgba(52,67,89,.78);border-radius:19px;background:radial-gradient(circle at 95% 20%,rgba(65,217,154,.05),transparent 28%),linear-gradient(145deg,#0e151f,#091019);box-shadow:0 12px 30px rgba(0,0,0,.13);animation:questRewardCardIn .48s cubic-bezier(.2,.75,.2,1) both}
@keyframes questRewardCardIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.quest-reward-card::after{content:"";position:absolute;inset:-30% auto -30% -35%;width:22%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(111,255,207,.09),transparent);animation:questRewardSweep 4s ease-in-out infinite}
@keyframes questRewardSweep{0%,60%{left:-35%}100%{left:125%}}
.quest-reward-icon{position:relative;z-index:1;width:50px;height:50px;border:1px solid rgba(111,99,255,.2);border-radius:16px;background:linear-gradient(145deg,rgba(111,99,255,.17),rgba(111,99,255,.06));box-shadow:0 0 25px rgba(111,99,255,.08);animation:questGiftBounce 2.8s ease-in-out infinite}
@keyframes questGiftBounce{50%{transform:translateY(-4px) rotate(-3deg)}}
.quest-reward-card>*{position:relative;z-index:1}
.quest-reward-card>strong{font-size:20px;text-shadow:0 0 18px rgba(115,232,189,.22)}
.quest-claim-button{position:relative;overflow:hidden;border:1px solid rgba(104,236,195,.23);border-radius:12px;padding:10px 13px;background:linear-gradient(135deg,#655aff,#7d65ff);color:#fff;font:inherit;font-size:10px;font-weight:950;cursor:pointer;box-shadow:0 10px 24px rgba(111,99,255,.2);transition:transform .2s ease,box-shadow .2s ease}
.quest-claim-button:hover{transform:translateY(-2px) scale(1.025);box-shadow:0 16px 30px rgba(111,99,255,.28)}
.quest-claim-button:disabled{opacity:.65;pointer-events:none}
.quest-claim-button::after{content:"";position:absolute;inset:-40% auto -40% -45%;width:35%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:questClaimShine 2.4s ease-in-out infinite}
@keyframes questClaimShine{0%,48%{left:-45%}100%{left:130%}}
.quest-rank-stage{min-height:610px;padding:32px;border-radius:30px;background:radial-gradient(circle at 50% -5%,rgba(126,79,255,.32),transparent 37%),radial-gradient(circle at 12% 78%,rgba(76,222,199,.055),transparent 24%),linear-gradient(160deg,#141a2c,#080d15 76%);box-shadow:0 28px 80px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.025)}
.quest-rank-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.23) 0 1px,transparent 1.3px);background-size:76px 76px;opacity:.11;animation:questStarsMove 18s linear infinite}
@keyframes questStarsMove{to{background-position:76px 76px}}
.quest-rank-aura{width:440px;height:440px;filter:blur(2px);background:radial-gradient(circle,rgba(126,112,255,.22),rgba(126,112,255,.06) 38%,transparent 68%)}
.quest-rank-main{z-index:2}
.quest-rank-orbits{position:relative;width:150px;height:150px;margin:8px auto 4px;display:grid;place-items:center}
.quest-rank-orbits::before,.quest-rank-orbits::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(169,157,255,.2)}
.quest-rank-orbits::before{inset:4px;animation:questOrbitSpin 9s linear infinite}
.quest-rank-orbits::after{inset:18px;border-style:dashed;animation:questOrbitSpin 7s linear infinite reverse}
@keyframes questOrbitSpin{to{transform:rotate(360deg)}}
.quest-rank-emblem{position:relative;z-index:2;width:102px;height:102px;margin:0;border-radius:30px;background:linear-gradient(135deg,#6458ff,#9b68ff);box-shadow:0 0 62px rgba(111,99,255,.42),inset 0 1px 0 rgba(255,255,255,.12);animation:questEmblemFloat 3.6s ease-in-out infinite}
@keyframes questEmblemFloat{50%{transform:rotate(45deg) translate(-4px,-4px) scale(1.035)}}
.quest-rank-stage.tier-gold .quest-rank-emblem{background:linear-gradient(135deg,#d79a26,#ffd36c);box-shadow:0 0 70px rgba(255,188,72,.32)}
.quest-rank-stage.tier-diamond .quest-rank-emblem{background:linear-gradient(135deg,#4ccce9,#9d8cff);box-shadow:0 0 78px rgba(93,221,255,.34)}
.quest-rank-main h2{margin-top:13px;font-size:46px;text-shadow:0 8px 30px rgba(0,0,0,.26)}
.quest-rank-statline{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:13px 0}
.quest-rank-statline span{padding:7px 10px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(7,12,19,.52);color:#9ba8bb;font-size:10px}
.quest-rank-progress{height:14px;border:1px solid rgba(255,255,255,.035);box-shadow:0 0 26px rgba(111,99,255,.08)}
.quest-rank-next{margin:14px auto 0;max-width:430px;padding:12px 14px;border:1px solid rgba(126,115,255,.16);border-radius:14px;background:rgba(111,99,255,.055)}
.quest-rank-next strong{display:block;color:#e9e7ff;font-size:12px}.quest-rank-next small{display:block;margin-top:4px;color:#8190a4;font-size:10px}
.quest-tier-road{z-index:2;gap:14px;margin-top:42px}
.quest-tier-node{position:relative;overflow:hidden;min-height:150px;padding:18px;border-radius:19px;background:linear-gradient(145deg,rgba(13,19,29,.9),rgba(8,13,21,.9));transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease}
.quest-tier-node::after{content:"";position:absolute;inset:auto -38px -50px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(125,115,255,.1),transparent 70%)}
.quest-tier-node:hover{transform:translateY(-5px);opacity:1}
.quest-tier-node.unlocked{animation:questTierUnlock .65s cubic-bezier(.2,.8,.2,1) both}
@keyframes questTierUnlock{from{opacity:.25;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(-3px) scale(1)}}
.quest-tier-node.tier-gold.unlocked{box-shadow:0 0 34px rgba(233,176,77,.11)}
.quest-tier-node.tier-diamond.unlocked{box-shadow:0 0 42px rgba(91,213,244,.16)}
.tier-gem{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(111,99,255,.09);font-size:21px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.quest-rank-explain{position:relative;z-index:2;margin-top:23px;padding:17px 19px;background:rgba(255,255,255,.022)}
.quest-history-shell{padding-bottom:30px}
.quest-history-list{position:relative;margin-top:24px;padding-left:24px}
.quest-history-list::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;border-radius:999px;background:linear-gradient(#7266ff,rgba(114,102,255,.08))}
.quest-history-entry{--quest-delay:calc(var(--quest-order,0) * 65ms);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:11px;padding:15px 16px;border:1px solid rgba(42,56,76,.78);border-radius:18px;background:linear-gradient(145deg,rgba(14,20,30,.92),rgba(8,13,20,.92));animation:questHistoryIn .52s var(--quest-delay) cubic-bezier(.2,.75,.2,1) both;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.quest-history-entry::before{content:"";position:absolute;left:-21px;top:50%;width:10px;height:10px;margin-top:-5px;border:2px solid #0b1018;border-radius:50%;background:#786cff;box-shadow:0 0 0 4px rgba(120,108,255,.12),0 0 16px rgba(120,108,255,.3)}
.quest-history-entry:hover{transform:translateX(4px);border-color:rgba(126,116,255,.32);background:linear-gradient(145deg,rgba(18,24,36,.96),rgba(9,14,22,.96))}
@keyframes questHistoryIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.quest-history-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:#111824;font-size:19px}
.quest-history-entry h4{margin:0;font-size:13px}.quest-history-entry small{display:block;margin-top:4px;color:#758399;font-size:10px}
.quest-history-reward{text-align:right}.quest-history-reward strong{display:block;color:#8de6c7;font-size:12px}.quest-history-reward span{display:inline-block;margin-top:4px;padding:4px 7px;border-radius:999px;background:rgba(65,217,154,.07);color:#72cfae;font-size:8px;font-weight:900;text-transform:uppercase}
.quest-history-reward .pending{background:rgba(111,99,255,.08);color:#aca5ff}
.quest-action-modal-backdrop{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:20px;background:rgba(3,6,11,.72);backdrop-filter:blur(12px);animation:questBackdropIn .2s ease both}
@keyframes questBackdropIn{from{opacity:0}to{opacity:1}}
.quest-action-modal{position:relative;overflow:hidden;width:min(440px,100%);padding:25px;border:1px solid rgba(132,121,255,.28);border-radius:24px;background:radial-gradient(circle at 90% 0%,rgba(111,99,255,.18),transparent 30%),linear-gradient(155deg,#171e2b,#0b1018 72%);box-shadow:0 40px 110px rgba(0,0,0,.55),0 0 50px rgba(111,99,255,.1);animation:questModalIn .33s cubic-bezier(.18,.82,.2,1) both}
@keyframes questModalIn{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
.quest-action-modal-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(137,126,255,.25);border-radius:18px;background:rgba(111,99,255,.12);font-size:27px;box-shadow:0 0 34px rgba(111,99,255,.12);animation:questRerollPreviewSpin 4s ease-in-out infinite}
@keyframes questRerollPreviewSpin{50%{transform:rotate(18deg) scale(1.05)}}
.quest-action-modal h3{margin:18px 0 7px;font-size:24px;letter-spacing:-.03em}.quest-action-modal p{margin:0;color:#99a5b7;line-height:1.65;font-size:12px}.quest-action-modal .quest-modal-meta{margin-top:14px;padding:11px 12px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(6,11,18,.46);color:#8492a6;font-size:10px}.quest-action-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.quest-modal-cancel,.quest-modal-confirm{min-height:43px;border-radius:12px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.quest-modal-cancel{border:1px solid #283444;background:#111823;color:#c1c8d3}.quest-modal-confirm{border:1px solid transparent;background:linear-gradient(135deg,#665aff,#856dff);color:#fff;box-shadow:0 12px 30px rgba(111,99,255,.2)}
.quest-reward-celebration{position:fixed;inset:0;z-index:280;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at center,rgba(111,99,255,.21),rgba(3,6,11,.84) 50%,rgba(3,6,11,.94));backdrop-filter:blur(10px);animation:questCelebrateBackdrop .25s ease both;cursor:pointer}
@keyframes questCelebrateBackdrop{from{opacity:0}to{opacity:1}}
.quest-celebration-card{position:relative;width:min(460px,100%);padding:34px 28px 30px;text-align:center;border:1px solid rgba(160,147,255,.32);border-radius:30px;background:radial-gradient(circle at 50% 0%,rgba(145,107,255,.28),transparent 42%),linear-gradient(155deg,#191d31,#0a1019 72%);box-shadow:0 40px 120px rgba(0,0,0,.58),0 0 80px rgba(111,99,255,.18);animation:questCelebrationPop .55s cubic-bezier(.15,.9,.2,1) both}
@keyframes questCelebrationPop{0%{opacity:0;transform:scale(.72) translateY(30px)}65%{transform:scale(1.035)}100%{opacity:1;transform:scale(1)}}
.quest-celebration-card::before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#8a7cff,transparent 38%,#65e7d1);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.quest-celebration-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(111,99,255,.13);color:#b8b1ff;font-size:9px;font-weight:950;letter-spacing:.14em}.quest-celebration-coin{display:grid;place-items:center;width:96px;height:96px;margin:22px auto 13px;border:1px solid rgba(124,240,204,.3);border-radius:30px;background:linear-gradient(145deg,#675bff,#8868ff);box-shadow:0 0 55px rgba(111,99,255,.36),inset 0 1px 0 rgba(255,255,255,.18);font-size:27px;font-weight:950;animation:questCoinDrop .8s .05s cubic-bezier(.15,.88,.2,1) both,questCoinIdle 2.8s 1s ease-in-out infinite}
@keyframes questCoinDrop{from{opacity:0;transform:translateY(-65px) rotate(-22deg) scale(.6)}70%{transform:translateY(5px) rotate(4deg) scale(1.08)}to{opacity:1;transform:none}}
@keyframes questCoinIdle{50%{transform:translateY(-5px) rotate(3deg)}}
.quest-celebration-card h2{margin:4px 0 3px;font-size:27px}.quest-celebration-amount{display:block;margin:7px 0 8px;font-size:48px;line-height:1;font-weight:950;letter-spacing:-.045em;background:linear-gradient(100deg,#fff,#8ce8c8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.quest-celebration-card p{margin:0;color:#8f9db0;font-size:11px}.quest-celebration-close{margin-top:18px;color:#6f7d90;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.quest-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.quest-confetti i{position:absolute;left:50%;top:50%;width:7px;height:12px;border-radius:3px;background:var(--particle-color,#8b7fff);animation:questConfettiFly var(--particle-duration,1.2s) var(--particle-delay,0s) cubic-bezier(.2,.7,.2,1) forwards;transform:translate(-50%,-50%)}
@keyframes questConfettiFly{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(.4)}100%{opacity:0;transform:translate(calc(-50% + var(--particle-x)),calc(-50% + var(--particle-y))) rotate(var(--particle-r)) scale(1)}}
.quest-screen-flash{position:fixed;inset:0;z-index:279;pointer-events:none;background:radial-gradient(circle,rgba(155,136,255,.24),transparent 58%);animation:questScreenFlash .65s ease-out both}@keyframes questScreenFlash{from{opacity:1}to{opacity:0}}
.quest-mini-status{position:fixed;left:50%;bottom:30px;z-index:245;transform:translateX(-50%);padding:10px 14px;border:1px solid rgba(127,116,255,.24);border-radius:999px;background:rgba(13,19,29,.92);backdrop-filter:blur(12px);color:#d9d6ff;font-size:10px;font-weight:900;box-shadow:0 15px 40px rgba(0,0,0,.3);animation:questMiniIn .28s ease both}@keyframes questMiniIn{from{opacity:0;transform:translate(-50%,12px) scale(.95)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(max-width:820px){.quest-page-hero{padding-top:56px}.quest-tabs{top:78px;width:100%}.quest-summary-card{min-height:124px}.quest-rank-stage{padding:22px}.quest-rank-main h2{font-size:38px}.quest-rank-orbits{width:126px;height:126px}.quest-rank-emblem{width:88px;height:88px}.quest-history-entry{grid-template-columns:auto minmax(0,1fr)}.quest-history-reward{grid-column:2;text-align:left}}
@media(max-width:560px){.quest-page{padding-bottom:60px}.quest-page-hero{padding-top:42px;padding-bottom:25px}.quest-page-hero h1{font-size:45px}.quest-page-hero p{font-size:13px}.quest-summary-grid{gap:10px}.quest-summary-card{padding:17px 18px;min-height:112px}.quest-summary-card strong{font-size:23px}.quest-tabs{top:72px;border-radius:16px;padding:6px}.quest-tab{padding:9px 11px;font-size:11px}.quest-period-shell,.quest-claim-shell,.quest-history-shell{padding:17px;border-radius:22px}.quest-set-progress{grid-template-columns:1fr auto;padding:14px}.quest-card{min-height:0}.quest-action-modal{padding:21px}.quest-action-modal-actions{grid-template-columns:1fr}.quest-celebration-card{padding:28px 20px}.quest-celebration-amount{font-size:42px}.quest-rank-stage{min-height:0}.quest-rank-main h2{font-size:34px}.quest-history-list{padding-left:20px}.quest-history-entry::before{left:-18px}}
@media(prefers-reduced-motion:reduce){.quest-page::before,.quest-page::after,.quest-page-hero h1,.quest-summary-card:after,.quest-reset-box::after,.quest-set-progress::after,.quest-set-track::after,.quest-progress-track::after,.boss-health-track::after,.quest-rank-progress::after,.quest-card-icon,.quest-rank-stage::before,.quest-rank-orbits::before,.quest-rank-orbits::after,.quest-rank-emblem,.quest-reward-icon,.quest-reward-card::after,.quest-claim-button::after,.quest-confetti i{animation:none!important}.quest-card.quest-card-enter,.quest-history-entry,.quest-summary-card,.quest-tabs{animation:none!important}}


/* ==== V52 human-made homepage / bilingual motion system ==== */
:root{--v52-violet:#7c6cff;--v52-violet2:#a56cff;--v52-cyan:#5ad7ff;--v52-card:#101621;--v52-card2:#151b28}
.v52-lang-switch{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid rgba(255,255,255,.07);background:rgba(16,22,32,.72);border-radius:12px;direction:ltr}.v52-lang-switch button{border:0;background:transparent;color:#7f8a9b;padding:7px 8px;border-radius:8px;font-size:10px;font-weight:900;cursor:pointer;transition:.2s ease}.v52-lang-switch button:hover{color:#fff}.v52-lang-switch button.is-active{color:#fff;background:rgba(124,108,255,.18);box-shadow:inset 0 0 0 1px rgba(156,145,255,.18)}.v52-lang-switch span{color:#3b4554;font-size:9px}
[data-view="home"]{overflow:visible}.v52-hero{min-height:760px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);align-items:center;gap:72px;padding:88px 0 72px;position:relative;isolation:isolate}.v52-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.v52-ambient i{position:absolute;border-radius:50%;filter:blur(1px);opacity:.6;animation:v52Float 11s ease-in-out infinite}.v52-ambient i:nth-child(1){width:340px;height:340px;right:3%;top:9%;background:radial-gradient(circle,rgba(124,108,255,.14),transparent 70%)}.v52-ambient i:nth-child(2){width:210px;height:210px;left:28%;top:10%;background:radial-gradient(circle,rgba(90,215,255,.08),transparent 72%);animation-delay:-3s}.v52-ambient i:nth-child(3){width:110px;height:110px;right:33%;bottom:8%;border:1px solid rgba(124,108,255,.12);animation-delay:-6s}.v52-ambient i:nth-child(4){width:12px;height:12px;left:5%;top:28%;background:#776cff;box-shadow:0 0 26px rgba(124,108,255,.6);animation-delay:-2s}@keyframes v52Float{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-18px,0) rotate(4deg)}}
.v52-announcement{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(136,124,255,.18);border-radius:999px;background:rgba(124,108,255,.06);font-size:9px;letter-spacing:.08em;margin-bottom:24px}.v52-announcement>span{width:6px;height:6px;border-radius:50%;background:#62e0ad;box-shadow:0 0 0 5px rgba(98,224,173,.07)}.v52-announcement b{color:#b8b0ff}.v52-announcement small{color:#687486;border-left:1px solid rgba(255,255,255,.08);padding-left:8px}.v52-hero h1{font-size:clamp(52px,6vw,86px);line-height:.94;letter-spacing:-.06em;margin:0;max-width:800px}.v52-hero h1 em{font-style:normal;background:linear-gradient(100deg,#fff 8%,#b4adff 52%,#66d7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.v52-hero-copy>p{max-width:650px;color:#939fb0;font-size:16px;line-height:1.75;margin:26px 0}.v52-hero-actions .btn{position:relative;overflow:hidden}.v52-glow-action:after{content:"";position:absolute;inset:-1px;transform:translateX(-130%) skewX(-18deg);width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transition:transform .55s ease}.v52-glow-action:hover:after{transform:translateX(330%) skewX(-18deg)}.v52-glow-action:active,.v52-press:active{transform:translateY(1px) scale(.97)!important}.v52-proof-row{display:flex;align-items:center;gap:0;margin-top:34px;border-top:1px solid rgba(255,255,255,.055);max-width:560px}.v52-proof-row>span{display:grid;gap:2px;padding:16px 28px 0 0;margin-right:28px;border-right:1px solid rgba(255,255,255,.055)}.v52-proof-row>span:last-child{border-right:0}.v52-proof-row b{font-size:15px}.v52-proof-row small{font-size:9px;color:#687486;text-transform:uppercase;letter-spacing:.09em}
.v52-product-stage{position:relative;min-height:520px;display:grid;place-items:center;perspective:1000px}.v52-stage-glow{position:absolute;width:86%;height:68%;border-radius:50%;background:radial-gradient(circle,rgba(124,108,255,.24),rgba(90,215,255,.07) 42%,transparent 70%);filter:blur(45px);animation:v52Breathe 4.8s ease-in-out infinite}@keyframes v52Breathe{50%{transform:scale(1.07);opacity:.78}}.v52-stage-window{position:relative;width:min(580px,100%);min-height:440px;padding:18px;border:1px solid rgba(162,153,255,.19);border-radius:26px;background:linear-gradient(145deg,rgba(20,27,40,.98),rgba(10,14,22,.98));box-shadow:0 35px 100px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.04);transition:transform .2s ease,border-color .25s,box-shadow .25s;transform-style:preserve-3d;overflow:hidden}.v52-stage-window:hover{border-color:rgba(160,148,255,.35);box-shadow:0 42px 110px rgba(0,0,0,.5),0 0 55px rgba(124,108,255,.09)}.v52-stage-window:before{content:"";position:absolute;width:260px;height:260px;right:-110px;top:-130px;border-radius:50%;background:rgba(124,108,255,.11);filter:blur(35px)}.v52-stage-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:3px 3px 16px;border-bottom:1px solid rgba(255,255,255,.055)}.v52-stage-brand{display:flex;align-items:center;gap:10px}.v52-bot-orb{width:38px;height:38px;border-radius:13px;background:radial-gradient(circle at 32% 28%,#bcb4ff,#7367ff 38%,#3e358e 70%,#171c29);box-shadow:0 8px 25px rgba(115,103,255,.3),inset 0 1px 5px rgba(255,255,255,.3)}.v52-stage-brand>div{display:grid;gap:2px}.v52-stage-brand strong{font-size:12px}.v52-stage-brand small{display:flex;align-items:center;gap:6px;color:#748194;font-size:9px}.v52-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#52dda3;box-shadow:0 0 0 4px rgba(82,221,163,.08);animation:v52Pulse 2s ease-in-out infinite}@keyframes v52Pulse{50%{box-shadow:0 0 0 8px rgba(82,221,163,0)}}.v52-stage-live{padding:5px 8px;border-radius:999px;background:rgba(82,221,163,.07);border:1px solid rgba(82,221,163,.16);color:#7fe4b7;font-size:8px;font-weight:900;letter-spacing:.08em}.v52-demo-tabs{display:flex;gap:6px;padding:15px 0 12px;overflow:auto;scrollbar-width:none}.v52-demo-tabs button{border:1px solid rgba(255,255,255,.06);background:#0d131d;color:#6f7b8c;border-radius:9px;padding:7px 10px;font-size:9px;font-weight:900;cursor:pointer;transition:.18s}.v52-demo-tabs button:hover,.v52-demo-tabs button.is-active{color:#fff;border-color:rgba(133,120,255,.28);background:rgba(124,108,255,.11);box-shadow:0 0 22px rgba(124,108,255,.07)}.v52-demo-screen{position:relative;min-height:270px;border:1px solid rgba(255,255,255,.055);border-radius:17px;background:#0b1018;overflow:hidden}.v52-demo-panel{position:absolute;inset:0;padding:18px;opacity:0;transform:translateY(8px) scale(.99);pointer-events:none;transition:opacity .28s ease,transform .28s ease}.v52-demo-panel.is-active{opacity:1;transform:none;pointer-events:auto}.v52-demo-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.v52-demo-heading>span{font-size:12px;font-weight:850}.v52-demo-heading>b{font-size:8px;color:#6cdbaa;letter-spacing:.06em}.v52-message-line{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px;border:1px solid rgba(255,100,120,.12);background:rgba(255,85,105,.04);border-radius:12px}.v52-message-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#2e394a,#171d29)}.v52-message-line>div{display:grid;gap:2px;min-width:0}.v52-message-line small{color:#667386;font-size:8px}.v52-message-line strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v52-message-line>i{font-style:normal;font-size:7px;font-weight:950;color:#ff8e9e;padding:5px 6px;border-radius:7px;background:rgba(255,89,108,.08)}.v52-protection-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.v52-protection-grid span{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:10px;background:#111823;border:1px solid rgba(255,255,255,.04)}.v52-protection-grid b{font-size:9px}.v52-protection-grid i{font-style:normal;color:#68ddad;font-size:7px;font-weight:900}.v52-ticket-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:12px;border:1px solid rgba(124,108,255,.14);border-radius:11px;background:rgba(124,108,255,.05)}.v52-ticket-row span,.v52-ticket-row i{font-size:7px;color:#8d83ff;font-style:normal;font-weight:900}.v52-ticket-row strong{font-size:10px}.v52-ticket-actions{display:flex;gap:7px;margin:11px 0}.v52-ticket-actions button{border:1px solid rgba(255,255,255,.06);background:#121924;color:#dce1eb;padding:7px 10px;border-radius:8px;font-size:8px;font-weight:850}.v52-demo-log{padding:11px;border-radius:10px;background:#0e151f;color:#718094;font-size:8px}.v52-quest-mini{margin:10px 0}.v52-quest-mini>span{display:flex;justify-content:space-between;margin-bottom:5px}.v52-quest-mini b{font-size:9px}.v52-quest-mini small{font-size:8px;color:#697689}.v52-quest-mini>div{height:6px;border-radius:999px;background:#171d29;overflow:hidden}.v52-quest-mini i{display:block;width:var(--p);height:100%;border-radius:inherit;background:linear-gradient(90deg,#786cff,#aa71ff);box-shadow:0 0 16px rgba(124,108,255,.3);transform-origin:left;animation:v52Fill .8s cubic-bezier(.2,.8,.2,1)}.v52-quest-mini i.done{background:linear-gradient(90deg,#52dba2,#74e6b8)}@keyframes v52Fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}.v52-credit-balance{display:flex;align-items:baseline;gap:7px;padding:22px;border-radius:14px;background:linear-gradient(135deg,rgba(124,108,255,.11),rgba(90,215,255,.03));border:1px solid rgba(124,108,255,.14)}.v52-credit-balance small{display:block;color:#6e7a8c;font-size:8px;margin-right:auto}.v52-credit-balance strong{font-size:32px;letter-spacing:-.04em}.v52-credit-balance>span{font-size:10px;color:#9c93ff;font-weight:900}.v52-credit-feed{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.v52-credit-feed span{padding:11px;border-radius:10px;background:#111823;display:grid;gap:3px}.v52-credit-feed b{font-size:9px}.v52-credit-feed small{font-size:7px;color:#667386}.v52-stage-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 2px 0;color:#657184;font-size:8px}.v52-stage-footer>span{display:flex;align-items:center;gap:5px}.v52-stage-footer strong{color:#dce2eb}.v52-stage-footer i{width:5px;height:5px;border-radius:50%;background:#63dfa9}.v52-float-chip{position:absolute;padding:7px 10px;border:1px solid rgba(255,255,255,.08);background:rgba(15,20,30,.88);backdrop-filter:blur(10px);border-radius:999px;color:#8e98a8;font-size:8px;font-weight:900;box-shadow:0 12px 35px rgba(0,0,0,.3);animation:v52ChipFloat 5s ease-in-out infinite}.v52-float-chip.chip-a{left:-13px;top:22%}.v52-float-chip.chip-b{right:-8px;top:60%;animation-delay:-1.7s}.v52-float-chip.chip-c{left:9%;bottom:4%;animation-delay:-3.1s}@keyframes v52ChipFloat{50%{transform:translateY(-9px) rotate(1deg)}}
.v52-trust-strip{margin:6px 0 70px;padding:18px 20px;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);display:flex;align-items:center;justify-content:space-between;gap:28px}.v52-trust-strip p{margin:0;color:#8e99a9;font-size:11px}.v52-trust-strip p strong{color:#fff}.v52-trust-strip>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v52-trust-strip span{font-size:8px;font-weight:800;color:#687486;padding:6px 8px;border:1px solid rgba(255,255,255,.055);border-radius:999px}
.v52-story{min-height:610px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);align-items:center;gap:80px;padding:92px 0;border-top:1px solid rgba(255,255,255,.05)}.v52-story.is-reverse .v52-story-copy{order:2}.v52-story.is-reverse .v52-story-visual{order:1}.v52-kicker{display:inline-block;color:#958cff;font-size:9px;font-weight:950;letter-spacing:.12em;margin-bottom:16px}.v52-story-copy h2{font-size:clamp(34px,4.2vw,56px);letter-spacing:-.045em;line-height:1.02;margin:0 0 17px;max-width:650px}.v52-story-copy>p{color:#8e9aab;line-height:1.75;font-size:14px;max-width:610px}.v52-story-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.v52-story-points span,.v52-command-pills button{padding:8px 10px;border:1px solid rgba(255,255,255,.065);border-radius:999px;background:rgba(255,255,255,.025);color:#9aa5b5;font-size:9px;font-weight:800}.v52-story-visual{min-height:420px;border:1px solid rgba(255,255,255,.065);border-radius:26px;background:linear-gradient(145deg,#111722,#0b1018);position:relative;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.24);transition:transform .2s ease,border-color .25s,box-shadow .25s;transform-style:preserve-3d}.v52-story-visual:hover{border-color:rgba(124,108,255,.2);box-shadow:0 34px 90px rgba(0,0,0,.3),0 0 50px rgba(124,108,255,.05)}
.v52-security-visual{display:grid;place-items:center}.v52-security-visual:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid rgba(124,108,255,.08);box-shadow:0 0 80px rgba(124,108,255,.06),inset 0 0 80px rgba(124,108,255,.03)}.v52-shield{width:160px;height:160px;border-radius:48% 48% 54% 54%;display:grid;place-items:center;align-content:center;gap:4px;background:linear-gradient(145deg,rgba(124,108,255,.18),rgba(30,37,53,.95));border:1px solid rgba(155,145,255,.25);box-shadow:0 0 60px rgba(124,108,255,.13);z-index:2}.v52-shield span{font-size:28px;color:#77e0b6}.v52-shield b{font-size:12px}.v52-shield small{font-size:7px;color:#69768a}.v52-threat{position:absolute;width:min(245px,44%);padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(16,22,32,.9);display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;box-shadow:0 16px 45px rgba(0,0,0,.25);animation:v52Threat 6s ease-in-out infinite}.v52-threat i{width:7px;height:7px;border-radius:50%;background:#ff7082;box-shadow:0 0 14px rgba(255,112,130,.38)}.v52-threat div{display:grid;gap:2px}.v52-threat b{font-size:8px}.v52-threat small{font-size:7px;color:#687486}.v52-threat strong{font-size:7px;color:#ff8392}.v52-threat-one{left:6%;top:15%}.v52-threat-two{right:5%;bottom:13%;animation-delay:-2.7s}@keyframes v52Threat{50%{transform:translateY(-10px)}}.v52-security-wave{position:absolute;inset:20%;border:1px solid rgba(124,108,255,.09);border-radius:50%;animation:v52Wave 3s ease-out infinite}@keyframes v52Wave{0%{transform:scale(.65);opacity:.8}100%{transform:scale(1.7);opacity:0}}
.v52-command-pills{display:flex;gap:8px;margin-top:22px}.v52-command-pills button{cursor:pointer}.v52-command-pills button.is-active{color:#fff;border-color:rgba(124,108,255,.28);background:rgba(124,108,255,.12);box-shadow:0 0 22px rgba(124,108,255,.08)}.v52-command-note{display:block;color:#657184;font-size:8px;margin-top:10px}.v52-command-visual{display:grid;place-items:center;padding:28px}.v52-command-window{width:min(470px,100%);padding:17px;border-radius:17px;border:1px solid rgba(124,108,255,.14);background:#0d121b;box-shadow:0 22px 60px rgba(0,0,0,.34);z-index:2}.v52-command-head{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.055);font-size:9px}.v52-command-head b{color:#978eff;font-size:7px}.v52-command-line{margin:14px 0;padding:12px;border-radius:10px;background:#121925;display:grid;gap:6px}.v52-command-line strong{color:#b4adff;font-size:11px}.v52-command-line span{color:#8894a5;font-size:8px;line-height:1.5}.v52-command-run{width:100%;border:0;border-radius:10px;background:linear-gradient(135deg,#7569f6,#5e55d7);color:white;padding:10px 12px;display:flex;justify-content:space-between;font-weight:900;font-size:9px;cursor:pointer;position:relative;overflow:hidden}.v52-command-result{display:flex;align-items:center;gap:7px;min-height:38px;padding:10px;margin-top:9px;border-radius:10px;background:rgba(80,219,161,.05);border:1px solid rgba(80,219,161,.11);font-size:8px;color:#8a96a6;opacity:.45;transform:scale(.98);transition:.24s}.v52-command-result.is-fired{opacity:1;transform:none;box-shadow:0 0 30px rgba(80,219,161,.06)}.v52-command-result i{font-style:normal;color:#67dfac}.v52-ticket-stack{position:absolute;right:3%;bottom:6%;display:flex;gap:5px;transform:rotate(-4deg)}.v52-ticket-stack span{padding:7px 9px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#151c28;color:#6f7c8f;font-size:7px;box-shadow:0 10px 25px rgba(0,0,0,.22)}
.v52-progress-visual{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:center;padding:32px}.v52-progress-head{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:8px;color:#798598;font-weight:900;letter-spacing:.08em}.v52-progress-head b{color:#a49cff}.v52-progress-ring{position:relative;width:190px;height:190px;display:grid;place-items:center}.v52-progress-ring svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.v52-progress-ring circle{fill:none;stroke:#1b2230;stroke-width:9}.v52-progress-ring circle.meter{stroke:url(#none);stroke:#8376ff;stroke-linecap:round;stroke-dasharray:301.6;stroke-dashoffset:102;filter:drop-shadow(0 0 8px rgba(124,108,255,.28));animation:v52Ring 1s ease both}@keyframes v52Ring{from{stroke-dashoffset:301.6}}.v52-progress-ring>div{display:grid;text-align:center}.v52-progress-ring b{font-size:30px}.v52-progress-ring small{color:#718094;font-size:8px}.v52-progress-bars{display:grid;gap:18px;padding-top:34px}.v52-progress-bars>span{display:grid;grid-template-columns:1fr auto;gap:5px}.v52-progress-bars b,.v52-progress-bars small{font-size:8px}.v52-progress-bars small{color:#657184}.v52-progress-bars i{grid-column:1/-1;height:7px;border-radius:999px;background:#171e2a;overflow:hidden}.v52-progress-bars em{display:block;width:var(--p);height:100%;border-radius:inherit;background:linear-gradient(90deg,#7468f4,#ae73ff);animation:v52Bar 1s ease both}@keyframes v52Bar{from{width:0}}.v52-zc-pop{position:absolute;right:28px;bottom:24px;padding:10px 12px;border-radius:12px;background:rgba(124,108,255,.11);border:1px solid rgba(124,108,255,.18);color:#c8c3ff;font-weight:950;font-size:13px;animation:v52Zc 3s ease-in-out infinite}.v52-zc-pop small{font-size:7px}@keyframes v52Zc{50%{transform:translateY(-6px);box-shadow:0 0 25px rgba(124,108,255,.11)}}
.v52-welcome-visual{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:16px;padding:28px}.v52-welcome-editor{padding:17px;border-radius:16px;background:#0d131d;border:1px solid rgba(255,255,255,.06);display:grid;gap:10px}.v52-editor-top{display:flex;justify-content:space-between;margin-bottom:4px}.v52-editor-top span{font-size:8px;color:#8f86ff;font-weight:900}.v52-editor-top i{font-size:7px;color:#62dda9;font-style:normal}.v52-welcome-editor label{display:grid;gap:5px;color:#647185;font-size:7px}.v52-welcome-editor label b{padding:9px;border-radius:8px;background:#121925;color:#cdd3dd;font-size:8px;font-weight:700}.v52-welcome-editor>div:last-child{display:flex;gap:7px}.v52-welcome-editor button{border:1px solid rgba(255,255,255,.06);background:#151c28;color:#aab4c3;border-radius:8px;padding:7px 10px;font-size:7px;font-weight:900}.v52-welcome-editor button:last-child{background:#7165e9;color:#fff;border-color:transparent}.v52-welcome-card{padding:16px;border-radius:16px;border:1px solid rgba(124,108,255,.14);background:linear-gradient(145deg,rgba(124,108,255,.1),rgba(15,20,30,.96));display:flex;align-items:center;gap:10px;box-shadow:0 20px 50px rgba(0,0,0,.24);animation:v52Welcome 5s ease-in-out infinite}.v52-welcome-card .v52-bot-orb{width:34px;height:34px;border-radius:11px}.v52-welcome-card>div{display:grid;gap:3px}.v52-welcome-card small,.v52-welcome-card em{font-size:7px;color:#6f7c8e;font-style:normal}.v52-welcome-card b{font-size:9px}@keyframes v52Welcome{50%{transform:translateY(-7px) rotate(.4deg)}}
.v52-feature-cloud{padding-top:95px;border-top:1px solid rgba(255,255,255,.05)}.v52-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v52-feature-grid article{min-height:155px;padding:18px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:linear-gradient(145deg,#101620,#0c1119);transition:.22s ease;position:relative;overflow:hidden}.v52-feature-grid article:after{content:"";position:absolute;width:90px;height:90px;right:-45px;bottom:-55px;border-radius:50%;background:rgba(124,108,255,.11);filter:blur(14px);opacity:0;transition:.25s}.v52-feature-grid article:hover{transform:translateY(-4px);border-color:rgba(124,108,255,.19);box-shadow:0 18px 50px rgba(0,0,0,.18)}.v52-feature-grid article:hover:after{opacity:1}.v52-feature-grid i{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(124,108,255,.09);color:#9e96ff;font-style:normal;font-size:8px;font-weight:900}.v52-feature-grid b{display:block;margin:20px 0 7px;font-size:13px}.v52-feature-grid p{margin:0;color:#718094;font-size:10px;line-height:1.6}.v52-community-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v52-community-grid a{display:grid;grid-template-columns:1fr auto;gap:4px;padding:20px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:#0f151f;transition:.22s}.v52-community-grid a:hover{transform:translateY(-3px);border-color:rgba(124,108,255,.2);background:#121925}.v52-community-grid a span{font-weight:900;font-size:15px}.v52-community-grid a small{grid-row:2;color:#697688;font-size:8px}.v52-community-grid a b{grid-row:1/3;grid-column:2;align-self:center;color:#9d95ff;font-size:9px}.v52-final-cta{margin:30px 0 100px;padding:38px;border:1px solid rgba(124,108,255,.17);border-radius:24px;background:linear-gradient(135deg,rgba(124,108,255,.1),rgba(13,18,27,.96));display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.v52-final-cta:after{content:"";position:absolute;width:260px;height:260px;right:-100px;top:-130px;background:rgba(124,108,255,.11);filter:blur(30px);border-radius:50%}.v52-final-cta>*{position:relative;z-index:1}.v52-final-cta h2{font-size:34px;letter-spacing:-.04em;margin:4px 0 8px}.v52-final-cta p{color:#7d899b;margin:0;max-width:650px}.v52-final-cta>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
/* reveal both in and out */
.v52-reveal.reveal-managed{opacity:0;filter:blur(4px);transition:opacity .58s cubic-bezier(.2,.72,.2,1),transform .58s cubic-bezier(.2,.72,.2,1),filter .58s ease}.v52-reveal.reveal-managed[data-reveal="left"]{transform:translate3d(-34px,12px,0) scale(.985)}.v52-reveal.reveal-managed[data-reveal="right"]{transform:translate3d(34px,12px,0) scale(.985)}.v52-reveal.reveal-managed[data-reveal="up"]{transform:translate3d(0,30px,0) scale(.99)}.v52-reveal.reveal-managed.is-visible{opacity:1;filter:none;transform:none}.v52-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.18);transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:v52Ripple .55s ease-out forwards}@keyframes v52Ripple{to{transform:translate(-50%,-50%) scale(5);opacity:0}}
html[dir="rtl"] body{font-family:"Noto Sans Arabic",Inter,sans-serif}.v52-stage-window,.v52-story-visual,.v52-command-window,.v52-welcome-editor{direction:ltr}html[dir="rtl"] .v52-hero-copy,html[dir="rtl"] .v52-story-copy,html[dir="rtl"] .section-heading{text-align:right}html[dir="rtl"] .v52-announcement small{border-left:0;border-right:1px solid rgba(255,255,255,.08);padding-left:0;padding-right:8px}html[dir="rtl"] .v52-proof-row>span{padding:16px 0 0 28px;margin-right:0;margin-left:28px;border-right:0;border-left:1px solid rgba(255,255,255,.055)}html[dir="rtl"] .v52-proof-row>span:last-child{border-left:0}html[dir="rtl"] .v52-kicker,html[dir="rtl"] .section-heading>span{letter-spacing:0}.v52-tilting{will-change:transform}
@media(max-width:1050px){.v52-hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding-top:64px}.v52-product-stage{min-height:490px}.v52-stage-window{max-width:650px}.v52-story,.v52-story.is-reverse{grid-template-columns:1fr;gap:34px;min-height:auto;padding:72px 0}.v52-story.is-reverse .v52-story-copy,.v52-story.is-reverse .v52-story-visual{order:initial}.v52-story-visual{min-height:390px}.v52-trust-strip{align-items:flex-start;flex-direction:column}.v52-trust-strip>div{justify-content:flex-start}.v52-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.v52-lang-switch{margin-left:auto}.site-header.open .v52-lang-switch{order:2}.site-header.open .site-nav{order:3}.site-header.open .site-actions{order:4}.mobile-nav{order:5}.v52-float-chip{display:none}}
@media(max-width:620px){.v52-hero{padding-top:48px}.v52-hero h1{font-size:47px}.v52-hero-copy>p{font-size:14px}.v52-proof-row>span{padding-right:16px;margin-right:16px}.v52-product-stage{min-height:420px}.v52-stage-window{padding:13px;border-radius:20px}.v52-demo-screen{min-height:280px}.v52-stage-footer{align-items:flex-start;gap:8px;flex-direction:column}.v52-story{padding:58px 0;gap:26px}.v52-story-copy h2{font-size:37px}.v52-story-visual{min-height:350px;border-radius:20px}.v52-threat{width:54%}.v52-command-visual{padding:15px}.v52-progress-visual{grid-template-columns:1fr;padding:58px 18px 22px}.v52-progress-ring{width:145px;height:145px;margin:auto}.v52-progress-bars{padding-top:0}.v52-welcome-visual{grid-template-columns:1fr;padding:17px}.v52-welcome-card{max-width:85%;margin-left:auto}.v52-feature-grid,.v52-community-grid{grid-template-columns:1fr}.v52-final-cta{padding:25px;align-items:flex-start;flex-direction:column}.v52-final-cta h2{font-size:29px}.v52-lang-switch button{padding:6px}.v52-lang-switch span{display:none}}
@media(prefers-reduced-motion:reduce){.v52-ambient i,.v52-stage-glow,.v52-live-dot,.v52-float-chip,.v52-security-wave,.v52-threat,.v52-zc-pop,.v52-welcome-card,.v52-quest-mini i,.v52-progress-ring circle.meter,.v52-progress-bars em{animation:none!important}.v52-reveal.reveal-managed{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}