/* GENERATED by tools/convert-template.mjs — do not edit by hand. */
/* ---- helmet <style> from the DC template, verbatim ---- */

  body { margin: 0; background: #0c161f; font-family: 'Lato', 'Trebuchet MS', system-ui, sans-serif; overflow: hidden; }
  a { color: #f2e3c8; } a:hover { color: #fd9a00; }
  button:active { translate: 0 3px; }
  @keyframes bk-pulse { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.03); opacity: .8; } }
  @keyframes bk-glowpulse { 0%,100% { box-shadow: 0 0 0 0 rgba(242,227,200,0); } 50% { box-shadow: 0 0 0 12px rgba(242,227,200,.10); } }
  @keyframes bk-float { from { transform: translateY(0); opacity: .5; } to { transform: translateY(-1180px); opacity: 0; } }
  @keyframes bk-pop { from { transform: scale(.94); opacity: .3; } to { transform: scale(1); opacity: 1; } }
  @keyframes bk-thump { 0% { transform: translateY(0); } 18% { transform: translateY(14px); } 100% { transform: translateY(0); } }
  @keyframes bk-thump-small { 0% { transform: translateY(0); } 18% { transform: translateY(8px); } 100% { transform: translateY(0); } }
  @keyframes bk-thump-tiny { 0% { transform: translateY(0); } 18% { transform: translateY(4px); } 100% { transform: translateY(0); } }
  @keyframes bk-reset-ripA { 0% { transform: scale(1); } 40% { transform: scale(.2) rotate(-10deg); opacity: .2; } 100% { transform: scale(1); opacity: 1; } }
  @keyframes bk-reset-ripB { 0% { transform: scale(1); } 40% { transform: scale(.2) rotate(-10deg); opacity: .2; } 100% { transform: scale(1); opacity: 1; } }
  @keyframes bk-pop-upA { 0% { transform: translateY(2px) scale(.55); } 55% { transform: translateY(-5px) scale(1.12); } 100% { transform: translateY(-2px) scale(1); } }
  @keyframes bk-pop-upB { 0% { transform: translateY(2px) scale(.55); } 55% { transform: translateY(-5px) scale(1.12); } 100% { transform: translateY(-2px) scale(1); } }
  @keyframes bk-pop-downA { 0% { transform: translateY(-2px) scale(.6); } 55% { transform: translateY(5px) scale(1.06); } 100% { transform: translateY(2px) scale(1); } }
  @keyframes bk-pop-downB { 0% { transform: translateY(-2px) scale(.6); } 55% { transform: translateY(5px) scale(1.06); } 100% { transform: translateY(2px) scale(1); } }
  @keyframes bk-ripple { 0% { transform: translateY(-2px); } 30% { transform: translateY(-30px) scale(1.07); } 65% { transform: translateY(2px) scale(.99); } 100% { transform: translateY(-2px); } }
  @keyframes bk-star-pop { 0% { transform: scale(0) rotate(-40deg); opacity: 0; } 60% { transform: scale(1.45) rotate(6deg); opacity: 1; } 100% { transform: scale(1) rotate(0deg); opacity: 1; } }
  @keyframes bk-fade-in { from { opacity: 0; } to { opacity: 1; } }
  @keyframes bk-lock-pop { 0% { transform: translate(0,0) rotate(0deg); opacity: 1; } 22% { transform: translate(8px,-48px) rotate(-16deg); opacity: 1; } 60% { transform: translate(22px,40px) rotate(14deg); opacity: 1; } 100% { transform: translate(34px,200px) rotate(42deg); opacity: 0; } }
  @keyframes bk-unlock-shake {
    0% { transform: translate(0,0) rotate(0deg) scale(1); }
    6% { transform: translate(-3px,2px) rotate(-.9deg) scale(1.005); }
    12% { transform: translate(4px,-3px) rotate(1.1deg) scale(1.01); }
    19% { transform: translate(-2px,-4px) rotate(-.6deg) scale(1.02); }
    25% { transform: translate(5px,3px) rotate(1.4deg) scale(1.015); }
    31% { transform: translate(-6px,1px) rotate(-1.7deg) scale(1.03); }
    38% { transform: translate(3px,-6px) rotate(1.2deg) scale(1.045); }
    44% { transform: translate(-7px,4px) rotate(-2.1deg) scale(1.035); }
    50% { transform: translate(7px,5px) rotate(2.3deg) scale(1.06); }
    56% { transform: translate(-5px,-7px) rotate(-1.6deg) scale(1.075); }
    62% { transform: translate(8px,-4px) rotate(2.6deg) scale(1.065); }
    69% { transform: translate(-9px,6px) rotate(-2.9deg) scale(1.09); }
    75% { transform: translate(6px,8px) rotate(2.2deg) scale(1.105); }
    81% { transform: translate(-10px,-5px) rotate(-3.3deg) scale(1.095); }
    88% { transform: translate(10px,-8px) rotate(3.6deg) scale(1.12); }
    94% { transform: translate(-11px,7px) rotate(-3.9deg) scale(1.11); }
    100% { transform: translate(9px,6px) rotate(3.4deg) scale(1.13); }
  }
  @keyframes bk-burst { 0% { transform: translate(0,0) rotate(0deg) scale(1); opacity: 1; } 70% { opacity: 1; } 100% { transform: translate(var(--bx), var(--by)) rotate(var(--br)) scale(.55); opacity: 0; } }
  @keyframes bk-burst-flash { 0% { transform: scale(.4); opacity: 1; } 100% { transform: scale(40); opacity: 0; } }
  @keyframes bk-pop-juicy { from { transform: scale(.7); opacity: 0; } to { transform: scale(1); opacity: 1; } }
  @keyframes bk-headshake { 0%, 100% { transform: translateX(0); } 15% { transform: translateX(-14px); } 35% { transform: translateX(11px); } 55% { transform: translateX(-7px); } 75% { transform: translateX(4px); } }
  @keyframes bk-nudge { 0%, 100% { transform: translateX(0); } 40% { transform: translateX(-4px); } 70% { transform: translateX(2px); } }
  @keyframes bk-ember-ring { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
  @keyframes bk-fail-pulse { 0%, 100% { outline-color: #d63a1e; outline-offset: 2px; } 50% { outline-color: rgba(214,58,30,.45); outline-offset: 6px; } }
  @keyframes bk-twinkle { 0%, 100% { opacity: .15; transform: scale(.6); } 50% { opacity: 1; transform: scale(1.1); } }
  @keyframes bk-drift { from { transform: translateY(0) rotate(0deg); } to { transform: translateY(-1560px) rotate(28deg); } }
  @keyframes bk-title-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
  @keyframes bk-press-blink { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
  @keyframes bk-belt-x { from { background-position: 0 0; } to { background-position: 40px 0; } }
  @keyframes bk-belt-y { from { background-position: 0 0; } to { background-position: 0 40px; } }
  @keyframes bk-spin-c { from { transform: translate(-50%,-50%) rotate(0deg); } to { transform: translate(-50%,-50%) rotate(360deg); } }
  @keyframes bk-wind { 0% { transform: translate(0,0); opacity: 0; } 2% { opacity: 1; } 15% { transform: translate(var(--wx,2100px), var(--wd,0px)); opacity: 0; } 100% { transform: translate(var(--wx,2100px), var(--wd,0px)); opacity: 0; } }
  @keyframes bk-storm-dim { 0%, 100% { opacity: .55; } 42% { opacity: .8; } 58% { opacity: .6; } 74% { opacity: .88; } }
  @keyframes bk-tether { 0%, 100% { opacity: var(--to,.5); transform: rotate(calc(var(--ta,0deg) - 4deg)) scale(.96); } 50% { opacity: 1; transform: rotate(calc(var(--ta,0deg) + 4deg)) scale(1.05); } }
  @keyframes bk-tether-drift { 0%, 100% { translate: 0 0; } 25% { translate: var(--dx,40px) calc(var(--dy,30px) * -1); } 50% { translate: calc(var(--dx,40px) * .45) var(--dy,30px); } 75% { translate: calc(var(--dx,40px) * -.7) calc(var(--dy,30px) * .5); } }
  @keyframes bk-fall-star { 0% { transform: rotate(var(--fa,32deg)) translateX(0); opacity: 0; } 1.5% { opacity: 1; } 9% { transform: rotate(var(--fa,32deg)) translateX(var(--fd,900px)); opacity: 0; } 100% { transform: rotate(var(--fa,32deg)) translateX(var(--fd,900px)); opacity: 0; } }
  @keyframes bk-frost-pop { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.6); opacity: 0; } }
  @keyframes bk-link-zapA { 0% { transform: translate(0, 0) scale(.3); opacity: 0; } 22% { transform: translate(calc(var(--dx, 0px) * .22), calc(var(--dy, 0px) * .22)) scale(1); opacity: 1; } 88% { opacity: 1; } 100% { transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(1.5); opacity: 0; } }
  @keyframes bk-link-zapB { 0% { transform: translate(0, 0) scale(.3); opacity: 0; } 22% { transform: translate(calc(var(--dx, 0px) * .22), calc(var(--dy, 0px) * .22)) scale(1); opacity: 1; } 88% { opacity: 1; } 100% { transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(1.5); opacity: 0; } }
  @keyframes bk-link-ringA { 0% { transform: scale(.55); opacity: 0; } 30% { opacity: 1; } 100% { transform: scale(1.22); opacity: 0; } }
  @keyframes bk-link-ringB { 0% { transform: scale(.55); opacity: 0; } 30% { opacity: 1; } 100% { transform: scale(1.22); opacity: 0; } }
  @keyframes bk-frost-crack { 0% { transform: scale(1); opacity: 1; filter: brightness(1); } 22% { transform: scale(1.09); filter: brightness(1.8); opacity: 1; } 100% { transform: scale(1.28); opacity: 0; filter: brightness(1.3); } }
  @keyframes bk-shard { 0% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 1; } 100% { transform: translate(var(--dx, 0px), var(--dy, 0px)) rotate(var(--rr, 140deg)) scale(.2); opacity: 0; } }
  @keyframes bk-ember { 0% { transform: translate(0, 0) scale(1); opacity: 0; } 8% { opacity: 1; } 35% { transform: translate(var(--sw, 10px), calc(var(--eh, -300px) * .35)) scale(.85); } 65% { transform: translate(calc(var(--sw, 10px) * -1), calc(var(--eh, -300px) * .68)) scale(.6); opacity: .85; } 100% { transform: translate(var(--sw, 10px), var(--eh, -300px)) scale(.2); opacity: 0; } }
  @keyframes bk-ember-glow { 0%, 100% { opacity: .45; transform: scale(1); } 50% { opacity: 1; transform: scale(1.12); } }
  @keyframes bk-pollen { 0% { transform: translate(0, 0); opacity: 0; } 15% { opacity: .9; } 50% { transform: translate(14px, -18px); } 85% { opacity: .9; } 100% { transform: translate(-6px, -40px); opacity: 0; } }
  @keyframes bk-ghost-a { 0%, 3% { opacity: 0; } 9%, 40% { opacity: .62; } 47%, 100% { opacity: 0; } }
  @keyframes bk-ghost-b { 0%, 47% { opacity: 0; } 56%, 91% { opacity: .62; } 98%, 100% { opacity: 0; } }
  @keyframes bk-ghost-hot { 0% { background: #e4553a; box-shadow: 0 3px 0 #8f2412, 0 0 0 3px rgba(255,255,255,.95); } 21% { background: #ff7a5e; box-shadow: 0 3px 0 #8f2412, 0 0 0 9px rgba(255,255,255,.45); } 42% { background: #e4553a; box-shadow: 0 3px 0 #8f2412, 0 0 0 3px rgba(255,255,255,.95); } 50%, 100% { background: #a3cf4f; box-shadow: 0 3px 0 #5a761f; } }
  @keyframes bk-ghost-lane { 0% { color: #ff6a4d; transform: scale(1.16); text-shadow: 0 0 16px rgba(255,106,77,.95); } 21% { color: #ff6a4d; transform: scale(1.34); text-shadow: 0 0 22px rgba(255,106,77,1); } 42% { color: #ff6a4d; transform: scale(1.16); text-shadow: 0 0 16px rgba(255,106,77,.95); } 50%, 100% { transform: scale(1); } }
  @keyframes bk-ghost { 0% { transform: translate(var(--gx1), var(--gy1)); opacity: 0; } 7% { transform: translate(var(--gx1), var(--gy1)); opacity: .62; } 34% { transform: translate(var(--gx1), var(--gy1)); opacity: .62; } 50% { transform: translate(var(--gx2), var(--gy2)); opacity: .62; } 86% { transform: translate(var(--gx2), var(--gy2)); opacity: .62; } 96% { transform: translate(var(--gx2), var(--gy2)); opacity: 0; } 100% { transform: translate(var(--gx1), var(--gy1)); opacity: 0; } }
  @keyframes bk-ghost-tint { 0%, 42% { background: #e4553a; box-shadow: 0 3px 0 #8f2412; } 50%, 100% { background: #a3cf4f; box-shadow: 0 3px 0 #5a761f; } }
  @keyframes bk-ghost-x { 0%, 40% { opacity: .95; } 46%, 100% { opacity: 0; } }
  @keyframes bk-portal { 0%, 100% { box-shadow: inset 0 0 26px 6px rgba(139,92,246,.5), 0 0 18px 2px rgba(139,92,246,.35); } 50% { box-shadow: inset 0 0 46px 14px rgba(139,92,246,.85), 0 0 30px 6px rgba(139,92,246,.55); } }
  @keyframes bk-slide-a { from { translate: var(--sx, 0px) var(--sy, 0px); } to { translate: 0px 0px; } }
  @keyframes bk-slide-b { from { translate: var(--sx, 0px) var(--sy, 0px); } to { translate: 0px 0px; } }
  @keyframes bk-grow-a { from { transform: scale(0); } to { transform: scale(1); } }
  @keyframes bk-grow-b { from { transform: scale(0); } to { transform: scale(1); } }
  @keyframes bk-shrink-a { from { transform: scale(1); opacity: 1; } to { transform: scale(0); opacity: 0; } }
  @keyframes bk-shrink-b { from { transform: scale(1); opacity: 1; } to { transform: scale(0); opacity: 0; } }
  @keyframes bk-rot-pop-a { from { transform: rotate(-90deg) scale(.8); } to { transform: rotate(0deg) scale(1); } }
  @keyframes bk-rot-pop-b { from { transform: rotate(-90deg) scale(.8); } to { transform: rotate(0deg) scale(1); } }
  @keyframes bk-splash-a { 0% { transform: translate(0, 0) scale(1); opacity: .95; } 100% { transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(.15); opacity: 0; } }
  @keyframes bk-splash-b { 0% { transform: translate(0, 0) scale(1); opacity: .95; } 100% { transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(.15); opacity: 0; } }
  @keyframes bk-snow { 0% { transform: translateY(-40px) translateX(0) rotate(0deg); opacity: 0; } 10% { opacity: .9; } 90% { opacity: .9; } 100% { transform: translateY(1160px) translateX(34px) rotate(200deg); opacity: 0; } }
  @keyframes bk-flower-pulse { 0%, 100% { transform: scale(.55); opacity: .3; } 50% { transform: scale(1.05); opacity: .8; } }
  @keyframes bk-sand { 0% { transform: translate(0, 0); opacity: 0; } 20% { opacity: .85; } 100% { transform: translate(96px, -74px); opacity: 0; } }
  @keyframes bk-snow-card { 0% { transform: translateY(-16px) translateX(0); opacity: 0; } 15% { opacity: .9; } 85% { opacity: .9; } 100% { transform: translateY(270px) translateX(16px); opacity: 0; } }
  @keyframes bk-sand-card { 0% { transform: translate(0, 0); opacity: 0; } 25% { opacity: .85; } 100% { transform: translate(30px, -24px); opacity: 0; } }
  @keyframes bk-spark { 0% { transform: translateY(0) scale(1); opacity: 0; } 15% { opacity: .95; } 80% { opacity: .7; } 100% { transform: translateY(-150px) scale(.4); opacity: 0; } }
  @keyframes bk-bee { 0% { transform: translate(0,0); opacity: 0; } 10% { opacity: 1; } 25% { transform: translate(60px,-26px); } 50% { transform: translate(120px,6px); } 75% { transform: translate(180px,-20px); } 90% { opacity: 1; } 100% { transform: translate(240px,0); opacity: 0; } }
  @keyframes bk-leaf { 0% { transform: translateY(-24px) translateX(0) rotate(0deg); opacity: 0; } 10% { opacity: .9; } 25% { transform: translateY(280px) translateX(-42px) rotate(-45deg); } 50% { transform: translateY(560px) translateX(42px) rotate(45deg); } 75% { transform: translateY(840px) translateX(-30px) rotate(-30deg); } 90% { opacity: .9; } 100% { transform: translateY(1160px) translateX(24px) rotate(360deg); opacity: 0; } }
  @keyframes bk-leaf-card { 0% { transform: translateY(-16px) translateX(0) rotate(0deg); opacity: 0; } 15% { opacity: .9; } 50% { transform: translateY(130px) translateX(-24px) rotate(170deg); } 85% { opacity: .9; } 100% { transform: translateY(270px) translateX(18px) rotate(360deg); opacity: 0; } }
  @keyframes bk-belt24 { from { background-position: 0 0; } to { background-position: 24px 0; } }
  @keyframes bk-belt36 { from { background-position: 0 0; } to { background-position: 36px 0; } }
  @keyframes bk-beltv24 { from { background-position: 0 0; } to { background-position: 0 24px; } }
  @keyframes bk-beltv36 { from { background-position: 0 0; } to { background-position: 0 36px; } }
  @keyframes bk-ice-sweep { 0% { transform: translateX(-180%) skewX(-18deg); } 55% { transform: translateX(320%) skewX(-18deg); } 100% { transform: translateX(320%) skewX(-18deg); } }
  @keyframes bk-nebula { 0%, 100% { opacity: .75; transform: translate(-50%,-50%) scale(1); } 50% { opacity: 1; transform: translate(-50%,-50%) scale(1.18); } }
  @keyframes bk-ray { 0%, 100% { opacity: .18; } 50% { opacity: .5; } }
  @keyframes bk-comb { 0% { transform: scale(0) rotate(-20deg); opacity: 0; } 20% { opacity: 1; } 45% { transform: scale(1) rotate(0deg); opacity: 1; } 70% { transform: scale(1) rotate(0deg); opacity: 1; } 100% { transform: scale(0) rotate(12deg); opacity: 0; } }
  @keyframes bk-hand { 0% { transform: translate(0, 0) scale(1); opacity: 0; } 12% { opacity: 1; } 52% { transform: translate(var(--hx, 0px), var(--hy, 0px)) scale(1); opacity: 1; } 66% { transform: translate(var(--hx, 0px), var(--hy, 0px)) scale(.82); } 80% { transform: translate(var(--hx, 0px), var(--hy, 0px)) scale(.82); opacity: 1; } 100% { transform: translate(var(--hx, 0px), var(--hy, 0px)) scale(.82); opacity: 0; } }

/* ---- style-hover / style-focus pseudo-classes (mirrors support.js pseudo sheet) ---- */
.scp0:hover{transform: translateY(-4px);}
.scp1:hover{background: rgba(242,227,200,.22);}
.scp2:hover{color: #f2e3c8;}
.scp3:hover{background: rgba(242,227,200,.13);}
.scp4:hover{transform: translateY(-3px);}
.scp5:hover{transform: translateY(-7px); box-shadow: 0 16px 0 {{ set.shade }}, 0 26px 30px rgba(0,0,0,.35);}
.scp6:hover{transform: translateY(-7px);}
.scp7:hover{transform: translateY(-6px);}
/* ---- release additions ---- */
.bk-hidescroll { scrollbar-width: none; -ms-overflow-style: none; }
.bk-hidescroll::-webkit-scrollbar { display: none; width: 0; height: 0; }