/* SONELIORA 10.13.13 | Landscapes are selectable image AND supported procedural audio modes. */
.gw-landscape-picker{margin:20px 0 15px;padding:16px;border-radius:16px;border:1px solid rgba(110,197,224,.58);background:linear-gradient(140deg,#102b45,#091d31);box-shadow:0 14px 27px rgba(0,0,0,.14),inset 0 1px rgba(225,243,255,.08)}
.gw-landscape-picker .gw-landscape-field{margin:0 0 10px}.gw-landscape-field select{border-color:#89b0c4!important;min-height:46px;cursor:pointer}
.gw-landscape-intro{font-size:.77rem;line-height:1.6;color:#c1d8e5;margin:8px 0 14px}
.gw-landscape-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gw-landscape-choices button{position:relative;display:flex;align-items:center;gap:8px;min-width:0;text-align:left;background:#0b2338;color:#e8f7ff;border:1px solid #416e86;border-radius:11px;padding:6px 8px;line-height:1.3;transition:border-color .16s,box-shadow .16s,transform .16s}
.gw-landscape-choices button img{width:50px;height:46px;object-fit:cover;border-radius:7px;flex-shrink:0;filter:saturate(1.12)}
.gw-landscape-choices button span{font-size:.75rem;font-weight:700;overflow-wrap:anywhere}
.gw-landscape-choices button[aria-pressed="true"]{border-color:#f2c879;background:linear-gradient(115deg,#193956,#102945);box-shadow:0 0 0 1px #f7d58a40,inset 0 0 18px #f5c16f18,0 0 15px #ffc86918}
.gw-landscape-choices button[aria-pressed="true"]::after{content:'✓';font-weight:900;position:absolute;right:5px;top:3px;background:#eac383;color:#092338;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:11px}
.gw-landscape-choices button:hover:not(:disabled){transform:translateY(-1px);border-color:#f0cc8d}
.gw-landscape-choices button:focus-visible{outline:3px solid #fff2c3;outline-offset:3px}
.gw-landscape-choices button:disabled{opacity:.63;cursor:not-allowed}
.gw-landscape-preview{position:relative;overflow:hidden;height:153px;margin-top:12px;border:1px solid #578daa;border-radius:13px;background:#081d36;isolation:isolate;box-shadow:inset 0 0 18px #051223,0 9px 25px #02102188}
.gw-landscape-preview::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,10,23,.94),transparent 72%),linear-gradient(105deg,rgba(4,19,38,.3),transparent 65%)}
.gw-landscape-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.9) saturate(1.2);transition:filter .35s,transform .8s}
.gw-landscape-preview[data-landscape="off"]>img{filter:brightness(.65) saturate(.85)}
.gw-landscape-preview[data-landscape="pink"]>img{filter:brightness(.83) saturate(1.1) hue-rotate(-8deg)}
.gw-landscape-preview-info{position:absolute;z-index:1;bottom:10px;left:12px;right:12px;display:grid;gap:2px;text-shadow:0 2px 7px #000}
.gw-landscape-preview-info strong{font:600 1.11rem Georgia,serif;color:#fff0cb}
.gw-landscape-preview-info small{font-size:.72rem;color:#d8eaf4;line-height:1.4}
.gw-landscape-selected{z-index:1;position:absolute;top:9px;right:9px;padding:4px 7px;border-radius:50px;background:#081a2ddf;border:1px solid #f6d58a95;color:#ffe7b7;font-size:.59rem;letter-spacing:.09em;font-weight:800}
.gw-landscape-help{min-height:1.5em;margin:12px 0 0;font-size:.74rem;line-height:1.55;color:#c1ddec}
#gwAmbientLevel:disabled{cursor:not-allowed;opacity:.4}
#gwAmbientLevel:disabled + *{opacity:.6}
.orbital .gw-orbital-landscape{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;opacity:.32;filter:brightness(.8) saturate(1.15);mask-image:radial-gradient(ellipse at center,#000 12%,transparent 84%);pointer-events:none;z-index:0;transition:opacity .3s ease}
.orbital[data-landscape="off"] .gw-orbital-landscape{opacity:.14}
.orbital[data-landscape="rain"] .gw-orbital-landscape,.orbital[data-landscape="ocean"] .gw-orbital-landscape{opacity:.54}
.orbital[data-landscape="pink"] .gw-orbital-landscape{opacity:.36}
.orbital .orbital-ring,.orbital .orbital-center,.orbital .wave-svg{z-index:1}
@media(min-width:900px){.gw-landscape-preview{height:166px}}
@media(max-width:430px){.gw-landscape-picker{padding:12px}.gw-landscape-choices button{padding:5px}.gw-landscape-choices button img{width:44px;height:43px}.gw-landscape-preview{height:146px}}
@media(prefers-reduced-motion:reduce){.gw-landscape-choices button,.gw-landscape-preview>img,.orbital .gw-orbital-landscape{transition:none!important}}