:root{--ink:#2b2118;--paper:#fff7e8;--paper2:#f6ead2;--line:#e2cfae;--accent:#d9682b;--accent2:#b84f1a;--good:#2E7D32;--bad:#C62828;--gold:#c9a227;--muted:#7a6650}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#3a3128;overflow:hidden;font-family:"Baloo 2",Trebuchet MS,system-ui,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}#app canvas{display:block}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}#hud{position:fixed;top:0;left:0;right:0;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;display:flex;gap:8px;align-items:center;pointer-events:none;color:#fff;font-weight:700}.bagwrap{flex:1;max-width:300px;min-width:110px}.bar{position:relative;height:24px;border-radius:12px;background:#2b2118cc;overflow:hidden;border:2px solid #fff7e8}.bar>i{position:absolute;inset:0 auto 0 0;width:50%;background:linear-gradient(#e7b84a,#c9902a);transition:width .12s}.bar.low>i{background:linear-gradient(#e86a5a,#c62828)}.bar>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;text-shadow:0 1px 2px #000a}.chip{background:#2b2118cc;border:2px solid #fff7e8;border-radius:12px;padding:0 9px;height:28px;display:flex;align-items:center;font-size:15px;white-space:nowrap}.timer{margin-left:auto;font-size:17px;min-width:58px;justify-content:center}.icon{pointer-events:auto;width:34px;height:28px;border-radius:10px;border:2px solid #fff7e8;background:#2b2118cc;color:#fff;font-weight:800;font-size:13px;letter-spacing:1px}#xpBar{position:fixed;left:0;right:0;bottom:0;height:7px;background:#2b211899}#xpBar>i{display:block;height:100%;width:0;background:#7ec8e3;transition:width .15s}#status{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);color:#fff;font-weight:700;text-shadow:0 1px 3px #000c;pointer-events:none;font-size:15px;white-space:nowrap;display:flex;gap:10px;align-items:center}#status .pip{display:inline-block;width:11px;height:11px;border-radius:50%;background:#7ec8e3;border:2px solid #fff;margin-left:3px}#status .pip.off{background:transparent}#toast{position:fixed;top:118px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .3s;width:min(92vw,520px);background:#2b2118d9;border-radius:16px;padding:8px 14px;border:2px solid #fff7e855}#toast.on{opacity:1}#toast b{display:block;font-size:22px;color:#fff;text-shadow:0 2px 4px #000c;line-height:1.15}#toast small{display:block;font-size:15px;color:#ffe7b3;text-shadow:0 1px 3px #000c}#hopB{position:fixed;right:calc(18px + env(safe-area-inset-right));bottom:calc(30px + env(safe-area-inset-bottom));width:76px;height:76px;border-radius:50%;border:3px solid #fff7e8;background:#d9682bcc;color:#fff;font-weight:800;font-size:16px}#hopB:disabled{opacity:.45}#stick{position:fixed;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;border:3px solid #fff8;background:#fff2;pointer-events:none}#stick i{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px;border-radius:50%;background:#fff9}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#1c1510aa;padding:14px;overflow:auto}.modal.on{display:flex}.card{background:var(--paper);border-radius:20px;padding:20px;max-width:560px;width:100%;box-shadow:0 12px 40px #000a;text-align:center;border:3px solid var(--line);margin:auto}.card h1{margin:0;font-size:38px;line-height:1;color:var(--accent2)}.card h2{margin:0 0 8px;font-size:26px}.card h3{margin:14px 0 6px;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.card p{margin:6px 0;line-height:1.35}.tag{font-size:17px;margin-top:4px!important}.howto{font-size:14px;color:#5a4835;background:var(--paper2);border-radius:12px;padding:8px 12px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.pick{border:3px solid var(--line);background:#fff;border-radius:14px;padding:8px 10px;text-align:left;line-height:1.25;position:relative}.pick b{display:block;font-size:17px}.pick small{color:var(--muted);font-size:13px;display:block}.pick.on{border-color:var(--accent);background:#fff1e3}.pick:disabled{opacity:.5;cursor:default}.pick img{float:right;width:40px;height:40px;margin:-2px -4px 0 4px;image-rendering:auto}.btn{margin-top:14px;padding:10px 34px;border-radius:14px;border:none;background:var(--accent);color:#fff;font-size:22px;font-weight:800;box-shadow:0 4px 0 var(--accent2)}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--accent2)}.btn.alt{background:#efe2c8;color:var(--ink);box-shadow:0 4px #cdb894;font-size:17px;padding:8px 18px}.foot{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}.small{font-size:13px;color:var(--muted)}.opt{display:block;width:100%;margin:8px 0;padding:10px 14px;border-radius:14px;border:3px solid var(--line);background:#fff;text-align:left}.opt:hover,.opt:focus-visible{border-color:var(--accent);outline:none}.opt b{display:block;font-size:18px}.opt small{color:#6b5b4b;font-size:14px}.opt .lv{float:right;font-size:13px;color:var(--muted)}.perk{display:flex;gap:10px;align-items:center;text-align:left;padding:8px 0;border-bottom:1px solid var(--line)}.perk div{flex:1}.perk b{display:block}.perk small{color:var(--muted)}.perk .btn{margin:0;font-size:15px;padding:6px 12px;box-shadow:0 3px 0 var(--accent2)}.perk .btn:disabled{background:#cbb99a;box-shadow:none}.dots{color:var(--accent);letter-spacing:2px}.rep{font-size:22px;color:var(--good);font-weight:800}@media(max-width:480px){.chip{font-size:13px;padding:0 6px;height:26px}.timer{font-size:15px;min-width:48px}.card{padding:14px}.card h1{font-size:30px}.row{grid-template-columns:1fr 1fr}.pick b{font-size:15px}.pick small{font-size:12px}#toast b{font-size:18px}#toast{top:134px}#boss{top:calc(76px + env(safe-area-inset-top))}}#boss{position:fixed;top:calc(50px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(70vw,360px);text-align:center;pointer-events:none;color:#fff;text-shadow:0 1px 3px #000c;font-weight:800}#boss .bar{height:14px}#boss .bar>i{background:linear-gradient(#ffd56a,#e0a526)}.opt.evo{border-color:#e0a526;background:linear-gradient(#fff8e1,#ffecb3)}.opt.gift{border-color:#d9608a}.opt.item .lv{color:#2f6db5}.opt.weapon .lv{color:var(--accent2)}.card.wide{max-width:860px}.tree{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:left}.branch h3{text-align:center}.node{background:#fff;border:3px solid var(--line);border-radius:14px;padding:8px 10px}.node.have{border-color:var(--good);background:#f1f8e9}.node.locked{opacity:.55}.node b{display:block;font-size:15px}.node small{display:block;color:var(--muted);font-size:13px;line-height:1.25;margin:2px 0 6px}.node .btn{margin:0;font-size:14px;padding:5px 10px;box-shadow:0 3px 0 var(--accent2)}.node .btn:disabled{background:#cbb99a;box-shadow:none}.link{display:block;width:4px;height:10px;margin:0 auto;background:var(--line)}@media(max-width:700px){.tree{grid-template-columns:1fr}}.chip.nb{font-size:13px;opacity:.9}#combo{position:fixed;left:50%;top:calc(92px + env(safe-area-inset-top));transform:translate(-50%);color:#fff;font-weight:800;font-size:20px;text-shadow:0 2px 4px #000c;pointer-events:none;opacity:0;transition:opacity .25s;white-space:nowrap}#combo.on{opacity:1}#combo b{font-size:30px;color:#ffd56a}#combo.hot b{color:#ff9e5a}#combo.gold b{color:#fff176;text-shadow:0 0 12px #ffb300,0 2px 4px #000c}#combo.pop{animation:pop .25s ease-out}@keyframes pop{0%{transform:translate(-50%) scale(1.45)}to{transform:translate(-50%) scale(1)}}.bar.gain{animation:gain .45s ease-out}.bar.hit{animation:hit .25s linear}@keyframes gain{0%{box-shadow:0 0 #8bc34aee;transform:scaleY(1.35)}to{box-shadow:0 0 0 10px #8bc34a00;transform:scaleY(1)}}@keyframes hit{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}#xpBar{height:10px}#xpBar>i{background:linear-gradient(90deg,#7ec8e3,#b3e5fc);box-shadow:0 0 8px #7ec8e3}.opt{animation:rise .35s ease-out both}.opt:nth-child(3){animation-delay:.07s}.opt:nth-child(4){animation-delay:.14s}@keyframes rise{0%{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:none}}.opt.evo{background:linear-gradient(110deg,#fff8e1 30%,#fffde7,#ffecb3 60%);background-size:250% 100%;animation:rise .35s ease-out both,shimmer 1.6s linear infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}#choiceM .card{animation:rise .3s ease-out both}#choiceM h2{color:var(--accent2);font-size:30px}.treecard{max-width:760px;padding-bottom:12px}.treerep{margin-bottom:4px!important}.treewrap{width:100%;overflow:visible}.tree2{position:relative;width:100%;aspect-ratio:1/1.05;margin:0 auto;background:radial-gradient(ellipse at 50% 100%,#f8ecd0,#fff7e8 70%);border-radius:16px;border:2px solid var(--line)}.tree2 svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tree2 path{fill:none;stroke-width:1.1;vector-effect:non-scaling-stroke;stroke-width:5px;stroke-linecap:round}.tree2 path.off{stroke:#e2d5bd;stroke-dasharray:.02 .03}.tree2 path.ready{stroke:#d9b47a}.tree2 path.on{stroke:#e0a526;filter:drop-shadow(0 0 3px #ffd56a)}.tree2 path.grow{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .7s ease-out forwards;stroke:#e0a526}@keyframes draw{to{stroke-dashoffset:0}}.tn{position:absolute;transform:translate(-50%,-50%);width:clamp(46px,12%,74px);aspect-ratio:1;padding:0;border:none;background:none;border-radius:50%;cursor:pointer}.tn img{width:100%;height:100%;border-radius:50%;display:block;transition:filter .3s,transform .15s}.tn span{position:absolute;left:50%;top:100%;transform:translate(-50%);white-space:normal;width:130%;text-align:center;line-height:1.05;font-size:clamp(10px,1.6vw,13px);font-weight:700;color:var(--ink);text-shadow:0 1px 0 #fff,0 0 3px #fff;margin-top:1px}.tn .pips{position:absolute;left:50%;bottom:-2px;transform:translate(-50%,40%);font-style:normal;font-size:10px;color:#e0a526;letter-spacing:1px;background:#fff7e8;border-radius:8px;padding:0 3px;line-height:1.3}.tn.locked img{filter:grayscale(1) brightness(.55) opacity(.45)}.tn.open img{filter:grayscale(.6) opacity(.85)}.tn.avail img{box-shadow:0 0 0 3px #ffd56a,0 0 16px 4px #ffb300aa;animation:glow 1.2s ease-in-out infinite}.tn.own img,.tn.max img{box-shadow:0 0 0 3px var(--good)}.tn.max img{box-shadow:0 0 0 3px #e0a526,0 0 10px #ffd56a}.tn.sel img{transform:scale(1.14)}.tn.pop img{animation:nodepop .5s cubic-bezier(.3,1.8,.5,1)}.tn.fresh img{animation:unlock .8s ease-out .35s both}.tn.root{pointer-events:none;width:clamp(54px,14%,86px)}@keyframes glow{50%{box-shadow:0 0 0 3px #ffd56a,0 0 24px 8px #ffb300cc}}@keyframes nodepop{0%{transform:scale(1.5)}to{transform:scale(1.14)}}@keyframes unlock{0%{filter:grayscale(1) brightness(.55) opacity(.45);transform:scale(.8)}to{filter:none;transform:none}}.branchlab{position:absolute;top:2%;transform:translate(-50%);font-weight:800;font-size:clamp(11px,1.8vw,14px);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.skdetail{min-height:92px;margin:10px 0 4px;background:#fff;border:3px solid var(--line);border-radius:14px;padding:8px 12px;text-align:left}.skdetail b{display:block;font-size:17px}.skdetail small{display:block;color:var(--muted)}.skdetail .need{color:var(--bad)}.skdetail .btn{margin-top:6px;font-size:16px;padding:6px 16px}.skdetail .btn:disabled{background:#cbb99a;box-shadow:none}@media(max-width:480px){.tree2{aspect-ratio:1/1.25}.tn{width:13.5%}.tn span{font-size:9.5px}#combo{top:calc(112px + env(safe-area-inset-top))}}.bagwrap{display:flex;flex-direction:column;gap:3px}#stamBar{height:13px}#stamBar>i{background:linear-gradient(#9ccc65,#558b2f)}#stamBar>span{font-size:10px}#stamBar.tired>i{background:linear-gradient(#ffb74d,#e65100);animation:tiredp .8s ease-in-out infinite}@keyframes tiredp{50%{opacity:.55}}.rounds{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px}.rounds b{font-size:20px;min-width:120px}.rounds .btn{margin:0;padding:4px 14px;font-size:20px}.rounds .btn:disabled{opacity:.35}.stars{color:#e0a526;font-weight:800}.prestige{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;background:#fff8e1;border:2px dashed #e0a526;border-radius:12px;padding:6px 10px;margin:4px 0 8px;font-size:14px}.prestige .btn{margin:0;padding:5px 14px;font-size:15px;background:#e0a526;box-shadow:0 3px #a87a10}.prestige .btn:disabled{background:#cbb99a;box-shadow:none}.tree2{aspect-ratio:1/1.5}@media(max-width:480px){.tree2{aspect-ratio:1/1.75}.tn{width:12%}}.branchlab{white-space:normal;width:24%;text-align:center;line-height:1.05}.tree2{aspect-ratio:1/1.2}@media(max-width:480px){.tree2{aspect-ratio:1/1.45}.branchlab{font-size:10px}.tn span{font-size:9px}}