/* Material-only pass: preserve the existing layout, sizes and control locations. */
:root{--panel:#102027f2;--line:#7b8169;--lime:#e8d29b;--muted:#baccc6}
.panel,.dialog,.audio-panel,#tutorialCard,.game-bottom{
 background:linear-gradient(135deg,#223532f5,#10212af5 65%,#14272bf5);
 border-color:#9b9973;border-radius:7px;
 box-shadow:inset 0 0 0 2px #0a161d,inset 0 0 0 3px #59615880,0 12px 38px #0006;
}
button{background:linear-gradient(#2d4143,#162930);border-color:#73817a;text-shadow:0 1px 2px #0008}
button:hover{background:linear-gradient(#435650,#243a3c);border-color:#dfd0a2}
button:focus-visible{outline:2px solid #f3d898;outline-offset:3px}
.primary,.side .primary{background:linear-gradient(#f2dea5,#c8ae6e);color:#152829;text-shadow:0 1px #fff4;border:1px solid #f7e7ba;box-shadow:inset 0 0 0 2px #93783f,0 4px 12px #0005}
.primary:hover{background:linear-gradient(#fff1c1,#dec488)}
.card,.hud-mon,.upgrade-card,.loot{background:linear-gradient(145deg,#2a3c3a,#15272d 70%);border-color:#66796e;box-shadow:inset 0 0 0 2px #07171e,0 4px 10px #0004;border-radius:5px}
.card.selected,.hud-mon.active{border-color:#f0dc9d;box-shadow:inset 0 0 0 2px #253c3d,0 0 12px #f3d47415}
.upgrade-card:nth-child(1){background:radial-gradient(ellipse at top,#79533288,transparent 65%),linear-gradient(#243732,#13232b)}
.upgrade-card:nth-child(2){background:radial-gradient(ellipse at top,#54795a88,transparent 65%),linear-gradient(#243732,#13232b)}
.upgrade-card:nth-child(3){background:radial-gradient(ellipse at top,#42667b88,transparent 65%),linear-gradient(#243732,#13232b)}
.upgrade-card img{filter:drop-shadow(0 7px 5px #0006)}
.hp{background:#08141e;box-shadow:0 0 0 1px #53655c}.hp i{background:linear-gradient(#8ceb9d,#36bf72)}
.xp{background:#07141d}.xp i{background:linear-gradient(#6ed3ef,#2f93d7)}
.controls button{background:linear-gradient(#344844,#172a30);border-color:#a2a17f}
#skillBtn{box-shadow:inset 0 0 12px #efaa4b18,0 3px 0 #07130b66}
#catchBtn{box-shadow:inset 0 0 12px #f4df8b18,0 3px 0 #07130b66}
#extractBtn{box-shadow:inset 0 0 12px #7ce9d52b,0 3px 0 #07130b66}
.controls .lesson-action{border-color:#f4df9b;box-shadow:inset 0 0 12px #f1cd6544,0 0 0 2px #f1cd6566}
#tutorialCard{border-left-color:#e4d297}
#tutorialCard:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:var(--lesson-progress,20%);background:#eedb9e;box-shadow:0 0 9px #e5d18c80;transition:width .3s}
#lessonCount{color:#a4cbbd}#lessonHint{color:#d4e1d8}
.game-top>span:first-child,#cargoBrief,#supplies{background:#102129d9;border:1px solid #80866e;border-radius:5px;padding:7px 10px;box-shadow:inset 0 0 0 2px #0c1a20}
#terrainStatus{color:#d8e5cf!important;border:1px solid #61796c}
.overlay{background:#06141a88;backdrop-filter:blur(3px)}
.camp-backdrop:after{background:radial-gradient(ellipse at 40% 40%,#071c1933,#03141bd9)}
#camp .hero h1{color:#f1dfa9;text-shadow:0 3px 0 #26392c,0 8px 25px #0009}
.tag{color:#d6c99b}.panel-title{border-bottom-color:#667263}.growth-results{border-top-color:#667263}
.camp-menu .hero p{color:#d5e2d3}
@media(max-width:740px){.game-top>span:first-child,#cargoBrief,#supplies{padding:4px 5px}.game-top{gap:5px}}
@media(prefers-reduced-motion:reduce){#tutorialCard:after{transition:none}}