:root{--map-cream:#fff9e9;--map-ink:#28483f;--map-berry:#ef7289;--map-moss:#4f7f58;--map-gold:#f3c95f}
.game-shell{min-height:100vh;background:#517d5d;overflow:hidden}.topbar{height:76px;padding:10px clamp(15px,3vw,48px);background:rgba(255,250,235,.96);border-bottom:3px solid rgba(72,91,65,.2);box-shadow:0 5px 20px rgba(40,61,42,.12)}.brand img{width:174px}.village{--look-x:0;--look-y:0;height:calc(100vh - 76px);min-height:680px;position:relative;isolation:isolate;overflow:hidden;background:#77a76b}.village-art{position:absolute;z-index:-5;inset:-2%;background:url('/peblet-village-storybook.webp') center center/cover no-repeat;transform:translate(calc(var(--look-x) * -14px),calc(var(--look-y) * -9px)) scale(1.055);transition:transform .22s ease-out;will-change:transform}.village-light{position:absolute;z-index:-4;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(28,72,62,.08),transparent 26%,transparent 72%,rgba(30,54,31,.19)),radial-gradient(circle at 52% 35%,transparent 0 27%,rgba(32,56,33,.12) 86%);transition:background .8s ease}.village.is-dusk .village-light{background:linear-gradient(180deg,rgba(24,34,83,.34),rgba(71,55,100,.16) 42%,rgba(19,46,57,.43)),radial-gradient(circle at 51% 42%,rgba(255,183,93,.08),rgba(23,34,76,.24) 78%)}
.sky-copy{position:absolute;z-index:11;top:2.2%;left:34%;right:34%;padding:11px 16px 13px;border:2px solid rgba(255,255,255,.5);border-radius:24px;background:rgba(43,77,59,.48);box-shadow:0 8px 28px rgba(28,57,41,.18);backdrop-filter:blur(8px);text-align:center;color:white}.sky-copy .eyebrow{margin:0;color:#fff2b8;font-size:9px;letter-spacing:.18em}.sky-copy h1{margin:2px 0 4px;color:white;font-size:clamp(29px,3.2vw,52px);line-height:.95;text-shadow:0 3px 0 rgba(47,85,61,.65),0 8px 22px rgba(32,50,32,.22)}.sky-copy p:last-child{margin:0;color:white;font-size:clamp(11px,1vw,14px);line-height:1.2;text-shadow:0 2px 4px rgba(30,54,38,.4)}
.village-controls{position:absolute;z-index:15;top:2.5%;right:2.2%;display:flex;gap:8px;align-items:center}.magic-hour,.wonder-meter{min-height:49px;border:3px solid rgba(255,255,255,.75);border-radius:18px;background:rgba(255,250,235,.94);box-shadow:0 5px 0 rgba(77,90,61,.28);color:#435b4b}.magic-hour{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer}.magic-hour span{font-size:21px;transition:transform .5s}.magic-hour b{font-size:10px}.magic-hour:hover span,.magic-hour:focus-visible span{transform:rotate(18deg) scale(1.12)}.is-dusk .magic-hour span{filter:hue-rotate(170deg)}.wonder-meter{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:6px;align-items:center;padding:6px 10px}.wonder-meter>span{grid-row:1/3;color:#eeb84f;font-size:20px}.wonder-meter b{font-size:12px;line-height:1}.wonder-meter small{font-size:7px;text-transform:uppercase;font-weight:900;letter-spacing:.06em}
.goal-quest{z-index:15!important;top:2.5%!important;left:2.2%!important;width:min(255px,27vw)!important;padding:10px 12px!important;border-radius:19px!important;background:rgba(255,250,235,.95)!important;box-shadow:0 5px 0 rgba(73,94,61,.28),0 14px 24px rgba(35,62,40,.16)!important}.goal-quest>span{font-size:31px!important}.goal-quest strong{font-size:11px!important}
.place-hotspot{position:absolute!important;z-index:7!important;display:block!important;padding:0!important;border:0!important;border-radius:34px!important;background:transparent!important;box-shadow:none!important;color:var(--map-ink)!important;text-decoration:none!important;cursor:pointer!important;filter:none!important;transition:transform .22s ease,filter .22s ease!important}.place-hotspot:before{content:"";position:absolute;inset:7%;border:3px dashed rgba(255,243,188,0);border-radius:40%;background:rgba(255,224,120,0);transition:.2s}.place-hotspot:hover:before,.place-hotspot:focus-visible:before{border-color:rgba(255,246,195,.92);background:rgba(255,223,111,.12);box-shadow:0 0 0 8px rgba(255,232,136,.1),0 0 34px rgba(255,222,104,.65)}.place-hotspot:hover,.place-hotspot:focus-visible{transform:translateY(-5px) scale(1.015)!important;filter:brightness(1.06)!important}.hotspot-glow{position:absolute;left:50%;top:50%;width:44px;height:44px;border:3px solid rgba(255,238,157,.9);border-radius:50%;box-shadow:0 0 0 7px rgba(255,223,103,.14),0 0 18px #ffe29b;transform:translate(-50%,-50%);animation:hotspotPulse 2.3s ease-in-out infinite}.place-card{position:absolute;z-index:4;left:50%;bottom:-2px;width:max-content;min-width:190px;max-width:260px;min-height:60px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:8px 10px;border:3px solid rgba(255,255,255,.86);border-radius:19px;background:rgba(255,250,234,.96);box-shadow:0 6px 0 rgba(76,93,62,.34),0 12px 22px rgba(31,51,32,.17);transform:translateX(-50%);text-align:left;backdrop-filter:blur(7px)}.place-card>i{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#e5f0d8;font-size:21px;font-style:normal}.place-card>span{display:grid;gap:1px}.place-card small{color:#7d8a71;font-size:7px;letter-spacing:.1em;font-weight:1000}.place-card strong{font-size:13px;line-height:1.1}.place-card em{color:#627366;font-size:9px;font-style:normal}.place-card>b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--map-berry);color:white}.shift-count{z-index:5!important;left:50%!important;bottom:-25px!important;max-width:170px!important;background:#477457!important;box-shadow:0 3px 0 rgba(50,75,48,.3);font-size:8px!important}.job-badge{z-index:5!important;top:5%!important;left:50%!important;background:#ef7289!important;box-shadow:0 3px 0 #b94a5f;font-size:8px!important}.place-hotspot.bank{left:37%!important;top:30%!important;width:28%!important;height:37%!important;transform:none!important}.place-hotspot.cafe{left:1%!important;top:31%!important;width:31%!important;height:37%!important;bottom:auto!important}.place-hotspot.post{left:auto!important;right:1%!important;top:34%!important;width:31%!important;height:35%!important;bottom:auto!important}.place-hotspot.home-building{left:auto!important;right:22%!important;top:1%!important;width:25%!important;height:31%!important}.bank .place-card{bottom:-6px}.cafe .place-card{bottom:1px}.post .place-card{bottom:0}.home-building .place-card{bottom:-4px}.home-building .place-card>i{background:#f4dfcb}.cafe .place-card>i{background:#ffe1ca}.post .place-card>i{background:#dcedf0}.bank .place-card>i{background:#e9dcae}
.wonder-button{position:absolute;z-index:10;width:45px;height:45px;display:grid;place-items:center;padding:0;border:2px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(255,248,209,.9);box-shadow:0 0 0 6px rgba(255,229,128,.14),0 4px 0 rgba(75,83,53,.3),0 0 18px rgba(255,230,130,.55);color:#ad7631;cursor:pointer;animation:wonderPulse 2.1s ease-in-out infinite}.wonder-button span{font-size:21px}.wonder-button small{position:absolute;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:135px;padding:6px 8px;border-radius:999px;background:rgba(43,70,51,.9);color:white;font-size:8px;font-weight:900;opacity:0;transform:translate(-50%,5px);transition:.16s;pointer-events:none}.wonder-button:hover small,.wonder-button:focus-visible small{opacity:1;transform:translate(-50%,0)}.wonder-button[aria-pressed="true"]{background:#77af7c;color:white;border-color:#ddf2d9;box-shadow:0 4px 0 rgba(49,85,54,.38)}.wonder-button[aria-pressed="true"]:after{content:"✓";position:absolute;right:-6px;top:-7px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#416d4e;color:white;font-size:10px}.wonder-pond{left:10%;top:73%}.wonder-tree{left:14%;top:24%}.wonder-mushrooms{right:7%;top:79%}.wonder-mailbox{right:4.5%;top:51%}
.village-message{position:absolute;z-index:13;left:50%;bottom:21%;max-width:min(470px,70vw);padding:8px 16px;border:2px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(41,70,48,.88);box-shadow:0 5px 16px rgba(29,48,32,.22);color:white;font-size:10px;font-weight:900;text-align:center;opacity:.96;transform:translateX(-50%);transition:.2s}.village-message.is-talking{background:#6b4d80;transform:translateX(-50%) translateY(-3px)}
.village-friends{z-index:12!important;left:50%!important;bottom:1.2%!important;width:min(590px,62vw)!important;display:flex!important;gap:2px!important;align-items:flex-end!important;pointer-events:auto!important}.village-friend{position:relative;width:17%;height:135px;display:grid;align-items:end;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 8px 5px rgba(45,76,49,.28));animation:friendIdle 3.8s ease-in-out infinite}.village-friend:nth-child(2){animation-delay:-.7s}.village-friend:nth-child(3){animation-delay:-1.4s}.village-friend:nth-child(4){animation-delay:-2.1s}.village-friend:nth-child(5){animation-delay:-2.8s}.village-friend>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;filter:none!important;animation:none!important}.village-friend:hover,.village-friend:focus-visible{z-index:4;animation-play-state:paused;transform:translateY(-8px) scale(1.08)}.village-player{flex:0 0 22%!important;width:22%!important;height:165px!important;animation:friendIdle 3.4s -1.3s ease-in-out infinite!important}.village-player>strong{bottom:-2px!important}.village-player .village-accessory{display:none!important;inset:auto!important;height:auto!important;z-index:3!important}.village-player .village-accessory.behind{z-index:1!important}.village-player .village-accessory.visible{display:block!important}.village-player #village-player-image{z-index:2!important}.village-player #pet-buddy{right:-5px!important;bottom:6px!important}.ambient-village{position:absolute;z-index:2;inset:0;pointer-events:none;overflow:hidden}.sunbeam{position:absolute;top:-30%;width:14%;height:110%;background:linear-gradient(90deg,transparent,rgba(255,247,188,.18),transparent);filter:blur(6px);transform:rotate(18deg);animation:sunSway 9s ease-in-out infinite}.beam-one{left:27%}.beam-two{left:53%;animation-delay:-4s}.butterfly{position:absolute;color:#fff1a6;font-size:10px;text-shadow:0 0 7px #ffe991;animation:butterfly 9s ease-in-out infinite}.butterfly-one{left:34%;top:25%}.butterfly-two{left:72%;top:31%;animation-delay:-5s}.drifting-leaf{position:absolute;top:-10%;font-size:13px;animation:leafDrift 12s linear infinite}.leaf-one{left:11%}.leaf-two{left:63%;animation-delay:-4s}.leaf-three{left:85%;animation-delay:-8s}.firefly{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff3a8;box-shadow:0 0 12px 4px rgba(255,220,103,.75);opacity:0;animation:firefly 4.5s ease-in-out infinite}.is-dusk .firefly{opacity:1}.f1{left:8%;top:42%}.f2{left:31%;top:68%;animation-delay:-1.1s}.f3{left:54%;top:42%;animation-delay:-2.2s}.f4{left:78%;top:55%;animation-delay:-3.1s}.f5{left:92%;top:73%;animation-delay:-.6s}
.village[data-wonder-active="pond"] .wonder-pond{box-shadow:0 0 0 20px rgba(129,231,245,0),0 0 28px #b5f3ff}.village[data-wonder-active="tree"] .village-art{filter:saturate(1.09)}.village[data-wonder-active="mushrooms"] .wonder-mushrooms{filter:hue-rotate(35deg) brightness(1.2)}.village[data-wonder-active="mailbox"] .wonder-mailbox{transform:rotate(8deg)}
@keyframes hotspotPulse{50%{transform:translate(-50%,-50%) scale(1.35);opacity:.5}}@keyframes wonderPulse{50%{transform:translateY(-3px) scale(1.05)}}@keyframes friendIdle{50%{transform:translateY(-5px)}}@keyframes sunSway{50%{transform:translateX(35px) rotate(16deg);opacity:.55}}@keyframes butterfly{0%,100%{transform:translate(0,0) rotate(-10deg)}30%{transform:translate(70px,-18px) rotate(25deg)}65%{transform:translate(125px,22px) rotate(-20deg)}}@keyframes leafDrift{0%{transform:translate(0,-20px) rotate(0);opacity:0}12%{opacity:.8}100%{transform:translate(130px,900px) rotate(500deg);opacity:0}}@keyframes firefly{50%{transform:translate(18px,-20px) scale(1.3);opacity:.35}}
@media(max-width:1050px){.sky-copy{left:31%;right:31%}.place-card{min-width:165px}.place-card em{display:none}.village-friends{width:min(540px,65vw)!important}.village-controls .magic-hour b{display:none}}
@media(max-width:760px){.game-shell{overflow:visible}.topbar{height:68px;position:sticky;top:0;z-index:40}.brand img{width:140px}.village{height:auto;min-height:1040px;overflow:hidden}.village-art{inset:0;background-position:center top;background-size:auto 640px;transform:none}.village-light{background:linear-gradient(180deg,rgba(39,76,55,.08),rgba(60,86,52,.16) 56%,rgba(72,104,63,.9) 72%)}.sky-copy{top:18px;left:14px;right:14px;padding:9px 12px}.sky-copy h1{font-size:34px}.sky-copy p:last-child{font-size:10px}.goal-quest{top:132px!important;left:14px!important;width:calc(100% - 28px)!important;max-width:none!important}.village-controls{top:226px;left:14px;right:14px;justify-content:space-between}.magic-hour b{display:block!important}.place-hotspot{width:calc(50% - 21px)!important;height:132px!important;border-radius:24px!important;background:rgba(255,247,224,.18)!important;backdrop-filter:blur(2px)}.place-hotspot:before{inset:0;border-color:rgba(255,247,205,.48);border-radius:24px;background:rgba(255,226,140,.07)}.place-hotspot.bank{left:14px!important;top:318px!important}.place-hotspot.cafe{left:auto!important;right:14px!important;top:318px!important}.place-hotspot.post{left:14px!important;right:auto!important;top:472px!important}.place-hotspot.home-building{left:auto!important;right:14px!important;top:472px!important}.hotspot-glow{top:30%;width:35px;height:35px}.place-card{left:7px;right:7px;bottom:7px;width:auto;min-width:0;max-width:none;grid-template-columns:auto 1fr auto;transform:none}.place-card>i{width:34px;height:34px}.place-card small{display:none}.place-card strong{font-size:11px}.shift-count,.job-badge{display:none!important}.wonder-button{top:654px!important;width:calc(25% - 16px);height:48px;border-radius:17px}.wonder-button small{position:static;width:auto;max-width:none;padding:0;background:transparent;color:#57705d;font-size:0;opacity:1;transform:none}.wonder-button small:after{font-size:8px}.wonder-pond{left:14px}.wonder-pond small:after{content:"Pond"}.wonder-tree{left:calc(25% + 6px)}.wonder-tree small:after{content:"Tree"}.wonder-mushrooms{left:calc(50% + 1px);right:auto}.wonder-mushrooms small:after{content:"Mushrooms"}.wonder-mailbox{left:calc(75% - 4px);right:auto}.wonder-mailbox small:after{content:"Mailbox"}.village-message{bottom:207px;max-width:calc(100% - 28px);width:max-content;font-size:9px}.village-friends{bottom:34px!important;width:calc(100% - 20px)!important}.village-friend{height:130px}.village-player{height:158px!important}.ambient-village{height:650px}}
@media(max-width:430px){.topbar .player-pill i{display:none}.place-card{grid-template-columns:auto 1fr}.place-card>b{display:none}.village-friend{height:104px}.village-player{height:135px!important}.village-message{bottom:180px}.village{min-height:980px}}
@media(prefers-reduced-motion:reduce){.village-art,.village-light,.magic-hour span,.place-hotspot,.place-hotspot:before,.wonder-button small,.village-message{transition:none}.hotspot-glow,.wonder-button,.village-friend,.sunbeam,.butterfly,.drifting-leaf,.firefly{animation:none}.drifting-leaf,.butterfly{display:none}}