/* Hungry Wars — Gold Settings v146
   Scoped to mainSettings only. No input/click handlers modified. */
#modal[data-view="mainSettings"]{
  background:rgba(31,18,6,.70)!important;
  backdrop-filter:blur(9px) saturate(.85)!important;
}
#modal[data-view="mainSettings"]>.modal-window{
  position:relative!important;
  box-sizing:border-box!important;
  width:min(720px,94vw)!important;
  max-width:720px!important;
  height:auto!important;
  max-height:min(94vh,920px)!important;
  padding:0!important;
  border:4px solid #ad6914!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff5d5 0%,#f7dd9e 60%,#e9bd61 100%)!important;
  box-shadow:0 0 0 2px #ffe8a5,0 0 0 5px #763908,0 17px 54px rgba(19,7,0,.50),inset 0 0 0 3px #fff4cc!important;
}
#modal[data-view="mainSettings"]>.modal-window::before{
  content:"";position:absolute;inset:9px;pointer-events:none;z-index:2;border:1px solid rgba(151,89,19,.48);
  border-radius:17px;box-shadow:inset 0 0 0 1px rgba(255,252,222,.75);
}
#modal[data-view="mainSettings"] #modalBody{
  position:relative!important;z-index:3!important;padding:0!important;
  max-height:calc(94vh - 12px)!important;overflow:auto!important;scrollbar-width:thin;
  scrollbar-color:#c68b36 transparent;
}
#modal[data-view="mainSettings"] .hw-main-settings{
  position:relative!important;box-sizing:border-box!important;
  min-height:0!important;padding:0 28px 23px!important;
  color:#63320a!important;
  background:radial-gradient(ellipse 74% 48% at 50% 0%,#fffdf1 0%,transparent 95%),
  linear-gradient(180deg,#fff0bb 0%,#f7d995 52%,#edbe62 100%)!important;
  font-family:Trebuchet MS,Arial,sans-serif!important;
}
#modal[data-view="mainSettings"] .hw-main-settings::before,
#modal[data-view="mainSettings"] .hw-main-settings::after{
  content:"✦";position:absolute;bottom:23px;z-index:0;color:#fff4c3;font-size:19px;
  text-shadow:0 0 7px #fef7b3;pointer-events:none;
}
#modal[data-view="mainSettings"] .hw-main-settings::before{left:15px}
#modal[data-view="mainSettings"] .hw-main-settings::after{right:15px}
#modal[data-view="mainSettings"]>.modal-window>.modal-close{
  position:absolute!important;top:16px!important;right:16px!important;left:auto!important;
  z-index:90!important;width:49px!important;height:49px!important;display:grid!important;
  place-items:center!important;border:3px solid #fff2aa!important;border-radius:50%!important;
  background:linear-gradient(#ff7160 0%,#f32d25 60%,#bb1710 100%)!important;
  color:#fff!important;font-size:32px!important;font-weight:900!important;line-height:1!important;
  text-shadow:0 2px rgba(108,10,7,.35)!important;
  box-shadow:0 0 0 2px #a35313,0 4px 0 #783000,0 7px 13px rgba(67,25,3,.30),inset 0 2px #ffa7a0!important;
  transition:filter .15s,transform .15s!important;
}
#modal[data-view="mainSettings"]>.modal-window>.modal-close:hover{filter:brightness(1.10)!important;transform:translateY(-1px)!important}
#modal[data-view="mainSettings"] .hw74-settings-head{
  box-sizing:border-box!important;position:relative!important;
  min-height:171px!important;margin:0 -28px 4px!important;
  padding:78px 65px 12px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  background:linear-gradient(180deg,rgba(255,251,231,.93),rgba(255,241,197,.40))!important;
  border:0!important;text-align:center!important;overflow:visible!important;
  box-shadow:none!important;
}
#modal[data-view="mainSettings"] .hw74-gear-seal{
  position:absolute!important;top:10px!important;left:50%!important;
  width:70px!important;height:70px!important;flex:0 0 auto!important;margin:0!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;border:3px solid #b97c22!important;
  transform:translateX(-50%)!important;clip-path:none!important;
  background:linear-gradient(145deg,#fffae1 0%,#f5c456 42%,#b46a16 82%,#ffdb71 100%)!important;
  box-shadow:0 0 0 3px #fff4c9,0 0 0 5px #b97d27,0 6px 12px rgba(111,58,5,.28),inset 0 2px #fff9c7!important;
  filter:none!important;pointer-events:none!important;z-index:2!important;
}
#modal[data-view="mainSettings"] .hw74-gear-seal::before{
  content:""!important;position:absolute!important;inset:6px!important;border-radius:50%!important;
  border:2px solid #f5ce75!important;clip-path:none!important;
  background:linear-gradient(145deg,#955114,#4f2609 70%,#b78030)!important;
  box-shadow:inset 0 3px 6px rgba(17,5,0,.40)!important;
}
#modal[data-view="mainSettings"] .hw74-gear-seal span{
  position:relative!important;z-index:2!important;display:block!important;width:53px!important;height:53px!important;
  border:0!important;border-radius:50%!important;background:transparent url('/assets/ui/settings-gold-v146/gear.svg?v=146') center/87% 87% no-repeat!important;
  font-size:0!important;color:transparent!important;text-shadow:none!important;
}
#modal[data-view="mainSettings"] .hw74-head-copy{margin:0!important;position:relative;z-index:1}
#modal[data-view="mainSettings"] .hw74-head-copy small{display:none!important}
#modal[data-view="mainSettings"] .hw74-head-copy h2{
  margin:0!important;font-family:Georgia,'Times New Roman',serif!important;font-size:35px!important;
  font-weight:900!important;color:#653108!important;line-height:1.06!important;
  letter-spacing:.012em!important;text-shadow:0 2px 0 #fff7d8!important;
}
#modal[data-view="mainSettings"] .hw74-head-copy p{
  display:block!important;margin:7px 0 0!important;color:#925c26!important;
  font-size:11.4px!important;font-weight:700!important;line-height:1.25!important;
}
#modal[data-view="mainSettings"] .hw74-head-ornament{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:min(390px,78%)!important;margin:12px 0 0!important;color:#a15b12!important;
}
#modal[data-view="mainSettings"] .hw74-head-ornament i{
  height:1px!important;flex:1!important;background:linear-gradient(90deg,transparent,#c78729,#b56c16)!important;
}
#modal[data-view="mainSettings"] .hw74-head-ornament i:last-child{transform:scaleX(-1)}
#modal[data-view="mainSettings"] .hw74-head-ornament b{
  display:grid!important;place-items:center!important;width:16px!important;height:16px!important;
  background:linear-gradient(135deg,#ffe399,#bf7619)!important;border:2px solid #a66217!important;
  box-shadow:0 0 0 2px #fff4c2!important;transform:rotate(45deg)!important;
  color:#a3600a!important;font-size:8px!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list{
  display:grid!important;grid-template-columns:1fr!important;gap:9px!important;
  padding:7px 4px 4px!important;margin:0!important;background:transparent!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card{
  position:relative!important;box-sizing:border-box!important;display:grid!important;
  grid-template-columns:75px 46px minmax(0,1fr) 15px!important;
  grid-template-rows:auto!important;align-items:center!important;gap:12px!important;
  min-height:76px!important;margin:0!important;padding:9px 15px 9px 12px!important;
  border:2px solid #d79b46!important;border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,254,241,.98),rgba(255,240,200,.97))!important;
  box-shadow:inset 0 1px 0 #fff,0 3px 0 #b87e34,0 6px 12px rgba(82,40,0,.11)!important;
  overflow:hidden!important;cursor:pointer!important;
  transition:filter .14s,transform .14s!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card:hover{
  transform:translateY(-1px)!important;filter:brightness(1.025)!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card:focus-within{
  outline:2px solid #d18a18!important;outline-offset:2px!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card::before,
#modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card::after{
  content:"◆";position:absolute;top:50%;transform:translateY(-50%);color:#d2a151;font-size:9px;pointer-events:none;
}
#modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card::before{left:-4px}
#modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card::after{right:-4px}
/* Checkbox remains a real clickable checkbox; only its visual representation changes. */
#modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card input[type="checkbox"]{
  appearance:none!important;-webkit-appearance:none!important;position:relative!important;
  grid-column:1!important;grid-row:1!important;align-self:center!important;
  box-sizing:border-box!important;width:72px!important;height:36px!important;margin:0!important;
  border:2px solid #987653!important;border-radius:999px!important;
  background:linear-gradient(180deg,#c9b297,#ad9375)!important;
  box-shadow:inset 0 3px 5px rgba(70,38,12,.20),inset 0 0 0 2px rgba(255,255,255,.55),0 2px #fff4d8!important;
  cursor:pointer!important;z-index:2!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card input[type="checkbox"]::before{
  content:""!important;position:absolute;top:3px;left:4px;width:26px;height:26px;border-radius:50%;
  background:linear-gradient(135deg,#fff,#e7e3db)!important;
  border:1px solid #b2a69a!important;box-shadow:0 2px 4px rgba(56,28,9,.30)!important;
  transition:left .17s ease!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card input[type="checkbox"]:checked{
  border-color:#1a8e28!important;background:linear-gradient(180deg,#53db32 0%,#179f27 55%,#138523 100%)!important;
  box-shadow:inset 0 2px 4px rgba(1,79,14,.25),inset 0 0 0 2px rgba(224,255,188,.44),0 2px #fff9de!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card input[type="checkbox"]:checked::before{
  left:37px;background:linear-gradient(145deg,#fff,#f7fff4)!important;border-color:#dcf1d4!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card input[type="checkbox"]:checked::after{
  content:"✓"!important;position:absolute;left:39px;top:2px;width:26px;height:26px;
  display:grid;place-items:center!important;color:#15932d!important;font-size:20px!important;
  font-weight:900!important;text-shadow:none!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list .hw74-check{display:none!important}
#modal[data-view="mainSettings"] .hw-main-settings-list .hw74-setting-icon{
  box-sizing:border-box!important;grid-column:2!important;grid-row:1!important;
  width:45px!important;height:45px!important;display:block!important;margin:0!important;
  background-color:#fff1c1!important;background-position:center!important;
  background-repeat:no-repeat!important;background-size:25px 25px!important;
  border:2px solid #e3ae56!important;border-radius:12px!important;
  color:transparent!important;font-size:0!important;line-height:0!important;
  box-shadow:inset 0 0 0 2px #fff9df,0 3px 0 #bb8236!important;
}
#modal[data-view="mainSettings"] [data-setting-card="showMass"] .hw74-setting-icon{background-image:url('/assets/ui/settings-gold-v146/mass.svg?v=146')!important}
#modal[data-view="mainSettings"] [data-setting-card="showChat"] .hw74-setting-icon{background-image:url('/assets/ui/settings-gold-v146/chat.svg?v=146')!important}
#modal[data-view="mainSettings"] [data-setting-card="sound"] .hw74-setting-icon{background-image:url('/assets/ui/settings-gold-v146/sound.svg?v=146')!important}
#modal[data-view="mainSettings"] [data-setting-card="performanceMode"] .hw74-setting-icon{background-image:url('/assets/ui/settings-gold-v146/lightning.svg?v=146')!important}
#modal[data-view="mainSettings"] [data-setting-card="fullscreen"] .hw74-setting-icon{background-image:url('/assets/ui/settings-gold-v146/fullscreen.svg?v=146')!important}
#modal[data-view="mainSettings"] .hw-main-settings-list .hw74-setting-copy{
  grid-column:3!important;grid-row:1!important;display:block!important;min-width:0!important;
  margin:0!important;padding:0!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list .hw74-setting-copy b{
  display:block!important;font-size:16px!important;line-height:1.16!important;
  font-weight:900!important;color:#65320b!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list .hw74-setting-copy small{
  display:block!important;margin:4px 0 0!important;font-size:11px!important;
  line-height:1.2!important;color:#93652f!important;font-weight:600!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list .hw74-card-spark{
  grid-column:4!important;grid-row:1!important;font-size:0!important;color:transparent!important;
  width:11px;height:17px;border:0;
}
#modal[data-view="mainSettings"] .hw-main-settings-list .hw74-card-spark::before{
  content:"";display:block;width:9px;height:9px;border-right:3px solid #cb881e;
  border-top:3px solid #cb881e;transform:rotate(45deg);margin:2px 0;
}
/* Extra performance controls can be inserted by their own module. Style them, do not hide them. */
#modal[data-view="mainSettings"] .hw-main-settings-list>div{
  border:2px solid #d79b46!important;border-radius:17px!important;
  padding:11px 14px!important;background:linear-gradient(#fffaf0,#fbe6af)!important;
  color:#65320b!important;box-shadow:0 3px #bf843a!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list>div:has(>input[type="checkbox"]){
  display:flex!important;align-items:center!important;gap:10px!important;min-height:64px!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list>div>input[type="checkbox"]{
  appearance:auto!important;-webkit-appearance:checkbox!important;accent-color:#35a92f!important;
  flex:0 0 22px!important;width:22px!important;height:22px!important;position:static!important;
  margin:0!important;transform:none!important;display:block!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list>div>*:not(input[type="checkbox"]){
  display:initial!important;position:static!important;transform:none!important;margin:0!important;
}
#modal[data-view="mainSettings"] .hw-main-settings-list>div b,
#modal[data-view="mainSettings"] .hw-main-settings-list>div strong{font-size:13px!important;color:#65320b!important}
#modal[data-view="mainSettings"] .hw-main-settings-list>div small{
  font-size:10px!important;color:#91602a!important;line-height:1.2!important;
}
#modal[data-view="mainSettings"] .hw74-settings-footer{
  position:relative!important;display:grid!important;place-items:center!important;
  padding:21px 0 5px!important;margin:0!important;
}
#modal[data-view="mainSettings"] .hw74-settings-footer::before{
  content:"";display:block;position:absolute;top:9px;left:8%;right:8%;height:1px;
  background:linear-gradient(90deg,transparent,#c58422,#fef6ce,#c58422,transparent);
}
#modal[data-view="mainSettings"] .hw-settings-close{
  position:relative!important;box-sizing:border-box!important;
  display:grid!important;place-items:center!important;width:min(360px,84%)!important;
  height:58px!important;padding:0 30px!important;margin:0!important;
  border:3px solid #fff0a3!important;border-radius:999px!important;
  background:linear-gradient(#60d4ff 0%,#168de4 42%,#0563bd 100%)!important;
  color:#fff!important;font-family:Georgia,'Times New Roman',serif!important;
  font-size:23px!important;font-weight:900!important;letter-spacing:.02em!important;
  box-shadow:0 0 0 2px #aa6618,0 5px 0 #8b480e,0 9px 15px rgba(49,54,56,.23),inset 0 2px #d4f1ff!important;
  text-shadow:0 2px #035b9d!important;cursor:pointer!important;
}
#modal[data-view="mainSettings"] .hw-settings-close:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important}
#modal[data-view="mainSettings"] .hw-settings-close:active{transform:translateY(2px)!important}
/* Explicitly prevent legacy purple decoration from creeping back into this modal. */
#modal[data-view="mainSettings"] .hw74-gear-seal,
#modal[data-view="mainSettings"] .hw74-head-ornament b,
#modal[data-view="mainSettings"] .hw74-settings-footer::before{filter:none!important}
@media(max-width:600px){
  #modal[data-view="mainSettings"]>.modal-window{width:96vw!important;border-radius:20px!important}
  #modal[data-view="mainSettings"] .hw-main-settings{padding:0 13px 15px!important}
  #modal[data-view="mainSettings"] .hw74-settings-head{margin:0 -13px 4px!important;min-height:144px!important;padding:75px 43px 7px!important}
  #modal[data-view="mainSettings"] .hw74-gear-seal{width:58px!important;height:58px!important;top:7px!important}
  #modal[data-view="mainSettings"] .hw74-gear-seal span{width:41px!important;height:41px!important}
  #modal[data-view="mainSettings"] .hw74-head-copy h2{font-size:clamp(22px,6.4vw,31px)!important}
  #modal[data-view="mainSettings"] .hw74-head-copy p{font-size:10px!important}
  #modal[data-view="mainSettings"] .hw-main-settings-list{gap:8px!important;padding:7px 0 5px!important}
  #modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card{
    grid-template-columns:56px 33px minmax(0,1fr) 8px!important;gap:8px!important;
    min-height:69px!important;padding:8px!important;
  }
  #modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card input[type="checkbox"]{
    width:55px!important;height:30px!important;
  }
  #modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card input[type="checkbox"]::before{width:22px;height:22px;top:2px;left:2px}
  #modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card input[type="checkbox"]:checked::before{left:27px}
  #modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card input[type="checkbox"]:checked::after{left:28px;top:0;width:22px;height:22px;font-size:17px!important}
  #modal[data-view="mainSettings"] .hw-main-settings-list .hw74-setting-icon{width:33px!important;height:35px!important;background-size:19px 19px!important;border-radius:9px!important}
  #modal[data-view="mainSettings"] .hw-main-settings-list .hw74-setting-copy b{font-size:13.5px!important}
  #modal[data-view="mainSettings"] .hw-main-settings-list .hw74-setting-copy small{font-size:9px!important}
  #modal[data-view="mainSettings"] .hw-settings-close{height:49px!important;font-size:19px!important}
  #modal[data-view="mainSettings"]>.modal-window>.modal-close{top:12px!important;right:10px!important;width:42px!important;height:42px!important;font-size:26px!important}
}
@media(max-height:720px){
  #modal[data-view="mainSettings"] .hw74-settings-head{min-height:131px!important;padding-top:63px!important;padding-bottom:7px!important}
  #modal[data-view="mainSettings"] .hw74-gear-seal{width:49px!important;height:49px!important;top:7px!important}
  #modal[data-view="mainSettings"] .hw74-gear-seal span{width:32px!important;height:32px!important}
  #modal[data-view="mainSettings"] .hw74-head-copy h2{font-size:29px!important}
  #modal[data-view="mainSettings"] .hw-main-settings-list>label.hw74-setting-card{min-height:60px!important}
  #modal[data-view="mainSettings"] .hw74-settings-footer{padding-top:13px!important}
  #modal[data-view="mainSettings"] .hw-settings-close{height:47px!important}
}
@media(prefers-reduced-motion:reduce){
  #modal[data-view="mainSettings"] *{transition:none!important;animation:none!important}
}