:root{--desktop-wallpaper:url('./wallpapers/delorean.jpg');--wallpaper-mobile-position:88% center}
:root[data-wallpaper="city"]{--desktop-wallpaper:url('./wallpaper.png');--wallpaper-mobile-position:80% center}
:root[data-wallpaper="matrix"]{--desktop-wallpaper:url('./wallpapers/matrix.jpg');--wallpaper-mobile-position:83% center}
body::before{background-image:linear-gradient(90deg,#b9d8c9bf,#b9d8c926),var(--desktop-wallpaper);background-position:center;background-size:cover}
.wallpaper-settings{border:0;padding:0;margin:0;min-width:0}.wallpaper-settings legend{font:13px/1.8 Pixel,monospace;margin-bottom:22px}.wallpaper-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wallpaper-option{position:relative;display:block;min-width:0;background:var(--silver);box-shadow:var(--bevel);padding:5px;cursor:pointer}.wallpaper-option img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line)}.wallpaper-option input{position:absolute;top:11px;left:11px;width:17px;height:17px;margin:0;accent-color:var(--teal);cursor:pointer}.wallpaper-choice{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 7px;min-height:47px;font-size:12px}.wallpaper-choice b{font-weight:normal;line-height:1.5}.wallpaper-check{visibility:hidden;width:15px;height:15px}.wallpaper-option:has(input:checked){outline:2px solid var(--teal);outline-offset:2px}.wallpaper-option:has(input:checked) .wallpaper-choice{background:var(--teal);color:var(--white)}.wallpaper-option:has(input:checked) .wallpaper-check{visibility:visible}.wallpaper-option:focus-within{outline:2px dashed var(--ink);outline-offset:3px}.appearance-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.appearance-actions button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;min-height:40px}.appearance-actions svg{width:16px;height:16px}
@media(max-aspect-ratio:4/3){body::before{background-position:center,var(--wallpaper-mobile-position)}}
@media(max-width:500px){.wallpaper-options{grid-template-columns:1fr}.wallpaper-option{display:grid;grid-template-columns:45% 1fr;gap:6px;align-items:center}.wallpaper-choice{padding:8px;align-self:stretch}.wallpaper-settings legend{font-size:11px}.appearance-actions{display:grid;grid-template-columns:1fr}}