:root{--ink: #eef3f8;--muted: #9fb0c4;--panel: rgba(14, 22, 36, .86);--panel-solid: #121c2c;--panel-2: #1b283c;--line: rgba(160, 185, 215, .18);--ember: #e8742f;--ember-hi: #ff9a4d;--good: #7bc98a;--bad: #e86a5a;--frost: #9fc4e8;--font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--display: "Noto Serif SC", "Songti SC", serif;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:#070b12;color:var(--ink);font-family:var(--font);font-size:14px;overscroll-behavior:none}button{font:inherit;color:inherit}#app{position:relative;max-width:480px;height:100%;margin:0 auto;overflow:hidden;background:#0e1726;-webkit-user-select:none;user-select:none}#camp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;touch-action:manipulation}#top{position:absolute;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 0;display:grid;gap:6px;pointer-events:none}#top>*{pointer-events:auto}.res-row{display:flex;gap:4px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:2px 9px 2px 5px;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.pill b{font-weight:700}.pill.warn b{color:var(--bad)}.status-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.chip{border-radius:6px;padding:3px 8px;font-size:12px;background:var(--panel);border:1px solid var(--line)}.chip.temp{font-weight:500}.chip.surge{background:#4678c8e6;border-color:transparent}.chip.surge.active{background:#4b6fd0;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.65}}.icon-btn{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:3px 9px;font-size:12px;cursor:pointer}#float{position:absolute;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 66px);display:flex;align-items:flex-end;justify-content:space-between;gap:8px;pointer-events:none}#float>*{pointer-events:auto}.modes{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.modes button{border:0;background:transparent;padding:7px 10px;font-size:12px;cursor:pointer;color:var(--muted)}.modes button.on{background:var(--ember);color:#fff}.claim{border:0;border-radius:999px;padding:9px 16px;background:var(--ember);color:#fff;font-weight:700;font-size:13px;box-shadow:0 3px 12px #00000059;cursor:pointer}.claim.dim{background:var(--panel);color:var(--muted);font-weight:500}.queue{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px 9px;font-size:12px;white-space:nowrap;min-width:140px}.queue .bar{margin:4px 0 2px}#nav{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);background:#0a101cf0;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}#nav button{border:0;background:transparent;padding:12px 0 13px;font-size:13px;color:var(--muted);cursor:pointer;position:relative}#nav button.on{color:var(--ember-hi);font-weight:700}#nav .dot{position:absolute;top:8px;right:calc(50% - 22px);width:7px;height:7px;border-radius:50%;background:var(--bad)}#sheet{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 48px);max-height:72%;background:var(--panel-solid);border-top:1px solid var(--line);border-radius:16px 16px 0 0;display:flex;flex-direction:column;box-shadow:0 -10px 30px #0006}.sheet-head{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--line)}.sheet-head h2{margin:0;font-family:var(--display);font-size:19px}.sheet-head .sub{color:var(--muted);font-size:12px}.sheet-head .x{margin-left:auto;border:0;background:var(--panel-2);border-radius:8px;padding:4px 10px;cursor:pointer}.sheet-body{overflow-y:auto;padding:12px 16px 18px;display:grid;gap:12px}.desc{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-variant-numeric:tabular-nums}.card{background:var(--panel-2);border-radius:10px;padding:12px;display:grid;gap:8px}.card h3{margin:0;font-size:14px}.cost{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;font-variant-numeric:tabular-nums}.cost span.lack{color:var(--bad)}.btn{border:0;border-radius:10px;padding:10px 14px;background:var(--ember);color:#fff;font-weight:700;cursor:pointer}.btn:disabled{background:#3a4558;color:#8796a8;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink);font-weight:500}.btn.small{padding:6px 10px;font-size:12px;border-radius:8px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.reason{color:var(--bad);font-size:12px}.ok{color:var(--good)}.bar{height:8px;background:#26344a;border-radius:4px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--ember-hi);border-radius:4px}button:focus-visible{outline:2px solid var(--ember-hi);outline-offset:2px}.job{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.job .n{font-variant-numeric:tabular-nums;min-width:52px;text-align:center}.job small{display:block;color:var(--muted);font-size:11px}.step{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);cursor:pointer;font-size:16px}.team{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.slot{background:var(--panel-2);border-radius:8px;padding:6px 4px;text-align:center;font-size:11px;min-height:52px;display:grid;align-content:center;gap:2px;border:1px solid transparent;cursor:pointer}.slot .pos{color:var(--muted);font-size:10px}.heroes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero{background:var(--panel-2);border-radius:10px;padding:10px;border-left:4px solid;cursor:pointer;display:flex;gap:8px;align-items:center;text-align:left;border-top:0;border-right:0;border-bottom:0;min-width:0}.hero-info{display:grid;gap:2px;min-width:0}.hero:hover{background:#22324a}.hero .nm{font-weight:700;font-size:14px}.hero .meta{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero .nm{white-space:nowrap}.hero .pw{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.tag{display:inline-block;font-size:10px;padding:0 6px;border-radius:4px;background:#e8742f33;color:var(--ember-hi);margin-left:4px}.stars{color:#ffc861;letter-spacing:1px;font-size:11px}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#040810d1;display:grid;place-items:center;padding:16px;z-index:5}.modal{width:100%;max-width:420px;max-height:92%;overflow-y:auto;background:var(--panel-solid);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:12px}.modal h2{margin:0;font-family:var(--display);font-size:21px;text-align:center}.pulls{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pull{border-radius:8px;padding:8px 2px;text-align:center;font-size:11px;background:var(--panel-2);border-top:3px solid;animation:pop .35s both}.pull b{display:block;font-size:12px}@keyframes pop{0%{transform:scale(.6);opacity:0}}.battle{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#1a2840,#0c1320);display:grid;grid-template-rows:auto 1fr auto;padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(env(safe-area-inset-bottom,0px) + 12px);gap:10px;z-index:6}.battle-head{display:flex;justify-content:space-between;align-items:center}.battle-head h2{margin:0;font-family:var(--display);font-size:18px}.field{display:grid;gap:10px;align-content:center}.line{display:flex;justify-content:center;gap:8px}.vs{text-align:center;color:var(--muted);font-size:12px}.unit{position:relative;width:96px;background:#ffffff0f;border-radius:10px;padding:6px;display:grid;gap:3px;transition:transform .15s,opacity .4s;border:1px solid var(--line)}.unit.e{background:#78a0dc14}.unit.boss{border-color:var(--bad)}.unit.act{transform:translateY(-4px) scale(1.06);border-color:var(--ember-hi)}.unit.dead{opacity:.25}.unit .un{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit .hp,.unit .rg{height:5px;background:#26344a;border-radius:3px;overflow:hidden}.unit .hp i{display:block;height:100%;background:var(--good);transition:width .25s}.unit.e .hp i{background:var(--bad)}.unit .rg i{display:block;height:100%;background:#ffc861;transition:width .25s}.unit .skill{position:absolute;left:50%;top:-18px;transform:translate(-50%);font-size:11px;background:var(--ember);border-radius:6px;padding:1px 6px;white-space:nowrap}.float{position:absolute;left:50%;top:10px;transform:translate(-50%);font-weight:700;font-size:15px;pointer-events:none;animation:rise .8s forwards;text-shadow:0 1px 2px #000}.float.crit{color:#ffc861;font-size:18px}.float.heal{color:var(--good)}@keyframes rise{to{transform:translate(-50%,-26px);opacity:0}}.battle-foot{display:flex;gap:8px;justify-content:center}#toasts{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 140px);display:grid;justify-items:center;gap:6px;pointer-events:none;z-index:10}.toast{background:#0e1624f0;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;transition:opacity .4s,transform .4s;max-width:90%;text-align:center}.toast.big{border-radius:12px;padding:9px 14px;font-size:14px;background:linear-gradient(160deg,#2a3a55,#18243a);border-color:#ffd66e8c;color:#ffe9b8}.toast.out{opacity:0;transform:translateY(-8px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.icon-btn .dot{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--bad)}.signin{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sday{background:#223149;border-radius:8px;padding:6px;font-size:11px;display:grid;gap:2px;text-align:center;color:var(--muted)}.sday b{color:var(--ink);font-size:12px}.sday.got{opacity:.45}.sday.big{grid-column:span 2;border:1px solid var(--ember);color:var(--ember-hi)}.guide{width:100%;background:linear-gradient(100deg,#c45420f5,#e8742ff0);color:#fff;border:1px solid rgba(255,190,120,.35);border-radius:12px;padding:7px 10px;font-size:13px;text-align:left;cursor:pointer;box-shadow:0 4px 14px #00000059;display:flex;gap:10px;align-items:center}.guide .gstep{flex:none;font-size:10px;font-weight:700;letter-spacing:.5px;background:#00000038;border-radius:6px;padding:3px 6px}.guide .gtext{flex:1;min-width:0;display:grid;gap:1px}.guide .gtext b{font-size:14px}.guide .gtext small{font-size:11px;opacity:.88;line-height:1.35}.guide .grw{flex:none;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:42%}.guide .grw em{font-style:normal;font-weight:700;background:#fff;color:#b5541c;border-radius:999px;padding:2px 9px;font-size:12px}.rw{display:inline-flex;align-items:center;gap:2px;background:#0000003d;border-radius:999px;padding:1px 7px 1px 3px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.guide.ready{background:linear-gradient(100deg,#d99a2b,#f3c14d);color:#2a1a06;border-color:#ffe3a0;animation:guide-glow 1.4s ease-in-out infinite}.guide.ready .gstep{background:#ffffff59}.guide.ready .rw{background:#fff6}@keyframes guide-glow{0%,to{box-shadow:0 4px 14px #00000059,0 0 #ffd66e99}50%{box-shadow:0 4px 14px #00000059,0 0 0 6px #ffd66e00}}.fly{position:absolute;z-index:9;display:flex;align-items:center;gap:3px;font-weight:700;color:#ffe3a0;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none;transform:translate(0) scale(1.2);opacity:1;transition:transform .8s cubic-bezier(.5,-.3,.7,1),opacity .8s ease-in}.fly.go{opacity:.2}.pill.bump{animation:bump .45s ease-out}@keyframes bump{30%{transform:scale(1.18);background:#e8742f8c}}.story{text-align:center;justify-items:center;padding:26px 22px 20px;background:radial-gradient(circle at 50% 0%,#2a3a55 0%,var(--panel-solid) 62%)}.story .desc{font-size:14px;line-height:1.7;color:#d7e0ec}.story-art{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ffa05059,#ffa05000 70%);animation:story-pulse 2.4s ease-in-out infinite}@keyframes story-pulse{50%{transform:scale(1.06)}}.story .btn{min-width:180px}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:#3a4a62}.dots i.on{background:var(--ember-hi)}.ico{display:inline-flex;line-height:0}.portrait{display:inline-flex;line-height:0;flex:none}.slot .portrait{justify-self:center}.empty-slot{width:38px;height:38px;border-radius:50%;border:1.5px dashed var(--line);justify-self:center}.hero-head{display:flex;gap:12px;align-items:center}.pull .portrait{margin:0 auto 2px}.pull{display:grid;justify-items:center;gap:1px}.unit{justify-items:center;text-align:center}.unit .hp,.unit .rg{width:100%}.unit.lunge-p{transform:translateY(-14px) scale(1.06)}.unit.lunge-e{transform:translateY(14px) scale(1.06)}.unit.hit{animation:hit .3s}@keyframes hit{0%{filter:brightness(2) saturate(.3);transform:translate(-3px)}40%{transform:translate(3px)}to{filter:none;transform:none}}.battle.shake{animation:shake .25s}@keyframes shake{25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,-1px)}}.battle{background:radial-gradient(ellipse at 50% 55%,#2a3d5c,#142034 55%,#0a111d)}.battle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 20% 30%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 70% 60%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 85% 20%,rgba(255,255,255,.4),transparent);background-size:180px 180px;animation:snowfall 6s linear infinite}@keyframes snowfall{to{background-position:0 180px,0 180px,0 180px,0 180px}}.queues{display:grid;gap:4px}.queues .queue{text-align:left;cursor:pointer;color:var(--ink);font:inherit;font-size:12px;display:grid;gap:3px}.queues .queue.idle{color:var(--muted);border-style:dashed}.queues .queue .bar{margin:0;height:6px}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pack{background:#223149;border:1px solid var(--line);border-radius:8px;padding:8px 4px;display:grid;gap:2px;justify-items:center;cursor:pointer;color:var(--ink);font:inherit;font-size:12px}.pack b{font-size:15px;color:#8fd0f5}.xlist{display:grid;gap:6px}.xrow{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.xn{display:grid;font-weight:500}.xn small{color:var(--muted);font-weight:400;font-size:11px}.tabs{display:flex;gap:4px;background:var(--panel-2);border-radius:10px;padding:3px}.tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:7px 0;border-radius:8px;font-size:13px;cursor:pointer}.tabs button.on{background:var(--ember);color:#fff;font-weight:700}.card.pick{outline:1.5px solid var(--ember)}.members{display:flex;flex-wrap:wrap;gap:6px}.members span{background:#223149;border-radius:6px;padding:2px 8px;font-size:12px}.members .me{background:var(--ember);color:#fff}.bar.sun{height:12px}.bar.sun>i{background:linear-gradient(90deg,#e8742f,#ffd36b)}.claim.defense{background:#4b6fd0;animation:pulse 1.4s infinite}.bar.wall>i{background:linear-gradient(90deg,#8aa0bc,#d6e2ee)}.waves{display:grid;gap:6px}.wave{display:grid;grid-template-columns:52px 1fr auto auto;gap:8px;align-items:center;background:var(--panel-2);border-radius:8px;padding:8px 10px;font-size:13px}.wave.cur{outline:1.5px solid #6f9ae0}.wave.done{opacity:.6}.fb-text{width:100%;background:#0f1826;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit;font-size:13px;resize:vertical}.glow{animation:glow 1.1s ease-in-out infinite;position:relative}@keyframes glow{0%,to{box-shadow:0 0 #ffd66ed9,0 0 12px #ffbe5a80}50%{box-shadow:0 0 0 7px #ffd66e00,0 0 22px #ffbe5ad9}}.nextstep{display:flex;align-items:center;gap:8px;width:100%;border:1px solid rgba(255,190,120,.45);background:linear-gradient(100deg,#c4542059,#e8742f38);color:var(--ink);border-radius:10px;padding:8px 10px;font:inherit;font-size:13px;text-align:left;cursor:pointer}.nextstep b{flex:none;font-size:11px;background:var(--ember);color:#fff;border-radius:6px;padding:2px 6px}.nextstep span{flex:1;min-width:0}.nextstep em{flex:none;font-style:normal;font-weight:700;color:var(--ember-hi)}.nextstep.here{cursor:default;background:#ffd66e1f;border-color:#ffd66e80}.nextstep.here b{background:#d99a2b}#spot{position:absolute;z-index:4;pointer-events:none;border-radius:50%;transition:left .35s ease,top .35s ease,width .35s ease,height .35s ease,border-radius .35s}#spot:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:3px solid #ffd36e;border-radius:inherit;animation:spot-ring 1.3s ease-out infinite}@keyframes spot-ring{0%{transform:scale(.94);opacity:1}to{transform:scale(1.18);opacity:0}}.spot-tip{position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%);background:#ffd36e;color:#2a1a06;font-weight:700;font-size:13px;padding:4px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 3px 10px #0006;animation:spot-bob .7s ease-in-out infinite alternate}.spot-tip:before{content:"";position:absolute;left:50%;top:-6px;margin-left:-6px;border:6px solid transparent;border-top:0;border-bottom-color:#ffd36e}#spot.above .spot-tip{top:auto;bottom:calc(100% + 10px)}#spot.above .spot-tip:before{top:auto;bottom:-6px;border-bottom:0;border-top:6px solid #ffd36e}@keyframes spot-bob{0%{margin-top:0}to{margin-top:6px}}#spot.flash{animation:spot-flash .6s ease-out}@keyframes spot-flash{0%{transform:scale(1.4)}to{transform:scale(1)}}.vol-row{display:grid;grid-template-columns:1fr 140px 32px;align-items:center;gap:10px;font-size:14px}.vol-row input{width:100%;accent-color:var(--ember)}.vol-val{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.guide-wrap{display:grid;gap:6px}.btn.supply{width:100%;font-size:13px;padding:8px 10px;background:linear-gradient(100deg,#d99a2b,#f3c14d);color:#2a1a06}