/* The common transparent controls occupy their own strip above gameplay. */
:root {--nm-gameplay-top:calc(66px + env(safe-area-inset-top));--nm-control-top:calc(10px + env(safe-area-inset-top))}
.nm-game-topbar {position:fixed;left:0;right:0;top:0;height:var(--nm-gameplay-top);box-sizing:border-box;z-index:2147483601;background:rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.65);pointer-events:none;backdrop-filter:blur(4px)}
.nm-game-topbar[hidden] {display:none!important}
html body .nm-game-topbar button.nm-game-settle {--nm-choice-size:46px;--nm-choice-symbol-size:28px;position:absolute!important;left:max(68px,calc(env(safe-area-inset-left) + 68px))!important;right:auto!important;top:var(--nm-control-top)!important;bottom:auto!important;margin:0!important;transform:none!important;pointer-events:auto;z-index:2}
html body .nm-game-home,
html body #adventureTopMenu #idleAdventureHome.nm-game-home,
html body.embeddedIdle #idleAdventureHome.nm-game-home:not([hidden]) {position:fixed!important;left:max(12px,env(safe-area-inset-left))!important;right:auto!important;top:var(--nm-control-top)!important;bottom:auto!important;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important;flex:0 0 46px!important;border:2px solid rgba(255,255,255,.95)!important;border-radius:50%!important;background:rgba(255,255,255,.5)!important;color:#243140!important;box-shadow:0 3px 9px #2d3a4117!important;backdrop-filter:none!important;margin:0!important;padding:0!important;transform:none!important;z-index:2147483602!important;pointer-events:auto;touch-action:manipulation}
html body .nm-game-home[hidden],html body #adventureTopMenu #idleAdventureHome.nm-game-home[hidden] {display:none!important}
html body .nm-game-home svg,html body #adventureTopMenu #idleAdventureHome.nm-game-home svg {width:25px!important;height:25px!important;pointer-events:none}
html body #puzzleScreen[data-nanamono-settlement-surface] .match3-shell,
html body[data-live-tutorial="puzzle"] #puzzleScreen[data-nanamono-settlement-surface] .match3-shell {padding-top:var(--nm-gameplay-top)!important;box-sizing:border-box!important}
html body #suikaScreen[data-nanamono-settlement-surface] .suika-shell,
html body #pairPuzzleScreen[data-nanamono-settlement-surface] .pair-shell {padding-top:var(--nm-gameplay-top)!important;box-sizing:border-box!important}
html body #tetrisScreen[data-nanamono-settlement-surface] .tetris-shell {margin-top:var(--nm-gameplay-top)!important;padding-top:8px!important;box-sizing:border-box!important}
@media(max-height:640px) {html body #tetrisScreen[data-nanamono-settlement-surface] .tetris-shell {padding-top:5px!important}}
/* The adventure has a child document; reserve the strip before its real canvas. */
html body #battle[data-nanamono-settlement-surface="adventure"] {top:var(--nm-gameplay-top)!important;bottom:0!important;height:auto!important}
html body:has(#battle[data-nanamono-settlement-surface="adventure"]) #adventureTopMenu.nav {top:var(--nm-gameplay-top)!important;padding-top:6px!important}
html body:has(#battle[data-nanamono-settlement-surface="adventure"]) #adventureTopMenu #idleAdventureHome {flex-basis:0!important}
/* Keep the garden's calendar and currencies in their existing information row. */
html body #gardenApp[data-nanamono-settlement-surface="garden"] {padding-top:var(--nm-gameplay-top)!important;box-sizing:border-box!important}
html body #gardenApp[data-nanamono-settlement-surface="garden"]>.appbar {top:var(--nm-gameplay-top)!important}
.nm-settlement-overlay {position:fixed;inset:0;z-index:2147483645;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(22,31,42,.28);backdrop-filter:blur(4px);box-sizing:border-box;color:#243140;touch-action:none}
.nm-settlement-overlay[hidden] {display:none!important}
.nm-settlement-card {box-sizing:border-box;width:min(92vw,420px);padding:26px 22px;border:2px solid #fff;border-radius:24px;background:rgba(255,255,255,.83);box-shadow:0 8px 35px #19222b40;text-align:center;font-family:system-ui,-apple-system,sans-serif}
.nm-settlement-card h2 {margin:0 0 22px;font-size:clamp(20px,5vw,25px);line-height:1.4;color:#243140}
.nm-settlement-card p {font-size:13px;line-height:1.6;margin:0 0 18px;color:#814754}
.nm-settlement-card p:empty {display:none}
.nm-settlement-card .nanamono-choice-pair {display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;gap:30px;direction:ltr}
.nm-settlement-card button {touch-action:manipulation}
@media(prefers-reduced-motion:reduce) {.nm-settlement-overlay {backdrop-filter:none}}
