/* STLBEAST V328 wide logo global header: uses the user-approved normal-contrast site logo with functional nav/search and balanced flow. */
:root{--stlb326-bg:#020712;--stlb326-panel:#050b16;--stlb326-edge:#153b5b;--stlb326-blue:#2fc7ff;--stlb326-blue2:#1376d9;--stlb326-glow:rgba(47,199,255,.58);--stlb326-purple:#8b5cf6;--stlb326-text:#f3f8ff;--stlb326-muted:#aab6c9;}
.stlb319-shell,.v319-shell,.v286-shell{width:min(1500px,100%);max-width:1500px;margin:0 auto;padding:6px 8px;box-sizing:border-box;}
.stlb319-header{position:sticky;top:0;z-index:1000;width:min(1500px,calc(100% - 14px));margin:6px auto 13px;padding:1px;border-radius:12px;background:linear-gradient(90deg,rgba(26,73,110,.72),rgba(47,199,255,.34) 22%,rgba(69,39,138,.22) 52%,rgba(47,199,255,.22));box-shadow:0 18px 42px rgba(0,0,0,.52),0 0 28px rgba(47,199,255,.12);isolation:isolate;backdrop-filter:blur(12px);}
.stlb319-header:before{content:"";position:absolute;inset:1px;border-radius:11px;background:linear-gradient(90deg,rgba(2,8,17,.988),rgba(5,13,25,.966) 46%,rgba(3,9,18,.988));z-index:-2;clip-path:polygon(0 0,98.6% 0,100% 22%,100% 78%,98.6% 100%,0 100%);}
.stlb319-header:after{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(47,199,255,.9),rgba(139,92,246,.38),transparent);box-shadow:0 88px 0 rgba(47,199,255,.52);opacity:.82;pointer-events:none;}
.stlb319-frame{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr) minmax(220px,320px);grid-template-areas:"brand nav tools";align-items:center;gap:18px;min-height:88px;padding:10px 24px 10px 14px;position:relative;overflow:hidden;}
.stlb319-frame:before{content:"";position:absolute;inset:9px 10px;border:1px solid rgba(47,199,255,.16);border-radius:9px;background:radial-gradient(circle at 50% 0,rgba(47,199,255,.22),transparent 12%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 46%),radial-gradient(circle at 16% 52%,rgba(47,199,255,.085),transparent 30%);pointer-events:none;}
.stlb319-brand{grid-area:brand;display:flex;align-items:center;justify-content:flex-start;min-width:0;text-decoration:none;position:relative;z-index:1;}
.stlb319-logo-wrap{position:relative;display:flex;align-items:center;width:100%;max-width:432px;height:84px;min-width:280px;border-radius:10px;overflow:visible;filter:drop-shadow(0 0 14px rgba(47,199,255,.24));}
.stlb319-logo-wrap:before{content:"";position:absolute;inset:10px 10px 8px 8px;border-radius:10px;background:linear-gradient(90deg,rgba(47,199,255,.10),rgba(47,199,255,.025) 48%,transparent);filter:blur(12px);pointer-events:none;}
.stlb319-logo-wrap:after{content:"";position:absolute;left:4px;right:14px;bottom:8px;height:1px;background:linear-gradient(90deg,rgba(47,199,255,.7),rgba(47,199,255,.12),transparent);opacity:.65;pointer-events:none;}
.stlb319-logo{position:relative;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 11px rgba(47,199,255,.17));}
.stlb319-brand-text{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.stlb319-nav{grid-area:nav;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;position:relative;z-index:1;}
.stlb319-nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 11px;color:rgba(245,250,255,.84);text-decoration:none;font-size:.74rem;font-weight:950;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border:1px solid rgba(47,199,255,.08);border-radius:10px;background:linear-gradient(180deg,rgba(47,199,255,.055),rgba(255,255,255,.012));text-shadow:0 0 14px rgba(47,199,255,.12);transition:color .18s ease,filter .18s ease,transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
.stlb319-nav a:hover{color:#fff;transform:translateY(-1px);border-color:rgba(47,199,255,.32);background:linear-gradient(180deg,rgba(47,199,255,.13),rgba(19,118,217,.055));filter:drop-shadow(0 0 8px rgba(47,199,255,.20));}
.stlb319-nav a.active{color:#9ee8ff;border-color:rgba(47,199,255,.70);background:linear-gradient(180deg,rgba(47,199,255,.17),rgba(11,31,55,.72));box-shadow:inset 0 0 0 1px rgba(47,199,255,.16),0 0 18px rgba(47,199,255,.18);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);}
.stlb319-nav a.active:after{content:"";position:absolute;left:15px;right:15px;bottom:6px;height:1px;background:linear-gradient(90deg,transparent,var(--stlb326-blue),transparent);}
.stlb319-tools{grid-area:tools;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:center;min-width:0;position:relative;z-index:1;}
.stlb319-search{display:grid;grid-template-columns:auto minmax(0,1fr);height:44px;min-width:0;border-radius:13px;border:1px solid rgba(47,199,255,.66);background:linear-gradient(180deg,rgba(5,13,25,.95),rgba(3,8,18,.88));box-shadow:inset 0 0 0 1px rgba(136,220,255,.07),0 0 18px rgba(47,199,255,.13);overflow:hidden;}
.stlb319-search:before{content:"";width:42px;height:44px;background:radial-gradient(circle at 55% 45%,transparent 0 7px,rgba(150,174,207,.95) 8px 10px,transparent 11px),linear-gradient(45deg,transparent 55%,rgba(150,174,207,.95) 56% 60%,transparent 61%);opacity:.72;}
.stlb319-search input{min-width:0;border:0;outline:0;background:transparent;color:#fff;padding:0 12px 0 0;font-size:.82rem;letter-spacing:.01em;}
.stlb319-search input::placeholder{color:#93a1b7;}
.stlb319-search button{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;}
.stlb319-join{display:none!important;}
.v286-header,.stlb316-header,.stlb317-header{background:transparent!important;border-color:transparent!important;box-shadow:none!important;padding:0!important;margin:6px auto 13px!important;width:min(1500px,calc(100% - 14px))!important;border-radius:0!important;}
.v286-header .stlb319-header,.stlb316-header .stlb319-header,.stlb317-header .stlb319-header{margin:0!important;width:100%!important;}
@media(max-width:1320px){.stlb319-frame{grid-template-columns:minmax(300px,360px) minmax(0,1fr) minmax(190px,280px);gap:10px;padding-right:16px}.stlb319-logo-wrap{max-width:360px;height:80px}.stlb319-nav{gap:6px}.stlb319-nav a{font-size:.68rem;padding:0 8px;min-height:36px}.stlb319-search{height:42px}.stlb319-search:before{height:42px;width:40px}.stlb319-search input{font-size:.78rem}}
@media(max-width:1060px){.stlb319-frame{grid-template-columns:minmax(260px,1fr) minmax(250px,330px);grid-template-areas:"brand tools" "nav nav";min-height:auto;gap:8px;padding:8px 12px}.stlb319-brand{justify-content:flex-start}.stlb319-logo-wrap{width:360px;max-width:min(360px,100%);height:76px}.stlb319-nav{justify-content:flex-start;overflow-x:auto;gap:7px;padding:0 0 4px;scrollbar-width:thin}.stlb319-nav a{flex:0 0 auto;min-height:35px;font-size:.68rem}.stlb319-tools{justify-self:end;width:min(330px,100%)}}
@media(max-width:680px){.stlb319-shell,.v319-shell,.v286-shell{padding:5px}.stlb319-header{width:min(100% - 8px,1500px);margin-top:5px;margin-bottom:10px;border-radius:10px}.stlb319-header:before{border-radius:9px;clip-path:none}.stlb319-header:after{left:14px;right:14px;box-shadow:0 134px 0 rgba(47,199,255,.38)}.stlb319-frame{grid-template-columns:1fr;grid-template-areas:"brand" "nav" "tools";gap:7px;padding:8px}.stlb319-frame:before{inset:6px}.stlb319-brand{justify-content:center}.stlb319-logo-wrap{width:min(392px,94vw);max-width:min(392px,94vw);height:74px;min-width:0}.stlb319-nav{justify-content:flex-start;overflow-x:auto;gap:6px;padding-bottom:4px}.stlb319-nav a{flex:0 0 auto;min-height:34px;padding:0 10px;font-size:.66rem}.stlb319-tools{width:100%;justify-self:stretch}.stlb319-search{height:42px}.stlb319-search:before{height:42px;width:40px}.stlb319-search input{font-size:.78rem}}
@media(max-width:430px){.stlb319-logo-wrap{height:68px}.stlb319-nav a{min-height:32px;font-size:.62rem;padding:0 9px}.stlb319-search{height:40px}.stlb319-search:before{height:40px;width:38px}.stlb319-search input{font-size:.74rem}}