@layer brandbook-bridge{.brandbook-root{--lime:var(--bb-lime,#D1FF00);--dark:var(--bb-dark,#050505);--void:var(--bg-void,#000000);--surface:var(--bb-surface,#0F0F11);--surface-alt:var(--bb-surface-alt,#1C1E19);--cream:var(--bb-cream,rgb(244,244,232));--cream-alt:var(--bb-cream-alt,rgb(245,244,231));--warm-white:var(--bb-warm-white,#FFFFED);--gray-charcoal:var(--bb-gray-charcoal,#3D3D3D);--gray-dim:var(--bb-gray-dim,#696969);--gray-muted:var(--bb-gray-muted,#999999);--gray-silver:var(--bb-gray-silver,#BDBDBD);--gray-light:var(--bb-gray-light,#C2C2C2);--blue:var(--bb-blue,#0099FF);--flare:var(--bb-flare,#ED4609);--error:var(--bb-error,#EF4444);--warning:var(--bb-warning,#f59e0b);--font-sans:var(--font-bb-sans,"Geist",system-ui,sans-serif);--font-display:var(--font-bb-display,"TASAOrbiterDisplay",system-ui,sans-serif);--font-mono:var(--font-bb-mono,"Roboto Mono",monospace);--font-weight-thin:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--ease-spring:var(--bb-ease-spring,cubic-bezier(0.34,1.56,0.64,1));--ease-smooth:var(--bb-ease-smooth,cubic-bezier(0.25,0.1,0.25,1));--ease-decel:var(--bb-ease-decel,cubic-bezier(0,0,0.2,1));--ease-accel:var(--bb-ease-accel,cubic-bezier(0.4,0,1,1));--ease-expo:var(--bb-ease-expo,cubic-bezier(0.16,1,0.3,1));--motion-duration-slow:var(--bb-dur-slow,0.7s);--motion-duration-medium:var(--bb-dur-medium,0.4s);--motion-duration-fast:var(--bb-dur-fast,0.2s);--motion-easing-spring:var(--bb-ease-expo,cubic-bezier(0.16,1,0.3,1));--bp-desktop:1200px;--bp-tablet:768px;--bp-mobile:767px;--layer-nav:100;--layer-dropdown:200;--layer-overlay:300;--layer-modal:400;--layer-toast:500;--border-width-base:2px;--border-radius-none:0px;--color-bg-void:var(--void);--color-bg-base:var(--dark);--color-bg-elevated:var(--surface-alt);--color-bg-surface:var(--surface);--color-bg-surface-alt:var(--surface-alt);--color-bg-overlay:rgba(61,61,61,0.5);--dim:var(--bb-dim,rgba(245,244,231,0.4));--color-text-base:var(--cream);--color-text-secondary:rgba(244,244,232,0.7);--color-text-tertiary:rgba(244,244,232,0.55);--color-text-muted:var(--dim);--cream-dim:var(--dim);--color-brand:var(--lime);--neon:var(--lime);--neon-dim:var(--bb-accent-15);--neon-glow:var(--bb-accent-40);--lime-glow:var(--bb-accent-25);--lime-glow-soft:var(--bb-accent-10);--border:var(--bb-border,rgba(156,156,156,0.15));--border-hover:var(--bb-border-hover,rgba(156,156,156,0.24));--border-soft:var(--border);--border-strong:var(--gray-charcoal);--border-focus:var(--gray-silver);--shadow:rgba(0,0,0,0.2);--overlay:rgba(61,61,61,0.5);--selection-bg:var(--dark);--selection-fg:var(--lime);--warning-bg:rgba(245,158,11,0.05);--warning-border:rgba(245,158,11,0.2);--focus-brand:var(--lime);--focus-neutral:var(--gray-silver);--bb-chart-1:var(--bb-lime,#D1FF00);--bb-chart-2:var(--bb-blue,#0099FF);--bb-chart-3:var(--bb-error,#EF4444);--bb-chart-4:var(--bb-warning,#f59e0b);--bb-chart-5:#8B5CF6;--bb-chart-6:#06B6D4;--bb-chart-tooltip-bg:var(--bb-surface,#0F0F11);--bb-chart-tooltip-border:var(--bb-border,rgba(156,156,156,0.15));--bb-chart-tooltip-text:var(--bb-cream,rgb(244,244,232));--bb-chart-grid:rgba(244,244,232,0.06);--bb-chart-axis:rgba(244,244,232,0.3);--bb-chart-ring-bg:rgba(244,244,232,0.08);--bb-map-land:var(--bb-surface-alt,#1C1E19);--bb-map-border:rgba(156,156,156,0.12);--bb-map-marker:var(--bb-lime,#D1FF00);--bb-map-water:var(--bb-dark,#050505);--bb-map-land-hover:rgba(209,255,0,0.08);--color-brand-primary:var(--lime);--color-background-base:#F4F4F4;--color-surface-grey:#D6D6D6;--color-surface-dark:var(--surface);--color-text-primary:var(--cream);--color-text-inverse:#FFFFFF;--font-family-sans:var(--font-sans);--font-family-mono:var(--font-mono);--letter-spacing-tight:-0.05em;--letter-spacing-base:normal;--border-color-default:var(--color-text-primary)}.brandbook-root .anim{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.brandbook-root .anim.visible{opacity:1;transform:translateY(0)}.brandbook-root .anim-left{opacity:0;transform:translateX(-30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.brandbook-root .anim-left.visible{opacity:1;transform:translateX(0)}.brandbook-root .anim-right{opacity:0;transform:translateX(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.brandbook-root .anim-right.visible{opacity:1;transform:translateX(0)}.brandbook-root .anim-scale{opacity:0;transform:scale(.92);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.brandbook-root .anim-scale.visible{opacity:1;transform:scale(1)}.brandbook-root .delay-1{transition-delay:.1s}.brandbook-root .delay-2{transition-delay:.2s}.brandbook-root .delay-3{transition-delay:.3s}.brandbook-root .delay-4{transition-delay:.4s}.brandbook-root .delay-5{transition-delay:.5s}.brandbook-root .bb-specimen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1px;background:var(--border)}.brandbook-root .cell{background:var(--dark);display:flex;flex-direction:column;transition:box-shadow .3s ease}.brandbook-root .cell:hover{box-shadow:inset 0 0 0 1px var(--bb-accent-20)}.brandbook-root .cell-info{padding:1rem 1.25rem 1.25rem;border-top:1px solid var(--border)}.brandbook-root .cell-info h2{font-family:var(--font-display);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.2rem}.brandbook-root .cell-info .class-name{font-family:var(--font-mono);font-size:.6rem;color:var(--neon);letter-spacing:.04em}.brandbook-root .cell-info .desc{font-size:.72rem;color:var(--cream-dim);margin-top:.4rem;line-height:1.45}.brandbook-root .cell-info .ref{font-family:var(--font-mono);font-size:.55rem;color:var(--bb-accent-20);margin-top:.35rem;letter-spacing:.04em}}@layer brandbook-bridge{@media (max-width:767px){.brandbook-root .bb-specimen-grid{grid-template-columns:1fr}}.brandbook-root main>section{max-width:1400px;margin-inline:auto}.brandbook-root .comp-section{padding:2rem 0}.brandbook-root .comp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:var(--border)}.brandbook-root .comp-cell{background:var(--dark);padding:2rem;display:flex;flex-direction:column;gap:1rem}.brandbook-root .comp-label{font-family:var(--font-mono);font-size:.6rem;color:var(--neon);text-transform:uppercase;letter-spacing:.08em}.brandbook-root .comp-desc{font-size:.5rem;color:var(--dim)}.brandbook-root .btn,.brandbook-root .comp-desc{font-family:var(--font-mono);text-transform:uppercase}.brandbook-root .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.65rem;font-weight:500;letter-spacing:.08em;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.brandbook-root .btn-primary{background:var(--lime);color:var(--dark)}.brandbook-root .btn-primary:hover{box-shadow:0 0 20px var(--lime-glow)}.brandbook-root .btn-secondary{background:transparent;color:var(--cream);border:1px solid var(--border)}.brandbook-root .btn-secondary:hover{border-color:var(--lime);color:var(--lime)}.brandbook-root .btn-ghost{background:transparent;color:var(--dim)}.brandbook-root .btn-ghost:hover{color:var(--cream)}.brandbook-root .btn-destructive{background:var(--error);color:white}.brandbook-root .btn-destructive:hover{box-shadow:0 0 20px rgba(239,68,68,.3)}.brandbook-root .btn-sm{padding:.4rem 1rem;font-size:.55rem}.brandbook-root .btn-lg{padding:.85rem 2rem;font-size:.7rem}.brandbook-root .btn--disabled,.brandbook-root .btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.brandbook-root .btn--loading{position:relative;color:transparent!important;pointer-events:none}.brandbook-root .btn--loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:bb-spin .6s linear infinite}.brandbook-root .btn-primary.btn--loading:after{border-color:var(--dark);border-right-color:transparent}.brandbook-root .input{width:100%;padding:.65rem 1rem;background:var(--surface);border:1px solid var(--border);color:var(--cream);font-family:var(--font-mono);font-size:.7rem;outline:none;transition:border-color .2s ease}.brandbook-root .input:focus{border-color:var(--focus-brand);box-shadow:0 0 0 1px var(--focus-brand)}}@layer brandbook-bridge{.brandbook-root .input::placeholder{color:var(--dim)}.brandbook-root .input--error{border-color:var(--error)}.brandbook-root .input--error:focus{border-color:var(--error);box-shadow:0 0 0 1px var(--error)}.brandbook-root .input--disabled{opacity:.4;cursor:not-allowed}.brandbook-root .textarea{width:100%;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);color:var(--cream);font-family:var(--font-mono);font-size:.7rem;outline:none;resize:vertical;min-height:80px;transition:border-color .2s ease}.brandbook-root .textarea:focus{border-color:var(--focus-brand);box-shadow:0 0 0 1px var(--focus-brand)}.brandbook-root .input-label{font-family:var(--font-mono);font-size:.6rem;color:var(--cream);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;display:block}.brandbook-root .input-hint{color:var(--dim)}.brandbook-root .input-error-msg,.brandbook-root .input-hint{font-family:var(--font-mono);font-size:.5rem;margin-top:.3rem}.brandbook-root .input-error-msg{color:var(--error)}.brandbook-root .badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-family:var(--font-mono);font-size:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.brandbook-root .badge-lime{background:var(--bb-accent-10);color:var(--lime);border:1px solid var(--bb-accent-20)}.brandbook-root .badge-surface{background:var(--surface);color:var(--dim);border:1px solid var(--border)}.brandbook-root .badge-error{background:rgba(239,68,68,.1);color:var(--error);border:1px solid rgba(239,68,68,.2)}.brandbook-root .badge-blue{background:rgba(0,153,255,.1);color:var(--blue);border:1px solid rgba(0,153,255,.2)}.brandbook-root .badge-solid{background:var(--lime);color:var(--dark);border:none}.brandbook-root .card{background:var(--surface);border:1px solid var(--border);transition:box-shadow .3s ease}.brandbook-root .card:hover{box-shadow:inset 0 0 0 1px var(--bb-accent-15)}.brandbook-root .card-body{padding:1.5rem}.brandbook-root .card-title{font-family:var(--font-display);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.5rem}.brandbook-root .card-text{font-size:.72rem;color:var(--dim);line-height:1.5}.brandbook-root .card-footer{padding:.75rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.brandbook-root .alert{padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:.75rem;font-family:var(--font-mono);font-size:.65rem}.brandbook-root .alert-icon{flex-shrink:0;width:16px;height:16px;margin-top:1px}.brandbook-root .alert-default{background:var(--surface);border:1px solid var(--border);color:var(--cream)}.brandbook-root .alert-success{background:var(--bb-accent-05);border:1px solid var(--bb-accent-20);color:var(--lime)}.brandbook-root .alert-error{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);color:var(--error)}.brandbook-root .alert-info{background:rgba(0,153,255,.05);border:1px solid rgba(0,153,255,.2);color:var(--blue)}.brandbook-root .alert-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning)}.brandbook-root .button-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.brandbook-root .badge-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.brandbook-root .tbl-wrap{overflow-x:auto;background:var(--dark)}.brandbook-root .tbl{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.65rem}.brandbook-root .tbl th{text-align:left;font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:.55rem;color:var(--dim);background:var(--surface)}.brandbook-root .tbl td,.brandbook-root .tbl th{padding:.75rem 1.25rem;border-bottom:1px solid var(--border);white-space:nowrap}.brandbook-root .tbl td{color:var(--cream)}.brandbook-root .tbl tr:hover td{background:var(--bb-accent-02)}.brandbook-root .tbl-num{text-align:right;font-variant-numeric:tabular-nums}.brandbook-root .tbl-lime{color:var(--lime)}.brandbook-root .tbl-error{color:var(--error)}.brandbook-root .tbl-dim{color:var(--dim)}.brandbook-root .progress{width:100%;height:6px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.brandbook-root .progress-bar{height:100%;background:var(--lime);transition:width .5s ease}.brandbook-root .progress-bar--error{background:var(--error)}.brandbook-root .progress-bar--blue{background:var(--blue)}.brandbook-root .spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--lime);border-radius:50%;animation:bb-spin .7s linear infinite}.brandbook-root .spinner--sm{width:16px;height:16px}.brandbook-root .spinner--lg{width:36px;height:36px}.brandbook-root .kpi-card{background:var(--surface);border:1px solid var(--border);padding:1.25rem}.brandbook-root .kpi-label{font-family:var(--font-mono);font-size:.55rem;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.brandbook-root .kpi-value{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--cream);letter-spacing:-.02em}.brandbook-root .kpi-trend{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-size:.55rem;margin-top:.4rem}.brandbook-root .kpi-trend--up{color:var(--lime)}.brandbook-root .kpi-trend--down{color:var(--error)}.brandbook-root .block-accent{position:relative;background:var(--surface);border-left:1px solid var(--border);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border);border-left-width:3px}.brandbook-root .block-accent[data-accent=gold]{border-left-color:var(--lime)}.brandbook-root .block-accent[data-accent=red]{border-left-color:#ef4444}.brandbook-root .block-accent[data-accent=green]{border-left-color:#22c55e}.brandbook-root .block-accent[data-accent=blue]{border-left-color:#0099ff}.brandbook-root .block-accent[data-accent=purple]{border-left-color:#a855f7}.brandbook-root .block-accent[data-accent=amber]{border-left-color:#f59e0b}.brandbook-root .block-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem}.brandbook-root .highlight-box{padding:.875rem 1rem;border-radius:.5rem;margin-top:.75rem}.brandbook-root .highlight-box[data-tone=green]{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2)}.brandbook-root .highlight-box[data-tone=red]{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2)}.brandbook-root .highlight-box[data-tone=blue]{background:rgba(0,153,255,.08);border:1px solid rgba(0,153,255,.2)}.brandbook-root .highlight-box[data-tone=amber]{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2)}.brandbook-root .highlight-box[data-tone=purple]{background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.2)}@supports (corner-shape:superellipse){.brandbook-root .btn,.brandbook-root .card{corner-shape:superellipse}}@keyframes bb-spin{to{transform:rotate(1turn)}}@keyframes bb-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:767px){.brandbook-root .comp-grid{grid-template-columns:1fr}}}@layer brandbook-bridge{@keyframes bb-ticker-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes bb-barGrow{0%{width:0}}@keyframes bb-drawLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bb-drawLineV{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes bb-content-in{to{opacity:1;transform:translateY(0)}}@keyframes bb-blinds-open{to{--blinds-width:0px}}@keyframes bb-letter-in{to{opacity:1;transform:translateY(0)}}@keyframes bb-x-tick{0%,10%{transform:rotate(0deg)}25%,35%{transform:rotate(90deg)}50%,60%{transform:rotate(180deg)}75%,85%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes bb-progress-fill{0%{width:0}30%{width:40%}60%{width:70%}85%{width:90%}to{width:100%}}@keyframes bb-easing-run{0%{left:0}to{left:calc(100% - 12px)}}@keyframes bb-duration-fill{0%{width:0}to{width:100%}}@keyframes bb-pulse{0%,to{opacity:1}50%{opacity:.5}}}@layer brandbook-bridge{.pattern-dot-grid{background-image:radial-gradient(circle,var(--bb-lime,#D1FF00) 1px,transparent 1px);background-size:16px 16px;background-color:var(--bb-surface,#0F0F11)}.pattern-dot-grid--dense{background-image:radial-gradient(circle,var(--bb-lime,#D1FF00) .8px,transparent .8px);background-size:8px 8px;background-color:var(--bb-surface,#0F0F11)}.pattern-dot-grid--sparse{background-image:radial-gradient(circle,var(--bb-lime,#D1FF00) 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='%23D1FF00' 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='%23D1FF00' 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-lime,#D1FF00);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-lime,#D1FF00);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-lime,#d1ff00);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-lime,#D1FF00),var(--bb-lime,#D1FF00) 10px,var(--bb-dark,#050505) 10px,var(--bb-dark,#050505) 20px)}.pattern-hazard--thin{background-image:repeating-linear-gradient(-45deg,var(--bb-lime,#D1FF00),var(--bb-lime,#D1FF00) 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-lime,#D1FF00);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-lime,#D1FF00) 3px,var(--bb-lime,#D1FF00) 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='%23D1FF00' stroke-width='1.5' fill='none' opacity='0.6'/%3E%3Ccircle cx='60' cy='10' r='2' fill='%23D1FF00' opacity='0.6'/%3E%3Ccircle cx='100' cy='10' r='2' fill='%23D1FF00' 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='%23D1FF00' stroke-width='1' fill='none' opacity='0.15'/%3E%3Cpath d='M40 0v20l-5 5v10l5 5v40' stroke='%23D1FF00' stroke-width='1' fill='none' opacity='0.15'/%3E%3Ccircle cx='40' cy='40' r='2' fill='%23D1FF00' opacity='0.2'/%3E%3Ccircle cx='20' cy='40' r='1.5' fill='none' stroke='%23D1FF00' 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-lime,#D1FF00))}.divider-tech:after{content:"";flex:1;height:1px;background:linear-gradient(to left,transparent,var(--bb-lime,#D1FF00))}.divider-dashed{height:1px;background-image:repeating-linear-gradient(to right,var(--bb-lime,#D1FF00),var(--bb-lime,#D1FF00) 8px,transparent 8px,transparent 16px);opacity:.5}.divider-arrow{display:flex;align-items:center;gap:8px;color:var(--bb-lime,#D1FF00)}.divider-arrow:before{content:"";flex:1;height:1px;background:var(--bb-lime,#D1FF00);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-lime,#d1ff00)}.divider-double{height:5px;background-image:linear-gradient(to right,transparent,var(--bb-lime,#D1FF00),transparent),linear-gradient(to right,transparent,var(--bb-lime,#D1FF00),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-lime,#d1ff00);border-left:2px solid var(--bb-lime,#d1ff00)}.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-lime,#d1ff00);border-right:2px solid var(--bb-lime,#d1ff00)}.pattern-pulse-dot{width:6px;height:6px;background:var(--bb-lime,#D1FF00);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,rgba(209,255,0,.03) 0,rgba(209,255,0,.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,rgba(209,255,0,.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)}}}