.graphicsSettings{position:fixed;inset:0;z-index:1500;background:rgba(4,8,9,.86);display:grid;place-items:center;padding:18px;color:#d6dfd2;font:14px monospace}
.graphicsSettings.hidden{display:none}.graphicsPanel{width:min(740px,100%);max-height:92vh;overflow:auto;border:1px solid #6c7967;background:#101614;padding:24px;box-sizing:border-box;box-shadow:0 15px 80px #000}
.graphicsPanel header{position:relative;border-bottom:1px solid #354238;padding-bottom:16px}.graphicsPanel header p{font-size:11px;letter-spacing:3px;color:#9aac91}.graphicsPanel h2{font-size:25px;letter-spacing:4px;margin:8px 0}.graphicsPanel header button{position:absolute;right:0;top:0}
.graphicsPanel button,.graphicsPanel select{background:#222e25;border:1px solid #76876e;color:#e0ead7;font:inherit;padding:8px;cursor:pointer}.graphicsHint{color:#a5b49b;line-height:1.5}.graphicsPreset{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #354238}
.graphicsRow{display:grid;grid-template-columns:1fr 190px 65px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #26312a}.graphicsRow input{width:100%;accent-color:#a5bf82}.graphicsRow input[type=checkbox]{width:22px;height:22px;justify-self:end}.graphicsRow output{text-align:right;color:#adc995;font-size:12px}.graphicsPanel footer{display:flex;justify-content:space-between;padding-top:20px;gap:10px}.graphicsPanel :focus-visible{outline:2px solid #cfdf9a;outline-offset:3px}
#pauseSettings{margin-top:20px;padding:10px 18px;cursor:pointer;background:#263127;color:#dee8d5;border:1px solid #88997d}#engineMetrics{position:fixed;right:14px;bottom:14px;z-index:80;background:#07100ee6;border:1px solid #627d69;padding:12px;color:#cbdcc8;white-space:pre;font:12px/1.6 monospace;pointer-events:none}#engineMetrics.hidden{display:none}
@media(max-width:600px){.graphicsPanel{padding:16px}.graphicsRow{grid-template-columns:1fr 120px;gap:8px}.graphicsRow output{grid-column:2}.graphicsPanel h2{font-size:20px}.graphicsPanel footer{flex-wrap:wrap}}