@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;background:linear-gradient(190deg,#1d1d1d 10%,#4d4d4d);font-family:Inter,sans-serif}.main-profile{position:relative;width:100%;height:100vh;padding:16px;display:flex;align-items:center;flex-direction:column;justify-content:center;background-image:var(--profile-bg);background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 100px 60px #000}.logo-profile{position:absolute;top:16px;left:16px}.container-section-profile{background:linear-gradient(180deg,var(--profile-gradient-start),var(--profile-gradient-end));border-radius:32px;box-shadow:0 16px 32px #00000080;outline:1px solid var(--profile-color-bar)}.section-profile{border-radius:32px;height:550px;display:grid;position:relative;background-color:var(--color-overlay-bg);grid-template-rows:50px 450px 50px}.section-profile.closed{grid-template-columns:50px 315px 16px 18px 16px;grid-template-areas:". . . . ." ". profile . button ." ". . . . ."}.section-profile.open{grid-template-columns:50px 315px 50px 315px 16px 18px 16px;grid-template-areas:". . . . . . ." ". profile . infos . button ." ". . . . . . ."}.container-profile{grid-area:profile;background:linear-gradient(180deg,var(--profile-gradient-start),var(--profile-gradient-end));border-radius:16px;box-shadow:0 8px 8px #0000004d;outline:1px solid var(--profile-color-bar);overflow:hidden}.profile{position:relative;width:315px;height:450px;background:var(--color-overlay);display:grid;grid-template-columns:12px 291px 12px;grid-template-rows:12px 163px 8px 39px 12px 50px 12px 83px 12px 47px 12px;grid-template-areas:"icon icon icon" "icon icon icon" ". . ." ". username ." ". . ." ". social ." ". . ." ". sobre ." ". . ." ". comentario ." ". . ."}.image-effect{position:absolute;top:0;left:0;width:100%;height:240px;object-fit:cover;image-rendering:auto;-webkit-mask-image:linear-gradient(180deg,#ffffff 0%,transparent 80%);mask-image:linear-gradient(180deg,#ffffff 0%,transparent 80%);pointer-events:none;opacity:.9;border-radius:32px 32px 0 0;z-index:-1}.container-emblemas{width:100%;height:97px}.container-badges{width:100%;height:49px;display:flex;gap:8px}.container-conexao,.container-fixado,.container-games{width:100%;height:128px}.informacoes :is(.container-emblemas,.container-badges,.container-fixado,.container-conexao,.container-games){background-image:linear-gradient(180deg,var(--profile-gradient-start),var(--profile-gradient-end));background-size:var(--card-w) var(--card-h);background-position:calc(var(--x) * -1) calc(var(--y) * -1);background-repeat:no-repeat;border-radius:16px;box-shadow:0 8px 8px #0000004d;outline:1px solid var(--profile-color-bar)}.emblemas,.conexao,.fixado,.badges,.games{width:100%;height:100%;border-radius:16px;background:var(--color-overlay);padding:12px}.badges{display:flex;gap:8px}.emblemas .emblemas-text h2,.conexao .conexao-text h2,.fixado .fixado-text h2,.games .games-text h2{font-size:16px;display:flex;justify-content:start;align-items:center;height:16px;color:var(--profile-color-text)}.emblemas .emblemas-text hr,.conexao .conexao-text hr,.fixado .fixado-text hr,.games .games-text hr{border:none;height:1px;margin:2px 0 12px;background-color:var(--profile-color-bar)}.toggle-btn{grid-area:button;display:flex;align-items:center;justify-content:center}.toggle-btn button{height:40px;width:100%;background:none;display:flex;align-items:center;justify-content:center;border:none;transition:.25s ease;cursor:pointer}.toggle-btn button svg{width:18px;height:40px;fill-opacity:.4;transition:.35s ease;fill:var(--profile-color-text)}.toggle-btn button:hover svg{fill-opacity:1;transition:.35s ease}.informacoes{grid-area:infos;width:315px;height:450px;display:flex;flex-direction:column;gap:16px;z-index:0}.icones{grid-area:icon;width:100%;height:175px}.icones .banner{width:100%;height:120px}.banner img{width:100%;height:100%;object-fit:cover}.icones .icon-borda{position:absolute;top:70px;left:50%;transform:translate(-50%);width:105px;height:105px;background-color:var(--profile-color-bar);overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-borda .icon{width:97px;height:97px;border-radius:50%;overflow:hidden}.icon img{width:100%;object-fit:contain}.username{grid-area:username;width:100%;height:100%;gap:4px;color:var(--profile-color-text)}.username h1{font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:start}.username hr{border:none;height:1px;margin:4px 0;background-color:var(--profile-color-bar)}.username small{font-size:10px;font-weight:700;opacity:.5;display:flex;align-items:center;justify-content:center}.rede-social{grid-area:social;width:100%;height:50px;padding:10px 0;display:flex;justify-content:center;gap:10px;background-color:var(--profile-color-bar);border-radius:8px}.rede-social .social{width:30px;height:30px;background-color:var(--profile-color-bar);border-radius:4px}.social-more{border:none;width:100%;height:100%;background:linear-gradient(180deg,transparent,var(--profile-color-bar));padding:5px}.social-more:hover{cursor:pointer;background:linear-gradient(180deg,var(--profile-color-bar) -50%,var(--profile-gradient-end) 300%)}.social-more .social-icon-more{width:100%;height:100%;color:var(--profile-color-text)}.social-modal-backdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:9999;border-radius:32px}.social-modal{width:min(400px,100%);height:400px;overflow-y:scroll;border-radius:16px;background:#0b0b0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 80px #0009;padding:12px}.social-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.social-modal-close{background:transparent;border:0;color:#fff;font-size:18px;cursor:pointer}.social-modal-list{display:flex;flex-direction:column;gap:8px;padding:12px 16px 16px}.social-modal-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;text-decoration:none;border:1px solid rgba(255,255,255,.08)}.social-modal-name{color:#fff;font-weight:600;text-transform:capitalize}.social-modal-link{color:#ffffffa6;font-size:12px;word-break:break-all}.sobre-mim{grid-area:sobre;width:100%;height:83px;color:var(--profile-color-text)}.sobre-titulo h3{font-size:12px}.sobre-titulo hr{border:none;height:1px;margin:2px 0 4px;background-color:var(--profile-color-bar)}.sobre-texto{height:54px;margin:4px 8px}.sobre-texto p{text-align:justify;font-size:10px;font-weight:500;opacity:.8}.likes{width:25px;height:25px;position:absolute;top:12px;right:12px;background:linear-gradient(var(--color-overlay),var(--color-overlay)),linear-gradient(180deg,var(--profile-gradient-start) 0%,var(--profile-gradient-end) 350%);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:3px}.likes button{background-color:transparent;border:none;width:100%;height:100%;cursor:pointer}.likes button .ti-star{color:var(--profile-color-text);width:100%;height:100%}.likes button:hover .ti-star{fill:url(#gold-gradient);filter:drop-shadow(0 1px 2px #ffd700)}.comentario{grid-area:comentario;width:100%;height:47px;padding:8px;display:flex;flex-direction:row;gap:8px;background:var(--profile-color-bar);border-radius:8px}.comentario-btn{width:100%;height:31px;border:none;background:var(--profile-color-bar);color:var(--profile-color-text);border-radius:4px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.comentario-btn:hover{background:linear-gradient(180deg,var(--profile-color-bar) -50%,var(--profile-gradient-end) 300%)}.comentario-btn:hover p,.comentario-btn:hover .bimail{opacity:1}.comentario-btn p{opacity:.6}.bimail{width:30px;height:100%;opacity:.6}.comentario-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:999}.comentario-modal{width:min(400px,100%);border-radius:16px;background:#0b0b0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 80px #0009;padding:12px}.comentario-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px}.comentario-modal-header h3{display:flex;align-items:center;height:32px;font-size:16px;color:#fff}.comentario-close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease-out}.comentario-close:hover,.btn-secondary:hover,.btn-primary:not([disabled]):hover{background:#ffffff1f}.comentario-textarea{width:100%;resize:none;padding:12px;border-radius:8px;background:#0e0e13;border:1px solid rgba(255,255,255,.12);color:#fff}.comentario-textarea::placeholder{color:silver}.comentario-counter{margin-top:4px;font-size:12px;text-align:right;color:#ffffff80}.comentario-counter.limit{color:#ff4d4d}.comentario-anon{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff}.comentario-anon input{display:none}.comentario-anon svg{height:16px;transition:.2s ease}.comentario-anon svg:nth-of-type(2){display:none}.comentario-anon input:checked~svg:nth-of-type(1){display:none}.comentario-anon input:checked~svg:nth-of-type(2){display:block;color:#ff4d4d}.comentario-anon p{font-size:12px;color:#fffc}.comentario-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.btn-secondary,.btn-primary{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);cursor:pointer;color:#fff}.btn-secondary{background:transparent;transition:background .3s ease}.btn-primary{background:#ffffff14;transition:background .3s ease}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.conexao .conexao-users{width:100%;height:71px;display:flex;gap:5px}.conexao .conexao-users .user-card{width:69px;display:flex;align-items:center;justify-content:space-around;flex-direction:column;white-space:nowrap}.user-card .user-borda{background:var(--profile-color-bar);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-card p{font-size:10px;font-weight:700;width:55px;overflow:hidden;text-overflow:ellipsis;text-align:center;color:var(--profile-color-text)}.user-card span{width:55px;height:12px;background-color:var(--profile-color-bar);border-radius:4px}.user-borda .user{width:49px;height:49px;border-radius:50%}.user img{width:100%;height:100%;object-fit:contain;border-radius:50%}.user{position:relative;overflow:visible;isolation:isolate;cursor:pointer}.user-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(6px);background:#0b0b0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:6px 8px;transition:.18s ease;box-shadow:0 10px 30px #00000080}.user-tooltip small{margin:0;font-size:11px;color:#fff}.user:hover .user-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.badges .badge{position:relative;width:25px;height:25px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.badge img{width:100%;height:100%;pointer-events:none}.badge-tooltip{position:absolute;bottom:140%;left:50%;transform:translate(-50%) translateY(6px);background:#0b0b0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s ease;box-shadow:0 10px 30px #00000080}.badge-tooltip p{margin:0;font-size:11px;color:#fff}.badge.empty{cursor:default;background-color:var(--profile-color-bar)}.badge:not(.empty):hover .badge-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.fixado-content{width:100%;height:71px;background-color:var(--profile-color-bar);padding:4px;border-radius:8px;position:relative}.fixado .fixado-content .fixado-titulo{display:flex}.fixado .fixado-content .fixado-titulo img{width:20px;border-radius:50%}.fixado .fixado-content .fixado-titulo .titulo-text{width:100%;height:20px;display:flex;flex-direction:column;justify-content:end;margin:0 0 0 4px}.fixado .fixado-content .fixado-titulo section p{font-size:10px;font-weight:700;color:var(--profile-color-text)}.fixado .fixado-content .fixado-titulo section hr{border:none;height:1px;margin:2px 0 0;background-color:var(--profile-color-bar)}.fixado .fixado-content .fixado-titulo .titulo-emoji{position:absolute;top:4px;right:4px;width:15px;height:15px;background-color:var(--profile-color-bar);border-radius:4px;display:flex;align-items:center;justify-content:center}.fixado .fixado-content .fixado-titulo .titulo-emoji .emoji-titulo{font-size:11px;color:gold}.fixado .fixado-content .fixado-texto{margin:4px 0 0 24px;height:39px}.fixado .fixado-content .fixado-texto p{font-size:10px;text-align:justify;font-weight:500;opacity:.8;color:var(--profile-color-text)}.emblemas .emblemas-icons{width:100%;height:40px;display:flex;align-items:center;flex-direction:row;gap:10px}.emblemas-icons{position:relative;overflow:visible;isolation:isolate;z-index:10}.emblemas .emblemas-icons .emblema{width:40px;height:40px;background-color:var(--profile-color-bar);border-radius:8px;position:relative}.emblema-active{position:relative;width:40px;height:40px}.emblema-active img{width:100%;height:100%}.emblema-empty{width:40px;height:40px;border-radius:8px;background:var(--profile-color-bar)}.emblema-tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:130px;padding:12px;border-radius:16px;outline:1px solid var(--profile-color-bar);color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:.2s ease;box-shadow:0 10px 40px #00000080;white-space:normal}.emblema-tooltip h5{font-size:16px;width:100%;font-weight:900;text-align:center}.emblema-tooltip img{width:70px}.emblema-tooltip p{width:100%;text-align:center;font-weight:900;letter-spacing:1px}.emblema-tooltip small{font-size:8px;text-align:center;opacity:.9}.emblema-active:hover .emblema-tooltip{opacity:1;transform:translate(-50%) translateY(0);z-index:9999}.section-games{width:100%;height:71px;display:flex;align-items:center;justify-content:space-between}.section-games .game-card{width:45px;height:71px;background-color:var(--profile-color-bar);border-radius:8px}