/* Picture settings are game preferences, kept separate from the scene renderer. */
dialog:has(.graphics-settings){width:1000px;max-width:95vw;padding:30px;background:radial-gradient(ellipse at 90% 0,#c8ab5620,transparent 55%),#172b31;border-color:#a38f604d}
.graphics-settings h2{font:500 clamp(25px,3vw,34px) Cinzel,Georgia,serif;color:#f0e2c5;margin:5px 0 13px}.graphics-settings>p{max-width:790px;font-size:12px;color:#b5c9b6;line-height:1.8}.graphics-settings .eyebrow{font-size:9px;color:#dbc08a;letter-spacing:2.3px;margin-bottom:14px}.graphics-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:25px 0}.graphics-preset{position:relative;display:flex;flex-direction:column;text-align:left;padding:12px;border:1px solid #9caf804a;border-radius:7px;background:linear-gradient(145deg,#34483d66,#10262c8a);color:#e1d5b5;min-width:0;transition:background .18s,border-color .18s}.graphics-preset>svg{display:block;width:100%;height:auto;border-radius:4px;border:1px solid #c4c7a020;margin-bottom:16px}.graphics-preset-title{display:flex;align-items:center;gap:7px;color:#e4d1a8;font:500 18px Cinzel,Georgia,serif;line-height:1.5;margin-bottom:12px;flex-wrap:wrap}.graphics-preset-title small{font:600 8px 'DM Sans',sans-serif;letter-spacing:.8px;padding:3px 5px;background:#aab88d22;border:1px solid #aab88d44;border-radius:3px;color:#b7c9a4}.graphics-preset-title i{font:600 15px 'DM Sans',sans-serif;margin-left:auto;color:#819c85;font-style:normal}.graphics-preset>strong{font:500 12px 'DM Sans',sans-serif;color:#d6d9bc;line-height:1.7;min-height:39px;margin-bottom:8px}.graphics-preset-copy{font:400 11px/1.75 'DM Sans',sans-serif;color:#99b3a5;margin:0}.graphics-preset:hover{border-color:#c2b681;background:#51614752}.graphics-preset.selected{border:2px solid #dcc18a;padding:11px;background:linear-gradient(145deg,#7783573d,#173038b3);box-shadow:0 0 0 3px #d2bc7720}.graphics-preset.selected>strong{color:#eee0b7}.graphics-preset.selected>.graphics-preset-title{color:#f3d898}.graphics-preset.selected>.graphics-preset-title i{color:#efd090}.graphics-preset:focus-visible{outline:2px solid #f5db9d;outline-offset:5px}.graphics-current{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;background:#0b212a99;border:1px solid #a9ae7938;border-radius:6px;margin:23px 0 19px}.graphics-current>div{display:grid;gap:9px}.graphics-current span{font-size:8px;letter-spacing:1.2px;color:#92ad98}.graphics-current strong{font:500 16px 'DM Sans',sans-serif;color:#dfcea7;line-height:1.55}.graphics-settings .graphics-guidance{padding-left:16px;border-left:2px solid #aaad72;color:#b9cbb2}.graphics-settings .graphics-save-note{font-size:10px;color:#8fa89a;margin-bottom:0;padding-top:15px;border-top:1px solid #acaf772b}
@media(max-width:900px){.graphics-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.graphics-preset{padding:15px}.graphics-preset.selected{padding:14px}.graphics-preset>svg{max-height:132px;object-fit:cover}.graphics-preset>strong{min-height:0}.graphics-current{gap:12px;padding:16px}.graphics-current strong{font-size:13px}}
@media(max-width:560px){dialog:has(.graphics-settings){padding:23px 17px}.graphics-presets{gap:10px;margin-top:20px}.graphics-preset{padding:10px}.graphics-preset.selected{padding:9px}.graphics-preset-title{font-size:16px;gap:5px;margin-bottom:9px}.graphics-preset-title small{font-size:8px}.graphics-preset-copy{font-size:10px}.graphics-preset>strong{font-size:11px}.graphics-preset>svg{margin-bottom:10px}.graphics-current{grid-template-columns:1fr;gap:15px}.graphics-current>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.graphics-current strong{font-size:12px}.graphics-current span{font-size:7px}.graphics-settings>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.graphics-preset{transition:none}}
@media(max-width:760px){.lobby-bottom{gap:18px;flex-wrap:wrap}.lobby-bottom #lobby-graphics-button{display:block}}