#graphicsButton svg{width:30px;height:30px;fill:#173944;stroke:#91e6dc;stroke-width:1.8;display:block;margin:auto auto 5px}#graphicsButton span{white-space:nowrap}
#graphicsDialog{width:min(740px,calc(100vw - 24px));max-width:740px;max-height:calc(100dvh - 24px);padding:0;color:#e3f0f6;background:#0c1b27;border:1px solid #456473;border-radius:18px;box-shadow:0 18px 70px #0008;overflow:auto;box-sizing:border-box}
#graphicsDialog::backdrop{background:#020910ac}#graphicsDialog header{display:flex;justify-content:space-between;gap:14px;padding:22px 24px;background:#162f3d;border-bottom:1px solid #33505f}#graphicsDialog h2{margin:4px 0;font-size:24px}#graphicsDialog header small{color:#8fe1d7;letter-spacing:2px;font-size:10px}#graphicsDialog header p{margin:0;color:#aec2ce;font-size:13px}#graphicsDialog button,#graphicsDialog select{font:inherit;cursor:pointer}#graphicsDialog button{min-height:44px;border:1px solid #45606f;border-radius:10px;background:#19303e;color:#e4f3f5;padding:10px 14px}#graphicsDialog header button{font-size:24px;align-self:flex-start}#graphicsDialog button:focus-visible,#graphicsDialog select:focus-visible,#graphicsDialog input:focus-visible{outline:3px solid #94f2dd;outline-offset:3px}
.graphics-body{padding:22px 24px}.graphics-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.graphics-presets button{text-align:left;display:flex;flex-direction:column;gap:8px}.graphics-presets b{font-size:16px}.graphics-presets span{color:#aee6df;font-size:12px}.graphics-presets small{color:#a9beca;font-size:11px;line-height:1.6}#graphicsDialog [aria-pressed=true]{background:#204840;border-color:#87e4c3;box-shadow:inset 0 0 0 1px #87e4c3}.graphics-fields{margin-top:18px}.graphics-fields label{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #28404e;font-size:14px}.graphics-fields label small{display:block;color:#91aebd;font-size:11px;margin-top:4px;line-height:1.6}.graphics-fields select{background:#071720;border:1px solid #45606f;color:#dfeff2;border-radius:8px;padding:10px;min-height:44px;max-width:48%}.graphics-fields input{accent-color:#89e2c9;width:22px;height:22px;flex-shrink:0}.graphics-hint{padding:13px;border-radius:10px;background:#142c38;color:#adc5d2;font-size:12px;line-height:1.8}.graphics-saved{font-size:12px;color:#91e2c7;min-height:20px}#graphicsDialog footer{display:flex;gap:10px;justify-content:space-between;padding:16px 24px;border-top:1px solid #33505f}#graphicsDialog .primary{color:#062b2a;background:#8ae0ca}
body[data-graphics-effects=low] #game .panel,body[data-graphics-effects=medium] #game .panel,body[data-graphics-effects=low] dialog::backdrop,body[data-graphics-effects=medium] dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body[data-graphics-effects=low] .vignette{display:none}body[data-graphics-effects=low] #game button{box-shadow:none!important}
@media(max-width:520px){#graphicsDialog header,.graphics-body{padding:16px}#graphicsDialog h2{font-size:21px}.graphics-presets{grid-template-columns:1fr}.graphics-presets button{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.graphics-presets small{grid-column:1/-1}.graphics-presets span{text-align:right}.graphics-fields label{gap:10px}#graphicsDialog footer{padding:12px 16px}.graphics-fields select{font-size:16px;max-width:46%}}

.graphics-account{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #527886;border-radius:8px;background:#112e3b;margin-bottom:18px}.graphics-account small{display:block;color:#a3c1ce;margin-top:4px}.graphics-account button{min-height:44px;background:#75d5d1;color:#082430;font-weight:700}

.graphics-account>div{min-width:0}.settings-account-status{overflow-wrap:anywhere}.settings-account-buttons{display:flex;gap:8px;flex-wrap:wrap;width:100%}.settings-account-buttons button{flex:1;white-space:normal}@media(max-width:520px){.settings-account-buttons{flex-direction:column}}