@layer brandbook-bridge{.pattern-dot-grid{background-image:radial-gradient(circle,var(--bb-accent,#DDD1BB) 1px,transparent 1px);background-size:16px 16px;background-color:var(--bb-surface,#0F0F11)}.pattern-dot-grid--dense{background-image:radial-gradient(circle,var(--bb-accent,#DDD1BB) .8px,transparent .8px);background-size:8px 8px;background-color:var(--bb-surface,#0F0F11)}.pattern-dot-grid--sparse{background-image:radial-gradient(circle,var(--bb-accent,#DDD1BB) 1.2px,transparent 1.2px);background-size:32px 32px;background-color:var(--bb-surface,#0F0F11)}.pattern-crosshair-grid{background-image:linear-gradient(to right,var(--bb-accent-08) 1px,transparent 1px),linear-gradient(to bottom,var(--bb-accent-08) 1px,transparent 1px),radial-gradient(circle,var(--bb-accent-25) 1px,transparent 1px);background-size:80px 80px,80px 80px,80px 80px;background-position:0 0,0 0,40px 40px;background-color:var(--bb-dark,#050505)}.pattern-crosshair-grid--tight{background-image:linear-gradient(to right,var(--bb-accent-06) 1px,transparent 1px),linear-gradient(to bottom,var(--bb-accent-06) 1px,transparent 1px),radial-gradient(circle,var(--bb-accent-20) 1px,transparent 1px);background-size:40px 40px,40px 40px,40px 40px;background-position:0 0,0 0,20px 20px;background-color:var(--bb-dark,#050505)}.pattern-wireframe-perspective{background-image:repeating-linear-gradient(0deg,transparent,transparent 59px,var(--bb-accent-12) 59px,var(--bb-accent-12) 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,var(--bb-accent-12) 59px,var(--bb-accent-12) 60px),radial-gradient(ellipse at center,var(--bb-accent-06) 0,transparent 70%);background-color:var(--bb-dark,#050505)}.pattern-symbol-grid{background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8l8 8M20 8l-8 8' stroke='%23DDD1BB' stroke-width='1.2' opacity='0.3' fill='none'/%3E%3C/svg%3E")}.pattern-plus-grid,.pattern-symbol-grid{background-size:32px 32px;background-color:var(--bb-dark,#050505)}.pattern-plus-grid{background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 10v12M10 16h12' stroke='%23DDD1BB' stroke-width='1' opacity='0.2' fill='none'/%3E%3C/svg%3E")}.frame-bracket{position:relative}.frame-bracket:after,.frame-bracket:before{content:"";position:absolute;width:24px;height:24px;border-color:var(--bb-accent,#DDD1BB);border-style:solid;pointer-events:none}.frame-bracket:before{top:0;left:0;border-width:2px 0 0 2px}.frame-bracket:after{bottom:0;right:0;border-width:0 2px 2px 0}.frame-bracket--full{position:relative}.frame-bracket--full:after,.frame-bracket--full:before,.frame-bracket--full>.frame-bracket__inner:after,.frame-bracket--full>.frame-bracket__inner:before{content:"";position:absolute;width:24px;height:24px;border-color:var(--bb-accent,#DDD1BB);border-style:solid;pointer-events:none}.frame-bracket--full:before{top:0;left:0;border-width:2px 0 0 2px}.frame-bracket--full:after{top:0;right:0;border-width:2px 2px 0 0}.frame-bracket--full>.frame-bracket__inner:before{bottom:0;left:0;border-width:0 0 2px 2px}.frame-bracket--full>.frame-bracket__inner:after{bottom:0;right:0;border-width:0 2px 2px 0}.frame-tech{position:relative;border:1px solid var(--bb-accent,#ddd1bb);clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px))}.frame-tech--sm{clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px))}.frame-tech--lg{clip-path:polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px))}.frame-notch-tr{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.frame-notch-bl{clip-path:polygon(0 0,100% 0,100% 100%,16px 100%,0 calc(100% - 16px))}.frame-notch-both{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.pattern-hazard{background-image:repeating-linear-gradient(-45deg,var(--bb-accent,#DDD1BB),var(--bb-accent,#DDD1BB) 10px,var(--bb-dark,#050505) 10px,var(--bb-dark,#050505) 20px)}.pattern-hazard--thin{background-image:repeating-linear-gradient(-45deg,var(--bb-accent,#DDD1BB),var(--bb-accent,#DDD1BB) 5px,var(--bb-dark,#050505) 5px,var(--bb-dark,#050505) 10px)}.pattern-hazard--subtle{background-image:repeating-linear-gradient(-45deg,var(--bb-accent-15),var(--bb-accent-15) 10px,transparent 10px,transparent 20px);background-color:var(--bb-dark,#050505)}.bar-warning{background:var(--bb-accent,#DDD1BB);color:var(--bb-dark,#050505);font-family:var(--font-bb-mono,monospace);font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.5rem 1rem;position:relative}.bar-warning:after{content:"";position:absolute;right:0;top:0;width:40px;height:100%;background:repeating-linear-gradient(-45deg,var(--bb-dark,#050505),var(--bb-dark,#050505) 3px,var(--bb-accent,#DDD1BB) 3px,var(--bb-accent,#DDD1BB) 6px)}.pattern-circuit-h{background-image:url("data:image/svg+xml,%3Csvg width='200' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10h60l5-5h30l5 5h100' stroke='%23DDD1BB' stroke-width='1.5' fill='none' opacity='0.6'/%3E%3Ccircle cx='60' cy='10' r='2' fill='%23DDD1BB' opacity='0.6'/%3E%3Ccircle cx='100' cy='10' r='2' fill='%23DDD1BB' opacity='0.6'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:50%;height:20px}.pattern-circuit-board{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40h20l5-5h10l5 5h40' stroke='%23DDD1BB' stroke-width='1' fill='none' opacity='0.15'/%3E%3Cpath d='M40 0v20l-5 5v10l5 5v40' stroke='%23DDD1BB' stroke-width='1' fill='none' opacity='0.15'/%3E%3Ccircle cx='40' cy='40' r='2' fill='%23DDD1BB' opacity='0.2'/%3E%3Ccircle cx='20' cy='40' r='1.5' fill='none' stroke='%23DDD1BB' stroke-width='0.8' opacity='0.15'/%3E%3C/svg%3E");background-size:80px 80px;background-color:var(--bb-dark,#050505)}.pattern-scanlines{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 4px);pointer-events:none}.pattern-scanlines--heavy{background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.25) 0,rgba(0,0,0,.25) 3px);pointer-events:none}.pattern-data-rain{background-image:repeating-linear-gradient(90deg,transparent,transparent 39px,var(--bb-accent-04) 39px,var(--bb-accent-04) 40px),linear-gradient(180deg,var(--bb-accent-02) 0,transparent 50%,var(--bb-accent-02) 100%);background-color:var(--bb-dark,#050505)}.pattern-noise{position:relative}.pattern-noise:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none;mix-blend-mode:overlay}.pattern-industrial{background:linear-gradient(145deg,#1a1a1a,#222222 30%,#1e1e1e 50%,#252525 70%,#1a1a1a);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(0,0,0,.3)}.divider-tech{display:flex;align-items:center;gap:0;height:1px;width:100%}.divider-tech:before{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--bb-accent,#DDD1BB))}.divider-tech:after{content:"";flex:1;height:1px;background:linear-gradient(to left,transparent,var(--bb-accent,#DDD1BB))}.divider-dashed{height:1px;background-image:repeating-linear-gradient(to right,var(--bb-accent,#DDD1BB),var(--bb-accent,#DDD1BB) 8px,transparent 8px,transparent 16px);opacity:.5}.divider-arrow{display:flex;align-items:center;gap:8px;color:var(--bb-accent,#DDD1BB)}.divider-arrow:before{content:"";flex:1;height:1px;background:var(--bb-accent,#DDD1BB);opacity:.4}.divider-arrow:after{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid var(--bb-accent,#ddd1bb)}.divider-double{height:5px;background-image:linear-gradient(to right,transparent,var(--bb-accent,#DDD1BB),transparent),linear-gradient(to right,transparent,var(--bb-accent,#DDD1BB),transparent);background-size:100% 1px;background-position:top,bottom;background-repeat:no-repeat}.pattern-glow-center{position:relative}.pattern-glow-center:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--bb-accent-08) 0,transparent 60%);pointer-events:none}.hud-corner{position:relative}.hud-corner:before{top:8px;left:8px;border-top:2px solid var(--bb-accent,#ddd1bb);border-left:2px solid var(--bb-accent,#ddd1bb)}.hud-corner:after,.hud-corner:before{content:"";position:absolute;width:12px;height:12px;pointer-events:none}.hud-corner:after{bottom:8px;right:8px;border-bottom:2px solid var(--bb-accent,#ddd1bb);border-right:2px solid var(--bb-accent,#ddd1bb)}.pattern-pulse-dot{width:6px;height:6px;background:var(--bb-accent,#DDD1BB);border-radius:50%;animation:bb-pulse-glow 2s ease-in-out infinite;box-shadow:0 0 8px var(--bb-accent-40)}.pattern-scanline-animated{position:relative;overflow:hidden}.pattern-scanline-animated:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--bb-accent-03) 2px,var(--bb-accent-03) 4px);animation:bb-scanline-sweep 4s linear infinite;pointer-events:none}.pattern-glow-pulse{position:relative}.pattern-glow-pulse:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--bb-accent-15) 0,transparent 60%);animation:bb-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes bb-pulse-glow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes bb-scanline-sweep{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}}