:root{--ivory: #f4ecdc;--ivory-2: #fbf6ea;--ink: #514338;--ink-soft: #7a6a5c;--sage: #7f9a6e;--sage-dark: #5f7a50;--gold: #e0a93b;--red: #b5503f;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--btn: 54px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--ivory);color:var(--ink);font-family:Fredoka Variable,Fredoka,Nunito,system-ui,sans-serif;font-weight:450;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{position:relative;display:flex;flex-direction:column;height:100dvh;max-width:1100px;margin:0 auto;padding:calc(var(--safe-top) + 6px) 10px calc(var(--safe-bottom) + 10px);overflow:hidden}.leaf{position:absolute;top:calc(var(--safe-top) - 6px);width:clamp(70px,18vw,150px);pointer-events:none;opacity:.85}.leaf-left{left:-8px}.leaf-right{right:-8px}.top{display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:1}.title{flex:1;text-align:center;min-width:0}#wordmark{height:clamp(34px,7vh,64px);max-width:100%;object-fit:contain}#level-name{font-size:15px;font-weight:500;letter-spacing:.04em;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#stage{flex:1;min-height:180px;min-width:0;position:relative;overflow:hidden;touch-action:none}#stage canvas{position:absolute;left:0;top:0;display:block;outline:none}.info{min-height:74px;text-align:center;padding:2px 6px}#instruction{margin:4px 0 2px;font-size:clamp(16px,2.3vh,20px);font-weight:500;line-height:1.3}#instruction.hint{color:var(--sage-dark)}#rules{margin:0 0 2px;font-size:13px;font-weight:500;color:var(--sage-dark)}#status{margin:0;min-height:1.3em;font-size:14px;color:var(--ink-soft)}#status.warn{color:var(--red)}#actor-bar{min-height:44px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:14px;margin-top:4px}#actor-bar.empty>*{visibility:hidden}#actor-name{font-weight:600}#actor-hint{color:var(--ink-soft)}.controls{display:flex;align-items:center;justify-content:center;gap:clamp(4px,2vw,14px);padding-top:4px}button{font:inherit;color:var(--ink);cursor:pointer}button:disabled{opacity:.55;filter:grayscale(.7);cursor:default}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:999px}.round{width:var(--btn);height:var(--btn);min-width:44px;min-height:44px;border:none;padding:0;background:url(../assets/ui/ui_round_normal_crop.webp) center / 100% 100% no-repeat;display:inline-grid;place-items:center;flex:none}.round:active:not(:disabled){background-image:url(../assets/ui/ui_round_pressed_crop.webp);transform:translateY(2px)}.round img{width:50%;height:50%;pointer-events:none}.round[aria-pressed=true]{filter:drop-shadow(0 0 4px var(--gold))}#speed-label{font-weight:600;font-size:17px}.pill{height:calc(var(--btn) + 6px);min-width:calc((var(--btn) + 6px) * 2.56);padding:0 26px 3px;border:none;background:url(../assets/ui/ui_pill_normal_crop.webp) center / 100% 100% no-repeat;color:#fff9ec;font-size:20px;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.25);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;flex:none}.pill:active:not(:disabled){background-image:url(../assets/ui/ui_pill_pressed_crop.webp);transform:translateY(2px)}.pill img{width:30px;height:30px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.2))}.chip{min-height:44px;padding:6px 16px;border-radius:999px;border:2px dashed #b99b7a;background:var(--ivory-2);display:inline-flex;align-items:center;gap:6px}.chip img{width:22px;height:22px}.overlay{position:fixed;inset:0;background:#3c2d2359;display:grid;place-items:center;padding:16px;z-index:10}.overlay[hidden]{display:none}.card{width:min(420px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--ivory-2);border:3px solid #a67c52;border-radius:22px;padding:20px 18px;text-align:center;box-shadow:0 10px 30px #0003}.card.wide{width:min(560px,100%)}.card h2{margin:0 0 8px;font-size:26px;font-weight:600}.card .row{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.card .row .chip{min-height:48px;padding:6px 22px}.card .close{margin-top:14px}.small{font-size:12px;color:var(--ink-soft)}#result-stars{font-size:34px;letter-spacing:6px;color:var(--gold);min-height:42px}#result-stars .off{color:#d9ccb6}.world-title{grid-column:1 / -1;margin:10px 0 0;font-size:17px;text-align:left;color:var(--ink-soft)}#btn-glasses[aria-pressed=true],#btn-shoes[aria-pressed=true]{border-color:var(--gold);background:#fff3d6}#level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;margin-top:8px}.level-tile{min-height:92px;border-radius:16px;border:2px solid #c9ad8a;background:#fffaf0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px}.level-tile .num{font-size:24px;font-weight:600}.level-tile .name{font-size:11px;color:var(--ink-soft);line-height:1.15}.level-tile .stars{color:var(--gold);font-size:14px;letter-spacing:2px}.level-tile.current{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.level-tile img{width:26px;height:26px}.map-screen{position:fixed;inset:0;z-index:9;display:flex;flex-direction:column;background:radial-gradient(circle at 30% 20%,#fbf3e2 0,#f1e3c8 55%,#e8d5b3)}.map-screen[data-mode=world][data-world=nursery]{background:repeating-linear-gradient(45deg,rgba(160,130,90,.05) 0 14px,transparent 14px 28px),linear-gradient(#f6ecda,#eedfc4)}.map-screen[data-mode=world][data-world=kitchen]{background:repeating-linear-gradient(90deg,rgba(120,70,30,.06) 0 3px,transparent 3px 22px),linear-gradient(#e9c998,#d9ad72)}.map-top{display:flex;align-items:center;gap:8px;padding:calc(var(--safe-top) + 8px) 12px 6px}.map-heading{flex:1;text-align:center}.map-heading h2{margin:0;font-size:24px;font-weight:600}#map-sub{display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;color:var(--ink-soft);min-height:22px}.map-spacer{width:var(--btn)}#daily-card{margin:2px 10px 6px;padding:8px 12px;border-radius:18px;border:2px solid #c9ad8a;background:#fffaeeeb;box-shadow:0 3px 10px #50321e26}.daily-main{display:flex;align-items:center;justify-content:space-between;gap:10px}#daily-card h3{margin:0;font-size:18px;font-weight:600}#daily-sub{margin:0;font-size:13px;color:var(--ink-soft)}#daily-card .pill{height:44px;min-width:108px;font-size:17px;padding:0 14px 2px}.daily-week{display:flex;gap:6px;margin-top:6px}.daily-week span{flex:1;height:8px;border-radius:4px;background:#e2d5bd}.daily-week span.solved{background:var(--gold)}.daily-week span.today{box-shadow:0 0 0 2px var(--sage)}#map-scroll{flex:1;background-repeat:repeat-y;background-size:100% auto;background-attachment:local;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:var(--safe-bottom)}#map-layer{position:relative;margin:0 auto}.scenery{position:absolute;inset:0;z-index:0;pointer-events:none}.scn{position:absolute;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(60,40,20,.18))}.scn-river{position:absolute;top:0;background-repeat:repeat-y;background-size:100% auto;opacity:.95}.trail{position:absolute;inset:0;z-index:1}.map-screen[data-mode=journey] .trail path{stroke:#7b5a36;opacity:.9}.map-screen[data-mode=journey] .wname{background:#fffaeeeb;box-shadow:0 2px 6px #3c281433}.wnode,.lnode{z-index:2}.trail path{fill:none;stroke:#a07c55;stroke-width:7;stroke-linecap:round;stroke-dasharray:2 16;opacity:.75}.wnode{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;width:170px}.medal{width:132px;min-height:90px;border:none;background:none;position:relative;display:grid;place-items:end center;padding:0}.medal:disabled,.lnode.painted:disabled{opacity:1;filter:none}.landmark{width:120px;filter:drop-shadow(0 6px 6px rgba(80,50,30,.25))}.lmlock{position:absolute;width:24px;right:10px;bottom:2px}.soon-emoji{font-size:44px;filter:grayscale(.4);opacity:.8}.medal .lock{width:38px;height:38px}.wname{font-weight:600;font-size:16px;text-align:center;background:#fffaf0d9;padding:2px 10px;border-radius:999px}.wname small{display:block;font-weight:500;font-size:12px;color:var(--ink-soft)}.meter{display:flex;gap:1px;font-size:22px;line-height:1}.mstar{position:relative;display:inline-block;width:22px;height:21px;color:#d8c9ae}.mstar img{width:22px;height:auto;display:block}.mfill{position:absolute;left:0;top:0;height:100%;overflow:hidden;color:var(--gold)}.mfill img{width:22px;max-width:none}#map-sub .meter{font-size:18px}.lnode{position:absolute;transform:translate(-50%,-50%);width:60px;height:60px;padding:0;border:none;background:url(../assets/ui/ui_round_normal_crop.webp) center / 100% 100% no-repeat;display:grid;place-items:center}.lnode .num{font-size:21px;font-weight:600}.lnode.painted{background:none;box-shadow:none!important}.lnode.painted .nodeimg{position:absolute;pointer-events:none}.lnode.painted .num{position:absolute;transform:translate(-50%,-50%);color:#39271e;font-size:18px}.lnode.painted.locked{filter:none;opacity:1}.lnode .num img{width:24px;height:24px}.lnode.locked{filter:grayscale(.8);opacity:.6}.lnode.done .num{color:var(--sage-dark)}.lnode.current{box-shadow:0 0 0 4px #e0a93b8c,0 0 22px 6px #e0a93b73;border-radius:50%}.lnode.secret{box-shadow:0 0 0 3px #b99be0,0 0 16px 4px #aa82e673;border-radius:50%}.lstars{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:14px;letter-spacing:1px;color:var(--gold);white-space:nowrap;text-shadow:0 1px 0 #fff}.need{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:12px;white-space:nowrap;color:#7d5aa8;font-weight:600}#map-puff{position:absolute;width:64px;transform-origin:50% 100%;pointer-events:none;z-index:3;filter:drop-shadow(0 4px 3px rgba(80,50,30,.25))}.toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;font-size:17px}.toggle input{width:22px;height:22px;accent-color:var(--sage)}@media(min-width:700px){:root{--btn: 60px}}@media(max-width:420px){:root{--btn: 46px}.pill{min-width:calc((var(--btn) + 6px) * 2.4);padding:0 16px 3px;font-size:17px}.controls{gap:5px}}@media(orientation:landscape)and (max-height:520px){:root{--btn: 44px}#app{display:grid;grid-template-columns:1fr minmax(210px,32%);grid-template-rows:auto 1fr auto;grid-template-areas:"top top" "stage info" "stage controls";column-gap:8px;padding-left:calc(env(safe-area-inset-left,0px) + 8px);padding-right:calc(env(safe-area-inset-right,0px) + 8px)}.top{grid-area:top}#wordmark{display:none}#stage{grid-area:stage}.info{grid-area:info;align-self:center;min-height:0}#instruction{font-size:15px}.controls{grid-area:controls;flex-wrap:wrap;gap:6px}.pill{min-width:0;padding:0 14px;font-size:16px;order:-1;flex-basis:100%;max-width:220px}.leaf{width:70px}}@media(prefers-reduced-motion:reduce){.round:active,.pill:active{transform:none}}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}