/* Matches the rodarosoft.com header, typography and sidebar treatment from /assets/studio.css. */
*{font-family:Poppins,Arial,sans-serif!important}
.studio-header{position:fixed;top:0;left:0;right:0;z-index:150;height:64px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 5vw;background:#111510;border-bottom:1px solid #333a35}
.studio-header .brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.13em;font-size:14px;color:#f2f1e8;text-decoration:none}
.studio-header .brand img{width:38px;height:38px;object-fit:contain}
.studio-header nav{display:flex;align-items:center;gap:28px;font-size:14px}
.studio-header nav a{color:#f2f1e8;text-decoration:none}
.studio-header nav a:hover,.studio-header nav a.active{color:#f1c64c}
.sidebar{top:64px;height:calc(100vh - 64px)}
.cat-btn,.rarity-row{background:transparent;border:1px solid transparent;color:#aeb6ac}
.cat-btn:hover,.rarity-row:hover{background:rgba(241,198,76,.06);color:#f2f1e8}
.cat-btn.active,.rarity-row.active{background:#303a23;border-color:#4c5a3a;color:#f1c64c}
.rarity-row.active .rarity-radio{border-color:#f1c64c}
.rarity-row.active .rarity-radio::after{background:#f1c64c}
.main{padding-top:64px}
@media(max-width:650px){.studio-header{padding:0 20px;gap:12px}.studio-header nav{gap:16px;font-size:12px}.studio-header .brand{font-size:12px}}

/* Community links (X / Discord / Telegram) shown in every header */
.socials{display:flex;align-items:center;gap:8px;flex-shrink:0}
.socials-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#aeb6ac);margin-right:4px}
.social{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line,#333a35);border-radius:50%;background:#151916;color:var(--text,#f2f1e8);text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s}
.social svg{width:16px;height:16px;fill:currentColor}
.social:hover,.social:focus-visible{transform:translateY(-1px)}
.social-x:hover,.social-x:focus-visible{background:#f2f1e8;border-color:#f2f1e8;color:#101211}
.social-discord:hover,.social-discord:focus-visible{background:#5865f2;border-color:#5865f2;color:#fff}
.social-telegram:hover,.social-telegram:focus-visible{background:#26a5e4;border-color:#26a5e4;color:#fff}
@media(max-width:1100px){.socials-label{display:none}}
@media(max-width:650px){header .socials{margin-left:auto}header nav{order:3}.social{width:32px;height:32px}}
.studio-header .socials{margin-left:auto}
@media(max-width:700px){.studio-header .socials-label{display:none}.studio-header .social{width:28px;height:28px}.studio-header .social svg{width:13px;height:13px}.studio-header .socials{gap:5px}}
@media(max-width:700px){.studio-header .brand{font-size:0;gap:0}.studio-header nav{flex:1 1 auto;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.studio-header nav::-webkit-scrollbar{display:none}}