/* Original pixel village. The page shell controls the measured available height. */
.village{--village-ink:#112b49;--village-paper:#fff6df;--village-gold:#ffd34d;--village-blue:#2787c4;position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr) 128px;gap:10px;height:var(--village-available-height,calc(100dvh - 156px));min-height:0;width:100%;color:var(--village-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.village *{box-sizing:border-box}.village a{color:inherit;text-decoration:none}.village button{font:inherit}.village a:focus-visible,.village button:focus-visible,.village-viewport:focus-visible{outline:3px solid #0c77c1;outline-offset:4px}.village-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:0 2px;min-width:0}.village-eyebrow{display:block;color:#38637c;font:800 9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.8px}.village-heading h1{font-size:clamp(18px,2.3vw,25px);line-height:1.15;letter-spacing:-.6px;margin:4px 0 0;color:var(--village-ink);font-weight:850}.village-count{flex:none;font:900 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right;white-space:nowrap}.village-count>span{display:block;color:#6b6a58;font-size:8px;letter-spacing:.7px;margin-top:3px}
.village-viewport{position:relative;min-height:0;width:100%;height:100%;overflow:hidden;touch-action:none;user-select:none;border:3px solid var(--village-ink);border-radius:9px;box-shadow:4px 4px 0 var(--village-ink),inset 0 0 0 4px #fff7df;background:#f1e2b8;cursor:grab}.village-viewport:active{cursor:grabbing}.village-map{position:absolute;left:0;top:0;will-change:transform;background-color:#eee1b8;background-image:linear-gradient(90deg,#dfd09c44 2px,transparent 2px),linear-gradient(#dfd09c44 2px,transparent 2px);background-size:22px 22px}.village-map:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(ellipse,#efb84a 0 2px,transparent 3px),radial-gradient(ellipse,#fff7db 0 2px,transparent 3px);background-position:23px 35px,72px 90px;background-size:112px 116px,123px 117px;opacity:.65}.village-scenery{position:absolute;inset:0;pointer-events:none}.village-road{position:absolute;display:block;background-color:#fbefd2;box-shadow:0 0 0 3px #c9b77f,inset 0 0 0 5px #e6d7a4;background-image:repeating-linear-gradient(90deg,transparent 0 25px,#ddc99266 25px 27px)}.road-horizontal{height:45px;left:0;right:0}.road-vertical{width:42px;top:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent 0 25px,#ddc99266 25px 27px)}.village-tree{position:absolute;display:block;width:44px;height:60px;filter:drop-shadow(4px 5px 0 #a68b572b)}.village-tree svg{display:block;width:100%;height:100%}.tree-1{filter:hue-rotate(315deg) drop-shadow(4px 5px 0 #a68b572b)}.tree-2{filter:hue-rotate(20deg) drop-shadow(4px 5px 0 #a68b572b)}.village-flowerbed{position:absolute;width:39px;height:15px;background:repeating-linear-gradient(90deg,#cb694b 0 6px,#f6cf64 6px 12px,#287a9c 12px 17px);border:3px solid #a78a57;box-shadow:3px 3px 0 #a78a5733}
.village-sky{position:absolute;z-index:2;left:0;right:0;top:0;height:60px;overflow:hidden;pointer-events:none;background:linear-gradient(#bceaf4b3,#d9f5ef66 60%,transparent)}.village-sun{position:absolute;width:28px;height:28px;left:20%;top:10px;background:#f8cc58;box-shadow:7px 0 #f8cc58,-7px 0 #f8cc58,0 7px #f8cc58,0 -7px #f8cc58}.village-cloud{position:absolute;top:18px;width:48px;height:12px;background:#fff9e9;box-shadow:8px -8px #fff9e9,20px -12px #fff9e9,32px -5px #fff9e9}.cloud-one{left:47%}.cloud-two{left:80%;top:27px;transform:scale(.7)}.village-corner-label{position:absolute;left:12px;top:12px;z-index:3;font:800 7px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.6px;color:#30536b;pointer-events:none}.village-home{position:absolute;z-index:4;right:9px;top:9px;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:7px 10px;border:2px solid var(--village-ink);border-radius:5px;background:#fff7e4!important;box-shadow:3px 3px 0 var(--village-ink);font-size:11px;font-weight:850;touch-action:manipulation}.village-home>span{font-size:22px;line-height:1}.village-map-hint{position:absolute;bottom:8px;left:10px;z-index:2;padding:3px 6px;background:#fff6dcd9;color:#3d5b65;border-radius:3px;font:800 8px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.7px;pointer-events:none}
.village-house{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:170px;min-height:165px;padding:7px 8px 0;transform:translate(-50%,-50%);--shop-roof:#2787c4;--shop-light:#60b3dc;--shop-wall:#fff4cf;--shop-trim:#28425a;--shop-door:#d48148;--shop-awning:#f4b54e;cursor:pointer;filter:drop-shadow(4px 7px 0 #a68b5729)}.village-house:before{content:"";position:absolute;inset:0 -6px -8px;border:3px dashed transparent;border-radius:5px;z-index:-1}.village-house.is-selected:before{border-color:#1677a5;background:#fff9df40}.village-house:hover:before{border-color:#b77f28}.village-house:focus-visible{outline:4px solid #1767b4;outline-offset:4px}.village-shop-number{position:relative;display:inline-flex;gap:5px;align-items:baseline;padding:3px 7px;border:2px solid #203e58;background:#fff9e7;box-shadow:2px 2px 0 #203e58;color:#2a4d65;white-space:nowrap;font:800 8px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px}.village-shop-number>b{font-size:11px;letter-spacing:0;color:#152d47}.village-house.is-selected .village-shop-number{background:var(--village-gold)}.village-shop-art{display:block;width:120px;height:92px;margin:6px auto 0}.village-shop-art svg{display:block;width:100%;height:100%}.shop-shadow{fill:#b3a46d55}.shop-wall{fill:var(--shop-wall)}.shop-trim{fill:var(--shop-trim)}.shop-roof{fill:var(--shop-roof)}.shop-roof-light{fill:var(--shop-light)}.shop-window{fill:#67c6d7}.shop-glint{fill:#c2f2e7}.shop-door{fill:var(--shop-door)}.shop-knob{fill:#ffe3a0}.shop-awning{fill:var(--shop-awning)}.house-1{--shop-roof:#ca6b58;--shop-light:#edaf83;--shop-wall:#f9d9bc;--shop-door:#2c7192;--shop-awning:#3e94b4}.house-2{--shop-roof:#9471ad;--shop-light:#c4a8ce;--shop-wall:#f4e0b8;--shop-door:#c1854b;--shop-awning:#e7bd66}.house-3{--shop-roof:#d89e3f;--shop-light:#ffe39b;--shop-wall:#ffecca;--shop-door:#427e9c;--shop-awning:#5ca7c6}.house-sign{display:block;width:100%;padding:7px 7px 6px;border:2px solid #203d55;background:#fff8e7;box-shadow:3px 3px 0 #203d55;text-align:center;color:#18364d}.house-sign strong{display:block;font:850 13px/1.12 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.2px;overflow-wrap:anywhere;max-height:2.3em;overflow:hidden}.house-sign>span{display:block;margin-top:5px;color:#3f5e70;font:800 7px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.3px}.house-sign>span>b{font-size:12px}
.village-remote-slot{height:128px;min-height:0}.village-remote{position:fixed;z-index:35;left:calc(50% + var(--village-remote-center-offset,0px));bottom:var(--village-remote-bottom,calc(72px + env(safe-area-inset-bottom,0px)));width:min(520px,calc(100% - 28px));min-height:117px;padding:9px 12px 8px;display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:center;transform:translateX(-50%);border:3px solid var(--village-ink);border-radius:12px;background:#fdf5df;box-shadow:4px 4px 0 var(--village-ink),0 -6px 20px #29465b0e;color:var(--village-ink)}.village-remote[hidden]{display:none!important}.village-dpad{display:grid;grid-template-columns:32px 32px 32px;grid-template-rows:32px 32px 32px;width:96px;height:96px;filter:drop-shadow(2px 3px 0 #091d32)}.village-dpad button,.dpad-center{width:32px;height:32px;margin:0;padding:0;border:0;background:#17334f;color:#fff6da;display:grid;place-items:center;font-size:17px;line-height:1;touch-action:none;user-select:none;-webkit-user-select:none}.village-dpad button{cursor:pointer;box-shadow:inset 0 3px #33536b}.village-dpad button:focus-visible{position:relative;z-index:2;outline-color:#1178bd;outline-offset:2px}.village-dpad button.is-pressed,.village-dpad button:active{background:#0d2036;color:#ffd34d;box-shadow:inset 0 2px #0a1928}.dpad-up{grid-area:1/2;border-radius:4px 4px 0 0}.dpad-left{grid-area:2/1;border-radius:4px 0 0 4px}.dpad-right{grid-area:2/3;border-radius:0 4px 4px 0}.dpad-down{grid-area:3/2;border-radius:0 0 4px 4px}.dpad-center{grid-area:2/2;color:#f2d471;font-size:14px}.village-remote-main{min-width:0;display:flex;flex-direction:column;gap:6px}.village-selected{min-width:0}.village-selected-number{display:block;font:850 8px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.2px;color:#69736a;margin-bottom:3px}.village-selected-name{display:block;color:#16344e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;line-height:1.2}.village-remote-actions{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:6px}.village-cycle,.village-enter{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:2px solid #1a3851;border-radius:4px;background:#fff8e7;box-shadow:2px 2px 0 #1a3851;color:#15364e;font-weight:850;font-size:13px;line-height:1.1;touch-action:manipulation}.village-enter{background:var(--village-gold)!important;white-space:nowrap}.village-enter>span{font-size:18px}.village-cycle{padding:0;cursor:pointer;font-size:18px}.village-archive{display:flex;align-items:center;justify-content:space-between;color:#395b72!important;font-size:10px;font-weight:750;line-height:1.2;text-decoration:underline!important;text-underline-offset:3px;padding:1px 0}.village-archive>span{font-size:14px}.village-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;width:min(290px,calc(100% - 32px));padding:20px;border:2px solid #1a3851;background:#fff8e7;text-align:center;box-shadow:4px 4px 0 #1a3851;font-size:14px}.village-empty p{font-size:12px;line-height:1.5}.village-empty a{text-decoration:underline;font-weight:800}.village button:disabled{opacity:.4;cursor:default}
/* Keep shared profile portraits intact outside this village. */
.carla-portrait{position:relative!important;display:block;overflow:hidden;border-radius:50%!important;background:#fff4d7!important;border:3px solid #e6bb48!important;box-shadow:0 3px 12px #17294422}.carla-portrait img{position:absolute!important;width:240%!important;height:auto!important;max-width:none!important;left:-70%;top:-7%;object-fit:initial!important}.profile-header .carla-portrait{width:100px;height:100px}.studio-mini .carla-portrait{width:76px;height:76px}
@media(min-width:800px){.village-remote{bottom:var(--village-remote-bottom,24px);left:calc(50% + var(--village-remote-center-offset,126px))}.village{grid-template-rows:auto minmax(0,1fr) 128px}.village-viewport{border-radius:10px}.village-corner-label{font-size:9px;top:16px;left:16px}.village-home{top:12px;right:12px;min-height:44px;font-size:13px;padding:7px 13px}.village-map-hint{font-size:9px;bottom:12px;left:16px}.village-heading h1{font-size:27px}.village-house{width:184px}.house-sign strong{font-size:14px}}
@media(max-width:360px){.village{gap:8px;grid-template-rows:auto minmax(0,1fr) 120px}.village-heading h1{font-size:16px;letter-spacing:-.5px}.village-eyebrow{font-size:8px;letter-spacing:1.3px}.village-count{font-size:10px}.village-count>span{font-size:7px;letter-spacing:.2px}.village-remote{width:calc(100% - 22px);grid-template-columns:90px minmax(0,1fr);padding:8px 10px;gap:9px;min-height:110px}.village-dpad{transform:scale(.91);transform-origin:center left}.village-selected-name{font-size:12px}.village-remote-actions{grid-template-columns:27px minmax(0,1fr) 27px;gap:4px}.village-enter{font-size:11px;gap:4px}.village-cycle{font-size:16px}.village-archive{font-size:9px}.village-map-hint>span{display:none}.village-corner-label{font-size:6px;left:8px;top:9px}.village-home{min-height:36px;font-size:10px;padding:5px 7px;right:7px;top:7px}.village-home>span{font-size:20px}.profile-header .carla-portrait{width:86px;height:86px}}
@media(max-height:600px) and (max-width:799px){.village{grid-template-rows:auto minmax(0,1fr) 112px;gap:7px}.village-remote{min-height:105px;padding-top:6px;padding-bottom:6px}.village-dpad{transform:scale(.88);transform-origin:center left}.village-house{min-height:145px;width:153px}.village-shop-art{width:104px;height:80px;margin-top:4px}.house-sign{padding:5px}.house-sign strong{font-size:12px}.village-shop-number{font-size:7px}.village-shop-number>b{font-size:10px}.village-selected-name{font-size:12px}}
@media(prefers-reduced-motion:reduce){.village *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}