/* The chosen habitat follows the learner into play; writing stays on white. */
.game-main[data-habitat]{--landscape:url('/static/art/habitats/forest.png');--habitat-tint:#edf5e8;--habitat-edge:#9bb98d;--habitat-ink:#365e35;--ground:#adbc81;--soil:#77894d;--scene-position:50% 58%}
.game-main[data-habitat="blue"]{--landscape:url('/static/art/habitats/ocean.png');--habitat-tint:#eaf8fa;--habitat-edge:#90c9ce;--habitat-ink:#23626a;--ground:#eee0b7;--soil:#c8ad76;--scene-position:50% 57%}
.game-main[data-habitat="purple"]{--landscape:url('/static/art/habitats/magic.png');--habitat-tint:#f0eef9;--habitat-edge:#b4a7d2;--habitat-ink:#594078;--ground:#7e8f91;--soil:#495a69;--scene-position:50% 55%}
.game-main[data-habitat="orange"]{--landscape:url('/static/art/habitats/sunset.png');--habitat-tint:#fff3e5;--habitat-edge:#dfb67e;--habitat-ink:#80562a;--ground:#d4bc7e;--soil:#a58d53;--scene-position:50% 55%}
.game-main[data-habitat="sand"]{--landscape:url('/static/art/habitats/desert.png');--habitat-tint:#fff5e8;--habitat-edge:#dfbc8a;--habitat-ink:#805d32;--ground:#efd3a0;--soil:#caa064;--scene-position:50% 60%}
.game-mode .game-main[data-habitat] .game-board{border-color:var(--habitat-edge);box-shadow:0 8px 30px color-mix(in srgb,var(--habitat-edge) 16%,transparent)}
.game-mode .game-main[data-habitat] .game-scene{isolation:isolate;background-image:linear-gradient(90deg,#ffffff12,#ffffff00 40%,#ffffff12),var(--landscape);background-size:cover;background-position:var(--scene-position);border:1px solid var(--habitat-edge);box-shadow:inset 0 1px 8px #00000012}
.game-mode .game-main[data-habitat] .scene-track{z-index:0;bottom:0;left:0;right:0;height:13px;border:0;border-top:2px solid var(--ground);background:linear-gradient(var(--ground),var(--soil));opacity:1;box-shadow:0 -3px 8px #00000012}
.game-mode .game-main[data-habitat] .scene-track::after{content:'';position:absolute;inset:5px 12px 0;border-top:2px dashed #ffffff60}
.game-mode .game-main[data-habitat] .scene-word{background:#fffffff2;color:var(--habitat-ink);border:1px solid var(--habitat-edge);box-shadow:0 2px 8px #00000018;border-radius:10px}
.game-mode .game-main[data-habitat] .scene-finish{z-index:1;width:30px;height:30px;display:grid;place-items:center;background:#ffffffe8;border:1px solid var(--habitat-edge);border-radius:50%;font-size:20px;bottom:12px;box-shadow:0 2px 5px #00000018}
.game-mode .game-main[data-habitat] .game-pet{background:var(--habitat-tint);border-color:var(--habitat-edge)}
.game-mode .game-main[data-habitat] #game-pet{background-image:var(--landscape);background-size:cover;background-position:center 60%;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff70}
.game-mode .game-main[data-habitat] .game-pet .speech{color:var(--habitat-ink)}
.game-mode .game-main[data-habitat] .start-overlay{background:linear-gradient(110deg,#ffffffef,#ffffffe8),var(--landscape) center/cover}
.game-mode .game-main[data-habitat] .game-stats{border-bottom:1px solid var(--habitat-tint)}
/* Do not obscure the separate lantern/river practice scenes. */
.game-mode .game-main[data-habitat] .has-drill .scene-finish{display:none}