.town{--sky-top:#7fc4e4;--sky-mid:#bfe3ef;--sky-low:#f7e6c4;--water-1:#4a9bb4;--water-2:#2f7a93;--glass:#cfe8ef;--glass-hi:#fff;isolation:isolate;background:linear-gradient(180deg, var(--sky-top), var(--sky-mid) 45%, var(--sky-low) 100%);padding:28px 12px 0;transition:background .6s;position:relative;overflow:hidden}[data-theme=night] .town{--sky-top:#0a1430;--sky-mid:#1c2a55;--sky-low:#5a3d6e;--water-1:#1b3150;--water-2:#10213a;--glass:#ffd98a;--glass-hi:#fff1c4}.sky{pointer-events:none;z-index:-1;position:absolute;inset:0}.stars i{width:var(--s);height:var(--s);opacity:0;background:#fff;border-radius:50%;transition:opacity .6s;animation:3.5s ease-in-out infinite twinkle;position:absolute}[data-theme=night] .stars i{opacity:.8}@keyframes twinkle{50%{filter:brightness(.6);transform:scale(.4)}}.sun,.moon{border-radius:50%;width:90px;height:90px;transition:transform .8s,opacity .8s;position:absolute;top:40px;right:9%}.sun{background:radial-gradient(circle,#fff6c9 0 40%,#ffd25e 60%,#ffd25e00 72%);animation:6s ease-in-out infinite pulse}.moon{opacity:0;background:radial-gradient(circle at 35% 35%,#fffbe8,#f3e3b0 60%,#d9c58c);transform:translateY(160px);box-shadow:0 0 60px 20px #fff0be40}.moon:after{content:"";background:#00000012;border-radius:50%;width:18px;height:18px;position:absolute;top:50px;left:52px;box-shadow:-30px -22px 0 -4px #0000000f}[data-theme=night] .sun{opacity:0;transform:translateY(160px)}[data-theme=night] .moon{opacity:1;transform:none}@keyframes pulse{50%{transform:scale(1.06)}}.cloud{fill:#fff;opacity:.85;width:180px;animation:70s linear infinite drift;position:absolute}[data-theme=night] .cloud{fill:#3a4a78;opacity:.55}.cloud.c1{top:60px;left:-200px}.cloud.c2{width:120px;animation-duration:95s;animation-delay:-40s;top:150px;left:-200px}.cloud.c3{width:220px;animation-duration:120s;animation-delay:-80s;top:20px;left:-200px}@keyframes drift{to{transform:translate(calc(100vw + 260px))}}.balloon{filter:drop-shadow(0 6px 6px #00000026);width:46px;animation:7s ease-in-out infinite bob;position:absolute}.balloon.b1{top:180px;left:6%}.balloon.b2{width:34px;animation-duration:9s;animation-delay:-3s;top:90px;left:78%}@keyframes bob{50%{transform:translateY(-18px)rotate(3deg)}}.birds{color:#3a4a5a;font-size:14px;animation:40s linear infinite fly;position:absolute;top:120px;left:22%}.birds span{margin:0 4px;animation:.8s ease-in-out infinite alternate flap;display:inline-block}.birds span:nth-child(2){animation-delay:.2s;transform:translateY(-8px)}[data-theme=night] .birds{opacity:0}@keyframes fly{to{transform:translate(70vw)}}@keyframes flap{to{transform:scaleY(.4)}}.town-sign{text-align:center;z-index:2;max-width:680px;margin:0 auto 40px;position:relative}.sign-ropes{border-left:3px solid #5c3a21;border-right:3px solid #5c3a21;height:22px;margin:0 18%}.sign-board{color:#4a2e17;transform-origin:top;background:repeating-linear-gradient(0deg,#5c3a210d 0 2px,#0000 2px 9px),linear-gradient(#fff3d6,#f0d9a8);border:4px solid #5c3a21;border-radius:14px;padding:18px 22px 16px;animation:6s ease-in-out infinite sway;box-shadow:0 6px #3a2516,0 18px 40px #00000040}@keyframes sway{50%{transform:rotate(.6deg)}}.sign-board h1{margin:0;font-size:clamp(1.6rem,3.6vw,2.4rem);line-height:1.1}.sign-board .hl{color:#c0504d;text-shadow:2px 2px #f6c453}[data-theme=night] .sign-board .hl{color:#c0504d;text-shadow:0 0 18px #ffc85ae6,2px 2px #f6c453}.sign-sub{font-family:var(--font-hand);letter-spacing:normal;text-shadow:none;margin:6px 0 12px;font-size:1.1rem;font-weight:400;display:block}.town-search{max-width:520px;margin:0 auto;font-weight:400;display:block;position:relative}.town-search>span[aria-hidden]{position:absolute;top:50%;left:16px;transform:translateY(-50%)}.town-search input{width:100%;font-family:var(--font-hand);color:#3a2a1a;background:#fffdf6;border:3px solid #5c3a21;border-radius:999px;padding:12px 18px 12px 44px;font-size:1.25rem;box-shadow:inset 0 3px 6px #0000001f}.town-search input:focus{outline-offset:2px;outline:3px solid #f6c453}.town-count{min-height:1.2em;font-family:var(--font-hand);margin:6px 0 0;font-size:1rem}.town-count:empty{display:none}.town-results{text-align:left;color:#2f2a24;--surface-2:#fbf1de;--border:#e2d2b6;--muted:#776b5d;--primary-soft:#d9eeec;--primary:#17707a;--text:#2f2a24;background:#fffaf0;border:3px solid #5c3a21;border-radius:14px;max-width:520px;margin:8px auto 0;padding:6px}.town-results .pal-row{color:#2f2a24}.town-tips{font-family:var(--font-hand);color:#6b4a2b;margin:8px 0 0;font-size:.98rem}.town-tips a,.linkish{color:#17707a}.linkish{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.town-tips kbd{font-size:.8rem}.quick-picks{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.qp-label{font-family:var(--font-hand);color:#6b4a2b;font-size:1rem}.quick-picks a{white-space:nowrap;color:#3a2a1a;font-family:var(--font-display);background:#fffdf6;border:2px solid #d4b98f;border-radius:999px;align-items:center;gap:5px;padding:3px 11px;font-size:.86rem;font-weight:500;transition:transform .15s,border-color .15s;display:inline-flex}.quick-picks a:hover{border-color:#17707a;text-decoration:none;transform:translateY(-1px)}.quick-picks .pi{--duo:#e9863f;--duo-o:.7}.district{scroll-margin-top:140px}.district-sign{background:var(--dc);color:#fff;border:3px solid #0000004d;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:0 auto 16px;padding:6px 18px;font-size:1.25rem;display:flex;box-shadow:0 3px #0000004d}.district-sign .pi{--duo:#fff;--duo-o:.35}.district-blds{border-bottom:10px solid color-mix(in srgb, var(--dc) 45%, #d8c7a5);border-radius:0 0 8px 8px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:26px 22px;display:flex}.streets{z-index:1;flex-direction:column;gap:36px;max-width:1320px;margin:0 auto;padding-bottom:8px;display:flex;position:relative}.bld{--win:66px;--night-wall:color-mix(in srgb, var(--wall) 45%, #0b1428);width:calc(var(--cols) * (var(--win) + 8px) + 36px);filter:drop-shadow(0 10px 12px #0000002e);flex-direction:column;align-items:stretch;max-width:100%;transition:transform .3s;display:flex;position:relative}.bld:hover{transform:translateY(-4px)}.facade{background:repeating-linear-gradient(0deg, #0000000f 0 2px, transparent 2px 20px), repeating-linear-gradient(90deg, #ffffff0d 0 1px, transparent 1px 34px), var(--wall);border:3px solid #00000059;border-top:0;padding:14px 14px 0;transition:background-color .6s;position:relative}[data-theme=night] .facade{background:repeating-linear-gradient(0deg, #0000001a 0 2px, transparent 2px 20px), var(--night-wall)}.roof{background:var(--roof);height:54px;margin:0 -10px;position:relative}.roof-gable .roof{clip-path:polygon(50% 0,100% 100%,0 100%);height:64px}.roof-flat .roof{clip-path:polygon(0 0,8% 0,8% 40%,16% 40%,16% 0,24% 0,24% 40%,32% 40%,32% 0,40% 0,40% 40%,48% 40%,48% 0,56% 0,56% 40%,64% 40%,64% 0,72% 0,72% 40%,80% 40%,80% 0,88% 0,88% 40%,96% 40%,96% 0,100% 0,100% 100%,0 100%);height:18px;margin:0 -4px}.roof-dome .roof{border-radius:50% 50% 0 0/100% 100% 0 0;height:70px;margin:0 6px}.roof-stepped .roof{clip-path:polygon(0 100%,0 60%,15% 60%,15% 30%,35% 30%,35% 0,65% 0,65% 30%,85% 30%,85% 60%,100% 60%,100% 100%);height:52px}.roof-tower .roof{clip-path:polygon(50% 0,100% 100%,0 100%);height:96px;margin:0 18%}.roof:before{content:"";background:#00000040;height:6px;position:absolute;inset:auto 0 0}.roof-wrap{z-index:0;position:relative}.rooftop{z-index:-1;position:absolute;top:2px;left:50%;transform:translate(-50%,-100%)}.rt-none{display:none}.rt-chimney{background:#6b4a3a;border:2px solid #00000059;width:18px;height:30px;top:34px;left:72%}.rt-chimney:before,.rt-chimney:after{content:"";background:#ffffffb3;border-radius:50%;width:12px;height:12px;animation:4s ease-out infinite smoke;position:absolute;bottom:100%;left:2px}.rt-chimney:after{animation-delay:2s}@keyframes smoke{0%{opacity:.8;transform:translate(0)scale(.5)}to{opacity:0;transform:translate(16px,-50px)scale(2.2)}}.rt-antenna{background:#555;width:3px;height:46px}.rt-antenna:after{content:"";background:#ff4d4d;border-radius:50%;width:11px;height:11px;animation:1.6s steps(2,end) infinite blink;position:absolute;top:-5px;left:-4px;box-shadow:0 0 10px #ff4d4d}@keyframes blink{50%{opacity:.15}}.rt-flag{background:#5c3a21;width:3px;height:40px}.rt-flag:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);transform-origin:0;background:#e9863f;width:26px;height:16px;animation:1.4s ease-in-out infinite alternate wave;position:absolute;top:2px;left:3px}@keyframes wave{to{transform:skewY(8deg)scaleX(.85)}}.rt-tank{background:#8c9aa3;border:2px solid #00000059;border-radius:6px 6px 2px 2px;width:34px;height:28px}.rt-plant{width:26px;height:26px}.rt-plant:before{content:"🪴";font-size:22px;position:absolute;bottom:0;left:0}.rt-bell{width:24px;height:24px}.rt-bell:before{content:"🔔";transform-origin:top;font-size:20px;animation:5s ease-in-out infinite ring;position:absolute;bottom:0;left:0}@keyframes ring{0%,80%,to{transform:rotate(0)}85%{transform:rotate(16deg)}90%{transform:rotate(-14deg)}95%{transform:rotate(8deg)}}.rt-satellite{width:26px;height:26px}.rt-satellite:before{content:"📡";font-size:22px;position:absolute;bottom:0;left:0}.bld-sign{background:var(--sign);color:#fff3d6;width:fit-content;max-width:100%;font-family:var(--font-display);text-align:center;border:3px solid #0006;border-radius:8px;margin:0 auto;padding:4px 16px 6px;font-size:1.3rem;font-weight:700;transition:transform .2s,text-shadow .3s;display:block;transform:rotate(-1deg);box-shadow:inset 0 0 0 2px #ffffff1f,0 3px #0000004d}.bld-sign:hover{text-decoration:none;transform:rotate(1deg)scale(1.05)}[data-theme=night] .bld-sign{text-shadow:0 0 10px #ffdc8ce6}.motto{text-align:center;font-family:var(--font-hand);color:#ffffffe6;text-shadow:0 1px #00000059;margin:6px 0 10px;font-size:1rem}.win-grid{grid-template-columns:repeat(var(--cols), var(--win));justify-content:center;gap:12px 8px;margin:0;padding:0;list-style:none;display:grid}.win{width:var(--win);height:calc(var(--win) * .92);background:linear-gradient(160deg, var(--glass-hi) 0 18%, var(--glass) 40%);color:#2c2118;border:4px solid #4a3020;border-radius:6px 6px 3px 3px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;text-decoration:none;transition:transform .18s,box-shadow .25s,background .3s;display:flex;position:relative;box-shadow:inset 0 0 0 2px #ffffff59,0 3px #00000040}.win:before{content:"";pointer-events:none;opacity:.18;background:linear-gradient(#4a3020,#4a3020) 50%/3px 100% no-repeat,linear-gradient(#4a3020,#4a3020) 50%/100% 3px no-repeat;position:absolute;inset:0}.win:after{content:"";background:#5c3a21;border-radius:2px;height:6px;position:absolute;bottom:-9px;left:-6px;right:-6px}.win .ico{z-index:1;color:#3a2618;--duo:var(--wall);--duo-o:1;width:30px;height:30px;transition:transform .25s;position:relative}.bld-sign .sign-ico{--duo:#f6c453;--duo-o:.95;vertical-align:-.16em;font-size:1.05em}.win .lbl{z-index:1;font-family:var(--font-hand);text-align:center;overflow-wrap:normal;word-break:keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;padding:0 2px;font-size:.76rem;line-height:.95;display:-webkit-box;position:relative;overflow:hidden}.win:hover,.win:focus-visible{z-index:2;text-decoration:none;transform:translateY(-3px)scale(1.07);box-shadow:inset 0 0 0 2px #ffffff80,0 0 0 3px #f6c453,0 8px 18px #0000004d}.win:hover .ico{transform:scale(1.18)rotate(-8deg)}[data-theme=night] .win{animation:7s step-end infinite flicker;animation-delay:var(--d);background:radial-gradient(circle at 50% 40%,#fff3c8,#ffd27a 55%,#f0a940);box-shadow:0 0 18px #ffc45c8c,inset 0 0 10px #fff9,0 3px #0006}[data-theme=night] .win.off{color:#c9c0ad;background:#1a2338;animation:none;box-shadow:inset 0 0 0 2px #ffffff0f}[data-theme=night] .win.off .ico{color:#8d8676;--duo:#3a4560}[data-theme=night] .win.off:hover,[data-theme=night] .win.off:focus-visible{color:#2c2118;background:radial-gradient(circle at 50% 40%,#fff3c8,#ffd27a 55%,#f0a940);box-shadow:0 0 26px #ffc45ccc,0 0 0 3px #f6c453}[data-theme=night] .win.off:hover .ico{color:#3a2618;--duo:var(--wall)}@keyframes flicker{0%,96%,to{filter:none}97%{filter:brightness(.75)}98%{filter:brightness(1.1)}}.win.dim{opacity:.18;filter:grayscale();transform:scale(.94)}.win.match{transform:scale(1.05);box-shadow:0 0 0 3px #f6c453,0 0 22px #f6c453e6!important}.bld.no-match{opacity:.35}.door{background:color-mix(in srgb, var(--roof) 80%, #000);border:3px solid #0006;border-bottom:0;border-radius:20px 20px 0 0;width:40px;height:52px;margin:14px auto 0;position:relative}.door i{background:#f6c453;border-radius:50%;width:5px;height:5px;position:absolute;top:26px;right:7px}[data-theme=night] .door:before{content:"";background:#ffd27a;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-22px;box-shadow:0 0 16px 6px #ffc86499}.stilts{background:repeating-linear-gradient(90deg,#4a3020 0 10px,#0000 10px 46px),linear-gradient(#6b4a30,#6b4a30) top/100% 6px no-repeat;height:26px;margin:0 8px}.harbor{background:linear-gradient(180deg, var(--water-1), var(--water-2));height:110px;margin:-12px -12px 0;position:relative;overflow:hidden}.wave{fill:#ffffff2e;width:200%;height:26px;animation:14s linear infinite waves;position:absolute;left:0}.wave.w1{top:-2px}.wave.w2{opacity:.6;animation-duration:22s;animation-direction:reverse;top:16px}@keyframes waves{to{transform:translate(-50%)}}.boat{width:110px;animation:60s linear infinite sail,3s ease-in-out infinite rock;position:absolute;bottom:30px;left:0}@keyframes sail{0%{left:-130px}to{left:100%}}@keyframes rock{50%{transform:rotate(3deg)translateY(2px)}}.fish{opacity:0;font-size:24px;animation:9s ease-in-out infinite jump;position:absolute;bottom:10px;left:35%}@keyframes jump{0%,70%{opacity:0;transform:translateY(30px)rotate(0)}74%{opacity:1}82%{transform:translate(40px,-46px)rotate(-30deg)}90%{opacity:1;transform:translate(80px,20px)rotate(40deg)}92%,to{opacity:0}}.lamp-reflections{opacity:0;transition:opacity .6s;position:absolute;inset:0}[data-theme=night] .lamp-reflections{opacity:1}.lamp-reflections i{background:radial-gradient(#ffcd6e73,#0000 70%);border-radius:50%;width:40px;height:70px;animation:3s ease-in-out infinite shimmer;position:absolute;top:8px}.lamp-reflections i:first-child{left:12%}.lamp-reflections i:nth-child(2){animation-delay:-1s;left:31%}.lamp-reflections i:nth-child(3){animation-delay:-2s;left:50%}.lamp-reflections i:nth-child(4){animation-delay:-.5s;left:68%}.lamp-reflections i:nth-child(5){animation-delay:-1.5s;left:86%}@keyframes shimmer{50%{opacity:.6;transform:scaleX(.6)scaleY(1.1)}}.sun,.moon{pointer-events:auto;cursor:pointer;border:0;padding:0}[data-theme=night] .sun,[data-theme=day] .moon{pointer-events:none}.hills{width:100%;height:220px;transition:fill .6s;position:absolute;bottom:100px;left:0}.h-far{fill:#a9d3b0;opacity:.8;bottom:160px}.h-near{fill:#8cc196}[data-theme=night] .h-far{fill:#22325a}[data-theme=night] .h-near{fill:#1a2846}.critter{z-index:1;margin-left:-11px;font-size:22px;animation:6s ease-in-out infinite peek;position:absolute;top:4px;left:22%;transform:translateY(-100%)}@keyframes peek{0%,85%,to{transform:translateY(-100%)rotate(0)}90%{transform:translateY(-118%)rotate(-10deg)}95%{transform:translateY(-100%)rotate(6deg)}}.roof-gable .critter,.roof-tower .critter,.roof-dome .critter{top:8px;left:50%}.roof-gable .critter{top:26px;left:36%}.critter,.boat,.rt-chimney{cursor:pointer;pointer-events:auto}.critter:hover{animation:none;transform:translateY(-115%)scale(1.25)rotate(-8deg)}.critter.squish{animation:.5s squish}@keyframes squish{30%{transform:translateY(-100%)scale(1.4,.7)}60%{transform:translateY(-130%)scale(.85,1.25)}}.boat.zoom{animation:6s linear infinite sail,.6s ease-in-out infinite rock}.rt-chimney.puff:before,.rt-chimney.puff:after{background:#fffffff2;width:22px;height:22px;animation-duration:.9s}.shooting-star{opacity:0;background:linear-gradient(90deg,#fff0,#fff);border-radius:2px;width:120px;height:2px;position:absolute;top:60px;left:70%;transform:rotate(-20deg)}.shooting-star.go{animation:1.1s ease-out forwards shoot}@keyframes shoot{0%{opacity:0;transform:translate(0)rotate(-20deg)}15%{opacity:1}to{opacity:0;transform:translate(-420px,160px)rotate(-20deg)}}.street-lamp{background:#3a2a1e;border-radius:2px;width:4px;height:84px;position:absolute;bottom:0;right:-16px}.street-lamp:before{content:"";background:#e9e0c8;border:3px solid #3a2a1e;border-radius:4px 4px 8px 8px;width:16px;height:16px;position:absolute;top:-12px;left:-6px}[data-theme=night] .street-lamp:before{background:#ffe39a;box-shadow:0 0 22px 10px #ffd26e8c}.bld:last-child .street-lamp,.town3d{display:none}.town.has-3d{background:#f2cfae;padding:0}.town.has-3d .sky,.town.has-3d .streets,.town.has-3d .harbor{display:none}.town.has-3d .town3d{background:#f2cfae;height:clamp(520px,100svh - 70px,1000px);display:block;position:relative;overflow:hidden}.town3d:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(90% 100% at 50% 0,#fff3e4d1 0%,#ffeedc8c 45%,#ffecd800 82%);height:52%;position:absolute;inset:0 0 auto}.town3d canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.town3d canvas:active{cursor:grabbing}.town.has-3d .town-sign{z-index:7;pointer-events:none;width:min(680px,100% - 32px);max-width:none;margin:0;padding:clamp(18px,5.5vh,64px) 0 0;position:absolute;top:0;left:50%;transform:translate(-50%)}.town.has-3d .sign-ropes{display:none}.town.has-3d .sign-board{box-shadow:none;color:#2a1f2b;pointer-events:none;background:0 0;border:0;padding:0;animation:none}.town.has-3d .sign-board>*{pointer-events:auto}.town.has-3d .sign-board h1{letter-spacing:-.02em;text-shadow:0 2px 30px #ffecd6e6;margin:0 0 6px;font-size:clamp(2.6rem,5.4vw,4.8rem);font-weight:700;line-height:.95}.town.has-3d .sign-board h1 .welcome{letter-spacing:.14em;text-transform:uppercase;color:#7a4a3a;width:fit-content;text-shadow:none;-webkit-backdrop-filter:blur(8px);background:#fff8ee99;border:1px solid #ffffffb3;border-radius:999px;margin:0 auto 12px;padding:7px 12px;font:600 .7rem/1 system-ui,sans-serif;display:block}.town.has-3d .sign-board .hl{color:#c4553f;text-shadow:0 2px 30px #ffecd6e6}.town.has-3d .sign-sub{color:#5b4a52;margin:0 0 18px;font:500 clamp(.9rem,1.2vw,1.05rem)/1.4 system-ui,sans-serif}.town.has-3d .town-search>span[aria-hidden]{z-index:1;left:20px}.town.has-3d .town-search input{color:#2a1f2b;-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#fff9f1c7;border:1px solid #ffffffd9;border-radius:20px;height:56px;padding:0 20px 0 50px;font:500 1.05rem system-ui,sans-serif;box-shadow:0 18px 40px -12px #783c1e59,inset 0 2px #fff9}.town.has-3d .town-search input::placeholder{color:#8f7a72}.town.has-3d .town-search input:focus{outline:0;box-shadow:0 22px 50px -12px #783c1e73,0 0 0 4px #ffbe6e59}.town.has-3d .town-count{color:#5b4a52;text-shadow:0 1px 8px #fff0e1e6}.town.has-3d .quick-picks{gap:8px;margin-top:14px}.town.has-3d .qp-label{display:none}.town.has-3d .quick-picks a{color:#2a1f2b;-webkit-backdrop-filter:blur(8px);background:#fffaf48c;border:1px solid #ffffffbf;padding:8px 13px;font:500 .85rem/1 system-ui,sans-serif;transition:transform .2s,background .2s,box-shadow .2s}.town.has-3d .quick-picks a:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 18px -8px #6e321466}.town.has-3d .town-tips{display:none}.town-search-wrap{position:relative}.town.has-3d .town-results{z-index:7;background:#fffaf4f5;border:1px solid #ffffffe6;margin-top:8px;position:absolute;top:100%;left:0;right:0;box-shadow:0 24px 50px -16px #5a281466}.t3-loading{z-index:3;pointer-events:none;color:#7a4a3a;font-family:var(--font-hand);background:linear-gradient(#ffe7cf,#f2c6a6);place-items:center;font-size:1.4rem;transition:opacity .9s;display:grid;position:absolute;inset:0}.t3-loading span{animation:1.6s ease-in-out infinite hop}.town3d.ready .t3-loading{opacity:0}.t3-story{z-index:5;-webkit-backdrop-filter:blur(14px);color:#2a1f2b;background:#fff9f1cc;border:1px solid #ffffffd9;border-radius:18px;width:min(350px,100% - 128px);padding:14px 16px 13px;position:absolute;bottom:22px;right:22px;box-shadow:0 18px 40px -18px #5a281473}.town3d:not(.ready) .t3-story,.town3d:not(.ready) .t3-tour,.town3d:not(.ready) .t3-hint{display:none}.t3-story .row{letter-spacing:.12em;text-transform:uppercase;color:#a0574a;align-items:center;gap:8px;font:600 11px/1 system-ui,sans-serif;display:flex}.t3-story .live{background:#e2553f;border-radius:50%;width:7px;height:7px;animation:1.4s infinite t3blink}.t3-story .steps{gap:5px;margin-left:auto;display:flex}.t3-story .steps b{background:#78504633;border-radius:4px;width:18px;height:4px;transition:background .4s}.t3-story .steps b.on{background:#e07a4f}.t3-story-text{font:500 1rem/1.4 var(--font-display);min-height:2.8em;margin:9px 0 0;transition:opacity .25s}.t3-story small{color:#7d6a66;margin-top:6px;font-size:.78rem;line-height:1.4;display:block}.t3-try{color:#c4553f;margin-top:8px;font:600 .85rem system-ui,sans-serif;display:inline-block}.t3-story.still .live,.t3-story.still .steps,.t3-story.still .t3-story-text,.t3-story.still .t3-try{display:none}.t3-story.still small{color:#2a1f2b;margin-top:8px;font-size:.9rem}@keyframes t3blink{50%{opacity:.25}}.t3-hint{z-index:4;text-align:left;color:#fffaf5f2;text-shadow:0 1px 8px #3c1e1e8c;pointer-events:none;max-width:300px;margin:0;font:500 12.5px/1.5 system-ui,sans-serif;transition:opacity 1s;position:absolute;top:18px;left:24px}.town3d.touched .t3-hint{opacity:0}.t3-tour{z-index:6;color:#2a1f2b;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#fffaf49e;border:1px solid #ffffffbf;border-radius:999px;align-items:center;gap:4px;padding:9px 14px;font:500 13px/1 system-ui,sans-serif;transition:transform .2s,background .2s;display:inline-flex;position:absolute;top:16px;right:18px;box-shadow:0 4px 16px #6e3c1e1a}.t3-tour[hidden]{display:none}.t3-tour:hover{background:#fffcf7eb;transform:translateY(-1px)}.t3-card,.t3-tag,.t3-stamp{z-index:6;pointer-events:none;white-space:nowrap;opacity:0;will-change:transform;position:absolute;top:0;left:0}.t3-card,.t3-tag{color:#2a1f2b;background:#fffcf7f0;border-radius:12px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font:600 12.5px/1 system-ui,sans-serif;transition:opacity .4s;display:flex;translate:-50% -100%;box-shadow:0 10px 24px -8px #3c1e1473}.t3-card .ext,.t3-tag .ext{color:#fff;letter-spacing:.04em;border-radius:5px;padding:5px;font:800 10px/1 system-ui,sans-serif}.t3-card .ext.ok{background:#3f9a62}.t3-card small,.t3-tag small{color:#7d6a66;font-weight:500}.t3-tag .bar{background:#00000014;border-radius:5px;width:56px;height:5px;overflow:hidden}.t3-tag .bar i{background:linear-gradient(90deg,#f0a35c,#e0603f);border-radius:5px;height:100%;display:block}.t3-stamp{font:800 20px/1 var(--font-display);color:#d23d2f;letter-spacing:-.01em;background:#fff8f0e0;border:3px solid #d23d2f;border-radius:8px;padding:5px 9px;box-shadow:0 8px 20px -8px #78140a80}.t3-stamp small{letter-spacing:.14em;text-transform:uppercase;color:#b3473a;margin-top:3px;font:700 9px/1.2 system-ui,sans-serif;display:block}.t3-tooltip{z-index:6;pointer-events:none;color:#2a1f2b;opacity:0;background:#fffbf6f7;border:1px solid #fff;border-radius:12px;flex-direction:column;gap:2px;max-width:250px;padding:9px 12px;transition:opacity .15s,transform .15s;display:flex;position:absolute;transform:translateY(6px);box-shadow:0 16px 34px -12px #461e1480}.t3-tooltip.show{opacity:1;transform:none}.t3-tooltip strong{font-family:var(--font-display);font-size:1.05rem}.t3-tooltip span{color:#6b5a48;font-size:.85rem;line-height:1.3}.t3-tooltip em{font-family:var(--font-hand);color:#c4553f;font-style:normal}.t3-back{z-index:6;position:absolute;top:16px;left:16px}.t3-dlabel{z-index:2;visibility:hidden;border:2px solid #4a2e17;border-bottom:3px solid var(--dc);cursor:pointer;color:#fff3d6;font-family:var(--font-display);white-space:nowrap;will-change:transform;background:linear-gradient(#8a5b3c,#6b4632);border-radius:6px;align-items:center;gap:5px;padding:3px 10px 4px;font-size:.85rem;font-weight:600;transition:box-shadow .2s;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 4px 10px #3c1e0a59}.t3-dlabel .pi{--duo:#fff3d6;--duo-o:.35}.t3-dlabel.active{box-shadow:0 0 0 3px #f6c453,0 6px 16px #00000040}.town3d:not(.ready) .t3-dlabel{display:none}.t3-panel{z-index:8;width:min(420px,100% - 32px);transition:transform .45s cubic-bezier(.3,1.3,.5,1);position:absolute;top:16px;bottom:16px;right:16px;overflow:auto;transform:translate(calc(100% + 40px))}.t3-panel.open{transform:none}.t3-panel.left{left:16px;right:auto;transform:translate(calc(-100% - 40px))}.t3-panel.left.open{transform:none}.t3-panel .bld{filter:drop-shadow(0 10px 20px #00000059);width:100%}.t3-panel .bld .roof-wrap,.t3-panel .bld .stilts,.t3-panel .street-lamp{display:none}.t3-panel .facade{border-top:3px solid #00000059;border-radius:14px;padding-bottom:16px}.t3-panel .door{display:none}.t3-panel .bld+.bld{margin-top:14px}@media (width>=701px) and (height<=820px){.town.has-3d .town-sign{padding-top:16px}.town.has-3d .sign-board h1{font-size:clamp(2.2rem,4.4vw,3.4rem)}.town.has-3d .sign-board h1 .welcome{margin-bottom:8px}.town.has-3d .sign-sub{margin-bottom:12px}.town.has-3d .town-search input{height:50px}.town.has-3d .quick-picks{margin-top:10px}}@media (width<=700px){.town.has-3d .town-sign{width:calc(100% - 24px);padding-top:16px}.town.has-3d .sign-board h1{font-size:2.3rem}.town.has-3d .sign-board h1 .welcome{margin-bottom:8px}.town.has-3d .sign-sub{margin-bottom:10px;font-size:.82rem}.town.has-3d .town-search input{border-radius:16px;height:50px;font-size:16px}.t3-dlabel{padding:2px 8px 3px;font-size:.75rem}.quick-picks{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-inline:-8px;padding:0 8px 2px;overflow-x:auto}.quick-picks li{flex:none}.town.has-3d .quick-picks{gap:6px;margin-top:10px}.town-tips,.t3-hint,body:has(.town3d.ready) .lumo-bubble{display:none}.t3-story{width:auto;padding:11px 13px;bottom:12px;left:74px;right:12px}.t3-story-text{min-height:2.6em;font-size:.92rem}.t3-story small{display:none}.t3-story.still small{display:block}.t3-tour{top:auto;bottom:128px;right:12px}.t3-panel{width:auto;max-height:70%;inset:auto 12px 12px;transform:translateY(calc(100% + 40px))}}@media (prefers-reduced-motion:reduce){.t3-story .live{animation:none}.t3-card,.t3-tag,.t3-story-text,.t3-tour,.t3-panel{transition:none}}@media (width<=640px){.bld{--win:64px;width:100%}.street-lamp{display:none}.win-grid{grid-template-columns:repeat(min(var(--cols), 4), var(--win))}.balloon.b2,.cloud.c3{display:none}}.notice-board{border:10px solid var(--wood);box-shadow:inset 0 0 0 3px var(--wood-dark), var(--shadow);background:radial-gradient(circle at 20% 30%,#ffffff0a,#0000 40%),repeating-linear-gradient(45deg,#00000008 0 3px,#0000 3px 8px),#2f4a3c;border-radius:14px;margin-top:36px;padding:22px 22px 26px}.notice-board h2{color:#f4efe2;font-family:var(--font-hand);margin:0 0 16px;font-size:1.7rem;font-weight:400}.notes{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.notes li{transform:rotate(var(--tilt));transition:transform .2s}.notes li:hover{z-index:1;transform:rotate(0)scale(1.04)}.note{color:#3a2a1a;height:100%;font-family:var(--font-hand);background:#fff8d6;border-radius:3px;flex-direction:column;gap:4px;padding:18px 14px 14px;font-size:1.02rem;line-height:1.25;display:flex;position:relative;box-shadow:0 6px 14px #00000059}.notes li:nth-child(3n+2) .note{background:#e3f4ff}.notes li:nth-child(3n) .note{background:#ffe3e0}.note:before{content:"";background:radial-gradient(circle at 35% 35%,#ff8a80,#c62828);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:-7px;left:50%;box-shadow:0 2px 3px #0006}.note:hover{text-decoration:none}.note strong{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.note span:last-child{color:#6b5a48;font-size:.95rem}.note-ico{font-size:1.6rem}.recent{margin-top:30px}.recent h2,.finder h2{margin:0;font-size:1.45rem}.recent-row{scrollbar-width:thin;gap:10px;padding:12px 2px 6px;display:flex;overflow-x:auto}.recent-row a{background:var(--surface);border:2px solid var(--border);color:var(--text);box-shadow:var(--shadow);font-family:var(--font-display);border-radius:999px;flex:none;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-weight:500;display:flex}.recent-row a:hover{border-color:var(--primary);text-decoration:none;transform:translateY(-2px)}.recent-row .pi{background:var(--primary-soft);--duo:var(--accent);--duo-o:.6;box-sizing:content-box;border-radius:50%;width:26px;height:26px;padding:4px}.finder{margin-top:36px;scroll-margin-top:140px}.finder-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.finder-search{flex:0 340px;margin:0;font-weight:400;position:relative}.finder-search .pi{color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.finder-search input{border-width:2px;border-radius:999px;padding-left:36px}.finder-tabs{scrollbar-width:thin;gap:6px;padding:14px 0 12px;display:flex;overflow-x:auto}.ftab{cursor:pointer;background:var(--surface);border:2px solid var(--border);color:var(--text);font-family:var(--font-hand);border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 12px;font-size:1.02rem;display:inline-flex}.ftab span{font-family:var(--font-display);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:0 6px;font-size:.75rem}.ftab .pi{--duo:var(--dc,var(--accent));--duo-o:.6}.ftab.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.ftab.active span{color:inherit;background:#ffffff40}.ftab.active .pi{--duo:#fff;--duo-o:.45}.finder-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.fcard{background:var(--surface);border:2px solid var(--border);height:100%;color:var(--text);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:12px;padding:12px;transition:transform .15s,border-color .15s;display:flex}.fcard:hover{border-color:var(--wall);text-decoration:none;transform:translateY(-3px)}.fcard-ico{color:#3a2618;background:color-mix(in srgb, var(--wall) 22%, var(--surface));border:2px solid color-mix(in srgb, var(--wall) 55%, transparent);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}[data-theme=night] .fcard-ico{color:#f2e8d6}.fcard-ico .pi{--duo:var(--wall);--duo-o:.85;width:28px;height:28px}.fcard:hover .fcard-ico{transition:transform .2s;transform:rotate(-8deg)scale(1.06)}.fcard-txt{flex-direction:column;min-width:0;display:flex}.fcard-txt strong{font-family:var(--font-display);font-weight:600;line-height:1.2}.fcard-txt span{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.83rem;line-height:1.3;display:-webkit-box;overflow:hidden}.finder-empty{font-family:var(--font-hand);text-align:center;padding:20px;font-size:1.15rem}.linkish{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}