/* Shared navigation and care/settings controls for the Games Clearing expansion. */
.app-shell[data-grove-location="games"] #home-view { transform: translateX(-200%); pointer-events:none; }
.nanny-coin-pass { grid-column:1/-1; display:flex; gap:16px; align-items:center; justify-content:space-between; padding-top:16px; border-top:1px solid #dbe9de; }
.nanny-coin-pass small { display:block; margin-top:5px; color:#52675c; }
.landscape-settings h2 { margin:0; font-size:20px; }
.landscape-settings p { color:#52675c; line-height:1.5; }
.landscape-picker { border:0; padding:0; margin:22px 0 0; display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px; }
.landscape-picker legend { margin-bottom:12px; font-weight:800; }
.landscape-choice { position:relative; display:flex; flex-direction:column; gap:7px; padding:10px; border:2px solid #dce9e1; border-radius:16px; background:#fff; cursor:pointer; }
.landscape-choice:has(input:checked) { border-color:#3b8656; box-shadow:0 0 0 2px #dceedd; }
.landscape-choice:focus-within { outline:3px solid #568dba; outline-offset:3px; }
.landscape-choice input { position:absolute; right:14px; top:14px; accent-color:#3b8656; }
.landscape-choice strong { font-size:13px; }
.landscape-choice small { color:#53665b; font-size:11px; line-height:1.45; }
.landscape-preview { height:58px; border-radius:9px; background:linear-gradient(#bfe7ea 60%,#718f60 61%); overflow:hidden; }
[data-preset="leafy-grove"] .landscape-preview { background:radial-gradient(ellipse at 20% 65%,#497453 25%,transparent 26%),radial-gradient(ellipse at 75% 75%,#729866 25%,transparent 26%),#bfe7ea; }
[data-preset="sunny-meadow"] .landscape-preview { background:radial-gradient(circle at 72% 25%,#fff0a0 12%,transparent 13%),linear-gradient(#c5e9f0 65%,#9dbb70 66%); }
[data-preset="misty-garden"] .landscape-preview { background:linear-gradient(160deg,#dad5ee,#b4cdd4 65%,#839e90 66%); }
[data-preset="alpine-distance"] .landscape-preview { background:conic-gradient(from 130deg at 50% 35%,#bacac8 0deg 100deg,transparent 101deg),#d5e6ed; }
[data-preset="lakeside"] .landscape-preview { background:linear-gradient(#d0eaf0 50%,#739f85 51% 65%,#92c6cb 66%); }
[data-preset="soft-lawn"] .landscape-preview { background:linear-gradient(#d9ebd1 50%,#789a64 51% 62%,#b88f62 63%); }
[data-preset="rolling-meadow"] .landscape-preview { background:radial-gradient(ellipse at 35% 145%,#9bb87e 70%,transparent 71%),#d9ebd1; }
[data-preset="muddy-meadow"] .landscape-preview { background:radial-gradient(ellipse at 55% 68%,#856642 23%,transparent 24%),linear-gradient(#d9ebd1 50%,#9aae78 51%); }
[data-preset="snowy-banks"] .landscape-preview { background:radial-gradient(ellipse at 0% 100%,#eef9fa 60%,transparent 61%),radial-gradient(ellipse at 105% 100%,#eef9fa 55%,transparent 56%),#9cab86; }
[data-preset="cozy-valley"] .landscape-preview { background:radial-gradient(ellipse at 0% 100%,#91ad75 40%,transparent 41%),radial-gradient(ellipse at 100% 100%,#91ad75 40%,transparent 41%),#c6d6ab; }
@media(max-width:600px) { .nanny-coin-pass { align-items:stretch; flex-direction:column; } .app-shell .nav-button .nav-label { font-size:10px; } .landscape-picker { grid-template-columns:repeat(2,minmax(0,1fr)); } }