
/* Sound desk and settlement chapter adapt to portrait and landscape. */
.soundtrack-settings,.settlement-chapter,.game-start-card{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:#080e27ed;overflow:auto;color:#eef0ff;backdrop-filter:blur(12px)}
.soundtrack-settings>div,.settlement-chapter>div,.game-start-card>div{width:min(620px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:clamp(22px,5vw,45px);border:1px solid #b29bdf66;border-radius:24px;background:linear-gradient(145deg,#222345,#111a39);box-shadow:0 20px 100px #0008}
.soundtrack-settings h2,.settlement-chapter h1,.game-start-card h2{color:#fff1d0;margin:0 0 18px;font-family:Georgia,serif;line-height:1.1}.settlement-chapter h1{font-size:clamp(30px,6vw,52px)}.settlement-chapter p,.settlement-chapter blockquote{line-height:1.7}.settlement-chapter blockquote{border-left:2px solid #bca2f4;margin:20px 0;padding-left:18px;color:#d1c7e8}.soundtrack-settings button,.settlement-chapter button,.game-start-card button{background:#c8b4f6;color:#17233b;border:0;border-radius:12px;padding:12px 16px;margin:5px;font:600 13px system-ui}.soundtrack-settings label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0}.soundtrack-tracks{display:grid;gap:6px}.soundtrack-tracks button{background:#ffffff0b;color:#ecddff;text-align:left;border:1px solid #a998c940}.game-start-card p{color:#bdc9e6}.game-start-card .quiet-start{background:transparent;color:#c8cce7;border:1px solid #8994b966}
body[data-settlement="lanternhaven"] .town-stage{background-image:url('/cosmic/lanternhaven.webp')}.sound-settings-button{border:1px solid #8994b966;border-radius:12px;background:#131e3b;color:#e4d9ff;padding:5px 9px;font-size:12px}
