/* 9-C 全47エリア共通。1.6倍・縦12%・各配置/寸法は仮。画面そのものを風景にする。 */
#town.area-scene{position:fixed;inset:var(--scene-top,92px) 0 var(--scene-bottom,82px);min-height:0;padding:0!important;overflow:hidden}
#town.area-scene>.town-content{position:relative;max-width:none;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
.town-landscape{position:absolute;inset:0;overflow:hidden;touch-action:pinch-zoom;isolation:isolate;user-select:none}
.town-world{position:absolute;top:0;left:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat;will-change:transform}
#town .scene-gyoza{position:absolute;width:10%;min-width:44px;min-height:44px;aspect-ratio:1;transform:translate(-50%,-50%);padding:0;border:0;border-radius:0;background:none;box-shadow:none;touch-action:pinch-zoom;cursor:pointer}
.scene-gyoza img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.scene-gyoza:focus-visible{outline:2px solid #443c35;outline-offset:2px}
#town .scene-gyoza.is-collected{animation:sceneCollect .32s ease-out forwards}
#town.area-scene :is(.town-home,.town-harvest){display:none}
#town.area-scene .section-head{position:absolute;top:8px;left:8px;z-index:2;margin:0;gap:4px;align-items:start}
#town.area-scene .section-head h2{font-size:14px;padding:4px 7px;background:#f6f0e6dc;border-radius:6px}
.scene-basket{position:absolute;right:8px;top:8px;z-index:2;display:grid;gap:4px;justify-items:end;pointer-events:none;font-size:13px}
.scene-basket span{background:#f6f0e6e6;border-radius:6px;padding:4px 7px}
#town.area-scene .town-visit{position:absolute;bottom:8px;left:8px;z-index:3;margin:0;padding:0;max-width:calc(100% - 16px);background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
#town.area-scene :is(#visitOpen,#townBack){width:auto;min-height:44px;padding:6px 10px;font-size:12px;border:0;box-shadow:none;border-radius:8px}
#town.area-scene #townBack{position:absolute;right:8px;bottom:8px;z-index:2;margin:0}
#town.area-scene #visitForm{max-width:280px;background:none;padding:8px;border:0;border-radius:0;max-height:45svh;overflow:auto}
#town.area-scene #visitMessage:not(:empty){background:#f6f0e6ed;max-width:280px;margin:4px 0;padding:4px;font-size:12px}
#town.area-scene #regionalGacha{position:absolute;bottom:62px;left:8px;z-index:2;max-width:calc(100% - 16px);max-height:25%;overflow:auto;margin:0;padding:4px 8px;border:0;border-radius:0;box-shadow:none;background:none;font-size:11px}
#town.area-scene #regionalGacha :is(h3,p){font-size:11px;margin:2px 0;background:#f6f0e6db;width:fit-content;padding:2px 4px}
#town.area-scene #regionalDraw{font-size:12px;padding:4px 8px;min-height:44px}
body:has(#town.area-scene.active) .topbar{padding:4px 8px;gap:2px 6px}
body:has(#town.area-scene.active) .topbar .logo{font-size:13px}
body:has(#town.area-scene.active) .topbar .pill{border:0;box-shadow:none;padding:2px 4px;font-size:10px;line-height:1.4}
body:has(#town.area-scene.active) .topbar .pill b{font-size:13px}
body:has(#town.area-scene.active) .topbar .ticket span{display:inline}
body:has(#town.area-scene.active) .dock{border:0;box-shadow:none}
@keyframes sceneCollect{to{transform:translate(-50%,-90%) scale(.7);opacity:0}}


/* 9-F 完成場面。仮: 印は中央下、金色16px、タップ領域44px。 */
.town-world{background-size:cover}
.scene-previous{position:absolute;inset:0;background:center/cover no-repeat;pointer-events:none}
#sceneHarvest{position:absolute;inset:0;pointer-events:none}
#town .scene-gyoza{width:44px;height:44px;min-width:44px;min-height:44px;pointer-events:auto;display:grid;place-items:center;touch-action:manipulation}
.scene-gyoza span{width:16px;height:16px;border-radius:50%;background:#ffd66b;box-shadow:0 0 10px 5px #ffd66b99;animation:sceneGlow 2.4s ease-in-out infinite;pointer-events:none}
#sceneEmpty,#sceneNotice:not(:empty){position:absolute;left:50%;top:35%;transform:translateX(-50%);max-width:90%;padding:6px 10px;border-radius:6px;background:#f6f0e6ed;font-size:14px;text-align:center;pointer-events:none}
#sceneNotice:not(:empty){top:20%}
@keyframes sceneGlow{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.scene-gyoza span,#town .scene-gyoza.is-collected{animation:none}#town .scene-gyoza.is-collected{visibility:hidden}}