/* Keep the established overlay positions; the wider camera clears the walking route. */
.readable-overlay{--reading-size:clamp(17px,1.25vw,20px)}
.readable-overlay .quest-tracker{width:min(420px,38vw)}
.readable-overlay .quest-tracker h1{font-size:clamp(23px,1.8vw,29px);line-height:1.15}
.readable-overlay .chapter-label{font-size:11px;letter-spacing:1.7px}
.readable-overlay .quest-tracker #missionGoal{font-size:var(--reading-size);line-height:1.45;max-width:none}
.readable-overlay .quest-tracker>div{min-width:0}
.readable-overlay .quiet-audio{min-width:44px}
.readable-overlay .encounter-notice{width:350px;background:linear-gradient(140deg,#173f43fa,#102e38fa)}
.readable-overlay #encounterText,.readable-overlay .companion-dialogue #feedback{font-size:var(--reading-size);line-height:1.45}
.readable-overlay .encounter-heading strong{font-size:19px;line-height:1.2}
.readable-overlay .encounter-heading button{font-size:14px;min-height:44px}
.readable-overlay .fetch-runes{font-size:16px;line-height:1.3}
.readable-overlay .companion-dialogue{background:linear-gradient(135deg,#193c44f5,#102b38f5)}
.readable-overlay .companion-dialogue:has(#feedback[hidden]){width:auto;padding:7px 12px 10px;min-width:72px}
.readable-overlay .companion-dialogue:has(#feedback[hidden])>div{display:none}
.readable-overlay .companion-portrait{height:65px;min-width:48px}
.readable-overlay .companion-portrait img{height:48px}
.readable-overlay .companion-portrait small{display:block;font:14px/1.2 system-ui,sans-serif;color:#ffe4a8}
.readable-overlay .speaker-name{font-size:17px}
.readable-overlay .echo-panel button{font-size:14px;min-height:44px}
.readable-overlay .spell-slots{flex-wrap:nowrap;max-height:70px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.readable-overlay .spell-slots:empty:after{font-size:18px;color:#d1d9c9}
.readable-overlay .rune-card.selected{width:52px;flex-basis:52px;height:65px}
.readable-overlay .rune-card.selected img{height:42px}
.readable-overlay .rune-card .meaning{font-size:12px}
.readable-overlay .thread-actions button{width:40px;min-height:44px}
.readable-overlay .cast-button span{font-size:16px}
.readable-overlay .follow-button,.readable-overlay .return-trail{font-size:16px;min-height:44px}
.readable-overlay .game-footer{font-size:12px}
.readable-overlay .game-footer button{font-size:13px;min-height:30px}
.readable-overlay [hidden]{display:none!important}
@media(max-width:1100px) and (min-width:761px){
 .readable-overlay .quest-tracker{width:340px}
 .readable-overlay .encounter-notice{width:320px}
}
@media(max-width:760px){
 .readable-overlay .quest-tracker{width:calc(100% - 40px);max-width:420px}
 .readable-overlay .quest-tracker h1{font-size:23px}
 .readable-overlay .quest-tracker #missionGoal{font-size:17px}
 .readable-overlay .chapter-label{font-size:10px}
 .readable-overlay .encounter-notice{width:auto}
 .readable-overlay .encounter-heading strong{font-size:18px}
 .readable-overlay #encounterText,.readable-overlay .companion-dialogue #feedback{font-size:17px}
 .readable-overlay .companion-dialogue:has(#feedback[hidden]){right:auto}
 .readable-overlay .companion-dialogue:has(#feedback[hidden]) .companion-portrait{height:52px}
 .readable-overlay .companion-dialogue:has(#feedback[hidden]) .companion-portrait img{height:36px}
 .readable-overlay .companion-dialogue:not(:has(#feedback[hidden])) .companion-portrait{width:38px;min-width:38px}
 .readable-overlay .rune-card.selected{width:44px;flex-basis:44px;height:58px}
 .readable-overlay .rune-card.selected img{height:35px}
 .readable-overlay .rune-card .meaning{font-size:11px}
 .readable-overlay .spell-slots:empty:after{font-size:16px}
 .readable-overlay .thread-actions button{width:32px}
 .readable-overlay .echo-panel button{font-size:13px}
}
/* Feather the existing terrain into the full-screen scenery at the wider scale. */
.readable-overlay:not(.at-title) #worldSpace>.terrain-tile,.readable-overlay:not(.at-title) #worldSpace>.terrain-lead,.readable-overlay:not(.at-title) #foregroundPlane>.foreground-tile{mask-image:linear-gradient(to bottom,#000 0 83%,transparent 100%),linear-gradient(90deg,transparent,#000 100px,#000 calc(100% - 100px),transparent);mask-composite:intersect}
.readable-overlay .terrain-lead{position:absolute;left:-3400px;top:0;width:3600px;height:1200px;max-width:none;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,#000,#000 calc(100% - 100px),transparent)}