@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,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(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night:#1d1b3a;--night-2:#2b2858;--night-3:#3b3775;--cream:#fff6e5;--cream-2:#f6e6c4;--ink:#3b2a1a;--ink-soft:#6d5640;--cheese:#ffc93c;--cheese-deep:#f0a500;--fish:#7ec8ff;--good:#4cc26a;--bad:#e5484d;--fire:#ff7a2f;--water:#3fa7ff;--earth:#8a9a3b;--wind:#7fe3c4;--lightning:#c57bff;--ice:#bfefff;--radius:18px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font:"Fredoka Variable", "Fredoka", ui-rounded, "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--night);height:100%;color:var(--cream);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;font-size:17px}#app{background:radial-gradient(ellipse at top, var(--night-3), var(--night) 70%);max-width:560px;margin:0 auto;position:fixed;inset:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}h1,h2,h3{margin:0;font-weight:650}p{margin:0;line-height:1.4}.screen{flex-direction:column;animation:.25s ease-out screen-in;display:flex;position:absolute;inset:0}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.btn{background:linear-gradient(180deg, #ffe07a, var(--cheese) 45%, var(--cheese-deep));min-height:52px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:19px;font-weight:650;transition:transform 80ms;display:inline-flex;box-shadow:0 4px #b97800,0 8px 18px #00000059}.btn:active{transform:translateY(3px);box-shadow:0 1px #b97800,0 4px 10px #0000004d}.btn.big{min-height:64px;padding:12px 40px;font-size:24px}.btn.secondary{background:linear-gradient(180deg, #fffaf0, var(--cream-2));box-shadow:0 4px #c9b083,0 8px 18px #0000004d}.btn.danger{background:linear-gradient(180deg, #ff8a8d, var(--bad));color:#fff;box-shadow:0 4px #9b1f23,0 8px 18px #0000004d}.btn.fish{background:linear-gradient(180deg, #c4e7ff, var(--fish));box-shadow:0 4px #3c86bd,0 8px 18px #0000004d}.btn:disabled{filter:grayscale(.8)brightness(.8);opacity:.7;pointer-events:none}.icon-btn{background:#ffffff1f;border:2px solid #ffffff2e;border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.icon-btn:active{background:#ffffff40}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.topbar{padding:calc(10px + var(--safe-top)) 12px 10px;z-index:2;background:linear-gradient(#00000059,#0000);align-items:center;gap:10px;display:flex}.topbar h1{text-align:center;flex:1;font-size:22px}.pill{font-variant-numeric:tabular-nums;white-space:nowrap;background:#00000059;border:2px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:4px 14px;font-weight:600;display:inline-flex}.title-screen{background:url(/assets/hero.webp) center top / cover no-repeat, var(--night)}.title-screen:after{content:"";pointer-events:none;background:linear-gradient(#1d1b3a8c 0%,#0000 28% 55%,#1d1b3aeb 85%);position:absolute;inset:0}.title-screen>*{z-index:1;position:relative}.title-screen .mute{top:calc(12px + var(--safe-top));z-index:2;background:#00000059;position:absolute;right:12px}.logo{margin-top:calc(28px + var(--safe-top));text-align:center;line-height:.9}.logo .word{letter-spacing:.01em;color:var(--cheese);-webkit-text-stroke:2px #6b3a00;paint-order:stroke fill;text-shadow:0 4px #6b3a00,0 10px 24px #0009;font-size:clamp(46px,14vw,72px);font-weight:700;display:block}.logo .tag{letter-spacing:.04em;background:#0006;border-radius:999px;margin-top:12px;padding:4px 14px;font-size:15px;display:inline-block}.title-actions{padding:0 24px calc(28px + var(--safe-bottom));flex-direction:column;align-items:stretch;gap:14px;margin-top:auto;display:flex}.title-actions .row .btn{flex:1}.announcement{color:var(--ink);text-align:center;background:#ffc93ceb;border-radius:14px;margin:0 20px 6px;padding:10px 14px;font-weight:550;box-shadow:0 6px 16px #00000059}.map-scroll{padding:4px 16px calc(24px + var(--safe-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.world{background:var(--world-bg,var(--night-2));border-radius:24px;margin:14px 0 26px;padding:16px 8px 18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff14}.world.locked{filter:grayscale(.7)brightness(.7)}.world-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.world-head h2{flex:1;font-size:22px}.trail{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:2px;display:grid}.node{flex-direction:column;align-items:center;gap:4px;display:flex}.node .disc{width:min(54px,13vw);height:min(54px,13vw);color:var(--ink);background:radial-gradient(circle at 35% 30%, #fff, var(--cream-2));border-radius:50%;place-items:center;font-size:22px;font-weight:700;display:grid;box-shadow:0 4px #b79b6a,0 8px 14px #00000059}.node.boss .disc{background:radial-gradient(circle at 35% 30%, #ffe9a6, var(--cheese));width:min(60px,14.5vw);height:min(60px,14.5vw)}.node.next .disc{animation:1.4s ease-in-out infinite pulse}.node.locked .disc{color:#9a96c4;background:#5b577f;box-shadow:0 4px #3d3a60}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 4px #b79b6a,0 0 0 8px #ffc93c59}}.stars{letter-spacing:1px;min-height:16px;font-size:13px}.stars .off{opacity:.25}.node .label{text-align:center;opacity:.85;min-height:26px;font-size:12px;line-height:1.1}.sheet-backdrop{z-index:50;background:#0a081e00;justify-content:center;align-items:flex-end;transition:background .2s;display:flex;position:fixed;inset:0}.sheet-backdrop.open{background:#0a081e8c}.sheet{background:var(--cream);width:100%;max-width:560px;max-height:88dvh;color:var(--ink);padding:18px 18px calc(20px + var(--safe-bottom));border-radius:26px 26px 0 0;transition:transform .22s ease-out;overflow-y:auto;transform:translateY(100%);box-shadow:0 -10px 30px #0006}.sheet-backdrop.open .sheet{transform:none}.sheet h2{font-size:24px}.sheet .sub{color:var(--ink-soft);font-size:15px}.sheet-grab{background:#d8c49c;border-radius:3px;width:44px;height:5px;margin:-6px auto 12px}.confirm{text-align:center;flex-direction:column;gap:14px;display:flex}.chip{color:var(--ink);white-space:nowrap;background:#efe0bf;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:14px;font-weight:600;display:inline-flex}.chip.weak{color:#1c6b31;background:#d7f5dc}.chip.resist{color:#8f1d22;background:#ffe0e0}.chip.immune{color:#3d2f99;background:#e3e0ff}.card{border-radius:var(--radius);background:#fff;padding:12px;box-shadow:0 2px #e7d6b2}.mouse-row{border-bottom:1px solid #efe2c5;align-items:center;gap:10px;padding:8px 0;display:flex}.mouse-row:last-child{border-bottom:0}.mouse-row img,.mouse-row canvas{flex:none;width:48px;height:48px}.mouse-row .name{font-weight:650}.mode-buttons{gap:10px;margin-top:16px;display:grid}.battle{background:#000}.battle canvas.field{touch-action:none;position:absolute;top:0;left:0}.hud-top{padding:calc(8px + var(--safe-top)) 10px 8px;z-index:3;background:linear-gradient(#14122df2,#14122dbf);align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.hud-top .spacer{flex:1}.hud-bottom{padding:10px 12px calc(10px + var(--safe-bottom));z-index:3;background:linear-gradient(#14122dcc,#14122df7);align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-bottom .wave-btn{flex:1}.wave-preview{align-items:center;gap:6px;min-height:40px;display:flex;overflow-x:auto}.speed-btn{font-size:18px;font-weight:700}.floating-hint{color:var(--ink);text-align:center;z-index:4;pointer-events:none;background:#fff6e5f5;border-radius:16px;width:max-content;max-width:86%;padding:10px 16px;font-weight:600;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0006}.recruit-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.recruit{color:var(--ink);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:2px;min-height:118px;padding:10px 4px 8px;display:flex;box-shadow:0 3px #e2cfa6}.recruit .portrait{width:58px;height:58px}.recruit .cost{font-weight:700}.recruit.cant{opacity:.45}.recruit.locked{opacity:.35}.recruit:active{transform:scale(.96)}.stat-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.stat-grid .card b{font-size:20px;display:block}.spec-choice{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.spec-choice button{text-align:left;color:var(--ink);background:#fff;border-radius:16px;flex-direction:column;gap:4px;min-height:120px;padding:12px;display:flex;box-shadow:0 3px #e2cfa6}.spec-choice button.locked{opacity:.5}.target-row{gap:6px;margin-top:12px;display:flex}.target-row button{min-height:44px;color:var(--ink);background:#efe0bf;border-radius:12px;flex:1;font-weight:600}.target-row button.on{background:var(--ink);color:var(--cream)}.result{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.result .big-stars{letter-spacing:6px;font-size:46px}.result .big-stars span{animation:.4s backwards star-pop;display:inline-block}.result .big-stars span:nth-child(2){animation-delay:.25s}.result .big-stars span:nth-child(3){animation-delay:.5s}@keyframes star-pop{0%{transform:scale(0)rotate(-40deg)}70%{transform:scale(1.3)}}.page{padding:4px 14px calc(24px + var(--safe-bottom));flex:1;overflow-y:auto}.tabs{scrollbar-width:none;gap:8px;padding:4px 14px 10px;display:flex;overflow-x:auto}.tabs button{background:#ffffff14;border:2px solid #0000;border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:2px;width:72px;padding:6px 4px;font-size:13px;display:flex}.tabs button.on{border-color:var(--cheese);background:#ffc93c26}.tabs button.locked{opacity:.4}.tabs .portrait{width:50px;height:50px}.panel{background:var(--cream);color:var(--ink);border-radius:22px;margin-bottom:14px;padding:16px}.panel h2{margin-bottom:4px;font-size:22px}.panel h3{margin:14px 0 8px;font-size:18px}.lab-hero{align-items:center;gap:14px;display:flex}.lab-hero .portrait{flex:none;width:96px;height:96px}.upgrade-row{border-top:1px solid #efe2c5;align-items:center;gap:10px;padding:10px 0;display:flex}.upgrade-row .info{flex:1}.upgrade-row .pips{letter-spacing:2px;color:var(--cheese-deep);font-size:12px}.upgrade-row .btn{min-height:44px;padding:6px 14px;font-size:16px}.toggle-row{border-top:1px solid #efe2c5;align-items:center;gap:12px;min-height:56px;display:flex}.toggle-row:first-of-type{border-top:0}.toggle-row span{flex:1;font-weight:550}.switch{background:#d6c6a5;border-radius:999px;width:58px;height:34px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #00000040}.switch.on{background:var(--good)}.switch.on:after{transform:translate(24px)}.code-box{letter-spacing:.08em;text-align:center;-webkit-user-select:all;user-select:all;background:#fff;border:2px dashed #d8c49c;border-radius:14px;padding:12px;font-family:ui-monospace,monospace;font-size:22px}input[type=text],textarea{font:inherit;width:100%;color:var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border:2px solid #d8c49c;border-radius:14px;padding:12px 14px}.toast{left:50%;bottom:calc(110px + var(--safe-bottom));opacity:0;z-index:100;color:var(--cream);text-align:center;pointer-events:none;background:#14122df2;border:2px solid #fff3;border-radius:999px;max-width:90%;padding:10px 18px;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.muted{opacity:.7;font-size:14px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body.reduced-motion *,body.reduced-motion :before,body.reduced-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important}