:root{--ink:#1b2133;--muted:#6b7385;--line:#e3e7ef;--bg:#eef1f6;--card:#fff;--brand:#2f7ff0;--brand-l:#5aa8ff;--brand-d:#1f5fc4;--top:#1d2433;--warm:#fffaf0;--r:14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:#0f1320;color:var(--ink);font:14px/1.35 ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}html,body,#app,#app *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}img,svg,canvas{-webkit-user-drag:none}button{font-family:inherit;cursor:pointer}#app{max-width:480px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg);position:relative;overflow:hidden}.ic{display:block;flex:none}#top{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;padding-top:max(6px,env(safe-area-inset-top));background:linear-gradient(#2c3755,#1d2433);flex:none}.pill{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px 0 5px;border-radius:999px;background:#0b1020b3;border:1px solid #ffffff1f;color:#fff;font-weight:800;box-shadow:inset 0 1px #ffffff14}.pill b{font-size:14px;letter-spacing:.2px}.cur{display:flex;gap:6px}.pill.hero{padding-left:3px;gap:7px}.avatar{width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #ffd34d;overflow:hidden;flex:none}.avatar svg{display:block;width:100%;height:100%;transform:scale(1.18) translateY(4%)}#heropill{cursor:pointer}.pw{display:flex;flex-direction:column;line-height:1.05}.pw small{color:#aab3c8;font-size:10px;font-weight:700}.pw b{font-size:13px}#mats{display:flex;gap:12px;padding:3px 10px;font-size:12px;background:#151b2b;color:#e8ecf5;font-weight:800;flex:none;overflow-x:auto;white-space:nowrap;scrollbar-width:none;border-bottom:1px solid #00000040}#mats::-webkit-scrollbar{display:none}.mchip{display:inline-flex;align-items:center;gap:4px}.mchip.keys{color:#ffd34d}#battle{aspect-ratio:480/260;width:100%;flex:none;overflow:hidden;box-shadow:0 2px 8px #0003;position:relative;z-index:1}#battle canvas{display:block}#panel{flex:1;overflow:auto;padding:10px;min-height:0}small{color:var(--muted)}h3,h4{margin:10px 0 6px;color:var(--ink)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 2px #0000000d,0 4px 12px #0000000a}.card.center{text-align:center}.row{display:flex;justify-content:space-between;align-items:center;gap:6px}.btn{border:0;border-radius:12px;padding:9px 14px;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(var(--brand-l),var(--brand));box-shadow:inset 0 1px #ffffff59,0 3px 0 var(--brand-d),0 5px 12px #1f5fc433;text-shadow:0 1px 0 #00000033;transition:transform .06s,box-shadow .06s}.btn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff59,0 1px 0 var(--brand-d)}.btn.red{background:linear-gradient(#ff7b7b,#e5484d);box-shadow:inset 0 1px #ffffff59,0 3px #a8282d,0 5px 12px #a8282d33}.btn.grey{background:linear-gradient(#a3abbd,#7a8398);box-shadow:inset 0 1px #ffffff59,0 3px #555d70}.btn:disabled{filter:grayscale(.9);opacity:.55;transform:none}button.act{border:0;border-radius:10px;padding:6px 10px;font-weight:800;font-size:12px;color:#fff;background:linear-gradient(var(--brand-l),var(--brand));box-shadow:0 2px 0 var(--brand-d);display:inline-flex;align-items:center;gap:3px}button.act:disabled{background:#c5cad6;box-shadow:0 2px #a3a9b6}.x{border:1px solid var(--line);background:#fff;border-radius:10px;font-weight:900;width:32px;height:32px;padding:0;color:var(--ink);box-shadow:0 1px 2px #0001}#tabs{display:flex;background:var(--top);flex:none;position:sticky;bottom:0;z-index:50;padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px #0003}#tabs button{flex:1;padding:4px 0 3px;border:0;background:none;color:#8d97b0;font-weight:800;font-size:11px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1px}#tabs .ti{width:30px;height:30px;display:block;opacity:.6;transition:transform .15s}#tabs button.on{color:#fff;background:linear-gradient(#3a8dff33,#3a8dff14)}#tabs button.on .ti{opacity:1;transform:translateY(-1px) scale(1.08)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.slot{aspect-ratio:1;border:2px solid #00000026;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;position:relative;box-shadow:inset 0 2px #ffffff80,0 2px 4px #0000001a}.slot.empty{border-style:dashed;border-color:#b8bfcc;background:#f6f7fa;opacity:.8;box-shadow:none}.slot small{font-size:10px;font-weight:900;color:var(--ink);position:absolute;bottom:2px;background:#ffffffb3;border-radius:6px;padding:0 4px}.slot svg{pointer-events:none}.slot.eq{cursor:pointer}.bg0{background:linear-gradient(#f1f2f4,#d5d8de)}.bg1{background:linear-gradient(#c6f5bb,#7fd66c)}.bg2{background:linear-gradient(#c3dcff,#73aef5)}.bg3{background:linear-gradient(#e9d1ff,#b884f0)}.bg4{background:linear-gradient(#fff1a8,#f5c842)}.bg5{background:linear-gradient(#ffc9c9,#f07070)}.r0{color:#6b7385}.r1{color:#2e9e2e}.r2{color:#2a6fdb}.r3{color:#9b3fd6}.r4{color:#d98400}.r5{color:#e03131}.up{color:#2e9e2e}.down{color:#e03131}.statline{text-align:center;margin:8px 0;font-weight:700;color:var(--muted);font-size:12px}.gof{display:flex;align-items:center;justify-content:center;width:100%;font-size:18px;padding:12px;margin-top:6px;background:linear-gradient(#ffa94d,#e8590c);box-shadow:inset 0 1px #fff6,0 4px #a63e00,0 6px 14px #a63e0033}#modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1020a6;display:none;align-items:center;justify-content:center;z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pop{background:#fff;border-radius:18px;width:min(92vw,400px);padding:14px;box-shadow:0 20px 50px #0007;animation:popin .2s ease-out}@keyframes popin{0%{transform:scale(.92);opacity:0}}.cmp{display:flex;gap:10px;align-items:center;padding:8px;border-radius:12px}.cmp .slot{width:64px;flex:none}.tag{display:inline-block;background:var(--ink);color:#fff;border-radius:999px;padding:1px 10px;font-weight:800;font-size:11px;margin-bottom:4px}#toast{position:fixed;left:50%;top:18%;transform:translate(-50%);background:#1b2133eb;color:#fff;padding:9px 16px;border-radius:999px;display:none;z-index:30;font-weight:700;font-size:13px;box-shadow:0 6px 20px #0005;pointer-events:none;max-width:88vw;text-align:center}#fxlayer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}.flychip{position:absolute;display:flex;align-items:center;gap:4px;white-space:nowrap;background:#1b2133eb;color:#fff;font-weight:900;font-size:13px;padding:3px 9px 3px 8px;border-radius:999px;box-shadow:0 4px 12px #0006;border:1px solid #ffffff26;will-change:transform}.flychip svg{width:16px;height:16px}.flychip.mini{background:none;border:0;box-shadow:none;padding:0}.flychip.mini svg{width:14px;height:14px;filter:drop-shadow(0 2px 2px #0006)}.flychip.r2{background:#1f4fa8}.flychip.r3{background:#6b2fa3}.flychip.r4{background:#a86400}.flychip.r5{background:#a82020}.bump{animation:bump .28s ease-out}@keyframes bump{40%{transform:scale(1.18)}}#welcome{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1020d0;display:none;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.wpop{background:linear-gradient(#fffdf6,#fff6e2);border-radius:22px;width:min(88vw,360px);padding:22px 16px 16px;text-align:center;position:relative;box-shadow:0 24px 60px #000a,inset 0 0 0 1px #e8dcc0}.wpop h2{margin:20px 0 6px;font-size:23px;color:#3b2a1a}.wpop p{margin:6px 0;color:#5a4a3a;line-height:1.45}.wbadge{position:absolute;left:50%;top:-30px;transform:translate(-50%);width:60px;height:60px;border-radius:50%;background:linear-gradient(#3a4870,#1d2433);border:3px solid #ffd34d;display:grid;place-items:center;font-size:28px;box-shadow:0 6px 14px #0005}.wlist{background:#fff;border:1px solid #eadfc6;border-radius:14px;padding:6px 12px;margin:8px 0;text-align:left}.wrow{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f1ead8;font-size:15px}.wrow:last-child{border:0}.wic{width:28px;display:grid;place-items:center;font-size:20px}.wamt{margin-left:auto;font-weight:900;color:#2e9e2e}.cu{display:inline-block;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffc28a,#d9823f 55%,#7d3f16);vertical-align:middle}.wcap{background:#fff1d6;border:1px solid #e0a040;border-radius:10px;padding:6px;font-size:13px}.wok{width:100%;font-size:20px;padding:13px;margin-top:10px;background:linear-gradient(#7ee05f,#3fb52a);box-shadow:inset 0 1px #fff7,0 4px #2a7d1c,0 6px 14px #2a7d1c44}#app.full #panel{padding:0;overflow:hidden}#townwrap{position:relative;height:100%;background:#8cc35a}#townmap{height:100%;overflow:hidden}#townwrap .tinfo{position:absolute;left:8px;right:8px;bottom:6px;text-align:center;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none}#tpanel{position:absolute;left:8px;right:8px;z-index:5}#tpanel.dock-t{top:8px}#tpanel.dock-b{bottom:24px}.tcard{background:#fffdf6f2;border:1px solid #e8dcc0;border-radius:16px;padding:10px 12px;box-shadow:0 10px 30px #0004;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tcard .btn{font-size:13px;padding:8px 11px;margin:3px 4px 3px 0}.bprog{height:8px;background:#0000001f;border-radius:5px;overflow:hidden;min-width:80px;flex:1}.bprog>div{height:100%;width:0;background:linear-gradient(90deg,#7ee05f,#3fb52a)}@keyframes puff{0%{transform:translateY(0);opacity:.9}to{transform:translateY(-10px);opacity:0}}.smoke{animation:puff 2.4s infinite}@keyframes flick{50%{opacity:.6}}.flick{animation:flick 1.2s infinite}@keyframes steam{0%{transform:translateY(0);opacity:.8}to{transform:translateY(-8px);opacity:0}}.steam{animation:steam 2s infinite}@keyframes ham{50%{transform:rotate(-14deg)}}.hammer{animation:ham .5s infinite;transform-box:fill-box;transform-origin:bottom}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 3s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes hoist{50%{transform:scaleY(.6)}}.hoist{animation:hoist 2s infinite;transform-box:fill-box;transform-origin:top}@keyframes truck{50%{transform:translate(6px)}}.truck{animation:truck 1.6s infinite}#roomwrap{border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #0003;transition:transform .36s cubic-bezier(.5,0,.8,.4),opacity .36s;transform-origin:50.3% 74%}#roomwrap.zin{transform:scale(3.2);opacity:0}#roomwrap.zfrom{transform:scale(3.2);opacity:0;transition:none}.forgebtn{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:10px;font-size:18px;padding:11px;background:linear-gradient(#ffa94d,#e8590c);box-shadow:inset 0 1px #fff6,0 4px #a63e00,0 6px 14px #a63e0033}.forgebtn small{color:#fff;opacity:.9;font-size:11px;font-weight:700}.hint{text-align:center;color:var(--muted);font-size:12px;margin:8px 0 4px}#stpanel{margin-top:6px}#stpanel .tcard{box-shadow:0 4px 14px #0002}.tiers{display:flex;gap:6px;justify-content:center;margin-top:8px}.age{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:4px 9px 4px 5px;font-size:12px;font-weight:800;white-space:nowrap;background:#fff;color:var(--ink);box-shadow:0 1px 2px #0001}.age.on{background:linear-gradient(var(--brand-l),var(--brand));color:#fff;border-color:transparent}#app.fvmode #panel{overflow:hidden;padding:8px;display:flex;flex-direction:column}#forgeview{display:flex;flex-direction:column;gap:6px;height:100%;min-height:0}#forgeview.fv-enter{animation:fvin .34s ease-out}@keyframes fvin{0%{opacity:0;transform:scale(1.1)}}.fv-head{display:flex;align-items:center;gap:6px;flex:none}.fv-head .tiers{margin:0 0 0 auto;gap:4px}.back{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 11px;font-weight:800;font-size:13px;color:var(--ink);box-shadow:0 1px 2px #0001}.fv-scene{flex:1 1 auto;min-height:92px;border-radius:16px;overflow:hidden;position:relative;background:#24180f;box-shadow:inset 0 0 0 1px #0006,0 4px 14px #0003}.fv-svg{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.fv-scene.shake .fv-anvil{animation:anvshake .18s linear}@keyframes anvshake{25%{transform:translate(2.5px,1.5px)}50%{transform:translate(-2.5px)}75%{transform:translate(1.5px,-1px)}}.fv-ham{transform-box:view-box;transform-origin:288px 74px;transform:rotate(14deg)}@keyframes fvstrike{0%{transform:rotate(14deg)}55%{transform:rotate(56deg);animation-timing-function:cubic-bezier(.7,0,1,.5)}80%{transform:rotate(-1deg)}86%{transform:rotate(7deg)}to{transform:rotate(14deg)}}.fv-grid{flex:none;display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.fvt{aspect-ratio:1;position:relative;border:1.5px solid var(--line);border-radius:11px;background:linear-gradient(#fff,#eef1f6);padding:0;display:grid;place-items:center;box-shadow:0 1px 2px #0000001a}.fvt.on{border-color:var(--brand);box-shadow:0 0 0 2px #2f7ff040;background:linear-gradient(#f4f9ff,#dcebff)}.fvt.lock{opacity:.42}.fvt:disabled{opacity:.5}.fvi{width:66%;height:66%;display:block}.fvi svg{width:100%;height:100%}.fvc{position:absolute;right:2px;bottom:2px;font-size:10px;font-weight:900;background:var(--ink);color:#fff;border-radius:6px;padding:0 4px;line-height:14px}.fvc.gear{left:2px;right:2px;text-align:center;font-size:8px;letter-spacing:.5px;background:#e8590c}.fvl{position:absolute;top:1px;left:3px;font-size:10px}.fv-info{flex:none;min-height:44px;font-size:12px;line-height:1.3;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 10px;overflow:hidden}.chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:3px}.chip{display:inline-flex;align-items:center;gap:3px;padding:1px 7px 1px 4px;border-radius:999px;font-weight:800;font-size:12px}.chip small{font-weight:700}.chip.ok{background:#e1f6dc;color:#1e6b1e}.chip.no{background:#ffe1e1;color:#b42318}.fv-ctrl{flex:none;display:flex;gap:8px;align-items:stretch;min-height:46px}.qty{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:3px;gap:2px}.qb{width:34px;height:38px;border:0;border-radius:9px;background:#eef1f6;font-weight:900;font-size:18px;color:var(--ink)}.qb.max{width:auto;padding:0 8px;font-size:12px;display:flex;flex-direction:column;justify-content:center;line-height:1.05}.qb.max small{font-size:10px}#fvq{min-width:30px;text-align:center;font-weight:900;font-size:16px}.fvgo{flex:1;font-size:17px;letter-spacing:.4px;background:linear-gradient(#ffa94d,#e8590c);box-shadow:inset 0 1px #fff6,0 3px #a63e00,0 5px 12px #a63e0033}.fvgo.red{background:linear-gradient(#ff7b7b,#e5484d);box-shadow:inset 0 1px #fff6,0 3px #a8282d}.fvrun .fvcount{font-weight:900;color:#e8590c}.bar{height:7px;background:#e6e9f0;border-radius:4px;overflow:hidden;margin-top:5px}.bar>div{height:100%;background:linear-gradient(90deg,#ffb02e,#ff7a00);transition:width .2s}.rnode.done{opacity:.6}.rnode.dim{opacity:.45;filter:grayscale(.6)}.rnode.dim .act{pointer-events:none}.rnode.active{border-color:var(--brand);box-shadow:0 0 0 3px #2f7ff040;background:#f2f8ff}.rnode.active .bprog>div{background:repeating-linear-gradient(45deg,#5fd14a 0,#5fd14a 8px,#4ab83a 8px,#4ab83a 16px);background-size:22px 22px;animation:stripes .8s linear infinite}@keyframes stripes{to{background-position:22px 0}}.flask{display:inline-block;animation:bubble 1s infinite}@keyframes bubble{50%{transform:translateY(-3px) rotate(-8deg)}}.wbgroup{font-weight:900;color:var(--ink);margin:10px 0 2px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;opacity:.75}.wbrow{display:flex;align-items:center;gap:8px;padding:6px 2px;border-bottom:1px solid #eef0f4}.wbrow.lock{opacity:.5}.wbrow .act{padding:5px 8px;font-size:12px}.wbi{width:30px;height:30px;flex:none;display:grid;place-items:center;background:#f3f5f9;border-radius:9px}.wbi svg{width:24px;height:24px}.mtabs{display:flex;gap:4px;margin:8px 0;background:#eef1f6;padding:3px;border-radius:12px}.mtabs button{flex:1;border:0;border-radius:10px;padding:7px;font-weight:800;background:none;color:var(--muted)}.mtabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0002}select{background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px;width:100%;margin-bottom:4px}.pbtn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;padding:6px 8px;line-height:1.15}.pbtn small{color:#fff;opacity:.85;font-size:11px;font-weight:700}.card.profile{display:flex;gap:12px;align-items:center}.pav{position:relative;width:76px;height:76px;flex:none;cursor:pointer}.pav svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.pedit{position:absolute;right:-4px;bottom:-4px;background:#ffd34d;color:#3a2600;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:12px;border:2px solid #fff}.pinfo{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.pinfo input{font:inherit;font-weight:800;font-size:17px;border:1px solid #d5d9e4;border-radius:8px;padding:4px 8px;width:100%;box-sizing:border-box;-webkit-user-select:text;user-select:text}.pinfo .btn{align-self:flex-start;padding:6px 12px}#avpick{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1cb8;display:none;align-items:center;justify-content:center;z-index:60;padding:10px}.avbox{background:#f4f1ea;border-radius:16px;padding:12px;width:min(420px,100%);max-height:88vh;overflow:auto;box-shadow:0 10px 40px #0006}.avbox .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.avbox .x{border:0;background:#ddd;border-radius:50%;width:30px;height:30px;font-weight:800}.avgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.avopt{border:3px solid transparent;background:none;padding:2px;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.avopt svg{width:100%;aspect-ratio:1;display:block}.avopt small{font-size:9.5px;line-height:1.1;color:#555;text-align:center}.avopt.sel{border-color:#f0a020;background:#fff6dc}.tag{display:inline-block;font-size:10px;font-weight:800;background:#e3e7f2;color:#4a5375;padding:1px 7px;border-radius:9px;vertical-align:middle}.tag.gold{background:#ffd34d;color:#4a3000}.gsoon{margin-top:8px;opacity:.6;filter:grayscale(.6)}.ainv{margin-top:6px;background:#fff6dc;border-radius:8px;padding:6px 8px;font-size:13px}.amsg{margin-top:6px;font-size:13px;color:#2c6e2c}.arow{flex-wrap:wrap;gap:6px;margin:8px 0;justify-content:flex-start}.arow .btn{padding:6px 10px;font-size:13px}.btn.ghost{background:#e8ebf3;color:#2b3350;box-shadow:none}.invi{display:flex;align-items:center;gap:6px;margin:3px 0;font-size:13px}.invi code{background:#eef0f6;border-radius:6px;padding:1px 6px}.mini{border:0;background:#3a5bd9;color:#fff;border-radius:7px;font-size:11px;padding:3px 7px;margin-left:auto}.gbtn{margin-top:8px;min-height:44px}