@font-face{font-family:Fredoka;font-weight:300 700;font-display:swap;src:url(fonts/fredoka-latin.woff2) format("woff2");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}@font-face{font-family:Fredoka;font-weight:300 700;font-display:swap;src:url(fonts/fredoka-latin-ext.woff2) format("woff2");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}:root{--ink: #2a1d3a;--paper: #fff7ec;--yellow: #ffd23f;--pink: #ff9ec0;--green: #7be495;--purple: #a24bff;--font: "Fredoka", "Noto Sans Thai", system-ui, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}html,body{margin:0;height:100%;overflow:hidden;background:#6fbf57;font-family:var(--font);color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}canvas#game{position:fixed;inset:0;width:100%;height:100%;display:block}[hidden]{display:none!important}button{font-family:inherit;color:var(--ink);cursor:pointer}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:10px calc(10px + var(--safe-r)) 10px calc(10px + var(--safe-l));z-index:10}#home{background:radial-gradient(circle at 30% 20%,#8ee06f,#4f9f3e)}.screen.dim{background:#2a1d3a8c;z-index:30}.home{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(560px,100%)}.logo{margin:0;font-size:clamp(36px,8vh,60px);color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);letter-spacing:2px}.logo span{color:var(--pink)}.row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.wallet{display:flex;gap:8px}.pill,.chip{background:#fff;border:3px solid var(--ink);border-radius:99px;padding:4px 12px;font-weight:700;white-space:nowrap}.hero-row{display:flex;align-items:center;gap:14px;background:var(--paper);border:4px solid var(--ink);border-radius:22px;box-shadow:0 6px 0 var(--ink);padding:10px 16px}.hero-row img{width:96px;height:96px}.chapter{display:flex;flex-direction:column;align-items:center;gap:6px}.chapter b{font-size:20px;min-width:150px;text-align:center}.btn,.big-btn,.icon-btn{border:3px solid var(--ink);border-radius:14px;background:var(--yellow);font-weight:700;box-shadow:0 4px 0 var(--ink);padding:8px 14px;font-size:16px}.btn:active,.big-btn:active,.icon-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.big-btn{font-size:24px;padding:10px 34px;background:var(--green)}.btn.alt{background:var(--pink)}.btn.alt2{background:#9be7ff}.btn:disabled,.big-btn:disabled{opacity:.5}.icon-btn{padding:4px 10px}.lang{border:3px solid var(--ink);border-radius:10px;padding:4px 8px;font:inherit;background:#fff}.panel{background:var(--paper);border:4px solid var(--ink);border-radius:22px;box-shadow:0 6px 0 var(--ink);width:min(760px,100%);max-height:100%;display:flex;flex-direction:column;overflow:hidden}.panel.small{width:min(420px,100%);padding:14px;align-items:center;gap:10px;text-align:center}.panel h2,.lu h2{margin:0}.panel-head{display:flex;gap:8px;align-items:center;padding:10px 14px;background:var(--yellow);border-bottom:4px solid var(--ink)}.panel-head b{flex:1;font-size:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;padding:12px;overflow-y:auto}.card{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.card .ic{font-size:30px}.card img{width:64px;height:64px}.card small{opacity:.75;min-height:2.4em}.card.on{background:#e9ffe0}#hud{position:fixed;inset:0;pointer-events:none;z-index:5}#hud button{pointer-events:auto}.xpbar{position:absolute;left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));top:calc(6px + var(--safe-t));height:16px;background:#2a1d3acc;border:3px solid var(--ink);border-radius:99px;overflow:hidden}#xpFill{height:100%;width:0;background:linear-gradient(90deg,#4fd1ff,#a24bff);transition:width .15s}.xpbar span{position:absolute;inset:0;text-align:center;font-size:12px;font-weight:700;color:#fff;line-height:16px}.hud-top{position:absolute;top:calc(30px + var(--safe-t));left:calc(8px + var(--safe-l));display:flex;gap:6px}.chip{font-size:14px;padding:2px 10px}.btnchip{box-shadow:none}.weapons{position:absolute;top:calc(30px + var(--safe-t));right:calc(8px + var(--safe-r));display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:50%}.weapons span{background:#ffffffe6;border:2px solid var(--ink);border-radius:10px;padding:0 5px;font-size:14px;font-weight:700}.weapons span.evo{background:#ffe27a}.bossbar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(10px + var(--safe-b));width:min(480px,70vw);text-align:center;color:#fff;-webkit-text-stroke:1px var(--ink);font-weight:700}.bossbar>div{height:14px;background:var(--ink);border:3px solid var(--ink);border-radius:99px;overflow:hidden}#bossFill{height:100%;width:100%;background:linear-gradient(90deg,#ff4f8b,#ffb020)}.banner{position:absolute;left:50%;top:30%;transform:translate(-50%);background:var(--yellow);border:4px solid var(--ink);border-radius:18px;padding:8px 20px;font-size:24px;font-weight:700;box-shadow:0 5px 0 var(--ink);white-space:nowrap;animation:pop .3s}@keyframes pop{0%{transform:translate(-50%) scale(.5)}to{transform:translate(-50%) scale(1)}}.joy{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff38;border:3px solid rgba(42,29,58,.35)}.knob{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:#ffffffd9;border:3px solid var(--ink)}.lu{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(760px,100%)}.lu h2{color:var(--yellow);font-size:32px;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.cards{display:flex;gap:12px;width:100%;justify-content:center}.cards button{flex:1;max-width:230px;background:var(--paper);border:4px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--ink);padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:14px}.cards button .ic{font-size:40px}.cards button b{font-size:18px}.cards button .new{background:var(--pink);border-radius:99px;padding:0 8px;font-size:12px;font-weight:700}.cards button.evo{background:#fff3b0}.build{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.build span{background:#fff;border:2px solid var(--ink);border-radius:10px;padding:2px 6px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:18px}.stats b{text-align:right}.toasts{position:fixed;left:50%;bottom:calc(40px + var(--safe-b));transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;z-index:40}.toast{background:#fff;border:3px solid var(--ink);border-radius:12px;padding:6px 14px;font-weight:700;box-shadow:0 3px 0 var(--ink)}.toast.gold{background:var(--yellow)}.toast.bad{background:#ffb3b3}@media(max-height:420px){.hero-row img{width:72px;height:72px}.home{gap:6px}.cards button{padding:8px 6px}.cards button .ic{font-size:30px}}.card .rar{font-size:12px;font-weight:700;color:#fff;border-radius:99px;padding:0 8px;-webkit-text-stroke:0}.card.r3{background:linear-gradient(160deg,#fff6d6,#ffe08a)}.card.r2{background:linear-gradient(160deg,#fff,#efe2ff)}.card.r1{background:linear-gradient(160deg,#fff,#e2f0ff)}.card .perk{font-size:12px;line-height:1.3;min-height:2.6em}.card.r3 img{filter:drop-shadow(0 0 6px #ffd23f)}.chestbox{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.chestbox h2{margin:0;color:var(--yellow);font-size:30px;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.chest-icon{font-size:84px;filter:drop-shadow(0 6px 0 var(--ink))}.chest-icon.shake{animation:shake .12s infinite}.chest-icon.open{animation:popin .35s}@keyframes shake{0%{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.08)}to{transform:rotate(-8deg) scale(1)}}@keyframes popin{0%{transform:scale(.3)}to{transform:scale(1)}}.chest-got{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.chest-got div{background:var(--paper);border:4px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--ink);padding:8px 14px;min-width:110px;animation:popin .35s both}.chest-got div.evo{background:linear-gradient(160deg,#fff6d6,#ffd23f)}.chest-got .ic{font-size:36px;display:block}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%}.days div{background:#fff;border:3px solid var(--ink);border-radius:12px;padding:6px 2px;font-size:12px;text-align:center}.days div b{display:block;font-size:15px}.days div.done{background:#d7f7c9;opacity:.7}.days div.today{background:var(--yellow);transform:scale(1.08)}