/* Local readable controls, never a full-width white fog over the scene. */
#courtyard-overlay,#lakeside-overlay{color:#2a433c;background:#d8e6e7}
.courtyard-toolbar,.courtyard-hint,.lakeside-bar,.lakeside-hint{background:transparent}
.courtyard-toolbar>div,.lakeside-bar>div{align-self:flex-start;background:#f7faf2e8;border:1px solid #dae5d6;border-radius:12px;padding:12px 15px;box-shadow:0 4px 18px #3253470d}
.courtyard-toolbar nav,.lakeside-bar nav{align-self:flex-start;flex-wrap:wrap;justify-content:flex-end}
.courtyard-toolbar button,.lakeside-bar button{border-color:#9db5a6;background:#f7faf2f2;color:#2a433c;border-radius:9px;min-height:40px}
.courtyard-hint,.lakeside-hint{left:20px;right:auto;bottom:18px;width:max-content;max-width:calc(100% - 40px);padding:9px 13px;background:#f7faf2e8;border:1px solid #dae5d6;border-radius:9px;box-sizing:border-box;color:#2a433c}
.courtyard-hint span{float:none;margin-left:16px}
.env-library{background:#d8e6e7}
.env-bar,.env-tools,.env-note{background:#f7faf2f2;color:#2a433c}
/* Match the existing lake consumer's ID specificity, not just its classes. */
#lakeside-overlay .lakeside-bar{text-shadow:none;background:transparent}
#lakeside-overlay .lakeside-bar>div{background:#f7faf2e8;border:1px solid #dae5d6;border-radius:12px;padding:12px 15px}
#lakeside-overlay button{border-color:#9db5a6;background:#f7faf2f2;color:#2a433c;border-radius:9px;min-height:40px}
#lakeside-overlay button:hover,#lakeside-overlay button:focus-visible{background:#e6efe1;outline:2px solid #48765a;outline-offset:2px}
#lakeside-overlay .lakeside-hint{background:#f7faf2e8;color:#2a433c;border:1px solid #dae5d6;border-radius:9px;max-width:calc(100% - 40px);box-sizing:border-box}
@media(max-width:600px){
 .courtyard-toolbar,.lakeside-bar{padding:12px;gap:10px}
 .courtyard-toolbar>div,.lakeside-bar>div{padding:10px 12px;max-width:calc(100% - 124px);box-sizing:border-box}
 .courtyard-toolbar strong{font-size:18px}.courtyard-toolbar small{font-size:9px}
 .courtyard-toolbar span{font-size:10px;max-width:150px}
 .courtyard-toolbar button,.lakeside-bar button{min-height:40px}
 .courtyard-hint,.lakeside-hint{left:12px;bottom:12px;max-width:calc(100% - 24px);font-size:10px;padding:8px 11px}
 .courtyard-hint span{display:none}
 #lakeside-overlay .lakeside-bar{padding:12px;gap:10px}
 #lakeside-overlay .lakeside-bar>div{padding:10px 12px;max-width:calc(100% - 124px);min-width:154px;box-sizing:border-box}
 #lakeside-overlay .lakeside-hint{left:12px;bottom:12px;max-width:calc(100% - 24px);font-size:10px;padding:8px 11px}
}