:root{--bg:#050108;--bg2:#12031f;--panel:#12071d99;--panel2:#1a0b2caa;--text:#f8f5ff;--muted:#b7a9cc;--line:#7c3aed44;--neon:#a855f7;--neon2:#ec4899;--blue:#2f7dff;--danger:#ff4545;--card:#100816ee}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 18% 0,#4c1285 0,#160424 34%,#050108 74%);color:var(--text);overflow-x:hidden}button,input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}.page{display:none;min-height:100vh}.page.active{display:block}.glass,.panel,.card,.auth-card{background:linear-gradient(135deg,#ffffff12,#ffffff07);border:1px solid var(--line);box-shadow:0 18px 60px #0008;backdrop-filter:blur(14px)}#particlesCanvas{position:fixed;inset:0;z-index:1;pointer-events:none}.ambient{position:fixed;border-radius:50%;filter:blur(70px);opacity:.35;z-index:0}.ambient.one{width:380px;height:380px;background:#7c3aed;left:4%;top:5%}.ambient.two{width:440px;height:440px;background:#db2777;right:-8%;bottom:-8%}.topbar{position:relative;z-index:2;max-width:1280px;margin:24px auto;padding:13px 24px;border-radius:28px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand-icon{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--neon));display:grid;place-items:center}.topbar nav{display:flex;gap:28px;margin:auto;color:#d9d1e9}.topbar nav a:hover{color:#fff}.smallbar{max-width:950px}.btn{border:0;border-radius:12px;padding:12px 18px;color:#fff;font-weight:800;cursor:pointer;background:#ffffff14;border:1px solid #ffffff20;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.12)}.btn.primary{background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 0 28px #a855f744}.btn.dark{background:#ffffff12}.btn.ghost{background:#fff;color:#111}.btn.big{padding:16px 26px}.btn.small{padding:9px 12px;font-size:13px}.btn.full{width:100%}.theme-toggle,.menu-btn,.sound-btn{border:0;border-radius:14px;padding:10px 14px;background:#ffffff16;color:white;font-weight:900;cursor:pointer}.hero{position:relative;z-index:2;display:grid;place-items:center;text-align:center;padding:70px 20px}.pill{display:inline-flex;padding:12px 20px;border-radius:999px;background:#7c3aed22;border:1px solid #a855f755;color:#c4a2ff;font-weight:800}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.98;margin:28px 0 20px;letter-spacing:-3px}.hero p{font-size:20px;color:#c7bdd9;max-width:720px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0}.stats div{min-width:190px;padding:22px;border-radius:18px;background:#0c0612cc;border:1px solid #ffffff10}.stats span{display:block;color:#bcb1ca;font-size:13px;font-weight:800}.stats strong{font-size:34px;color:#b36dff}.user-marquee{display:flex;gap:30px;opacity:.9;flex-wrap:wrap;justify-content:center}.user-marquee div{padding:12px 16px;border-radius:999px;background:#ffffff08}.user-marquee small{color:#a99bb8;margin-left:4px}.auth-wrap{position:relative;z-index:2;min-height:75vh;display:grid;place-items:center}.auth-card{width:min(420px,94vw);padding:30px;border-radius:18px;display:none}.auth-title{display:flex;gap:12px;margin-bottom:18px}.auth-title span{width:42px;height:42px;border-radius:12px;background:#7c3aed33;display:grid;place-items:center}.auth-title h2{margin:0}.auth-title p{margin:4px 0;color:var(--muted)}label{display:block;font-weight:800;margin:16px 0 8px}small{color:#bba8db}input,textarea,select{width:100%;background:#0b1118;border:1px solid #7c3aed55;border-radius:10px;color:white;padding:14px;outline:none}textarea{min-height:90px;resize:vertical}.slug-row{display:flex}.slug-row span{background:#ffffff12;border:1px solid #7c3aed55;border-right:0;padding:14px;border-radius:10px 0 0 10px}.slug-row input{border-radius:0 10px 10px 0}.switch{text-align:center;color:var(--muted)}.switch a{color:#c084fc;font-weight:900}.dash-page{position:relative;z-index:2}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:#06020dcc;border-right:1px solid #7c3aed55;z-index:8;display:flex;flex-direction:column;padding:22px}.side-head{display:flex;justify-content:space-between;font-size:23px;margin-bottom:28px}.side-head button{background:none;border:0;color:#fff;font-size:28px}.side-link{padding:15px 18px;margin:4px 0;border-radius:12px;color:#f2eaff;cursor:pointer}.side-link:hover,.side-link.active{background:linear-gradient(90deg,#7c3aed66,#ec489966)}.side-user{margin-top:auto;display:flex;gap:12px;align-items:center;padding-top:18px;border-top:1px solid #ffffff15}.avatar{display:inline-block;width:78px;height:78px;border-radius:50%;background:#d8e2ee center/cover;border:3px solid #2f7dff}.avatar.tiny{width:42px;height:42px}.dash-main{margin-left:280px;min-height:100vh;padding:24px 28px}.dash-top{display:flex;align-items:center;gap:14px;margin-bottom:22px}.dash-top h2{font-size:30px;margin:0}.spacer{flex:1}.notice{padding:20px 24px;border-radius:12px;margin-bottom:26px;background:#13031acc}.notice p{margin:6px 0 15px;color:#d7cde2}.dash-tab{display:none}.dash-tab.active{display:block}.panel{border-radius:14px;padding:26px;margin-bottom:24px}.hero-panel{background:linear-gradient(135deg,#190825,#250638)}.hero-panel h1{font-size:38px;margin:0 0 8px}.hero-panel p{color:#d6cadf}.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.card{border-radius:13px;padding:22px;background:#100616cc}.card span{display:block;color:#c6b8d3}.card b{font-size:24px}.card em,.panel em{float:right;font-size:11px;background:#000;padding:4px 8px;border-radius:7px}.profile-card{display:flex;align-items:center;gap:22px}.profile-card h2{margin:0}.profile-card p{margin:4px 0 10px;color:#bbaece}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:22px}.blocked{text-align:center;background:#06080d;border-radius:8px;padding:12px;color:#baaec6}.group-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}.group-actions button{background:#ffffff12;border:1px solid #ffffff22;color:#fff;border-radius:10px;padding:24px 8px;font-weight:800}.updates article{padding:14px 0;border-bottom:1px solid #ffffff12}.updates span{float:right;font-size:12px;color:#baaec6}.form-panel{max-width:900px}.helpbox{padding:14px;border-radius:10px;background:#7c3aed18;border:1px solid #7c3aed44;color:#d8cdea;margin:12px 0}.check{display:flex;gap:12px;align-items:center}.check input{width:auto}.link-row,.social-row{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;margin:12px 0}.social-row{grid-template-columns:160px 1fr 80px auto}.delete{background:#ef4444;border:0;color:#fff;border-radius:10px;padding:0 16px;font-weight:900}.asset-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.asset-tabs button{background:#ffffff10;color:#fff;border:1px solid #ffffff20;border-radius:10px;padding:10px 14px;font-weight:800}.asset-tabs button.active{background:linear-gradient(135deg,#7c3aed,#ec4899)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.asset-card{border-radius:15px;overflow:hidden;background:#0b0610;border:1px solid #7c3aed44}.asset-preview{height:120px;background:center/cover}.asset-body{padding:12px}.asset-body b{display:block}.asset-body small{display:block;margin:5px 0}.premium-tag{display:inline-block;background:#f59e0b;color:#111;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:900}.profile-page{position:relative;min-height:100vh;display:none;place-items:center;overflow:hidden;background:#020106}.profile-page.active{display:grid}.profile-video,.profile-bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.profile-bg{background:center/cover no-repeat;filter:brightness(.55);transform:scale(1.02)}.profile-video{filter:brightness(.55);display:none}.profile-video.show{display:block}.profile-page:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 35%,transparent,#0008 52%,#000 100%);z-index:0}.madeby{position:fixed;right:18px;top:18px;z-index:5;background:#f4f4f7;color:#111;border-radius:7px;padding:10px 14px;font-weight:900;font-size:13px}.sound-btn{position:fixed;left:18px;top:18px;z-index:5;background:#f4f4f7;color:#111}.entry-overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#020106ee;cursor:pointer}.entry-overlay.hidden{opacity:0;pointer-events:none;transition:.5s}.entry-overlay h1{font-size:36px}.entry-overlay span{font-size:40px;display:block;text-align:center;animation:float 1.8s infinite}.profile-wrap{position:relative;z-index:2;width:min(500px,92vw);text-align:center;background:#06030bcc;border-radius:26px;padding:0 24px 24px;border:1px solid #ffffff0d;box-shadow:0 30px 100px #000c}.profile-banner{height:145px;margin:0 -24px 0;border-radius:24px 24px 0 0;background:#1a0b2c center/cover}.avatar-decoration{width:130px;height:130px;margin:-64px auto 12px;position:relative;display:grid;place-items:center}.big-avatar{width:94px;height:94px;position:relative;z-index:2}.profile-frame{position:absolute;inset:-12px;width:154px;height:154px;object-fit:contain;z-index:4;pointer-events:none}.decor-css{position:absolute;inset:0;border-radius:50%;z-index:3;pointer-events:none}.avatar-decoration.purple-ring .decor-css{border:5px solid #a855f7;box-shadow:0 0 25px #a855f7;animation:spin 5s linear infinite}.avatar-decoration.red-ring .decor-css{border:5px solid #ef4444;box-shadow:0 0 25px #ef4444;animation:pulse 1.6s infinite}.avatar-decoration.sparkle-frame .decor-css:before{content:"✦ ✧ ✦ ✧";position:absolute;inset:-18px;color:white;text-shadow:0 0 12px white;font-size:22px;letter-spacing:16px;animation:spin 8s linear infinite}.avatar-decoration.flame-frame .decor-css{background:conic-gradient(from 0deg,#0000,#a855f7,#ec4899,#0000,#a855f7);filter:blur(3px);animation:spin 3s linear infinite}.avatar-decoration.orbit-frame .decor-css{border:2px dashed #c084fc;box-shadow:0 0 40px #c084fc;animation:spin 2.8s linear infinite}.profile-wrap h1{margin:0;font-size:29px}.profile-wrap h1 i{font-style:normal;background:#2f7dff;border-radius:50%;font-size:14px;padding:4px 7px}.profile-wrap>p{margin:8px}.bio{color:#eee;line-height:1.5}.profile-socials{display:flex;justify-content:center;gap:10px;margin:16px 0}.social-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);font-weight:900}.profile-meta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.profile-meta span{background:#ffffff12;border:1px solid #ffffff20;padding:8px 13px;border-radius:999px;font-size:13px}.profile-links{display:grid;gap:12px;margin:18px 0}.profile-links a{display:block;padding:17px;border-radius:13px;background:#ffffff0d;border:1px solid #a855f744;font-weight:900}.profile-links a:hover{background:#a855f722;transform:translateY(-2px)}#profileParticleLayer{position:fixed;inset:0;z-index:1;pointer-events:none}.fx{position:absolute;color:white;text-shadow:0 0 12px currentColor;animation:fall linear infinite}.fx.star{color:#a78bfa}.fx.heart{color:#ff6ab7}.fx.ember{color:#ff914d}.fx.bubble{border:1px solid #a855f7;border-radius:50%;color:transparent;box-shadow:0 0 12px #a855f7}.simple-content{position:relative;z-index:2;max-width:800px;margin:120px auto;text-align:center}.simple-content h1{font-size:48px}.menu-btn{display:none}@keyframes fall{from{transform:translateY(-10vh) rotate(0deg);opacity:.9}to{transform:translateY(110vh) rotate(360deg);opacity:.2}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.07);filter:brightness(1.4)}}@keyframes float{50%{transform:translateY(-9px)}}@media(max-width:900px){.topbar nav{display:none}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.dash-main{margin-left:0;padding:18px}.menu-btn{display:block}.cards4,.grid2{grid-template-columns:1fr}.group-actions{grid-template-columns:1fr 1fr}.link-row,.social-row{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.hero h1{letter-spacing:-1px}} /* ===== Extras adicionados sem mudar a landing original ===== */ .upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.drop{height:120px;border:2px dashed #ffffff2d;border-radius:14px;display:grid;place-items:center;color:#c8b8db;background:#ffffff08;margin-top:8px}.shop-preview{display:grid;place-items:center;font-size:46px;background:radial-gradient(circle,#7c3aed55,#08020e)}.tag-grid{display:flex;flex-wrap:wrap;gap:10px}.tag-btn{border:1px solid #ffffff20;background:#ffffff0f;color:white;border-radius:9px;padding:9px 12px;cursor:pointer}.tag-btn.on{background:linear-gradient(135deg,#7c3aed,#ec4899);border-color:#c084fc}.history-table{width:100%;border-collapse:collapse;background:#06040a;border-radius:10px;overflow:hidden}.history-table th,.history-table td{padding:13px;border-bottom:1px solid #ffffff13;text-align:left}.status{display:inline-block;padding:4px 8px;border-radius:7px;font-size:12px;font-weight:900}.status.ok{background:#064e3b;color:#86efac}.status.wait{background:#713f12;color:#fde68a}.status.bad{background:#7f1d1d;color:#fecaca}.embed-item{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#ffffff08;border-radius:10px;padding:10px}.profile-tags{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:10px 0}.profile-tags span{font-size:12px;background:#ffffff12;border:1px solid #ffffff20;border-radius:999px;padding:6px 10px}.profile-embeds{display:grid;gap:12px;margin:12px 0}.profile-embeds iframe{width:100%;height:220px;border:0;border-radius:14px}.profile-wrap{background:color-mix(in srgb, var(--profileCardColor,#06030b) calc(var(--cardOpacity,1)*100%), transparent);backdrop-filter:blur(var(--profileBlur,0px))}.profile-wrap,.profile-wrap h1{color:var(--profileTextColor,#fff)}.profile-wrap.centered{text-align:center}.profile-wrap.layout-banner{width:min(760px,94vw)}.profile-wrap.perspective{transform-style:preserve-3d;animation:softTilt 5s ease-in-out infinite}.neon-title{text-shadow:0 0 10px var(--neon),0 0 28px var(--neon)}.shine-title{background:linear-gradient(90deg,#fff,#c084fc,#fff);-webkit-background-clip:text;color:transparent;background-size:220% auto;animation:shine 2s linear infinite}.rainbow-title{background:linear-gradient(90deg,#f0f,#0ff,#ff0,#f0f);-webkit-background-clip:text;color:transparent;background-size:300% auto;animation:shine 3s linear infinite}@keyframes shine{to{background-position:220% center}}@keyframes softTilt{50%{transform:perspective(900px) rotateX(1.5deg) rotateY(-1.5deg)}}@media(max-width:900px){.upload-grid{grid-template-columns:1fr}} /* ===== correções limpas pedidas ===== */ #toast{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:9999;background:#0b0710;border:1px solid #7c3aed77;color:#fff;padding:10px 14px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 40px)}#toast.show{opacity:1}.profile-page.active ~ #toast,#profile.active #toast{display:none} .sidebar{width:260px;padding:18px 14px;overflow-y:auto;scrollbar-width:thin}.dash-main{margin-left:260px}.side-head{align-items:center}.side-head button{width:32px;height:32px;border-radius:8px;background:#ffffff0b!important;border:1px solid #ffffff20!important;color:#fff!important;font-size:22px!important}.side-group{margin:6px 0}.side-title{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;color:#d8cfe8;padding:12px 8px;font-weight:800;cursor:pointer}.side-items{border-left:1px solid #ffffff17;margin-left:10px;padding-left:8px;display:block}.side-group:not(.open) .side-items{display:none}.side-link{display:block;padding:11px 13px;margin:4px 0;font-size:14px}.sidebar.collapsed{width:78px;padding:18px 10px}.sidebar.collapsed .side-head b,.sidebar.collapsed .side-title span,.sidebar.collapsed .side-user div{display:none}.sidebar.collapsed .side-title{justify-content:center;font-size:0}.sidebar.collapsed .side-title::first-letter{font-size:16px}.sidebar.collapsed .side-items{border-left:0;margin-left:0;padding-left:0}.sidebar.collapsed .side-link{font-size:0;text-align:center;padding:13px 8px}.sidebar.collapsed .side-link::first-letter{font-size:16px}.sidebar.collapsed + .dash-main{margin-left:78px} .profile-page{height:100vh;min-height:100vh;overflow:hidden;place-items:center!important}.profile-wrap{max-height:calc(100vh - 52px);overflow-y:auto;scrollbar-width:thin;margin:auto}.profile-links a{white-space:normal;overflow-wrap:anywhere}.profile-wrap h1{word-break:break-word}.profile-bg{background-color:#020106}.profile-socials a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);font-weight:900}.profile-embeds iframe{max-width:100%}.entry-overlay.hide,.entry-overlay.hidden{opacity:0;pointer-events:none;transition:.35s}.profile-page .madeby{font-size:12px}.profile-page .madeby.hide-brand{display:none} .modal{position:fixed;inset:0;background:#0009;display:none;place-items:center;z-index:50}.modal.show{display:grid}.modal-card{width:min(420px,92vw);background:#11051c;border:1px solid #7c3aed77;border-radius:18px;padding:24px;box-shadow:0 30px 100px #000}.modal-close{float:right;background:#fff1;border:0;color:#fff;border-radius:8px;width:32px;height:32px;font-size:20px}.qr{width:190px;height:190px;background:#fff;margin:18px auto;border-radius:12px;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);gap:3px;padding:10px}.qr i{display:block;background:#111;border-radius:2px}.qr span{display:block;background:#fff}.profile-page #toast{display:none!important} @media(max-width:900px){.dash-main{margin-left:0}.sidebar.collapsed + .dash-main{margin-left:0}.profile-page{overflow:auto}.profile-wrap{max-height:none}} /* ===== Loja > Molduras estilo Zyo (somente aba de molduras) ===== */ .frames-shop-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:18px!important;align-items:start}.frame-shop-card{background:#151519;border:1px solid #ffffff24;border-radius:12px;padding:8px;box-shadow:0 12px 30px #0005;min-height:295px}.frame-shop-card:hover{border-color:#6aa2ff;box-shadow:0 0 0 1px #2f7dff55,0 18px 45px #0008}.frame-shop-preview{height:126px;background:#0f0f13;border:1px solid #ffffff12;border-radius:9px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.frame-avatar-demo{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#d9d9d9 0 22%,#bcbcbc 23% 38%,#efefef 39% 100%);opacity:.95}.frame-demo{position:absolute;left:50%;top:50%;width:105px;height:105px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.frame-info{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;padding:12px 8px 6px}.frame-info b{font-size:16px;line-height:1.1}.frame-info small{grid-column:2;color:#d0c8da;font-size:13px;margin-top:3px}.frame-info:before{content:"";grid-row:1/3;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#e6e6e6 0 34%,#bfbfbf 35% 48%,#f1f1f1 49%);box-shadow:0 0 0 2px #ffffff10}.frame-stock,.frame-price{margin:8px 0;padding:7px 9px;border:1px dashed #ffffff33;border-radius:7px;background:#ffffff08;font-size:12px;color:#ddd;display:flex;justify-content:space-between;align-items:center}.frame-stock span{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e}.frame-stock.available b{color:#6ee7b7}.frame-stock.limited span{background:#ef4444;box-shadow:0 0 8px #ef4444}.frame-stock.limited b,.frame-stock.soldout b{color:#ff7777}.frame-stock.soldout span{background:#ef4444}.frame-price b{color:#ffd000}.frame-duration{height:34px;padding:5px 9px;background:#3b3b43;border:1px solid #ffffff18;border-radius:6px;color:white}.frame-note{display:block;font-size:11px;color:#aaa;margin:5px 0 10px}.frame-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.frame-actions .btn{height:34px;padding:6px 8px;border-radius:6px}.frame-actions .btn[disabled]{opacity:.5;cursor:not-allowed;background:#46464d;box-shadow:none}.butterfly-frame{border:5px solid #e11d48;box-shadow:0 0 18px #fb7185}.butterfly-frame:before,.butterfly-frame:after{content:"";position:absolute;width:38px;height:58px;background:radial-gradient(circle at 55% 40%,#ffbfd0,#e11d48 52%,transparent 54%);border-radius:60% 40% 60% 40%;top:12px}.butterfly-frame:before{left:-18px;transform:rotate(-28deg)}.butterfly-frame:after{right:-18px;transform:scaleX(-1) rotate(-28deg)}.fox-frame{box-shadow:0 0 18px #fff}.fox-frame:before,.fox-frame:after{content:"";position:absolute;top:-14px;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:40px solid #f8fafc;filter:drop-shadow(0 0 8px #fff)}.fox-frame:before{left:12px;transform:rotate(-25deg)}.fox-frame:after{right:12px;transform:rotate(25deg)}.mirror-frame{border:5px solid transparent;background:conic-gradient(#60a5fa,#f97316,#60a5fa,#f97316,#60a5fa);-webkit-mask:radial-gradient(circle,transparent 49px,#000 51px);mask:radial-gradient(circle,transparent 49px,#000 51px);animation:spin 4s linear infinite}.flower-frame{border:5px solid #ff9bd4;box-shadow:0 0 18px #ff8ccf}.flower-frame:before{content:"✿ ✿ ✿ ✿ ✿";position:absolute;inset:-18px;color:#ff8ccf;font-size:22px;letter-spacing:6px;animation:spin 9s linear infinite}.marine-frame{border:4px solid #9ee8f2;box-shadow:0 0 18px #38bdf8}.marine-frame:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px dashed #67e8f9;animation:spin 6s linear infinite}.autumn-frame{border:4px solid #f59e0b;box-shadow:0 0 18px #f59e0b}.autumn-frame:before{content:"🍂 🍁 🍂";position:absolute;inset:-18px;font-size:20px;animation:spin 8s linear infinite}.spider-frame{border:3px solid #e5e7eb;box-shadow:0 0 12px #fff}.spider-frame:before{content:"🕷";position:absolute;top:-23px;left:40%;font-size:26px;filter:drop-shadow(0 0 8px #fff)}.spider-frame:after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px dashed #ddd}.constellation-frame{border:4px solid #93c5fd;box-shadow:0 0 20px #60a5fa}.constellation-frame:before{content:"✦ ✧ ✦ ✧";position:absolute;inset:-17px;color:#bfdbfe;font-size:20px;letter-spacing:8px;animation:spin 7s linear infinite}.yinyang-frame{border:5px solid #202020;box-shadow:0 0 18px #fff}.yinyang-frame:before{content:"☯";position:absolute;right:-8px;top:-7px;font-size:38px;color:white;text-shadow:0 0 8px #000}.hearts-frame{border:4px solid #f8fafc}.hearts-frame:before{content:"♥ ♥ ♥";position:absolute;inset:-19px;color:#fb5ca8;font-size:20px;letter-spacing:14px;animation:pulse 1.4s infinite}.vortex-frame{border:5px solid #22d3ee;box-shadow:0 0 25px #06b6d4}.vortex-frame:before{content:"";position:absolute;inset:-9px;border-radius:50%;border:3px dashed #67e8f9;animation:spin 2s linear infinite}.snow-frame{border:4px solid #dbeafe;box-shadow:0 0 25px #bfdbfe}.snow-frame:before{content:"❄ ❄ ❄ ❄";position:absolute;inset:-18px;color:#e0f2fe;font-size:20px;letter-spacing:8px;animation:spin 10s linear infinite}.bonsai-frame{border:4px solid #f472b6;box-shadow:0 0 20px #f472b6}.bonsai-frame:before{content:"🌸";position:absolute;left:-18px;bottom:10px;font-size:32px}.batarang-frame{border:4px solid #111827;box-shadow:0 0 18px #facc15}.batarang-frame:before{content:"◥ ◤";position:absolute;top:0;left:14px;color:#111;font-size:28px;text-shadow:0 0 7px #facc15}.king-frame{border:5px solid #facc15;box-shadow:0 0 22px #facc15}.king-frame:before{content:"♛";position:absolute;top:-35px;left:32px;font-size:54px;color:#facc15;text-shadow:0 0 10px #f59e0b}.avatar-decoration.butterfly-frame .decor-css,.avatar-decoration.fox-frame .decor-css,.avatar-decoration.mirror-frame .decor-css,.avatar-decoration.flower-frame .decor-css,.avatar-decoration.marine-frame .decor-css,.avatar-decoration.autumn-frame .decor-css,.avatar-decoration.spider-frame .decor-css,.avatar-decoration.constellation-frame .decor-css,.avatar-decoration.yinyang-frame .decor-css,.avatar-decoration.hearts-frame .decor-css,.avatar-decoration.vortex-frame .decor-css,.avatar-decoration.snow-frame .decor-css,.avatar-decoration.bonsai-frame .decor-css,.avatar-decoration.batarang-frame .decor-css,.avatar-decoration.king-frame .decor-css{width:120px;height:120px;left:5px;top:5px}.avatar-decoration.butterfly-frame .decor-css{border:5px solid #e11d48;box-shadow:0 0 18px #fb7185}.avatar-decoration.fox-frame .decor-css{box-shadow:0 0 18px #fff}.avatar-decoration.mirror-frame .decor-css{border:5px solid #60a5fa;box-shadow:0 0 18px #f97316}.avatar-decoration.flower-frame .decor-css{border:5px solid #ff9bd4;box-shadow:0 0 18px #ff8ccf}.avatar-decoration.marine-frame .decor-css{border:4px dashed #67e8f9;box-shadow:0 0 18px #38bdf8}.avatar-decoration.autumn-frame .decor-css{border:4px solid #f59e0b;box-shadow:0 0 18px #f59e0b}.avatar-decoration.spider-frame .decor-css{border:3px dashed #e5e7eb;box-shadow:0 0 12px #fff}.avatar-decoration.constellation-frame .decor-css{border:4px solid #93c5fd;box-shadow:0 0 20px #60a5fa}.avatar-decoration.yinyang-frame .decor-css{border:5px solid #202020;box-shadow:0 0 18px #fff}.avatar-decoration.hearts-frame .decor-css{border:4px solid #f8fafc;box-shadow:0 0 18px #fb5ca8}.avatar-decoration.vortex-frame .decor-css{border:5px dashed #22d3ee;box-shadow:0 0 25px #06b6d4;animation:spin 2s linear infinite}.avatar-decoration.snow-frame .decor-css{border:4px solid #dbeafe;box-shadow:0 0 25px #bfdbfe}.avatar-decoration.bonsai-frame .decor-css{border:4px solid #f472b6;box-shadow:0 0 20px #f472b6}.avatar-decoration.batarang-frame .decor-css{border:4px solid #111827;box-shadow:0 0 18px #facc15}.avatar-decoration.king-frame .decor-css{border:5px solid #facc15;box-shadow:0 0 22px #facc15} /* ===== Ajuste pedido: molduras reais por imagem/GIF + admin privado ===== */ .admin-only{display:none!important}.admin-only.show{display:flex!important}.admin-list{display:grid;gap:10px}.admin-item{display:flex;gap:12px;align-items:center;background:#ffffff08;border:1px solid #ffffff18;border-radius:12px;padding:10px}.admin-item img{width:58px;height:58px;object-fit:contain;border-radius:10px;background:#050509}.frame-shop-card.premium-frame{min-height:340px}.frame-shop-preview.real-frame-preview{height:150px;overflow:hidden;background:radial-gradient(circle at center,#1b1522,#08070b 68%);}.frame-shop-preview.real-frame-preview .frame-avatar-demo{width:70px;height:70px;z-index:1;box-shadow:0 0 0 2px #fff2}.frame-shop-preview.real-frame-preview .frame-img{position:absolute;left:50%;top:50%;width:138px;height:138px;transform:translate(-50%,-50%);object-fit:contain;z-index:3;pointer-events:none;filter:drop-shadow(0 0 10px #ffffff55) drop-shadow(0 0 18px var(--neon));}.frame-shop-preview.real-frame-preview .frame-img.big{width:150px;height:150px}.frame-shop-preview.real-frame-preview::before{content:"";position:absolute;inset:12px;border-radius:18px;background:radial-gradient(circle,#ffffff12,transparent 62%);filter:blur(8px)}.frame-info.clean-info{grid-template-columns:1fr;padding:12px 8px 5px}.frame-info.clean-info:before{display:none}.frame-info.clean-info b{font-size:17px}.frame-info.clean-info small{grid-column:1}.frame-url-chip{font-size:11px;color:#9ae6ff;border:1px solid #38bdf855;background:#38bdf810;border-radius:999px;padding:2px 7px;margin-left:6px}.profile-frame{object-fit:contain}.avatar-decoration.has-img-frame .profile-frame{display:block!important;width:154px;height:154px;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 10px var(--neon));z-index:4}.avatar-decoration.has-img-frame .decor-css{display:none!important} /* ===== Ajustes loja molduras: somente molduras custom + compra por Linkwuans ===== */ .empty-frames-help{grid-column:1/-1;min-height:180px;display:flex;flex-direction:column;justify-content:center}.empty-frames-help p{max-width:720px;color:#d9d1e8}.zyo-person-demo,.frame-info.clean-info:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Ccircle cx='70' cy='70' r='68' fill='%23f1f1f1'/%3E%3Ccircle cx='70' cy='49' r='22' fill='%23c8c8c8'/%3E%3Cpath d='M28 124c5-30 26-47 42-47s37 17 42 47' fill='%23c8c8c8'/%3E%3Ccircle cx='70' cy='70' r='64' fill='none' stroke='%23bdbdbd' stroke-width='6'/%3E%3C/svg%3E")!important;background-size:cover!important;background-position:center!important;background-color:transparent!important}.frame-info.clean-info:before{display:block!important}.frame-shop-preview.real-frame-preview .frame-img.big{width:150px!important;height:150px!important;object-fit:contain!important}.frame-buy-card{max-width:520px}.frame-buy-preview-box{border:1px dashed #ffffff2d;border-radius:14px;padding:14px;margin:14px 0;background:#ffffff05}.frame-buy-preview-box>b{font-size:12px;color:#ddd;letter-spacing:.06em}.frame-buy-preview{margin-top:10px;border:1px dashed #ffffff24;border-radius:12px;min-height:145px;display:flex;align-items:center;gap:18px;padding:18px;background:#17171d;position:relative;overflow:hidden}.frame-buy-avatar{width:92px;height:92px;border-radius:50%;background-size:cover;background-position:center;background-color:#f1f1f1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Ccircle cx='70' cy='70' r='68' fill='%23f1f1f1'/%3E%3Ccircle cx='70' cy='49' r='22' fill='%23c8c8c8'/%3E%3Cpath d='M28 124c5-30 26-47 42-47s37 17 42 47' fill='%23c8c8c8'/%3E%3Ccircle cx='70' cy='70' r='64' fill='none' stroke='%23bdbdbd' stroke-width='6'/%3E%3C/svg%3E")}.frame-buy-preview img{position:absolute;left:18px;top:50%;width:104px;height:104px;object-fit:contain;transform:translateY(-50%);filter:drop-shadow(0 0 8px var(--neon))}.frame-buy-preview strong{font-size:24px}.frame-buy-details{display:grid;grid-template-columns:1fr 1fr;gap:10px}.frame-buy-details div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;padding:11px}.frame-buy-details span{display:block;font-size:12px;color:#d0c8da;margin-bottom:4px}.frame-buy-details b{color:white}.frame-buy-details #frameBuyPrice{color:#ffd000}.frame-buy-note{color:#cfc7dc;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:14px}.custom-only-frame .frame-info:before{width:62px;height:62px;border-radius:50%;box-shadow:0 0 0 2px #ffffff10}.custom-only-frame .frame-shop-preview{background:radial-gradient(circle at center,#25162d,#08070b 70%)!important} /* ===== Ajuste pedido: moldura sempre encaixada na foto + inventário com o próprio GIF ===== */ .frame-shop-preview.real-frame-preview{position:relative!important;display:grid!important;place-items:center!important;} .frame-shop-preview.real-frame-preview .frame-avatar-demo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:86px!important;height:86px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;z-index:2!important;box-shadow:0 0 0 3px rgba(255,255,255,.12)!important;} .frame-shop-preview.real-frame-preview .frame-img.big{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:142px!important;height:142px!important;object-fit:contain!important;z-index:4!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.45)) drop-shadow(0 0 18px var(--neon))!important;} .inv-preview{height:150px!important;position:relative!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at center,#25162d,#08070b 70%)!important;} .inv-avatar-preview{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:82px!important;height:82px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;z-index:2!important;box-shadow:0 0 0 3px rgba(255,255,255,.12)!important;} .inv-frame-preview{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:140px!important;height:140px!important;object-fit:contain!important;z-index:4!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.5)) drop-shadow(0 0 18px var(--neon));} .avatar-decoration.has-img-frame{width:142px!important;height:142px!important;margin-top:-70px!important;} .avatar-decoration.has-img-frame .big-avatar{width:92px!important;height:92px!important;z-index:2!important;} .avatar-decoration.has-img-frame .profile-frame{display:block!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:142px!important;height:142px!important;object-fit:contain!important;z-index:4!important;pointer-events:none!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.45)) drop-shadow(0 0 18px var(--neon))!important;} .frame-buy-preview{position:relative!important;} .frame-buy-avatar{position:relative!important;z-index:2!important;background-size:cover!important;background-position:center!important;} .frame-buy-preview img{z-index:4!important;width:128px!important;height:128px!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;object-fit:contain!important;} /* ===== Ajustes finais solicitados ===== */ .admin-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-price-grid label{margin:0}.gift-dest-row{display:flex;gap:10px}.gift-dest-row input{flex:1}.gift-card-modal textarea{min-height:86px;resize:none}.drop{cursor:pointer;transition:.2s}.drop.hover{border-color:var(--neon)!important;background:rgba(168,85,247,.16)!important}.drop.loaded{border-color:#22c55e!important;color:#bbf7d0!important;background:rgba(34,197,94,.08)!important}.frame-shop-preview,.frame-buy-preview,.inv-preview{position:relative;overflow:hidden}.frame-img.big,.inv-frame-preview,#frameBuyImg{object-fit:contain!important;pointer-events:none}.frame-avatar-demo,.frame-buy-avatar,.inv-avatar-preview{background-size:cover!important;background-position:center!important}.frame-shop-preview .frame-avatar-demo{width:104px!important;height:104px!important;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.frame-shop-preview .frame-img.big{width:160px!important;height:160px!important;position:relative;z-index:2;filter:drop-shadow(0 0 18px rgba(168,85,247,.45))}.frame-buy-preview .frame-buy-avatar{width:118px!important;height:118px!important;border-radius:50%;position:absolute;left:34px;top:50%;transform:translateY(-50%);z-index:1}.frame-buy-preview #frameBuyImg{width:150px!important;height:150px!important;position:absolute;left:18px;top:50%;transform:translateY(-50%);z-index:2;filter:drop-shadow(0 0 20px rgba(168,85,247,.55))}.frame-buy-preview strong{margin-left:155px;position:relative;z-index:3}.inv-preview .inv-avatar-preview{width:96px!important;height:96px!important;border-radius:50%;position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:1}.inv-preview .inv-frame-preview{width:138px!important;height:138px!important;position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:2;filter:drop-shadow(0 0 18px rgba(168,85,247,.55))}.asset-card.inv-item-card .asset-preview{min-height:170px!important}.profile-frame{object-fit:contain!important;transform:translate(-50%,-50%) scale(1.34)!important}.avatar-decoration.has-img-frame .big-avatar{transform:scale(.86)} @media(max-width:800px){.admin-price-grid{grid-template-columns:repeat(2,1fr)}.gift-dest-row{flex-direction:column}} /* PATCH FINAL — visual original preservado, só ajustes pedidos */ .featured-carousel{width:min(980px,92vw);overflow:hidden;margin-top:34px;display:block!important;opacity:1!important} .featured-track{display:flex;gap:34px;width:max-content;animation:dlinkySlide 28s linear infinite;align-items:center} .featured-user{display:grid;grid-template-columns:46px auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;min-width:180px;opacity:.95} .featured-avatar{grid-row:1/3;width:46px;height:46px;border-radius:50%;background:#d8e2ee center/cover;border:2px solid #ffffff22;box-shadow:0 0 20px #0006} .featured-user b{text-align:left;font-weight:900}.featured-user small{text-align:left;color:#8f819c;margin:0!important} @keyframes dlinkySlide{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(max-width:760px){.feature-grid{grid-template-columns:1fr}.landing-features h2{font-size:32px}.featured-carousel{width:100%}} /* === PATCH SEGURO FINAL: alinhamento da moldura e ícones de plataforma === */ .profile-socials{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap} .profile-socials .social-icon{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#fff!important;background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 0 16px rgba(236,72,153,.35);font-size:18px;border:1px solid rgba(255,255,255,.16)} .social-icon.brand-instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0 20%,#fd5949 45%,#d6249f 65%,#285AEB 100%)} .social-icon.brand-tiktok{background:#050505;color:#fff!important;text-shadow:2px 0 #25f4ee,-2px 0 #fe2c55} .social-icon.brand-discord{background:#5865f2} .social-icon.brand-youtube{background:#ff0000} .social-icon.brand-spotify{background:#1db954} .social-icon.brand-whatsapp{background:#25d366} .social-icon.brand-twitch{background:#9146ff} .social-icon.brand-steam{background:#111} .social-icon.brand-github{background:#24292f} .social-icon.brand-telegram{background:#229ed9} .social-icon.brand-x{background:#000} .avatar-decoration.frame-final-fit, .avatar-decoration.has-img-frame.frame-final-fit, .avatar-decoration.frame-perfect-fit.frame-final-fit{position:relative!important;width:132px!important;height:132px!important;margin:-66px auto 12px!important;display:block!important;overflow:visible!important;isolation:isolate!important;} .avatar-decoration.frame-final-fit .big-avatar{position:absolute!important;left:50%!important;top:50%!important;width:88px!important;height:88px!important;margin:0!important;transform:translate(-50%,-50%)!important;z-index:2!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;} .avatar-decoration.frame-final-fit .profile-frame{display:block!important;position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;inset:auto!important;width:142px!important;height:142px!important;max-width:none!important;max-height:none!important;margin:0!important;transform:translate(-50%,-50%)!important;object-fit:contain!important;z-index:5!important;pointer-events:none!important;filter:drop-shadow(0 0 12px rgba(255,255,255,.35)) drop-shadow(0 0 20px var(--neon))!important;} .avatar-decoration.frame-final-fit .decor-css{display:none!important;} .frame-shop-preview.real-frame-preview{position:relative!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:radial-gradient(circle at center,#201326,#08070b 72%)!important;} .frame-shop-preview.real-frame-preview .frame-avatar-demo{position:absolute!important;left:50%!important;top:50%!important;width:88px!important;height:88px!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;z-index:2!important;} .frame-shop-preview.real-frame-preview .frame-img.big{position:absolute!important;left:50%!important;top:50%!important;width:142px!important;height:142px!important;transform:translate(-50%,-50%)!important;object-fit:contain!important;z-index:5!important;} .frame-buy-preview{position:relative!important;min-height:150px!important;overflow:hidden!important;} .frame-buy-preview .frame-buy-avatar{position:absolute!important;left:72px!important;top:50%!important;width:92px!important;height:92px!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;z-index:2!important;} .frame-buy-preview #frameBuyImg{position:absolute!important;left:72px!important;top:50%!important;width:148px!important;height:148px!important;transform:translate(-50%,-50%)!important;object-fit:contain!important;z-index:5!important;filter:drop-shadow(0 0 14px rgba(255,255,255,.45)) drop-shadow(0 0 22px var(--neon))!important;} .frame-buy-preview strong{margin-left:145px!important;position:relative!important;z-index:6!important;white-space:nowrap!important;} /* === PATCH FINAL SOMENTE: moldura no avatar + hover nos ícones === */ #avatarDecoration.avatar-decoration, .avatar-decoration#avatarDecoration, .avatar-decoration.frame-final-fit, .avatar-decoration.has-img-frame{ position:relative!important; width:118px!important; height:118px!important; margin:-58px auto 12px!important; overflow:visible!important; display:block!important; } #avatarDecoration .big-avatar, .avatar-decoration.frame-final-fit .big-avatar, .avatar-decoration.has-img-frame .big-avatar{ position:absolute!important; left:50%!important; top:50%!important; width:82px!important; height:82px!important; margin:0!important; transform:translate(-50%,-50%)!important; border-radius:50%!important; z-index:2!important; background-size:cover!important; background-position:center!important; } #avatarDecoration #profileFrame, .avatar-decoration.frame-final-fit .profile-frame, .avatar-decoration.has-img-frame .profile-frame, .profile-wrap #profileFrame{ display:block; position:absolute!important; left:50%!important; top:50%!important; right:auto!important; bottom:auto!important; inset:auto!important; width:118px!important; height:118px!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; transform:translate(-50%,-50%)!important; object-fit:contain!important; object-position:center!important; z-index:5!important; pointer-events:none!important; filter:drop-shadow(0 0 10px rgba(255,255,255,.35)) drop-shadow(0 0 18px var(--neon))!important; } #avatarDecoration .decor-css{display:none!important;} .profile-socials .social-icon{ transition:transform .18s ease, box-shadow .18s ease, background .18s ease, filter .18s ease!important; } .profile-socials .social-icon:hover{ transform:translateY(-3px) scale(1.08)!important; box-shadow:0 0 0 1px rgba(255,255,255,.25),0 0 18px rgba(168,85,247,.75),0 0 32px rgba(236,72,153,.55)!important; filter:brightness(1.18) saturate(1.2)!important; } /* PATCH: ajuste manual de moldura sem mexer no resto */ .inv-item-card .asset-body .btn.adjust-frame-btn{margin-left:6px;background:linear-gradient(135deg,#6d28d9,#ec4899);} .frame-adjust-modal.show{display:flex!important;align-items:center;justify-content:center;} .frame-adjust-modal .adjust-card{width:min(520px,92vw);background:#14051f;border:1px solid rgba(168,85,247,.55);border-radius:22px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 40px rgba(168,85,247,.22);} .adjust-preview{height:230px;border:1px dashed rgba(255,255,255,.22);border-radius:18px;background:radial-gradient(circle at center,rgba(168,85,247,.20),rgba(6,2,12,.95) 70%);display:grid;place-items:center;position:relative;overflow:visible;touch-action:none;cursor:grab;margin:18px 0;} .adjust-preview:active{cursor:grabbing;} .adjust-avatar{position:absolute;width:96px;height:96px;border-radius:50%;background-size:cover;background-position:center;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(59,130,246,.9);} #adjustFrame{position:absolute;left:50%;top:50%;width:145px;height:145px;object-fit:contain;z-index:5;pointer-events:none;filter:drop-shadow(0 0 12px rgba(255,255,255,.35)) drop-shadow(0 0 25px var(--neon));} .adjust-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;} .adjust-grid label{display:flex;flex-direction:column;gap:8px;font-weight:800;color:#f3e8ff;} .adjust-grid input[type="range"]{width:100%;accent-color:#c026d3;} .adjust-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;} .profile-frame.manual-adjusted{transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important;} .inv-frame-preview.manual-adjusted,.frame-shop-preview .frame-img.manual-adjusted{transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important;} @media(max-width:600px){.adjust-grid{grid-template-columns:1fr}.frame-adjust-modal .adjust-card{padding:18px}} /* PATCH SEGURO: preview de ajuste mostra exatamente foto + moldura e salva no perfil */ #frameAdjustModal .adjust-preview{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at center,rgba(168,85,247,.22),rgba(8,2,13,.96) 72%)!important;} #frameAdjustModal .adjust-avatar{left:50%!important;top:50%!important;width:112px!important;height:112px!important;transform:translate(-50%,-50%)!important;z-index:2!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;box-shadow:0 0 0 3px #2f7bff,0 0 22px rgba(168,85,247,.45)!important;} #frameAdjustModal #adjustFrame{position:absolute!important;left:50%!important;top:50%!important;width:176px!important;height:176px!important;object-fit:contain!important;z-index:4!important;pointer-events:none!important;transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important;transform-origin:center center!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.5)) drop-shadow(0 0 24px var(--neon))!important;} .inv-frame-preview.manual-adjusted,.frame-shop-preview .frame-img.manual-adjusted,#profileFrame.manual-adjusted{transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important;transform-origin:center center!important;} .avatar-decoration.has-img-frame #profileFrame.manual-adjusted{left:50%!important;top:50%!important;width:154px!important;height:154px!important;object-fit:contain!important;z-index:8!important;} .inv-item-card .adjust-frame-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:8px!important;} /* PATCH DEFINITIVO: ajuste da moldura consistente no inventário e perfil */ #profileFrame.manual-adjusted, .avatar-decoration.has-img-frame #profileFrame.manual-adjusted, .avatar-decoration.frame-final-fit #profileFrame.manual-adjusted{ transform: translate(calc(-50% + var(--frame-x,0px)), calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg)) !important; transform-origin: center center !important; } #frameAdjustModal .adjust-preview{overflow:hidden!important;} #frameAdjustModal #adjustFrame.manual-adjusted{ transform: translate(calc(-50% + var(--frame-x,0px)), calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg)) !important; transform-origin:center center!important; } .inv-item-card .asset-body{display:flex;flex-direction:column;gap:7px;align-items:flex-start;} .inv-item-card .asset-body .btn{margin:0!important;} .inv-actions-row{display:flex;gap:8px;flex-wrap:wrap;} /* PATCH V2 FINAL: modal sempre centralizado e ajuste estável */ #frameAdjustModal.frame-adjust-modal.show{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; display:flex!important; align-items:center!important; justify-content:center!important; z-index:99999!important; transform:none!important; margin:0!important; padding:18px!important; background:rgba(0,0,0,.72)!important; overflow:auto!important; } #frameAdjustModal .adjust-card{position:relative!important; margin:auto!important; transform:none!important; left:auto!important; top:auto!important; max-height:92vh!important; overflow:auto!important;} #frameAdjustModal .adjust-preview{position:relative!important; overflow:hidden!important; isolation:isolate!important;} #frameAdjustModal #adjustAvatar{position:absolute!important; left:50%!important; top:50%!important; width:112px!important; height:112px!important; transform:translate(-50%,-50%)!important; z-index:2!important; border-radius:50%!important; background-size:cover!important; background-position:center!important;} #frameAdjustModal #adjustFrame{position:absolute!important; left:50%!important; top:50%!important; width:176px!important; height:176px!important; object-fit:contain!important; z-index:4!important; pointer-events:none!important; transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important; transform-origin:center!important;} #profileFrame.dlinky-frame-v2, .inv-frame-preview.dlinky-frame-v2{ transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important; transform-origin:center center!important; } .inv-actions-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important;} /* ========================================================= DLINKY — CORREÇÃO SOMENTE MOLDURAS (PARTE 1) ========================================================= */ #frameAdjustModal.frame-adjust-modal.show{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:18px!important; margin:0!important; z-index:999999!important; background:rgba(0,0,0,.72)!important; overflow:auto!important; transform:none!important; } #frameAdjustModal .adjust-card{ position:relative!important; left:auto!important;top:auto!important;right:auto!important;bottom:auto!important; margin:auto!important; transform:none!important; width:min(520px,92vw)!important; max-height:92vh!important; overflow:auto!important; } #frameAdjustModal .adjust-preview{ position:relative!important; overflow:hidden!important; isolation:isolate!important; touch-action:none!important; } #frameAdjustModal #adjustAvatar{ position:absolute!important; left:50%!important; top:50%!important; width:112px!important; height:112px!important; transform:translate(-50%,-50%)!important; border-radius:50%!important; background-size:cover!important; background-position:center!important; z-index:2!important; box-shadow:0 0 0 3px #2f7bff,0 0 22px rgba(168,85,247,.45)!important; } #frameAdjustModal #adjustFrame.dlinky-saved-frame, #frameAdjustModal #adjustFrame{ position:absolute!important; left:50%!important; top:50%!important; width:176px!important; height:176px!important; object-fit:contain!important; pointer-events:none!important; z-index:4!important; transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important; transform-origin:center center!important; } .inv-preview{position:relative!important;overflow:hidden!important;} .inv-preview .inv-avatar-preview{position:absolute!important;left:50%!important;top:44%!important;width:96px!important;height:96px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;transform:translate(-50%,-50%)!important;z-index:1!important;} .inv-preview .inv-frame-preview.dlinky-saved-frame{position:absolute!important;left:50%!important;top:44%!important;width:138px!important;height:138px!important;object-fit:contain!important;pointer-events:none!important;z-index:2!important;transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important;transform-origin:center center!important;} .asset-card.inv-item-card .asset-preview{min-height:170px!important;} .inv-actions-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;} .inv-item-card .adjust-frame-btn{background:linear-gradient(135deg,#7c3aed,#ec4899)!important;color:#fff!important;} #avatarDecoration.dlinky-profile-frame-lock, #avatarDecoration.frame-final-fit.dlinky-profile-frame-lock{ position:relative!important; width:132px!important; height:132px!important; margin:-66px auto 12px!important; display:block!important; overflow:visible!important; isolation:isolate!important; } #avatarDecoration.dlinky-profile-frame-lock #profileAvatar, #avatarDecoration.dlinky-profile-frame-lock .big-avatar{ position:absolute!important; left:50%!important; top:50%!important; width:88px!important; height:88px!important; margin:0!important; transform:translate(-50%,-50%)!important; z-index:2!important; border-radius:50%!important; background-size:cover!important; background-position:center!important; } #avatarDecoration.dlinky-profile-frame-lock #profileFrame.dlinky-saved-frame{ display:block!important; position:absolute!important; left:50%!important; top:50%!important; right:auto!important;bottom:auto!important;inset:auto!important; width:138px!important; height:138px!important; max-width:none!important; max-height:none!important; margin:0!important; object-fit:contain!important; pointer-events:none!important; z-index:8!important; transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important; transform-origin:center center!important; } #avatarDecoration.dlinky-profile-frame-lock .decor-css{display:none!important;} /* ========================================================= DLINKY — FIX FINAL V3: moldura igual no ajustar, inventário e perfil ========================================================= */ #frameAdjustModal.frame-adjust-modal.show{ position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important; display:flex!important;align-items:center!important;justify-content:center!important; z-index:9999999!important;background:rgba(0,0,0,.72)!important;margin:0!important;padding:18px!important; } #frameAdjustModal .adjust-card{position:relative!important;margin:auto!important;left:auto!important;top:auto!important;transform:none!important;width:min(520px,92vw)!important;} #frameAdjustModal .adjust-preview{position:relative!important;overflow:hidden!important;isolation:isolate!important;touch-action:none!important;} #frameAdjustModal #adjustAvatar, .inv-preview .inv-avatar-preview, #avatarDecoration.dlinky-frame-v3 #profileAvatar, #avatarDecoration.dlinky-frame-v3 .big-avatar{ position:absolute!important;left:50%!important;top:50%!important;width:96px!important;height:96px!important; margin:0!important;border-radius:50%!important;background-size:cover!important;background-position:center!important; transform:translate(-50%,-50%)!important;z-index:2!important; } #frameAdjustModal #adjustAvatar{box-shadow:0 0 0 3px #2f7bff,0 0 22px rgba(168,85,247,.45)!important;} #frameAdjustModal #adjustFrame, .inv-preview .inv-frame-preview, #avatarDecoration.dlinky-frame-v3 #profileFrame{ position:absolute!important;left:50%!important;top:50%!important;width:138px!important;height:138px!important; max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important; pointer-events:none!important;z-index:8!important;transform-origin:center center!important; transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important; filter:drop-shadow(0 0 10px rgba(255,255,255,.35)) drop-shadow(0 0 18px var(--neon))!important; } #avatarDecoration.dlinky-frame-v3{ position:relative!important;width:150px!important;height:150px!important;margin:-72px auto 12px!important; display:block!important;overflow:visible!important;isolation:isolate!important; } #avatarDecoration.dlinky-frame-v3 .decor-css{display:none!important;} .inv-preview{position:relative!important;overflow:hidden!important;} .inv-preview .inv-avatar-preview,.inv-preview .inv-frame-preview{top:50%!important;} .asset-card.inv-item-card .asset-preview{min-height:170px!important;} /* ========================================================= DLINKY V4 — CORREÇÃO REAL SOMENTE DAS MOLDURAS Usa o MESMO palco 150x150 no ajustar, inventário e perfil. Não depende mais do #profileFrame antigo, evitando conflitos. ========================================================= */ .dlinky-v4-stage{ position:relative!important; width:150px!important; height:150px!important; min-width:150px!important; min-height:150px!important; margin:0 auto!important; overflow:visible!important; isolation:isolate!important; transform:none!important; } .dlinky-v4-avatar{ position:absolute!important; left:50%!important; top:50%!important; width:96px!important; height:96px!important; margin:0!important; border-radius:50%!important; background-size:cover!important; background-position:center!important; transform:translate(-50%,-50%)!important; z-index:2!important; box-shadow:0 0 0 3px #2f7bff,0 0 22px rgba(168,85,247,.42)!important; } .dlinky-v4-frame{ position:absolute!important; left:50%!important; top:50%!important; width:138px!important; height:138px!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:contain!important; pointer-events:none!important; z-index:8!important; transform-origin:center center!important; transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important; filter:drop-shadow(0 0 10px rgba(255,255,255,.35)) drop-shadow(0 0 18px var(--neon))!important; } #frameAdjustModal.frame-adjust-modal.show{ position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important; display:flex!important;align-items:center!important;justify-content:center!important; z-index:99999999!important;background:rgba(0,0,0,.76)!important;margin:0!important;padding:18px!important; overflow:auto!important;transform:none!important; } #frameAdjustModal .adjust-card{position:relative!important;margin:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:min(520px,92vw)!important;} #frameAdjustModal .adjust-preview{position:relative!important;width:190px!important;height:190px!important;margin:14px auto 18px!important;display:grid!important;place-items:center!important;overflow:visible!important;background:radial-gradient(circle,rgba(168,85,247,.22),rgba(8,2,13,.96) 70%)!important;border-radius:18px!important;touch-action:none!important;} #frameAdjustModal #adjustAvatar{position:absolute!important;left:50%!important;top:50%!important;width:96px!important;height:96px!important;margin:0!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;transform:translate(-50%,-50%)!important;z-index:2!important;box-shadow:0 0 0 3px #2f7bff,0 0 22px rgba(168,85,247,.42)!important;} #frameAdjustModal #adjustFrame{position:absolute!important;left:50%!important;top:50%!important;width:138px!important;height:138px!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;pointer-events:none!important;z-index:8!important;transform-origin:center center!important;transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.35)) drop-shadow(0 0 18px var(--neon))!important;} .inv-preview.dlinky-v4-inv{position:relative!important;display:grid!important;place-items:center!important;min-height:170px!important;overflow:visible!important;background:radial-gradient(circle,rgba(168,85,247,.16),#08020e 72%)!important;} .inv-preview.dlinky-v4-inv .dlinky-v4-stage{transform:scale(.96)!important;} #avatarDecoration.dlinky-v4-lock{position:relative!important;width:150px!important;height:150px!important;margin:-72px auto 12px!important;display:block!important;overflow:visible!important;isolation:isolate!important;} #avatarDecoration.dlinky-v4-lock>#profileAvatar, #avatarDecoration.dlinky-v4-lock>#profileFrame, #avatarDecoration.dlinky-v4-lock>.decor-css{display:none!important;} #avatarDecoration.dlinky-v4-lock .dlinky-v4-profile-stage{position:absolute!important;left:0!important;top:0!important;} /* ========================================================= DLINKY V5 — FIX DUPLICIDADE DA MOLDURA NO PERFIL Mostra APENAS o palco salvo da moldura ativa. ========================================================= */ #avatarDecoration.dlinky-v5-only-frame{ position:relative!important; width:150px!important; height:150px!important; margin:-72px auto 12px!important; display:block!important; overflow:visible!important; isolation:isolate!important; } #avatarDecoration.dlinky-v5-only-frame > #profileAvatar, #avatarDecoration.dlinky-v5-only-frame > #profileFrame, #avatarDecoration.dlinky-v5-only-frame > .decor-css, #avatarDecoration.dlinky-v5-only-frame.purple-ring > .decor-css, #avatarDecoration.dlinky-v5-only-frame.red-ring > .decor-css, #avatarDecoration.dlinky-v5-only-frame.sparkle-frame > .decor-css, #avatarDecoration.dlinky-v5-only-frame.flame-frame > .decor-css, #avatarDecoration.dlinky-v5-only-frame.orbit-frame > .decor-css{ display:none!important; opacity:0!important; visibility:hidden!important; } #avatarDecoration.dlinky-v5-only-frame #dlinkyV4ProfileStage{ display:block!important; position:absolute!important; left:0!important; top:0!important; width:150px!important; height:150px!important; margin:0!important; transform:none!important; } #avatarDecoration.dlinky-v5-only-frame #dlinkyV4ProfileStage .dlinky-v4-avatar{ display:block!important; opacity:1!important; visibility:visible!important; } #avatarDecoration.dlinky-v5-only-frame #dlinkyV4ProfileStage .dlinky-v4-frame{ display:block!important; opacity:1!important; visibility:visible!important; } /* DLINKY V6 — inventário + som */ .dlinky-v6-card .asset-body{display:block}.dlinky-v6-card .asset-body .btn{margin-right:8px;margin-top:8px}.dlinky-v6-card.is-active{outline:1px solid #c084fc;box-shadow:0 0 28px #a855f733}.dlinky-v6-profile-frame{width:150px!important;height:150px!important;margin:-72px auto 12px!important}.dlinky-v6-profile-frame #dlinkyV4ProfileStage{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important} .sound-btn{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:16px!important;font-size:18px!important;background:rgba(255,255,255,.92)!important;color:#111!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 12px 30px #0007!important} #soundPanel{position:fixed;left:18px;top:74px;z-index:9999;display:none;align-items:center;gap:10px;padding:11px 13px;border-radius:16px;background:rgba(8,4,14,.88);border:1px solid #a855f755;box-shadow:0 18px 50px #0009;backdrop-filter:blur(12px);color:#fff}#soundPanel.show{display:flex}#soundPlayPause{width:34px;height:34px;border:0;border-radius:11px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;cursor:pointer}#soundVolume{width:115px;padding:0;accent-color:#a855f7;background:transparent;border:0}#soundPercent{font-size:12px;font-weight:800;color:#e9d5ff;min-width:34px} /* ========================================================= DLINKY V7 — FIX FINAL LIMPO: modal sem scroll bugado + moldura persistente ========================================================= */ #frameAdjustModal.frame-adjust-modal.show{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:14px!important; margin:0!important; z-index:2147483000!important; background:rgba(0,0,0,.72)!important; overflow:hidden!important; transform:none!important; } #frameAdjustModal .adjust-card{ position:relative!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:min(520px,calc(100vw - 28px))!important; max-height:calc(100vh - 28px)!important; margin:0!important; padding:24px!important; overflow:auto!important; transform:none!important; background:#160520!important; border:1px solid rgba(168,85,247,.55)!important; border-radius:22px!important; box-shadow:0 24px 80px rgba(0,0,0,.70),0 0 40px rgba(168,85,247,.20)!important; } #frameAdjustModal .adjust-close{position:absolute!important;right:16px!important;top:16px!important;width:36px!important;height:36px!important;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:22px!important;cursor:pointer!important} #frameAdjustModal .adjust-preview{ width:190px!important; height:190px!important; margin:16px auto 22px!important; position:relative!important; overflow:hidden!important; border-radius:18px!important; border:1px dashed rgba(255,255,255,.22)!important; background:radial-gradient(circle at center,rgba(168,85,247,.22),rgba(8,2,13,.96) 72%)!important; cursor:grab!important; touch-action:none!important; isolation:isolate!important; display:block!important; } #frameAdjustModal .adjust-preview:active{cursor:grabbing!important} #frameAdjustModal #adjustAvatar{position:absolute!important;left:50%!important;top:50%!important;width:112px!important;height:112px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;transform:translate(-50%,-50%)!important;z-index:2!important;box-shadow:0 0 0 3px #2f7bff,0 0 22px rgba(168,85,247,.45)!important} #frameAdjustModal #adjustFrameFinal{position:absolute!important;left:50%!important;top:50%!important;width:150px!important;height:150px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;z-index:4!important;pointer-events:none!important;transform-origin:center center!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.42)) drop-shadow(0 0 23px var(--neon))!important} #frameAdjustModal .adjust-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important} #frameAdjustModal .adjust-grid label{margin:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;color:#f5eaff!important;font-weight:800!important} #frameAdjustModal input[type=range]{padding:0!important;border:0!important;background:transparent!important;accent-color:#d946ef!important} #frameAdjustModal .adjust-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:20px!important;flex-wrap:wrap!important} .dlinky-final-stage{width:150px!important;height:150px!important;position:relative!important;margin:auto!important;overflow:hidden!important;border-radius:18px!important;background:radial-gradient(circle at center,rgba(168,85,247,.16),rgba(6,2,12,.92) 76%)!important;isolation:isolate!important} .dlinky-final-avatar{position:absolute!important;left:50%!important;top:50%!important;width:96px!important;height:96px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;transform:translate(-50%,-50%)!important;z-index:1!important;box-shadow:0 0 0 3px #2f7bff,0 0 22px rgba(168,85,247,.38)!important} .dlinky-final-frame{position:absolute!important;left:50%!important;top:50%!important;width:150px!important;height:150px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;z-index:2!important;pointer-events:none!important;transform-origin:center center!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.38)) drop-shadow(0 0 23px var(--neon))!important} #avatarDecoration.dlinky-final-only{width:150px!important;height:150px!important;margin:-64px auto 12px!important;display:grid!important;place-items:center!important;position:relative!important} #avatarDecoration.dlinky-final-only > .big-avatar, #avatarDecoration.dlinky-final-only > #profileFrame, #avatarDecoration.dlinky-final-only > .decor-css{display:none!important} .inv-item-card .asset-body{display:flex!important;flex-direction:column!important;gap:7px!important;align-items:flex-start!important} .inv-actions-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important} .sound-btn{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:16px!important;font-size:18px!important;background:rgba(255,255,255,.92)!important;color:#111!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 12px 30px #0007!important} #soundPanel{position:fixed!important;left:18px!important;top:74px!important;z-index:99999!important;display:none;align-items:center;gap:10px;padding:11px 13px;border-radius:16px;background:rgba(8,4,14,.88);border:1px solid #a855f755;box-shadow:0 18px 50px #0009;backdrop-filter:blur(12px);color:#fff}#soundPanel.show{display:flex!important}#soundPlayPause{width:34px;height:34px;border:0;border-radius:11px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;cursor:pointer}#soundVolume{width:115px!important;padding:0!important;accent-color:#a855f7;background:transparent!important;border:0!important}#soundPercent{font-size:12px;font-weight:800;color:#e9d5ff;min-width:34px} @media(max-width:600px){#frameAdjustModal .adjust-grid{grid-template-columns:1fr!important}#frameAdjustModal .adjust-card{padding:18px!important}} /* ===== DLINKY V10 — remove SOMENTE a moldura duplicada antiga ===== */ #avatarDecoration #dlinkyV4ProfileStage, #avatarDecoration .dlinky-v4-profile-stage, #avatarDecoration > #profileFrame, #avatarDecoration > .decor-css{ display:none!important; visibility:hidden!important; pointer-events:none!important; } #avatarDecoration #dlinkyFinalProfileStage{ display:block!important; visibility:visible!important; } /* ===== DLINKY V12 — REMOVE APENAS O QUADRADO DA MOLDURA DO PERFIL ===== */ #avatarDecoration.dlinky-final-only{ background:transparent!important; box-shadow:none!important; border:0!important; overflow:visible!important; } #avatarDecoration.dlinky-final-only #dlinkyFinalProfileStage, #dlinkyFinalProfileStage.dlinky-final-stage, .dlinky-final-stage{ background:transparent!important; box-shadow:none!important; border:0!important; outline:0!important; overflow:visible!important; border-radius:50%!important; } #dlinkyFinalProfileStage::before, #dlinkyFinalProfileStage::after, .dlinky-final-stage::before, .dlinky-final-stage::after{ content:none!important; display:none!important; } #dlinkyFinalProfileStage .dlinky-final-avatar, .dlinky-final-stage .dlinky-final-avatar{ border-radius:50%!important; overflow:hidden!important; } #dlinkyFinalProfileStage .dlinky-final-frame, .dlinky-final-stage .dlinky-final-frame{ background:transparent!important; border:0!important; box-shadow:none!important; } body:not(.dlinky-profile-audio-only) #soundBtn, body:not(.dlinky-profile-audio-only) #soundPanel{ display:none!important; visibility:hidden!important; pointer-events:none!important; } body.dlinky-profile-audio-only #soundBtn{display:grid!important;visibility:visible!important;pointer-events:auto!important;} body.dlinky-profile-audio-only #soundPanel.show{display:flex!important;visibility:visible!important;pointer-events:auto!important;} /* ===== DLINKY FINAL: ÁLBUM TOGGLE EM CIMA + ÁUDIO SÓ NO PERFIL ===== */ body:not(.dlinky-profile-audio-only) #soundBtn, body:not(.dlinky-profile-audio-only) #soundPanel{ display:none!important; visibility:hidden!important; pointer-events:none!important; } body.dlinky-profile-audio-only #soundBtn{ display:grid!important; visibility:visible!important; pointer-events:auto!important; } body.dlinky-profile-audio-only #soundPanel.show{ display:flex!important; visibility:visible!important; pointer-events:auto!important; } #profileAlbum{display:none!important;} .profile-album-top{margin:8px 0 12px;text-align:center;position:relative;z-index:6;} .profile-album-toggle{border:0;background:transparent;color:#fff;font-weight:900;font-size:15px;cursor:pointer;text-shadow:0 0 8px rgba(255,255,255,.75);padding:5px 10px;border-radius:10px;} .profile-album-toggle:hover{background:rgba(255,255,255,.08);} .profile-album-top .profile-album-grid{display:none;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;} .profile-album-top.open .profile-album-grid{display:grid;} .profile-album-top .profile-album-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#050108;box-shadow:0 10px 24px rgba(0,0,0,.35);} @media(max-width:620px){.profile-album-top .profile-album-grid{grid-template-columns:repeat(2,1fr)}} /* ===== DLINKY METADE 2: visual Zyo restante ===== */ .zyo-effects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.zyo-effect-card{background:linear-gradient(180deg,#16071f,#09030e);border:1px solid rgba(168,85,247,.35);border-radius:18px;padding:18px;text-align:center;box-shadow:0 16px 50px #0006}.zyo-effect-icon{width:62px;height:62px;margin:0 auto 10px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle,#7c3aed55,#12031f);font-size:30px;box-shadow:inset 0 0 18px rgba(255,255,255,.08),0 0 24px rgba(168,85,247,.22)}.zyo-effect-card h3{margin:8px 0 4px}.zyo-effect-card p{color:#b7a9cc;min-height:38px}.zyo-effect-card b{display:block;margin:10px 0;color:#e9d5ff}.zyo-admin-list{display:grid;gap:10px}.zyo-admin-row{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:13px;padding:12px}.zyo-admin-row img{width:36px;height:36px;object-fit:contain}.zyo-admin-row span:first-child{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#7c3aed22;font-size:22px}.zyo-admin-row small,.zyo-admin-row span:last-child{margin-left:auto;color:#c4b5fd}.zyo-tag-grid{display:flex;gap:12px;flex-wrap:wrap}.zyo-tag-btn{border:1px solid rgba(168,85,247,.35);background:#0c0612;color:#fff;border-radius:999px;padding:11px 15px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.18s}.zyo-tag-btn span{width:26px;height:26px;border-radius:50%;background:#ffffff12;display:grid;place-items:center}.zyo-tag-btn:hover,.zyo-tag-btn.on{transform:translateY(-2px);background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 0 20px rgba(168,85,247,.35)}.zyo-profile-tag{display:inline-flex!important;align-items:center!important;gap:6px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(168,85,247,.38)!important;padding:7px 11px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important}.zyo-profile-tag i{font-style:normal}.zyo-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.zyo-color-preview{min-height:250px;border-radius:22px;background:radial-gradient(circle at top,var(--pneon,#a855f7) 0,#07020d 44%,#020106 100%);display:grid;place-items:center;padding:22px}.zyo-color-preview>div{width:min(300px,100%);border-radius:22px;background:var(--pcard,#06030b);color:var(--ptext,#fff);border:1px solid color-mix(in srgb,var(--pneon,#a855f7),transparent 45%);box-shadow:0 0 35px color-mix(in srgb,var(--pneon,#a855f7),transparent 65%);padding:22px;text-align:center}.zyo-color-preview small{display:block;color:#c4b5fd}.zyo-color-preview p{color:var(--pbio,#eee)}.zyo-color-preview span{display:inline-block;border-radius:999px;background:color-mix(in srgb,var(--pneon,#a855f7),transparent 70%);padding:7px 12px}.zyo-pill-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff22;background:#ffffff10;color:#fff;border-radius:999px;padding:12px 16px;font-weight:900;margin:6px;cursor:pointer}.zyo-pill-btn:hover{background:linear-gradient(135deg,#7c3aed,#ec4899)}#profileCard{border-radius:var(--profileRound,26px)!important;box-shadow:0 30px calc(45px + var(--profileGlow,60)*1px) rgba(0,0,0,.72),0 0 calc(var(--profileGlow,60)*.55px) rgba(168,85,247,.32)!important}@media(max-width:900px){.zyo-color-grid{grid-template-columns:1fr}.zyo-effects-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.zyo-effects-grid{grid-template-columns:1fr}} /* ===== DLINKY CORREÇÃO FINAL LOJA / TAGS / CORES ===== */ .dlinky-fixed-store-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;align-items:stretch!important;} .zyo-tag-grid.fixed-tag-grid{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:16px 0!important;} .zyo-tag-btn{border:1px solid rgba(168,85,247,.45)!important;background:#06020c!important;color:#fff!important;border-radius:999px!important;padding:10px 15px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;gap:9px!important;cursor:pointer!important;} .zyo-tag-btn span{width:24px!important;height:24px!important;border-radius:50%!important;background:#ffffff12!important;display:grid!important;place-items:center!important;box-shadow:0 0 10px rgba(255,255,255,.12)!important;} .zyo-tag-btn.on{background:linear-gradient(135deg,#7c3aed,#ec4899)!important;box-shadow:0 0 18px rgba(236,72,153,.35)!important;} .fixed-color-list label{background:#ffffff10!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:14px!important;padding:14px!important;margin:12px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;} .fixed-color-list input[type=color]{width:86px!important;height:46px!important;padding:4px!important;border-radius:12px!important;background:#0b1118!important;} .zyo-profile-tag{background:#ffffff14!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;padding:6px 10px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:12px!important;} /* ===== PATCH FINAL PEDIDO ===== */ /* ===== DLINKY REENVIO FINAL VISUAL ===== */ /* ===== DLINKY FINAL REQUEST PATCH: DARK RED VISUAL + CARDS AJUSTADOS ===== */ :root{--neon:#ef233c!important;--neon2:#ff006e!important;--line:#ef233c55!important;--bg:#050104!important;--bg2:#180106!important;--panel:#120307cc!important;--panel2:#24030aaa!important;--card:#0b0306ee!important;} html,body{background:radial-gradient(circle at 15% 0,#5b0b16 0,#19020a 34%,#050104 76%)!important;} .hero-panel{background:linear-gradient(135deg,#23030b,#3b0610)!important;border-color:#ef233c55!important;} .sidebar{background:#070104ee!important;border-right-color:#ef233c44!important;} .side-link:hover,.side-link.active{background:linear-gradient(90deg,#8b1020cc,#d51d4dcc)!important;} .btn.primary,.asset-tabs button.active{background:linear-gradient(135deg,#b11226,#ff3b7b)!important;box-shadow:0 0 24px #ff1d4d55!important;} .panel,.card,.glass,.auth-card{border-color:#ef233c44!important;} input,textarea,select{border-color:#ef233c66!important;} #particlesCanvas{opacity:.72!important;} [data-tab="assets"],.side-link[data-tab="assets"]{display:none!important;} /* Botões comprar/presentear alinhados, sem sair do card */ .frame-actions,.dlinky-actions,.zyo-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;align-items:stretch!important;} .frame-actions .btn,.dlinky-actions .btn,.zyo-card-actions .btn{width:100%!important;min-width:0!important;white-space:nowrap!important;text-align:center!important;padding:10px 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;} .frame-shop-card,.dlinky-shop-card,.zyo-premium-card,.zyo-effect-card-final{overflow:hidden!important;} /* Loja premium bonita igual cards de moldura */ .zyo-premium-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:18px!important;margin-top:18px!important;} .zyo-premium-card{background:linear-gradient(180deg,#120308,#080104)!important;border:1px solid #ef233c66!important;border-radius:18px!important;padding:18px!important;box-shadow:0 0 28px #0009, inset 0 0 48px #ef233c16!important;min-height:230px!important;display:flex!important;flex-direction:column!important;gap:14px!important;} .zyo-premium-top{display:flex!important;align-items:center!important;gap:14px!important;min-height:82px!important;} .zyo-premium-top h3{margin:0!important;font-size:20px!important;} .zyo-premium-top p{margin:4px 0 0!important;color:#f2c7d0!important;line-height:1.25!important;} .zyo-premium-icon{width:72px!important;height:72px!important;object-fit:contain!important;filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 18px #ef233c)!important;flex:0 0 72px!important;} .zyo-status-line{border:1px dashed #ffffff30!important;background:#0b0205!important;border-radius:9px!important;padding:10px 12px!important;color:#f1d7dd!important;min-height:40px!important;} .zyo-status-line b,.zyo-status-line.owned{color:#ffd400!important;font-weight:900!important;} .zyo-premium-card.locked{opacity:.78!important;filter:saturate(.8)!important;} /* Loja de efeitos visual banner */ .zyo-effect-store-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:18px!important;margin-top:18px!important;} .zyo-effect-card-final{background:#111!important;border:1px solid #ffffff22!important;border-radius:16px!important;padding:12px!important;box-shadow:0 16px 36px #0007!important;display:flex!important;flex-direction:column!important;gap:10px!important;} .zyo-effect-preview{height:132px!important;border-radius:12px!important;background:#050505 center/cover!important;position:relative!important;overflow:hidden!important;padding:18px 18px 18px 108px!important;display:flex!important;align-items:center!important;} .zyo-effect-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0008,#0002,#0008);pointer-events:none;} .zyo-effect-preview>div{position:relative;z-index:2!important;} .zyo-effect-preview h3{margin:0!important;font-size:18px!important;color:#fff!important;text-shadow:0 2px 10px #000!important;} .zyo-effect-preview p{margin:4px 0 0!important;color:#eee!important;text-shadow:0 2px 10px #000!important;} .zyo-effect-avatar{position:absolute!important;left:34px!important;top:50%!important;transform:translateY(-50%)!important;width:72px!important;height:72px!important;border-radius:50%!important;background:#eee!important;z-index:2!important;box-shadow:0 0 0 3px #ffffff22!important;} .zyo-effect-symbol{position:absolute!important;left:38px!important;top:50%!important;transform:translateY(-50%)!important;font-size:44px!important;z-index:3!important;text-shadow:0 0 20px #fff!important;} .zyo-duration-select{height:36px!important;padding:6px 10px!important;background:#3c3c42!important;border:1px solid #ffffff20!important;color:#fff!important;border-radius:6px!important;} .zyo-help{color:#cfc5c8!important;} /* Customização estilo Zyo, porém dark vermelho */ .zyo-custom-page-final{display:grid!important;grid-template-columns:2fr 1fr!important;gap:24px!important;align-items:start!important;} .zyo-panel-final{background:#1d1d20!important;border:1px solid #ffffff1f!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 18px 44px #0006!important;} .zyo-title-final{display:flex!important;gap:12px!important;align-items:center!important;border-bottom:1px solid #ffffff16!important;padding:18px 22px!important;} .zyo-title-final>span{width:46px!important;height:46px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#9d1022,#ff356a)!important;color:#fff!important;font-size:22px!important;} .zyo-title-final h2{margin:0!important;font-size:22px!important;} .zyo-title-final p{margin:2px 0 0!important;color:#bdb7bd!important;} .zyo-form-grid-final{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;padding:20px!important;} .zyo-form-grid-final label,.zyo-bio-final{display:block!important;background:#3b3b42!important;border:1px solid #ffffff1e!important;border-radius:10px!important;padding:16px!important;margin:0!important;position:relative!important;} .zyo-form-grid-final b,.zyo-bio-final b{display:block!important;margin-bottom:2px!important;} .zyo-form-grid-final small,.zyo-bio-final small{display:block!important;color:#c8c0c8!important;margin-bottom:12px!important;} .zyo-form-grid-final input,.zyo-form-grid-final select,.zyo-bio-final textarea{background:#222!important;border:1px solid #ffffff24!important;border-radius:8px!important;color:#fff!important;} .zyo-form-grid-final em,.zyo-bio-final em{position:absolute!important;right:18px!important;bottom:18px!important;color:#c7bdc2!important;font-size:12px!important;font-style:normal!important;} .zyo-bio-final{margin:0 20px 20px!important;} .zyo-bio-final textarea{min-height:90px!important;} .zyo-toggle-list-final{display:grid!important;gap:14px!important;padding:20px!important;} .zyo-toggle-final{display:grid!important;grid-template-columns:52px 1fr auto!important;align-items:center!important;gap:14px!important;background:#3b3b42!important;border:1px solid #ffffff1f!important;border-radius:10px!important;padding:14px!important;margin:0!important;} .zyo-toggle-final>span{width:40px!important;height:40px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#7b1422!important;color:#ffcad3!important;font-size:20px!important;} .zyo-toggle-final b{display:block!important;} .zyo-toggle-final small{display:block!important;color:#c8c0c8!important;} .zyo-toggle-final input{width:22px!important;height:22px!important;accent-color:#ef233c!important;} .zyo-toggle-final.locked{opacity:.62!important;} .zyo-save-right{text-align:right!important;margin:20px 0!important;} .profile-socials{margin-top:12px!important;} /* Cores e tags mantidas juntas e mais organizadas */ #tab-colors .zyo-colors-tags,#tab-colors .grid2{display:grid!important;grid-template-columns:2fr 1fr!important;gap:24px!important;} .zyo-tag-btn,.tag-btn{border:1px solid #ffffff1d!important;background:#18181c!important;border-radius:8px!important;padding:8px 12px!important;color:#fff!important;box-shadow:none!important;} .zyo-tag-btn.on,.tag-btn.on{background:linear-gradient(135deg,#811424,#ef233c)!important;border-color:#ff6b80!important;} @media(max-width:900px){.zyo-custom-page-final,#tab-colors .zyo-colors-tags,#tab-colors .grid2{grid-template-columns:1fr!important}.zyo-form-grid-final{grid-template-columns:1fr!important}.zyo-effect-store-grid{grid-template-columns:1fr!important}.zyo-premium-grid{grid-template-columns:1fr!important}} /* ===== DLINKY FINAL ORGANIZAÇÃO VISUAL ===== */ :root{--neon:#ef2d55!important;--neon2:#ff477e!important;--line:#ef2d5544!important;} body{background:radial-gradient(circle at 18% 0,#3a0713 0,#10030a 38%,#020104 78%)!important;} .btn.primary{background:linear-gradient(135deg,#c9183d,#ff3e7a)!important;box-shadow:0 0 24px rgba(239,45,85,.35)!important;} .side-link:hover,.side-link.active,.asset-tabs button.active{background:linear-gradient(90deg,#8c102c,#ff3e7a)!important;} .zyo-premium-grid.dlinky-final-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:18px!important;align-items:stretch!important;} .zyo-card-store{background:linear-gradient(180deg,#111,#080408)!important;border:1px solid rgba(239,45,85,.35)!important;border-radius:16px!important;padding:14px!important;box-shadow:0 14px 35px rgba(0,0,0,.35)!important;overflow:hidden!important;} .zyo-card-head{min-height:112px;border-radius:12px;background:#020202;display:flex;align-items:center;gap:14px;padding:15px;position:relative;overflow:hidden;} .zyo-card-head h3,.zyo-card-store h3{margin:0;color:#fff;font-size:18px;line-height:1.15;} .zyo-card-head p,.zyo-card-store p{margin:4px 0 0;color:#ddd;font-size:14px;line-height:1.25;} .zyo-card-icon{width:74px!important;height:74px!important;object-fit:contain!important;filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 18px rgba(255,255,255,.5))!important;flex:0 0 auto!important;} .zyo-price-line{margin:12px 0!important;padding:10px 12px!important;border:1px dashed rgba(255,255,255,.22)!important;border-radius:8px!important;background:rgba(255,255,255,.035)!important;color:#eee!important;font-weight:700!important;} .zyo-price-line b,.zyo-price-line.owned{color:#ffd900!important;} .zyo-action-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important;} .zyo-action-row .btn{width:100%!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;padding:10px!important;} .effect-banner-preview{height:118px;border-radius:12px;background:#030303 center/cover no-repeat;display:flex;align-items:center;gap:13px;padding:14px;position:relative;overflow:hidden;} .effect-banner-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.55));pointer-events:none;} /* ===== DLINKY PATCH REAL FINAL CSS ===== */ /* ===== DLINKY PATCH ORGANIZADO CSS ===== */ /* ===== DLINKY SAFE CLEANUP FINAL ===== */ .side-link[data-tab="adminEffects"], .side-link[data-tab="adminThemes"], .side-link[data-tab="albumPremium"], .side-link[data-tab="zyoTags"], .side-link[data-tab="zyoColors"], .side-link[data-tab="optimization"], #tab-adminEffects, #tab-adminThemes, #tab-albumPremium, #tab-zyoTags, #tab-zyoColors, #tab-optimization, display:none!important; } border:1px solid rgba(225,29,72,.55)!important; border-radius:18px!important; background:linear-gradient(180deg,rgba(10,10,10,.96),rgba(28,5,12,.92))!important; overflow:hidden!important; } background:radial-gradient(circle,rgba(255,255,255,.12),rgba(0,0,0,.96) 64%)!important; } /* ===== DLINKY RECARGA LINKWUANS FINAL ===== */ .dlinky-recarga-only{ display:none; margin-top:18px; } .dlinky-recarga-panel{ padding:22px!important; border-radius:14px!important; background:#242426!important; border:1px solid #3a3a40!important; } .dlinky-recarga-head{ display:flex; gap:12px; align-items:center; margin-bottom:14px; } .dlinky-recarga-head h2{ margin:0; font-size:16px; } .dlinky-recarga-head p{ margin:2px 0 0; color:#b9b9c2; font-size:13px; } .dlinky-recarga-icon{ width:38px; height:38px; border-radius:10px; display:grid; place-items:center; background:#123b7a; color:#60a5fa; } .dlinky-recarga-grid{ display:grid; grid-template-columns:repeat(4,minmax(170px,1fr)); gap:16px; } .dlinky-recarga-card{ background:#17171a; border:1px solid #3a3a40; border-radius:12px; padding:22px 18px; text-align:center; position:relative; } .dlinky-recarga-card.best{ border-color:#2f7dff; box-shadow:0 0 0 1px #2f7dff; } .dlinky-recarga-card.best>b{ position:absolute; right:-8px; top:-10px; background:#2f7dff; color:white; border-radius:999px; padding:4px 10px; font-size:11px; } .dlinky-recarga-card h3{ margin:0 0 6px; font-size:21px; } .dlinky-recarga-card p{ margin:0 0 6px; color:#c9c9d2; } .dlinky-recarga-card small{ display:block; color:#2f7dff!important; margin-bottom:20px; } .dlinky-recarga-card .btn{ width:100%; background:#2563eb!important; border-color:#2563eb!important; } .dlinky-recarga-bottom{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px; } .dlinky-recarga-custom, .dlinky-recarga-voucher{ background:#242426!important; border:1px solid #3a3a40!important; border-radius:14px!important; } .dlinky-recarga-custom h2, .dlinky-recarga-voucher h2{ font-size:18px; margin:0 0 4px; } .dlinky-recarga-custom p, .dlinky-recarga-voucher p{ color:#b9b9c2; font-size:13px; margin:0 0 14px; } .dlinky-recarga-input-row{ display:flex; gap:10px; align-items:center; } .dlinky-recarga-input-row input{ flex:1; background:#111317!important; border:1px solid #3a3a40!important; } @media(max-width:900px){ .dlinky-recarga-grid{grid-template-columns:1fr} .dlinky-recarga-bottom{grid-template-columns:1fr} } /* ===== FIX FINAL REAL: RECARGA SOMENTE LINKWUANS ===== */ #recargaLinkwuansFinal{ display:none; width:100%; margin-top:18px; } .recarga-final-panel{ background:#242426!important; border:1px solid #3b3b42!important; border-radius:14px!important; padding:22px!important; } .recarga-final-title{ display:flex; align-items:center; gap:12px; margin-bottom:16px; } .recarga-final-title span{ width:40px; height:40px; border-radius:10px; display:grid; place-items:center; background:#173f7d; color:#60a5fa; } .recarga-final-title h2{ margin:0; font-size:16px; } .recarga-final-title p{ margin:3px 0 0; color:#b9b9c2; font-size:13px; } .recarga-final-grid{ display:grid; grid-template-columns:repeat(4,minmax(190px,1fr)); gap:16px; } .recarga-final-card{ position:relative; background:#17171a; border:1px solid #3b3b42; border-radius:12px; padding:22px 18px; text-align:center; } .recarga-final-card.best{ border-color:#2f7dff!important; box-shadow:0 0 0 1px #2f7dff; } .recarga-final-card.best>b{ position:absolute; right:-8px; top:-10px; background:#2f7dff; color:white; border-radius:999px; padding:4px 10px; font-size:11px; } .recarga-final-card h3{ margin:0 0 6px; font-size:22px; } .recarga-final-card p{ margin:0 0 6px; color:#c9c9d2; } .recarga-final-card small{ display:block; color:#2f7dff!important; margin-bottom:20px; } .recarga-final-card .btn{ width:100%; background:#2563eb!important; border-color:#2563eb!important; color:white!important; } .recarga-final-bottom{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px; } .recarga-final-box{ background:#242426!important; border:1px solid #3b3b42!important; border-radius:14px!important; } .recarga-final-box h2{ margin:0 0 4px; font-size:18px; } .recarga-final-box p{ color:#b9b9c2; font-size:13px; margin:0 0 14px; } .recarga-final-row{ display:flex; gap:10px; align-items:center; } .recarga-final-row input{ flex:1; background:#111317!important; border:1px solid #3b3b42!important; } @media(max-width:900px){ .recarga-final-grid{grid-template-columns:1fr} .recarga-final-bottom{grid-template-columns:1fr} } /* ========================================================= PATCH FINAL — Visual Recarga Linkwuans limpo estilo Zyo ========================================================= */ .recarga-clean-grid{display:block;width:100%;} .recarga-clean-panel{background:#222225;border:1px solid #3b3b44;border-radius:12px;padding:22px;box-shadow:0 0 0 1px #0004,0 24px 80px #0008;} .recarga-clean-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;} .recarga-clean-icon{width:42px;height:42px;border-radius:11px;background:#174b98;color:#b8d5ff;display:grid;place-items:center;font-weight:900;box-shadow:inset 0 0 20px #2f7dff33;} .recarga-clean-head h3{margin:0 0 4px;font-size:16px;color:#fff;} .recarga-clean-head p{margin:0;color:#d7d7df;font-size:13px;letter-spacing:.2px;} .recarga-packages{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;} .recarga-package{position:relative;min-height:182px;border:1px solid #3b3b44;border-radius:10px;background:#151519;padding:22px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;box-shadow:inset 0 -30px 45px #ff24401a;overflow:visible;} .recarga-package.best{border-color:#2f7dff;box-shadow:0 0 0 1px #2f7dff66,inset 0 -30px 45px #ff24401a;} .recarga-package h2{margin:0;color:#fff;font-size:23px;letter-spacing:.2px;} .recarga-package p{margin:4px 0 0;color:#f2f2f5;font-size:16px;} .recarga-package small{color:#438dff;font-size:13px;margin-bottom:14px;} .recarga-package .btn{width:100%;background:#2f66e8;border-color:#2f7dff;border-radius:10px;box-shadow:0 0 26px #ff244033;font-size:13px;} .recarga-tools-only{margin-top:18px;} .clean-shop-grid .dlinky-shop-card,.clean-shop-grid .asset-card{background:#151519;border:1px solid #3b3b44;border-radius:12px;} .shop-preview img{max-width:100%;max-height:100%;object-fit:contain;display:block;margin:auto;} @media(max-width:1100px){.recarga-packages{grid-template-columns:repeat(2,1fr)}} /* ===== FIX LIMPO RECARGA + RESTAURA MOLDURAS ===== */ #tab-store .dlinky-recarga-grid-only{display:block!important;width:100%!important;overflow:visible!important;} #tab-store .dlinky-recarga-panel-clean{background:linear-gradient(135deg,#ffffff12,#ffffff07)!important;border:1px solid #ffffff18!important;border-radius:14px!important;padding:22px!important;margin-bottom:24px!important;box-shadow:0 18px 60px #0008!important;} #tab-store .recarga-clean-head{display:flex!important;align-items:center!important;gap:14px!important;margin-bottom:16px!important;} #tab-store .recarga-clean-head h3{margin:0!important;font-size:17px!important;} #tab-store .recarga-clean-head p{margin:4px 0 0!important;color:#d8cdea!important;font-size:13px!important;} #tab-store .recarga-clean-icon{width:42px;height:42px;border-radius:10px;background:#0d4b9e;display:grid;place-items:center;flex:0 0 auto;} #tab-store .dlinky-recarga-packs-clean{display:grid!important;grid-template-columns:repeat(4,minmax(220px,1fr))!important;gap:16px!important;} #tab-store .dlinky-recarga-card-clean{position:relative!important;background:#111116!important;border:1px solid #ffffff20!important;border-radius:10px!important;min-height:182px!important;padding:22px 18px!important;text-align:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;overflow:visible!important;} #tab-store .dlinky-recarga-card-clean.best{border-color:#2677ff!important;box-shadow:0 0 0 1px #2677ff!important;} #tab-store .dlinky-recarga-card-clean h2{font-size:22px!important;margin:0!important;color:#fff!important;line-height:1.15!important;} #tab-store .dlinky-recarga-card-clean p{margin:0!important;color:#fff!important;font-size:16px!important;} #tab-store .dlinky-recarga-card-clean small{color:#2381ff!important;margin-bottom:14px!important;} #tab-store .dlinky-recarga-card-clean .btn{margin-top:auto!important;min-height:42px!important;background:#2f67e9!important;box-shadow:0 10px 26px rgba(230,35,98,.26)!important;} #tab-store .dlinky-recarga-extras{display:grid;margin-top:0!important;} #tab-store .recarga-final-row{display:flex;gap:10px;align-items:center;} #tab-store .recarga-final-row input{flex:1;} /* Molduras voltam para o layout premium original, sem herdar CSS de recarga */ #tab-store .frames-shop-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:18px!important;align-items:start!important;} #tab-store .frame-shop-card{min-height:295px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;overflow:hidden!important;} #tab-store .frame-shop-preview{height:126px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;position:relative!important;} #tab-store .frame-shop-preview .frame-img,#tab-store .frame-shop-preview img.frame-img{max-width:118%!important;max-height:118%!important;width:auto!important;height:auto!important;object-fit:contain!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;pointer-events:none!important;} #tab-store .frame-info{min-height:64px!important;} #tab-store .frame-info b{font-size:16px!important;line-height:1.1!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;} #tab-store .frame-info small{font-size:13px!important;line-height:1.25!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;} #tab-store .frame-actions{margin-top:auto!important;} @media(max-width:1100px){#tab-store .dlinky-recarga-packs-clean{grid-template-columns:repeat(2,minmax(220px,1fr))!important;}} @media(max-width:650px){#tab-store .dlinky-recarga-packs-clean{grid-template-columns:1fr!important;}#tab-store .recarga-final-row{flex-direction:column;align-items:stretch;}} /* CORREÇÃO DEFINITIVA — Recarga isolada; não altera cards de moldura */ #tab-store #shopGrid.dlinky-linkwuans-only-grid{display:block!important;width:100%!important;overflow:visible!important;} .dlinky-linkwuans-only-panel{background:linear-gradient(135deg,#ffffff12,#ffffff07);border:1px solid #ffffff22;border-radius:14px;padding:22px;margin-bottom:24px;box-shadow:0 18px 60px #0006;} /* ===== FIX FINAL: Molduras em grid compacto igual antes, sem mexer na Recarga ===== */ #tab-store #shopGrid.frames-shop-compact{ display:grid!important; grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important; gap:16px!important; align-items:stretch!important; width:100%!important; overflow:visible!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-card{ background:linear-gradient(180deg,#160425 0%,#07030b 100%)!important; border:1px solid rgba(168,85,247,.38)!important; border-radius:12px!important; padding:0!important; min-height:312px!important; max-height:none!important; display:flex!important; flex-direction:column!important; justify-content:flex-start!important; overflow:hidden!important; box-shadow:0 0 22px rgba(236,72,153,.14)!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-preview{ height:178px!important; min-height:178px!important; width:100%!important; border-radius:12px 12px 0 0!important; background:radial-gradient(circle at 50% 42%,rgba(236,72,153,.38),rgba(58,15,94,.45) 46%,#07030b 78%)!important; display:flex!important; align-items:center!important; justify-content:center!important; position:relative!important; overflow:hidden!important; margin:0!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-preview .frame-avatar-demo{ width:76px!important; height:76px!important; border-radius:50%!important; position:absolute!important; left:50%!important; top:50%!important; transform:translate(-50%,-50%)!important; background-size:cover!important; background-position:center!important; opacity:.72!important; z-index:1!important; border:2px solid rgba(47,125,255,.8)!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-preview .frame-img, #tab-store #shopGrid.frames-shop-compact .compact-frame-preview img.frame-img{ position:absolute!important; left:50%!important; top:50%!important; transform:translate(-50%,-50%)!important; width:auto!important; height:auto!important; max-width:118%!important; max-height:118%!important; object-fit:contain!important; z-index:2!important; pointer-events:none!important; filter:drop-shadow(0 0 18px rgba(236,72,153,.45))!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-info{ min-height:76px!important; padding:14px 12px 4px!important; margin:0!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-info b{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; color:#fff!important; font-size:17px!important; line-height:1.15!important; margin:0 0 8px!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-info small{ display:-webkit-box!important; -webkit-line-clamp:1!important; -webkit-box-orient:vertical!important; overflow:hidden!important; color:#cfc3dd!important; font-size:12px!important; line-height:1.2!important; margin:0!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-meta{ display:flex!important; justify-content:space-between!important; gap:8px!important; padding:0 12px 10px!important; color:#e9d5ff!important; font-size:12px!important; } #tab-store #shopGrid.frames-shop-compact .compact-hidden-duration{ position:absolute!important; opacity:0!important; pointer-events:none!important; width:1px!important; height:1px!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-actions{ margin-top:auto!important; padding:0 12px 12px!important; display:flex!important; gap:8px!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-actions .btn{ flex:1!important; width:auto!important; min-height:38px!important; padding:9px 10px!important; border-radius:10px!important; font-size:13px!important; white-space:nowrap!important; } #tab-store #shopGrid.frames-shop-compact .frame-stock, #tab-store #shopGrid.frames-shop-compact .frame-price, #tab-store #shopGrid.frames-shop-compact .frame-note, #tab-store #shopGrid.frames-shop-compact .frame-url-chip{ display:none!important; } @media(max-width:700px){ #tab-store #shopGrid.frames-shop-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } /* ========================================================= PATCH FINAL — SOMENTE MOLDURAS DA LOJA Corrige tamanho do card e impede o botão "Presentear" sair para fora. ========================================================= */ #tab-store #shopGrid.frames-shop-compact{ display:grid!important; grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important; gap:16px!important; align-items:stretch!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-card{ width:100%!important; min-width:0!important; max-width:100%!important; min-height:0!important; height:390px!important; padding:0!important; overflow:hidden!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-preview{ height:176px!important; min-height:176px!important; max-height:176px!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-info{ min-height:88px!important; max-height:88px!important; padding:13px 11px 3px!important; overflow:hidden!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-info b{ font-size:16px!important; line-height:1.12!important; margin-bottom:7px!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-info small{ font-size:11.5px!important; line-height:1.2!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-meta{ padding:0 11px 8px!important; gap:6px!important; font-size:11.5px!important; white-space:nowrap!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-actions{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important; gap:6px!important; padding:0 10px 11px!important; margin-top:auto!important; overflow:hidden!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-actions .btn{ min-width:0!important; max-width:100%!important; width:100%!important; height:38px!important; min-height:38px!important; padding:0 6px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; text-overflow:clip!important; white-space:nowrap!important; font-size:11.5px!important; line-height:1!important; border-radius:10px!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-actions .btn[data-gift-frame]{ font-size:11px!important; letter-spacing:-.2px!important; } @media(max-width:700px){ #tab-store #shopGrid.frames-shop-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;} #tab-store #shopGrid.frames-shop-compact .compact-frame-actions .btn{font-size:10.5px!important;padding:0 4px!important;} } /* ========================================================= PATCH FINAL — SOMENTE LOJA > MOLDURAS Corrige o tamanho/posição dos cards sem mexer em Recarga, - remove o avatar branco duplicado que aparecia no texto - impede texto sobreposto - deixa botões dentro do card - mantém o grid compacto visual parecido com o inventário ========================================================= */ #tab-store #shopGrid.frames-shop-compact{ display:grid!important; grid-template-columns:repeat(auto-fill,minmax(180px,184px))!important; gap:16px!important; align-items:start!important; justify-content:start!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-card, #tab-store #shopGrid.frames-shop-compact .frame-shop-card{ width:100%!important; min-width:0!important; max-width:184px!important; min-height:0!important; height:390px!important; padding:0!important; border-radius:11px!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; justify-content:flex-start!important; background:linear-gradient(180deg,#21072f 0%,#09000f 58%,#09000f 100%)!important; border:1px solid rgba(168,85,247,.55)!important; box-shadow:0 0 0 1px rgba(0,0,0,.25),0 12px 28px rgba(0,0,0,.35)!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-preview, #tab-store #shopGrid.frames-shop-compact .frame-shop-preview.real-frame-preview{ width:100%!important; height:178px!important; min-height:178px!important; max-height:178px!important; border-radius:0!important; border:0!important; border-bottom:1px solid rgba(255,255,255,.08)!important; background:radial-gradient(circle at center,rgba(168,85,247,.35),#100018 70%)!important; position:relative!important; overflow:hidden!important; display:grid!important; place-items:center!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-preview::before, #tab-store #shopGrid.frames-shop-compact .frame-shop-preview.real-frame-preview::before{ content:""!important; position:absolute!important; inset:0!important; background:radial-gradient(circle at center,rgba(236,72,153,.18),transparent 62%)!important; filter:none!important; border-radius:0!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-preview .frame-avatar-demo, #tab-store #shopGrid.frames-shop-compact .frame-shop-preview.real-frame-preview .frame-avatar-demo{ position:absolute!important; left:50%!important; top:50%!important; width:78px!important; height:78px!important; transform:translate(-50%,-50%)!important; border-radius:50%!important; background-size:cover!important; background-position:center!important; z-index:2!important; opacity:.75!important; box-shadow:0 0 0 2px rgba(47,125,255,.8)!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-preview .frame-img, #tab-store #shopGrid.frames-shop-compact .compact-frame-preview img.frame-img, #tab-store #shopGrid.frames-shop-compact .frame-shop-preview.real-frame-preview .frame-img.big{ position:absolute!important; left:50%!important; top:50%!important; width:168px!important; height:168px!important; max-width:180px!important; max-height:180px!important; transform:translate(-50%,-50%)!important; object-fit:contain!important; z-index:5!important; pointer-events:none!important; filter:drop-shadow(0 0 10px rgba(236,72,153,.45))!important; } /* remove o avatar branco que estava duplicando e empurrando o texto */ #tab-store #shopGrid.frames-shop-compact .compact-frame-info::before, #tab-store #shopGrid.frames-shop-compact .frame-info.clean-info::before, #tab-store #shopGrid.frames-shop-compact .frame-info::before{ display:none!important; content:none!important; width:0!important; height:0!important; margin:0!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-info, #tab-store #shopGrid.frames-shop-compact .frame-info.clean-info{ display:block!important; grid-template-columns:none!important; padding:12px 12px 4px!important; margin:0!important; min-height:88px!important; max-height:88px!important; overflow:hidden!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-info b, #tab-store #shopGrid.frames-shop-compact .frame-info.clean-info b{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; margin:0 0 6px!important; font-size:17px!important; line-height:1.12!important; color:#fff!important; text-shadow:0 1px 2px #000!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-info small, #tab-store #shopGrid.frames-shop-compact .frame-info.clean-info small{ display:-webkit-box!important; -webkit-line-clamp:1!important; -webkit-box-orient:vertical!important; overflow:hidden!important; grid-column:auto!important; margin:0!important; font-size:12px!important; line-height:1.25!important; color:#d7c9e8!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-meta{ display:flex!important; justify-content:space-between!important; align-items:center!important; gap:8px!important; padding:0 12px!important; margin:0 0 10px!important; min-height:18px!important; font-size:12px!important; line-height:1!important; color:#f3eaff!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-meta span{ white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; max-width:95px!important; } #tab-store #shopGrid.frames-shop-compact .compact-hidden-duration{ display:none!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-actions, #tab-store #shopGrid.frames-shop-compact .frame-actions{ margin-top:auto!important; padding:0 12px 12px!important; display:flex!important; grid-template-columns:none!important; gap:8px!important; width:100%!important; min-width:0!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-actions .btn, #tab-store #shopGrid.frames-shop-compact .frame-actions .btn{ flex:1 1 0!important; min-width:0!important; width:auto!important; max-width:100%!important; height:38px!important; padding:0 7px!important; border-radius:9px!important; font-size:12px!important; line-height:1!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:clip!important; display:flex!important; align-items:center!important; justify-content:center!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-actions .btn[data-gift-frame], #tab-store #shopGrid.frames-shop-compact .frame-actions .btn[data-gift-frame]{ font-size:11px!important; padding:0 5px!important; } @media(max-width:900px){ #tab-store #shopGrid.frames-shop-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;} #tab-store #shopGrid.frames-shop-compact .compact-frame-card, #tab-store #shopGrid.frames-shop-compact .frame-shop-card{max-width:none!important;height:370px!important;} #tab-store #shopGrid.frames-shop-compact .compact-frame-preview, #tab-store #shopGrid.frames-shop-compact .frame-shop-preview.real-frame-preview{height:162px!important;min-height:162px!important;} #tab-store #shopGrid.frames-shop-compact .compact-frame-preview .frame-img, #tab-store #shopGrid.frames-shop-compact .compact-frame-preview img.frame-img, #tab-store #shopGrid.frames-shop-compact .frame-shop-preview.real-frame-preview .frame-img.big{width:150px!important;height:150px!important;} } /* ========================================================= PATCH FINAL — Molduras loja: hover + duração visível Não altera Recarga / Inventário / Admin ========================================================= */ #tab-store #shopGrid.frames-shop-compact .compact-frame-card, #tab-store #shopGrid.frames-shop-compact .frame-shop-card{ transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important; will-change:transform!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-card:hover, #tab-store #shopGrid.frames-shop-compact .frame-shop-card:hover{ transform:translateY(-7px) scale(1.018)!important; border-color:#ec4899aa!important; box-shadow:0 14px 35px #ec489930,0 0 25px #7c3aed26!important; z-index:3!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-preview .frame-img, #tab-store #shopGrid.frames-shop-compact .frame-shop-preview .frame-img{ transition:transform .18s ease, filter .18s ease!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-card:hover .frame-img, #tab-store #shopGrid.frames-shop-compact .frame-shop-card:hover .frame-img{ transform:scale(1.045)!important; filter:drop-shadow(0 0 14px #ec489966)!important; } #tab-store #shopGrid.frames-shop-compact .compact-hidden-duration, #tab-store #shopGrid.frames-shop-compact select.frame-duration{ display:block!important; width:calc(100% - 24px)!important; height:34px!important; min-height:34px!important; margin:0 12px 10px!important; padding:0 10px!important; border-radius:8px!important; background:#201824!important; border:1px solid #7c3aed66!important; color:#fff!important; font-size:12px!important; font-weight:700!important; outline:none!important; box-shadow:none!important; } #tab-store #shopGrid.frames-shop-compact select.frame-duration:focus{ border-color:#2f7dff!important; box-shadow:0 0 0 1px #2f7dff55!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-meta{ margin-bottom:8px!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-actions, #tab-store #shopGrid.frames-shop-compact .frame-actions{ padding-bottom:12px!important; } /* ========================================================= AJUSTE FINAL — Molduras compactas com duração visível Não altera Recarga. ========================================================= */ #tab-store #shopGrid.frames-shop-compact .compact-frame-card, #tab-store #shopGrid.frames-shop-compact .frame-shop-card{ height:420px!important; min-height:420px!important; max-height:420px!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-preview, #tab-store #shopGrid.frames-shop-compact .frame-shop-preview.real-frame-preview{ height:170px!important; min-height:170px!important; max-height:170px!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-info, #tab-store #shopGrid.frames-shop-compact .frame-info.clean-info{ padding:10px 12px 5px!important; min-height:70px!important; max-height:70px!important; } #tab-store #shopGrid.frames-shop-compact .compact-frame-meta{ padding:0 12px!important; margin:0 0 7px!important; min-height:18px!important; } #tab-store #shopGrid.frames-shop-compact select.frame-duration, #tab-store #shopGrid.frames-shop-compact .compact-frame-duration-final, #tab-store #shopGrid.frames-shop-compact .compact-hidden-duration{ display:block!important; visibility:visible!important; opacity:1!important; position:relative!important; left:auto!important; top:auto!important; width:calc(100% - 24px)!important; height:34px!important; min-height:34px!important; max-height:34px!important; margin:0 12px 10px!important; padding:0 10px!important; background:#3c3a42!important; border:1px solid #2f7dffcc!important; color:#fff!important; border-radius:6px!important; font-size:12px!important; font-weight:700!important; z-index:10!important; pointer-events:auto!important; flex:0 0 auto!important; } #tab-store #shopGrid.frames-shop-compact .frame-actions, #tab-store #shopGrid.frames-shop-compact .compact-frame-actions{ margin-top:auto!important; display:flex!important; gap:8px!important; width:100%!important; padding:0 12px 12px!important; flex:0 0 auto!important; } #tab-store #shopGrid.frames-shop-compact .frame-actions .btn, #tab-store #shopGrid.frames-shop-compact .compact-frame-actions .btn{ flex:1 1 0!important; min-width:0!important; max-width:100%!important; height:38px!important; white-space:nowrap!important; overflow:hidden!important; font-size:12px!important; padding:0 7px!important; } @media(max-width:900px){ #tab-store #shopGrid.frames-shop-compact .compact-frame-card, #tab-store #shopGrid.frames-shop-compact .frame-shop-card{height:420px!important;min-height:420px!important;max-height:420px!important;} } /* ========================================================= PATCH PERFIL — opções de card invisível + movimento no mouse Somente perfil/layout. Não altera loja, recarga, molduras ou inventário. ========================================================= */ .profile-wrap{transition:transform .18s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;will-change:transform;} .profile-wrap.card-style-invisible{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;} .profile-wrap.card-style-soft{background:rgba(8,8,12,.34)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 18px 70px rgba(0,0,0,.35)!important;backdrop-filter:blur(8px)!important;} .profile-wrap.card-style-glass{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 22px 90px rgba(0,0,0,.42)!important;backdrop-filter:blur(16px)!important;} .profile-wrap.card-style-line{background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important;backdrop-filter:none!important;} .profile-wrap.card-move-float:hover{transform:translateY(-8px) scale(1.01);} .profile-wrap.card-move-pulse:hover{transform:translateY(-4px) scale(1.018);box-shadow:0 28px 100px rgba(236,72,153,.22),0 0 35px rgba(168,85,247,.18)!important;} .profile-wrap.card-move-tilt,.profile-wrap.card-move-parallax{transform-style:preserve-3d;} .profile-wrap.card-move-parallax .profile-banner, .profile-wrap.card-move-parallax .avatar-decoration, .profile-wrap.card-move-parallax .profile-links, .profile-wrap.card-move-parallax .profile-socials{transition:transform .15s ease;} .profile-card-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;} .profile-card-options-grid label{margin:0;} @media(max-width:900px){.profile-card-options-grid{grid-template-columns:1fr}.profile-wrap.card-move-tilt,.profile-wrap.card-move-parallax{transform:none!important}} /* ========================================================= PATCH FINAL — card invisível real + partículas únicas/brancas ========================================================= */ .profile-wrap.dlinky-card-none, .profile-wrap.card-style-invisible{ background:transparent!important; background-color:transparent!important; background-image:none!important; border-color:transparent!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .profile-wrap.dlinky-card-none .profile-banner{ display:none!important; } .profile-wrap.dlinky-card-none .avatar-decoration{ margin-top:0!important; } .profile-wrap.dlinky-card-none .profile-links a{ background:rgba(10,10,14,.58)!important; border-color:rgba(255,255,255,.08)!important; box-shadow:none!important; } .dlinky-profile-card-control small{display:block;color:#aaa;margin:3px 0 6px;font-weight:500}.dlinky-profile-card-control select{margin-top:6px} #profileParticleLayer.dlinky-bgfx-layer{position:fixed!important;inset:0!important;z-index:1!important;pointer-events:none!important;overflow:hidden!important}.dlinky-bgfx-layer .dlinky-bgfx-item{position:absolute;display:block;will-change:transform,opacity;animation:dlinkyBgFxFall linear infinite;text-shadow:0 0 10px currentColor}.dlinky-bgfx-snow .dlinky-bgfx-item{color:#fff!important;text-shadow:0 0 10px #fff,0 0 18px rgba(255,255,255,.75)!important;opacity:.92}.dlinky-bgfx-stars .dlinky-bgfx-item{color:#bfa7ff!important;text-shadow:0 0 12px #a855f7!important}.dlinky-bgfx-raios .dlinky-bgfx-item{color:#ffd84a!important;text-shadow:0 0 10px #ffd84a,0 0 22px #facc15!important;animation-name:dlinkyBgFxLightning!important}.dlinky-bgfx-scan .dlinky-scanline{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0 1px,transparent 1px 6px);opacity:.22;animation:dlinkyScanMove 4s linear infinite}@keyframes dlinkyBgFxFall{0%{transform:translate3d(0,-12vh,0) rotate(0deg);opacity:0}12%{opacity:.95}100%{transform:translate3d(18px,115vh,0) rotate(360deg);opacity:.15}}@keyframes dlinkyBgFxLightning{0%{transform:translate3d(0,-10vh,0);opacity:0}15%{opacity:1}70%{opacity:.9}100%{transform:translate3d(12px,108vh,0);opacity:0}}@keyframes dlinkyScanMove{to{background-position:0 80px}} /* ========================================================= HOTFIX DEFINITIVO — Sem card real igual Zyo Corrige o #profileCard que tinha box-shadow !important por ID. ========================================================= */ #profileCard.dlinky-card-none, #profileCard.card-style-invisible, .profile-page #profileCard.dlinky-card-none, .profile-page #profileCard.card-style-invisible{ background:transparent!important; background-color:transparent!important; background-image:none!important; border:0!important; outline:0!important; box-shadow:none!important; filter:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } #profileCard.dlinky-card-none::before, #profileCard.dlinky-card-none::after, #profileCard.card-style-invisible::before, #profileCard.card-style-invisible::after{ display:none!important; content:none!important; } #profileCard.dlinky-card-none .profile-banner, #profileCard.card-style-invisible .profile-banner{ display:none!important; height:0!important; margin:0!important; padding:0!important; border:0!important; box-shadow:none!important; background:none!important; } #profileCard.dlinky-card-none .profile-links a, #profileCard.card-style-invisible .profile-links a{ background:rgba(10,10,14,.58)!important; border:1px solid rgba(255,255,255,.10)!important; box-shadow:none!important; } #profileCard.dlinky-card-none .profile-meta span, #profileCard.card-style-invisible .profile-meta span{ background:rgba(0,0,0,.32)!important; border-color:rgba(255,255,255,.12)!important; box-shadow:none!important; } #profileCard.dlinky-card-none .avatar-decoration, #profileCard.card-style-invisible .avatar-decoration{ margin-top:0!important; } /* PATCH FINAL CLEAN — controles novos do card, sem overlay travando clique */ .dlinky-card-fixed-control{position:relative!important;z-index:50!important;display:block!important;pointer-events:auto!important}.dlinky-card-fixed-control select{position:relative!important;z-index:60!important;pointer-events:auto!important;cursor:pointer!important}.card-style-soft{background:rgba(6,3,11,.38)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 18px 55px rgba(0,0,0,.42)!important;backdrop-filter:blur(8px)!important}.card-style-glass{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 18px 70px rgba(0,0,0,.46)!important;backdrop-filter:blur(18px)!important}.card-style-line{background:transparent!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important}.card-move-float:hover{transform:translateY(-8px)!important}.card-move-pulse{animation:dlinkyCardPulse 2.3s ease-in-out infinite}@keyframes dlinkyCardPulse{50%{box-shadow:0 0 28px rgba(236,72,153,.45)}} /* PATCH ESTÁVEL — partículas sem bug no painel e sem raio preso no canto */ #dlinkySingleBgFx{display:none!important;} #dlinkyStableBgFx{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;contain:layout paint;} #dlinkyStableBgFx span{position:absolute;display:block;line-height:1;will-change:transform,opacity;animation:dlinkyFxFloat linear infinite;text-shadow:0 0 10px currentColor;} #dlinkyStableBgFx.fx-snow span{color:#fff!important;text-shadow:0 0 8px rgba(255,255,255,.9),0 0 18px rgba(255,255,255,.45);} #dlinkyStableBgFx.fx-stars span{color:#a78bfa!important;} #dlinkyStableBgFx.fx-raios span{color:#ffd84d!important;text-shadow:0 0 8px rgba(255,216,77,.95),0 0 18px rgba(255,216,77,.45);} @keyframes dlinkyFxFloat{0%{transform:translate3d(0,-12px,0) rotate(0deg);opacity:0}15%{opacity:.9}100%{transform:translate3d(0,70px,0) rotate(180deg);opacity:0}} .page:not(.active) #dlinkyStableBgFx{display:none!important;} .dlinky-card-fixed-control{display:block;margin-top:14px;} .dlinky-card-fixed-control select{width:100%;} /* PATCH FINAL — remove pontos roxos quando o perfil está sem efeito */ #dlinkyStableBgFx{position:fixed!important;inset:0!important;z-index:1!important;pointer-events:none!important;overflow:hidden!important;contain:layout paint!important;} #dlinkyStableBgFx span{position:absolute!important;display:block!important;line-height:1!important;will-change:transform,opacity!important;animation:dlinkyFxFloat linear infinite!important;} #dlinkyStableBgFx.fx-snow span{color:#fff!important;text-shadow:0 0 8px rgba(255,255,255,.9),0 0 18px rgba(255,255,255,.45)!important;} #dlinkyStableBgFx.fx-stars span{color:#a78bfa!important;text-shadow:0 0 10px rgba(167,139,250,.9)!important;} #dlinkyStableBgFx.fx-raios span{color:#ffd84d!important;text-shadow:0 0 8px rgba(255,216,77,.95),0 0 18px rgba(255,216,77,.45)!important;} #dlinkyStableBgFx .dlinky-scanline-fixed{position:absolute!important;inset:0!important;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0 1px,transparent 1px 6px)!important;opacity:.22!important;animation:dlinkyScanMove 4s linear infinite!important;} @keyframes dlinkyFxFloat{0%{transform:translate3d(0,-12px,0) rotate(0deg);opacity:0}15%{opacity:.9}100%{transform:translate3d(0,70px,0) rotate(180deg);opacity:0}} /* ===== PATCH FINAL: movimento real do card + fontes do perfil ===== */ .dlinky-font-fixed-control{position:relative!important;z-index:55!important;display:block!important;pointer-events:auto!important} .dlinky-font-fixed-control select{position:relative!important;z-index:60!important;pointer-events:auto!important;cursor:pointer!important} #profileCard,.profile-wrap{transition:transform .18s ease, box-shadow .22s ease!important;will-change:transform;} #profileCard.dlinky-motion-float:hover,.profile-wrap.dlinky-motion-float:hover{transform:translateY(-10px) scale(1.012)!important;} #profileCard.dlinky-motion-pulse,.profile-wrap.dlinky-motion-pulse{animation:dlinkyRealGlow 2.2s ease-in-out infinite!important;} #profileCard.dlinky-motion-tilt,.profile-wrap.dlinky-motion-tilt, #profileCard.dlinky-motion-parallax,.profile-wrap.dlinky-motion-parallax{transform-style:preserve-3d!important;} #profileCard.dlinky-motion-parallax .profile-banner, #profileCard.dlinky-motion-parallax .avatar-decoration, #profileCard.dlinky-motion-parallax .profile-links, #profileCard.dlinky-motion-parallax .profile-socials, .profile-wrap.dlinky-motion-parallax .profile-banner, .profile-wrap.dlinky-motion-parallax .avatar-decoration, .profile-wrap.dlinky-motion-parallax .profile-links, .profile-wrap.dlinky-motion-parallax .profile-socials{transition:transform .14s ease!important;will-change:transform;} #profileCard,#profileCard *,.profile-page,.profile-page *{font-family:var(--dlinky-profile-font, Inter, system-ui, sans-serif)!important;} @keyframes dlinkyRealGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(236,72,153,0));}50%{filter:drop-shadow(0 0 18px rgba(236,72,153,.38));}} @media(max-width:900px){#profileCard.dlinky-motion-tilt,.profile-wrap.dlinky-motion-tilt,#profileCard.dlinky-motion-parallax,.profile-wrap.dlinky-motion-parallax{transform:none!important}} /* === HOTFIX: ícones sociais originais + efeitos caindo de verdade === */ .profile-socials .social-icon i.fa-brands, .profile-socials .social-icon .fa-brands, i.fa-brands{ font-family:"Font Awesome 6 Brands"!important; font-weight:400!important; font-style:normal!important; } .profile-socials .social-icon i.fa-solid, .profile-socials .social-icon .fa-solid, i.fa-solid{ font-family:"Font Awesome 6 Free"!important; font-weight:900!important; font-style:normal!important; } .profile-socials .social-icon{ width:36px!important;height:36px!important;border-radius:50%!important; display:inline-grid!important;place-items:center!important; color:#fff!important;font-size:18px!important;line-height:1!important; } .profile-socials .social-icon i{font-size:18px!important;line-height:1!important;color:#fff!important;display:block!important;} .profile-socials .social-icon.brand-tiktok{background:#050505!important;box-shadow:0 0 14px rgba(254,44,85,.45)!important;} .profile-socials .social-icon.brand-discord{background:#5865f2!important;} .profile-socials .social-icon.brand-spotify{background:#1db954!important;} .profile-socials .social-icon.brand-instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0 20%,#fd5949 45%,#d6249f 65%,#285AEB 100%)!important;} .profile-socials .social-icon.brand-youtube{background:#ff0000!important;} .profile-socials .social-icon.brand-whatsapp{background:#25d366!important;} .profile-socials .social-icon.brand-steam{background:#111!important;} .profile-socials .social-icon.brand-telegram{background:#229ed9!important;} .profile-socials .social-icon.brand-github{background:#24292f!important;} .profile-socials .social-icon.brand-twitch{background:#9146ff!important;} #dlinkyStableBgFx.dlinky-fixed-fall-fx{ position:fixed!important;inset:0!important;z-index:1!important; pointer-events:none!important;overflow:hidden!important;contain:layout paint!important; } #dlinkyStableBgFx.dlinky-fixed-fall-fx span{ position:absolute!important;top:-14vh!important;display:block!important; line-height:1!important;will-change:transform,opacity!important; animation:dlinkyFallReal linear infinite!important; transform:translate3d(0,-14vh,0);opacity:0; } #dlinkyStableBgFx.dlinky-fixed-fall-fx.fx-snow span{ color:#fff!important;text-shadow:0 0 8px #fff,0 0 18px rgba(255,255,255,.75)!important; } #dlinkyStableBgFx.dlinky-fixed-fall-fx.fx-stars span{ color:#bfa7ff!important;text-shadow:0 0 10px rgba(168,85,247,.9)!important; } #dlinkyStableBgFx.dlinky-fixed-fall-fx.fx-raios span{ color:#ffd84d!important;text-shadow:0 0 10px rgba(255,216,77,.95),0 0 22px rgba(255,216,77,.55)!important; } #dlinkyStableBgFx.dlinky-fixed-fall-fx .dlinky-scanline-fixed{ position:absolute!important;inset:0!important;top:0!important; background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0 1px,transparent 1px 6px)!important; opacity:.22!important;animation:dlinkyScanMove 4s linear infinite!important; } @keyframes dlinkyFallReal{ 0%{transform:translate3d(0,-14vh,0) rotate(0deg);opacity:0;} 10%{opacity:.95;} 88%{opacity:.9;} 100%{transform:translate3d(var(--drift,18px),126vh,0) rotate(360deg);opacity:0;} } /* === FINAL FIX: ícones sociais e efeitos animados automáticos === */ .profile-socials .social-icon i[class*="fa-brands"], #profileSocials .social-icon i[class*="fa-brands"]{ font-family:"Font Awesome 6 Brands"!important; font-weight:400!important; font-style:normal!important; speak:never!important; } .profile-socials .social-icon i[class*="fa-solid"], #profileSocials .social-icon i[class*="fa-solid"]{ font-family:"Font Awesome 6 Free"!important; font-weight:900!important; font-style:normal!important; speak:never!important; } .profile-socials .social-icon i, #profileSocials .social-icon i{ font-size:18px!important; line-height:1!important; color:#fff!important; text-rendering:auto!important; -webkit-font-smoothing:antialiased!important; } #dlinkyFxAutoFinal{ position:fixed!important; inset:0!important; z-index:1!important; pointer-events:none!important; overflow:hidden!important; } #dlinkyFxAutoFinal .fx-auto-item{ position:absolute!important; left:0;top:0; line-height:1!important; will-change:transform!important; user-select:none!important; pointer-events:none!important; } #dlinkyFxAutoFinal.fx-snow .fx-auto-item{ color:#fff!important; text-shadow:0 0 8px #fff,0 0 18px rgba(255,255,255,.8)!important; } #dlinkyFxAutoFinal.fx-stars .fx-auto-item{ color:#b88cff!important; text-shadow:0 0 10px rgba(168,85,247,.95)!important; } #dlinkyFxAutoFinal.fx-raios .fx-auto-item{ color:#ffd84d!important; text-shadow:0 0 10px rgba(255,216,77,.95),0 0 20px rgba(255,216,77,.6)!important; } #dlinkyFxAutoFinal.fx-scan{ background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0 1px,transparent 1px 6px)!important; opacity:.25!important; animation:dlinkyScanFinal 4s linear infinite!important; } @keyframes dlinkyScanFinal{to{background-position:0 60px}} /* ULTRA FINAL: efeito único animado, sem camada travada */ #dlinkySingleBgFx,#dlinkyStableBgFx,#dlinkyFixedFallFxFinal{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;} #profile.active #profileParticleLayer,.profile-page.active #profileParticleLayer{display:none!important;visibility:hidden!important;opacity:0!important;} #dlinkyOnlyMovingFx{position:fixed!important;inset:0!important;z-index:1!important;pointer-events:none!important;overflow:hidden!important;contain:layout paint!important;} #dlinkyOnlyMovingFx .only-moving-item{position:absolute!important;left:0!important;top:0!important;display:block!important;line-height:1!important;will-change:transform!important;user-select:none!important;} #dlinkyOnlyMovingFx.fx-snow .only-moving-item{color:#fff!important;text-shadow:0 0 8px rgba(255,255,255,.95),0 0 18px rgba(255,255,255,.45)!important;} #dlinkyOnlyMovingFx.fx-stars .only-moving-item{color:#a78bfa!important;text-shadow:0 0 9px rgba(167,139,250,.95),0 0 18px rgba(167,139,250,.5)!important;} #dlinkyOnlyMovingFx.fx-raios .only-moving-item{color:#ffd84d!important;text-shadow:0 0 8px rgba(255,216,77,.95),0 0 18px rgba(255,216,77,.45)!important;} #dlinkyOnlyMovingFx.fx-scan:before{content:"";position:absolute!important;inset:0!important;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0 1px,transparent 1px 7px)!important;animation:dlinkyScanMove 4s linear infinite!important;opacity:.22!important;} #tab-store #shopGrid.dlinky-other-grid-clean{ display:grid!important; grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important; gap:18px!important; align-items:start!important; } #tab-store #shopGrid.dlinky-other-grid-clean #dlinkySealsStoreSection, #tab-store #shopGrid.dlinky-other-grid-clean .dlinky-store-section{ display:contents!important; } #tab-store #shopGrid.dlinky-other-grid-clean .dlinky-store-section>h2, #tab-store #shopGrid.dlinky-other-grid-clean .dlinky-store-section>p{ display:none!important; } min-height:0!important; height:auto!important; display:flex!important; flex-direction:column!important; padding:14px!important; border-radius:16px!important; overflow:hidden!important; } height:92px!important; min-height:92px!important; border-radius:12px!important; background:#030303!important; display:grid!important; place-items:center!important; filter:drop-shadow(0 0 14px #e11d48)!important; } width:46px!important; height:46px!important; object-fit:contain!important; } display:flex!important; flex-direction:column!important; flex:1 1 auto!important; } margin:12px 0 4px!important; font-size:20px!important; line-height:1.1!important; } margin:0 0 10px!important; min-height:38px!important; line-height:1.25!important; overflow:hidden!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; } width:100%!important; margin:8px 0 4px!important; padding:9px 10px!important; border-radius:9px!important; } font-size:12px!important; line-height:1.15!important; min-height:24px!important; margin:4px 0 8px!important; } margin-top:auto!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; } width:100%!important; min-width:0!important; white-space:normal!important; } @media(max-width:900px){ #tab-store #shopGrid.dlinky-other-grid-clean{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;} } .profile-active-seal{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;vertical-align:middle;line-height:1;} .profile-active-seal-img{display:block;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,255,255,.45));} /* ===== DLINKY — OUTROS SOMENTE SELOS PAGOS ===== */ .dlinky-seals-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:16px; } .dlinky-seal-card{ background:rgba(17,17,22,.92); border:1px solid rgba(168,85,247,.45); border-radius:14px; overflow:hidden; box-shadow:0 18px 48px rgba(0,0,0,.28); } .dlinky-seal-preview{ height:150px; background:radial-gradient(circle at 50% 45%,rgba(124,58,237,.45),transparent 45%),#160528; display:grid; place-items:center; } .dlinky-seal-preview img{ width:92px; height:92px; object-fit:contain; border-radius:16px; } .dlinky-seal-preview span{ font-size:42px; color:#fff; } .dlinky-seal-body{ padding:16px; } .dlinky-seal-body h3{ margin:0 0 6px; font-size:18px; } .dlinky-seal-body p{ margin:0 0 12px; color:var(--muted,#c9b8d5); min-height:32px; } .dlinky-seal-price{ border:1px dashed rgba(255,255,255,.22); border-radius:8px; padding:9px 10px; margin:12px 0; color:#facc15; font-weight:900; } .dlinky-seal-actions{ display:flex; gap:8px; } .dlinky-seal-actions button{ flex:1; } /* ===== DLINKY — ADMIN SELOS LIMPO ===== */ .admin-selos-grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:28px; align-items:start; } .admin-card{ border:1px solid rgba(255,47,114,.35); background:linear-gradient(135deg,rgba(255,47,114,.12),rgba(15,15,22,.88)); border-radius:16px; padding:28px; box-shadow:0 18px 50px rgba(0,0,0,.30); } .admin-card h2{ margin:0 0 22px; font-size:26px; } .admin-card label{ display:block; font-weight:800; margin:14px 0 7px; } .admin-card input, .admin-card select{ width:100%; background:#070d14; border:1px solid rgba(255,47,114,.55); color:#fff; border-radius:10px; padding:14px; outline:none; } .admin-card input:focus, .admin-card select:focus{ border-color:#ff4f8b; box-shadow:0 0 0 3px rgba(255,47,114,.18); } .admin-tip{ margin-top:18px; border:1px solid rgba(168,85,247,.45); border-radius:10px; background:rgba(88,28,135,.18); padding:14px; color:#e9d5ff; } #adminSelosList, #adminSeloGiftHistory{ display:grid; gap:12px; } .admin-selo-row{ display:flex; align-items:center; gap:12px; border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.24); border-radius:12px; padding:12px; } .admin-selo-row img{ width:48px; height:48px; object-fit:contain; border-radius:10px; background:#14051f; } .admin-selo-row .admin-selo-icon{ width:48px; height:48px; display:grid; place-items:center; border-radius:10px; background:radial-gradient(circle,rgba(124,58,237,.45),#14051f); font-size:24px; } .admin-selo-row div{ flex:1; } .admin-selo-row b{ display:block; } .admin-selo-row small{ display:block; color:#c9b8d5; } .admin-selo-row button{ border:0; border-radius:9px; background:#ef4444; color:#fff; padding:9px 11px; font-weight:900; } @media(max-width:900px){ .admin-selos-grid{grid-template-columns:1fr} } /* ===== DLINKY — FIX DEFINITIVO FILTROS INVENTARIO ===== */ #tab-inventory .asset-tabs, #tab-inventory .inv-tabs, #tab-inventory .inventory-filters, #tab-inventory [data-inv], #tab-inventory [data-filter], #tab-inventory [data-inv-filter], #tab-inventory .inventory-filter-btn, #tab-inventory button{ pointer-events:auto!important; } #tab-inventory .asset-tabs, #tab-inventory .inv-tabs, #tab-inventory .inventory-filters{ position:relative!important; z-index:999999!important; display:flex!important; gap:10px!important; flex-wrap:wrap!important; } #tab-inventory .asset-tabs button, #tab-inventory .inv-tabs button, #tab-inventory .inventory-filter-btn, #tab-inventory [data-inv], #tab-inventory [data-filter], #tab-inventory [data-inv-filter]{ position:relative!important; z-index:1000000!important; pointer-events:auto!important; cursor:pointer!important; } #tab-inventory .asset-tabs button.active, #tab-inventory .asset-tabs button.dlinky-inv-filter-active, #tab-inventory .inv-tabs button.active, #tab-inventory .inv-tabs button.dlinky-inv-filter-active, #tab-inventory .inventory-filter-btn.active, #tab-inventory .inventory-filter-btn.dlinky-inv-filter-active{ background:linear-gradient(135deg,#7c3aed,#ec4899)!important; border-color:#c084fc!important; color:#fff!important; } #tab-inventory .asset-grid, #tab-inventory .inventory-grid, #tab-inventory .inv-grid, #tab-inventory #inventoryList, #tab-inventory #invGrid{ position:relative!important; z-index:1!important; } #tab-inventory .asset-card, #tab-inventory .inventory-card, #tab-inventory .inv-card{ position:relative!important; z-index:1!important; } #tab-inventory .asset-card::before, #tab-inventory .asset-card::after, #tab-inventory .inventory-card::before, #tab-inventory .inventory-card::after, #tab-inventory .inv-card::before, #tab-inventory .inv-card::after{ pointer-events:none!important; } #dlinkySelosInventoryGrid{ display:none; grid-template-columns:repeat(auto-fill,minmax(190px,210px)); gap:16px; width:100%; align-items:start; } #dlinkySelosInventoryGrid .dlinky-inv-selo-card{ background:rgba(17,17,22,.92); border:1px solid rgba(168,85,247,.42); border-radius:14px; overflow:hidden; width:100%; max-width:210px; box-shadow:0 18px 48px rgba(0,0,0,.28); } #dlinkySelosInventoryGrid .dlinky-inv-selo-preview{ height:165px; background:radial-gradient(circle at 50% 45%,rgba(124,58,237,.45),transparent 45%),#14051f; display:grid; place-items:center; } #dlinkySelosInventoryGrid .dlinky-inv-selo-preview img{ width:96px; height:96px; object-fit:contain; border-radius:16px; } #dlinkySelosInventoryGrid .dlinky-inv-selo-preview span{ font-size:42px; color:#fff; } #dlinkySelosInventoryGrid .dlinky-inv-selo-body{ padding:14px; } #dlinkySelosInventoryGrid .dlinky-inv-selo-body h3{ margin:0 0 7px; font-size:16px; line-height:1.15; } #dlinkySelosInventoryGrid .dlinky-inv-selo-body small{ color:#c9b8d5; display:block; margin-bottom:12px; } .dlinky-selo-actions{ display:flex; gap:8px; flex-wrap:wrap; } .dlinky-selo-actions button{ border:0; border-radius:10px; padding:9px 11px; background:#ef2f72; color:#fff; font-weight:900; } .dlinky-selo-actions button.danger{background:#ef4444} .dlinky-selo-actions button.using{background:#22c55e} .dlinky-force-hidden{display:none!important} .dlinky-active-profile-selo{ width:26px; height:26px; object-fit:contain; border-radius:7px; vertical-align:middle; margin-left:6px; } .dlinky-active-profile-selo-fallback{ display:inline-grid; place-items:center; width:24px; height:24px; margin-left:6px; border-radius:50%; background:#2563eb; color:white; font-size:14px; vertical-align:middle; } /* ===== DLINKY — REMOVER SELO VERIFICADO DUPLICADO ===== */ /* Esconde o verificado antigo para não aparecer 2 selos ao lado do nome */ #verifiedBadge, .verified-badge:not(#dlinkyActiveProfileSelo), .badge-verified:not(#dlinkyActiveProfileSelo), .verify-badge:not(#dlinkyActiveProfileSelo){ display:none!important; } /* ===== DLINKY — AJUSTE TAMANHO SELOS CORRIGIDO ===== */ #adminSeloSize{ width:100%; accent-color:#ef2f72; } .admin-selo-size-preview{ display:block; margin:6px 0 14px; color:#e9d5ff; } #adminSeloSizeValue{ color:#fff; } .dlinky-active-profile-selo{ width:var(--dlinky-active-selo-size,32px)!important; height:var(--dlinky-active-selo-size,32px)!important; object-fit:contain!important; } .dlinky-active-profile-selo-fallback{ width:var(--dlinky-active-selo-size,32px)!important; height:var(--dlinky-active-selo-size,32px)!important; } /* ===== FIX VISUAL TAMANHO SELO ===== */ .verified-badge, #dlinkyActiveProfileSelo, .profile-selo img, .selo-perfil img{ transition: all .2s ease; } /* ===== DLINKY — RECARGA E EFEITOS LIMPOS DO ZERO ===== */ /* Clique real nos botões da loja e efeitos */ #tab-store button, #tab-store .btn, #tab-custom input[type="checkbox"], #tab-custom label, #fxNeonName, #fxShineName, #fxRainbowName, #fxPerspective{ pointer-events:auto!important; cursor:pointer!important; position:relative!important; z-index:999999!important; } /* Recarga limpa */ .dlinky-clean-recharge-grid{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important; gap:16px!important; width:100%!important; } .dlinky-clean-recharge-card{ background:rgba(17,17,22,.94); border:1px solid rgba(255,255,255,.16); border-radius:14px; padding:22px; min-height:170px; position:relative; box-shadow:0 18px 48px rgba(0,0,0,.28); } .dlinky-clean-recharge-card.best{ border-color:#ff2f72; box-shadow:0 0 0 1px rgba(255,47,114,.45),0 18px 48px rgba(0,0,0,.28); } .dlinky-clean-recharge-card.best:before{ content:"★ Mais vantajoso"; position:absolute; top:12px; right:12px; background:#ff2f72; color:#fff; border-radius:999px; padding:4px 9px; font-size:11px; font-weight:900; } .dlinky-clean-recharge-card h3{ margin:0 0 12px; font-size:28px; } .dlinky-clean-recharge-card p{ margin:0 0 8px; color:#fff; } .dlinky-clean-recharge-card small{ color:#60a5fa; font-weight:900; } .dlinky-clean-recharge-card button{ width:100%; margin-top:18px; border:0; border-radius:10px; padding:13px; background:#ff2f72; color:#fff; font-weight:900; } /* Efeitos do perfil */ .dlinky-neon-name{ text-shadow: 0 0 8px var(--neon,#a855f7), 0 0 18px var(--neon,#a855f7), 0 0 34px var(--neon,#ec4899)!important; } .dlinky-shine-name{ background:linear-gradient(90deg,#fff,#c084fc,#fff); background-size:220% auto; -webkit-background-clip:text; background-clip:text; color:transparent!important; animation:dlinkyShineName 2s linear infinite; } .dlinky-rainbow-name{ background:linear-gradient(90deg,#ff4d8d,#facc15,#22c55e,#38bdf8,#a855f7,#ff4d8d); background-size:320% auto; -webkit-background-clip:text; background-clip:text; color:transparent!important; animation:dlinkyShineName 3s linear infinite; } .dlinky-perspective-card{ transform-style:preserve-3d!important; animation:dlinkyPerspectiveCard 4s ease-in-out infinite!important; } @keyframes dlinkyShineName{ to{background-position:220% center} } @keyframes dlinkyPerspectiveCard{ 0%,100%{transform:perspective(900px) rotateX(0deg) rotateY(0deg)} 50%{transform:perspective(900px) rotateX(2deg) rotateY(-2deg)} } /* ===== DLINKY — CORES TAGS ABA CERTA FINAL ===== */ #tab-colors{ padding:0!important; } .zyo-ct-hero{ background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(17,17,22,.92)); border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:32px; margin-bottom:24px; } .zyo-ct-hero h1{ margin:0 0 8px; font-size:32px; } .zyo-ct-hero p{ margin:0; color:#d8cce5; } .zyo-ct-layout{ display:grid; grid-template-columns:1.25fr .8fr; gap:24px; align-items:start; } .zyo-ct-card{ background:rgba(32,32,36,.94); border:1px solid rgba(255,255,255,.12); border-radius:12px; overflow:hidden; } .zyo-ct-title{ display:flex; align-items:center; gap:14px; padding:18px 20px; border-bottom:1px solid rgba(255,255,255,.10); } .zyo-ct-title > span{ width:42px; height:42px; border-radius:10px; display:grid; place-items:center; background:#2563eb; } .zyo-ct-title h2{ margin:0; font-size:20px; } .zyo-ct-title p{ margin:4px 0 0; color:#bdb7c8; font-size:13px; } .zyo-ct-switches{ display:grid; gap:10px; padding:18px 20px 0; } .zyo-ct-switches label{ display:flex; justify-content:space-between; align-items:center; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); border-radius:10px; padding:12px 14px; font-weight:800; cursor:pointer; } .zyo-ct-switches input{ width:18px; height:18px; accent-color:#2563eb; } .zyo-ct-tags{ display:flex; flex-wrap:wrap; gap:9px; padding:18px 20px 22px; } .zyo-tag-chip{ border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.06); color:#fff; border-radius:8px; padding:8px 11px; font-weight:700; cursor:pointer; user-select:none; } .zyo-tag-chip.active{ border-color:#60a5fa; background:rgba(37,99,235,.30); box-shadow:0 0 0 1px rgba(96,165,250,.20); } .zyo-color-row{ display:flex; justify-content:space-between; align-items:center; gap:16px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); margin:14px 16px; padding:14px; border-radius:10px; } .zyo-color-row b, .zyo-color-row small{ display:block; } .zyo-color-row small{ color:#bdb7c8; margin-top:3px; } .zyo-color-row input[type="color"]{ width:52px; height:44px; border:0; border-radius:8px; background:transparent; cursor:pointer; } #ctSaveBtn{ margin:4px 16px 18px auto; display:block; } .dlinky-profile-tags{ display:flex!important; flex-wrap:wrap; gap:8px; justify-content:center; align-items:center; margin-top:10px; } .dlinky-profile-tags .tag{ display:inline-flex; align-items:center; gap:5px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.12); color:#fff; padding:6px 12px; border-radius:999px; font-size:13px; } @media(max-width:900px){ .zyo-ct-layout{grid-template-columns:1fr} } /* REMOVE TAGS DUPLICADAS */ #dlinkyProfileTags{ width:100%; } #dlinkyProfileTags + .profile-tags, #dlinkyProfileTags + .tags-profile, #dlinkyProfileTags + .perfil-tags, .profile-tags, .tags-profile, .perfil-tags, .user-tags{ display:none !important; } /* FIX FINAL TAG GRATIS DLINKY */ .profile-badges, .profile-badge, .badges, .user-badges, .default-tags{ display:none !important; } /* ===== DLINKY — REMOVER GRATIS DLINKY POR TEXTO ===== */ .dlinky-hide-old-tag{ display:none!important; } /* ===== DLINKY — EFEITOS CUSTOM LIMPO REAL ===== */ .dl-neon{ color:#ff4f93!important; text-shadow: 0 0 8px #ff4f93, 0 0 16px #ff4f93, 0 0 28px #ff4f93!important; } .dl-glow{ color:#fff!important; text-shadow: 0 0 8px #fff, 0 0 18px #fff!important; } .dl-rainbow{ background:linear-gradient( 90deg, #ff4f93, #8b5cf6, #38bdf8, #22c55e, #ff4f93 ); background-size:300% auto; -webkit-background-clip:text; background-clip:text; color:transparent!important; animation:dlRainbowMove 3s linear infinite; } .dl-perspective{ transform-style:preserve-3d; animation:dlPerspectiveMove 4s ease-in-out infinite; } @keyframes dlRainbowMove{ to{ background-position:300% center; } } @keyframes dlPerspectiveMove{ 0%,100%{ transform:perspective(900px) rotateY(0deg); } 50%{ transform:perspective(900px) rotateY(4deg); } } /* ===== DLINKY PIX MODAL ===== */ .pix-modal{ position:fixed; inset:0; background:rgba(0,0,0,.72); display:flex; align-items:center; justify-content:center; z-index:999999; padding:20px; } .pix-modal-box{ width:min(420px,100%); background:#121218; border:1px solid rgba(255,255,255,.12); border-radius:20px; padding:26px; position:relative; text-align:center; box-shadow:0 20px 60px rgba(0,0,0,.45); } .pix-modal-box h2{ margin:0 0 8px; font-size:30px; } .pix-sub{ color:#cfcfe7; margin-bottom:18px; } .pix-qr-image{ width:280px; height:280px; border-radius:14px; background:#fff; object-fit:cover; margin:auto; display:block; } .pix-key-box{ margin-top:18px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:14px; word-break:break-all; font-weight:800; } .pix-info{ margin-top:14px; color:#9ea0b8; font-size:14px; } .pix-close-btn{ position:absolute; top:10px; right:10px; width:36px; height:36px; border-radius:10px; border:0; background:#ff4f93; color:#fff; font-size:22px; cursor:pointer; } /* ===== DLINKY HUD PLAYER RESTAURADO ===== */ .dlinky-profile-hud-player{ position:fixed; top:16px; left:16px; right:16px; z-index:999999; pointer-events:none; display:flex; align-items:center; justify-content:space-between; } .dlinky-hud-left{ display:flex; align-items:center; gap:8px; pointer-events:auto; } .dlinky-hud-brand{ color:#fff; font-weight:900; font-size:18px; letter-spacing:.2px; text-transform:lowercase; text-shadow:0 0 12px rgba(255,255,255,.45); background:rgba(15,15,18,.55); border:1px solid rgba(255,255,255,.16); border-radius:9px; padding:8px 11px; backdrop-filter:blur(8px); } .dlinky-hud-btn{ width:36px; height:36px; border:0; border-radius:8px; display:grid; place-items:center; cursor:pointer; background:rgba(255,255,255,.86); color:#0b1020; font-size:18px; box-shadow:0 6px 18px rgba(0,0,0,.18); } .dlinky-hud-volume{ width:95px; height:12px; accent-color:#ffffff; cursor:pointer; } .dlinky-hud-credit{ pointer-events:auto; color:#111827; background:rgba(255,255,255,.82); border:1px solid rgba(255,255,255,.45); border-radius:7px; padding:8px 11px; font-size:13px; font-weight:700; box-shadow:0 6px 18px rgba(0,0,0,.16); } @media(max-width:640px){ .dlinky-profile-hud-player{left:10px;right:10px;top:10px} .dlinky-hud-brand{font-size:15px;padding:7px 9px} .dlinky-hud-volume{width:78px} .dlinky-hud-credit{font-size:12px;padding:7px 9px} } /* ===== DLINKY HUD PLAYER FORÇADO NO PERFIL ===== */ #dlinkyProfileHudPlayer{ position:fixed!important; top:16px!important; left:16px!important; right:16px!important; z-index:2147483647!important; display:flex!important; align-items:center!important; justify-content:space-between!important; pointer-events:none!important; } #dlinkyProfileHudPlayer .dlinky-hud-left{ display:flex!important; align-items:center!important; gap:8px!important; pointer-events:auto!important; } #dlinkyProfileHudPlayer .dlinky-hud-brand{ display:inline-flex!important; align-items:center!important; color:#fff!important; font-weight:900!important; font-size:18px!important; text-transform:lowercase!important; background:rgba(15,15,18,.62)!important; border:1px solid rgba(255,255,255,.22)!important; border-radius:9px!important; padding:8px 11px!important; text-shadow:0 0 12px rgba(255,255,255,.55)!important; backdrop-filter:blur(8px)!important; } #dlinkyProfileHudPlayer .dlinky-hud-btn{ display:grid!important; place-items:center!important; width:36px!important; height:36px!important; border:0!important; border-radius:8px!important; background:rgba(255,255,255,.9)!important; color:#0b1020!important; font-size:18px!important; cursor:pointer!important; pointer-events:auto!important; } #dlinkyProfileHudPlayer .dlinky-hud-volume{ display:block!important; width:105px!important; height:14px!important; cursor:pointer!important; pointer-events:auto!important; } #dlinkyProfileHudPlayer .dlinky-hud-credit{ display:block!important; color:#111827!important; background:rgba(255,255,255,.86)!important; border-radius:7px!important; padding:8px 11px!important; font-size:13px!important; font-weight:700!important; pointer-events:auto!important; } /* ===== DLINKY FIX FINAL — PLAYER INVISÍVEL FORA DO VER PERFIL ===== */ #dlinkyProfileHudPlayer{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } body.dlinky-only-profile-view #dlinkyProfileHudPlayer{ display:flex!important; visibility:visible!important; opacity:1!important; } body.dlinky-only-profile-view #dlinkyProfileHudPlayer .dlinky-hud-left, body.dlinky-only-profile-view #dlinkyProfileHudPlayer .dlinky-hud-btn, body.dlinky-only-profile-view #dlinkyProfileHudPlayer .dlinky-hud-volume, body.dlinky-only-profile-view #dlinkyProfileHudPlayer .dlinky-hud-credit{ pointer-events:auto!important; } /* ===== DLINKY PLAYER ESTILO ZYO — VOLUME ABRE E FECHA ===== */ body.dlinky-only-profile-view #dlinkyProfileHudPlayer{ display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:none!important; } body.dlinky-only-profile-view #dlinkyProfileHudPlayer .dlinky-hud-left{ pointer-events:auto!important; display:flex!important; align-items:center!important; gap:7px!important; } #dlinkyProfileHudPlayer .dlinky-hud-brand{ display:inline-flex!important; align-items:center!important; height:36px!important; padding:0 12px!important; border-radius:8px!important; background:rgba(18,18,22,.72)!important; border:1px solid rgba(255,255,255,.18)!important; color:#fff!important; font-weight:900!important; font-size:17px!important; text-shadow:0 0 10px rgba(255,255,255,.5)!important; } #dlinkyProfileHudPlayer .dlinky-hud-btn{ width:36px!important; height:36px!important; border-radius:8px!important; border:0!important; background:rgba(255,255,255,.9)!important; color:#07111f!important; display:grid!important; place-items:center!important; font-size:18px!important; cursor:pointer!important; box-shadow:0 8px 22px rgba(0,0,0,.20)!important; } #dlinkyProfileHudPlayer .dlinky-hud-volume{ width:0!important; opacity:0!important; transform:translateX(-8px)!important; pointer-events:none!important; transition:width .18s ease, opacity .18s ease, transform .18s ease!important; accent-color:#fff!important; } #dlinkyProfileHudPlayer.dlinky-volume-open .dlinky-hud-volume, #dlinkyProfileHudPlayer .dlinky-hud-left:hover .dlinky-hud-volume, #dlinkyProfileHudPlayer .dlinky-hud-left:focus-within .dlinky-hud-volume{ width:105px!important; opacity:1!important; transform:translateX(0)!important; pointer-events:auto!important; } #dlinkyProfileHudPlayer .dlinky-hud-credit{ display:block!important; color:#111827!important; background:rgba(255,255,255,.86)!important; border-radius:7px!important; padding:8px 11px!important; font-size:13px!important; font-weight:700!important; } /* ===== DLINKY PIX RECARGA MANUAL ===== */ .dlinky-pix-modal{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:2147483646; background:rgba(0,0,0,.72); padding:22px; } .dlinky-pix-modal.show{display:flex} .dlinky-pix-box{ width:min(520px,96vw); background:linear-gradient(135deg,#13051e,#08040d 55%,#300719); border:1px solid rgba(255,43,118,.45); box-shadow:0 25px 90px rgba(0,0,0,.7),0 0 40px rgba(255,43,118,.18); border-radius:18px; color:#fff; padding:26px; position:relative; } .dlinky-pix-close{ position:absolute; top:12px; right:12px; width:34px; height:34px; border:0; border-radius:10px; background:rgba(255,255,255,.08); color:#fff; font-size:24px; cursor:pointer; } .dlinky-pix-box h2{margin:0 0 8px;font-size:28px} .dlinky-pix-sub{margin:0 0 18px;color:#d8c9e4;line-height:1.45} .dlinky-pix-info{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:14px 0 18px; } .dlinky-pix-info div{ padding:12px; border-radius:12px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); } .dlinky-pix-info span{display:block;color:#bfaed0;font-size:12px;margin-bottom:4px} .dlinky-pix-info b{font-size:14px} .dlinky-pix-qr{ width:180px; height:180px; margin:0 auto 18px; border-radius:16px; background:#fff; display:grid; place-items:center; padding:12px; } .dlinky-pix-qr-fake{ width:150px; height:150px; display:grid; place-items:center; color:#111; font-weight:900; font-size:28px; background: linear-gradient(90deg,#111 10px,transparent 10px) 0 0/22px 22px, linear-gradient(#111 10px,transparent 10px) 0 0/22px 22px, #fff; border:8px solid #111; } .dlinky-pix-label{ display:block; font-weight:800; margin:12px 0 7px; } .dlinky-pix-copy-row{display:flex;gap:8px} .dlinky-pix-copy-row input, #dlinkyPixOrderId{ width:100%; background:#070b12; border:1px solid rgba(255,43,118,.55); color:#fff; border-radius:10px; padding:12px; outline:none; } .dlinky-pix-copy-row button, .dlinky-pix-confirm{ border:0; border-radius:10px; background:#ff2b76; color:#fff; font-weight:900; cursor:pointer; padding:0 16px; } .dlinky-pix-confirm{ width:100%; margin-top:16px; height:46px; box-shadow:0 0 25px rgba(255,43,118,.35); } .dlinky-admin-orders-panel{ margin-top:18px; } .dlinky-admin-order{ display:flex; justify-content:space-between; gap:14px; align-items:center; padding:14px; margin:10px 0; border-radius:12px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.09); } .dlinky-admin-order small{display:block;color:#cdbddd;margin-top:4px} .dlinky-admin-order button{ border:0; border-radius:9px; background:#22c55e; color:#fff; font-weight:900; padding:10px 12px; cursor:pointer; } @media(max-width:640px){ .dlinky-pix-info{grid-template-columns:1fr} .dlinky-pix-box{padding:22px} } /* ===== DLINKY SELO AO LADO DO NOME ===== */ #dlinkyActiveProfileSelo{display:inline-block!important} /* ===== DLINKY ADMIN PIX E SELOS — PATCH SEGURO ===== */ .dlinky-admin-pix-panel-safe{ margin-top:24px; } .dlinky-admin-pix-list-safe{ display:flex; flex-direction:column; gap:12px; } .dlinky-admin-pix-card-safe{ display:flex; justify-content:space-between; align-items:center; gap:14px; padding:14px; border-radius:14px; background:rgba(255,255,255,.055); border:1px solid rgba(255,43,118,.25); } .dlinky-admin-pix-card-safe b{display:block} .dlinky-admin-pix-card-safe small{ display:block; color:#d7c6e7; margin-top:4px; } .dlinky-admin-pix-card-safe button{ border:0; border-radius:10px; background:#22c55e; color:#fff; font-weight:900; padding:10px 13px; cursor:pointer; } .dlinky-admin-pix-card-safe button[disabled]{ opacity:.55; cursor:not-allowed; } .dlinky-selo-name-badge-safe{ display:inline-block!important; width:20px!important; height:20px!important; object-fit:contain!important; vertical-align:middle!important; margin-left:7px!important; border-radius:50%!important; filter:drop-shadow(0 0 7px #38bdf8)!important; } /* ===== DLINKY SELO LIMPO DEFINITIVO SEM SOBREPOSIÇÃO ===== */ #dlinkySeloNomeClean{ display:inline-block!important; width:var(--dlinky-selo-size,32px)!important; height:var(--dlinky-selo-size,32px)!important; min-width:var(--dlinky-selo-size,32px)!important; min-height:var(--dlinky-selo-size,32px)!important; max-width:var(--dlinky-selo-size,32px)!important; max-height:var(--dlinky-selo-size,32px)!important; margin-left:7px!important; object-fit:contain!important; vertical-align:middle!important; border-radius:50%!important; animation:none!important; transform:none!important; transition:none!important; filter:drop-shadow(0 0 5px #38bdf8)!important; pointer-events:none!important; } #dlinkyActiveProfileSelo,#dlinkyActiveProfileSeloSafe,#dlinkyFinalFixedNameSelo,#dlinkyFinalNameSelo,#dlinkySeloNomeUnico,#dlinkySeloNomeFinal,.perfil-selo,.dlinky-final-name-selo,.dlinky-selo-name-badge-safe{ display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;animation:none!important;transform:none!important;filter:none!important;pointer-events:none!important; } #dlinkySelosCleanGrid{ display:none; grid-template-columns:repeat(auto-fill,minmax(185px,1fr)); gap:18px; margin-top:18px; } .dlinky-selo-clean-card{ background:#0b0612!important; border:1px solid rgba(124,44,255,.45)!important; border-radius:14px!important; overflow:hidden!important; max-width:220px!important; animation:none!important; transform:none!important; transition:none!important; } .dlinky-selo-clean-preview{ height:155px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:linear-gradient(180deg,rgba(91,33,182,.25),rgba(30,0,60,.15))!important; overflow:hidden!important; } .dlinky-selo-clean-img{ width:82px!important; height:82px!important; object-fit:contain!important; border-radius:50%!important; animation:none!important; transform:none!important; transition:none!important; filter:drop-shadow(0 0 12px #3b82f6)!important; } .dlinky-selo-clean-body{padding:15px!important} .dlinky-selo-clean-body b{display:block!important;color:#fff!important;font-size:16px!important;line-height:1.15!important} .dlinky-selo-clean-body small{display:block!important;color:#cdbddd!important;margin:7px 0 12px!important} .dlinky-selo-clean-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important} .dlinky-selo-clean-actions button{ border:0!important;border-radius:10px!important;background:#ff2b76!important;color:#fff!important;font-weight:900!important;padding:9px 12px!important;cursor:pointer!important; } .dlinky-selo-clean-actions button.danger{ background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.14)!important; } /* ===== DLINKY FIX — OPACIDADE E DESFOQUE DO PERFIL ===== */ #profileCard.profile-wrap, .profile-wrap{ background-color: rgba(6,3,11,var(--dlinky-card-opacity,1))!important; background-image: linear-gradient( 135deg, rgba(255,255,255,calc(var(--dlinky-card-opacity,1) * .10)), rgba(255,255,255,calc(var(--dlinky-card-opacity,1) * .04)) )!important; -webkit-backdrop-filter: blur(var(--dlinky-card-blur,0px))!important; backdrop-filter: blur(var(--dlinky-card-blur,0px))!important; } /* ===== DLINKY — ABA PARTÍCULAS ===== */ .dlinky-particles-panel{max-width:980px!important}.particle-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:14px;margin:18px 0 22px}.particle-choice-grid button{min-height:95px;border-radius:14px;border:1px solid rgba(236,72,153,.45);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));color:#fff;cursor:pointer;font-weight:900}.particle-choice-grid button b{display:block;font-size:34px;margin-bottom:8px}.particle-choice-grid button.active{border-color:#ff2f72;box-shadow:0 0 0 2px rgba(255,47,114,.25),0 0 26px rgba(236,72,153,.25)} #dlinkyProfileParticles{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.dl-particle{position:absolute;top:-12vh;display:block;will-change:transform,opacity;animation:dlParticleFall linear infinite;color:#fff;text-shadow:0 0 10px currentColor,0 0 20px currentColor}.dl-particle.snow{color:#fff}.dl-particle.raios{color:#ffd84d}.dl-particle.stars{color:#c4b5fd}.dl-particle.hearts{color:#ff6ab7}.dl-particle.fire{color:#ff914d}.dl-particle.leaves{color:#7cff9b}.dl-particle.rain{color:#9bdcff}.dl-particle.matrix{color:#38ff7a}.dl-particle.bubbles{border:1px solid #a855f7;border-radius:50%;box-shadow:0 0 12px #a855f7;color:transparent;text-shadow:none}@keyframes dlParticleFall{0%{transform:translate3d(0,-12vh,0) rotate(0deg);opacity:0}10%{opacity:.95}100%{transform:translate3d(var(--drift,20px),115vh,0) rotate(360deg);opacity:.15}} /* ===== DLINKY PARTICULAS ESTÁVEL — SEM DUPLICAR E DESLIGA CERTO ===== */ #dlinkyProfileParticles, #profileParticleLayer{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } #dlinkyParticlesStableLayer{ position:fixed!important; inset:0!important; z-index:2!important; pointer-events:none!important; overflow:hidden!important; } #dlinkyParticlesStableLayer .dlinky-stable-particle{ position:absolute!important; top:-12vh; display:block; line-height:1; will-change:transform,opacity; animation-name:dlinkyStableFall; animation-timing-function:linear; animation-iteration-count:infinite; opacity:.9; text-shadow:0 0 10px currentColor,0 0 18px currentColor; } #dlinkyParticlesStableLayer .snow{color:#fff} #dlinkyParticlesStableLayer .raios{color:#fde047} #dlinkyParticlesStableLayer .stars{color:#e9d5ff} #dlinkyParticlesStableLayer .rain{color:#93c5fd} #dlinkyParticlesStableLayer .fire{color:#fb923c} #dlinkyParticlesStableLayer .leaves{color:#86efac} #dlinkyParticlesStableLayer .matrix{color:#22c55e;font-family:monospace} #dlinkyParticlesStableLayer .hearts{color:#fb7185} #dlinkyParticlesStableLayer .bubbles{ border:2px solid rgba(147,197,253,.75); border-radius:50%; background:rgba(147,197,253,.08); box-shadow:0 0 12px rgba(147,197,253,.45); } @keyframes dlinkyStableFall{ 0%{transform:translate3d(0,-12vh,0) rotate(0deg);opacity:0} 10%{opacity:.95} 100%{transform:translate3d(var(--dx,0px),112vh,0) rotate(360deg);opacity:0} } /* ===== DLINKY SELO TAMANHO INDIVIDUAL REAL ===== */ .dlinky-selo-size-personal{ width:100%; display:flex; align-items:center; gap:8px; margin-top:10px; padding:8px 10px; border-radius:12px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.10); } .dlinky-selo-size-personal span{ color:#fff; font-size:12px; font-weight:800; min-width:40px; } .dlinky-selo-size-personal input{ flex:1; min-width:70px; accent-color:#ff2b76; } #dlinkySeloNomeClean, #dlinkySeloNomeFinal{ width:var(--dlinky-active-selo-size,32px)!important; height:var(--dlinky-active-selo-size,32px)!important; min-width:var(--dlinky-active-selo-size,32px)!important; min-height:var(--dlinky-active-selo-size,32px)!important; max-width:var(--dlinky-active-selo-size,32px)!important; max-height:var(--dlinky-active-selo-size,32px)!important; } /* ===== DLINKY WELCOME CARD — DASHBOARD ===== */ .dlinky-welcome-dashboard-card{ position:relative!important; display:flex!important; align-items:center!important; gap:18px!important; overflow:hidden!important; padding:24px 26px!important; border-radius:18px!important; border:1px solid rgba(255,43,118,.55)!important; background: radial-gradient(circle at 8% 0%, rgba(168,85,247,.38), transparent 34%), linear-gradient(135deg, rgba(255,43,118,.16), rgba(124,58,237,.08), rgba(0,0,0,.28))!important; box-shadow: 0 0 25px rgba(255,43,118,.18), inset 0 0 28px rgba(168,85,247,.08)!important; } .dlinky-welcome-dashboard-card .dlinky-welcome-glow{ position:absolute; inset:-2px; background:linear-gradient(90deg, transparent, rgba(255,43,118,.16), transparent); pointer-events:none; } .dlinky-welcome-dashboard-card .dlinky-welcome-icon{ width:54px; height:54px; min-width:54px; border-radius:16px; display:grid; place-items:center; color:#fff; font-size:24px; background:linear-gradient(135deg,#ff2b76,#7c3aed); box-shadow:0 0 24px rgba(255,43,118,.55); } .dlinky-welcome-dashboard-card b{ display:block!important; color:#fff!important; font-size:22px!important; margin-bottom:6px!important; } .dlinky-welcome-dashboard-card p{ color:#e8dff2!important; margin:0!important; max-width:860px!important; line-height:1.5!important; } .dlinky-welcome-dashboard-card button{ display:none!important; } /* ===== DLINKY FIX — AVISO SÓ NO INÍCIO + ADMIN VISÍVEL ===== */ body:not(.dlinky-home-active) .notice.glass{ display:none!important; } body.dlinky-home-active .notice.glass{ display:block; } #tab-admin.active, #tab-adminSelos.active{ display:block!important; } .admin-only.show{ display:flex!important; } /* ===== DLINKY PERFIL PÚBLICO — SEM BOTÃO VOLTAR PARA VISITANTE ===== */ body.dlinky-public-visitor #backPanel, body.dlinky-public-visitor #profile .back-panel, body.dlinky-public-visitor #profile a[href*="dashboard"], body.dlinky-public-visitor #profile button[data-tab], body.dlinky-public-visitor #profile button[data-action="dashboard"]{ display:none!important; } .dlinky-copy-profile-link{ margin-left:8px!important; } /* ===== DLINKY LINKTREE FLOW — PERFIL PÚBLICO LIMPO ===== */ body.dlinky-public-view #backPanel, body.dlinky-public-view #profile button[data-tab], body.dlinky-public-view #profile button[data-action="dashboard"], body.dlinky-public-view #profile .back-panel, body.dlinky-public-view #profile a[href*="dashboard"]{ display:none!important; } .dlinky-copy-link-btn{ margin-left:8px!important; } /* ===== DLINKY FIX — MOLDURA NORMAL NO PERFIL PÚBLICO ===== */ #profileFrame{ object-fit:contain!important; } #avatarDecoration.has-img-frame #profileFrame, #profileFrame.dlinky-frame-ok{ display:block!important; } #profileFrame.dlinky-frame-broken{ display:none!important; } /* ===== DLINKY MOLDURAS LIMPAS — SEM TEXTO/IMAGEM QUEBRADA ===== */ #profileFrame.dlinky-frame-broken, .frame-img.dlinky-frame-broken, img.dlinky-frame-broken{ display:none!important; } .dlinky-empty-frames-msg{ color:#fff; padding:14px 0; } /* ===== DLINKY FIX FINAL MOLDURA URL ===== */ #profileFrame, .frame-img, .real-frame-preview img, .dlinky-frame-img{ object-fit:contain!important; } #profileFrame.dlinky-frame-hidden, img.dlinky-frame-hidden{ display:none!important; } /* ===== DLINKY MOLDURA ESTÁVEL — NÃO SUMIR ===== */ #profileFrame{ object-fit:contain!important; } #profileFrame.dlinky-frame-off{ display:none!important; } #avatarDecoration.has-img-frame #profileFrame{ display:block!important; } /* ===== DLINKY MOLDURA FIX DEFINITIVO ===== */ #profileFrame{ display:block; object-fit:contain!important; pointer-events:none; } #profileFrame[src=""], #profileFrame:not([src]){ display:none!important; } /* ===== DLINKY MOLDURA SEM FALLBACK SPIKE ===== */ #profileFrame{ object-fit:contain!important; pointer-events:none!important; } #profileFrame[src=""], #profileFrame:not([src]), #profileFrame.dlinky-frame-off{ display:none!important; } /* ===== DLINKY AVATAR FIREBASE PRESERVE ===== */ #profileAvatar,.dlinky-v4-avatar,#adjustAvatar{ background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; } /* ===== DLINKY OVERLAY FIX ===== */ .entry-overlay.hidden{ opacity:0!important; pointer-events:none!important; } /* ===== DLINKY ICON CLEAN REBUILD ===== */ #avatarDecoration{ overflow:visible!important; } #profileAvatar, .dlinky-v4-avatar, #adjustAvatar{ display:block!important; opacity:1!important; visibility:visible!important; background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; } #profileAvatar{ width:94px!important; height:94px!important; border-radius:50%!important; z-index:9!important; position:relative!important; } /* ===== DLINKY AVATAR IMG REAL ===== */ #avatarDecoration{ overflow:visible!important; } #profileAvatar.avatar.big-avatar{ width:94px!important; height:94px!important; min-width:94px!important; min-height:94px!important; border-radius:50%!important; object-fit:cover!important; display:block!important; opacity:1!important; visibility:visible!important; position:relative!important; z-index:20!important; background:transparent!important; box-shadow:0 0 0 3px #2f7bff,0 0 22px rgba(168,85,247,.42)!important; } /* ===== DLINKY AVATAR FINAL SRC LOCK ===== */ #profileAvatar.avatar.big-avatar{ display:block!important; opacity:1!important; visibility:visible!important; width:94px!important; height:94px!important; border-radius:50%!important; object-fit:cover!important; position:relative!important; z-index:30!important; } /* ===== AVATAR CENTRALIZADO FINAL - DLINKY ===== */ #profileCard{ position: relative !important; } #avatarDecoration{ position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; width: 96px !important; height: 96px !important; margin: -48px auto 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 50 !important; pointer-events: none !important; } #profileAvatar, #profileAvatar.avatar, #profileAvatar.avatar.big-avatar{ width: 92px !important; height: 92px !important; min-width: 92px !important; min-height: 92px !important; border-radius: 50% !important; object-fit: cover !important; margin: 0 !important; padding: 0 !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; border: 2px solid #2f7bff !important; box-shadow: 0 0 8px rgba(47,123,255,.32), 0 0 16px rgba(47,123,255,.16) !important; display: block !important; opacity: 1 !important; visibility: visible !important; z-index: 60 !important; } /* Mantém a moldura acima do avatar, mas centralizada no mesmo ponto */ #profileFrame{ position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; object-fit: contain !important; pointer-events: none !important; z-index: 70 !important; } /* Remove alinhamentos antigos que empurravam o avatar para a direita/baixo */ .avatar-wrapper, .profile-avatar, .avatar-box{ left: auto !important; right: auto !important; transform: none !important; } /* ========================================================= DLINKY REAL FINAL FIX — AVATAR GIF + MOLDURA ÚNICA Força UM avatar real , preserva GIF animado e aplica moldura como overlay. ========================================================= */ #avatarDecoration.dlinky-final-avatar-stage{ position:relative!important; width:92px!important; height:92px!important; margin:-46px auto 18px!important; display:block!important; overflow:visible!important; isolation:isolate!important; z-index:8!important; } #avatarDecoration.dlinky-final-avatar-stage #profileAvatar{ position:absolute!important; left:50%!important; top:50%!important; width:92px!important; height:92px!important; margin:0!important; padding:0!important; transform:translate(-50%,-50%)!important; border-radius:50%!important; object-fit:cover!important; display:block!important; opacity:1!important; visibility:visible!important; z-index:2!important; background:none!important; background-image:none!important; } #avatarDecoration.dlinky-final-avatar-stage #profileFrame{ position:absolute!important; left:50%!important; top:50%!important; width:156px!important; height:156px!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:contain!important; object-position:center!important; pointer-events:none!important; user-select:none!important; z-index:4!important; display:none; transform:translate(calc(-50% + var(--dlinky-frame-x,0px)),calc(-50% + var(--dlinky-frame-y,0px))) scale(var(--dlinky-frame-scale,1)) rotate(var(--dlinky-frame-rotate,0deg))!important; filter:drop-shadow(0 0 10px rgba(255,255,255,.28)) drop-shadow(0 0 18px var(--neon))!important; } #avatarDecoration.dlinky-final-avatar-stage.has-img-frame #profileFrame{display:block!important;} #avatarDecoration.dlinky-final-avatar-stage .decor-css, #avatarDecoration.dlinky-final-avatar-stage .decor{display:none!important;} #avatarDecoration.dlinky-final-avatar-stage > img:not(#profileAvatar):not(#profileFrame), #avatarDecoration.dlinky-final-avatar-stage > .avatar:not(#profileAvatar){display:none!important;} .inv-preview .dlinky-final-inv-avatar, .frame-shop-preview .dlinky-final-shop-avatar, .frame-buy-preview .dlinky-final-buy-avatar{ background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; border-radius:50%!important; } .inv-actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;} .adjust-frame-btn{background:#ffffff12;border:1px solid #ffffff22;color:#fff;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer;} /* ========================================================= DLINKY CLEAN FRAME ENGINE V7 — ÚNICO AVATAR + GIF REAL Este bloco vem por último e desliga os patches antigos. ========================================================= */ #avatarDecoration.dlinky-clean-avatar-v7{ position:relative!important; width:96px!important; height:96px!important; margin:-48px auto 18px!important; display:block!important; overflow:visible!important; isolation:isolate!important; z-index:20!important; transform:none!important; } #avatarDecoration.dlinky-clean-avatar-v7 > #profileAvatar{ position:absolute!important; left:50%!important; top:50%!important; width:96px!important; height:96px!important; min-width:96px!important; min-height:96px!important; max-width:96px!important; max-height:96px!important; margin:0!important; padding:0!important; transform:translate(-50%,-50%)!important; border-radius:50%!important; object-fit:cover!important; object-position:center!important; display:block!important; opacity:1!important; visibility:visible!important; z-index:2!important; background:none!important; background-image:none!important; pointer-events:auto!important; } #avatarDecoration.dlinky-clean-avatar-v7 > #profileFrame{ position:absolute!important; left:50%!important; top:50%!important; width:158px!important; height:158px!important; min-width:158px!important; min-height:158px!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:contain!important; object-position:center!important; pointer-events:none!important; user-select:none!important; z-index:5!important; display:none!important; opacity:1!important; visibility:visible!important; transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important; transform-origin:center center!important; filter:drop-shadow(0 0 10px rgba(255,255,255,.25)) drop-shadow(0 0 18px var(--neon))!important; } #avatarDecoration.dlinky-clean-avatar-v7.has-frame > #profileFrame{display:block!important;} #avatarDecoration.dlinky-clean-avatar-v7 > .decor-css, #avatarDecoration.dlinky-clean-avatar-v7 > .decor, #avatarDecoration.dlinky-clean-avatar-v7 > .dlinky-v4-profile-stage, #avatarDecoration.dlinky-clean-avatar-v7 > #dlinkyV4ProfileStage, #avatarDecoration.dlinky-clean-avatar-v7 > #dlinkyFinalProfileStage, #avatarDecoration.dlinky-clean-avatar-v7 > .dlinky-final-profile-stage{ display:none!important; } #avatarDecoration.dlinky-clean-avatar-v7 > img:not(#profileAvatar):not(#profileFrame), #avatarDecoration.dlinky-clean-avatar-v7 > .avatar:not(#profileAvatar){display:none!important;} .clean-frame-preview{position:relative;height:140px;display:grid;place-items:center;overflow:visible!important;background:#08020d!important;} .clean-frame-avatar{width:64px;height:64px;border-radius:50%;background:center/cover no-repeat;border:2px solid #5b8cff;display:block;z-index:1;} .clean-frame-img{position:absolute;left:50%;top:50%;width:116px;height:116px;object-fit:contain;transform:translate(-50%,-50%);z-index:2;pointer-events:none;} .clean-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;} .clean-active-card{outline:1px solid #e879f9;box-shadow:0 0 24px #e879f933;} .clean-empty{padding:18px;color:#fff;opacity:.9;} #adjustAvatar{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;} #adjustFrame{object-fit:contain!important;} /* ========================================================= DLINKY HARD RESET V8 — último CSS, vence todos os antigos ========================================================= */ #avatarDecoration.dlinky-hard-avatar-v8{ position:relative!important; width:96px!important; height:96px!important; margin:-48px auto 18px!important; display:block!important; overflow:visible!important; isolation:isolate!important; z-index:50!important; transform:none!important; left:auto!important;right:auto!important;top:auto!important;bottom:auto!important; } #avatarDecoration.dlinky-hard-avatar-v8 > #profileAvatar{ position:absolute!important; left:50%!important;top:50%!important; width:96px!important;height:96px!important; min-width:96px!important;min-height:96px!important;max-width:96px!important;max-height:96px!important; transform:translate(-50%,-50%)!important; margin:0!important;padding:0!important; border-radius:50%!important; object-fit:cover!important;object-position:center!important; display:block!important;opacity:1!important;visibility:visible!important; z-index:2!important;background:none!important;background-image:none!important; animation:none!important; } #avatarDecoration.dlinky-hard-avatar-v8 > #profileFrame{ position:absolute!important; left:50%!important;top:50%!important; width:158px!important;height:158px!important; min-width:158px!important;min-height:158px!important;max-width:none!important;max-height:none!important; margin:0!important;padding:0!important; object-fit:contain!important;object-position:center!important; pointer-events:none!important;user-select:none!important; z-index:5!important;opacity:1!important;visibility:visible!important; display:none!important; transform:translate(calc(-50% + var(--frame-x,0px)),calc(-50% + var(--frame-y,0px))) scale(var(--frame-scale,1)) rotate(var(--frame-rotate,0deg))!important; transform-origin:center center!important; filter:drop-shadow(0 0 10px rgba(255,255,255,.25)) drop-shadow(0 0 18px var(--neon))!important; } #avatarDecoration.dlinky-hard-avatar-v8.has-frame > #profileFrame{display:block!important;} #avatarDecoration.dlinky-hard-avatar-v8 > #profileFrame.dlinky-frame-load-error{display:none!important;} #avatarDecoration.dlinky-hard-avatar-v8 > .decor, #avatarDecoration.dlinky-hard-avatar-v8 > .decor-css, #avatarDecoration.dlinky-hard-avatar-v8 > img:not(#profileAvatar):not(#profileFrame), #avatarDecoration.dlinky-hard-avatar-v8 > .avatar:not(#profileAvatar){display:none!important;} .clean-frame-preview{position:relative!important;height:140px!important;display:grid!important;place-items:center!important;overflow:visible!important;background:#08020d!important;} .clean-frame-avatar-img{width:64px!important;height:64px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #5b8cff!important;z-index:1!important;background:#111!important;} .clean-frame-img{position:absolute!important;left:50%!important;top:50%!important;width:116px!important;height:116px!important;object-fit:contain!important;transform:translate(-50%,-50%)!important;z-index:2!important;pointer-events:none!important;} .clean-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:10px!important;} .clean-active-card{outline:1px solid #e879f9!important;box-shadow:0 0 24px #e879f933!important;} .clean-empty{padding:18px!important;color:#fff!important;opacity:.92!important;} /* DLINKY V9 PERFORMANCE FIX */ #profile.active ~ #particlesCanvas, body:has(#profile.active) #particlesCanvas{display:none!important;} #profileAvatar{background:none!important;image-rendering:auto!important;} #avatarDecoration.dlinky-hard-avatar-v8{will-change:auto!important;contain:layout paint!important;} #avatarDecoration.dlinky-hard-avatar-v8 > #profileAvatar{will-change:auto!important;transform:translateZ(0)!important;} #avatarDecoration.dlinky-hard-avatar-v8 > #profileFrame{will-change:transform!important;} #profileParticleLayer .fx:nth-child(n+15){display:none!important;} @media (max-width:700px){#profileParticleLayer .fx:nth-child(n+9){display:none!important;}} /* ========================================================= DLINKY CLEAN AVATAR/FRAME ENGINE — RESET DEFINITIVO Mantém UM palco real: IMG do avatar (GIF anima) + IMG da moldura. Esconde todas as tentativas antigas que duplicavam/estouravam o card. ========================================================= */ #avatarDecoration{ position:relative!important; width:96px!important; height:96px!important; min-width:96px!important; min-height:96px!important; max-width:96px!important; max-height:96px!important; margin:-48px auto 18px!important; overflow:visible!important; display:block!important; isolation:isolate!important; transform:none!important; } #avatarDecoration > #profileAvatar, #avatarDecoration > #profileFrame, #avatarDecoration > .decor-css, #avatarDecoration > #dlinkyV4ProfileStage, #avatarDecoration > #dlinkyFinalProfileStage, #avatarDecoration > .dlinky-v4-stage, #avatarDecoration > .dlinky-final-stage:not(#dlinkyCleanAvatarStage){ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } #dlinkyCleanAvatarStage{ position:absolute!important; left:50%!important; top:50%!important; width:96px!important; height:96px!important; transform:translate(-50%,-50%)!important; overflow:visible!important; z-index:50!important; pointer-events:none!important; } #dlinkyCleanAvatarImg{ position:absolute!important; left:50%!important; top:50%!important; width:86px!important; height:86px!important; transform:translate(-50%,-50%)!important; border-radius:50%!important; object-fit:cover!important; display:block!important; z-index:2!important; box-shadow:0 0 0 2px #38bdf8,0 0 18px rgba(59,130,246,.75)!important; background:#111!important; } #dlinkyCleanFrameImg{ position:absolute!important; left:50%!important; top:50%!important; width:132px!important; height:132px!important; object-fit:contain!important; object-position:center!important; display:block!important; z-index:3!important; pointer-events:none!important; transform:translate(calc(-50% + var(--dlinky-frame-x,0px)), calc(-50% + var(--dlinky-frame-y,0px))) scale(var(--dlinky-frame-scale,1)) rotate(var(--dlinky-frame-rotate,0deg))!important; } #dlinkyCleanFrameImg[src=""], #dlinkyCleanFrameImg:not([src]){display:none!important;} .dlinky-clean-inv-stage,.dlinky-clean-adjust-preview{ position:relative!important;width:120px!important;height:120px!important;margin:0 auto!important;overflow:visible!important;display:block!important; } .dlinky-clean-inv-avatar,.dlinky-clean-adjust-avatar{ position:absolute!important;left:50%!important;top:50%!important;width:72px!important;height:72px!important;border-radius:50%!important;object-fit:cover!important;transform:translate(-50%,-50%)!important;z-index:1!important;box-shadow:0 0 0 2px #38bdf8!important;background:#111!important; } .dlinky-clean-inv-frame,.dlinky-clean-adjust-frame{ position:absolute!important;left:50%!important;top:50%!important;width:112px!important;height:112px!important;object-fit:contain!important;z-index:2!important;pointer-events:none!important;transform:translate(calc(-50% + var(--dlinky-frame-x,0px)), calc(-50% + var(--dlinky-frame-y,0px))) scale(var(--dlinky-frame-scale,1)) rotate(var(--dlinky-frame-rotate,0deg))!important; } .clean-frame-modal{position:fixed!important;inset:0!important;background:rgba(0,0,0,.72)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:18px!important;} .clean-frame-modal-card{width:min(430px,92vw)!important;background:#151019!important;border:1px solid rgba(168,85,247,.45)!important;border-radius:22px!important;padding:18px!important;color:#fff!important;box-shadow:0 18px 80px rgba(0,0,0,.6)!important;} .clean-frame-modal-card h2{margin:0 0 6px!important}.clean-frame-modal-card p{opacity:.75;margin:0 0 12px!important}.clean-frame-grid{display:grid!important;gap:10px!important;margin-top:12px!important}.clean-frame-grid label{display:grid!important;gap:6px!important;font-size:13px!important}.clean-frame-actions{display:flex!important;gap:10px!important;justify-content:flex-end!important;margin-top:14px!important}.clean-frame-close{float:right!important;border:0!important;background:transparent!important;color:#fff!important;font-size:26px!important;cursor:pointer!important} .profile-card-public,.profile-content,.profile-page,.public-card{overflow:visible!important;} /* ========================================================= DLINKY V11 — TRAVA DEFINITIVA DO AVATAR/MOLDURA Mata todos os palcos antigos e deixa somente o palco estável. ========================================================= */ #avatarDecoration{ position:relative!important; width:96px!important; height:96px!important; min-width:96px!important; min-height:96px!important; max-width:96px!important; max-height:96px!important; margin:-48px auto 18px!important; overflow:visible!important; display:block!important; isolation:isolate!important; transform:none!important; } #avatarDecoration > *:not(#dlinkyStableAvatarStage){ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; width:0!important; height:0!important; max-width:0!important; max-height:0!important; overflow:hidden!important; } #dlinkyStableAvatarStage{ position:absolute!important; left:50%!important; top:50%!important; width:96px!important; height:96px!important; transform:translate(-50%,-50%)!important; overflow:visible!important; z-index:999!important; pointer-events:none!important; contain:layout style!important; } #dlinkyStableAvatarImg{ position:absolute!important; left:50%!important; top:50%!important; width:86px!important; height:86px!important; transform:translate(-50%,-50%)!important; border-radius:50%!important; object-fit:cover!important; object-position:center!important; z-index:2!important; display:block!important; box-shadow:0 0 0 2px #38bdf8,0 0 18px rgba(59,130,246,.75)!important; background:#111!important; } #dlinkyStableFrameImg{ position:absolute!important; left:50%!important; top:50%!important; width:132px!important; height:132px!important; object-fit:contain!important; object-position:center!important; z-index:3!important; pointer-events:none!important; transform-origin:center center!important; transform:translate(calc(-50% + var(--stable-frame-x,0px)),calc(-50% + var(--stable-frame-y,0px))) scale(var(--stable-frame-scale,1)) rotate(var(--stable-frame-rotate,0deg))!important; } #dlinkyStableFrameImg:not([src]),#dlinkyStableFrameImg[src=""]{display:none!important;} #profile.page.active .profile-card-public, #profile.page.active .profile-content, #profile.page.active .profile-box{ overflow:visible!important; } #profile.page.active img:not(#dlinkyStableAvatarImg):not(#dlinkyStableFrameImg):not(#profileBanner):not(.social-icon img){ max-width:100%!important; } .dlinky-v11-inv-stage{position:relative!important;width:120px!important;height:120px!important;margin:auto!important;overflow:visible!important;} .dlinky-v11-inv-avatar{position:absolute!important;left:50%!important;top:50%!important;width:72px!important;height:72px!important;border-radius:50%!important;object-fit:cover!important;transform:translate(-50%,-50%)!important;z-index:1!important;box-shadow:0 0 0 2px #38bdf8!important;background:#111!important;} .dlinky-v11-inv-frame{position:absolute!important;left:50%!important;top:50%!important;width:112px!important;height:112px!important;object-fit:contain!important;transform:translate(calc(-50% + var(--stable-frame-x,0px)),calc(-50% + var(--stable-frame-y,0px))) scale(var(--stable-frame-scale,1)) rotate(var(--stable-frame-rotate,0deg))!important;z-index:2!important;pointer-events:none!important;} /* ========================================================= DLINKY HOTFIX LEVE — AVATAR/MOLDURA DO PERFIL SEM TRAVAR LOGIN - não mexe no login - não usa loop/observer infinito - usa um único palco visual no perfil ========================================================= */ #avatarDecoration{position:relative!important;overflow:visible!important;isolation:isolate!important;} #avatarDecoration.dlinky-avatar-lite-on > #profileAvatar, #avatarDecoration.dlinky-avatar-lite-on > #profileFrame, #avatarDecoration.dlinky-avatar-lite-on > .decor-css, #avatarDecoration.dlinky-avatar-lite-on > #dlinkyV4ProfileStage, #avatarDecoration.dlinky-avatar-lite-on > #dlinkyFinalProfileStage, #avatarDecoration.dlinky-avatar-lite-on > #dlinkyCleanAvatarStage, #avatarDecoration.dlinky-avatar-lite-on > #dlinkyStableAvatarStage, #avatarDecoration.dlinky-avatar-lite-on > .dlinky-v4-profile-stage, #avatarDecoration.dlinky-avatar-lite-on > .dlinky-v4-stage, #avatarDecoration.dlinky-avatar-lite-on > .dlinky-final-stage{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;} #dlinkyAvatarLiteRoot{width:150px!important;height:150px!important;position:relative!important;overflow:visible!important;margin:auto!important;display:block!important;pointer-events:none!important;z-index:80!important;background:transparent!important;border:0!important;box-shadow:none!important;} #dlinkyAvatarLiteRoot .dlinky-lite-avatar{position:absolute!important;left:50%!important;top:50%!important;width:96px!important;height:96px!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;object-fit:cover!important;display:block!important;z-index:1!important;background:transparent!important;box-shadow:0 0 0 3px rgba(47,123,255,.95),0 0 22px rgba(168,85,247,.35)!important;} #dlinkyAvatarLiteRoot .dlinky-lite-avatar:not([src]),#dlinkyAvatarLiteRoot .dlinky-lite-avatar[src=""]{display:none!important;} #dlinkyAvatarLiteRoot .dlinky-lite-frame{position:absolute!important;left:50%!important;top:50%!important;width:150px!important;height:150px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:translate(-50%,-50%) translate(var(--dlinky-lite-x,0px),var(--dlinky-lite-y,0px)) scale(var(--dlinky-lite-scale,1)) rotate(var(--dlinky-lite-rotate,0deg))!important;transform-origin:center center!important;display:block!important;z-index:2!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.34)) drop-shadow(0 0 20px var(--neon,#a855f7))!important;} #dlinkyAvatarLiteRoot .dlinky-lite-frame:not([src]),#dlinkyAvatarLiteRoot .dlinky-lite-frame[src=""]{display:none!important;} /* ========================================================= DLINKY FIX DEFINITIVO — avatar GIF não some depois do render Usa o palco #dlinkyStableAvatarStage porque os scripts antigos não apagam ele. ========================================================= */ #avatarDecoration.dlinky-avatar-final-lock{ position:relative!important; width:150px!important; height:150px!important; margin:-72px auto 12px!important; overflow:visible!important; isolation:isolate!important; display:block!important; } #avatarDecoration.dlinky-avatar-final-lock > *:not(#dlinkyStableAvatarStage){ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } #avatarDecoration.dlinky-avatar-final-lock > #dlinkyStableAvatarStage{ display:block!important; visibility:visible!important; opacity:1!important; position:absolute!important; left:50%!important; top:50%!important; width:150px!important; height:150px!important; transform:translate(-50%,-50%)!important; z-index:9999!important; pointer-events:none!important; overflow:visible!important; background:transparent!important; border:0!important; box-shadow:none!important; } #avatarDecoration.dlinky-avatar-final-lock #dlinkyStableAvatarImg{ display:block!important; visibility:visible!important; opacity:1!important; position:absolute!important; left:50%!important; top:50%!important; width:96px!important; height:96px!important; transform:translate(-50%,-50%)!important; border-radius:50%!important; object-fit:cover!important; object-position:center!important; z-index:2!important; background:#111!important; box-shadow:0 0 0 3px rgba(47,123,255,.95),0 0 22px rgba(168,85,247,.45)!important; max-width:none!important; max-height:none!important; } #avatarDecoration.dlinky-avatar-final-lock #dlinkyStableAvatarImg:not([src]), #avatarDecoration.dlinky-avatar-final-lock #dlinkyStableAvatarImg[src=""]{ display:none!important; } #avatarDecoration.dlinky-avatar-final-lock #dlinkyStableFrameImg{ display:block!important; visibility:visible!important; opacity:1!important; position:absolute!important; left:50%!important; top:50%!important; width:150px!important; height:150px!important; max-width:none!important; max-height:none!important; object-fit:contain!important; object-position:center!important; z-index:3!important; pointer-events:none!important; background:transparent!important; border:0!important; box-shadow:none!important; transform-origin:center center!important; transform:translate(-50%,-50%) translate(var(--dlinky-final-frame-x,0px),var(--dlinky-final-frame-y,0px)) scale(var(--dlinky-final-frame-scale,1)) rotate(var(--dlinky-final-frame-rotate,0deg))!important; filter:drop-shadow(0 0 10px rgba(255,255,255,.30)) drop-shadow(0 0 18px var(--neon,#a855f7))!important; } #avatarDecoration.dlinky-avatar-final-lock #dlinkyStableFrameImg:not([src]), #avatarDecoration.dlinky-avatar-final-lock #dlinkyStableFrameImg[src=""]{ display:none!important; } /* FIX FINAL: Loja de molduras estilo Zion, sem fallback fake */ #tab-store #shopGrid.zion-frame-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(255px,1fr))!important;gap:16px!important;align-items:start!important} #tab-store .zion-frame-card{background:#17171d!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;padding:8px!important;min-height:286px!important;box-shadow:0 14px 32px rgba(0,0,0,.36)!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:hidden!important} #tab-store .zion-frame-card:hover{border-color:#6aa2ff!important;box-shadow:0 0 0 1px rgba(47,125,255,.35),0 18px 45px rgba(0,0,0,.55)!important} #tab-store .zion-frame-top{display:grid!important;grid-template-columns:84px 1fr!important;gap:12px!important;align-items:center!important;min-height:86px!important} #tab-store .zion-frame-preview{width:82px!important;height:82px!important;position:relative!important;display:grid!important;place-items:center!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:10px!important} #tab-store .zion-frame-avatar{width:58px!important;height:58px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;background-color:#e6e6e6!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:1!important;box-shadow:0 0 0 2px rgba(255,255,255,.12)!important} #tab-store .zion-frame-img{width:92px!important;height:92px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:2!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.25))!important;pointer-events:none!important} #tab-store .zion-frame-title b{display:block!important;color:#fff!important;font-size:16px!important;line-height:1.12!important;margin-bottom:3px!important} #tab-store .zion-frame-title small{display:block!important;color:#e2d8ea!important;font-size:12px!important;line-height:1.25!important} #tab-store .zion-stock,#tab-store .zion-price{min-height:32px!important;border:1px dashed rgba(255,255,255,.24)!important;border-radius:7px!important;background:rgba(255,255,255,.055)!important;padding:7px 9px!important;color:#e7e1ee!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important} #tab-store .zion-stock span{width:7px!important;height:7px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 8px #22c55e!important;margin-right:6px!important} #tab-store .zion-stock{justify-content:flex-start!important;gap:6px!important} #tab-store .zion-stock b{color:#5df0ae!important;font-weight:800!important} #tab-store .zion-price b{color:#ffd400!important;font-weight:900!important} #tab-store .zion-note{font-size:11px!important;color:#bdb4c9!important;line-height:1.2!important;min-height:13px!important} #tab-store .zion-duration{width:100%!important;height:34px!important;background:#3f3f49!important;color:white!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;padding:5px 9px!important;margin:0!important} #tab-store .zion-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:auto!important} #tab-store .zion-actions .btn{height:34px!important;border-radius:6px!important;padding:6px 8px!important;white-space:nowrap!important;font-size:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important} #tab-store .zion-actions .btn.primary{background:#2563eb!important;box-shadow:none!important} #tab-store .zion-actions .btn.dark{background:#3b3b43!important;border:1px solid rgba(255,255,255,.12)!important;color:white!important} #tab-store .empty-frames-help{grid-column:1/-1!important;min-height:180px!important;display:flex!important;flex-direction:column!important;justify-content:center!important} /* DLINKY MASTER FIX - loja estilo Zion, sem fallback */ .master-frame-shop{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(255px,1fr))!important;gap:18px!important;align-items:start!important}.zion-card{background:#1f2026!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:12px!important;padding:10px!important;box-shadow:none!important;overflow:hidden!important;min-height:0!important}.zion-preview{height:155px!important;background:#121217!important;border-radius:8px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:12px!important}.zion-preview .zion-avatar{width:78px!important;height:78px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;border:2px solid #3978ff!important}.zion-preview img{position:absolute!important;width:130px!important;height:130px!important;object-fit:contain!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;pointer-events:none!important}.zion-info b{display:block!important;font-size:18px!important;line-height:1.08!important;color:#fff!important}.zion-info small{color:#d9d4e8!important}.zion-stock,.zion-price{margin-top:10px!important;border:1px dashed rgba(255,255,255,.18)!important;border-radius:7px!important;padding:8px 10px!important;color:#d8d8df!important;background:rgba(255,255,255,.03)!important}.zion-stock{color:#28e795!important}.zion-stock span{font-size:12px!important}.zion-price b{color:#ffd91a!important}.zion-card select{width:100%!important;margin-top:10px!important;background:#44444d!important;color:#fff!important;border:1px solid #5792ff!important;border-radius:6px!important;padding:9px!important;font-weight:700!important}.zion-card .frame-actions{display:flex!important;gap:8px!important;margin-top:12px!important}.zion-card .frame-actions button{flex:1!important;min-width:0!important}.master-empty{grid-column:1/-1!important;padding:30px!important}.master-inv-frame .inv-preview{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}.master-inv-frame .inv-avatar-preview{width:78px!important;height:78px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important}.master-inv-frame .inv-frame-preview{position:absolute!important;width:130px!important;height:130px!important;object-fit:contain!important;pointer-events:none!important} /* DLINKY FIX DEFINITIVO — visual Zion limpo das molduras */ .final-zion-shop{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:16px!important;align-items:stretch!important} .final-zion-card{background:#17181d!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;padding:10px!important;box-shadow:0 10px 28px rgba(0,0,0,.25)!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:360px!important;max-width:280px!important;overflow:hidden!important} .final-zion-preview{height:142px!important;border-radius:8px!important;background:#0b0b0f!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important} .final-zion-preview .final-zion-avatar{width:74px!important;height:74px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;display:block!important;position:absolute!important;z-index:1!important;box-shadow:0 0 0 2px rgba(59,130,246,.7)!important} .final-zion-preview img{width:118px!important;height:118px!important;object-fit:contain!important;position:relative!important;z-index:2!important;filter:drop-shadow(0 0 12px rgba(168,85,247,.35))!important} .final-zion-title b{display:block!important;color:#fff!important;font-size:18px!important;line-height:1.1!important}.final-zion-title small{color:#d8d0e8!important;font-size:13px!important}.final-zion-stock{border:1px solid rgba(255,255,255,.12)!important;border-radius:7px!important;padding:8px 10px!important;color:#22c55e!important;font-size:12px!important;background:rgba(255,255,255,.04)!important}.final-zion-stock span{font-size:13px!important;margin-right:6px!important}.final-zion-price{border:1px dashed rgba(255,255,255,.25)!important;border-radius:7px!important;padding:8px 10px!important;color:#d9d2e8!important;font-size:13px!important}.final-zion-price b{color:#facc15!important}.final-zion-duration{width:100%!important;background:#3f3f46!important;color:#fff!important;border:1px solid #3b82f6!important;border-radius:6px!important;padding:9px!important;font-weight:700!important}.final-zion-actions{margin-top:auto!important;display:flex!important;gap:8px!important}.final-zion-actions .btn{flex:1!important;min-width:0!important}.final-inv-frame .inv-preview{position:relative!important;background:#050008!important;min-height:150px!important}.final-inv-frame .inv-avatar-preview{width:74px!important;height:74px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}.final-inv-frame .inv-frame-preview{width:120px!important;height:120px!important;object-fit:contain!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important} /* DLINKY HOTFIX: modal de compra centralizado e select de duração estável */ #frameBuyModal.frame-buy-modal, #frameBuyModal.modal, .frame-buy-modal.modal.show, #frameBuyModal.show{ position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; display: none !important; place-items: center !important; align-items: center !important; justify-content: center !important; background: rgba(0,0,0,.72) !important; z-index: 999999 !important; padding: 18px !important; margin: 0 !important; } #frameBuyModal.show{ display: grid !important; } #frameBuyModal .frame-buy-card, #frameBuyModal .modal-card{ position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; margin: auto !important; width: min(520px, 94vw) !important; max-height: 92vh !important; overflow: auto !important; } .final-zion-duration, .frame-duration[data-final-duration]{ position: relative !important; z-index: 5 !important; } /* HOTFIX FINAL INVENTÁRIO + CENTRALIZAÇÃO DA MOLDURA */ #avatarDecoration.dlinky-center-lock{position:relative!important;display:block!important;overflow:visible!important;} #avatarDecoration.dlinky-center-lock #profileAvatar{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:3!important;object-fit:cover!important;background-size:cover!important;background-position:center!important;} #avatarDecoration.dlinky-center-lock #profileFrame{position:absolute!important;left:50%!important;top:50%!important;z-index:9!important;object-fit:contain!important;transform-origin:center center!important;pointer-events:none!important;} .clean-inv-frame{max-width:260px!important;border-radius:18px!important;overflow:hidden!important;background:rgba(12,4,18,.92)!important;border:1px solid rgba(217,70,239,.55)!important;box-shadow:0 0 24px rgba(168,85,247,.12)!important;} .clean-inv-frame.is-active{border-color:#e879f9!important;box-shadow:0 0 0 1px rgba(232,121,249,.75),0 0 30px rgba(217,70,239,.18)!important;} .clean-inv-preview{height:175px!important;min-height:175px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#050008!important;overflow:hidden!important;border-radius:14px 14px 0 0!important;} .clean-inv-avatar{position:absolute!important;left:50%!important;top:50%!important;width:82px!important;height:82px!important;border-radius:50%!important;transform:translate(-50%,-50%)!important;background-size:cover!important;background-position:center!important;z-index:1!important;box-shadow:0 0 0 2px #3278ff!important;} .clean-inv-frame-img{position:absolute!important;left:50%!important;top:50%!important;width:135px!important;height:135px!important;object-fit:contain!important;z-index:2!important;transform-origin:center center!important;filter:drop-shadow(0 0 13px rgba(255,255,255,.35)) drop-shadow(0 0 20px rgba(168,85,247,.35))!important;pointer-events:none!important;} .clean-inv-frame .asset-body{padding:16px!important;display:flex!important;flex-direction:column!important;gap:8px!important;} .clean-inv-frame .asset-body b{font-size:18px!important;color:#fff!important;line-height:1.15!important;} .clean-inv-frame .asset-body small{color:#d9d0e8!important;} .clean-inv-frame .inv-actions-row{display:flex!important;gap:8px!important;margin-top:8px!important;} .clean-inv-frame .inv-actions-row .btn{min-width:0!important;flex:1!important;justify-content:center!important;} #frameAdjustModal.show{display:flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;inset:0!important;z-index:999999!important;background:rgba(0,0,0,.72)!important;} #frameAdjustModal .adjust-card{margin:auto!important;} #adjustFrame{transform-origin:center center!important;} /* DLINKY PATCH REAL FINAL — visual/centralização de molduras */ .real-zion-shop{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:18px!important;align-items:start!important}.real-frame-card{background:#18181d!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;overflow:hidden!important;min-height:0!important;padding:10px!important;box-shadow:0 0 0 1px rgba(168,85,247,.12)!important}.real-frame-preview{height:142px!important;background:#05050a!important;border-radius:7px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.real-frame-preview .frame-avatar-demo{width:74px!important;height:74px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:1!important}.real-frame-preview .frame-img{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:118px!important;height:118px!important;object-fit:contain!important;z-index:2!important;pointer-events:none!important}.real-frame-card .frame-info{padding:12px 4px 8px!important}.real-frame-card .frame-info b{display:block!important;font-size:19px!important;line-height:1.1!important;color:#fff!important}.real-frame-card .frame-info small{display:block!important;color:#cfc4dc!important;margin-top:3px!important}.real-frame-card .frame-stock,.real-frame-card .frame-price{border:1px solid rgba(255,255,255,.14)!important;border-radius:7px!important;padding:10px!important;margin:8px 0!important;background:rgba(255,255,255,.04)!important}.real-frame-card .frame-stock span{display:inline-block!important;width:6px!important;height:6px!important;background:#13e681!important;border-radius:999px!important;margin-right:7px!important}.real-frame-card .frame-stock b{color:#13e681!important}.real-frame-card .frame-price b{color:#ffd400!important}.real-frame-card .frame-duration{width:100%!important;height:36px!important;margin:0 0 10px!important;border-radius:7px!important;background:#44444d!important;color:#fff!important;font-weight:700!important}.real-frame-card .frame-actions{display:flex!important;gap:8px!important}.real-frame-card .frame-actions .btn{flex:1!important;height:38px!important;white-space:nowrap!important}.real-centered-modal.modal,.modal.real-centered-modal{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;background:rgba(0,0,0,.62)!important}.real-centered-modal .modal-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;margin:auto!important}.real-inv-card{background:#0c0612!important;border:1px solid rgba(214,86,255,.75)!important;border-radius:14px!important;padding:12px!important;overflow:hidden!important}.real-inv-preview,.clean-inv-preview{height:150px!important;background:#05050a!important;border-radius:9px!important;position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}.real-inv-avatar,.clean-inv-avatar{width:76px!important;height:76px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:1!important}.real-inv-frame,.clean-inv-frame-img{width:126px!important;height:126px!important;object-fit:contain!important;position:absolute!important;left:50%!important;top:50%!important;z-index:2!important;pointer-events:none!important;transform-origin:center center!important}.inv-actions-row{display:flex!important;gap:8px!important;margin-top:10px!important}.inv-actions-row .btn{flex:1!important}.real-avatar-lock{position:relative!important}.real-avatar-lock #profileAvatar{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:2!important}.real-avatar-lock #profileFrame{position:absolute!important;left:50%!important;top:50%!important;object-fit:contain!important;z-index:5!important;pointer-events:none!important;transform-origin:center center!important}.frame-adjust-modal.real-centered-modal .modal-card,.frame-adjust-modal .modal-card{max-width:560px!important}.adjust-preview{position:relative!important;width:220px!important;height:220px!important;margin:12px auto!important;background:#08050d!important;border-radius:18px!important;overflow:hidden!important}.adjust-preview #adjustAvatar,.adjust-avatar{position:absolute!important;left:50%!important;top:50%!important;width:94px!important;height:94px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;transform:translate(-50%,-50%)!important;z-index:1!important}.adjust-preview #adjustFrame,.adjust-preview #adjustFrameFinal{position:absolute!important;left:50%!important;top:50%!important;width:150px!important;height:150px!important;object-fit:contain!important;z-index:2!important;transform-origin:center center!important}.admin-frame-row{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;background:rgba(255,255,255,.04)!important;margin-bottom:10px!important}.admin-frame-row img{width:58px!important;height:58px!important;object-fit:contain!important;background:#05050a!important;border-radius:8px!important}.admin-frame-row div{flex:1!important}.admin-frame-row small{display:block!important;color:#cfc4dc!important}.admin-frame-row .delete{border:0!important;background:#ef4444!important;color:#fff!important;border-radius:999px!important;width:38px!important;height:28px!important;font-weight:900!important;cursor:pointer!important} /* ===== DLINKY HOTFIX — SOMENTE CLIQUES DA LOJA/INVENTÁRIO ===== Base usada: FINAL_REAL_INVENTARIO_FIXO_AJUSTE_OK. Não troca visual, não cria fallback e não mexe no avatar. Só remove bloqueio de clique causado por camadas/preview antigos. */ #tab-store, #tab-store .asset-tabs, #tab-store .shop-tabs, #shopGrid, #shopGrid .final-zion-card, #shopGrid .frame-shop-card, #shopGrid .real-frame-card, #tab-inventory, #inventoryGrid, #inventoryGrid .asset-card{ position: relative !important; pointer-events: auto !important; } /* Tudo que é só imagem/preview fica sem capturar clique. */ #shopGrid .final-zion-preview, #shopGrid .final-zion-preview *, #shopGrid .frame-shop-preview, #shopGrid .frame-shop-preview *, #shopGrid .real-frame-preview, #shopGrid .real-frame-preview *, #shopGrid .asset-preview:not(:has(button)):not(:has(select)), #shopGrid .asset-preview:not(:has(button)):not(:has(select)) *, #inventoryGrid .asset-preview, #inventoryGrid .asset-preview *{ pointer-events: none !important; } /* Controles sempre acima de qualquer preview antigo. */ #tab-store .shop-tabs, #tab-store .shop-tabs button, #shopGrid select, #shopGrid button, #shopGrid .frame-actions, #shopGrid .final-zion-actions, #shopGrid .clean-actions, #inventoryGrid button, #inventoryGrid .inv-actions-row, #inventoryGrid .inv-actions-row *{ position: relative !important; z-index: 2147482 !important; pointer-events: auto !important; visibility: visible !important; } /* Evita que cards antigos criem pseudo-camada por cima dos botões. */ #shopGrid .final-zion-card::before, #shopGrid .final-zion-card::after, #shopGrid .frame-shop-card::before, #shopGrid .frame-shop-card::after, #shopGrid .real-frame-card::before, #shopGrid .real-frame-card::after, #inventoryGrid .asset-card::before, #inventoryGrid .asset-card::after{ pointer-events: none !important; } /* Modal de compra sempre clicável e centralizado. */ #frameBuyModal.show, #frameBuyModal.modal.show{ position: fixed !important; inset: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 2147483000 !important; pointer-events: auto !important; } #frameBuyModal .modal-card, #frameBuyModal .frame-buy-card{ pointer-events: auto !important; position: relative !important; margin: auto !important; transform: none !important; } /* DLINKY FIX FINAL: loja clicável e sem camada por cima */ .shop-tabs, .shop-tabs button, #shopGrid, #shopGrid button, #shopGrid select, #inventoryGrid button { pointer-events:auto!important; position:relative!important; z-index:20!important; } #shopGrid .asset-preview, #shopGrid .frame-shop-preview, #shopGrid .final-zion-preview, #shopGrid img, #shopGrid span.final-zion-avatar { pointer-events:none!important; } #shopGrid .asset-card, #shopGrid .frame-shop-card, #shopGrid .final-zion-card { pointer-events:auto!important; position:relative!important; z-index:5!important; } #frameBuyModal.show, #frameAdjustModal.show { display:flex!important; align-items:center!important; justify-content:center!important; position:fixed!important; inset:0!important; z-index:2147483000!important; } /* DLINKY V3 FINAL — FIX SOMENTE ÍCONE: palco único estável */ #avatarDecoration.dlinky-avatar-final-lock{ position:relative!important;width:150px!important;height:150px!important;margin:-72px auto 12px!important;overflow:visible!important;display:block!important;isolation:isolate!important;z-index:999!important; } #avatarDecoration.dlinky-avatar-final-lock > *:not(#dlinkyStableAvatarStage){ display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important; } #avatarDecoration.dlinky-avatar-final-lock #dlinkyStableAvatarStage{ position:absolute!important;left:50%!important;top:50%!important;width:150px!important;height:150px!important;transform:translate(-50%,-50%)!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:visible!important;z-index:9999!important;pointer-events:none!important; } #avatarDecoration.dlinky-avatar-final-lock #dlinkyStableAvatarImg{ position:absolute!important;left:50%!important;top:50%!important;width:96px!important;height:96px!important;max-width:none!important;max-height:none!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:2!important;background:#111!important;box-shadow:0 0 0 3px rgba(47,123,255,.95),0 0 22px rgba(168,85,247,.45)!important; } #avatarDecoration.dlinky-avatar-final-lock #dlinkyStableFrameImg{ position:absolute!important;left:50%!important;top:50%!important;width:150px!important;height:150px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:3!important;pointer-events:none!important;transform-origin:center center!important;transform:translate(-50%,-50%) translate(var(--dlinky-final-frame-x,0px),var(--dlinky-final-frame-y,0px)) scale(var(--dlinky-final-frame-scale,1)) rotate(var(--dlinky-final-frame-rotate,0deg))!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.30)) drop-shadow(0 0 18px var(--neon,#a855f7))!important; } #avatarDecoration.dlinky-avatar-final-lock #dlinkyStableAvatarImg:not([src]), #avatarDecoration.dlinky-avatar-final-lock #dlinkyStableAvatarImg[src=""], #avatarDecoration.dlinky-avatar-final-lock #dlinkyStableFrameImg:not([src]), #avatarDecoration.dlinky-avatar-final-lock #dlinkyStableFrameImg[src=""]{display:none!important;} /* HOTFIX: botão Salvar ajuste sempre clicável no modal de moldura */ #frameAdjustModal .adjust-actions{position:relative!important;z-index:2147483647!important;pointer-events:auto!important;} #frameAdjustModal #saveFrameAdjust, #frameAdjustModal #resetFrameAdjust, #frameAdjustModal #closeFrameAdjust{position:relative!important;z-index:2147483647!important;pointer-events:auto!important;cursor:pointer!important;} #frameAdjustModal .adjust-card{pointer-events:auto!important;} #frameAdjustModal .adjust-preview{z-index:1!important;} /* DLINKY HOTFIX LIMPO — tira o pisca-pisca sem mexer no layout */ #avatarDecoration.dlinky-no-flicker-lock, #avatarDecoration.dlinky-no-flicker-lock *, #profileAvatar, #profileFrame, .dlinky-frame-vault-avatar, .dlinky-frame-vault-img, .real-inv-avatar, .real-inv-frame{ transition:none!important; animation:none!important; } #inventoryGrid .asset-card, #inventoryGrid .asset-card *, #inventoryGrid button{ backface-visibility:hidden!important; } /* ===== DLINKY LIMPEZA FINAL DO MODAL AJUSTAR — sem scroll/sem sobreposição ===== */ #frameAdjustModal.dlinky-clean-adjust.show{ position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important; z-index:2147483647!important;background:rgba(0,0,0,.72)!important;overflow:hidden!important;padding:16px!important; } #frameAdjustModal.dlinky-clean-adjust .adjust-card{ position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important; width:min(520px,92vw)!important;max-height:none!important;overflow:visible!important;margin:auto!important; background:#14051f!important;border:1px solid rgba(168,85,247,.65)!important;border-radius:22px!important;padding:28px!important; box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 40px rgba(168,85,247,.22)!important; } #frameAdjustModal.dlinky-clean-adjust .adjust-preview{ position:relative!important;width:190px!important;height:190px!important;margin:18px auto 22px!important;overflow:hidden!important; border-radius:18px!important;border:1px dashed rgba(255,255,255,.18)!important;background:radial-gradient(circle,rgba(168,85,247,.22),rgba(8,2,13,.96) 70%)!important; touch-action:none!important;cursor:grab!important;isolation:isolate!important; } #frameAdjustModal.dlinky-clean-adjust .adjust-preview:active{cursor:grabbing!important;} #frameAdjustModal.dlinky-clean-adjust #adjustAvatar{ position:absolute!important;left:50%!important;top:50%!important;width:96px!important;height:96px!important;border-radius:50%!important; background-size:cover!important;background-position:center!important;transform:translate(-50%,-50%)!important;z-index:2!important; box-shadow:0 0 0 3px #2f7bff,0 0 22px rgba(168,85,247,.42)!important; } #frameAdjustModal.dlinky-clean-adjust #adjustFrameFinal{ position:absolute!important;left:50%!important;top:50%!important;width:150px!important;height:150px!important;max-width:none!important;max-height:none!important; margin:0!important;padding:0!important;object-fit:contain!important;z-index:4!important;pointer-events:none!important;transform-origin:center center!important; filter:drop-shadow(0 0 10px rgba(255,255,255,.42)) drop-shadow(0 0 23px var(--neon))!important; } #frameAdjustModal.dlinky-clean-adjust .adjust-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;} #frameAdjustModal.dlinky-clean-adjust .adjust-grid label{margin:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;color:#f5eaff!important;font-weight:800!important;} #frameAdjustModal.dlinky-clean-adjust input[type=range]{padding:0!important;border:0!important;background:transparent!important;accent-color:#d946ef!important;} #frameAdjustModal.dlinky-clean-adjust .adjust-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:20px!important;position:relative!important;z-index:5!important;} #frameAdjustModal.dlinky-clean-adjust .adjust-close{position:absolute!important;right:16px!important;top:16px!important;width:36px!important;height:36px!important;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:22px!important;cursor:pointer!important;} @media(max-width:600px){#frameAdjustModal.dlinky-clean-adjust .adjust-grid{grid-template-columns:1fr!important}#frameAdjustModal.dlinky-clean-adjust .adjust-card{padding:20px!important}}