/* ⚙ gear on the forest / village pages (settings-gear.js); the page it opens is game-settings.js */
.settings-gear { position: absolute; top: max(10px, env(safe-area-inset-top)); right: max(10px, env(safe-area-inset-right)); z-index: 30; width: 44px; height: 44px; padding: 0; display: grid; place-items: center;
  border-radius: 12px; border: 2px solid #c9a74a; background: linear-gradient(180deg, rgba(58, 40, 18, .92), rgba(30, 20, 8, .92)); box-shadow: 0 3px 0 rgba(0, 0, 0, .45), 0 0 10px rgba(0, 0, 0, .35); cursor: pointer; }
.settings-gear svg { width: 26px; height: 26px; fill: none; stroke: #ffe7a6; stroke-width: 1.7; stroke-linejoin: round; transition: transform .4s ease; }
.settings-gear:hover svg { transform: rotate(60deg); }
.settings-gear:active { transform: translateY(2px); box-shadow: 0 1px 0 rgba(0, 0, 0, .45); }