.bible-atmosphere-settings{margin:24px 0 10px;padding-top:20px;border-top:1px solid #b9954855;text-align:left}.bible-atmosphere-settings h3{font:24px/1.3 Georgia,serif;margin:0 0 10px}.atmosphere-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.atmosphere-actions button{min-height:44px}.atmosphere-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.atmosphere-card{min-width:0;margin:0;padding:16px;border:1px solid #b9954855;border-radius:10px;background:#b9954809}.atmosphere-card legend{font:18px Georgia,serif;padding:0 7px}.atmosphere-switch{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}.atmosphere-switch input{width:19px;height:19px;accent-color:#987631}.atmosphere-slider{display:block;font-size:12px;margin-top:14px}.atmosphere-slider output{float:right;font-variant-numeric:tabular-nums}.atmosphere-slider input{display:block;width:100%;min-height:36px;accent-color:#987631}.atmosphere-card p{line-height:1.5;margin:8px 0}.reader-atmosphere-page{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;padding:12px}.reader-atmosphere-page #reader-verses{position:relative;z-index:2}.gb .gb-sheet.bible-atmosphere-surface>.bible-atmosphere,.bible-atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none;user-select:none;overflow:hidden;border-radius:inherit;opacity:var(--atmosphere-opacity,.5);contain:paint}.bible-atmosphere[hidden]{display:none!important}.bible-atmosphere span{position:absolute;inset:-12%;animation-duration:var(--atmosphere-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;pointer-events:none}.gb-sheet.bible-atmosphere-surface>#gb-verses,.gb-sheet.bible-atmosphere-surface>#gb-heading,.gb-sheet.bible-atmosphere-surface>.gb-running,.gb-sheet.bible-atmosphere-surface>.gb-folio{position:relative;z-index:2}
/* Layered cloud banks and a soft opening in the sky. */
.atmosphere-clouds span{background:radial-gradient(ellipse at 15% 17%,#fffefa 0 7%,#dedfd99c 13%,transparent 27%),radial-gradient(ellipse at 65% 4%,#fffbed 0 9%,#cbdae38c 18%,transparent 31%),radial-gradient(ellipse at 88% 88%,#fffdf3d9 0 8%,#cbd9df66 17%,transparent 29%);filter:blur(8px);animation-name:atmosphere-cloud-drift}.atmosphere-clouds span:nth-child(2){transform:scaleX(-1);animation-delay:-31s;opacity:.5;top:24%;animation-direction:alternate-reverse}.atmosphere-clouds span:nth-child(3){background:conic-gradient(from 145deg at 60% 0%,transparent 0deg,#fff2ba70 13deg,transparent 22deg,#fffbe78c 31deg,transparent 43deg);filter:blur(12px);opacity:.6;animation-name:atmosphere-breathe}
/* Intersecting elliptical light contours evoke shallow-water caustics. */
.atmosphere-waters span{inset:30% -35% -30%;background:repeating-radial-gradient(ellipse at 38% 70%,transparent 0 24px,#6fbac538 28px,#e2ffff9c 30px,transparent 34px 62px);transform:rotate(-13deg) scaleY(.65);filter:blur(2px);animation-name:atmosphere-water-flow}.atmosphere-waters span:nth-child(2){background:repeating-radial-gradient(ellipse at 75% 45%,transparent 0 37px,#d4f8ff77 41px,transparent 45px 82px);animation-delay:-13s;animation-direction:alternate-reverse;opacity:.65}.atmosphere-waters span:nth-child(3){background:linear-gradient(0deg,#377f962b,transparent 75%);animation-name:atmosphere-breathe}
.atmosphere-pillars span{inset:-35% 0;background:linear-gradient(90deg,transparent 1%,#dab36a33 4%,#fff0bfa6 6%,#fffdf1b3 7%,transparent 12%,transparent 86%,#f6dd9570 91%,#fff9dec2 93%,transparent 99%);filter:blur(4px);animation-name:atmosphere-rise}.atmosphere-pillars span:nth-child(2){inset:-50% 5%;opacity:.5;animation-delay:-19s;animation-direction:alternate-reverse}.atmosphere-pillars span:nth-child(3){background:radial-gradient(ellipse at 50% 100%,#ffedb466,transparent 65%);animation-name:atmosphere-breathe}
.atmosphere-nebula span{background:radial-gradient(ellipse at 13% 22%,#5865ce99,transparent 50%),radial-gradient(ellipse at 89% 70%,#884da8aa,transparent 51%),radial-gradient(ellipse at 45% 95%,#cd7f9a80,transparent 45%),linear-gradient(140deg,#142d514d,#29204426);filter:blur(14px);animation-name:atmosphere-nebula-flow}.atmosphere-nebula span:nth-child(2){background:radial-gradient(ellipse at 20% 85%,#4a96b17d,transparent 48%),radial-gradient(ellipse at 75% 20%,#bca0df88,transparent 38%);animation-delay:-43s;animation-direction:alternate-reverse}.atmosphere-nebula span:nth-child(3){display:none}
.atmosphere-dawn span:first-child{background:linear-gradient(180deg,#293b737d,#94719b55 50%,#efaa743b);animation-name:atmosphere-twilight;animation-direction:normal;animation-iteration-count:1;animation-fill-mode:forwards}.atmosphere-dawn span:nth-child(2){background:radial-gradient(ellipse at 50% 100%,#fff7dbe6 0 8%,#ffd07999 23%,#e9986155 44%,transparent 70%),linear-gradient(0deg,#efb57466,transparent 80%);animation-name:atmosphere-sunrise;animation-direction:normal;animation-iteration-count:1;animation-fill-mode:forwards}.atmosphere-dawn span:nth-child(3){display:none}
.atmosphere-firelight span{background:radial-gradient(ellipse at 0 100%,#ffca729e,transparent 42%),radial-gradient(ellipse at 100% 85%,#d97c3d7d,transparent 38%);animation-name:atmosphere-fire-breathe}.atmosphere-firelight span:nth-child(2){background:linear-gradient(90deg,#dfa34944,transparent 15% 85%,#f7c88255);animation-delay:-7s;animation-direction:alternate-reverse}.atmosphere-firelight span:nth-child(3){display:none}
@keyframes atmosphere-cloud-drift{from{transform:translate(-5%,-2%) scale(1.02)}to{transform:translate(6%,3%) scale(1.09)}}
@keyframes atmosphere-breathe{from{opacity:.35;transform:scale(.98)}to{opacity:.85;transform:scale(1.06)}}
@keyframes atmosphere-water-flow{from{transform:translate(-3%,2%) rotate(-13deg) scaleY(.65)}to{transform:translate(5%,-4%) rotate(-7deg) scaleY(.75)}}
@keyframes atmosphere-rise{from{transform:translateY(12%) scaleX(.95);opacity:.5}to{transform:translateY(-12%) scaleX(1.06);opacity:.9}}
@keyframes atmosphere-nebula-flow{from{transform:translate(-3%,2%) rotate(-4deg) scale(1)}to{transform:translate(3%,-3%) rotate(5deg) scale(1.14)}}
@keyframes atmosphere-twilight{from{opacity:1}to{opacity:.08}}
@keyframes atmosphere-sunrise{from{opacity:.08;transform:translateY(18%)}to{opacity:1;transform:translateY(-5%)}}
@keyframes atmosphere-fire-breathe{0%{opacity:.5;transform:scale(1)}40%{opacity:.7}70%{opacity:.56}100%{opacity:.9;transform:scale(1.05)}}
.atmosphere-paused .bible-atmosphere span,.atmosphere-inactive .bible-atmosphere span{animation-play-state:paused!important}.reduced-motion .bible-atmosphere span{animation:none!important}.reduced-motion .atmosphere-dawn span:first-child{opacity:.2}.reduced-motion .atmosphere-dawn span:nth-child(2){opacity:.75}
@media(prefers-reduced-motion:reduce){.bible-atmosphere span{animation:none!important}.atmosphere-dawn span:first-child{opacity:.2}.atmosphere-dawn span:nth-child(2){opacity:.75}}
@media(max-width:600px){.atmosphere-grid{grid-template-columns:1fr}.bible-atmosphere span{filter:none}.atmosphere-clouds span{filter:blur(5px)}}
/* Sculpted texture and stronger depth, while keeping the centre translucent. */
.atmosphere-clouds span:first-child{inset:-25% -15% 15%;background:url('atmosphere-cloud.svg') 0 0/105% 100% no-repeat;filter:none;opacity:.95;animation-name:atmosphere-cloud-volume}
.atmosphere-clouds span:nth-child(2){inset:15% -25% -30%;background:url('atmosphere-cloud.svg') 100% 100%/120% 100% no-repeat;filter:none;opacity:.75;animation-delay:-37s;animation-name:atmosphere-cloud-volume}
.atmosphere-clouds span:nth-child(3){background:conic-gradient(from 145deg at 66% -5%,transparent 0deg,#ffeab291 12deg,transparent 20deg,#fffbe7bd 29deg,transparent 39deg);filter:blur(8px);opacity:.8}
.atmosphere-waters{background:linear-gradient(140deg,#5b9dbe15,#a5e2db24 50%,#287f9a24)}
.bible-water-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.water-rendered.atmosphere-waters>span{display:none}
/* The non-WebGL fallback keeps broad flowing wave fronts and reflections. */
.atmosphere-waters>span:first-child{inset:-20%;background:repeating-radial-gradient(ellipse at 24% 160%,transparent 0 36px,#3a879363 43px,#a2dcdea8 49px,#f5ffffbf 52px,transparent 57px 110px);filter:blur(1px);animation-name:atmosphere-water-swell}
.atmosphere-waters>span:nth-child(2){inset:-20%;background:repeating-radial-gradient(ellipse at 140% 80%,transparent 0 27px,#48869955 33px,#e0faff9e 39px,transparent 45px 81px);opacity:.75;animation-name:atmosphere-water-swell}
.atmosphere-pillars span:first-child{background:linear-gradient(90deg,transparent 1%,#cda35166 3%,#ffecb3bd 5%,#ffffe9e0 6%,#ebcd7855 9%,transparent 15% 83%,#e1b26059 88%,#fff2bcd9 92%,#ffffedeb 93%,transparent 99%);filter:blur(3px)}
.atmosphere-pillars span:nth-child(2){opacity:.75;filter:blur(7px);background:linear-gradient(90deg,transparent 2%,#fff2c899 9%,transparent 19% 75%,#ffedc099 85%,transparent 98%)}
.atmosphere-pillars span:nth-child(3){background:radial-gradient(ellipse at 10% 100%,#fff4cdb3,transparent 45%),radial-gradient(ellipse at 94% 100%,#ffe299a6,transparent 43%);opacity:.8}
.atmosphere-nebula span:first-child{background:url('atmosphere-nebula.svg') 20% 10%/120% 110%,radial-gradient(ellipse at 13% 22%,#4355aaaf,transparent 54%),radial-gradient(ellipse at 89% 70%,#804ba9b8,transparent 56%),radial-gradient(ellipse at 45% 95%,#cd7f9a99,transparent 50%);filter:none}
.atmosphere-nebula span:nth-child(2){background:url('atmosphere-nebula.svg') 70% 80%/150% 110%;filter:hue-rotate(35deg);opacity:.65}
.atmosphere-nebula span:nth-child(3){display:block;background:radial-gradient(ellipse at 22% 70%,#a5cddd77,transparent 30%),radial-gradient(ellipse at 80% 17%,#edc6df77,transparent 25%);filter:blur(9px);animation-name:atmosphere-breathe}
.atmosphere-dawn span:first-child{background:linear-gradient(180deg,#24376d99,#a77b9a77 55%,#efaa7455)}
.atmosphere-dawn span:nth-child(2){background:radial-gradient(ellipse at 50% 103%,#fff9e8 0 5%,#ffe8acca 11%,#ffd079a8 23%,#ea946473 43%,transparent 72%),linear-gradient(0deg,#efb57488,transparent 85%)}
.atmosphere-dawn span:nth-child(3){display:block;inset:-20%;background:url('atmosphere-cloud.svg') 50% 65%/150% 100%;opacity:.32;filter:sepia(.35);animation-name:atmosphere-cloud-volume}
.atmosphere-firelight span:first-child{background:radial-gradient(ellipse at -6% 106%,#fff4c8dd 0%,#efb455b3 17%,#c7784263 32%,transparent 53%),radial-gradient(ellipse at 106% 84%,#ffe9b9c2 0%,#e898559e 15%,#c8784044 31%,transparent 48%);filter:blur(3px)}
.atmosphere-firelight span:nth-child(2){background:linear-gradient(90deg,#e4a14877,transparent 18% 82%,#ffc67988);opacity:.8;filter:blur(3px)}
@keyframes atmosphere-cloud-volume{from{transform:translate(-7%,-3%) scale(1.03)}to{transform:translate(7%,3%) scale(1.14)}}
@keyframes atmosphere-water-swell{from{transform:translate(-6%,2%) rotate(-8deg) scaleY(.88)}to{transform:translate(6%,-5%) rotate(3deg) scaleY(1.06)}}
@media(max-width:600px){.atmosphere-nebula span:nth-child(3){filter:none}}
.atmosphere-sound-controls{margin:18px 0;padding:16px;border:1px solid #b9954855;border-radius:10px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.atmosphere-sound-controls label{font-size:14px;min-height:44px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.atmosphere-sound-controls input[type=checkbox]{width:19px;height:19px;accent-color:#987631}.atmosphere-sound-controls input[type=range]{min-height:36px;width:150px;accent-color:#987631}.atmosphere-sound-controls p{width:100%;margin:0}
/* Water and flames use animated surfaces where supported, with CSS fallbacks. */
.surface-rendered.atmosphere-waters>span,.surface-rendered.atmosphere-flames>span{display:none}
.atmosphere-flames>span{inset:-25% -10%;background:radial-gradient(ellipse at 15% 75%,#fff1b89e 0%,#ffbd436b 8%,#e7481659 16%,transparent 28%),radial-gradient(ellipse at 78% 50%,#fff0aa94 0%,#ff9c3577 9%,#d832145c 18%,transparent 30%),radial-gradient(ellipse at 47% 95%,#ffe7a280,transparent 25%);filter:blur(4px);animation:atmosphere-flames-rise calc(var(--atmosphere-duration)*.35) ease-in-out infinite}
.atmosphere-flames>span:nth-child(2){transform:scaleX(-1);animation-delay:-7s;opacity:.65}.atmosphere-flames>span:nth-child(3){animation-delay:-13s;opacity:.45}
@keyframes atmosphere-flames-rise{0%{transform:translateY(30%) skewX(-4deg);opacity:0}20%{opacity:.8}70%{opacity:.6}100%{transform:translateY(-30%) skewX(6deg);opacity:0}}
.atmosphere-lightning{background:radial-gradient(ellipse at 30% 0,#56618526,transparent 65%)}.atmosphere-lightning>span{display:none}.bible-lightning-bolts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 3px #aed1ff) drop-shadow(0 0 9px #9fbcff88);pointer-events:none}.bible-lightning-bolts path{fill:none;stroke:#f2f8ff;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.bible-lightning-bolts .lightning-branch{stroke-width:1.1;stroke:#d2e3ff;opacity:.65}
.reduced-motion .atmosphere-flames>span{animation:none!important;opacity:.45}@media(prefers-reduced-motion:reduce){.atmosphere-flames>span{animation:none!important;opacity:.45}}
/* White lightning cores, violet corona and broad expanding light in several cells. */
.bible-lightning-aura{position:absolute;inset:-5%;opacity:0;pointer-events:none;filter:blur(5px);transform-origin:50% 50%;mix-blend-mode:screen}
.bible-lightning-bolts{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px #e5d2ff) drop-shadow(0 0 20px #9255f0c9)}
.bible-lightning-bolts .lightning-trunk{stroke:#fff;stroke-width:3.1}.bible-lightning-bolts .lightning-branch{stroke:#eddbff;stroke-width:1.4;opacity:.82}