:root{--bg:#fff6df;--panel:#fff;--text:#2b1a0a;--muted:#5c4326;--honey:#f5a623;--honey-soft:#ffe3a3;--primary:#8a4508;--primary-hover:#6e3606;--on-primary:#fff;--border:#b77a2b;--danger:#a3160f;--focus:#1b3585;--radius:14px;--gap:clamp(.5rem, 2.5vw, 1rem);color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Helvetica Neue,Arial,sans-serif;line-height:1.4}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{min-width:0;margin:0;overflow-x:hidden}body{background:radial-gradient(circle at 50% -20%, var(--honey-soft), var(--bg) 60%) fixed;min-height:100dvh}#app{max-width:1000px;padding:0 max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));margin:0 auto}h1,h2,h3,p{margin:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.btn{font:inherit;border:2px solid var(--primary);background:var(--panel);min-width:44px;min-height:44px;color:var(--primary);cursor:pointer;touch-action:manipulation;border-radius:999px;padding:.5rem 1rem;font-size:1rem;font-weight:700;transition:background-color .15s,color .15s,transform .1s}.btn:hover{background:var(--honey-soft)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn:disabled{opacity:.55;cursor:default}:focus{outline:none}:is(:focus-visible,.card:has(input:focus-visible)){outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 6px #fff}h1:focus-visible,h2:focus-visible{outline-offset:4px}.btn-row{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.topbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem .5rem;padding:.4rem 0;display:flex}.topbar-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;display:flex}.lang-toggle{border:2px solid var(--primary);background:var(--panel);border-radius:999px;display:inline-flex;overflow:hidden}.btn-lang{border:0;border-radius:0;padding:.4rem .8rem}.btn-lang[aria-pressed=true]{background:var(--primary);color:var(--on-primary);text-underline-offset:3px;text-decoration:underline}.btn-lang:focus-visible{outline-offset:-5px;box-shadow:none}.btn-sound[aria-pressed=true]{background:var(--honey);color:var(--text);border-color:var(--text)}.screen{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.screen-start{text-align:center;align-items:stretch;padding-bottom:1rem}.title{color:var(--primary);overflow-wrap:anywhere;font-size:clamp(1.5rem,6.5vw,2.6rem);line-height:1.15}.howto{max-width:40rem;margin:0 auto;font-size:clamp(1rem,4vw,1.2rem)}.stage-list{max-width:34rem;margin:calc(-1 * var(--gap) + .35rem) auto 0;text-align:left;padding:0 0 0 1.6rem;font-size:clamp(.95rem,3.8vw,1.1rem);line-height:1.3}.stage-list li+li{margin-top:.15rem}.choose{border:0;min-width:0;margin:0;padding:0}.choose-legend{margin:0 auto;padding:0;font-size:1.15rem;font-weight:800}.same-rules{color:var(--muted);margin:.2rem 0 .6rem}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.35rem,2vw,1rem);max-width:40rem;margin:0 auto;display:grid}.card{--c:#999;--cd:#555;border:3px solid #d9c49c;border-top:10px solid var(--c);border-radius:var(--radius);background:var(--panel);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:.15rem;min-width:0;padding:.35rem .35rem .5rem;transition:transform .15s,border-color .15s;display:flex}.card:hover{transform:translateY(-2px)}.card.is-selected{border-color:var(--cd);border-top-color:var(--c);box-shadow:0 0 0 3px var(--c)}.card-art{aspect-ratio:3/4;background:#fff;border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.card-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:385%;max-width:none;height:auto;position:absolute;top:-8%;left:0}.card-name{color:var(--cd);font-size:clamp(1rem,4.5vw,1.35rem);font-weight:800}.card-desc{color:var(--text);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(.72rem,3vw,.95rem);line-height:1.2}.card-state{color:var(--muted);border-radius:999px;margin-top:auto;padding:.1rem .5rem;font-size:.875rem;font-weight:700}.card.is-selected .card-state{background:var(--cd);color:#fff}.btn-play{align-self:center;max-width:100%;min-height:56px;padding:.7rem 2rem;font-size:1.25rem}.screen-missions{text-align:center;padding-bottom:1rem}.mission-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:clamp(.6rem,3vw,1.2rem);width:100%;max-width:46rem;margin:0 auto;padding:0;list-style:none;display:grid}.mission-card{border:3px solid #d9c49c;border-top:10px solid var(--honey);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:.35rem;min-width:0;padding:.5rem .5rem .75rem;display:flex}.mission-card-spaghetti{border-top-color:#c0391f}.mission-art{aspect-ratio:16/10;background:#fdf1d6;border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.mission-art img,.mission-art svg{width:100%;height:100%;display:block}.mission-art img{object-fit:cover;object-position:50% 52%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mission-name{color:var(--primary);overflow-wrap:anywhere;font-size:clamp(1.3rem,5.5vw,1.6rem);line-height:1.15}.mission-sub{color:var(--muted);margin-top:-.2rem;font-weight:700}.mission-body{flex-direction:column;flex:auto;gap:.35rem;min-width:0;display:flex}.mission-goal{overflow-wrap:anywhere;font-size:1rem}.mission-goal-short{display:none}.btn-mission-play{width:100%;min-height:52px;margin-top:auto;font-size:1.2rem}@media (width<=419px),(orientation:landscape) and (height<=520px){.screen-missions{gap:.5rem;padding-bottom:.5rem}.screen-missions .title{font-size:clamp(1.3rem,6.8vw,1.6rem)}.screen-missions .howto{font-size:1rem}.mission-list{gap:.5rem}.mission-card{border-top-width:3px;border-left:10px solid var(--honey);text-align:left;flex-direction:row;align-items:stretch;gap:.6rem;padding:.4rem}.mission-card-spaghetti{border-top-color:#d9c49c;border-left-color:#c0391f}.mission-art{aspect-ratio:auto;flex:0 0 96px;width:96px;min-height:96px}.mission-art img,.mission-art svg{position:absolute;inset:0}.mission-body{gap:.2rem}.mission-name{font-size:1.25rem}.mission-sub{margin-top:-.15rem;font-size:.95rem}.mission-goal{display:none}.mission-goal-short{overflow-wrap:anywhere;font-size:.95rem;line-height:1.3;display:block}.btn-mission-play{min-height:48px;margin-top:auto;padding:.4rem .8rem;font-size:1.1rem}}.btn-back{align-self:flex-start;max-width:100%}.screen-start .mission-sub{margin-top:calc(-1 * var(--gap) + .1rem)}@media (orientation:landscape) and (height<=520px) and (width>=420px){.mission-art{flex-basis:128px;width:128px}}.screen-game{gap:.35rem}.hud{flex-wrap:wrap;flex:auto;align-items:center;gap:.35rem .6rem;font-size:clamp(.95rem,4vw,1.15rem);font-weight:800;display:flex}.hud-item{border:2px solid var(--border);background:var(--panel);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;min-height:40px;padding:.2rem .6rem;display:inline-flex}.icon-cookie{background:radial-gradient(circle at 30% 35%,#4a2a0c 0 12%,#0000 13%),radial-gradient(circle at 65% 60%,#4a2a0c 0 12%,#0000 13%),radial-gradient(circle at 40% 72%,#4a2a0c 0 9%,#0000 10%),#d9913b;border:2px solid #8a5a1e;border-radius:50%;width:1.1em;height:1.1em;display:inline-block}.icon-exit{background:radial-gradient(circle at 72% 55%,#ffd84d 0 10%,#0000 12%),#2e8b3a;border:2px solid #0d5c1e;border-radius:.35em .35em 0 0;width:.8em;height:1.1em;display:inline-block}.hud-cookies.is-exit{color:#0d5c1e;background:#dff5d8;border-color:#0d5c1e}.hud-step{color:var(--primary);background:var(--honey-soft);border-color:var(--primary)}.hearts-icons{letter-spacing:.05em;font-size:1.2em;line-height:1}.heart.is-full{color:var(--danger)}.heart.is-empty{color:#8c7a66}.hud-item.is-low{border-color:var(--danger)}.hud-time,.hud-shot{font-variant-numeric:tabular-nums}.icon-plate{background:radial-gradient(circle,#e8b64a 0 30%,#fff 32% 100%);border:2px solid #8c7a66;border-radius:50%;width:1.15em;height:1.15em;display:inline-block}.tries-icons{align-items:center;gap:.2rem;display:inline-flex}.try{background:radial-gradient(circle at 35% 35%,#ff9c80 0 18%,#c0391f 22%);border:2px solid #7a1d10;border-radius:50%;width:.95em;height:.95em;display:inline-block}.try.is-used{background:0 0;border-style:dashed;border-color:#8c7a66}.hud-shot.is-low{color:var(--danger);border-color:var(--danger)}.hud-shot.is-idle{color:var(--muted)}.hud-time.is-low{color:var(--danger);border-color:var(--danger)}.btn-pause{padding:.4rem .8rem}.status-line{text-align:center;min-height:1.5em;color:var(--muted);-webkit-line-clamp:2;line-clamp:2;border:2px solid #0000;border-radius:1rem;-webkit-box-orient:vertical;padding:.05rem .6rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.status-line.is-warn{color:#5e3500;background:#fff1c9;border:2px dashed #8a5a00}.status-line.is-exit,.status-line.is-good{color:#0d5c1e;background:#dff5d8;border:2px solid #0d5c1e}.status-line.is-bad{color:var(--danger);border:2px solid var(--danger);background:#fde6e2}.play-area{grid-template-columns:minmax(64px,15rem) auto minmax(64px,15rem);grid-template-areas:"stage stage stage""left hint right";justify-content:space-between;align-items:center;gap:.5rem;display:grid}.stage{border:3px solid var(--border);border-radius:var(--radius);background:#fbe7b5;grid-area:stage;justify-self:center;width:min(100%,177.778dvh - 408.889px);min-width:min(100%,280px);position:relative;overflow:hidden}.play-canvas{aspect-ratio:16/9;touch-action:none;width:100%;height:auto;display:block}.pause-overlay{background:#2b1a0a8c;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;inset:0;overflow:auto}.pause-card{background:var(--panel);border:3px solid var(--primary);border-radius:var(--radius);text-align:center;flex-direction:column;gap:.5rem;max-width:100%;padding:.6rem .8rem;display:flex}.pause-title{color:var(--primary);font-size:1.4rem}.away-note{font-weight:600}.btn-move{border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.4rem;width:100%;min-width:64px;min-height:72px;font-size:1.15rem;display:inline-flex}.btn-move-left{grid-area:left}.btn-move-right{grid-area:right}.btn-move.is-down{background:var(--primary);color:var(--on-primary);transform:scale(.97)}.btn-move .arrow{font-size:1.4em;line-height:1}.play-area.is-spaghetti{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""drop""hint"}.btn-drop{border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;grid-area:drop;justify-content:center;justify-self:center;align-items:center;gap:.5rem;width:min(100%,40rem);min-height:72px;font-size:1.45rem;display:inline-flex}.btn-drop.is-down{background:var(--primary-hover);transform:scale(.98)}.btn-drop .arrow{font-size:.9em}.play-area.is-spaghetti .hint{max-width:none}.hint{text-align:center;max-width:11rem;color:var(--muted);grid-area:hint;font-size:.875rem}.hint-touch{display:none}@media (hover:none) and (pointer:coarse){.hint-keys{display:none}.hint-touch{display:inline}}@media (width<=359px){.play-area{grid-template-columns:1fr 1fr;grid-template-areas:"stage stage""left right""hint hint"}.hint{max-width:none}.btn-move .move-label{font-size:.95rem}.hud{gap:.3rem;font-size:.9rem}.hud-item{padding:.15rem .4rem}.btn-sound,.btn-pause{padding:.4rem .6rem}}@media (orientation:landscape) and (height<=520px){.topbar{flex-wrap:nowrap;gap:.3rem;padding:.2rem 0}.topbar-controls{flex-wrap:nowrap;flex:none;gap:.3rem}.hud{gap:.25rem;min-width:0;font-size:.875rem}.hud-item{min-height:36px;padding:.1rem .4rem}.btn-sound,.btn-pause{padding:.25rem .5rem;font-size:.875rem}.btn-lang{padding:.25rem .5rem;font-size:.9rem}.status-line{min-height:1.3em;font-size:.9rem}.play-area{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left stage right"}.stage{width:min(100%,177.778dvh - 192px)}.btn-move{flex-direction:column;width:72px;min-height:120px}.hint{display:none}.play-area.is-spaghetti{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"stage drop"}.btn-drop{flex-direction:column;align-self:stretch;width:96px;min-height:120px;padding:.4rem;font-size:1.15rem}.title{font-size:1.5rem}.cards{max-width:min(40rem,120vh)}.card-art{aspect-ratio:1;max-height:32vh}}@media (orientation:portrait) and (height<=700px),(orientation:landscape) and (height<=520px){.screen-start{padding-bottom:.5rem}.card-desc{font-size:.875rem;line-height:1.2}.card{gap:.1rem;padding:.3rem .25rem .35rem;position:relative}.cards .card-art{aspect-ratio:1;width:min(100%,72px);max-height:none}.cards .card-img{top:-6%}.card-name{font-size:1.15rem;line-height:1.2}.card-state{white-space:nowrap;padding:.05rem .4rem;line-height:1.3}.same-rules{margin:0 0 .35rem;font-size:.875rem;line-height:1.3}.btn-play{min-height:52px;padding:.5rem 2rem}}@media (orientation:portrait) and (height<=700px){.screen-start{gap:.4rem}.screen-start .title{font-size:1.6rem}.screen-start .howto{font-size:1rem;line-height:1.3}.stage-list{margin-top:-.2rem;font-size:.9375rem;line-height:1.25}.stage-list li+li{margin-top:0}.choose-legend{font-size:1.05rem}}@media (orientation:landscape) and (height<=520px){.screen-start{text-align:left;grid-template-rows:auto auto auto auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-content:start;gap:.3rem 1rem;width:100%;max-width:52rem;margin-inline:auto;display:grid}.screen-start>.btn-back{grid-area:1/1}.screen-start>.title{grid-area:2/1;font-size:1.5rem}.screen-start>.mission-sub{grid-area:3/1;margin-top:-.2rem}.screen-start>.howto{grid-area:4/1;margin:0;font-size:1rem;line-height:1.3}.screen-start>.stage-list{grid-area:5/1/7;align-self:start;margin:0;padding-left:1.4rem;font-size:.9375rem;line-height:1.3}.screen-start>.choose{text-align:center;grid-area:1/2/6;align-self:start}.screen-start>.btn-play{grid-area:6/2;place-self:start center;margin-top:.4rem}.choose-legend{font-size:1.05rem}.cards{gap:.5rem;max-width:none}.screen-start>.btn-back{justify-self:start}.card-desc{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@media (orientation:landscape) and (height<=340px){.screen-start{padding-bottom:0}.same-rules{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@media (orientation:landscape) and (height>=521px){.cards .card-art{width:min(100%,19vh);margin-inline:auto}}.screen-result{text-align:center;align-items:center;padding:.5rem 0 1rem}.result-art{border:3px solid var(--border);width:min(40vw,160px)}.result-art-spaghetti{width:min(70vw,240px)}.result-title{color:var(--primary);font-size:clamp(1.6rem,7vw,2.4rem)}.screen-result.is-lost .result-title{color:var(--danger)}.result-msg{max-width:34rem;font-size:1.1rem}.result-stat{font-weight:700}.yt{color:var(--muted);border-top:2px dashed #d9c49c;max-width:34rem;margin-top:1rem;padding-top:.75rem;font-size:.9rem}.yt-link{color:var(--focus);overflow-wrap:anywhere;align-items:center;min-height:44px;padding:.3rem .2rem;font-weight:700;display:inline-flex}@media (orientation:landscape) and (height<=520px){.screen-result{text-align:left;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:.3rem 1rem;width:100%;max-width:44rem;margin-inline:auto;padding:.25rem 0 .75rem;display:grid}.screen-result>*{grid-column:2;margin:0}.screen-result .result-art{aspect-ratio:3/4;flex:none;grid-area:1/1/6;align-self:center;width:min(26vw,150px);min-height:0;max-height:none}.screen-result .result-art-spaghetti{aspect-ratio:16/10;width:min(30vw,190px)}.screen-result .result-title{font-size:1.5rem;line-height:1.15}.screen-result .result-msg{font-size:1rem;line-height:1.3}.screen-result .result-stat{font-size:1rem;line-height:1.25}.screen-result .btn-row{justify-content:flex-start;margin-top:.2rem}.screen-result .yt{text-align:center;grid-column:1/-1;justify-self:center;margin-top:.5rem}}@media (prefers-contrast:more){:root{--text:#000;--muted:#2b1a0a;--border:#000;--primary:#5a2c00}.btn,.hud-item,.card,.mission-card,.stage,.lang-toggle{border-width:3px;border-color:#000}.card{border-top-color:var(--c)}.mission-card{border-top-color:var(--honey)}.mission-card-spaghetti{border-top-color:#c0391f}.card.is-selected{border-width:5px}.hud-step,.hud-cookies.is-exit{border-color:#000}.status-line.is-warn{color:#000;border-color:#000}@media (width<=419px),(orientation:landscape) and (height<=520px){.mission-card{border-top-color:#000;border-left-color:var(--honey)}.mission-card-spaghetti{border-left-color:#c0391f}}.card-desc,.hint,.same-rules,.mission-sub{color:#000}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.card:hover,.btn-move.is-down,.btn-drop.is-down{transform:none}}.mission-art-ice img,.mission-art-cat img,.result-art-adventure img{object-fit:cover;object-position:50% 44%;width:100%;height:100%}.result-art-adventure{aspect-ratio:4/3;width:min(45vw,200px)}.play-area.is-adventure{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"stage stage stage""left drop right""hint hint hint"}.play-area.is-adventure .btn-drop{width:100%;min-height:64px;padding:.35rem;font-size:1.05rem}.play-area.is-adventure .btn-move{min-width:44px;min-height:64px}.play-area.is-adventure .hint{max-width:none}@media (orientation:landscape) and (height<=520px){.play-area.is-adventure{grid-template-columns:64px minmax(0,1fr) 64px;grid-template-areas:"left stage right""drop stage right";gap:.3rem}.play-area.is-adventure .btn-move{width:64px;min-height:60px;font-size:.9rem}.play-area.is-adventure .btn-drop{width:64px;min-height:60px;font-size:.85rem}.play-area.is-adventure .stage{width:min(100%,177.778dvh - 204.444px)}.screen-game.is-adventure .hint,.is-adventure .hud-time{display:none}}.mission-card-ice{border-top-color:#2c9ec6}.mission-card-cat{border-top-color:#b97b3c}