html[data-aquarium-appearance="reef"]{--aquarium-background:url('/assets/appearance/reef.png')}
html[data-aquarium-appearance="lagoon"]{--aquarium-background:url('/assets/appearance/lagoon.png')}
html[data-aquarium-appearance="deep"]{--aquarium-background:url('/assets/appearance/deep.png')}
html[data-aquarium-appearance="night"]{--aquarium-background:url('/assets/appearance/night.png')}
html[data-aquarium-appearance]:not([data-aquarium-appearance="standard"]) .tank,html[data-aquarium-appearance]:not([data-aquarium-appearance="standard"]) #scene:not(canvas){background-image:var(--aquarium-background)!important;background-size:cover!important;background-position:center!important}
html[data-aquarium-appearance]:not([data-aquarium-appearance="standard"]) .reef-floor{display:none!important}
#aquarium-appearance-panel{border:1px solid #9bc6cd;border-radius:14px;padding:20px;background:#eef9fa;color:#173d4b;margin:18px 0}
#aquarium-appearance-panel h3{font-size:20px;margin:0 0 8px}
#aquarium-appearance-panel p{font-size:16px;line-height:1.5;margin:8px 0}
.appearance-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
#aquarium-appearance-panel button{font:inherit;flex:1 1 140px;max-width:210px;min-height:46px;border:2px solid #78aab3;border-radius:10px;background:white;color:#174e5c;padding:0;overflow:hidden;cursor:pointer}
#aquarium-appearance-panel button span{display:block;padding:10px}
#aquarium-appearance-panel button img{display:block;width:100%;height:85px;object-fit:cover}
#aquarium-appearance-panel button[aria-pressed="true"]{background:#075f72;color:white;border-color:#075f72;font-weight:700}
#aquarium-appearance-panel button:focus-visible{outline:3px solid #df9d27;outline-offset:3px}
#aquarium-appearance-panel button:disabled{opacity:.65;cursor:wait}