.bb-tk {
--tk-h: 44px; --tk-pad: 8px; --tk-fs: 13px; --tk-pitch: 3px; --tk-mesh-a: .36; --tk-pps: 55;
box-sizing: border-box; position: relative; width: 100%; margin: 0; padding: 0; z-index: 9990;
background: var(--tk-bg, #0b0a08); color: var(--tk-text, #f4e3a1);
font-family: "Helvetica Neue", Helvetica, Arial, "Segoe UI", sans-serif;
font-size: var(--tk-fs); line-height: 1; letter-spacing: .12em; font-weight: 600;
text-align: left; text-transform: none;
}
.bb-tk *, .bb-tk *::before, .bb-tk *::after { box-sizing: border-box; } .bb-tk--size-compact  { --tk-h: 36px; --tk-pad: 7px; --tk-fs: 11.5px; }
.bb-tk--size-large    { --tk-h: 54px; --tk-pad: 9px; --tk-fs: 15px; }
.bb-tk--font-brand    { font-family: var(--tk-brand-font, 'Barlow Condensed', 'Arial Narrow', 'Helvetica Neue', sans-serif); letter-spacing: .14em; font-weight: 700; font-size: calc(var(--tk-fs) * 1.14); }
.bb-tk--font-serif    { font-family: Georgia, "Times New Roman", serif; letter-spacing: .08em; font-weight: 700; }
.bb-tk--upper .bb-tk__text, .bb-tk--upper .bb-tk__sub, .bb-tk--upper .bb-tk__label-text { text-transform: uppercase; }
.bb-tk--led-subtle { --tk-pitch: 3px; --tk-mesh-a: .36; }
.bb-tk--led-bold   { --tk-pitch: 4px; --tk-mesh-a: .55; } .bb-tk--top { box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.bb-tk--bottom { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99990; box-shadow: 0 -2px 10px rgba(0,0,0,.3); }
.bb-tk--inline { margin: 1.5em 0; }
.bb-tk--preview { margin: 8px 0 4px; } .bb-tk__frame {
position: relative; height: var(--tk-h); padding: var(--tk-pad) 0;
background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 48%), var(--tk-bg, #0b0a08);
overflow: hidden;
box-shadow: inset 0 1px 0 var(--tk-edge, transparent), inset 0 -1px 0 var(--tk-edge, transparent);
}
.bb-tk__bulbs { position: absolute; left: 0; right: 0; height: 6px; pointer-events: none; z-index: 2; }
.bb-tk__bulbs--top { top: 1px; }
.bb-tk__bulbs--bottom { bottom: 1px; }
.bb-tk__bulbs::before, .bb-tk__bulbs::after {
content: ""; position: absolute; inset: 0; background-repeat: repeat-x; background-size: 16px 6px;
background-image: radial-gradient(circle at 50% 50%, var(--tk-bulb, #ffd876) 0 1.6px, var(--tk-bulb-glow, rgba(255,216,118,.45)) 2.3px, transparent 3px);
}
.bb-tk__bulbs::after { background-position: 8px 0; }
.bb-tk--bulbs-off .bb-tk__bulbs { display: none; }
.bb-tk--bulbs-steady .bb-tk__bulbs::before, .bb-tk--bulbs-steady .bb-tk__bulbs::after { opacity: .95; }
.bb-tk--bulbs-chase .bb-tk__bulbs::before { animation: bb-tk-twinkle-a 2.8s ease-in-out infinite; }
.bb-tk--bulbs-chase .bb-tk__bulbs::after  { animation: bb-tk-twinkle-b 2.8s ease-in-out infinite; }
@keyframes bb-tk-twinkle-a { 0%, 100% { opacity: 1; }  50% { opacity: .28; } }
@keyframes bb-tk-twinkle-b { 0%, 100% { opacity: .28; } 50% { opacity: 1; } } .bb-tk__row { position: relative; z-index: 1; display: flex; align-items: stretch; height: 100%; padding: 0 14px; gap: 14px; }
.bb-tk__label {
flex: 0 0 auto; display: flex; align-items: center; gap: 10px; max-width: 46vw;
padding: 0 26px 0 14px; background: var(--tk-label-bg, #d4af37); color: var(--tk-label-text, #14110d);
font-weight: 800; letter-spacing: .18em;
-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}
.bb-tk__label-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; }
.bb-tk .bb-tk__logo { display: block; width: auto; max-width: 150px; height: calc(var(--tk-h) - (2 * var(--tk-pad)) - 6px); object-fit: contain; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
.bb-tk__viewport {
position: relative; flex: 1 1 auto; min-width: 0; overflow: hidden; display: flex; align-items: center;
-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 26px, #000 calc(100% - 26px), transparent 100%);
mask-image: linear-gradient(90deg, transparent 0, #000 26px, #000 calc(100% - 26px), transparent 100%);
}
.bb-tk__track { display: flex; flex: 0 0 auto; width: max-content; animation: bb-tk-scroll var(--tk-dur, 70s) linear infinite; will-change: transform; }
.bb-tk--dir-right .bb-tk__track { animation-direction: reverse; }
@keyframes bb-tk-scroll { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
.bb-tk--hover-pause:hover .bb-tk__track, .bb-tk:focus-within .bb-tk__track, .bb-tk.is-paused .bb-tk__track { animation-play-state: paused; }
.bb-tk .bb-tk__list { display: flex; flex: 0 0 auto; align-items: center; list-style: none; margin: 0; padding: 0; }
.bb-tk .bb-tk__item { display: flex; align-items: center; gap: .8em; margin: 0; padding: 0; list-style: none; white-space: nowrap; }
.bb-tk__item::after { content: var(--tk-sep, "✦"); margin: 0 1.9em; color: var(--tk-sep-color, var(--tk-accent, #d4af37)); font-size: .8em; }
.bb-tk__tag {
display: inline-block; padding: .3em .65em; border: 1px solid var(--tk-tag, var(--tk-accent, #d4af37)); border-radius: 2px;
color: var(--tk-tag, var(--tk-accent, #d4af37)); font-size: .78em; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
}
.bb-tk__text { color: var(--tk-text, #f4e3a1); text-shadow: 0 0 7px var(--tk-glow, rgba(244,227,161,.5)); }
.bb-tk__sub { margin-left: .9em; opacity: .7; font-weight: 500; letter-spacing: .08em; text-shadow: none; }
.bb-tk a.bb-tk__link { display: inline-flex; align-items: baseline; color: inherit; text-decoration: none; box-shadow: none; border: 0; }
.bb-tk a.bb-tk__link:hover .bb-tk__text, .bb-tk a.bb-tk__link:focus-visible .bb-tk__text { color: var(--tk-accent, #d4af37); }
.bb-tk a.bb-tk__link:focus-visible { outline: 1px solid var(--tk-accent, #d4af37); outline-offset: 3px; } .bb-tk__mesh {
position: absolute; inset: 0; pointer-events: none;
background-image: radial-gradient(circle at 50% 50%, transparent 0 .75px, rgba(0,0,0,var(--tk-mesh-a)) 1.2px);
background-size: var(--tk-pitch) var(--tk-pitch);
}
.bb-tk--led-off .bb-tk__mesh { display: none; } .bb-tk .bb-tk__pause {
flex: 0 0 auto; align-self: center; position: relative; width: 22px; height: 22px; min-height: 0; padding: 0; margin: 0;
border: 1px solid var(--tk-accent, #d4af37); border-radius: 50%; background: transparent; color: var(--tk-accent, #d4af37);
cursor: pointer; box-shadow: none; opacity: .8;
}
.bb-tk .bb-tk__pause:hover, .bb-tk .bb-tk__pause:focus-visible { opacity: 1; background: rgba(255,255,255,.08); }
.bb-tk__pause::before {
content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; transform: translate(-50%, -50%);
border-left: 2px solid currentColor; border-right: 2px solid currentColor;
}
.bb-tk.is-paused .bb-tk__pause::before {
width: 0; height: 0; border: 0; transform: translate(-30%, -50%);
border-left: 7px solid currentColor; border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent;
} @media (max-width: 600px) {
.bb-tk--size-standard { --tk-h: 40px; --tk-fs: 12px; }
.bb-tk--size-large { --tk-h: 46px; --tk-fs: 13px; }
.bb-tk__row { padding: 0 8px; gap: 10px; }
.bb-tk__label { padding: 0 20px 0 10px; letter-spacing: .12em; max-width: 42vw; }
.bb-tk__bulbs::before, .bb-tk__bulbs::after { background-size: 12px 6px; }
.bb-tk__bulbs::after { background-position: 6px 0; }
.bb-tk__item::after { margin: 0 1.3em; }
} @media (prefers-reduced-motion: reduce) {
.bb-tk__track { animation: none !important; }
.bb-tk__viewport { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
.bb-tk__list[aria-hidden="true"], .bb-tk__pause { display: none; }
.bb-tk--bulbs-chase .bb-tk__bulbs::before, .bb-tk--bulbs-chase .bb-tk__bulbs::after { animation: none; opacity: .9; }
}
@media print { .bb-tk { display: none; } } .bb-tk.is-stuck { position: fixed; margin: 0; z-index: 99989; box-shadow: 0 3px 12px rgba(0,0,0,.35); transition: top .25s ease; }
@media (prefers-reduced-motion: reduce) { .bb-tk.is-stuck { transition: none; } }
.bb-tk__spacer { pointer-events: none; } .bb-tk .bb-tk__logo2 { display: block; width: auto; max-width: 130px; height: calc(var(--tk-h) - (2 * var(--tk-pad)) - 10px); object-fit: contain; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
.bb-tk__sep { flex: 0 0 auto; align-self: stretch; width: 1px; margin: 6px 0; background: currentColor; opacity: .35; }
@media (max-width: 600px) { .bb-tk .bb-tk__logo2, .bb-tk__sep { display: none; } }