/* V238: Move only the Eight Queens live status message about 5-7px lower. */
/* ============================================================
   v190 import from v189 reference: exact standard chess pieces,
   calibrated Knight Tour, and Eight Queens puzzle.
   Room/background artwork is intentionally untouched.
   ============================================================ */

/* v189 standard chess-problem piece size + exact visual centering */
.exact-shell-card .puzzle-square{
  position:relative!important;
  overflow:visible!important;
}
.exact-shell-card .puzzle-piece{
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:112%!important;
  height:112%!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  background-image:url('chess-problem-pieces-v186.webp?v=186.0.0')!important;
  background-repeat:no-repeat!important;
  background-size:300% 100%!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
  filter:drop-shadow(0 2px 1px rgba(0,0,0,.38))!important;
  box-sizing:border-box!important;
  cursor:grab!important;
}
.exact-shell-card .puzzle-piece.piece-wk{background-position:0% 50%!important;}
.exact-shell-card .puzzle-piece.piece-wq{background-position:50% 50%!important;}
.exact-shell-card .puzzle-piece.piece-bk{background-position:100% 50%!important;}
@media(max-width:700px){
  .exact-shell-card .puzzle-piece{width:108%!important;height:108%!important;}
}
.exact-shell-card .exact-shell-board{
  left:24.18%!important;
  top:26.94%!important;
  width:52.55%!important;
  aspect-ratio:1/1!important;
}

/* v189-style visible Knight Tour trigger; retain this main project's placement */
body[data-room-id="1"] .knight-tour-hotspot{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent url('knight-trigger.webp?v=184.0.0') center/contain no-repeat!important;
  box-shadow:none!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.28))!important;
  overflow:visible!important;
  transform:translate(-50%,-50%)!important;
  cursor:pointer!important;
}
body[data-room-id="1"] .knight-tour-hotspot::before,
body[data-room-id="1"] .knight-tour-hotspot::after{content:none!important;display:none!important;}

