/* PACK333R70 — select/menu readability polish for DOM overlays around canvas. */
body.sk-player-mode #pack197SelectBackButton{
  min-width:104px!important;
  min-height:44px!important;
  width:auto!important;
  height:44px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  font-size:15px!important;
  letter-spacing:.055em!important;
  background:linear-gradient(180deg,rgba(18,24,38,.82),rgba(2,6,23,.92))!important;
  border:1.5px solid rgba(250,204,21,.72)!important;
  box-shadow:0 0 18px rgba(250,204,21,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
  opacity:.90!important;
}
body.sk-player-mode #pack197SelectBackButton:active{ transform:scale(.98)!important; }

/* Keep help/combo modal readable and high, but not visually brutal. */
body.sk-player-mode #pack145ComboOverlay.pack226-combo-open .p145-card,
body.sk-player-mode #pack226MobileComboOverlay .p145-card,
body.sk-player-mode #pack226ComboModal .p145-card{
  border-radius:18px!important;
  border-color:rgba(250,204,21,.68)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.68), 0 0 34px rgba(250,204,21,.10)!important;
}
body.sk-player-mode #pack145ComboOverlay.pack226-combo-open .p145-title{
  letter-spacing:.08em!important;
}

/* Letterbox outside the canvas should feel intentional, not like a broken blue sidebar. */
body.sk-player-mode{
  background:radial-gradient(circle at 50% 50%, #050b18 0%, #000 72%)!important;
}
body.sk-player-mode::selection{ background:rgba(56,189,248,.30); color:#fff; }

/* Subtle image polish for the main game canvas when not in fight; the canvas render remains unchanged. */
body.sk-scene-menu.sk-player-mode #gc,
body.sk-scene-select.sk-player-mode #gc{
  filter:saturate(1.04) contrast(1.02);
}
body.sk-scene-fight.sk-player-mode #gc{
  filter:none;
}