#dialogue-caption{position:fixed;bottom:236px;left:50%;transform:translateX(-50%);width:min(470px,40vw);z-index:35;padding:13px 17px;background:linear-gradient(110deg,rgba(15,23,20,.95),rgba(27,31,22,.91));border:1px solid #766b48;box-shadow:0 5px 24px #0008;pointer-events:none}
#dialogue-caption strong{display:block;color:#d7b475;font-size:11px;letter-spacing:.12em;text-transform:uppercase}#dialogue-caption p{margin:7px 36px 0 0;font-size:15px;line-height:1.5;color:#eee5cd}#dialogue-caption button{position:absolute;right:9px;bottom:10px;pointer-events:auto}
.hidden-ui #dialogue-caption{bottom:35px}.paused #dialogue-caption{z-index:110}
/* Spoken warnings and character lines remain readable while a book is open,
   but reserve their own strip instead of covering the decision or controls. */
body:has(#modal:not([hidden])):has(#dialogue-caption:not([hidden])) #dialogue-caption{top:10px;bottom:auto}
body:has(#modal:not([hidden])):has(#dialogue-caption:not([hidden])) #modal{padding-top:102px}
body:has(#modal:not([hidden])):has(#dialogue-caption:not([hidden])) #modal-card{max-height:calc(100dvh - 118px)}
.intro-mode{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;text-align:left}.intro-mode label{display:flex;align-items:center;gap:9px;font-size:13px;color:#c7c6ac}.intro-mode select{max-width:100%;background:#171f18;color:#eedfb6;border:1px solid #7c7651;padding:9px;font:inherit}.intro-mode label:first-child{flex-direction:column;align-items:stretch}.intro-mode input{accent-color:#ba985c}
#practice-banner{position:fixed;top:92px;left:50%;transform:translateX(-50%);z-index:50;padding:8px 12px;border-color:#a9945e;display:flex;gap:12px;align-items:center;font-size:12px}#practice-banner[hidden],#dialogue-caption[hidden]{display:none}
.voice-book{border-top:1px solid #605b3f;padding:14px 0}.voice-book summary{cursor:pointer;color:#d8b576}.voice-book article{display:flex;align-items:center;gap:14px;padding:7px 0}.voice-book article p{margin:0;line-height:1.5}.voice-book button{flex-shrink:0}
.harbour-operations progress{width:100%;height:8px;accent-color:#b69a5d}.harbour-operations h2{margin-top:20px}.harbour-operations .button-row{flex-wrap:wrap}.harbour-operations .button-row button{flex:1 1 130px}
.quay-contact{margin:12px 0;padding:13px 15px;border:1px solid #7d693e;background:linear-gradient(110deg,#20291f,#101612);box-shadow:inset 4px 0 #a27e45}.quay-contact h2{margin:3px 0 5px;color:#ead9a8}.quay-contact p{margin:0;color:#c4c5ad;font-style:italic}
@media(max-width:1100px){#dialogue-caption{left:32%;width:42vw;font-size:13px;bottom:250px}.intro-mode{grid-template-columns:1fr}.intro-card{max-height:92vh;overflow-y:auto}}
@media(max-height:800px){#dialogue-caption{bottom:210px;padding:8px 12px}#dialogue-caption p{font-size:13px}.intro-card h1{font-size:37px}.intro-controls{display:none}.intro-card p{margin:9px 0}.intro-card{max-height:94vh;overflow-y:auto}}