/* ============================================================================
   r549 — BOARD SKIN: "HELLFIRE FOUNDRY"  (theme: Hellfire Forge)
   ----------------------------------------------------------------------------
   Design language: a blackened foundry plate. Welded 3px seams, hazard stripes
   on the frame, clean steel rails (r555 — the rivet DOTS are gone for good), a
   molten core breathing in the middle and a heat band rising off it.
   Deliberately nothing like the marble court (no ivory, no gold curl, no arch)
   or the ice rink (no glass, no snow, no rhombus). Heavy, hot, industrial.
   Geometry untouched.
   ========================================================================== */

html[data-cosmetic-board="hellfire"] #screen-game .lkb-frame {
  padding: 12px;
  border-radius: 2px;
  background:
    repeating-linear-gradient(96deg, rgba(255,255,255,.035) 0 1px, transparent 1px 5px),
    radial-gradient(ellipse at 18% 12%, rgba(255,140,60,.16), transparent 52%),
    linear-gradient(152deg, #38302a 0%, #201a16 42%, #17120f 70%, #2b221c 100%);
  box-shadow:
    inset 0 0 0 3px #0d0a08,
    inset 0 0 0 5px rgba(214,150,64,.30),
    inset 0 3px 6px rgba(255,170,90,.12),
    inset 0 -8px 18px rgba(0,0,0,.75),
    0 16px 36px rgba(0,0,0,.7),
    0 0 26px rgba(224,96,26,.22);
}

/* r555 — owner: "বোর্ডে এখনো ডট চিহ্ন আছে" — রিভেট-বিন্দুগুলো (৩৪px পরপর
   ছোট গোল ডট) পুরোপুরি বাদ। এখন চার পাশে দুটি করে পরিষ্কার ইস্পাত-রেখা,
   কোনো বিন্দু/দাগ নেই। */
html[data-cosmetic-board="hellfire"] #screen-game .lkb-frame::before {
  content: '';
  position: absolute;
  inset: 5px;
  border: 1px solid rgba(232,168,84,.28);
  border-radius: 1px;
  background:
    linear-gradient(90deg, rgba(217,169,95,.45), rgba(217,169,95,0) 46%, rgba(217,169,95,.45)) top / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(217,169,95,.45), rgba(217,169,95,0) 46%, rgba(217,169,95,.45)) bottom / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(217,169,95,.45), rgba(217,169,95,0) 46%, rgba(217,169,95,.45)) left / 1px 100% no-repeat,
    linear-gradient(180deg, rgba(217,169,95,.45), rgba(217,169,95,0) 46%, rgba(217,169,95,.45)) right / 1px 100% no-repeat;
  pointer-events: none;
  z-index: 4;
}

/* hazard band top and bottom of the plate */
html[data-cosmetic-board="hellfire"] #screen-game .lkb-frame::after {
  content: '';
  position: absolute;
  left: 14%;
  right: 14%;
  top: 2px;
  bottom: 2px;
  background-image:
    repeating-linear-gradient(-45deg, #d9a13b 0 5px, #17120f 5px 10px),
    repeating-linear-gradient(-45deg, #d9a13b 0 5px, #17120f 5px 10px);
  background-size: 100% 5px, 100% 5px;
  background-position: 0 0, 0 100%;
  background-repeat: no-repeat;
  opacity: .55;
  border-radius: 1px;
  pointer-events: none;
  z-index: 4;
}

/* --- surface: blackened steel plate ------------------------------------- */
html[data-cosmetic-board="hellfire"] #screen-game .lkb-board {
  border-radius: 1px;
  background:
    radial-gradient(ellipse at 50% 48%, rgba(255,132,52,.16), transparent 62%),
    repeating-linear-gradient(88deg, rgba(255,255,255,.028) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(2deg, rgba(0,0,0,.16) 0 1px, transparent 1px 6px),
    linear-gradient(150deg, #3b332d 0%, #262019 46%, #1d1714 74%, #2f2822 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,150,70,.16),
    inset 0 0 40px rgba(0,0,0,.85),
    inset 0 0 70px rgba(214,96,26,.14);
}

/* heat haze rolling across the plate */
html[data-cosmetic-board="hellfire"] #screen-game .lkb-board::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 58%, rgba(255,126,40,.22), transparent 58%),
    radial-gradient(ellipse at 24% 30%, rgba(255,168,84,.10), transparent 46%);
  animation: bh-heat 6.5s ease-in-out infinite;
}

/* r550 — "ছোট বল এর মত" ফুলকি-বিন্দু বাদ। এখন কেন্দ্র থেকে উঠন্ত গরম আলো
   (লম্বা নরম ব্যান্ড) — গোল দাগ নেই। */
html[data-cosmetic-board="hellfire"] #screen-game .lkb-board::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  background-image:
    linear-gradient(0deg, rgba(255, 132, 44, .28), rgba(255, 132, 44, 0) 52%),
    repeating-linear-gradient(92deg, rgba(255, 168, 96, .09) 0 1px, transparent 1px 38px);
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat, repeat;
  /* r554: তাপের ব্যান্ড এখন transform/opacity-তে ওঠে, background-position নয় */
  animation: bh-heat-rise 11s linear infinite;
  opacity: .85;
}