/* v189 Knight Tour popup artwork and live-board calibration */
body[data-room-id="1"] .knight-tour-modal{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body[data-room-id="1"] .knight-tour-backdrop{display:block!important;position:absolute!important;inset:0!important;background:transparent!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
body[data-room-id="1"] .knight-tour-card{
  position:relative!important;
  width:min(1040px,96vw)!important;
  aspect-ratio:4/3!important;
  max-height:96vh!important;
  overflow:visible!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:url('knight-tour-panel.webp?v=184.0.0') center/100% 100% no-repeat!important;
  box-shadow:none!important;
}
body[data-room-id="1"] .knight-tour-card::before,
body[data-room-id="1"] .knight-tour-card::after,
body[data-room-id="1"] .knight-tour-card h2,
body[data-room-id="1"] .knight-tour-ornament,
body[data-room-id="1"] .knight-tour-instructions,
body[data-room-id="1"] .knight-tour-progress{display:none!important;}
body[data-room-id="1"] .knight-tour-board{
  position:absolute!important;
  left:29.213%!important;
  top:26.151%!important;
  width:41.575%!important;
  height:53.499%!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:repeat(8,1fr)!important;
  grid-template-rows:repeat(8,1fr)!important;
  overflow:visible!important;
  touch-action:manipulation!important;
}
body[data-room-id="1"] .knight-tour-square{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
body[data-room-id="1"] .knight-tour-square .knight-tour-piece,
body[data-room-id="1"] .knight-tour-square.current .knight-tour-piece{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:68%!important;
  height:68%!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
  -webkit-text-stroke:0!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
  background:transparent url('knight-tour-piece-white.webp?v=199.0.0') center/contain no-repeat!important;
  filter:none!important;
  pointer-events:none!important;
}
body[data-room-id="1"] .knight-tour-square.current,
body[data-room-id="1"] .knight-tour-square:focus,
body[data-room-id="1"] .knight-tour-square:focus-visible{
  box-shadow:none!important;
  background:transparent!important;
  outline:none!important;
}
body[data-room-id="1"] .knight-tour-close{
  position:absolute!important;left:84.9%!important;top:6.2%!important;width:8.5%!important;height:auto!important;aspect-ratio:1!important;
  z-index:40!important;border:0!important;background:transparent!important;color:transparent!important;box-shadow:none!important;font-size:0!important;padding:0!important;margin:0!important;cursor:pointer!important;
}
body[data-room-id="1"] .knight-tour-footer{position:absolute!important;inset:0!important;margin:0!important;display:block!important;pointer-events:none!important;z-index:20!important;}
body[data-room-id="1"] .knight-tour-reset{
  position:absolute!important;left:39.1%!important;top:87.2%!important;width:19.8%!important;height:7.4%!important;
  pointer-events:auto!important;border:0!important;background:transparent!important;color:transparent!important;box-shadow:none!important;font-size:0!important;padding:0!important;margin:0!important;cursor:pointer!important;
}
body[data-room-id="1"] .knight-tour-status{
  position:absolute!important;left:30%!important;top:20.7%!important;width:40%!important;min-height:0!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;color:#2b1708!important;text-align:center!important;font:700 clamp(9px,1.05vw,13px)/1.08 Georgia,'Times New Roman',serif!important;pointer-events:none!important;
}
@media(max-width:700px){body[data-room-id="1"] .knight-tour-card{width:99vw!important;}}

/* v189 Eight Queens puzzle */
body[data-room-id="1"] .eight-queens-hotspot{
  position:absolute!important;left:23.4%!important;top:29.3%!important;
  width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent url('queen-trigger.webp?v=184.0.0') center/contain no-repeat!important;
  box-shadow:none!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28))!important;
  transform:translate(-50%,-50%)!important;overflow:visible!important;z-index:262!important;
  cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;pointer-events:auto!important;
}
body[data-room-id="1"] .eight-queens-hotspot::before,
body[data-room-id="1"] .eight-queens-hotspot::after{content:none!important;display:none!important;}
body[data-room-id="1"] .eight-queens-modal{
  position:fixed!important;inset:0!important;z-index:52000!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:6px!important;overflow:hidden!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto!important;
}
body[data-room-id="1"] .eight-queens-modal.hidden{display:none!important;}
body[data-room-id="1"] .eight-queens-card{
  position:relative!important;width:min(98vw,calc(96dvh * 1476 / 1065))!important;aspect-ratio:1476 / 1065!important;max-height:96dvh!important;
  overflow:visible!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent url('eight-queens-popup-v235.webp?v=235.0.0') center/100% 100% no-repeat!important;box-shadow:none!important;clip-path:none!important;color:#2b1708!important;
}
body[data-room-id="1"] .eight-queens-card::before,
body[data-room-id="1"] .eight-queens-card::after,
body[data-room-id="1"] .eight-queens-heading,
body[data-room-id="1"] .eight-queens-emblem{display:none!important;content:none!important;}
body[data-room-id="1"] .eight-queens-close{
  position:absolute!important;left:80.4%!important;top:6.5%!important;width:9.1%!important;height:auto!important;aspect-ratio:1!important;
  z-index:40!important;border:0!important;background:transparent!important;color:transparent!important;box-shadow:none!important;font-size:0!important;padding:0!important;margin:0!important;cursor:pointer!important;
}
body[data-room-id="1"] .eight-queens-board{
  position:absolute!important;left:29.74%!important;top:29.58%!important;width:39.50%!important;height:48.08%!important;
  z-index:25!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;
  display:grid!important;grid-template-columns:repeat(8,1fr)!important;grid-template-rows:repeat(8,1fr)!important;overflow:visible!important;touch-action:manipulation!important;pointer-events:auto!important;
}
body[data-room-id="1"] .eight-queens-square,
body[data-room-id="1"] .eight-queens-square.light,
body[data-room-id="1"] .eight-queens-square.dark,
body[data-room-id="1"] .eight-queens-square.occupied,
body[data-room-id="1"] .eight-queens-square.conflict{
  position:relative!important;display:grid!important;place-items:center!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;outline:0!important;
  padding:0!important;min-width:0!important;min-height:0!important;overflow:visible!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;
}
body[data-room-id="1"] .eight-queens-piece{
  /* A separate, symmetrically padded queen asset keeps every piece centered. */
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:114%!important;height:114%!important;
  display:block!important;margin:0!important;padding:0!important;
  pointer-events:none!important;transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
  background:transparent url('eight-queen-centered-v236.webp?v=236.0.0') center center/contain no-repeat!important;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.9)) drop-shadow(0 1px 2px rgba(0,0,0,.45))!important;
}
body[data-room-id="1"] .eight-queens-piece.conflict-piece{filter:drop-shadow(0 1px 0 rgba(0,0,0,.9)) drop-shadow(0 1px 2px rgba(0,0,0,.45))!important;}
body[data-room-id="1"] .eight-queens-status{
  position:absolute!important;left:28.8%!important;top:84.80%!important;width:41.5%!important;z-index:35!important;height:2.2%!important;min-height:0!important;margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;border:0!important;color:#2b1708!important;text-align:center!important;font:700 clamp(13px,1.3vw,16px)/1 Georgia,'Times New Roman',serif!important;white-space:nowrap!important;pointer-events:none!important;
}
body[data-room-id="1"] .eight-queens-status:empty{display:none!important;}
body[data-room-id="1"] .eight-queens-status.wrong{color:#7d1f16!important;}
body[data-room-id="1"] .eight-queens-status.solved{color:#1e5b28!important;}
body[data-room-id="1"] .eight-queens-reset{
  position:absolute!important;left:39.0%!important;top:88.0%!important;width:20.1%!important;height:7.3%!important;z-index:40!important;
  border:0!important;background:transparent!important;color:transparent!important;box-shadow:none!important;font-size:0!important;padding:0!important;margin:0!important;cursor:pointer!important;touch-action:manipulation!important;
}
body.eight-queens-open .stage{pointer-events:none!important;}
body.eight-queens-open .eight-queens-modal,
body.eight-queens-open .eight-queens-modal *{pointer-events:auto!important;}
@media(max-width:700px){body[data-room-id="1"] .eight-queens-card{width:min(99vw,calc(96dvh * 1476 / 1065))!important;}body[data-room-id="1"] .eight-queens-piece{width:114%!important;height:114%!important;}body[data-room-id="1"] .eight-queens-status{font-size:clamp(9px,1.9vw,13px)!important;}}

/* ============================================================
   v190.2 Room 1 frame triggers — use the artwork itself.
   No separate knight/queen icon is drawn. The invisible hit areas
   sit directly over the knight and queen already painted in Room 1.
   ============================================================ */
body[data-room-id="1"] .knight-tour-hotspot{
  left:10.75%!important;
  top:40.9%!important;
  width:7.6%!important;
  height:22.5%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:translate(-50%,-50%)!important;
  overflow:visible!important;
  cursor:pointer!important;
  opacity:1!important;
  -webkit-tap-highlight-color:transparent!important;
}
body[data-room-id="1"] .knight-tour-hotspot::before,
body[data-room-id="1"] .knight-tour-hotspot::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
body[data-room-id="1"] .knight-tour-hotspot:focus-visible{
  outline:2px dashed rgba(120,72,20,.75)!important;
  outline-offset:2px!important;
  background:transparent!important;
}

/* Queen painted in the upper-right of the four-piece frame. */
body[data-room-id="1"] .eight-queens-hotspot{
  left:25.25%!important;
  top:34.6%!important;
  width:3.7%!important;
  height:12.5%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:translate(-50%,-50%)!important;
  overflow:visible!important;
  cursor:pointer!important;
  opacity:1!important;
  -webkit-tap-highlight-color:transparent!important;
}
body[data-room-id="1"] .eight-queens-hotspot::before,
body[data-room-id="1"] .eight-queens-hotspot::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
body[data-room-id="1"] .eight-queens-hotspot:focus-visible{
  outline:2px dashed rgba(120,72,20,.75)!important;
  outline-offset:2px!important;
  background:transparent!important;
}

/* Standard chess problem: keep the lower parchment clean on open.
   The result/status is shown only after real play feedback. */
.exact-shell-card .puzzle-footer .exact-shell-status:empty{
  display:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* v196: Keep Eight Queens pieces equal to Chess Problem pieces on narrow screens. */
@media(max-width:700px){body[data-room-id="1"] .eight-queens-piece{width:114%!important;height:114%!important;}}

/* v198: Knight Tour piece now uses a white transparent knight to match the Eight Queens look.
   Keep the project's dedicated knight artwork, but recolored to the white transparent style. */
body[data-room-id="1"] .knight-tour-square .knight-tour-piece,
body[data-room-id="1"] .knight-tour-square.current .knight-tour-piece{
  left:50%!important;
  top:50%!important;
  width:112%!important;
  height:112%!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
  background:transparent url('knight-tour-piece-white.webp?v=199.0.0') center/contain no-repeat!important;
  filter:drop-shadow(0 2px 1px rgba(0,0,0,.38))!important;
  pointer-events:none!important;
}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-square .knight-tour-piece,
  body[data-room-id="1"] .knight-tour-square.current .knight-tour-piece{
    width:108%!important;
    height:108%!important;
  }
}

/* v199 Room 1 Knight Tour targeted polish: translucent white piece, status off the
   printed start instructions, and accurately aligned gold close button. */
body[data-room-id="1"] .knight-tour-square .knight-tour-piece,
body[data-room-id="1"] .knight-tour-square.current .knight-tour-piece{
  opacity:.52!important;
}
body[data-room-id="1"] .knight-tour-status{
  left:29%!important;
  top:81.2%!important;
  width:42%!important;
  min-height:0!important;
  max-height:4.4%!important;
  font-size:clamp(8px,.95vw,12px)!important;
  line-height:1.1!important;
  text-align:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  z-index:45!important;
}
body[data-room-id="1"] .knight-tour-close{
  left:85%!important;
  top:4.4%!important;
  width:10.5%!important;
  height:12%!important;
  aspect-ratio:auto!important;
  border-radius:50%!important;
  z-index:100!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

/* v200 Knight Tour correction
   - put gameplay status back in the proper top-center popup area
   - use a white/translucent knight with a black outline
   - enlarge/realign the invisible hit area over the decorative gold X */
body[data-room-id="1"] .knight-tour-square .knight-tour-piece,
body[data-room-id="1"] .knight-tour-square.current .knight-tour-piece{
  background:transparent url('knight-tour-piece-white-black-border.webp?v=200.0.0') center/contain no-repeat!important;
  opacity:.68!important;
  filter:none!important;
}
body[data-room-id="1"] .knight-tour-status{
  left:28.8%!important;
  top:18.1%!important;
  width:42.4%!important;
  min-height:0!important;
  max-height:none!important;
  padding:0 4px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font:700 clamp(8px,.92vw,11px)/1.06 Georgia,'Times New Roman',serif!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  z-index:45!important;
}
body[data-room-id="1"] .knight-tour-close{
  left:85.0%!important;
  top:5.8%!important;
  width:9.0%!important;
  height:9.4%!important;
  aspect-ratio:auto!important;
  border-radius:50%!important;
  display:block!important;
  z-index:120!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  background:transparent!important;
}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-status{
    top:17.7%!important;
    font-size:clamp(7px,1.75vw,9px)!important;
  }
  body[data-room-id="1"] .knight-tour-close{
    top:5.6%!important;
    width:9.6%!important;
    height:10.2%!important;
  }
}

/* v202: reward is now printed into the original Knight artwork at the correct
   location like the Eight Queens reward. A separate progress line sits below a-h. */
body[data-room-id="1"] .knight-tour-card{
  background-image:url('knight-tour-panel-v202.webp?v=202.0.0')!important;
}
body[data-room-id="1"] .knight-tour-progress{display:none!important;}
body[data-room-id="1"] .knight-tour-status{
  left:29.0%!important;top:85.55%!important;width:42%!important;
  padding:0!important;margin:0!important;min-height:0!important;max-height:none!important;
  z-index:45!important;overflow:visible!important;white-space:nowrap!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:#2b1708!important;text-align:center!important;
  font:700 clamp(10px,1.08vw,13px)/1.08 Georgia,'Times New Roman',serif!important;
  text-overflow:clip!important;pointer-events:none!important;
}
body[data-room-id="1"] .knight-tour-status.wrong{color:#7d1f16!important;}
body[data-room-id="1"] .knight-tour-status.solved{color:#1e5b28!important;}
/* The painted gold X is centered around x=82.2%, y=13.2% in the popup image. */
body[data-room-id="1"] .knight-tour-close{
  left:77.8%!important;top:7.9%!important;width:8.9%!important;height:10.7%!important;
  aspect-ratio:auto!important;border-radius:50%!important;z-index:150!important;
  pointer-events:auto!important;touch-action:manipulation!important;
  background:transparent!important;border:0!important;color:transparent!important;
  font-size:0!important;box-shadow:none!important;cursor:pointer!important;
}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-status{font-size:clamp(7px,1.75vw,10px)!important;}
}

/* v203: preserve the original decorative transparent corners around Knight Tour.
   The v202 reward copy had been flattened onto black outside the artwork. */
body[data-room-id="1"] .knight-tour-card{
  background-image:url('knight-tour-panel-v203.webp?v=203.0.0')!important;
}
/* A short single line fits the small gap immediately after a-h and before Reset. */
body[data-room-id="1"] .knight-tour-status{
  left:29%!important;
  top:83.8%!important;
  width:42%!important;
  min-height:0!important;
  max-height:1.1em!important;
  padding:0!important;
  margin:0!important;
  font:700 clamp(7px,.75vw,10px)/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  background:transparent!important;
  color:#351d0d!important;
  text-align:center!important;
  z-index:45!important;
  pointer-events:none!important;
}
body[data-room-id="1"] .knight-tour-status:empty{display:none!important;}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-status{top:83.7%!important;font-size:clamp(6px,1.55vw,8px)!important;}
}

/* v204: larger under-board Knight Tour status and clean reward text with no shadow */
body[data-room-id="1"] .knight-tour-card{
  background-image:url('knight-tour-panel-v204.webp?v=204.0.0')!important;
}
body[data-room-id="1"] .knight-tour-progress{
  display:block!important;
  position:absolute!important;
  left:34.3%!important;
  top:20.45%!important;
  width:31.4%!important;
  margin:0!important;
  padding:0!important;
  z-index:48!important;
  pointer-events:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}
body[data-room-id="1"] #knightTourProgress{display:none!important;}
body[data-room-id="1"] .knight-tour-progress .knight-tour-reward{
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#2c1707!important;
  text-shadow:none!important;
  letter-spacing:0!important;
  font:700 clamp(11px,1.18vw,16px)/1.02 Georgia,'Times New Roman',serif!important;
  white-space:nowrap!important;
}
body[data-room-id="1"] .knight-tour-status{
  left:26.8%!important;
  top:83.35%!important;
  width:46.5%!important;
  min-height:0!important;
  max-height:1.2em!important;
  margin:0!important;
  padding:0!important;
  z-index:50!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#321b0c!important;
  text-shadow:none!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font:700 clamp(9px,0.98vw,13px)/1.04 Georgia,'Times New Roman',serif!important;
  pointer-events:none!important;
}
body[data-room-id="1"] .knight-tour-status.wrong{color:#7d1f16!important;}
body[data-room-id="1"] .knight-tour-status.solved{color:#1e5b28!important;}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-progress{top:20.35%!important;width:34.8%!important;left:32.8%!important;}
  body[data-room-id="1"] .knight-tour-progress .knight-tour-reward{font-size:clamp(8px,1.95vw,12px)!important;}
  body[data-room-id="1"] .knight-tour-status{top:83.15%!important;width:49%!important;left:25.5%!important;font-size:clamp(7px,1.7vw,10px)!important;}
}

/* v205: remove visible reward box and enlarge/move the status line below a-h */
body[data-room-id="1"] .knight-tour-card{
  background-image:url('knight-tour-panel-v205.webp?v=205.0.0')!important;
}
body[data-room-id="1"] .knight-tour-progress{
  left:34.0%!important;
  top:20.42%!important;
  width:32.0%!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-room-id="1"] .knight-tour-progress .knight-tour-reward{
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#2a1708!important;
  text-shadow:none!important;
  font:700 clamp(11px,1.16vw,15px)/1.02 Georgia,'Times New Roman',serif!important;
}
body[data-room-id="1"] .knight-tour-status{
  left:25.8%!important;
  top:85.35%!important;
  width:48.2%!important;
  max-height:1.25em!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#321b0c!important;
  text-shadow:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font:700 clamp(11px,1.18vw,15px)/1.02 Georgia,'Times New Roman',serif!important;
  letter-spacing:0!important;
  z-index:50!important;
}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-progress{left:32.7%!important;top:20.3%!important;width:34.8%!important;}
  body[data-room-id="1"] .knight-tour-progress .knight-tour-reward{font-size:clamp(8px,1.9vw,11px)!important;}
  body[data-room-id="1"] .knight-tour-status{left:24.9%!important;top:85.1%!important;width:50.5%!important;font-size:clamp(8px,1.9vw,11px)!important;}
}

/* v206 final Knight Tour text cleanup
   - use the clean v202 panel with built-in reward text
   - hide the extra live reward element completely
   - show the status only under the board after the first move */
body[data-room-id="1"] .knight-tour-card{
  background-image:url('knight-tour-panel-v202.webp?v=202.0.0')!important;
}
body[data-room-id="1"] .knight-tour-progress,
body[data-room-id="1"] .knight-tour-progress span,
body[data-room-id="1"] #knightTourProgress,
body[data-room-id="1"] .knight-tour-reward{
  display:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-room-id="1"] .knight-tour-status{
  left:25.0%!important;
  top:85.45%!important;
  width:50.0%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  max-height:1.15em!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#2b1708!important;
  text-shadow:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font:700 clamp(10px,1.10vw,13px)/1.04 Georgia,'Times New Roman',serif!important;
  letter-spacing:0!important;
  z-index:55!important;
  pointer-events:none!important;
}
body[data-room-id="1"] .knight-tour-status:empty{display:none!important;}
body[data-room-id="1"] .knight-tour-status.wrong{color:#7d1f16!important;}
body[data-room-id="1"] .knight-tour-status.solved{color:#1e5b28!important;}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-status{
    left:23.0%!important;
    top:85.15%!important;
    width:54.0%!important;
    font-size:clamp(8px,1.85vw,11px)!important;
  }
}

/* v207: transparent black surround and readable centered progress between board letters and Reset. */
body[data-room-id="1"] .knight-tour-card{
  background-image:url('knight-tour-panel-v207.webp?v=207.0.0')!important;
}
body[data-room-id="1"] .knight-tour-status{
  left:26%!important;
  width:48%!important;
  top:84.35%!important;
  max-height:none!important;
  overflow:visible!important;
  font:700 clamp(13px,1.36vw,17px)/1.05 Georgia,'Times New Roman',serif!important;
  color:#211205!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-status{
    left:23%!important;
    width:54%!important;
    top:84.25%!important;
    font-size:clamp(9px,2.1vw,13px)!important;
  }
}


/* v210: create real space between a-h letters and Reset for Knight Tour messages */
body[data-room-id="1"] .knight-tour-reset{
  left:39.3%!important;
  top:89.25%!important;
  width:19.4%!important;
  height:6.6%!important;
}
body[data-room-id="1"] .knight-tour-status{
  left:24.5%!important;
  top:84.15%!important;
  width:51%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  font:700 clamp(13px,1.34vw,17px)/1.02 Georgia,'Times New Roman',serif!important;
  color:#211205!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  text-align:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-reset{
    left:38.8%!important;
    top:89.15%!important;
    width:20.6%!important;
    height:6.9%!important;
  }
  body[data-room-id="1"] .knight-tour-status{
    left:21.5%!important;
    top:83.9%!important;
    width:57%!important;
    font-size:clamp(9px,2.0vw,13px)!important;
  }
}

