/* Header + side menu for pages that do not load site.css (Contul meu). Generated from site.css. */
.site-shell{color-scheme:dark;--forest:#0e2019;--forest-2:#142a21;--forest-3:#1c382b;--cream:#f3ead9;--paper:#eee5d5;--paper-2:#e6dcc9;--ink:#15251d;--muted:#a6b3a7;--gold:#d9b36d;--gold-light:#f0dca8;--sage:#9ab897;--line:rgba(243,234,217,.15);--font:"DM Sans",system-ui,sans-serif;--display:"Playfair Display",Georgia,serif;--content:1180px}
.topbar{height:80px;position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100% - var(--content))/2));border-bottom:1px solid rgba(255,255,255,.1);color:var(--cream)}
.brand{display:inline-flex;align-items:center;gap:10px}
.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(217,179,109,.6);border-radius:50%}
.brand-mark svg{width:24px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.brand-word{font-family:var(--display);font-size:23px;font-weight:700;letter-spacing:-.8px}
.brand-word span{color:var(--gold)}
.nav-links{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600;color:#e1e4db}
.nav-links>a:not(.nav-play){transition:color .2s}
.nav-links>a:not(.nav-play):hover{color:var(--gold-light)}
.menu-toggle{display:none}
.brand-footer .brand-word{font-size:18px}
.brand-footer .brand-mark{width:31px;height:31px}
@media(max-width:900px){.topbar{padding-inline:24px}}
@media(max-width:680px){.topbar{height:68px;padding-inline:19px}.brand-mark{width:32px;height:32px}.brand-word{font-size:20px}.menu-toggle{display:grid;width:44px;height:44px;place-content:center;gap:6px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:transparent}.menu-toggle span{width:18px;height:1.5px;background:#f3ead9;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;padding:15px 19px 20px;background:#12271e;border-bottom:1px solid rgba(255,255,255,.12);align-items:stretch;gap:0;box-shadow:0 15px 30px #07120d70}.nav-links.is-open{display:flex;flex-direction:column}.nav-links>a:not(.nav-play){padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08)}}
.nav-account{border:0;background:transparent;color:#e1e4db;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.nav-account:hover{color:var(--gold-light)}
.nav-account-page{text-decoration:none}
@media(max-width:680px){.nav-account{text-align:left;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08)}}
.legal-page .topbar{background:rgba(14,32,25,.98)}
@media(max-width:480px){.legal-page .topbar{padding-inline:14px}.legal-page .brand{gap:7px}.legal-page .brand-word{font-size:18px}}
/* Home page: slim top bar + collapsible side menu */
.sidebar-toggle{display:grid;place-content:center;gap:5px;width:44px;height:44px;margin-left:26px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:transparent;cursor:pointer;flex:none}
.sidebar-toggle span{display:block;width:18px;height:1.5px;background:#f3ead9;transition:transform .25s,opacity .2s}
.sidebar-toggle:hover{border-color:rgba(217,179,109,.7)}
.sidebar-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.sidebar-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.sidebar-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.site-shell .topbar{justify-content:flex-start}
.site-shell .topbar .brand{margin-right:auto}
.site-shell .nav-links a[aria-current=page]{color:var(--gold-light)}
.sidebar-backdrop{position:fixed;inset:0;z-index:60;background:rgba(5,14,10,.55);backdrop-filter:blur(2px);animation:sbFade .25s ease}
.sidebar-backdrop[hidden]{display:none}
@keyframes sbFade{from{opacity:0}}
.site-sidebar{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(320px,86vw);display:flex;flex-direction:column;gap:6px;padding:22px 22px 28px;background:#10241b;border-left:1px solid rgba(217,179,109,.25);box-shadow:-24px 0 48px rgba(3,10,7,.45);color:#e8e6dc;transform:translateX(105%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s .32s;overflow-y:auto}
.site-sidebar.is-open{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}
.sidebar-head .brand-word{font-size:22px}
.sidebar-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;color:#f3ead9;font-size:24px;line-height:1;cursor:pointer}
.sidebar-nav{display:flex;flex-direction:column}
.sidebar-nav a,.sidebar-nav button{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 6px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#e8e6dc;font:600 15px var(--font);text-align:left;cursor:pointer;text-decoration:none}
.sidebar-nav a:hover,.sidebar-nav button:hover{color:var(--gold-light)}
.sidebar-nav i{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:rgba(217,179,109,.14);color:var(--gold-light);font:italic 700 15px var(--display)}
.sidebar-nav [hidden]{display:none}
.sidebar-mobile{display:none}
body.sidebar-open{overflow:hidden}
@media(max-width:680px){.site-shell .nav-links-slim{display:none}.site-shell .sidebar-toggle{margin-left:0}.sidebar-mobile{display:flex;margin-bottom:10px}}
.sidebar-nav a[aria-current=page]{color:var(--gold-light)}
@media(prefers-reduced-motion:reduce){.site-sidebar,.site-sidebar.is-open,.sidebar-toggle span{transition:none}.sidebar-backdrop{animation:none}}
.site-shell .topbar{box-sizing:border-box;position:relative;background:#0e2019;height:80px;min-height:0;padding-block:0;font-family:var(--font)}
@media(max-width:680px){.site-shell .topbar{height:68px}}
.site-shell .brand{display:inline-flex;align-items:center;gap:10px;color:#f3ead9;text-decoration:none}
.site-shell .nav-links a,.site-shell .sidebar-nav a{text-decoration:none;color:inherit}

/* VIP: no ads anywhere on the site */


/* New RA logo (2026-10-03). */
.brand-mark{border:0;border-radius:0;overflow:visible}.brand-mark img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
