html,body{overflow:hidden}.cinder-shell,.cinder-world{width:100%;height:100svh;overflow:hidden}.cinder-world{position:relative;isolation:isolate;background:radial-gradient(circle at 50% 45%,#f4b665,#8a4638 72%,#30242a)}.cinder-scene{--scene-ratio:1.7777778;position:absolute;left:50%;top:50%;width:min(100%,calc(100svh * var(--scene-ratio)));aspect-ratio:16/9;transform:translate(-50%,-50%);overflow:clip;isolation:isolate}.cinder-art{position:absolute;z-index:0;inset:0;background:var(--pw-cinder-hub-bg,url('/cinder/backgrounds/cinderbloom-crater-hub.webp')) center/100% 100% no-repeat;transform:scale(1.004);transition:filter .45s}.crater-hotspot,.festival-hotspot,.crater-wonder{position:absolute;z-index:8;border:0;background:transparent;color:white;text-decoration:none;cursor:pointer;touch-action:manipulation}.grotto-entry{left:1%;top:23%;width:23%;height:39%;border-radius:45%}.forge-entry{left:24%;top:17%;width:25%;height:43%;border-radius:45%}.repair-entry{left:51%;top:17%;width:22%;height:43%;border-radius:45%}.market-entry{right:0;top:18%;width:25%;height:44%;border-radius:45%}.crater-hotspot::before{content:"";position:absolute;inset:8%;border-radius:45%;background:radial-gradient(circle,rgba(255,212,105,0),transparent 67%);transition:.2s}.crater-hotspot:hover::before,.crater-hotspot:focus-visible::before{background:radial-gradient(circle,rgba(255,216,112,.23),transparent 70%);filter:drop-shadow(0 0 18px #ffc85f)}.focus-name{position:absolute;left:50%;bottom:5%;width:max-content;max-width:210px;padding:8px 13px;border-radius:999px;background:rgba(53,37,35,.95);font-size:12px;font-weight:1000;opacity:0;transform:translate(-50%,7px);transition:.18s;pointer-events:none}.crater-hotspot:hover .focus-name,.crater-hotspot:focus-visible .focus-name,.festival-hotspot:hover .focus-name,.festival-hotspot:focus-visible .focus-name{opacity:1;transform:translate(-50%,0)}.festival-hotspot{left:44%;top:54%;width:13%;height:18%;border-radius:50%}.festival-hotspot[aria-disabled="true"]{opacity:.55}.festival-flame{position:absolute;left:50%;top:50%;width:26px;height:35px;border-radius:54% 46% 55% 45%;background:radial-gradient(circle at 50% 70%,#fff6b0 0 18%,#ffbf47 22% 50%,#e45f3f 55% 74%,transparent 76%);filter:drop-shadow(0 0 9px #ffb436);transform:translate(-50%,-50%) rotate(4deg);animation:cinderFlame 1.7s ease-in-out infinite}.festival-hotspot .focus-name{bottom:-10%}.crater-wonder{z-index:9;min-width:52px;min-height:52px;border-radius:50%}.flowers-wonder{left:36%;top:63%}.spring-wonder{left:49%;top:41%}.crystal-wonder{left:7%;top:16%}.lantern-wonder{right:14%;top:36%}.crater-wonder::after{content:"";position:absolute;inset:25%;border-radius:50%;box-shadow:0 0 0 0 rgba(255,227,125,.72);animation:cinderPulse 3.1s ease-out infinite}.cinder-world[data-effect="ember-flowers"] .flowers-wonder{animation:cinderBloom 1.1s ease}.cinder-world[data-effect="hot-spring"] .spring-wonder{animation:cinderBubble 1.1s ease}.cinder-world[data-effect="crystal-song"] .crystal-wonder,.cinder-world[data-effect="lava-lanterns"] .lantern-wonder{animation:cinderShine 1.2s ease}.cinder-skill-trail{position:absolute;z-index:62;left:14px;top:calc(env(safe-area-inset-top) + 75px);display:flex;gap:7px}.cinder-skill-trail button{width:50px;height:50px;border:3px solid #fff6cf;border-radius:50%;background:rgba(58,40,39,.8);box-shadow:0 5px 0 rgba(39,28,26,.25);font-size:24px;filter:grayscale(1);opacity:.62;cursor:pointer}.cinder-skill-trail button[data-unlocked="true"]{background:#fff0af;filter:none;opacity:1;box-shadow:0 5px 0 rgba(104,70,34,.25),0 0 17px #ffc85d}.cinder-player{position:absolute;z-index:20;left:47%;bottom:2.4%;width:clamp(86px,8.2%,136px);height:clamp(105px,16%,160px);padding:0;border:0;background:transparent;filter:drop-shadow(0 9px 5px rgba(45,29,22,.3));cursor:pointer;touch-action:none;transform:translate(var(--character-drag-x,0),var(--character-drag-y,0))}.cinder-player-stack,.cinder-player img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%}.cinder-speech{position:absolute;z-index:80;left:50%;bottom:21%;max-width:min(560px,68%);display:flex;align-items:flex-start;gap:12px;padding:18px 18px 18px 23px;border:4px solid #ffe4a0;border-radius:27px;background:rgba(55,39,38,.97);box-shadow:0 8px 0 rgba(34,24,23,.32);color:#fff;font-size:clamp(20px,1.55vw,26px);font-weight:1000;line-height:1.2;transform:translateX(-50%)}.cinder-speech button{flex:0 0 48px;width:48px;height:48px;border:0;border-radius:50%;background:#fff0b5;color:#50382f;font-size:30px;font-weight:1000;cursor:pointer}.crater-hotspot:focus-visible,.festival-hotspot:focus-visible,.crater-wonder:focus-visible,.cinder-player:focus-visible{outline:5px solid #fff0a6;outline-offset:-5px}.cinder-player:focus,.cinder-player:focus-visible{outline:0!important}.cinder-player:focus-visible .cinder-player-stack{filter:drop-shadow(0 0 11px #fff0a6)}@keyframes cinderFlame{50%{transform:translate(-50%,-55%) rotate(-4deg) scale(.9,1.1)}}@keyframes cinderPulse{100%{box-shadow:0 0 0 20px rgba(255,227,125,0)}}@keyframes cinderBloom{45%{transform:scale(1.5) rotate(7deg);filter:drop-shadow(0 0 18px #ffb743)}}@keyframes cinderBubble{45%{transform:translateY(-9px) scale(1.3)}}@keyframes cinderShine{45%{filter:drop-shadow(0 0 20px white);transform:scale(1.35) rotate(8deg)}}@media(orientation:portrait){.cinder-scene{left:0;top:0;width:100%;height:100svh;max-width:none;aspect-ratio:auto;transform:none}.cinder-art{background-size:100% auto;background-position:center 14%;transform:none}.grotto-entry{top:18%;height:22%}.forge-entry{top:16%;height:24%}.repair-entry{top:16%;height:24%}.market-entry{top:17%;height:23%}.festival-hotspot{top:39%;height:12%}.flowers-wonder{top:41%}.spring-wonder{top:29%}.crystal-wonder{top:14%}.lantern-wonder{top:26%}.cinder-player{left:46%;top:46%;bottom:auto;width:clamp(94px,15%,132px);height:15%}.cinder-speech{top:63%;bottom:auto;max-width:80%;font-size:clamp(20px,2.7vw,26px)}}html[data-motion="reduced"] .festival-flame,html[data-motion="reduced"] .crater-wonder::after{animation:none!important}
@media(orientation:landscape) and (max-aspect-ratio:5/3){.cinder-scene{width:calc(100svh * var(--scene-ratio));height:100svh;max-width:none;aspect-ratio:auto}.cinder-back,.cinder-skill-trail{left:calc((100% - 100vw)/2 + 14px)}.cinder-wallet{right:calc((100% - 100vw)/2 + 14px)}.grotto-entry{left:12.5%;width:13%}.market-entry{right:12.5%;width:13%}.flowers-wonder{left:39%}.crystal-wonder{left:13%}.lantern-wonder{right:18%}}
/* A visible sign on the path, with the whole artwork as its click target. */
.festival-hotspot{left:68%;top:67%;width:12%;height:17%;z-index:15;border-radius:15%}.festival-sign-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 3px #3b211766);pointer-events:none}.festival-hotspot:hover .festival-sign-art,.festival-hotspot:focus-visible .festival-sign-art{filter:drop-shadow(0 0 10px #ffe0a0)}.festival-hotspot[aria-disabled="true"]{opacity:.85}
@media(orientation:portrait){.festival-hotspot{left:73%;top:48%;width:22%;height:11%}}



.forest-trail-link{position:absolute;right:18px;top:82px;z-index:63;background:#183f2ce8;color:#fff2c0;border:2px solid #b6bc7e;border-radius:18px;padding:12px 17px;text-decoration:none;font-size:16px;font-weight:900;box-shadow:0 4px 0 #20352255}.forest-trail-link:hover,.forest-trail-link:focus-visible{background:#326449;outline:3px solid #e4de93;outline-offset:3px}@media(orientation:landscape) and (max-aspect-ratio:5/3){.forest-trail-link{right:calc((100% - 100vw)/2 + 18px)}}
/* Opened only from the festival sign; the village stays free of extra labels. */
.festival-hotspot[data-ready="false"]{opacity:.7}
.festival-readiness-dialog{box-sizing:border-box;width:min(580px,calc(100vw - 28px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:3px solid #ffe4a0;border-radius:24px;background:#fff8e6;color:#342b26;box-shadow:0 16px 60px #241b2855;font-size:17px;line-height:1.4}
.festival-readiness-dialog::backdrop{background:#231c2ab3}
.festival-readiness-dialog h2{margin:0 50px 10px 0;font-size:24px;color:#334936}
.festival-readiness-dialog p{margin:8px 0 16px}
.festival-readiness-dialog-close{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;border-radius:50%;background:#e9dfcb;color:#342b26;font-size:28px;cursor:pointer}
.festival-readiness-dialog ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.festival-readiness-dialog li{display:grid;gap:3px;padding:12px 14px;border:1px solid #d6c7a7;border-radius:14px;background:#fffdf5}
.festival-readiness-dialog li[data-ready="true"]{border-color:#8ba78a;background:#edf4e6}
.festival-readiness-dialog li span,.festival-readiness-dialog li small{font-size:15px}
.festival-readiness-dialog .festival-readiness-dialog-tip{font-size:14px;margin:12px 0}
.festival-readiness-dialog-next{display:block;box-sizing:border-box;min-height:48px;padding:12px 14px;border-radius:14px;background:#96355f;color:#fff;text-align:center;font-weight:800;text-decoration:none;touch-action:manipulation}
.festival-readiness-dialog :focus-visible{outline:3px solid #334936;outline-offset:3px}
@media(max-height:500px) and (orientation:landscape){.festival-readiness-dialog{padding:14px 18px;font-size:15px}.festival-readiness-dialog h2{font-size:21px}.festival-readiness-dialog p{margin:6px 0}.festival-readiness-dialog ul{gap:6px}.festival-readiness-dialog li{padding:7px 12px}.festival-readiness-dialog li span,.festival-readiness-dialog li small{font-size:14px}.festival-readiness-dialog .festival-readiness-dialog-tip{margin:8px 0}}

/* A single next step; the painted festival sign keeps its quiet place. */
.cinder-next{position:absolute;left:18px;bottom:18px;z-index:62;max-width:calc(100% - 36px);padding:11px 16px;min-height:44px;display:flex;align-items:center;border-radius:22px;background:#fff3dbf2;border:1px solid #ad8b5a;color:#503720;font-size:clamp(.85rem,1.35vw,1rem);font-weight:750;text-decoration:none;box-shadow:0 3px 12px #4b30182b}
.forest-welcome{position:absolute;right:18px;top:138px;z-index:72;width:min(315px,calc(100% - 36px));padding:15px 18px;border-radius:18px;border:2px solid #75885b;background:#fff6dff7;box-shadow:0 10px 32px #32271655;color:#344a31}
.forest-welcome::before{content:'';position:absolute;right:32px;top:-12px;width:20px;height:20px;transform:rotate(45deg);background:#fff6df;border-left:2px solid #75885b;border-top:2px solid #75885b}
.forest-welcome strong{display:block;font-size:1.15rem}.forest-welcome a{display:block;padding-block:12px;color:#294d37;font-weight:750}.forest-welcome button{min-height:44px;padding:8px 18px;border:0;border-radius:15px;background:#335d43;color:#fff8e8;font-weight:700}
.festival-unlocked{position:absolute;top:135px;left:18px;z-index:67;max-width:calc(100% - 36px);background:#fff0cdf5;border:1px solid #c6924c;border-radius:18px;padding:12px 54px 12px 16px;box-shadow:0 6px 22px #3b261c35;color:#583923}
.festival-unlocked strong{display:block}.festival-unlocked a{display:block;color:#34563b;font-weight:700;min-height:44px;padding-top:10px}.festival-unlocked button{position:absolute;right:6px;top:6px;width:44px;height:44px;border:0;background:transparent;color:#62472c;font-size:1.4rem}
.forest-welcome[hidden],.festival-unlocked[hidden]{display:none}
.festival-readiness-dialog small[data-skill]{display:block;margin-top:5px;line-height:1.35}
@media(orientation:landscape) and (max-height:500px){.cinder-next{left:10px;bottom:8px;max-width:60%;padding:8px 12px}.forest-welcome{right:12px;top:92px;padding:10px 14px}.festival-unlocked{top:92px;left:12px}}