/* v211: create real visible gap for Knight Tour messages */
body[data-room-id="1"] .knight-tour-card{
  position:relative!important;
  background-image:url('knight-tour-panel-v207.webp?v=207.0.0')!important;
}
body[data-room-id="1"] .knight-tour-card::after{
  content:""!important;
  position:absolute!important;
  left:35.1%!important;
  top:84.9%!important;
  width:29.8%!important;
  height:11.2%!important;
  background:linear-gradient(180deg, rgba(239,221,184,.98) 0%, rgba(233,210,165,.98) 100%)!important;
  border-radius:18px!important;
  z-index:24!important;
  pointer-events:none!important;
}
body[data-room-id="1"] .knight-tour-reset{
  left:36.95%!important;
  top:88.85%!important;
  width:26.25%!important;
  height:11.95%!important;
  z-index:34!important;
  background:transparent url('knight-tour-reset-v211.png?v=211.0.0') center/contain no-repeat!important;
}
body[data-room-id="1"] .knight-tour-status{
  left:24.7%!important;
  top:84.92%!important;
  width:50.6%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  max-height:none!important;
  z-index:35!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#2a1808!important;
  text-shadow:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  font:700 clamp(11px,1.16vw,15px)/1.02 Georgia,'Times New Roman',serif!important;
}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-card::after{
    left:33.4%!important;
    top:84.75%!important;
    width:33.5%!important;
    height:11.6%!important;
  }
  body[data-room-id="1"] .knight-tour-reset{
    left:35.7%!important;
    top:88.7%!important;
    width:28.5%!important;
    height:12.35%!important;
  }
  body[data-room-id="1"] .knight-tour-status{
    left:20.5%!important;
    top:84.72%!important;
    width:59%!important;
    font-size:clamp(8px,1.9vw,11px)!important;
  }
}

