.world-header.has-atmosphere{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:22px}
.atmosphere-switch{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d7b57b88;border-radius:50%;color:#e6d1a8;background:linear-gradient(145deg,#4e3329ee,#20110eeb);box-shadow:inset 0 0 0 3px #1c0d09,0 3px 10px #0004;transition:color .2s,border-color .2s,box-shadow .2s;overflow:hidden}
.atmosphere-switch svg{display:block;width:21px;height:21px;pointer-events:none}
.atmosphere-switch .sound-waves{display:none}
.atmosphere-switch.is-playing{color:#ffe7ae;border-color:#e4c68c;box-shadow:inset 0 0 0 3px #1c0d09,0 0 17px #d9b25d22}
.atmosphere-switch.is-playing .sound-waves{display:block}
.atmosphere-switch.is-playing .sound-off{display:none}
.atmosphere-switch:hover{border-color:#f3d49f;background:linear-gradient(145deg,#644433ee,#2a1710ee)}
.atmosphere-switch:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:680px){.world-header.has-atmosphere{grid-template-columns:minmax(0,1fr) 44px;column-gap:16px;row-gap:4px}.has-atmosphere .publisher-mark{grid-column:1;grid-row:1}.has-atmosphere .atmosphere-switch{grid-column:2;grid-row:1}.world-header.has-atmosphere nav{grid-column:1/-1;grid-row:2;justify-content:flex-end;gap:20px}.has-atmosphere~main .hero-world{padding-top:150px}.has-atmosphere~main .book-intro{padding-top:160px}}
@media(prefers-reduced-motion:reduce){.atmosphere-switch{transition:none}}