#settingsBtn{border-color:#7f9eb1!important;background:#eaf7fb!important;color:#24485a!important;font-family:'Jua',sans-serif!important}
#settingsBtn:hover{background:#d3f0f8!important}
#gameSettings{z-index:30;padding:18px;background:
  linear-gradient(rgba(14,20,27,.86),rgba(14,20,27,.93)),
  url('../../assets/textures/asphalt-arcade.webp') center/520px 520px;color:#edf5f8;overflow:hidden}
.settingsShell{width:min(1100px,100%);height:min(760px,100%);display:flex;flex-direction:column;overflow:hidden;
  border:1px solid rgba(181,218,232,.22);border-radius:22px;background:linear-gradient(145deg,#20313d,#14212b 70%);
  box-shadow:0 24px 70px rgba(0,0,0,.48)}
.settingsHeader{min-height:86px;display:flex;align-items:center;gap:15px;padding:14px 20px;border-bottom:1px solid rgba(181,218,232,.16);
  background:linear-gradient(90deg,rgba(45,70,85,.78),rgba(24,38,48,.72))}
.settingsHeader>button{width:46px;height:46px;flex:0 0 auto;border:1px solid rgba(201,232,242,.28);border-radius:13px;
  background:#101c25;color:#fff;font-size:25px;cursor:pointer}
.settingsHeader>button:hover{background:#263e4d;transform:translateX(-2px)}
.settingsHeader small,.settingsSectionTitle small{display:block;color:#65d4ed;font-size:9px;font-weight:900;letter-spacing:1.8px}
.settingsHeader h2{margin:1px 0 0;font-size:30px;line-height:1}.settingsHeader p{margin-top:4px;color:#9fb2be;font-size:10px}
.settingsContent{min-height:0;flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
  overflow-x:hidden;overflow-y:auto;padding:18px;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.settingsSection{min-width:0;padding:17px;border:1px solid rgba(188,220,231,.16);border-radius:16px;background:rgba(236,246,249,.075);
  box-shadow:inset 0 1px rgba(255,255,255,.035)}
.settingsSound{grid-column:1/-1}.settingsLegal{grid-column:1/-1}
.settingsSectionTitle{display:flex;align-items:center;gap:10px;margin-bottom:14px}.settingsSectionTitle>span{display:grid;place-items:center;width:39px;height:39px;
  border-radius:11px;background:#0e1a22;font-size:20px}.settingsSectionTitle h3{margin-top:1px;color:#f6fbfc;font-size:22px}
#gameSettings .optionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0}
#gameSettings .ocard{position:relative;min-width:0;padding:13px 12px;border:2px solid #cbd3d7;border-radius:11px;background:#f7f6f2;
  color:#1c2730;text-align:left;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s}
#gameSettings .ocard:hover{transform:translateY(-2px)}
#gameSettings .ocard.sel{border-color:#e7ae24;box-shadow:0 0 0 3px rgba(231,174,36,.25)}
#gameSettings .ocard.sel::after{content:'✓';position:absolute;right:10px;top:50%;display:grid;place-items:center;width:27px;height:27px;
  transform:translateY(-50%);border:2px solid #fff;border-radius:50%;background:#ca8d0b;color:#fff;font-weight:900;box-shadow:0 2px 7px rgba(0,0,0,.2)}
#gameSettings .ocard h3{font-family:'Jua';font-size:18px;margin:0 34px 2px 0}#gameSettings .ocard .desc{color:#71777b;font-size:10px;line-height:1.35}
.systemPanel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;color:#d7e2e7;font-size:11px}
.systemPanel label,.soundPanel label{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 11px;
  border:1px solid #d8dedf;border-radius:9px;background:#f7f6f2;color:#33414a;font-weight:700}
.systemPanel select{min-width:112px;border:1px solid #d0d6d7;border-radius:7px;background:#fff;color:#27353e;padding:7px;font:inherit}
.systemPanel .themeOption{grid-column:1/-1}
.systemPanel select:focus-visible{outline:3px solid #4ccfe8;outline-offset:2px}
.systemPanel .unlockBypassOption{grid-column:1/-1;justify-content:flex-start;border-color:#bda9df;background:#f3edff;color:#574578}
.unlockBypassOption input{width:18px;height:18px;accent-color:#7655b8}
.systemPanel>span{grid-column:1/-1;color:#9db0bb;font-size:9px;line-height:1.5;text-align:center}
.soundPanel{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(170px,.7fr) minmax(300px,1.25fr) auto;gap:10px;align-items:center;color:#d7e2e7;font-size:11px}
.soundPanel input[type="range"]{min-width:90px;width:55%;accent-color:#e95a46}.soundPanel .filePick{cursor:pointer}
.soundPanel input[type="file"]{min-width:0;max-width:190px;font-size:10px}
#clearBgmBtn{border:1px solid #d8dedf;border-radius:9px;background:#f7f6f2;color:#27353e;padding:11px 14px;font-family:'Jua';font-size:14px;cursor:pointer}
#clearBgmBtn:hover{background:#fff}
#bgmFileStatus{grid-column:1/-1;min-height:16px;color:#a9bbc4;font-size:10px;text-align:center}
#bgmFileStatus.error{color:#ff8377;font-weight:700}#bgmFileStatus.ok{color:#65d79a;font-weight:700}
.settingsLegal>p{margin:7px 0;color:#bdcbd2;font-size:11px;line-height:1.65}
.settingsLegalLinks{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.settingsLegalLinks a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #7aa0b1;
  border-radius:9px;background:#142630;color:#dff8ff;font-size:11px;font-weight:800;text-decoration:none}
.settingsLegalLinks a:hover,.settingsLegalLinks a:focus-visible{background:#244453;outline:2px solid #65d4ed;outline-offset:2px}
html[data-ui-theme="light"] #gameSettings{background:linear-gradient(rgba(244,246,245,.91),rgba(229,234,234,.94)),url('../../assets/textures/asphalt-arcade.webp') center/520px 520px;color:#1d2931}
html[data-ui-theme="light"] .settingsShell{border-color:#c8d1d3;background:linear-gradient(145deg,#fff,#eef2f2 72%);box-shadow:0 24px 70px rgba(43,53,58,.22)}
html[data-ui-theme="light"] .settingsHeader{border-color:#d2dadd;background:linear-gradient(90deg,#e9f4f6,#f7f8f6)}
html[data-ui-theme="light"] .settingsHeader>button{border-color:#b8c8ce;background:#fff;color:#283943}
html[data-ui-theme="light"] .settingsHeader>button:hover{background:#e2eef1}
html[data-ui-theme="light"] .settingsHeader h2,
html[data-ui-theme="light"] .settingsSectionTitle h3{color:#1d2931}
html[data-ui-theme="light"] .settingsHeader p{color:#65747d}
html[data-ui-theme="light"] .settingsHeader small,
html[data-ui-theme="light"] .settingsSectionTitle small{color:#217e96}
html[data-ui-theme="light"] .settingsSection{border-color:#ccd5d7;background:rgba(255,255,255,.78);box-shadow:inset 0 1px #fff}
html[data-ui-theme="light"] .settingsSectionTitle>span{background:#e3edf0}
html[data-ui-theme="light"] .systemPanel>span,
html[data-ui-theme="light"] #bgmFileStatus{color:#667781}
html[data-ui-theme="light"] .settingsLegal>p{color:#566872}
html[data-ui-theme="light"] .settingsLegalLinks a{border-color:#9db4bd;background:#fff;color:#245569}
@media(max-width:760px){
  #gameSettings{padding:0}.settingsShell{height:100%;border:0;border-radius:0}.settingsHeader{min-height:72px;padding:10px 12px}.settingsHeader>button{width:42px;height:42px}
  .settingsHeader h2{font-size:25px}.settingsContent{display:flex;flex-direction:column;gap:11px;padding:11px}.settingsSection{padding:13px}.settingsSound{grid-column:auto}.settingsLegal{grid-column:auto}
  .systemPanel,.soundPanel{grid-template-columns:1fr}.systemPanel .unlockBypassOption,.systemPanel>span,#bgmFileStatus{grid-column:auto}
  .soundPanel input[type="range"]{width:60%}.soundPanel input[type="file"]{max-width:58vw}
}
@media(max-width:430px){#gameSettings .optionGrid{grid-template-columns:1fr}.settingsSectionTitle{margin-bottom:10px}.settingsSectionTitle h3{font-size:19px}}