.fab-topbar{position:sticky;top:0;z-index:120;height:64px;border-bottom:1px solid var(--fab-line-red);background:rgba(5,6,5,.96);backdrop-filter:blur(13px)}
.fab-topbar__inner{height:100%;display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);gap:26px;align-items:center}.fab-brand{display:flex;align-items:center;gap:13px;color:var(--fab-ivory);font:600 16px var(--fab-display);letter-spacing:.28em;text-transform:uppercase}.fab-brand img{width:37px;height:37px}
.fab-nav{height:100%;display:flex;align-items:center;gap:29px}.fab-nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent;color:var(--fab-copy);font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.fab-nav a:hover{border-color:var(--fab-red-bright);color:#fff}
.fab-tools{display:flex;justify-content:flex-end;align-items:center;gap:4px}.fab-iconbutton,.fab-menu-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid transparent;background:transparent;cursor:pointer}.fab-iconbutton:hover,.fab-menu-toggle:hover{border-color:var(--fab-line-red)}.fab-iconbutton img,.fab-menu-toggle img{width:19px;height:19px}.fab-user-trigger{display:flex;align-items:center;gap:10px;width:auto;padding:0 10px}.fab-user-trigger__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--fab-red)}.fab-user-trigger__name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fab-ivory);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.fab-menu-toggle{display:none}
.fab-drawer-backdrop{position:fixed;inset:0;z-index:180;background:rgba(0,0,0,.72);opacity:0;visibility:hidden;transition:.25s}.fab-drawer{position:fixed;top:0;right:0;z-index:190;width:min(390px,92vw);height:100dvh;padding:25px;background:#090a09 url(/images/design/fire-and-blood/texture-body.webp);border-left:1px solid var(--fab-line-red);box-shadow:-30px 0 80px rgba(0,0,0,.75);overflow:auto;transform:translateX(105%);transition:transform .25s}
body.fab-drawer-open{overflow:hidden}body.fab-drawer-open .fab-drawer-backdrop{opacity:1;visibility:visible}body.fab-drawer-open .fab-drawer{transform:none}.fab-drawer__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--fab-line)}.fab-drawer__top h2{margin:4px 0 0;color:var(--fab-ivory);font-size:25px;letter-spacing:.12em;text-transform:uppercase}.fab-drawer__close{width:40px;height:40px;border:1px solid var(--fab-line);background:transparent;font-size:25px;cursor:pointer}.fab-drawer__profile{display:flex;align-items:center;gap:14px;padding:20px 0}.fab-drawer__profile img{width:62px;height:78px;object-fit:cover;border:1px solid var(--fab-line-red)}.fab-drawer__group{margin:17px 0}.fab-drawer__group h3{margin:0 0 8px;color:var(--fab-gold);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.fab-drawer__links{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--fab-line)}.fab-drawer__links a{min-height:43px;padding:11px 12px;background:#0d0e0d;color:var(--fab-copy);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.fab-drawer__links a:hover{background:rgba(122,30,34,.42);color:#fff}.fab-drawer__accounts{padding:13px;border:1px solid var(--fab-line);overflow:hidden}.fab-drawer__logout{width:100%;margin-top:10px}
.fab-hero{--fab-hero:url(/images/design/fire-and-blood/header-forum.webp);position:relative;width:100vw;min-height:315px;margin-left:calc(50% - 50vw);overflow:hidden;background-image:var(--fab-hero);background-position:center;background-size:cover;border-bottom:1px solid var(--fab-line-red)}.fab-hero--index{--fab-hero:url(/images/design/fire-and-blood/header-index.webp);min-height:500px}.fab-hero--profile{--fab-hero:url(/images/design/fire-and-blood/header-profile.webp)}.fab-hero--member{--fab-hero:url(/images/design/fire-and-blood/header-memberlist.webp)}.fab-hero--list{--fab-hero:url(/images/design/fire-and-blood/header-avatarlist.webp)}.fab-hero--scene{--fab-hero:url(/images/design/fire-and-blood/header-scene.webp)}.fab-hero--tracker{--fab-hero:url(/images/design/fire-and-blood/header-scene-tracker.webp)}.fab-hero--usercp{--fab-hero:url(/images/design/fire-and-blood/header-usercp.webp)}.fab-hero--auth{--fab-hero:url(/images/design/fire-and-blood/header-auth.webp)}
.fab-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,3,.98) 0%,rgba(3,4,3,.76) 33%,rgba(3,4,3,.12) 72%,rgba(3,4,3,.58)),linear-gradient(0deg,rgba(4,4,4,.64),transparent 45%)}.fab-hero__inner{position:relative;z-index:1;min-height:inherit;display:flex;align-items:center;justify-content:space-between;gap:40px}.fab-hero__copy{max-width:680px}.fab-hero h1{max-width:760px;margin:15px 0 0;color:var(--fab-ivory);font:600 clamp(39px,4.5vw,72px)/.95 var(--fab-display);letter-spacing:.11em;text-transform:uppercase}.fab-hero p{max-width:610px;margin:0;color:#c9c2ba;font:italic 500 17px/1.6 var(--fab-display);letter-spacing:.03em}.fab-hero__aside{align-self:stretch;display:flex;align-items:center;padding:0 22px;border-left:1px solid var(--fab-line);color:var(--fab-gold-soft);font:600 10px/2.2 var(--fab-display);letter-spacing:.27em}
.fab-page{padding-bottom:52px}.fab-section{padding-top:26px}.fab-grid{display:grid;gap:16px}.fab-two-col{grid-template-columns:minmax(0,1fr) 300px}.fab-sidebar{display:grid;align-content:start;gap:14px}.fab-sidebox{padding:21px}.fab-sidebox h3{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--fab-line);color:var(--fab-ivory);font-size:16px;letter-spacing:.17em;text-transform:uppercase}
.fab-footer{width:100vw;margin-left:calc(50% - 50vw);border-top:1px solid var(--fab-line-red);background:rgba(5,6,5,.97)}.fab-footer__main{min-height:110px;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.fab-footer__links{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.fab-footer__links a,.fab-footer__links li{list-style:none;color:var(--fab-muted);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.fab-footer__selects{display:flex;align-items:center;justify-content:flex-end;gap:10px}.fab-footer__selects form{margin:0}.fab-footer__selects select{min-height:36px;width:auto}.fab-footer__lower{padding:10px 0;border-top:1px solid var(--fab-line);color:var(--fab-muted);font-size:9px;letter-spacing:.1em}.fab-footer__lower .fab-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}