@keyframes bh-heat {
  0%, 100% { opacity: .55; transform: scale(1); }
  50% { opacity: .95; transform: scale(1.03); }
}
@keyframes bh-heat-rise {
  0%, 100% { transform: translate3d(0, 1.6%, 0) scale(1.02); opacity: .5; }
  50%      { transform: translate3d(0, -1.6%, 0) scale(1.05); opacity: .9; }
}

/* --- track cells: cold plate with a hot seam ---------------------------- */
html[data-cosmetic-board="hellfire"] #screen-game .lkb-track-cell {
  background: linear-gradient(148deg, #4a4038 0%, #3a322b 60%, #312a24 100%);
  box-shadow:
    inset 0 0 0 1px rgba(232,168,84,.16),
    inset 0 1px 0 rgba(255,190,120,.10),
    inset 0 -1px 0 rgba(0,0,0,.55);
  border-radius: 1px;
}

/* --- bases: welded tubs, player hue kept -------------------------------- */
html[data-cosmetic-board="hellfire"] #screen-game .lkb-base {
  border-radius: 2px;
  box-shadow:
    inset 0 0 0 1px rgba(255,160,80,.18),
    inset 0 0 0 2px rgba(0,0,0,.5),
    inset 0 -4px 12px rgba(0,0,0,.6),
    0 0 14px rgba(224,96,26,.18);
}
html[data-cosmetic-board="hellfire"] #screen-game .lkb-base-inner {
  border-radius: 2px;
  background:
    linear-gradient(152deg, #322924 0%, #1d1714 62%, #14100d 100%);
  box-shadow:
    0 0 0 1px rgba(232,168,84,.32),
    0 0 0 2px rgba(0,0,0,.65),
    inset 0 2px 6px rgba(255,150,70,.10),
    inset 0 -3px 8px rgba(0,0,0,.8),
    0 0 18px rgba(214,90,26,.22);
}
html[data-cosmetic-board="hellfire"] #screen-game .lkb-base .lkb-goti {
  background:
    radial-gradient(circle at 40% 32%, #2a221d 0%, #171210 76%, #0d0a09 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,168,84,.30),
    inset 0 1px 3px rgba(0,0,0,.8),
    0 0 9px rgba(255,132,44,.30);
}

html[data-cosmetic-board="hellfire"] #screen-game .lkb-pocket-mark {
  background: radial-gradient(circle at 36% 30%, #ffd39a, #e2671a 62%, #7d2c06);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(255,132,44,.85);
  opacity: .92;
}

/* --- centre: molten core ------------------------------------------------ */
html[data-cosmetic-board="hellfire"] #screen-game .lkb-crown {
  border-radius: 50%;
  background:
    radial-gradient(circle at 42% 38%, #fff3cf 0%, #ffc25a 18%, #f4701a 44%, #8f2708 74%, #38120a 100%);
  border: 2px solid rgba(255,190,110,.45);
  box-shadow:
    0 0 24px rgba(255,132,44,.9),
    0 0 64px rgba(226,74,16,.55),
    inset 0 -4px 10px rgba(70,16,2,.75),
    inset 0 2px 6px rgba(255,236,190,.7);
  animation: bh-core 3.4s ease-in-out infinite;
}
html[data-cosmetic-board="hellfire"] #screen-game .lkb-crown::after {
  content: '⚙';
  font-size: 12px;
  color: #2a1105;
  text-shadow: 0 0 6px rgba(255,214,150,.95), 0 1px 0 rgba(255,236,200,.6);
}
@keyframes bh-core {
  /* r554: brightness() ফিল্টার বাদ — opacity দিয়েই একই "গরম নিঃশ্বাস" */
  0%, 100% { transform: translate(-50%,-50%) scale(1); opacity: .88; }
  50% { transform: translate(-50%,-50%) scale(1.12); opacity: 1; }
}

html[data-cosmetic-board="hellfire"] #screen-game .lkb-star-wrap {
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.75)) drop-shadow(0 0 5px rgba(255,168,84,.35));
}
html[data-cosmetic-board="hellfire"] #screen-game .lkb-arrow-wrap {
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.8)) drop-shadow(0 0 6px rgba(255,150,70,.6));
}

@media (prefers-reduced-motion: reduce) {
  html[data-cosmetic-board="hellfire"] #screen-game .lkb-board::before,
  html[data-cosmetic-board="hellfire"] #screen-game .lkb-board::after,
  html[data-cosmetic-board="hellfire"] #screen-game .lkb-crown { animation: none; }
}