/* Renaissance village: a complete map first, spacious game houses in each lane. */
.town-frame{background:#fff8e8;border-color:#b68a55;overflow:hidden}
.town-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;background:#f8ecd6;border-bottom:1px solid #d8c19a}
.town-sign{color:#61422b;display:grid;gap:6px}.town-sign>small{font-size:10px;letter-spacing:2px}.town-sign>b{font-size:24px;letter-spacing:-1px}
.town-sign .visitor-counter{position:static;display:flex;align-items:center;justify-content:flex-start;gap:6px;margin:0;padding:0;border:0;background:none;box-shadow:none;font-size:12px;color:#70523b;white-space:nowrap}.town-sign .visitor-counter em{color:#b35d42}.town-sign .visitor-counter strong{font-size:16px}.town-sign .visitor-counter small{display:inline;font-size:12px}
.town-weather{display:grid;gap:10px;justify-items:end}.town-weather>span{font-size:12px;color:#7d6047}.town-weather .season-controls{display:flex;gap:4px;flex-wrap:wrap}.town-weather .season-controls button{min-height:40px;min-width:40px;padding:7px 11px;border:1px solid #d4bc98;border-radius:20px;background:#fffaf0;color:#755139;font-size:12px}.town-weather .season-controls button.active{background:#83573a;color:#fff6e8;border-color:#83573a}
#village-map.town-map{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:3/2;overflow:hidden;background:#dbc89b;border-radius:0;isolation:isolate;scroll-margin-top:12px}
.town-art{background-image:url('town-seasons-v1.png');background-size:200% 200%;background-position:0 0;background-repeat:no-repeat}
.town-map>.town-art{position:absolute;inset:0;width:100%;height:100%}
[data-season=summer] .town-art{background-position:100% 0}[data-season=autumn] .town-art{background-position:0 100%}[data-season=winter] .town-art{background-position:100% 100%}
.town-districts{position:absolute;inset:0}.town-gate{position:absolute;left:var(--gate-x);top:var(--gate-y);transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;min-width:124px;min-height:72px;padding:9px 15px;border:2px solid #885a36;border-radius:10px;background:#fff3dbea;color:#543825;box-shadow:0 4px 0 #78492b,0 8px 18px #3e2d2340;cursor:pointer;transition:translate .15s,background .15s}.town-gate:hover,.town-gate[aria-pressed=true]{background:#fff9e9;translate:0 -3px}.town-gate>b{font-size:11px;letter-spacing:2px;background:#82593d;color:#fff4dc;border-radius:4px;padding:3px 9px}.town-gate>span{font-size:15px;font-weight:800}.town-gate>small{font-size:11px;color:#89664a}.town-plaza{position:absolute;left:50%;top:57%;transform:translateX(-50%);font-size:11px;letter-spacing:2px;padding:5px 10px;border-radius:20px;background:#fff7dfcf;color:#77533c;pointer-events:none}
.town-districts.extra-districts{position:absolute;inset:15% 7%;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:center}.extra-districts .town-gate{position:static;transform:none;min-width:0}
.town-direction{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-top:1px solid #d2b58b;color:#735239;font-size:12px;background:#fff6e4}.town-direction>span:first-child{font-weight:800}.town-direction button{border:1px solid #c9a87b;border-radius:20px;padding:9px 15px;background:#edddbd;color:#67442e;cursor:pointer;min-height:44px}
.town-lane{padding:28px;background:radial-gradient(ellipse at 50% 70%,#e8d5ac,#fff6e5 75%);border-top:1px solid #dbc199;scroll-margin-top:16px}.town-lane[hidden]{display:none}.town-lane-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.town-lane-heading h2{margin:6px 0;font-size:26px;color:#64442e}.town-lane-heading p{font-size:13px;line-height:1.7;color:#8c6c4f}.town-overview{display:grid;flex-shrink:0;gap:5px;padding:6px;border:1px solid #bc986b;border-radius:10px;background:#fff8e8;font-size:11px;color:#775235;cursor:pointer}.town-mini{display:block;width:120px;aspect-ratio:3/2;border-radius:5px}
.town-houses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:26px 0 14px;position:relative}.town-house{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;padding:10px 8px 16px;border:0;border-bottom:3px solid #cbb180;border-radius:50% 50% 16px 16px;background:linear-gradient(transparent 45%,#fbefcfa0);color:#65452f;min-width:0;cursor:pointer;transition:transform .18s}.town-house:hover{transform:translateY(-5px)}.town-house img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 7px 3px #69412725)}.town-house .town-platform{font-size:10px;letter-spacing:2px;background:#806246;border:1px solid #68462d;border-radius:4px;color:#fff5dc;padding:4px 9px}.town-house>b{font-size:14px;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}.town-house>small{font-size:11px;color:#85664d}.town-pagination{display:flex;justify-content:center;gap:8px;margin-top:18px;flex-wrap:wrap}.town-pagination[hidden]{display:none}.town-pagination button{min-height:44px;border:1px solid #c5a577;border-radius:8px;background:#fff9ed;color:#775235;padding:8px 14px;cursor:pointer}.town-pagination button[aria-current=page]{background:#825638;color:#fff4dc}
.town-frame button:focus-visible{outline:3px solid #b24b2e;outline-offset:4px}.town-frame .village-bottom{background:#f6ead1}
@media(max-width:700px){.town-toolbar{padding:16px;gap:12px;align-items:flex-start}.town-sign>b{font-size:19px}.town-sign>small{font-size:8px;letter-spacing:1px}.town-weather{gap:7px;max-width:175px}.town-weather>span{font-size:10px}.town-weather .season-controls{gap:3px;justify-content:flex-end}.town-weather .season-controls button{padding:6px;min-width:29px;min-height:44px;font-size:11px}.town-gate{min-width:98px;min-height:66px;padding:6px 8px;gap:2px;border-radius:8px}.town-gate>span{font-size:12px}.town-gate>b{font-size:9px;padding:2px 6px}.town-gate>small{font-size:10px}.town-plaza{font-size:9px;letter-spacing:0;padding:3px 7px}.town-direction{padding:12px;gap:8px;flex-wrap:wrap;font-size:11px}.town-direction>span:nth-child(2){order:3;width:100%;text-align:center;color:#94775b}.town-direction button{padding:7px 12px;font-size:11px}.town-lane{padding:20px 14px}.town-lane-heading{gap:10px}.town-lane-heading h2{font-size:20px}.town-lane-heading p{font-size:11px}.town-lane-heading .eyebrow{font-size:9px;letter-spacing:1px}.town-mini{width:83px}.town-overview{font-size:10px}.town-houses{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding-top:12px}.town-house img{max-width:210px}.town-house>b{font-size:13px}.town-frame .village-bottom{padding:14px 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.town-house,.town-gate{transition:none}}
.town-frame .town-gate:hover:not(:disabled){transform:translate(-50%,-50%)}
.town-frame .extra-districts .town-gate:hover:not(:disabled){transform:none}
@media(max-width:440px){.town-toolbar{display:grid;grid-template-columns:1fr;padding:14px 16px}.town-weather{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:8px}.town-weather>span{max-width:95px;line-height:1.6}.town-weather .season-controls{flex-wrap:nowrap}.town-weather .season-controls button{min-width:29px;padding:5px}.town-sign>b{font-size:20px}}
@media(max-width:440px){.town-weather{display:grid;grid-template-columns:1fr;justify-items:start;gap:4px}.town-weather>span{max-width:none;white-space:nowrap}.town-weather .season-controls{width:100%;justify-content:space-between}.town-weather .season-controls button{flex:1;min-width:0}.town-toolbar{gap:10px}}
.town-houses{grid-template-columns:repeat(var(--lane-columns,4),minmax(0,220px));justify-content:center}
@media(max-width:700px){.town-houses{grid-template-columns:repeat(var(--lane-mobile-columns,2),minmax(0,210px))}}
/* The map itself is the control: tiny resident houses and a wooden street sign. */
.town-frame .town-gate{width:27%;height:34%;min-width:0;min-height:48px;padding:0;border:0;border-radius:35%;background:none;box-shadow:none;display:flex;flex-direction:column;justify-content:flex-end;gap:0;translate:none;transition:filter .18s}
.town-frame .town-gate:hover,.town-frame .town-gate[aria-pressed=true]{background:none;translate:none;filter:drop-shadow(0 0 8px #fff1a2)}
.town-mini-houses{display:flex!important;justify-content:center;align-items:flex-end;width:100%;height:74%;pointer-events:none}
.town-mini-houses img{width:57%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 2px #392c2360);transition:transform .18s}
.town-mini-houses img+img{margin-left:-21%}.town-mini-houses img:nth-child(2){transform:translateY(-6%)}
.town-frame .town-gate>b{position:absolute;bottom:21%;left:12%;z-index:1;transform:rotate(-8deg);font-size:clamp(8px,1vw,12px);letter-spacing:1px;padding:2px 6px;border:1px solid #dbb778;box-shadow:0 2px 0 #50351f}
.town-frame .town-gate>span:not(.town-mini-houses){position:relative;max-width:100%;padding:2px 10px;border:1px solid #9e744c;border-radius:3px;background:#f8e5baeF;box-shadow:0 2px 0 #745032;font-size:clamp(10px,1.3vw,15px);line-height:1.6;color:#5c3c25;white-space:nowrap}
.town-frame .town-gate>small{position:absolute;top:100%;padding:0 5px;background:#fff8dfdc;border-radius:0 0 4px 4px;font-size:clamp(8px,.9vw,11px);line-height:1.5;color:#725238}
.town-frame .town-gate:active .town-mini-houses img{transform:translateY(3px) scale(.95)}
@media(hover:hover){.town-gate:hover .town-mini-houses img{transform:translateY(-4px)}}
.town-frame .extra-districts .town-gate{width:100%;height:100%;min-height:80px}.extra-districts .town-mini-houses{height:65px}.extra-districts .town-gate>small{display:none}
/* Distinct lanes share the current season, but have their own atmosphere. */
.town-lane{--lane-ground:#dddfb2;--lane-ink:#596c35;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#fff9eaee,#fff9ea77 38%,var(--lane-ground));border-top:3px solid var(--lane-ink)}
.town-lane:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.19;background-image:url('town-seasons-v1.png');background-size:200% 200%;background-position:0 100%;pointer-events:none}
[data-season=spring] .town-lane:before{background-position:0 0}[data-season=summer] .town-lane:before{background-position:100% 0}[data-season=winter] .town-lane:before{background-position:100% 100%}
.town-lane[data-district=PS1]{--lane-ground:#c9bfd8;--lane-ink:#66517d}.town-lane[data-district=PSP]{--lane-ground:#b7d4da;--lane-ink:#416976}.town-lane[data-district=PS2]{--lane-ground:#ddbbb0;--lane-ink:#945640}
.town-lane-heading{position:relative;z-index:1}.town-lane-heading h2{color:var(--lane-ink)}
.town-houses{padding:25px 10px 42px;margin:20px 0 0;border-bottom:14px solid #b99e7e;border-radius:0 0 45% 45%;background:linear-gradient(0deg,#e4d1aa 0 19%,transparent 19%)}
.town-houses:before{content:'✿  ·  ✿';position:absolute;left:2%;bottom:20%;font-size:26px;color:#b4818b;letter-spacing:12px;pointer-events:none}
.town-lane[data-district=PS1] .town-houses:before{content:'✦  ·  ✦';color:#a0803d}.town-lane[data-district=PSP] .town-houses:before{content:'◇  ·  ◇';color:#648c99}.town-lane[data-district=PS2] .town-houses:before{content:'⚑  ·  ⚑';color:#a54c3b}
.town-house{background:none;border:0;border-radius:0;position:relative;padding-bottom:0}.town-house>b{background:#fff5dc;border:1px solid #bd9c70;border-radius:5px;padding:4px 10px;box-shadow:0 3px 0 #997953}.town-house>small{background:#fff7e4d9;padding:1px 7px;border-radius:4px}.town-house .town-platform{background:var(--lane-ink)}
.town-lane:not([hidden]){animation:lane-arrive .25s ease-out}@keyframes lane-arrive{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.town-frame .town-gate{width:30%;height:37%}.town-mini-houses img{width:65%}.town-mini-houses img+img{margin-left:-28%}.town-frame .town-gate>b{bottom:24%;left:4%;padding:1px 4px}.town-frame .town-gate>span:not(.town-mini-houses){padding:1px 6px}.town-houses{padding:12px 0 26px}.town-houses:before{font-size:18px;letter-spacing:6px}}
@media(prefers-reduced-motion:reduce){.town-lane:not([hidden]){animation:none}.town-mini-houses img,.town-frame .town-gate{transition:none}}
.town-frame .town-gate{align-items:center}.town-lane:before{background-size:auto 200%;opacity:.12}
@media(max-width:700px){.town-frame .town-gate{height:32%}}
/* Match the scale, warm palette and ground plane of the painted village. */
.town-mini-houses{height:60%;position:relative;isolation:isolate}
.town-mini-houses:before{content:'';position:absolute;bottom:0;width:70%;height:12%;border-radius:50%;background:#655d3740;filter:blur(3px);z-index:-1}
.town-mini-houses img{width:43%;filter:sepia(.2) saturate(.72) brightness(.94) drop-shadow(1px 2px 1px #60452255)}
.town-mini-houses img+img{margin-left:-12%}
.town-frame .town-gate>b{bottom:19%;left:20%;font-size:clamp(7px,.8vw,10px);padding:1px 4px}
.town-frame .town-gate>span:not(.town-mini-houses){font-size:clamp(9px,1vw,12px);padding:0 6px;background:#ead5adf0;border-color:#a98b60;box-shadow:0 1px 0 #866642;font-weight:600}
.town-frame .town-gate>small{font-size:clamp(8px,.75vw,10px);background:#f5e7cad9}
.town-houses{padding:14px 10px 25px;border:0;border-radius:0;background:none;gap:16px}
.town-houses:after{content:'';position:absolute;inset:auto -40px 0;height:34%;z-index:-1;border-top:2px solid #cbbd9b;border-bottom:2px solid #cbbd9b;background:linear-gradient(25deg,#eee0c7aa,transparent),repeating-linear-gradient(0deg,transparent 0 16px,#c5b59665 16px 18px),repeating-linear-gradient(90deg,#e2d3b9 0 28px,#cbbda4 28px 30px);transform:perspective(180px) rotateX(12deg)}
.town-house img{width:72%;max-width:155px;filter:sepia(.15) saturate(.78) brightness(.97) drop-shadow(2px 4px 2px #66502f40)}
.town-house>b{background:#f2e5cb;border-color:#bca582;box-shadow:0 2px 0 #a68d67;font-weight:600;font-size:13px;padding:3px 8px}
.town-house .town-platform{font-size:9px;padding:2px 6px;letter-spacing:1px}.town-house>small{font-size:10px}
.town-lane:before{opacity:.18}.town-lane{background:linear-gradient(#fff9eaee,#fff9ea88 38%,var(--lane-ground))}
@media(max-width:700px){.town-mini-houses img{width:45%}.town-mini-houses img+img{margin-left:-14%}.town-frame .town-gate>b{left:15%;bottom:20%;font-size:7px}.town-house img{width:72%;max-width:130px}.town-house>b{font-size:12px}.town-houses{padding:10px 0 20px}.town-mini-houses{height:58%}}
.town-lane:before{inset:0 0 auto;aspect-ratio:3/2;background-size:200% 200%}
.town-houses:after{height:54%}
/* One painted world: houses, foundations, paths and shadows share the same artwork. */
.town-art{background-image:url('town-seasons-integrated-v5.png')}
.town-frame .town-gate{justify-content:flex-end;height:30%;width:29%;padding-bottom:2%;border-radius:30%;filter:none}
.town-frame .town-gate>b{position:static;transform:none;font-size:clamp(8px,.9vw,11px);padding:0 5px;box-shadow:none;border-color:#b79865;background:#6b533adb}
.town-frame .town-gate>span:not(.town-mini-houses){background:#ecddbddd;box-shadow:none;border-color:#aa8f6555;font-size:clamp(9px,1vw,12px)}
.town-frame .town-gate>small{position:static;font-size:clamp(8px,.7vw,10px);background:#fff8e1bb;padding:0 3px;line-height:1.35}
.town-frame .town-gate:hover,.town-frame .town-gate[aria-pressed=true]{filter:none;background:radial-gradient(ellipse at 50% 65%,#ffe5a124,transparent 70%)}
.town-frame .town-gate:active{background:radial-gradient(ellipse,#fff8dc55,transparent 70%)}
.town-lane{padding:24px;background:#f7eedc;border-top:2px solid var(--lane-ink)}.town-lane:before{display:none}
.town-lane[data-district=GBA]{background:#f1f0df}.town-lane[data-district=PS1]{background:#eee9ee}.town-lane[data-district=PSP]{background:#e9eeeb}.town-lane[data-district=PS2]{background:#f2e8dd}
.lane-scenery{position:relative;width:100%;max-width:840px;margin:18px auto 0;aspect-ratio:3/2;overflow:hidden;border-radius:12px;background-image:url('town-seasons-integrated-v5.png');background-size:360% 360%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #74533344}
#lane-hotspots{position:absolute;inset:0}.painted-house-hit{position:absolute;width:26%;height:43%;min-width:44px;min-height:44px;transform:translate(-50%,-50%);border:0;border-radius:35%;background:transparent;display:flex;justify-content:center;align-items:flex-end;padding:0;cursor:pointer}
.painted-house-hit span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff4d8ed;border:1px solid #987752;color:#624527;font-size:12px;box-shadow:0 2px 3px #46311b44}
.town-frame .painted-house-hit:hover:not(:disabled){transform:translate(-50%,-50%);background:radial-gradient(ellipse,#fff2bb30,transparent 70%)}
.town-frame .painted-house-hit:active{background:#fff1bc22}.town-frame .painted-house-hit:focus-visible{outline:2px dashed #fff3c7;outline-offset:0;background:#fff1bc22}
.town-houses{max-width:840px;margin:14px auto 0;padding:0;display:grid;grid-template-columns:repeat(var(--lane-columns,4),minmax(0,1fr));gap:8px;background:none;border:0;border-radius:0}.town-houses:before,.town-houses:after{display:none}
.town-house{padding:12px 10px;gap:4px;border:1px solid #bca88788;border-radius:8px;background:#fff9e9b3;justify-content:center;transition:background .15s}.town-house>b{background:none;border:0;box-shadow:none;padding:0;font-size:13px}.town-house>small{background:none;padding:0}.town-house:hover:not(:disabled){transform:none;background:#fff6d8}
@media(max-width:700px){.town-lane{padding:16px 10px}.town-frame .town-gate{height:30%;width:31%;padding-bottom:0}.town-frame .town-gate>b{font-size:7px}.town-frame .town-gate>span:not(.town-mini-houses){font-size:9px;padding:0 4px}.town-frame .town-gate>small{font-size:8px}.lane-scenery{border-radius:8px}.town-houses{grid-template-columns:repeat(var(--lane-mobile-columns,2),minmax(0,1fr));gap:6px}.town-house{padding:9px 5px}.town-house>b{font-size:11px}.painted-house-hit span{width:19px;height:19px;font-size:10px}}