.bugbrawl{--bb-void:#030405;--bb-panel:#080c0bb8;--bb-lime:#c8ff32;--bb-cyan:#42f5e9;--bb-violet:#a66cff;--bb-pink:#ff3b9d;background:var(--bb-void);color:#f5f8ed;isolation:isolate}.bugbrawl *{box-sizing:border-box}.bb-grid{background-image:linear-gradient(#c8ff3209 1px,#0000 1px),linear-gradient(90deg,#c8ff3209 1px,#0000 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(#000 0%,#0000 88%);mask-image:linear-gradient(#000 0%,#0000 88%)}.bb-noise{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.bb-scanlines{opacity:.1;background:repeating-linear-gradient(0deg,#0000 0 3px,#c8ff3214 4px)}.bb-holo{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#101715db,#05080894);border:1px solid #c8ff322e;position:relative;box-shadow:inset 0 1px #ffffff0d,0 25px 90px #0006}.bb-holo:before,.bb-holo:after{content:"";pointer-events:none;width:22px;height:22px;position:absolute}.bb-holo:before{border-top:2px solid var(--bb-lime);border-left:2px solid var(--bb-lime);top:-1px;left:-1px}.bb-holo:after{border-right:2px solid var(--bb-cyan);border-bottom:2px solid var(--bb-cyan);bottom:-1px;right:-1px}.bb-kicker{font-family:var(--font-inter), sans-serif;letter-spacing:.28em;text-transform:uppercase}.bb-display{font-family:var(--font-fredoka), sans-serif;letter-spacing:-.065em}.bb-chroma{text-shadow:-3px 0 #ff3b9d59,3px 0 #42f5e959;position:relative}.bb-code-line{transition:color .22s,background .22s,transform .22s;position:relative}.bb-code-line:after{content:"";transform-origin:0;background:linear-gradient(90deg,#c8ff322e,#0000);position:absolute;inset:0;transform:scaleX(0)}.bb-code-line.is-scanning:after{animation:1.8s ease-in-out infinite bb-line-scan}.bb-code-line.is-bug{color:#fff;background:linear-gradient(90deg,#ff3b9d38,#0000);transform:translate(4px)}.bb-code-line.is-bug .bb-line-number{color:var(--bb-pink);text-shadow:0 0 12px var(--bb-pink)}.bb-orbit{animation:9s linear infinite bb-spin}.bb-orbit-reverse{animation:13s linear infinite bb-spin-reverse}.bb-pulse-ring{animation:2.4s ease-out infinite bb-ring}.bb-marquee{width:max-content;animation:26s linear infinite bb-marquee}.bb-glow-button{transition:transform .22s,box-shadow .22s;box-shadow:0 0 0 1px #c8ff3273,0 0 35px #c8ff322e}.bb-glow-button:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #c8ff32cc,0 0 55px #c8ff3259}.bb-phone{box-shadow:0 0 0 1px #42f5e93d,0 40px 120px #000000b3,0 0 100px #42f5e914}.bb-glitch-bar{animation:5s step-end infinite bb-glitch}@keyframes bb-line-scan{0%,10%{opacity:0;transform:scaleX(0)}45%,70%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes bb-spin{to{transform:rotate(360deg)}}@keyframes bb-spin-reverse{to{transform:rotate(-360deg)}}@keyframes bb-ring{0%{opacity:.8;transform:scale(.75)}to{opacity:0;transform:scale(1.35)}}@keyframes bb-marquee{to{transform:translate(-50%)}}@keyframes bb-glitch{0%,92%,to{opacity:0;transform:translate(0)}93%{opacity:.55;transform:translate(-8px,2px)}95%{opacity:.35;transform:translate(7px,-1px)}97%{opacity:0;transform:translate(0)}}@media (max-width:640px){.bb-grid{background-size:34px 34px}.bb-holo{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bb-marquee{animation-duration:18s}}@media (prefers-reduced-motion:reduce){.bugbrawl *,.bugbrawl :before,.bugbrawl :after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}