: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;flex-wrap:wrap;justify-content:center;row-gap:1px;gap:1px 8px;padding:3px 6px;font-size:12px;background:#151b2b;color:#e8ecf5;font-weight:800;flex:none;overflow:hidden;white-space:nowrap;scrollbar-width:none;border-bottom:1px solid #00000040}#mats::-webkit-scrollbar{display:none}.mchip{display:inline-flex;align-items:center;gap:3px}.mchip.keys{color:#ffd34d}#battle{aspect-ratio:480/300;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}.invin{display:flex;gap:6px;margin-top:8px}.invin input{flex:1;min-width:0;font:inherit;border:1px solid #d5d9e4;border-radius:8px;padding:6px 8px;-webkit-user-select:text;user-select:text}.invin .btn{padding:6px 10px;font-size:13px}body{background:radial-gradient(ellipse at 50% 0%,#24304d,#0f1320 70%)}.slot{cursor:pointer}.slot.empty .ic{filter:grayscale(1) brightness(1.15);opacity:.32}.slot.sel{outline:3px solid #ffb02e;outline-offset:1px}.sbadge{position:absolute;top:2px;right:3px;font-size:10px;font-weight:900;color:#fff;background:#2fb344;border-radius:8px;padding:0 4px;line-height:15px;box-shadow:0 1px 2px #0004}.sbadge.plus{background:#2f7ff0;font-size:12px}.frow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 2px}.frow small{font-weight:800}.btn.leave{padding:8px 12px;font-size:14px;background:linear-gradient(#7ee05f,#3fb52a);box-shadow:inset 0 1px #fff7,0 3px #2a7d1c;white-space:nowrap}.fsheet{background:#fff;border:2px solid #ffd27a;border-radius:14px;padding:8px 10px;margin:6px 0;box-shadow:0 4px 12px #0001;animation:popin .15s ease-out}.fsh{display:flex;gap:8px;align-items:center;min-width:0}.slot.mini{width:44px;height:44px;flex:none;aspect-ratio:auto}.fhead{font-weight:900;margin:6px 0 2px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b5a2a}.frowup{display:flex;align-items:center;gap:6px;padding:5px 0;border-top:1px solid #f1ead8}.fu-t{flex:1;min-width:0;line-height:1.2}.fu-i{width:34px;height:34px;flex:none;display:grid;place-items:center;background:#f6f1e4;border-radius:8px}.fu-c{display:flex;gap:3px;flex:none}.cc{display:inline-flex;align-items:center;gap:1px;font-weight:900;font-size:12px;background:#f3f5f9;border-radius:7px;padding:1px 4px}.cc.no{color:#e03131;background:#ffecec}.mchipf{display:inline-block;font-size:10px;font-weight:800;background:#fff1c9;color:#6b4a00;border-radius:7px;padding:0 5px;margin:2px 3px 0 0}.factions{justify-content:flex-start;gap:6px;margin-top:6px}.factions .btn{padding:6px 10px;font-size:13px}.fnote{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px}.hint{display:flex;align-items:center;gap:6px;background:linear-gradient(#fff8dc,#ffefb8);border:1px solid #f0c860;border-radius:12px;padding:6px 6px 6px 10px;margin-bottom:8px;font-size:12.5px;font-weight:700;color:#5a4300}.hint span{flex:1}.hbtn{padding:6px 9px;font-size:12px;white-space:nowrap}.hx{width:26px;height:26px;flex:none}#tabs button.nudge{position:relative}#tabs button.nudge:after{content:"";position:absolute;top:3px;right:22%;width:9px;height:9px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 0 2px #1d2433;animation:bump 1.2s infinite}.wpop.onb{max-height:92vh;overflow:auto}.wpop.onb.wide{width:min(94vw,420px)}.onbin{width:100%;font:inherit;font-size:18px;font-weight:800;text-align:center;border:2px solid #e8dcc0;border-radius:12px;padding:8px;margin-top:6px;-webkit-user-select:text;user-select:text}.onbav{max-height:52vh;overflow:auto;padding:2px}.onbdots{display:flex;gap:6px;justify-content:center;margin-top:10px}.onbdots i{width:8px;height:8px;border-radius:50%;background:#e0d4b8}.onbdots i.on{background:#3fb52a}.onbcard{background:#fff;border:1px solid #eadfc6;border-radius:14px;padding:8px 10px;margin:8px 0;text-align:left}.onbcard.warn{background:#fff7ec;border-color:#f0c890}.onbok{margin-top:4px;color:#2c6e2c;font-weight:700}#townmap svg{background:#8cc35a}#panel{overflow:hidden;position:relative}.plist{overflow:hidden;min-height:0;flex:1 1 auto;position:relative}.pager{display:flex;align-items:center;justify-content:center;gap:14px;flex:none;padding:4px 0 0;font-weight:800;font-size:13px;color:var(--muted)}.pager .pg{width:40px;height:30px;border:0;border-radius:10px;background:#eef1f6;font-size:14px;color:var(--ink)}.pager .pg:disabled{opacity:.35}.pop.fit,.avbox.fit,.wpop.onb{display:flex;flex-direction:column;max-height:calc(100dvh - 20px);overflow:hidden}.avbox{max-height:calc(100dvh - 20px);overflow:hidden;display:flex;flex-direction:column}.onbav{max-height:none;overflow:hidden;flex:1 1 auto;min-height:0}.wpop.onb{max-height:calc(100dvh - 24px);overflow:hidden}.fsheet{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;border-radius:14px 14px 0 0;border-width:2px 0 0;z-index:6;display:flex;flex-direction:column;animation:slidein .18s ease-out;padding:8px 10px}@keyframes slidein{0%{transform:translate(100%)}}.fsheet .flist{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.fsheet .flist.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-content:start}.fsheet .factions{flex:none;margin-top:4px}.frowup{flex:none}#bhint{position:absolute;left:6px;right:6px;bottom:6px;z-index:3}#bhint .hint{margin:0;box-shadow:0 4px 12px #0003}.frow .bagb{padding:7px 10px;font-size:13px}.ftip{text-align:center;margin:4px 0 0}.mpanel{display:flex;flex-direction:column;height:100%}.mpanel>.mtabs{flex:none;margin-top:0}.mpanel .card{margin-bottom:6px}#stpanel{position:absolute;left:10px;right:10px;bottom:10px;z-index:6}#modal{z-index:60}#avpick{z-index:61}#bhint .hint{font-size:11.5px;padding:4px 4px 4px 8px}#bhint .hint span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:360px){#bhint .hint span{-webkit-line-clamp:2}}.fv-grid.fv-recs{grid-template-columns:repeat(8,1fr);gap:4px}.fvr{aspect-ratio:1;border:1.5px solid var(--line);border-radius:10px;background:linear-gradient(#fff,#eef1f6);padding:2px;display:grid;place-items:center}.fvr svg{width:100%;height:100%}.fvr:not(.on) svg{filter:grayscale(1) opacity(.45)}.fvr.on{border-color:var(--brand);box-shadow:0 0 0 2px #2f7ff040;background:linear-gradient(#f4f9ff,#dcebff)}.fv-info{min-height:76px;padding:5px 6px}.rcphint{display:flex;align-items:center;justify-content:center;height:64px;font-weight:800;color:var(--muted);font-size:14px}.rcp{display:flex;align-items:center;justify-content:center;gap:3px}.rce{font-weight:900;color:#9aa3b5;font-size:15px}.rcpit{display:flex;flex-direction:column;align-items:center;width:52px}.rcpit .rpi{width:46px;height:46px}.rcpit.dim .rpi{filter:grayscale(.8) opacity(.6)}.rcn{font-size:14px;color:#1e6b1e}.rcpit.dim .rcn{color:#b42318}.rp{position:relative;display:flex;flex-direction:column;align-items:center;width:60px;padding:2px 2px 3px;border-radius:10px;border:1.5px solid var(--line);background:#fff;cursor:pointer}.rp.raw{cursor:default;background:#f6f7fa}.rp.no{border-color:#f3b4b4;background:#fff6f6}.rp.on{border-color:var(--brand);box-shadow:0 0 0 2px #2f7ff040}.rp.lock{opacity:.45}.rp .rpi{width:30px;height:30px;display:block}.rp .rpi svg,.rcpit .rpi svg,.rps svg{width:100%;height:100%;display:block}.rpc{font-size:11px;line-height:1.1}.rpc small{color:var(--muted);font-weight:700}.rpx{display:block;width:40px;height:4px;border-radius:3px;background:#e6e9f0;overflow:hidden;margin-top:1px}.rpx i{display:block;height:100%;background:linear-gradient(90deg,#ffd34d,#f0a020)}.rpm{font-size:10px;line-height:1}.rpsub{display:flex;gap:2px;margin-top:2px}.rps{display:flex;align-items:center;gap:1px;padding:1px 3px;border-radius:7px;background:#eef1f6;cursor:pointer}.rps svg{width:13px;height:13px}.rps b{font-size:9px}.rps.raw{background:none;cursor:default}.rps.m{background:#fff3c4}.fvrun{font-size:12px;margin-bottom:3px}.fvrun .bar{margin-top:2px}.dunb{padding:4px 7px!important;background:#3a3040!important;color:#ffe9a8!important;white-space:nowrap}.dunpop{gap:8px;text-align:center;background:linear-gradient(#2a2330,#3d3442)!important;color:#f1e9d4}.dunpop small{color:#d9cfbd}.dunpop .x{color:#f1e9d4}.dkeys{display:flex;gap:6px;align-items:center;justify-content:center;font-size:24px}.dkeys span{filter:grayscale(1);opacity:.35}.dkeys span.on{filter:none;opacity:1}.dkeys small{font-size:12px;margin-left:6px}.dfoes{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.dfoes div{background:#1a1520;border-radius:10px;padding:6px 2px;display:flex;flex-direction:column;align-items:center}.dfoes span{font-size:24px}.ceyes{animation:ceb 4s infinite}@keyframes ceb{0%,40%,44%,to{opacity:1}42%{opacity:0}60%,75%{opacity:0}}.stay{animation:none!important}.dunpop .act{display:flex;justify-content:center;text-align:center;width:100%}.fvrunov{position:absolute;left:50%;bottom:6px;transform:translate(-50%);width:min(78%,300px);pointer-events:none;opacity:0;transition:opacity .15s}.fvrunov.on{opacity:1}.fvrunov .fvrun{margin:0;background:#1b120bd9;color:#fff;border:1px solid #0008;border-radius:10px;padding:3px 8px 4px;font-size:11px;line-height:1.25;box-shadow:0 2px 8px #0006;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fvrunov .fvrt{overflow:hidden;text-overflow:ellipsis}.fvrunov .fvcount{color:#ffb35c}.fvrunov small{opacity:.8}.fvrunov .bar{margin-top:2px;height:6px;background:#fff3}#sbar{display:flex;align-items:center;gap:8px;padding:2px 10px 3px;background:#1a2132;color:#fff;font-size:12px;font-weight:800;flex:none;white-space:nowrap;overflow:hidden}.sb{display:inline-flex;align-items:center;gap:3px;transition:color .2s}.sb b{font-variant-numeric:tabular-nums}.sb.ticking{color:#7dff6a;transform:scale(1.08)}.sb.weak b{color:#ffb347}.sben{position:relative;margin-left:auto;flex:0 1 92px;min-width:62px;height:16px;border-radius:9px;background:#0b1020;border:1px solid #ffffff26;overflow:hidden}.sben i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#7ee05f,#3fb52a);transition:width .4s}.sben.low i{background:linear-gradient(#ffd34d,#e8a400)}.sben.zero i{background:#e5484d}.sben b{position:relative;display:block;text-align:center;font-size:10.5px;line-height:15px;text-shadow:0 1px 1px #000}.sben.zero{animation:enpulse 1s infinite}@keyframes enpulse{50%{border-color:#ff5a5a}}.flychip.statfly{font-size:26px;font-weight:900;color:#7dff6a;text-shadow:0 2px 0 #1b5e10,0 0 8px #000}.packbtn{border:0;background:none;padding:0;width:52px;height:50px;flex:none;filter:drop-shadow(0 3px 0 #0003);transition:transform .08s}.packbtn:active{transform:scale(.92)}.packbtn svg{width:50px;height:50px}.packbtn.bump{animation:pkb .4s}@keyframes pkb{40%{transform:scale(1.25) rotate(-6deg)}}.packpop{width:min(92vw,380px)}.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.pgrid .slot{width:auto;font-size:0;padding:0;border-width:2px}.pgrid .slot svg{width:70%;height:70%}.pgrid .slot.sel,.slot.sel{outline:3px solid #2f7ff0;outline-offset:1px}.pkact{min-height:58px}.pkact .row{justify-content:flex-start;gap:6px;margin-top:4px}.pksel{margin-bottom:2px}.pkup{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 4px}.pknote{display:block}.agrid{flex:1;min-height:0;overflow:hidden;align-content:start}#packfull{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1020b0;display:none;align-items:center;justify-content:center;z-index:300}.newtag{position:absolute;top:-6px;right:-6px;background:#e5484d;color:#fff;font-size:9px;font-weight:900;border-radius:6px;padding:1px 4px}#bfade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;transition:opacity .55s;display:flex;align-items:center;justify-content:center;z-index:5}#bfade.on{opacity:1}#bfade b{color:#fff;font-size:26px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 0 #000}#bdone{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b102000;pointer-events:none;transition:background .5s;display:flex;align-items:center;justify-content:center;z-index:4}#bdone.on{background:#0b102066;pointer-events:auto}#bdone .bdbox{opacity:0;transform:translateY(8px);transition:all .35s}#bdone.on .bdbox{opacity:1;transform:none}.bdbox{background:#fffdf6f0;border-radius:14px;padding:7px 10px;width:min(92%,340px);text-align:center;box-shadow:0 8px 24px #0006}.bdt{font-size:15px;color:#3b2a1a}.bdst,.bdrw{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 9px;font-size:11.5px;font-weight:800;margin:2px 0;color:#5a4a3a}.bdrw span{display:inline-flex;align-items:center;gap:2px}.bdbtn{margin-top:5px;justify-content:center;gap:8px}.bdbtn .btn{padding:7px 11px;font-size:13px}.qk{display:flex;align-items:center;gap:3px;margin:3px 0}.qk span{font-size:20px;filter:grayscale(1) opacity(.35)}.qk span.on{filter:none}.qk small{margin-left:4px;font-weight:800}.prof{position:relative;height:9px;border-radius:5px;background:#e8e2d2;overflow:hidden;margin:0 0 4px;max-width:200px;box-shadow:inset 0 1px 1px #0000001a}.prof i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#ffb347,#e8590c)}.profl{display:flex;justify-content:space-between;align-items:baseline;max-width:200px;margin:5px 0 2px;font-size:11.5px;font-weight:800;color:#5a4a36;line-height:1.2}.profl b{font-size:13px;font-weight:900;color:#c4500a}.profl b.max{color:#2f9a1e}.profl b.nl{font-size:11.5px;color:#8a8f9c}button.act.dia{background:linear-gradient(#7fe8ff,#2a9fd6);box-shadow:0 2px #1a6a8a;margin-left:4px}@media (min-aspect-ratio: 1/1) and (max-height: 650px) and (min-width: 560px){#app{max-width:none;display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,min(460px,50%));grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"top panel" "sbar panel" "mats panel" "battle panel" "tabs panel"}#top{grid-area:top}#sbar{grid-area:sbar}#mats{grid-area:mats}#panel{grid-area:panel;min-height:0}#tabs{grid-area:tabs;position:static}#battle{grid-area:battle;aspect-ratio:auto!important;width:100%;height:100%;min-height:0;background:#0f1320}#app{background:#151b2b}#panel{background:var(--bg)}#roomwrap{width:min(100%,calc((100vh - 146px)*1.3));width:min(100%,calc((100dvh - 146px)*1.3));margin:0 auto}}#battle.bdon #bhint{display:none}#tpanel{width:min(300px,64%);pointer-events:none}#tpanel.dock-r{left:auto;right:8px}#tpanel.dock-l{left:8px;right:auto}#tpanel .tcard{pointer-events:none}#tpanel .tcard button,#tpanel .tcard a,#tpanel .tcard input{pointer-events:auto}#heropill{position:relative}.syncb{display:none;position:absolute;left:-3px;bottom:-4px;align-items:center;gap:1px;height:14px;padding:0 3px;border-radius:7px;background:#fff;border:1.5px solid #3fb52a;color:#2f8a1e;font-size:9px;font-weight:900;line-height:1;box-shadow:0 1px 2px #0004;pointer-events:none;white-space:nowrap;z-index:2}.syncb.on{display:inline-flex}.syncb i{font-style:normal;font-size:9px}.syncb span:empty{display:none}.syncb span{margin-left:2px}.syncb.syncing{border-color:#8aa4c8;color:#4a6a94}.syncb.err,.syncb.offline{border-color:#e8590c;color:#c4500a}#hpname.synced{color:#7ee05f;font-weight:900}.slot.bgpack{background:linear-gradient(#fff3dc,#f2d9a8);border-color:#b8863a}.slot.bgpack svg{width:70%;height:70%}.pcoin{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 5px;border-radius:17px;background:radial-gradient(circle at 35% 30%,#fff6b0,#ffd23a 45%,#d99a10);border:2px solid #9a6a08;box-shadow:inset 0 -2px #0002,0 1px 2px #0003}.pcoin b{font-size:12px;font-weight:900;color:#5a3a00;text-shadow:0 1px 0 #fff8}.qty{display:inline-block;font-weight:900;font-size:12px;color:#5a4a36;background:#eef0f4;border-radius:8px;padding:0 6px;margin-left:2px}.dtabs{display:flex;gap:6px}.dtabs button{flex:1;border:2px solid #5a4e5e;background:#2a2330;color:#f1e9d4;border-radius:10px;padding:5px 2px;font-weight:900;font-size:12px;display:flex;flex-direction:column;align-items:center}.dtabs button span{font-size:20px}.dtabs button.on{background:#6a4a2a;border-color:#ffd23a}.dinfo{text-align:left;display:flex;flex-direction:column;gap:5px}.drow{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12.5px;font-weight:800}.drow .up{color:#7fe05f}.drow .down{color:#ff7a5a}.dcoop{border:1px dashed #6a5e6e;border-radius:8px;padding:3px 6px}.dkeys span svg{display:block}.pkbags{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:6px 0}.pkbag{border:2px solid #d8c8a8;background:#fffaf0;border-radius:10px;padding:4px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;font-size:12px;cursor:pointer}.pkbag small{font-size:10.5px}.pkbag.on{border-color:#2f9a1e;background:#eaf8e4}.pkbag:disabled:not(.on){opacity:.55}.btn.enter{background:linear-gradient(#8fd06a,#4f9a3a);box-shadow:0 2px #2f6a22}.gbtn:empty{display:none}.ainv{font-size:13px;margin:4px 0;font-weight:700}.ainv.ok{color:#2e9d3a}.ainv.bad{color:#c0392b}.gor,.glink{margin:8px 0}.clanbox{margin:8px 0;padding:8px;border-radius:12px;background:#0000000a}.clm{display:flex;justify-content:space-between;font-size:13px;padding:2px 0}@media (max-height:520px){.wpop.gate{padding-top:10px;max-height:calc(100dvh - 12px)}.wpop.gate .wbadge{display:none}.wpop.gate h2,.wpop.gate p{margin:2px 0}.wpop.gate .onbin{margin:4px 0;padding:6px 10px}.wpop.gate .gor{margin:4px 0}}.packpop{max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}@media (min-aspect-ratio: 1/1) and (max-height: 650px){.packpop{width:min(96vw,640px)}.packpop .pgrid{grid-template-columns:repeat(7,1fr);gap:6px;margin:6px 0}.pkbags{display:flex;flex-wrap:wrap;gap:6px}}#tpanel{width:min(240px,58%)}#tpanel .tcard{padding:7px 9px;border-radius:12px}#tpanel .tcard p,#tpanel .tcard small{font-size:12px;line-height:1.25;margin:2px 0}#tpanel .tcard h3,#tpanel .tcard b{font-size:14px}#tpanel .tcard .btn{font-size:12px;padding:6px 9px;margin:2px 3px 2px 0}#tpanel.dock-b{bottom:6px}#tpanel.dock-t{top:6px}#tpanel .pinfo{display:none}@media (min-height:900px){#tpanel .pinfo{display:block}}.sben{cursor:pointer}@media (max-height:420px){.dunpop{padding:8px 12px!important}.dunpop .dinfo>small:first-child,.dunpop .dlong,.dunpop .dcoop{display:none}.dunpop .dtabs button{flex-direction:row;justify-content:center;gap:4px;padding:3px}.dunpop .dtabs button span{font-size:15px}.dunpop .dinfo{gap:3px}}@media (max-height:340px){.packpop .pkbags{display:grid;grid-template-columns:repeat(4,1fr)}.packpop .pkbag small{display:none}.packpop .pgrid{margin:3px 0}.avopt{padding:2px}}#tavwrap{display:flex;flex-direction:column;height:100%;min-height:0;background:#2a1c12;color:#f6ecd6}.tavtop{display:flex;align-items:center;gap:8px;padding:6px 8px;flex-wrap:nowrap}.tavtop>b{flex:1;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tavtop .btn{padding:6px 10px;font-size:13px}.tavtabs{display:flex;gap:4px}.tavtabs button{border:2px solid #6a4a2a;background:#3a281a;color:#f6ecd6;border-radius:9px;padding:5px 8px;font-weight:900;font-size:12px}.tavtabs button.on{background:#8a5a32;border-color:#ffd23a}.tavtabs button.glow{box-shadow:0 0 8px #ffd23a88}#tavscene{flex:0 0 auto;height:clamp(120px,34vh,300px);overflow:hidden;border-top:2px solid #1a100a;border-bottom:2px solid #1a100a}#tavscene svg{width:100%;height:100%;display:block}.tnpc{cursor:pointer}.tnpc:hover,.tnpc.on{filter:brightness(1.12) drop-shadow(0 0 3px #ffd23a)}.tfire{animation:tflick .35s infinite alternate;transform-origin:44px 128px}@keyframes tflick{to{transform:scaleY(.86) scaleX(1.06)}}#tavpanel{flex:1;min-height:0;display:flex;flex-direction:column;padding:6px 10px 4px;gap:5px}.tsay{font-size:13px}.tsay small{color:#c9b48e;font-size:11px}.bubble{background:#fff8e8;color:#3b2a1c;border-radius:12px;padding:6px 10px;margin-top:3px;font-weight:700;font-size:13px;line-height:1.3;position:relative}.tql{flex:1;min-height:0;display:flex;flex-direction:column;gap:5px;overflow:hidden}.tq{background:#3a281a;border:1.5px solid #6a4a2a;border-radius:10px;padding:6px 8px}.tq.rd{border-color:#7fe05f;box-shadow:0 0 0 1px #7fe05f55}.tqh{display:flex;justify-content:space-between;gap:6px;align-items:baseline}.tqh small{color:#ffd23a;font-weight:800;white-space:nowrap}.tqd{display:block;color:#d9c7a4;font-size:11.5px;line-height:1.25}.tqr{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:2px}.tqr small{font-size:12px}.tq .act{padding:5px 10px;font-size:12px}.tqx{padding:3px 8px!important;font-size:11px}.tqcap{color:#c9b48e;font-size:11px}.tavnext{color:#a8916a;font-size:10.5px;text-align:center;padding:0 0 3px}#tavpanel .pager{color:#f6ecd6}.qhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.qhead .btn{font-size:13px;padding:7px 10px}.qbar{display:block;width:64px;height:8px;border-radius:4px;background:#e8e2d2;overflow:hidden;flex:0 0 64px}.qbar i{display:block;height:100%;background:linear-gradient(#7ee05f,#3fb52a)}@media (max-height:420px){#tavscene{height:clamp(90px,26vh,140px)}.tqd{display:none}.bubble{padding:3px 8px;font-size:12px}}@media (max-height:340px){.mtabs button{padding:4px 6px!important;font-size:12px!important}.mtabs button br{display:none}.mpanel .card{padding:6px 10px!important;margin:4px 0!important;font-size:12.5px}.mpanel .card label{font-size:12.5px}.packpop{padding:8px 10px!important}.packpop .pgrid{gap:4px!important}.packpop .pgrid .slot{min-height:0}.packpop .pkbag{padding:3px 5px!important;font-size:11px}.avgrid,.avopts{gap:4px!important}.avopt{padding:2px!important;font-size:10px!important}.avgrid{grid-template-columns:repeat(8,1fr)!important}.avopt small{display:none}.onbin{padding:5px 10px!important}}@media (max-height:700px){#tavscene{height:clamp(96px,24vh,170px)}.tsay small{display:none}}@media (max-height:640px){.tqd{display:none}.tq{padding:4px 8px}.tavnext{display:none}}@media (max-width:640px),(max-height:420px){.tavtop>b span{display:none}.tavtop{gap:5px;padding:5px 6px}.tavtabs button{padding:4px 6px;font-size:11.5px}.tavtop .btn{padding:5px 8px;font-size:12px}}@media (max-height:340px){#tavscene{height:72px}.bubble{font-size:11.5px;padding:2px 7px}}@media (max-height:340px){.pkhelp{display:none}.packpop .row b{font-size:15px!important}}html,body{height:100%;overflow:hidden;overscroll-behavior:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%}#app{position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;height:var(--app-h,100dvh);max-height:var(--app-h,100dvh)}#tabs{flex:0 0 auto}#battle canvas{touch-action:none}.qty.off{opacity:.45}#fvrunov{z-index:3}@media (max-height:340px){#app.fvmode #panel{padding:6px}.fv-head .back{white-space:nowrap;padding:3px 9px;font-size:12px}.fv-head .tiers button{padding:3px 8px;font-size:12px}.fv-scene{min-height:56px}.fv-info{min-height:0;height:52px;font-size:11px;padding:4px 8px;line-height:1.2}.fv-ctrl{min-height:0;height:44px}.fv-ctrl .qty .qb{padding:0 5px}.fv-ctrl #fvgo{font-size:15px;padding:4px}}@media (max-height:340px){.fv-ctrl .qty{overflow:hidden}.fv-ctrl .qb.max{display:inline-flex;flex-direction:row;align-items:center;gap:3px;max-height:36px;line-height:1}.fv-ctrl .qb.max small{display:inline}}.mpanel>#acct{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-bottom:0}#tpanel.mini{width:min(190px,48%)}#tpanel.mini .tcard{padding:5px 7px}#tpanel.mini .pinfo{display:none!important}#tpanel.mini .tcard b{font-size:13px!important}#tpanel.mini .tcard small,#tpanel.mini .tcard p{font-size:10.5px;line-height:1.2}#tpanel.mini .tcard .btn{font-size:11px;padding:4px 7px}#tpanel.mini .x{width:24px;height:24px;font-size:12px}#tpanel.dock-c{left:50%;right:auto;transform:translate(-50%)}.wpop.onb:has(>.wbadge){overflow:visible;margin-top:30px;max-height:calc(100dvh - 54px)}@media (max-height:420px){.wpop.onb .wbadge{display:none}.wpop.onb:has(>.wbadge){overflow:hidden;margin-top:0;max-height:calc(100dvh - 24px)}}#tpanel.mini .tcard .btn{font-size:11px;padding:3px 7px;margin:2px 3px 2px 0;line-height:1.15}#tpanel.mini .tcard .row{flex-wrap:wrap}@media (max-height:420px){#tpanel.mini .tcard .btn{font-size:10.5px;padding:3px 7px}}@media (max-height:340px){#tpanel.mini{width:min(290px,64%)}#tpanel.mini .tcard>.row:first-child{flex-wrap:nowrap}#tpanel.mini .tcard>div[style]{margin:2px 0!important}}@media (max-height:340px){#tpanel.mini .tcard .btn{white-space:normal;max-width:100%}}#smwrap{position:relative;height:100%;overflow:hidden;background:#3b2a1a}#app.full #roomwrap{height:100%;width:100%;margin:0;border-radius:0;box-shadow:none}#roomwrap svg{width:100%;height:100%}.smfoot{position:absolute;left:10px;right:10px;bottom:10px;z-index:4;display:flex;flex-direction:column;align-items:center;pointer-events:none}.smfoot>*{pointer-events:auto}.smfoot .forgebtn{margin-top:0;max-width:420px}.smhint{margin:0 0 6px;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none!important}#smwrap #stpanel{position:absolute;left:10px;right:10px;bottom:10px;top:auto;z-index:6;max-width:440px;margin:0 auto}#smwrap #stpanel:not(:empty)~.smfoot,#smwrap:has(#stpanel:not(:empty)) .smfoot{visibility:hidden}.zghost{position:fixed;z-index:40;pointer-events:none;overflow:hidden;transition:transform .42s cubic-bezier(.55,0,.85,.45),opacity .42s ease-in}.zghost.zin{transform:scale(3.4);opacity:0}.zghost.zout{transform:scale(.45);opacity:0}#roomwrap.zfrom{transform:scale(3.4);opacity:0;transition:none}#roomwrap{transition:transform .44s cubic-bezier(.2,.6,.3,1),opacity .3s}#forgeview.fv-enter{animation:fvzin .44s cubic-bezier(.2,.6,.3,1)}@keyframes fvzin{0%{opacity:0;transform:scale(.55)}}@media (max-height:340px){.smhint{display:none}.smfoot .forgebtn{padding:6px;font-size:15px}.smfoot .forgebtn small{display:none}}#forgeview{transform-origin:50% 62%}.fvrunov.need{pointer-events:auto;width:min(92%,340px)}.fvneed{display:flex;align-items:center;gap:6px;background:#1b120be6;color:#fff;border:1px solid #ffb35c88;border-radius:10px;padding:4px 6px 4px 9px;font-size:11px;line-height:1.25;box-shadow:0 2px 8px #0006}.fvneed span{flex:1}.fvneed button{flex:none;border:0;border-radius:8px;background:linear-gradient(#ffa94d,#e8590c);color:#fff;font-weight:900;font-size:11px;padding:5px 9px}.cc.no{cursor:pointer;text-decoration:underline dotted}#toast.act{pointer-events:auto}#toast .tact{margin-left:8px;border:0;border-radius:999px;background:#ffa94d;color:#1b2133;font-weight:900;font-size:12px;padding:3px 10px}#townmap{position:relative}#townmap>svg{position:absolute;top:0;right:0;bottom:0;left:0}#townmap svg:not(.tbd){background:none}#townmap svg.tbd{background:#8cc35a;pointer-events:none}