/* v213: cleaner Knight Tour message area with blended parchment strip */
body[data-room-id="1"] .knight-tour-card{
  width:min(1040px,96vw,calc(96dvh * 1448 / 1124))!important;
  aspect-ratio:1448/1124!important;
  max-height:96dvh!important;
  background:transparent url('knight-tour-panel-v213.webp?v=213.0.0') center/100% 100% no-repeat!important;
}
body[data-room-id="1"] .knight-tour-card::after{display:none!important;content:none!important;}
body[data-room-id="1"] .knight-tour-board{
  top:25.27%!important;height:51.70%!important;
}
body[data-room-id="1"] .knight-tour-close{
  top:7.64%!important;height:9.9%!important;
}
body[data-room-id="1"] .knight-tour-reset{
  left:39.1%!important;top:87.55%!important;width:19.8%!important;height:7.0%!important;
  background:transparent!important;
  z-index:48!important;
  cursor:pointer!important;
}
body[data-room-id="1"] .knight-tour-status{
  left:25%!important;top:81.2%!important;width:50%!important;
  font:700 clamp(13px,1.36vw,17px)/1.2 Georgia,'Times New Roman',serif!important;
  white-space:nowrap!important;
  overflow:visible!important;
  color:#211205!important;
  text-shadow:none!important;
  background:transparent!important;
  z-index:49!important;
}
@media(max-width:700px){
 body[data-room-id="1"] .knight-tour-card{width:min(99vw,calc(96dvh * 1448 / 1124))!important;}
 body[data-room-id="1"] .knight-tour-status{left:21%!important;width:58%!important;top:81.1%!important;font-size:clamp(9px,2.05vw,13px)!important;}
}

