.topbar{position:relative!important;z-index:9500!important;height:78px;max-width:1440px;padding:0 24px;gap:32px;overflow:visible!important;background:linear-gradient(180deg,#121410,#0c0d0c);border-bottom:1px solid #3b3d36;box-shadow:0 4px 18px #0006}
.topbar+main,body>main{position:relative;z-index:1}
.topbar .brand{flex:0 0 auto;gap:10px;white-space:nowrap;line-height:1.05}
.topbar .brand>span:last-child{font-size:.9rem;white-space:nowrap}
.topbar .brand small{margin-top:6px;font-size:.58rem;letter-spacing:.26em}
.topbar .brand-mark{width:54px;height:54px}
.topbar nav{position:relative;z-index:9501;align-items:center;justify-content:flex-end;gap:clamp(14px,2vw,30px);margin-left:auto;overflow:visible;font-size:.74rem;letter-spacing:.09em}
.topbar nav>a{position:relative;padding:28px 0 25px;white-space:nowrap}
.topbar nav>a::after{content:"";position:absolute;left:50%;right:50%;bottom:18px;height:2px;background:var(--yellow);transition:left .2s,right .2s}
.topbar nav>a:hover::after{left:0;right:0}
.admin-menu{position:relative;flex:0 0 auto}
.admin-menu-trigger{display:flex;align-items:center;gap:7px;height:36px;padding:0 12px;border:1px solid #5b4a21;border-radius:2px;background:linear-gradient(#28251b,#171713);color:var(--yellow);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.admin-menu-trigger>span{font-size:.9rem}.admin-menu-trigger>b{font-size:.55rem;transition:transform .2s}.admin-menu.open .admin-menu-trigger>b{transform:rotate(180deg)}
.admin-menu-panel{position:absolute;z-index:9600;top:43px;right:0;display:none;width:220px;padding:7px;pointer-events:auto;background:#121310;border:1px solid #555039;border-top:3px solid var(--yellow);box-shadow:0 16px 35px #000c}
.admin-menu.open .admin-menu-panel{display:grid}
.admin-menu-panel a,.admin-menu-panel .effects-toggle{display:flex;align-items:center;min-height:38px;padding:8px 11px;border:0;border-bottom:1px solid #2d2f2a;background:transparent;color:#dad8d0;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:left}
.admin-menu-panel a:hover,.admin-menu-panel .effects-toggle:hover{background:#272318;color:var(--yellow)}
.admin-menu-panel .effects-toggle{width:100%;margin-top:5px;border:1px solid #4e421f;color:var(--yellow)}
@media(max-width:900px){html,body{max-width:100%;overflow-x:hidden}.topbar{height:70px;width:100%;max-width:100%;padding:0 16px}.topbar .brand{min-width:0}.topbar .brand-mark{width:45px;height:45px;flex:0 0 45px}.topbar nav{left:0;right:0;width:100vw;max-width:100vw;align-items:stretch;gap:0;margin:0;padding:14px 16px 20px;overflow-x:hidden;font-size:.76rem}.topbar nav>a{width:100%;padding:11px 8px;border-bottom:1px solid #2d2f2a;white-space:normal;overflow-wrap:anywhere}.topbar nav>a::after{display:none}.admin-menu{width:100%;min-width:0;margin-top:8px}.admin-menu-trigger{width:100%;justify-content:space-between}.admin-menu-panel{position:static;width:100%;max-width:100%;margin-top:4px;overflow:hidden;box-shadow:none}.admin-menu-panel a{white-space:normal;overflow-wrap:anywhere}.topbar.nav-open nav{max-height:calc(100dvh - 70px);overflow-y:auto;overflow-x:hidden}}