/* Acabamento compartilhado: controles discretos, monocromáticos e acessíveis. */
.staff-login-panel{width:min(370px,100%);margin:90px auto}
.staff-login-panel>p:not(.eyebrow){font-size:12px;color:#999;line-height:1.8}
.staff-discord-login{display:flex;align-items:center;justify-content:center;gap:40px;min-height:49px;margin-top:28px;padding:14px 20px;border:1px solid #eee;border-radius:9px;background:#eee;color:#111;font-size:12px;font-weight:800;transition:transform .2s,background .2s}
.staff-discord-login:hover{transform:translateY(-2px);background:#fff}
.staff-discord-login[aria-disabled=true]{opacity:.5;cursor:help}
.staff-login-panel .staff-login-hint{font-size:10px;color:#777;margin-top:15px}
.staff-back{display:block;font-size:10px;color:#aaa;margin-top:34px}
.staff-account{border:1px solid #ffffff20;background:#0e0e0e;border-radius:12px;margin:-27px 0 27px;overflow:hidden;flex-shrink:0}
.staff-banner{display:block;width:100%;height:70px;object-fit:cover}
.staff-account-details{padding:18px 15px}
.staff-banner+.staff-account-details{padding-top:0}
.staff-avatar-wrap{position:relative;width:53px;height:53px;margin-bottom:12px}
.staff-banner+.staff-account-details .staff-avatar-wrap{margin-top:-25px}
.staff-avatar{display:block;width:53px;height:53px;object-fit:cover;border-radius:50%;border:3px solid #0e0e0e}
.staff-avatar-decoration{position:absolute;inset:-6px;width:65px;height:65px;object-fit:contain;pointer-events:none}
.staff-display-name{display:block;font-size:15px;overflow-wrap:anywhere;line-height:1.4}
.staff-username{display:block;font-size:10px;color:#888;margin-top:3px;overflow-wrap:anywhere}
.staff-access-label{display:inline-block;margin-top:10px;padding:5px 8px;border:1px solid #ffffff30;border-radius:5px;font-size:8px;font-weight:850;letter-spacing:1.5px;color:#fff}
.staff-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.staff-badges:empty{display:none}
.staff-badges span{padding:4px 6px;background:#ffffff0b;border:1px solid #ffffff14;border-radius:4px;color:#bbb;font-size:7px;line-height:1.5}
.staff-more{font-size:8px;color:#777;margin-top:15px;line-height:1.7}
.staff-more summary{cursor:pointer}
.staff-more p{font-size:8px;margin-bottom:0;overflow-wrap:anywhere}
@media(max-width:650px){.staff-login-panel{margin:75px auto}.staff-account{max-width:360px;margin:0 0 23px}.staff-banner{height:90px}}
@media(prefers-reduced-motion:reduce){.staff-discord-login{transition:none}.staff-discord-login:hover{transform:none}}
.home-page .header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:0}
.brand img,.profile-header .logo img,.logo img{display:block;width:76px;height:auto;flex-shrink:0}
.logo{display:inline-flex;align-items:center}
.hero-actions .primary{min-width:300px;min-height:78px;padding:12px 20px 12px 12px;border-radius:16px;gap:16px;border-color:#ffffff36;background:linear-gradient(120deg,#ffffff13,#090909b8);box-shadow:0 12px 38px #0003;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
.hero-actions .primary .discord-glyph{padding:13px;border-radius:11px;background:#f4f4f4;box-shadow:0 3px 16px #0002}
.hero-actions .primary>span:not(.discord-glyph){font-size:12px;letter-spacing:.4px;font-weight:850}
.hero-actions .primary small{font-size:10px;letter-spacing:0;margin-top:5px;color:#aaa;font-weight:500}
.hero-actions .primary>svg{margin-left:auto;width:20px;height:20px;transition:transform .25s,color .25s}
.hero-actions .primary:hover{transform:translateY(-3px);border-color:#ffffff80;background:linear-gradient(120deg,#ffffff1f,#151515cf);box-shadow:0 16px 45px #0005}
.hero-actions .primary:hover>svg{transform:translate(2px,-2px);color:#fff}
.hero-content .ego-music{margin-top:44px}
@media(max-width:560px){.hero-actions .primary{min-width:280px;min-height:73px;padding:11px 16px 11px 11px;gap:13px}.hero-actions .primary>span:not(.discord-glyph){font-size:10px}.hero-actions .primary small{font-size:9px}.hero-content .ego-music{margin-top:34px}.brand img,.profile-header .logo img,.logo img{width:67px}}
@media(prefers-reduced-motion:reduce){.hero-actions .primary,.hero-actions .primary>svg{transition:none}.hero-actions .primary:hover,.hero-actions .primary:hover>svg{transform:none}}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) brightness(.6);opacity:0;pointer-events:none;transition:opacity .6s ease}
.hero.video-ready .hero-video{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-video{display:none;transition:none}}
:root{scrollbar-color:#666 #0b0b0b;scrollbar-width:thin}
*{scrollbar-color:#666 #0b0b0b;scrollbar-width:thin}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#0b0b0b;border-radius:10px}
::-webkit-scrollbar-thumb{background:#666;border:2px solid #0b0b0b;border-radius:10px;min-height:38px;min-width:38px}
::-webkit-scrollbar-thumb:hover{background:#aaa}
::-webkit-scrollbar-thumb:active{background:#ddd}
::-webkit-scrollbar-corner{background:#0b0b0b}
::-webkit-scrollbar-button{display:none;width:0;height:0}
.header nav a{isolation:isolate;transition:color .22s ease,transform .22s ease,text-shadow .22s ease}
.header nav a::before{content:'';position:absolute;z-index:-1;inset:17px -10px;border:1px solid #ffffff00;border-radius:7px;background:#ffffff00;opacity:0;transform:scale(.92);transition:opacity .22s ease,transform .22s ease,background .22s ease,border-color .22s ease;pointer-events:none}
.header nav a::after,.header nav a.active::after{content:'';display:block;position:absolute;left:20%;right:20%;bottom:18px;height:1px;background:linear-gradient(90deg,transparent,#eee,transparent);transform:scaleX(0);transform-origin:center;transition:transform .24s ease;pointer-events:none}
.header nav a:is(:hover,:focus-visible){color:#fff;transform:translateY(-2px);text-shadow:0 0 15px #fff5}
.header nav a:is(:hover,:focus-visible)::before{opacity:1;transform:scale(1);background:#ffffff09;border-color:#ffffff12}
.header nav a:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.header nav a.active::after{transform:scaleX(.55);opacity:.6}
.header nav a.active:is(:hover,:focus-visible)::after{transform:scaleX(1);opacity:1}
#dashboard main{min-width:0}
#dashboard aside{overflow-y:auto;overscroll-behavior:contain}
#dash-nav{flex-shrink:0}
.card-open.has-preview .card-play{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#0009;color:#fff;font-size:24px;padding-left:3px;transition:transform .2s ease,background .2s ease}
.external-card:hover .card-play{transform:scale(1.1);background:#000c}
.card-content-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px}
.card-preview-button,.card-origin-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:9px 13px;border:1px solid #ffffff25;border-radius:20px;font:700 10px var(--font);color:#eee;background:#131313;transition:background .2s,border-color .2s}
.card-preview-button:hover,.card-origin-link:hover{background:#292929;border-color:#ffffff60}
.card-origin-link{background:#070707;color:#aaa}
.detail-actions{flex-wrap:wrap}
#detail-video{display:block;width:100%;aspect-ratio:16/9;border:0;margin:auto}
.detail-media:has(#detail-video){display:flex;align-items:center;justify-content:center}
@media(max-width:650px){#dashboard aside{overflow-y:visible}#dash-nav{overscroll-behavior-x:contain;padding-bottom:12px}}
@media(max-width:560px){.header nav a::before{inset:5px 3px}.header nav a::after,.header nav a.active::after{bottom:6px}}
@media(prefers-reduced-motion:reduce){.header nav a,.header nav a::before,.header nav a::after{transition:none}.header nav a:is(:hover,:focus-visible){transform:none}}
/* Capas próprias para a coleção FiveM. */
.ego-content-cover{position:relative;isolation:isolate;width:100%;height:100%;min-height:150px;aspect-ratio:16/9;overflow:hidden;padding:20px;background:#151515;color:#eee;text-align:left;display:flex;flex-direction:column;justify-content:space-between;container-type:inline-size}
.ego-content-cover::before{content:'';position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(115deg,transparent 0 22px,#fff07 23px 24px,transparent 25px 45px),radial-gradient(ellipse at 90% 10%,#ffffff1a,transparent 55%);transition:transform .5s ease}
.ego-content-cover::after{content:'';position:absolute;z-index:-1;width:65%;aspect-ratio:1;border:1px solid #ffffff14;outline:22px solid #ffffff04;border-radius:50%;top:20%;right:-10%;transition:transform .5s ease}
.ego-cover-citizen{background:linear-gradient(125deg,#252525,#0a0a0a)}
.ego-cover-citizen::before{background:linear-gradient(135deg,transparent 0 50%,#ffffff06 50% 66%,transparent 66%),repeating-linear-gradient(0deg,transparent 0 25px,#ffffff06 26px 27px)}
.ego-cover-tutorial{background:linear-gradient(140deg,#101010,#303030)}
.ego-cover-tutorial::after{border-radius:8%;transform:rotate(-25deg);width:55%}
.ego-cover-top,.ego-cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:Arial,sans-serif;font-size:8px;font-weight:700;letter-spacing:1px}
.ego-cover-brand{font-size:22px;font-weight:950;letter-spacing:-2px;font-style:italic}
.ego-cover-series{color:#888;font-size:7px;letter-spacing:1.8px}
.ego-cover-middle{display:flex;flex-direction:column;gap:5px;position:relative;z-index:1}
.ego-cover-word{font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(27px,14cqw,65px);font-weight:950;line-height:.9;letter-spacing:-2px;color:#ddd}
.ego-cover-title{font-size:9px;font-weight:700;letter-spacing:1px;color:#999;text-transform:uppercase}
.ego-cover-bottom{font-size:6px;letter-spacing:1px;color:#888;padding-top:12px;border-top:1px solid #ffffff20}
.external-card:hover .ego-content-cover::before{transform:scale(1.06)}
.external-card:hover .ego-content-cover::after{transform:translate(-8px,-5px) rotate(-15deg)}
.external-card .card-tag{display:none}
.external-card .card-info p{display:block;margin-top:6px;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#777}
.external-card .card-info h3{font-size:12px}
.card-content-actions{gap:8px}
.card-preview-button,.card-download-link{display:inline-flex;justify-content:center;align-items:center;border:1px solid #333;background:#111;border-radius:20px;min-height:36px;padding:9px 13px;font:700 10px Arial,sans-serif;color:#ddd;transition:background .2s,border-color .2s,transform .2s}
.card-preview-button:hover,.card-download-link:hover{background:#252525;border-color:#777;transform:translateY(-1px)}
.card-download-link{background:#eee;border-color:#eee;color:#111}
.card-download-link:hover{background:#fff;border-color:#fff}
.card-preparing{font-size:9px;color:#777;padding:9px 4px}
#detail-cover{width:100%}
.ego-cover-detail{min-height:300px;padding:30px}
.ego-cover-detail .ego-cover-brand{font-size:35px}
.ego-cover-detail .ego-cover-title{font-size:12px}
.ego-cover-detail .ego-cover-word{font-size:clamp(45px,14cqw,100px)}
.detail-media:has(#detail-cover:not([hidden])){display:flex;align-items:center;justify-content:center}
#detail-video{display:block;width:100%;max-height:75svh;aspect-ratio:16/9;object-fit:contain;background:#000}
.detail-media-status:empty{display:none}
.detail-copy .detail-media-status{font-size:10px!important;color:#777!important}
/* Biblioteca privada: arquivos publicados no próprio site. */
.content-assets-section{margin-bottom:38px}
.content-assets-intro,.content-assets-summary{font-size:11px;line-height:1.8;color:#999}
.content-assets-summary{font-size:10px;color:#777}
.content-assets-search{max-width:500px;margin:20px 0;font-size:10px;color:#aaa}
.content-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.content-asset-card{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:16px;padding:16px;border:1px solid #292929;border-radius:9px;background:#090909;min-width:0}
.content-asset-card>img{width:110px;aspect-ratio:16/9;object-fit:contain;padding:16px;border-radius:5px;background:#161616}
.content-asset-copy{min-width:0}
.content-asset-copy>.eyebrow{font-size:7px;color:#777;letter-spacing:1.5px;margin-bottom:8px;display:block}
.content-asset-copy h3{font-size:14px;margin:0 0 6px;color:#eee}
.content-asset-id{display:block;color:#666;font-size:9px;letter-spacing:.6px}
.content-asset-file{display:flex;flex-direction:column;gap:5px;margin-top:13px;font-size:10px;min-width:0}
.content-asset-file strong{font-size:9px;color:#aaa;font-weight:500;text-transform:uppercase;letter-spacing:.6px}
.content-asset-file span{color:#666}
.content-asset-file a{font-size:10px;color:#ddd;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.content-asset-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.content-asset-actions button{font-size:9px;padding:8px 10px;background:#161616;border-color:#333;border-radius:5px;min-height:32px}
.content-asset-actions button:hover{background:#242424;border-color:#777}
.content-asset-actions button:disabled{cursor:wait;opacity:.4}
.content-asset-copy progress{display:block;width:100%;height:5px;border:0;accent-color:#ddd;margin-top:16px;border-radius:6px;overflow:hidden;background:#222}
.content-asset-copy progress::-webkit-progress-bar{background:#222}
.content-asset-copy progress::-webkit-progress-value{background:#ddd}
.content-asset-state{font-size:10px;color:#999;line-height:1.7;margin:10px 0 0}
.content-asset-state:empty{display:none}
@media(max-width:1200px){.content-assets-grid{grid-template-columns:1fr}}
@media(max-width:560px){.ego-content-cover{min-height:190px;padding:22px}.ego-cover-detail{min-height:240px;padding:25px}.content-asset-card{grid-template-columns:85px minmax(0,1fr);padding:13px;gap:12px}.content-asset-card>img{width:85px}.content-asset-actions{margin-left:-97px;margin-top:15px}.content-assets-section>.section-head{align-items:flex-start}.content-assets-section>.section-head .primary{max-width:110px}.content-assets-summary{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ego-content-cover::before,.ego-content-cover::after,.card-preview-button,.card-download-link{transition:none}.external-card:hover .ego-content-cover::before,.external-card:hover .ego-content-cover::after{transform:none}}