:root{--ink:#243339;--cream:#fff8e8;--pink:#f87591;--green:#70ad76;--blue:#8bd3e8;--gold:#ffd76d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Trebuchet MS","Arial Rounded MT Bold",system-ui,sans-serif;color:var(--ink);background:#bde9f3}button{font:inherit}.game-shell{min-height:100vh;overflow:hidden}.topbar{height:82px;padding:12px clamp(18px,4vw,62px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;background:rgba(255,252,239,.94);border-bottom:3px solid rgba(42,81,74,.12)}.brand img{width:190px;display:block}.player-pill{padding:11px 17px;border-radius:999px;background:white;border:2px solid #ead8ad;box-shadow:0 4px 0 #dec998;font-size:15px}.player-pill span{margin-right:6px}.village{height:calc(100vh - 82px);min-height:650px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#9ddcf1 0 58%,#abd47f 58%)}.sky-copy{position:absolute;z-index:8;top:5%;left:0;right:0;text-align:center}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.2em;font-weight:900;color:#477b84;font-size:12px}.sky-copy h1{margin:3px 0 5px;font-size:clamp(36px,5vw,64px);line-height:1;color:#fff;text-shadow:0 5px 0 #5c9aaa,0 9px 22px rgba(47,103,119,.22)}.sky-copy p:last-child{margin:0;color:#315d67;font-size:clamp(15px,1.5vw,20px);font-weight:700}.cloud{position:absolute;z-index:0;width:180px;height:48px;border-radius:99px;background:rgba(255,255,255,.72)}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:76px;height:76px;left:30px;bottom:0}.cloud:after{width:98px;height:98px;right:18px;bottom:0}.cloud-one{left:5%;top:15%;transform:scale(.7)}.cloud-two{right:4%;top:9%;transform:scale(.5)}.hills{position:absolute;z-index:1;left:-10%;width:120%;border-radius:50% 50% 0 0}.hills-back{height:45%;bottom:11%;background:#8fc276;clip-path:polygon(0 44%,15% 10%,30% 45%,48% 5%,64% 48%,80% 8%,100% 47%,100% 100%,0 100%)}.hills-front{height:32%;bottom:0;background:#77ae62;clip-path:ellipse(70% 63% at 50% 64%)}.path{position:absolute;z-index:2;bottom:-22%;left:37%;width:29%;height:68%;background:#edd0a1;clip-path:polygon(43% 0,58% 0,100% 100%,0 100%)}.building{position:absolute;z-index:6;border:0}.bank{left:50%;top:31%;transform:translateX(-50%);width:310px;height:275px;border-radius:18px 18px 8px 8px;background:#f5dca8;border:7px solid #d2a96c;box-shadow:0 12px 0 #5e8153,0 21px 28px rgba(41,71,50,.25);cursor:pointer;transition:.2s}.bank:hover,.bank:focus-visible{transform:translateX(-50%) translateY(-7px);filter:saturate(1.06)}.bank-roof{position:absolute;left:-33px;right:-33px;top:-80px;height:91px;display:grid;place-items:center;padding-top:9px;font-size:35px;font-weight:900;color:#fff;background:#658e9d;clip-path:polygon(50% 0,100% 66%,91% 100%,9% 100%,0 66%);text-shadow:0 3px 0 #3c6574}.building-sign{position:absolute;z-index:2;left:42px;right:42px;top:18px;padding:10px 8px;background:#fff7dc;border:3px solid #c19759;border-radius:9px;font-weight:900;letter-spacing:.08em;color:#69533a}.door{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:82px;height:134px;border:8px solid #966c4b;border-bottom:0;border-radius:9px 9px 0 0;background:#75b9b3}.door span{position:absolute;top:22px;left:7px;right:7px;padding:5px 2px;border-radius:5px;background:#fff5cf;font-size:12px;font-weight:900;transform:rotate(-3deg)}.building-label{position:absolute;left:50%;bottom:-48px;transform:translateX(-50%);width:225px;padding:12px;border-radius:999px;color:white;background:var(--pink);box-shadow:0 5px 0 #c94f68;font-weight:900}.building-label b{font-size:20px}.locked{width:190px;height:175px;bottom:18%;border:6px solid rgba(66,91,69,.23);filter:saturate(.72);box-shadow:0 9px 0 rgba(61,94,56,.35);border-radius:16px;background:#dfb787}.cafe{left:8%}.post{right:8%;background:#acc9d9}.coming{position:absolute;z-index:3;left:50%;top:-18px;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;padding:7px 10px;border-radius:7px;background:#5d6360;color:white;font-size:11px;font-weight:900;letter-spacing:.09em}.awning{position:absolute;left:-6px;right:-6px;top:35px;height:45px;background:repeating-linear-gradient(90deg,#d96e73 0 29px,#fff4dc 29px 58px);clip-path:polygon(0 0,100% 0,95% 100%,5% 100%)}.post-roof{position:absolute;left:-18px;right:-18px;top:-52px;height:60px;background:#6e879b;clip-path:polygon(50% 0,100% 100%,0 100%)}.locked-name{position:absolute;left:0;right:0;bottom:24px;text-align:center;font-weight:900;color:#5f5147}.village-friends{position:absolute;z-index:9;left:50%;bottom:2%;transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center;gap:clamp(3px,1vw,14px);width:min(520px,70vw);pointer-events:none}.village-friends img{width:24%;max-height:145px;object-fit:contain;filter:drop-shadow(0 8px 5px rgba(45,76,49,.28));animation:idle 3.8s ease-in-out infinite}.village-friends img:nth-child(2){animation-delay:-.8s}.village-friends img:nth-child(3){animation-delay:-1.6s}.village-friends img:nth-child(4){animation-delay:-2.4s}@keyframes idle{50%{transform:translateY(-5px)}}@media(max-width:760px){.topbar{height:68px;padding:10px 15px}.brand img{width:145px}.player-pill{font-size:12px;padding:8px 11px}.village{height:calc(100vh - 68px);min-height:690px}.sky-copy{top:4%}.bank{top:34%;width:245px;height:225px}.bank-roof{top:-63px;height:74px}.building-sign{left:25px;right:25px;font-size:13px}.door{height:110px}.locked{width:130px;height:125px;bottom:17%}.cafe{left:-16px}.post{right:-16px}.village-friends{width:380px;max-width:92vw}.village-friends img{max-height:105px}.locked-name{font-size:13px}}
@media(prefers-reduced-motion:reduce){.village-friends img{animation:none}.bank{transition:none}}