/* v214: transparent Knight Tour reward/status text with clean parchment underlay */
body[data-room-id="1"] .knight-tour-card{
  width:min(1040px,96vw,calc(96dvh * 1448 / 1124))!important;
  aspect-ratio:1448/1124!important;
  max-height:96dvh!important;
  background:transparent url('knight-tour-panel-v214.webp?v=214.0.0') center/100% 100% no-repeat!important;
}
body[data-room-id="1"] .knight-tour-progress{
  left:34.0%!important;
  top:20.42%!important;
  width:32.0%!important;
  justify-content:center!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-room-id="1"] #knightTourProgress{display:none!important;}
body[data-room-id="1"] .knight-tour-progress span,
body[data-room-id="1"] .knight-tour-progress .knight-tour-reward,
body[data-room-id="1"] .knight-tour-reward{
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#2a1708!important;
  text-shadow:none!important;
  font:700 clamp(11px,1.16vw,15px)/1.02 Georgia,'Times New Roman',serif!important;
}
body[data-room-id="1"] .knight-tour-status{
  left:25.0%!important;
  top:81.2%!important;
  width:50.0%!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#321b0c!important;
  text-shadow:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font:700 clamp(13px,1.36vw,17px)/1.15 Georgia,'Times New Roman',serif!important;
  letter-spacing:0!important;
  z-index:50!important;
}
body[data-room-id="1"] .knight-tour-status:empty{display:none!important;}
body[data-room-id="1"] .knight-tour-status.wrong{color:#7d1f16!important;}
body[data-room-id="1"] .knight-tour-status.solved{color:#1e5b28!important;}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-card{width:min(99vw,calc(96dvh * 1448 / 1124))!important;}
  body[data-room-id="1"] .knight-tour-progress{left:32.7%!important;top:20.3%!important;width:34.8%!important;}
  body[data-room-id="1"] .knight-tour-progress .knight-tour-reward{font-size:clamp(8px,1.9vw,11px)!important;}
  body[data-room-id="1"] .knight-tour-status{left:22.0%!important;top:81.0%!important;width:56.0%!important;font-size:clamp(9px,2.05vw,13px)!important;}
}

/* v215: revert Knight Tour to the last stable artwork and text layout
   - use the clean v212 panel
   - keep the built-in Reward: 64 points artwork
   - hide the extra live reward/progress element
   - show the live status centered on the built-in lower strip */
body[data-room-id="1"] .knight-tour-card{
  width:min(1040px,96vw,calc(96dvh * 1448 / 1124))!important;
  aspect-ratio:1448/1124!important;
  max-height:96dvh!important;
  background:transparent url('knight-tour-panel-v212.webp?v=215.0.0') center/100% 100% no-repeat!important;
}
body[data-room-id="1"] .knight-tour-card::before,
body[data-room-id="1"] .knight-tour-card::after{display:none!important;content:none!important;}
body[data-room-id="1"] .knight-tour-board{
  top:25.27%!important;
  height:51.70%!important;
}
body[data-room-id="1"] .knight-tour-close{
  top:7.64%!important;
  height:9.9%!important;
}
body[data-room-id="1"] .knight-tour-progress,
body[data-room-id="1"] .knight-tour-progress span,
body[data-room-id="1"] #knightTourProgress,
body[data-room-id="1"] .knight-tour-reward{
  display:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-room-id="1"] .knight-tour-reset{
  left:39.1%!important;
  top:87.55%!important;
  width:19.8%!important;
  height:7.0%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  z-index:48!important;
  cursor:pointer!important;
}
body[data-room-id="1"] .knight-tour-status{
  left:25.0%!important;
  top:81.18%!important;
  width:50.0%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#211205!important;
  text-shadow:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  pointer-events:none!important;
  font:700 clamp(13px,1.36vw,17px)/1.15 Georgia,'Times New Roman',serif!important;
  letter-spacing:0!important;
  z-index:49!important;
}
body[data-room-id="1"] .knight-tour-status:empty{display:none!important;}
body[data-room-id="1"] .knight-tour-status.wrong{color:#7d1f16!important;}
body[data-room-id="1"] .knight-tour-status.solved{color:#1e5b28!important;}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-card{width:min(99vw,calc(96dvh * 1448 / 1124))!important;}
  body[data-room-id="1"] .knight-tour-reset{
    left:39.0%!important;
    top:87.45%!important;
    width:20.2%!important;
    height:7.15%!important;
  }
  body[data-room-id="1"] .knight-tour-status{
    left:21.0%!important;
    top:81.05%!important;
    width:58.0%!important;
    font-size:clamp(9px,2.05vw,13px)!important;
  }
}

/* v216: restore clean parchment artwork under Reward and live status.
   Use the clean v207 panel (no beige message strip) and place the live
   status text directly in the parchment gap between the file letters and Reset. */
body[data-room-id="1"] .knight-tour-card{
  width:min(1040px,96vw,calc(96dvh * 1448 / 1086))!important;
  aspect-ratio:1448/1086!important;
  max-height:96dvh!important;
  background:transparent url('knight-tour-panel-v207.webp?v=216.0.0') center/100% 100% no-repeat!important;
}
body[data-room-id="1"] .knight-tour-card::before,
body[data-room-id="1"] .knight-tour-card::after{display:none!important;content:none!important;}
body[data-room-id="1"] .knight-tour-board{
  left:29.22%!important;
  top:26.10%!important;
  width:41.55%!important;
  height:53.55%!important;
}
body[data-room-id="1"] .knight-tour-close{
  left:84.9%!important;
  top:6.15%!important;
  width:8.5%!important;
  height:auto!important;
}
body[data-room-id="1"] .knight-tour-progress,
body[data-room-id="1"] .knight-tour-progress span,
body[data-room-id="1"] #knightTourProgress,
body[data-room-id="1"] .knight-tour-reward{
  display:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-room-id="1"] .knight-tour-reset{
  left:39.25%!important;
  top:88.95%!important;
  width:19.55%!important;
  height:6.85%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  z-index:48!important;
  cursor:pointer!important;
}
body[data-room-id="1"] .knight-tour-status{
  left:24.9%!important;
  top:84.18%!important;
  width:50.2%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#221206!important;
  text-shadow:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  pointer-events:none!important;
  font:700 clamp(13px,1.28vw,16px)/1.05 Georgia,'Times New Roman',serif!important;
  letter-spacing:0!important;
  z-index:49!important;
}
body[data-room-id="1"] .knight-tour-status:empty{display:none!important;}
body[data-room-id="1"] .knight-tour-status.wrong{color:#7d1f16!important;}
body[data-room-id="1"] .knight-tour-status.solved{color:#1e5b28!important;}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-card{width:min(99vw,calc(96dvh * 1448 / 1086))!important;}
  body[data-room-id="1"] .knight-tour-reset{
    left:38.8%!important;
    top:88.85%!important;
    width:20.6%!important;
    height:7.05%!important;
  }
  body[data-room-id="1"] .knight-tour-status{
    left:21.4%!important;
    top:83.95%!important;
    width:57.2%!important;
    font-size:clamp(9px,2.02vw,13px)!important;
  }
}

/* v217: move the live Knight Tour status into the plain parchment gap
   between the file letters and the built-in Reset artwork.
   Keep the text fully transparent (no badge/background) and centered. */
body[data-room-id="1"] .knight-tour-status{
  left:25.2%!important;
  top:82.82%!important;
  width:49.6%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#221206!important;
  text-shadow:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  pointer-events:none!important;
  font:700 clamp(12px,1.22vw,15px)/1.02 Georgia,'Times New Roman',serif!important;
  letter-spacing:0!important;
  z-index:49!important;
}
body[data-room-id="1"] .knight-tour-status.wrong{color:#7d1f16!important;}
body[data-room-id="1"] .knight-tour-status.solved{color:#1e5b28!important;}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-status{
    left:21.7%!important;
    top:82.55%!important;
    width:56.6%!important;
    font-size:clamp(9px,1.95vw,12px)!important;
  }
}


/* v218: match the Eight Queens bottom layout measurements for Knight Tour.
   Keep the clean built-in artwork, but place the live status in the same
   type of transparent gap between the file letters and Reset. */
body[data-room-id="1"] .knight-tour-reset{
  left:39.1%!important;
  top:88.0%!important;
  width:19.5%!important;
  height:7.2%!important;
  z-index:40!important;
}
body[data-room-id="1"] .knight-tour-status{
  left:29.0%!important;
  top:85.55%!important;
  width:42.0%!important;
  z-index:35!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#2b1708!important;
  text-shadow:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  pointer-events:none!important;
  font:700 clamp(10px,1.08vw,13px)/1.08 Georgia,'Times New Roman',serif!important;
  letter-spacing:0!important;
}
body[data-room-id="1"] .knight-tour-status:empty{display:none!important;}
body[data-room-id="1"] .knight-tour-status.wrong{color:#7d1f16!important;}
body[data-room-id="1"] .knight-tour-status.solved{color:#1e5b28!important;}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-reset{
    left:39.0%!important;
    top:87.95%!important;
    width:19.9%!important;
    height:7.25%!important;
  }
  body[data-room-id="1"] .knight-tour-status{
    left:28.4%!important;
    top:85.40%!important;
    width:43.2%!important;
    font-size:clamp(7px,1.75vw,10px)!important;
  }
}

/* v219: physically extended v212 panel has 40px between letters and Reset.
   Place progress in the CENTRE of that clear artwork space. */
body[data-room-id="1"] .knight-tour-card{
  width:min(1040px,96vw,calc(96dvh * 1448 / 1124))!important;
  aspect-ratio:1448/1124!important;
  max-height:96dvh!important;
  background:transparent url('knight-tour-panel-v212.webp?v=219') center/100% 100% no-repeat!important;
}
body[data-room-id="1"] .knight-tour-board{left:29.213%!important;top:25.27%!important;width:41.575%!important;height:51.70%!important}
body[data-room-id="1"] .knight-tour-close{left:84.9%!important;top:7.64%!important;width:8.5%!important;height:9.9%!important}
body[data-room-id="1"] .knight-tour-reset{
 left:38.7%!important;top:83.3%!important;width:22%!important;height:9.5%!important;
 background:transparent!important;z-index:48!important;
}
body[data-room-id="1"] .knight-tour-status{
 position:absolute!important;left:24%!important;top:80.1%!important;width:52%!important;
 min-height:0!important;max-height:none!important;line-height:1.12!important;
 margin:0!important;padding:0!important;border:0!important;
 background:transparent!important;box-shadow:none!important;text-shadow:none!important;
 text-align:center!important;white-space:nowrap!important;overflow:visible!important;
 font:700 clamp(11px,1.15vw,15px)/1.12 Georgia,'Times New Roman',serif!important;
 color:#2b1708!important;z-index:55!important;pointer-events:none!important;
}
body[data-room-id="1"] .knight-tour-status.wrong{color:#7d1f16!important}
@media(max-width:700px){body[data-room-id="1"] .knight-tour-status{left:19%!important;width:62%!important;top:80.05%!important;font-size:clamp(8px,1.8vw,12px)!important}}

/* v221: keep V220 layout, but force the live status line itself to be fully transparent
   with no background box at all. Leave the built-in parchment artwork untouched. */
body[data-room-id="1"] .knight-tour-status{
  top:82.00%!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  outline:0!important;
  padding:0!important;
  opacity:1!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body[data-room-id="1"] .knight-tour-status:empty{display:none!important;}
body[data-room-id="1"] .knight-tour-status::before,
body[data-room-id="1"] .knight-tour-status::after{
  content:none!important;
  display:none!important;
}
@media(max-width:700px){
  body[data-room-id="1"] .knight-tour-status{top:81.85%!important;}
}