@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fredoka-latin.woff2)format("woff2")}:root{--pink:#ff6fb5;--pink-d:#e0428f;--gold:#ffd34d;--gold-d:#e0a51f;--lav:#b58cff;--mint:#6fe3c1;--cream:#fff6e8;--ink:#4a2a5e;--ink-soft:#7a5a8e;--panel:#fff9f0f7;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--font:"Fredoka", "Baloo 2", "Comic Sans MS", "Chalkboard SE", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffd6ec;margin:0;overflow:hidden}body.playing{touch-action:none}#game{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.layer{pointer-events:none;position:fixed;inset:0}#hud-top{top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));justify-content:space-between;align-items:flex-start;display:flex;position:absolute}#hearts{gap:4px;display:flex}.heart{filter:drop-shadow(0 2px 2px #50143c59);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 31'%3E%3Cpath d='M17 29C6 21 2 15 2 9.5 2 5 5.5 2 9.5 2c3 0 5.5 1.8 7.5 4.5C19 3.8 21.5 2 24.5 2 28.5 2 32 5 32 9.5 32 15 28 21 17 29z' fill='%23ff3d6e' stroke='%23fff' stroke-width='3'/%3E%3Cellipse cx='10' cy='9' rx='3' ry='2' fill='%23ffb3c6'/%3E%3C/svg%3E") 50%/contain no-repeat;width:34px;height:31px;transition:transform .2s}.heart.empty{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 31'%3E%3Cpath d='M17 29C6 21 2 15 2 9.5 2 5 5.5 2 9.5 2c3 0 5.5 1.8 7.5 4.5C19 3.8 21.5 2 24.5 2 28.5 2 32 5 32 9.5 32 15 28 21 17 29z' fill='rgba(90,40,90,0.35)' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E")}.heart.pop{animation:.35s pop}@keyframes pop{50%{transform:scale(1.35)}}#hud-row{gap:6px;margin-top:6px;display:flex}.pill{background:#ffffffd9;border:3px solid #fff;border-radius:20px;align-items:center;gap:6px;padding:1px 12px 1px 6px;font-size:20px;font-weight:700;display:flex;box-shadow:0 3px #78326e40}.gem-ico{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M10 1 19 9 10 23 1 9Z' fill='%23ff5fb8' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath d='M10 1 13 9 10 23 7 9Z' fill='%23ff9ad4'/%3E%3C/svg%3E") 50%/contain no-repeat;width:20px;height:24px}.jewel{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 22'%3E%3Cpath d='M10 1 18 8 10 21 2 8Z' fill='rgba(90,40,120,0.25)' stroke='%23b58cff' stroke-width='2'/%3E%3C/svg%3E") 50%/contain no-repeat;width:20px;height:22px;display:inline-block}.jewel.got{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 22'%3E%3Cpath d='M10 1 18 8 10 21 2 8Z' fill='%238f5fff' stroke='%23ffd34d' stroke-width='2'/%3E%3Cpath d='M10 1 13 8 10 21 7 8Z' fill='%23c9a8ff'/%3E%3C/svg%3E")}.key-ico{font-size:18px}#hud-right{align-items:flex-start;gap:8px;display:flex}#powers{gap:6px;display:flex}.power{background:#ffffffd9;border:3px solid #fff;border-radius:14px;place-items:center;width:44px;height:44px;font-size:24px;display:grid;position:relative;box-shadow:0 3px #78326e40}.power small{font-size:11px;font-weight:700;position:absolute;bottom:-2px;right:2px}.round-btn{pointer-events:auto;background:var(--pink);color:#fff;width:48px;height:48px;font:700 16px var(--font);box-shadow:0 4px 0 var(--pink-d);cursor:pointer;border:3px solid #fff;border-radius:50%}#boss{top:calc(10px + var(--safe-t));text-align:center;width:min(460px,70vw);position:absolute;left:50%;transform:translate(-50%);width:min(340px,46vw)!important}#boss-name{color:#fff;text-shadow:0 2px #6a2a6a,0 0 8px #50005080;font-size:20px;font-weight:700}.boss-track{background:#3c14468c;border:3px solid #fff;border-radius:10px;height:18px;overflow:hidden}#boss-fill{background:linear-gradient(90deg,#ff6f9f,#ffb84d);width:100%;height:100%;transition:width .3s}#banner{text-align:center;width:92vw;animation:.4s ease-out bannerIn;position:absolute;top:36%;left:50%;transform:translate(-50%)}#banner-title{color:#fff;-webkit-text-stroke:2px var(--pink-d);text-shadow:0 4px 0 var(--pink-d), 0 6px 14px #781e5a73;font-size:clamp(30px,6vw,54px);font-weight:700}#banner-sub{color:#fff;text-shadow:0 2px #78286ecc;font-size:clamp(16px,2.6vw,22px);font-weight:600}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%)scale(.7)}}#area-name{bottom:calc(16px + var(--safe-b));background:var(--panel);border:3px solid var(--gold);border-radius:18px;padding:4px 18px;font-size:18px;font-weight:600;animation:3s forwards fadeInOut;position:absolute;left:50%;transform:translate(-50%)}@keyframes fadeInOut{0%{opacity:0}15%,80%{opacity:1}to{opacity:0}}#pip{top:calc(84px + var(--safe-t));background:var(--panel);border:4px solid var(--lav);border-radius:22px;align-items:center;gap:12px;width:min(620px,92vw);padding:10px 16px;animation:.3s ease-out bannerIn;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px #7850b459}#pip.other .pip-face{background:radial-gradient(circle at 40% 35%,#fff 0 14%,#d8b8ff 30%,#8f5fd8 70%,#5a2f8a 100%);box-shadow:0 0 14px #b58cff}#pip.other .pip-face:before,#pip.other .pip-face:after{display:none}#pip.other{border-color:#8f5fd8}#pip.other .pip-text b{color:#8f5fd8}.pip-face{background:radial-gradient(circle at 40% 35%,#fff 0 18%,#fff7a8 30%,#ffd34d 60%,#ffb3e6 100%);border-radius:50%;flex:0 0 46px;height:46px;animation:1.4s ease-in-out infinite bob;position:relative;box-shadow:0 0 16px #ffe98a}.pip-face:before,.pip-face:after{content:"";background:#bee6ffbf;border:2px solid #fff;border-radius:50%;width:22px;height:30px;position:absolute;top:-6px}.pip-face:before{left:-14px;transform:rotate(-30deg)}.pip-face:after{right:-14px;transform:rotate(30deg)}@keyframes bob{50%{transform:translateY(-4px)}}.pip-text{font-size:clamp(16px,2.3vw,20px);font-weight:500;line-height:1.3}.pip-text b{color:var(--lav);margin-right:6px}#admin-badge,.admin-tag{top:calc(8px + var(--safe-t));color:#fff;letter-spacing:2px;z-index:5;background:#e0243a;border:2px solid #fff;border-radius:10px;padding:3px 14px;font-size:14px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.admin-tag{position:static;transform:none}#touch{position:absolute;inset:0}#t-pad{left:calc(14px + var(--safe-l));bottom:calc(14px + var(--safe-b));pointer-events:auto;touch-action:none;width:190px;height:190px;position:absolute}#t-stick{background:#ffffff4d;border:4px solid #ffffffbf;border-radius:50%;position:absolute;inset:20px;box-shadow:0 4px #78326e40}#t-knob{background:radial-gradient(circle at 35% 30%,#fff,#ffc2e2 60%,#ff8fc8);border:3px solid #fff;border-radius:50%;width:66px;height:66px;margin:-33px 0 0 -33px;position:absolute;top:50%;left:50%;box-shadow:0 4px 8px #781e5a59}#t-actions{right:calc(14px + var(--safe-r));bottom:calc(14px + var(--safe-b));width:220px;height:190px;position:absolute}.tb{pointer-events:auto;touch-action:none;color:#fff;font:700 34px var(--font);opacity:.9;border:4px solid #fff;border-radius:50%;position:absolute;box-shadow:0 5px #781e5a66}.tb.on{transform:translateY(3px)scale(.95);box-shadow:0 2px #781e5a66}#t-jump{background:radial-gradient(circle at 35% 30%, #ff9fd0, var(--pink));width:104px;height:104px;bottom:10px;right:0}#t-wand{background:radial-gradient(circle at 35% 30%,#ffe98a,#ffb81f);width:86px;height:86px;font-size:40px;bottom:70px;right:112px}.screen{padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));z-index:10;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.screen.dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#461e5073}#scr-loading{background:linear-gradient(#ffd6ec,#e8d6ff)}.loading-box{text-align:center;font-size:22px;font-weight:600}.crown-spin{font-size:64px;animation:1s ease-in-out infinite bob}.title-wrap{text-align:center;margin-top:-4vh}.logo{letter-spacing:1px;margin:0;font-weight:700;line-height:.9}.logo span{color:#fff;-webkit-text-stroke:3px var(--pink-d);paint-order:stroke fill;text-shadow:0 6px 0 var(--pink-d), 0 10px 24px #781e5a73;display:block}.logo .l1{color:#ffe98a;-webkit-text-stroke-color:#c97a1a;text-shadow:0 5px #c97a1a,0 10px 24px #783c0059;font-size:clamp(40px,8vw,84px)}.logo .l2{font-size:clamp(58px,13vw,136px)}.tagline{color:#fff;text-shadow:0 2px 0 var(--lav), 0 0 10px #783cb499;margin:10px 0 22px;font-size:clamp(18px,3vw,28px);font-weight:600}.menu{flex-direction:column;align-items:center;gap:10px;display:flex}.menu.row{flex-direction:row;justify-content:center;margin-top:16px}.menu.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn{font:600 20px var(--font);color:var(--ink);cursor:pointer;background:linear-gradient(#fff,#ffeef8);border:3px solid #fff;border-radius:18px;min-width:240px;min-height:48px;padding:10px 22px;transition:transform 80ms;box-shadow:0 5px #e8b8d8,0 6px 14px #781e5a40}.btn.big{background:linear-gradient(#ff9fd0, var(--pink));color:#fff;box-shadow:0 5px 0 var(--pink-d), 0 6px 14px #781e5a4d;text-shadow:0 2px 0 var(--pink-d);font-size:26px}.btn.small{min-width:0;min-height:40px;padding:6px 14px;font-size:16px}.btn.danger{background:#ffe2e2;box-shadow:0 4px #e8a0a0}.btn:hover,.btn:focus-visible{outline:4px solid var(--gold);outline-offset:2px;transform:translateY(-2px)scale(1.03)}.btn:active{transform:translateY(3px)}.btn:disabled{opacity:.5;cursor:default}kbd{font:600 14px var(--font);color:var(--ink);background:#fff;border:2px solid #d8b8e8;border-bottom-width:4px;border-radius:7px;margin:0 2px;padding:0 7px;display:inline-block}.title-foot{color:#fff;text-shadow:0 2px #78286eb3;margin-top:18px;font-weight:600}.panel{background:var(--panel);outline:3px solid var(--gold);border:5px solid #fff;border-radius:28px;width:min(560px,96vw);max-height:calc(100vh - 24px);padding:18px 22px 22px;position:relative;overflow-y:auto;box-shadow:0 10px #c878aa80,0 18px 40px #50144659}.panel.wide{width:min(980px,96vw)}.panel h2{text-align:center;color:var(--pink-d);margin:0 0 12px;font-size:clamp(24px,4vw,34px)}.panel h3{color:var(--lav);margin:8px 0 6px}.panel-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.panel-head h2{flex:1;margin:0}.hint{text-align:center;color:var(--ink-soft);margin:0 0 12px}#map-levels{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:14px;display:grid}.lvl{text-align:left;color:#fff;font:500 16px var(--font);cursor:pointer;text-shadow:0 2px #00000040;border:4px solid #fff;border-radius:22px;min-height:132px;padding:12px 14px;transition:transform .1s;position:relative;box-shadow:0 5px #00000026,0 8px 18px #50144640}.lvl:hover,.lvl:focus-visible{outline:4px solid var(--gold);transform:translateY(-3px)}.lvl .num{opacity:.9;font-size:14px;font-weight:600}.lvl .name{margin:2px 0 4px;padding-right:40px;font-size:24px;font-weight:700;line-height:1.05}.lvl .sub{opacity:.95;font-size:15px}.lvl .meta{align-items:center;gap:10px;margin-top:8px;font-weight:600;display:flex}.lvl.locked{filter:grayscale(.85)brightness(.85);cursor:not-allowed}.lvl.locked:after{content:"🔒";font-size:34px;position:absolute;top:10px;right:14px}.lvl.done:after{content:"👑";font-size:30px;position:absolute;top:8px;right:12px}.lvl .areas{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.lvl .areas button{font:600 13px var(--font);color:#fff;cursor:pointer;background:#ffffff4d;border:2px solid #fff;border-radius:10px;padding:2px 8px}#map-continue{justify-content:center;margin-bottom:12px;display:flex}.th-garden{background:linear-gradient(135deg,#7fd36a,#ff8fc8)}.th-meadow{background:linear-gradient(135deg,#5fc85a,#ffd34d)}.th-cave{background:linear-gradient(135deg,#4b3a98,#3fc8d8)}.th-sky{background:linear-gradient(135deg,#ff9fd0,#8fd0ff)}.th-snow{background:linear-gradient(135deg,#6aa8e8,#b9e8ff)}.th-castle{background:linear-gradient(135deg,#3a2468,#9b4fd0)}.panel.story{text-align:center}.story-art{font-size:54px;line-height:1}#story-text p{margin:10px 0;font-size:clamp(17px,2.4vw,21px);line-height:1.45}#res-stats{grid-template-columns:1fr 1fr;gap:8px 14px;font-size:20px;font-weight:600;display:grid}#res-stats div{background:#fff;border:2px solid #f3d8ea;border-radius:14px;padding:8px 12px}#res-stats .big{text-align:center;color:var(--pink-d);grid-column:span 2}.settings{flex-direction:column;gap:12px;font-size:18px;font-weight:500;display:flex}.settings label{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings label.tog{justify-content:flex-start}.settings input[type=checkbox]{width:26px;height:26px;accent-color:var(--pink)}.settings input[type=range]{max-width:260px;accent-color:var(--pink);flex:1}.settings select{font:500 17px var(--font);border:2px solid #e8c8e0;border-radius:10px;padding:4px 8px}.admin-box{background:#fff0f0;border:3px dashed #e0243a;border-radius:14px;padding:8px 12px}.admin-box small{color:var(--ink-soft)}#dresses{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.dress{text-align:center;cursor:pointer;font:600 16px var(--font);color:var(--ink);background:#fff;border:4px solid #fff;border-radius:20px;padding:10px;box-shadow:0 4px #f0c8e0}.dress.sel{outline:4px solid var(--gold)}.dress.locked{opacity:.55;cursor:not-allowed}.dress .gown{clip-path:polygon(38% 0,62% 0,66% 30%,100% 100%,0 100%,34% 30%);border-radius:6px;width:70px;height:84px;margin:4px auto 6px}.help-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;font-size:17px;display:grid}.help-grid p{margin:6px 0}#sign{z-index:12;background:#461e504d;place-items:center;display:grid;position:fixed;inset:0}.sign-inner{text-align:center;background:#fff1d6;border:6px solid #b9783c;border-radius:22px;width:min(520px,92vw);padding:18px 22px;font-size:clamp(18px,2.6vw,22px);line-height:1.4;box-shadow:0 8px #8a5a2e}#sign-text{white-space:pre-line;margin-bottom:12px}#toast{bottom:calc(20px + var(--safe-b));background:var(--panel);border:3px solid var(--lav);z-index:20;border-radius:16px;padding:8px 18px;font-weight:600;position:fixed;left:50%;transform:translate(-50%)}#fade{z-index:9;opacity:0;pointer-events:none;background:#fff;transition:opacity .28s;position:fixed;inset:0}#fade.on{opacity:1}@media (width<=640px),(height<=480px){.heart{width:26px;height:24px}.pill{font-size:16px}.power{width:36px;height:36px;font-size:19px}.btn{min-width:200px;font-size:18px}#pip{top:auto;bottom:calc(210px + var(--safe-b))}#pip.has-boss{top:auto}}@media (height<=480px){#pip{bottom:auto;top:calc(64px + var(--safe-t));width:min(520px,60vw)}#t-pad{width:160px;height:160px}#t-jump{width:88px;height:88px}#t-wand{width:72px;height:72px;bottom:58px;right:96px}.logo .l2{font-size:64px}.logo .l1{font-size:40px}.tagline{margin:4px 0 10px}}@media (prefers-reduced-motion:reduce){*{animation-duration:10ms!important}}#admin-tools h3{margin:10px 0 4px;font-size:16px}#admin-tools .menu.grid2{grid-template-columns:repeat(3,1fr);gap:6px}#admin-tools .btn.small{min-height:32px;padding:4px 8px;font-size:13px}#pause-menu .btn{min-height:42px;padding:6px 18px}#story-text p{margin:6px 0}#boss-name{font-size:15px;line-height:1.1}#boss .boss-track{height:13px}#toast{pointer-events:none;bottom:calc(220px + var(--safe-b))}@media (width>=900px){#toast{bottom:calc(24px + var(--safe-b))}}#admin-badge{top:auto;bottom:calc(6px + var(--safe-b))}@media (width<=560px){#boss{top:calc(92px + var(--safe-t));width:72vw!important}}