:root{--bg: #0f1412;--panel: #151c19;--raise: #1d2622;--line: #2a3731;--text: #ebe5d3;--muted: #95a199;--jade: #5fb39a;--jade-hi: #9fe0d0;--gold: #d9b46a;--cinnabar: #c8452f;--good: #8fd08a;--bad: #e58b78;--f-display: "Noto Serif TC", "Songti TC", "PMingLiU", serif;--f-body: "LXGW WenKai TC", "Kaiti TC", "STKaiti", "DFKai-SB", "BiauKai", serif;--r: 6px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--text)}body{margin:0;font:15px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}body.staged{overflow:hidden}h1,h2,h3{font-family:var(--f-display);margin:0;text-wrap:balance;font-weight:700}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--jade-hi);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:13px}.ok{color:var(--good)}.bad{color:var(--bad)}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.top-in,.nav{max-width:1100px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.top-in{display:flex;align-items:center;gap:18px;padding-block:10px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:20px;letter-spacing:.1em}.seal{background:var(--cinnabar);color:#f6e9dc;font-size:13px;padding:4px 5px;border-radius:3px;writing-mode:vertical-rl;letter-spacing:.05em;line-height:1.1}.head-live{display:flex;align-items:center;gap:16px;flex:1;min-width:0;flex-wrap:wrap}.realm-chip{display:flex;flex-direction:column;line-height:1.25}.realm-chip b{font-family:var(--f-display);color:var(--rc);font-size:17px}.realm-chip small,.head-res small,.head-exp small{color:var(--muted);font-size:12px}.head-exp{flex:1;min-width:160px}.head-exp.full small{color:var(--gold)}.head-res{display:flex;flex-direction:column;line-height:1.25;text-align:right}.head-res b{color:var(--jade-hi);font-size:17px}.nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.nav button{background:none;border:0;padding:8px 14px 10px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px;white-space:nowrap;position:relative}.nav button span{font-family:var(--f-display);font-size:13px;width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.nav button.on{color:var(--text);border-bottom-color:var(--jade)}.nav button.on span{border-color:var(--jade);color:var(--jade-hi)}.nav button.alert:after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}.main{max-width:1100px;margin:0 auto;padding-block:20px 60px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;gap:18px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:18px}.grid2>*{min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:grid;gap:12px;align-content:start;min-width:0}.panel h2{font-size:17px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.panel h2 small{font-family:var(--f-body);font-weight:400;font-size:13px;color:var(--muted)}.panel h3{font-size:14px;color:var(--muted);font-family:var(--f-body);letter-spacing:.08em}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bar{height:8px;background:#0a0e0c;border:1px solid var(--line);border-radius:4px;overflow:hidden;position:relative}.bar i{display:block;height:100%;background:var(--jade);transition:width .3s}.bar.full i{background:linear-gradient(90deg,var(--gold),#f3d79a);animation:glow 1.6s ease-in-out infinite}.bar.herb i{background:var(--c)}@keyframes glow{50%{filter:brightness(1.3)}}.btn{background:var(--jade);color:#0c1512;border:0;border-radius:var(--r);padding:8px 16px;cursor:pointer;font-weight:700;display:inline-flex;flex-direction:column;align-items:center;line-height:1.3}.btn small{font-weight:400;font-size:12px;opacity:.8}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.gold{background:var(--gold);color:#1c140a}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--cinnabar);color:#fbeee6}.btn.small{padding:5px 12px;font-size:13px}.btn.tiny{padding:3px 9px;font-size:12px}.costs{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px}.cost{color:var(--muted)}.cost.lack{color:var(--bad)}.buy{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}.tag{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:1px 9px;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:13px;border:1px solid color-mix(in srgb,var(--c, var(--jade)) 45%,transparent);border-radius:20px;padding:1px 10px 1px 3px}.chip i{font-style:normal;font-family:var(--f-display);font-size:11px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c, var(--jade)) 22%,transparent);color:var(--c, var(--jade))}.chip em{font-style:normal;color:var(--muted)}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:14px}.kv dt{color:var(--muted)}.kv dd{margin:0}.hero{display:grid;grid-template-columns:auto 1fr;gap:22px;background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--rc) 16%,transparent),transparent 60%),var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}.hero-seal{writing-mode:vertical-rl;font-family:var(--f-display);font-weight:900;font-size:clamp(44px,9vw,80px);line-height:1;color:var(--rc);border:3px solid var(--rc);border-radius:4px;padding:10px 6px;align-self:start;letter-spacing:.1em;text-shadow:0 0 24px color-mix(in srgb,var(--rc) 40%,transparent)}.hero-body{display:grid;gap:10px;min-width:0;align-content:start}.hero.has-med{grid-template-columns:auto 1fr auto}.hero-med{width:168px;align-self:center}.med{display:block;width:100%;height:auto;overflow:visible;--med-glow: var(--rc)}.med *{animation-delay:calc(var(--t, 0s) + var(--d, 0s))!important}.med-body{transform-box:view-box;transform-origin:80px 150px;animation:med-breath 4.8s ease-in-out infinite}.med-aura{transform-box:fill-box;transform-origin:center;animation:med-pulse 4.8s ease-in-out infinite}.med-ring{opacity:0;transform-box:fill-box;transform-origin:center}.med-wisp{opacity:0;animation:med-rise 3.2s ease-in infinite}.med.full{--med-glow: var(--gold)}.med.full .med-aura{animation-duration:3.2s}.med.breaking{--med-glow: #ffd77a}.med.breaking .med-aura{animation:med-pulse-hard 1.4s ease-in-out infinite}.med.breaking .med-ring{opacity:.8;animation:med-spin 9s linear infinite}.med.breaking .med-wisp{animation:med-gather 1.6s ease-in infinite}@keyframes med-breath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1.2px) scale(1.012)}}@keyframes med-pulse{0%,to{transform:scale(.9);opacity:.75}50%{transform:scale(1.04);opacity:1}}@keyframes med-pulse-hard{0%,to{transform:scale(.95);opacity:.85}50%{transform:scale(1.12);opacity:1}}@keyframes med-spin{to{transform:rotate(360deg)}}@keyframes med-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}to{transform:translateY(-104px);opacity:0}}@keyframes med-gather{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-112px);opacity:0}}.hero h1{font-size:clamp(26px,4vw,38px);color:var(--text)}.hero p{margin:0}.nums{color:var(--muted);font-size:14px}.break{border-top:1px dashed var(--line);padding-top:12px;display:grid;gap:10px}.break-row{display:flex;gap:10px;flex-wrap:wrap}.maps-lock{border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));background:color-mix(in srgb,var(--gold) 8%,var(--panel));border-radius:var(--r);padding:12px 16px;color:var(--gold)}.break.casting .bar.cast i{background:linear-gradient(90deg,var(--gold),#fff3c4,var(--gold));background-size:200% 100%;animation:castflow 1.2s linear infinite}@keyframes castflow{to{background-position:-200% 0}}.road{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:r}.road li{display:flex;justify-content:space-between;align-items:baseline;padding:6px 10px;border-left:3px solid var(--line);color:var(--muted)}.road li b{font-family:var(--f-display)}.road li.past{border-color:color-mix(in srgb,var(--rc) 50%,transparent)}.road li.cur{border-color:var(--rc);color:var(--text);background:color-mix(in srgb,var(--rc) 10%,transparent)}.road li.cur b{color:var(--rc)}.line{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.log{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px}.log li{padding-left:14px;position:relative}.log li:before{content:"";position:absolute;left:2px;top:.65em;width:5px;height:5px;background:var(--muted);border-radius:50%}.log li.good:before{background:var(--jade)}.log li.bad:before{background:var(--cinnabar)}.log li.gold{color:var(--gold)}.log li.gold:before{background:var(--gold)}.prep .kv.wide{grid-template-columns:6em 1fr}.maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.map-card{border:1px solid var(--line);border-radius:var(--r);padding:16px;display:grid;gap:10px;align-content:start;background:radial-gradient(circle at 85% 20%,var(--k) 0 40px,transparent 41px),radial-gradient(circle at 70% 35%,var(--k) 0 22px,transparent 23px),var(--g)}.map-card header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.map-card h3{font-size:20px}.map-card p{margin:0;font-size:14px}.map-card .btn{justify-self:start;padding-inline:28px}.map-card.locked{opacity:.55}.blds,.tres{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}.bld,.tre{display:grid;grid-template-columns:44px 1fr;gap:12px;background:var(--raise);border-radius:var(--r);padding:12px;min-width:0}.bld-glyph,.tre-glyph{width:44px;height:44px;display:grid;place-items:center;font-family:var(--f-display);font-size:22px;border:1px solid var(--line);border-radius:50%;color:var(--c, var(--jade-hi))}.bld-body,.tre-body{display:grid;gap:4px;min-width:0}.bld h3,.tre h3{font-size:16px;color:var(--text);font-family:var(--f-display);letter-spacing:0;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.bld h3 small,.tre h3 small{font-family:var(--f-body);font-weight:400;font-size:12px;color:var(--muted)}.bld p,.tre p{margin:0}.next{color:var(--jade-hi);display:block}.tre.eq{box-shadow:inset 0 0 0 1px var(--gold)}.tre.eq .tre-glyph{border-color:var(--gold)}.bottle{display:flex;gap:14px;align-items:center}.bottle-ico{width:46px;height:58px;border-radius:40% 40% 30% 30%/20% 20% 50% 50%;background:linear-gradient(180deg,#2c4a40,#5fb39a);display:grid;place-items:center;font-family:var(--f-display);color:#e8f5ee;flex:none;box-shadow:0 0 18px #5fb39a55}.bottle p{margin:0}.plots{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:10px}.plot{background:var(--raise);border-radius:var(--r);padding:10px;display:grid;gap:6px;align-content:start;border-top:3px solid var(--c, var(--line))}.plot.empty{border-top-style:dashed}.plot.empty .btn{justify-self:start}.recipes{display:grid;gap:8px}.recipe{display:grid;grid-template-columns:minmax(150px,1fr) 2fr auto;gap:12px;align-items:center;background:var(--raise);padding:8px 12px;border-radius:var(--r)}.recipe>div:first-child{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.recipe.locked{opacity:.5}.raid.ready{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 24px #d9b46a22}.raid p{margin:0}.dscs{display:grid;gap:8px}.dsc{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;background:var(--raise);border-radius:var(--r);padding:8px 12px}.dsc>div{display:grid;min-width:0}.dsc small{font-size:12px}.dsc .buy{flex-direction:column;align-items:flex-end;gap:4px}.dsc-glyph{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--c);color:var(--c);display:grid;place-items:center;font-family:var(--f-display)}.dsc.idle{opacity:.78}.dsc .stats{margin-top:2px}.stats{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:12px;color:var(--muted)}.stats .aim{font-size:11px;padding:0 6px;border-radius:4px;background:#ffffff10;color:var(--text)}.stats .aim-area{background:#ff9a5a22;color:#ffb88a}.stats .aim-chain{background:#a9c4ff22;color:#c4d6ff}.stats b.dps{color:var(--jade-hi)}.stats b{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.tier{display:inline-block;font-weight:400;font-size:11px;line-height:1.5;padding:0 7px;margin-left:6px;border-radius:10px;color:var(--tc);border:1px solid color-mix(in srgb,var(--tc) 55%,transparent);background:color-mix(in srgb,var(--tc) 12%,transparent);vertical-align:1px;white-space:nowrap}.post-sel{background:#0a0e0c;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:3px 6px;font:inherit;font-size:12px;max-width:13em}.costs.inline{display:inline-flex;vertical-align:baseline}.raid-pick label{display:inline-flex;gap:8px;align-items:center}.raid-pick .post-sel{max-width:16em}.cands{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px}.cand{background:var(--raise);border-radius:var(--r);padding:10px 12px;display:grid;gap:8px;align-content:start;border-top:3px solid var(--tc, var(--line))}.cand header{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center}.cand header>div{display:grid;min-width:0}.cand header small{font-size:12px;color:var(--muted)}.cand .row{gap:6px}.cand.empty{place-items:center;min-height:72px;border-top-style:dashed}@media(max-width:560px){.dsc{grid-template-columns:38px 1fr}.dsc .buy{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end}}.inv{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px}.inv-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;background:var(--raise);padding:8px 10px;border-radius:var(--r)}.inv-item>div{display:grid;min-width:0}.inv-item b em{font-style:normal;color:var(--jade-hi);margin-left:8px}.inv-item small{font-size:12px}.inv-glyph{width:34px;height:34px;border-radius:4px;display:grid;place-items:center;font-family:var(--f-display);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 50%,transparent)}textarea{width:100%;background:#0a0e0c;color:var(--text);border:1px solid var(--line);border-radius:var(--r);padding:8px;font:12px/1.4 ui-monospace,monospace;resize:vertical}.toasts{position:fixed;z-index:100;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column-reverse;gap:6px;width:min(92vw,440px);pointer-events:none}.toast{background:#1d2622f2;border:1px solid var(--line);border-left:3px solid var(--jade);padding:8px 12px;border-radius:var(--r);font-size:14px;animation:tin .25s ease-out;transition:opacity .4s,transform .4s}.toast.bad{border-left-color:var(--cinnabar)}.toast.gold{border-left-color:var(--gold)}.toast.out{opacity:0;transform:translateY(6px)}@keyframes tin{0%{opacity:0;transform:translateY(8px)}}.stage{position:fixed;inset:0;z-index:50;background:#0d1110;touch-action:none;user-select:none;-webkit-user-select:none}.run-canvas,.td-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.run-hud{position:absolute;inset:0;pointer-events:none;padding:calc(10px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:8px}.hud-top{display:flex;gap:12px;align-items:flex-start}.hud-bars{flex:1;max-width:360px;display:grid;gap:4px}.hud-bars .bar{height:15px}.hud-bars .bar span{position:absolute;inset:0;font-size:11px;line-height:13px;padding-left:6px;color:#fff;text-shadow:0 1px 2px #000}.bar.hp i{background:linear-gradient(90deg,#a83a28,var(--cinnabar))}.bar.boss{height:10px}.bar.boss i{background:var(--cinnabar)}.hud-meta{display:grid;text-align:center;margin-left:auto;text-shadow:0 1px 3px #000}.hud-time{font-family:var(--f-display);font-size:20px}.hud-time.danger{color:var(--bad);animation:glow 1s infinite}.hud-kill,.hud-phase{font-size:12px;color:var(--muted)}.hud-phase.deep{color:var(--gold, #e0c070)}.hud-btn{pointer-events:auto;background:#0008;border:1px solid var(--line);border-radius:var(--r);width:38px;height:38px;cursor:pointer;font-size:12px}.hud-boss{align-self:center;width:min(80%,460px);display:grid;gap:3px;text-align:center;font-family:var(--f-display);color:var(--bad);text-shadow:0 1px 3px #000}.hud-banner{align-self:center;font-family:var(--f-display);font-size:clamp(18px,3.4vw,26px);color:var(--gold);text-shadow:0 2px 10px #000;opacity:0;text-align:center}.hud-banner.show{animation:banner 2.6s ease-out}@keyframes banner{0%{opacity:0;transform:translateY(-6px) scale(.96)}12%,75%{opacity:1;transform:none}to{opacity:0}}.act-info{color:var(--c, var(--jade-hi))}.hud-acts{position:absolute;left:max(12px,env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;pointer-events:auto}.act-btn{--p: 0%;position:relative;width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;padding:0;color:var(--text);background:radial-gradient(circle,#0d1110 60%,transparent 61%),conic-gradient(var(--c) var(--p),#ffffff1c var(--p));display:grid;place-items:center;touch-action:none}.act-btn span{font-family:var(--f-display);font-size:20px;color:var(--c);line-height:1;margin-top:-6px;opacity:.55}.act-btn small{position:absolute;bottom:9px;font-size:9px;color:var(--muted);white-space:nowrap}.act-btn kbd{position:absolute;top:-4px;right:-4px;font:10px/16px var(--f-body);width:16px;height:16px;border-radius:50%;background:#000b;color:var(--muted)}.act-btn.ready span{opacity:1}.act-btn.ready{box-shadow:0 0 14px var(--c);animation:actglow 1.2s ease-in-out infinite}@keyframes actglow{50%{box-shadow:0 0 4px var(--c)}}@media(hover:none){.act-btn kbd{display:none}.act-btn{width:64px;height:64px}}@media(max-width:560px){.hud-acts{bottom:calc(52px + env(safe-area-inset-bottom,0px))}}.hud-bag{margin-top:auto;align-self:flex-end;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:min(100%,340px)}.slot{width:32px;height:32px;border:1px solid #ffffff22;background:#000a;border-radius:4px;display:grid;place-items:center;font-family:var(--f-display);color:var(--c);position:relative;font-size:14px}.slot small{position:absolute;right:2px;bottom:-1px;font-size:10px;color:#fff;font-family:var(--f-body)}.slot.safe{border-color:var(--gold)}.slot.empty{opacity:.5}.run-modal,.td-result{position:absolute;inset:0;background:#070a09cc;display:grid;place-items:center;padding:16px;overflow-y:auto}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px;width:min(100%,620px);display:grid;gap:12px}.sheet h2{font-size:24px}.sheet h2.ok{color:var(--jade-hi)}.sheet h2.bad{color:var(--bad)}.sheet p{margin:0}.picks{display:grid;gap:10px}.pick{display:grid;grid-template-columns:48px 1fr;gap:12px;text-align:left;background:var(--raise);border:1px solid var(--line);border-radius:8px;padding:12px;cursor:pointer;transition:border-color .15s,transform .15s}.pick:hover,.pick:focus-visible{border-color:var(--c);transform:translate(3px)}.pick-glyph{width:48px;height:48px;border-radius:50%;border:2px solid var(--c);color:var(--c);display:grid;place-items:center;font-family:var(--f-display);font-size:22px}.pick-body{display:grid;gap:2px}.pick-body b{font-family:var(--f-display);font-size:17px}.pick-body em{font-style:normal;font-size:12px;color:var(--c)}.pick-body small{color:var(--muted)}.sum{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0}.sum dt{color:var(--muted)}.sum dd{margin:0;color:var(--jade-hi)}.chips.lost .chip{opacity:.55;text-decoration:line-through}.td-hud{position:absolute;left:0;right:0;top:0;padding:calc(10px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 10px max(12px,env(safe-area-inset-left,0px));display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:linear-gradient(#0d1110,transparent)}.td-hud b{font-family:var(--f-display);color:var(--gold)}.td-hud span{font-size:13px;color:var(--muted);flex:1}@media(max-width:560px){.hero{grid-template-columns:1fr}.hero-seal{writing-mode:horizontal-tb;justify-self:start;font-size:40px;padding:6px 12px}.hero.has-med{grid-template-columns:1fr auto}.hero.has-med .hero-body{grid-column:1 / -1;order:3}.hero-med{width:112px;margin:-8px 0 -14px}.recipe{grid-template-columns:1fr auto}.recipe .costs{grid-column:1 / -1;grid-row:2}.head-res{text-align:left}.dsc{grid-template-columns:38px 1fr}.dsc .buy{grid-column:1 / -1;flex-direction:row;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hud-banner.show{opacity:1}}.run-view,.td-view,.run-input{position:absolute;inset:0}.run-input{touch-action:none}.joy{position:absolute;left:-50px;top:-50px;width:100px;height:100px;border-radius:50%;border:2px solid #e9e4d455;pointer-events:none}.joy i{position:absolute;left:30px;top:30px;width:40px;height:40px;border-radius:50%;background:#5fb39a88}.hub-modal{position:fixed;inset:0;z-index:60;background:#070a09cc;display:grid;place-items:center;overflow-y:auto;padding:calc(16px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.sum dd small{display:block;color:var(--muted);font-size:12px}.slots{display:grid;gap:8px}.slot-row{display:grid;grid-template-columns:4.5em 1fr auto;gap:10px;align-items:center;background:var(--raise);border-radius:var(--r);padding:8px 12px;border-left:3px solid var(--line)}.slot-row>div{display:grid;min-width:0}.slot-row>.row{display:flex;gap:6px}.slot-row.cur{border-left-color:var(--jade)}.slot-row.empty{opacity:.7}.slot-row small{font-size:12px}@media(max-width:560px){.slot-row{grid-template-columns:4.5em 1fr}.slot-row>.row{grid-column:1 / -1;justify-content:flex-end}}.run-overlay{pointer-events:none}.hud-perf{align-self:flex-start;font:12px/1.4 ui-monospace,monospace;background:#000b;color:#9fe0d0;padding:3px 8px;border-radius:4px}.view-opt{gap:12px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.seg button{background:transparent;border:0;padding:5px 12px;font-size:13px;cursor:pointer;color:var(--muted)}.seg button.on{background:var(--jade);color:#0c1512;font-weight:700}.check{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.sect-scene{position:relative;height:clamp(320px,100vw,480px);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#1a231f}.sect-scene-host{position:absolute;inset:0}.gear-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px}.gear-card{background:var(--raise);border-radius:var(--r);padding:10px 12px;display:flex;flex-direction:column;gap:6px;border-top:3px solid var(--tc, var(--line))}.gear-card.empty{border-top-style:dashed;opacity:.7}.gear-card header{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center}.gear-card header>div{display:grid;min-width:0}.gear-card header small{font-size:12px;color:var(--muted)}.gear-glyph{width:36px;height:36px;border-radius:6px;display:grid;place-items:center;font-family:var(--f-display);color:var(--tc, var(--muted));border:1px solid color-mix(in srgb,var(--tc, #888) 55%,transparent);background:color-mix(in srgb,var(--tc, #888) 10%,transparent)}.gstats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}.gstats li.gmain{color:var(--text);font-size:13px}.gstats li:not(.gmain):before{content:"◆ ";color:var(--tc, var(--muted));font-size:9px;vertical-align:1px}.gcmp{margin:0;display:flex;flex-wrap:wrap;gap:2px 8px}.gear-card .row,.gear-card .buy{gap:6px;margin-top:auto}.gear-card .gcmp+.row{margin-top:0}.gear-tools{flex-wrap:wrap;gap:8px}.lost-panel{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}.lost-batch{display:grid;gap:8px}.slot.gear{box-shadow:inset 0 0 0 1px var(--c),0 0 6px color-mix(in srgb,var(--c) 60%,transparent)}.save-warn{position:fixed;z-index:120;left:50%;transform:translate(-50%);top:calc(8px + env(safe-area-inset-top,0px));width:min(94vw,560px);display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--r);background:#4a1f1c;border:1px solid #c8452f;color:#ffd8cc;font-size:13px;box-shadow:0 6px 20px #0008}.save-warn[hidden]{display:none}.backup-text{width:100%;font:12px/1.4 ui-monospace,monospace}.slot.more{color:var(--muted);font-size:12px;font-family:var(--f-body)}.garden-q{border-top:1px dashed var(--line);margin-top:12px;padding-top:10px;display:grid;gap:8px}.row.wrap{flex-wrap:wrap}.q-chip{display:inline-flex;align-items:center;gap:4px}.q-chip .x{background:none;border:0;color:var(--muted);cursor:pointer;padding:0 2px;font-size:12px}.q-chip .x:hover{color:var(--text)}.furnace{display:grid;gap:6px;margin-bottom:10px}.brew{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--raise);border-radius:var(--r);padding:6px 10px}.brew.cur{border-left:3px solid var(--gold)}.brew>div{display:grid;gap:4px;min-width:0}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,.nav,.stage,.seal,.brand{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.nav button em{font-style:normal}button:active:not(:disabled){filter:brightness(1.25)}@media(max-width:640px)and (orientation:portrait){.top{backdrop-filter:none;background:var(--bg)}.nav{position:fixed;left:0;right:0;bottom:0;z-index:25;max-width:none;justify-content:space-around;gap:0;padding:4px max(4px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px));background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(6px);border-top:1px solid var(--line);overflow:visible}.nav button{flex:1;flex-direction:column;gap:2px;padding:6px 0 4px;border-bottom:0;border-top:2px solid transparent;font-size:11px;min-width:0}.nav button.on{border-bottom:0;border-top-color:var(--jade)}.nav button span{width:28px;height:28px;font-size:14px}.nav button.alert:after{top:4px;right:calc(50% - 20px)}.main{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}.toasts{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.top-in{gap:10px;padding-block:6px;flex-wrap:nowrap}.brand{gap:4px}.brand b{font-size:13px;letter-spacing:.05em}.head-live{gap:10px;flex-wrap:nowrap}.head-exp{min-width:0}.realm-chip b,.head-res b{font-size:15px}.realm-chip small,.head-res small,.head-exp small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.head-res{text-align:right}}@media(max-height:500px)and (orientation:landscape){.top-in{padding-block:4px;gap:12px;flex-wrap:nowrap}.head-live{flex-wrap:nowrap}.nav button{padding:4px 12px 6px}}@media(hover:none)and (pointer:coarse){.hud-acts{left:auto;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(2,66px);direction:rtl;gap:10px}.act-btn{width:66px;height:66px;direction:ltr}.hud-bag{align-self:flex-start;justify-content:flex-start;max-width:calc(100% - 170px);max-height:64px;overflow:hidden}.hud-btn{width:44px;height:44px}}@media(hover:none)and (pointer:coarse)and (max-width:560px){.hud-acts{bottom:calc(16px + env(safe-area-inset-bottom,0px))}}.install-hint{position:fixed;z-index:90;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));width:min(92vw,440px);display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;padding:12px 14px;background:#1d2622f5;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r);box-shadow:0 6px 24px #0008}.install-hint p{margin:0;font-size:14px}.install-hint .row{grid-column:1 / -1;justify-content:flex-end}@media(max-width:640px)and (orientation:portrait){.install-hint{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.install-hint .hint-icon{grid-row:span 2;align-self:start;width:44px;height:44px;border-radius:10px}.mute-btn{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--raise);color:var(--jade-hi);font-family:var(--f-display);font-size:14px;cursor:pointer}.mute-btn.off{color:var(--muted);text-decoration:line-through}.art-card{display:inline-flex;flex:none;position:relative;overflow:hidden;align-items:center;justify-content:center;isolation:isolate;width:56px;height:66px;border:1px solid #968e78;border-radius:5px;background:#d8d7c8;box-shadow:inset 0 0 0 3px #eee9d7;color:#34473d;vertical-align:middle}.art-card--tile{width:56px;height:56px;aspect-ratio:1}.art-card--portrait{width:126px;height:168px;aspect-ratio:3/4}.art-card--wide{width:150px;height:88px}.art-card img{width:100%;height:100%;object-fit:cover;display:block}.hero.has-med{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center}.hero-art{width:126px;align-self:center}.hero-art .art-card{width:100%;height:auto}.art-panel{position:relative;isolation:isolate;background:#17231f;overflow:hidden}.art-scene{position:absolute;inset:0 0 auto;min-height:215px;height:50%;pointer-events:none;z-index:0;overflow:hidden}.art-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#111c17aa 4%,#15201bd0 60%,#151c19)}.art-scene img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.art-panel>*:not(.art-scene){position:relative;z-index:1}.bld-glyph,.tre-glyph,.dsc-glyph,.gear-glyph,.inv-glyph{width:auto;height:auto;border:0;border-radius:0;background:transparent;display:flex;align-items:flex-start}.bld-glyph .art-card,.tre-glyph .art-card{width:58px;height:58px}.dsc-glyph .art-card{width:52px;height:65px}.gear-glyph .art-card{width:62px;height:70px}.inv-glyph .art-card{width:58px;height:58px}.inv-item{grid-template-columns:58px minmax(0,1fr) auto;gap:12px;min-width:0}.inv-item b,.inv-item small{overflow-wrap:anywhere}.recipe-art-row{display:flex;flex-direction:row;align-items:center;gap:10px;min-width:0}.recipe-art-row .art-card{width:53px;height:53px}.recipe-art-row>div{display:flex;flex-direction:column;min-width:0}.plot>.art-card{width:66px;height:66px}@media(max-width:760px){.hero.has-med{grid-template-columns:auto minmax(0,1fr) auto}.hero-art{grid-column:2;justify-self:end;width:94px}.hero-med{grid-column:3}}@media(max-width:560px){.hero.has-med{grid-template-columns:auto minmax(0,1fr);gap:12px}.hero.has-med .hero-body{grid-column:1 / -1;order:4}.hero-art{grid-column:2;grid-row:1;justify-self:end;width:90px}.hero-med{grid-column:1/-1;grid-row:2;justify-self:center;width:112px}.hero-seal{grid-column:1;grid-row:1}.inv-item{grid-template-columns:50px minmax(0,1fr);align-items:start}.inv-glyph .art-card{width:50px;height:50px}.inv-item>button{grid-column:2;justify-self:start}.recipe-art-row .art-card{width:44px;height:44px}.bld-glyph .art-card,.tre-glyph .art-card{width:48px;height:48px}.dsc-glyph .art-card{width:46px;height:58px}}.gear-card,.cand,.dsc,.bld,.tre,.inv-item,.recipe{min-width:0;max-width:100%}.gear-card header{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;min-width:0}.gear-card header>div{min-width:0;max-width:100%;display:flex;flex-direction:column;gap:3px}.gear-card header b{display:block;line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.gear-card header small{display:block;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.gear-card .gear-glyph{width:64px;min-width:0;max-width:64px;height:76px;display:block}.gear-card .gear-glyph .art-card{display:block;width:64px;height:76px;max-width:100%}.gear-card .tier{display:inline-block;vertical-align:baseline;margin-inline-start:3px}.gear-card .gstats,.gear-card .buy,.gear-card .row{min-width:0;max-width:100%}.gear-card .row{flex-wrap:wrap}.cand header{grid-template-columns:56px minmax(0,1fr);align-items:start}.cand header>div,.dsc>div,.bld-body,.tre-body{min-width:0;overflow-wrap:anywhere}.dsc{grid-template-columns:56px minmax(0,1fr) auto;align-items:start}.dsc>.dsc-glyph,.cand .dsc-glyph{width:56px;height:68px;max-width:56px}.dsc-glyph .art-card{width:54px;height:66px;max-width:100%}.bld,.tre{grid-template-columns:62px minmax(0,1fr)}.bld-glyph,.tre-glyph{width:62px;min-width:0;max-width:62px}.bld-glyph .art-card,.tre-glyph .art-card{width:60px;height:60px;max-width:100%}.inv-item>div{min-width:0}.inv-item .inv-glyph{width:58px;max-width:58px}.recipe .recipe-art-row{min-width:0}.recipe-art-row>div{min-width:0;overflow-wrap:anywhere}.art-card{border-color:#958c72;box-shadow:inset 0 0 0 2px #efe9d5,0 2px 9px #0002}.art-card:after{content:"";position:absolute;inset:3px;pointer-events:none;border:1px solid #faf5e733;border-radius:2px;box-shadow:inset 0 0 14px #18291d21}@media(max-width:680px){.gear-card header{grid-template-columns:54px minmax(0,1fr);gap:9px}.gear-card .gear-glyph{width:54px;max-width:54px;height:65px}.gear-card .gear-glyph .art-card{width:54px;height:65px}.dsc{grid-template-columns:48px minmax(0,1fr)}.dsc .buy{grid-column:1/-1;flex-wrap:wrap;justify-content:flex-start}.dsc>.dsc-glyph,.cand .dsc-glyph{width:48px;max-width:48px;height:60px}.dsc-glyph .art-card{width:46px;height:58px}.cand header{grid-template-columns:48px minmax(0,1fr)}.bld,.tre{grid-template-columns:52px minmax(0,1fr);gap:9px}.bld-glyph,.tre-glyph{width:52px;max-width:52px}.bld-glyph .art-card,.tre-glyph .art-card{width:50px;height:50px}}@media(max-width:360px){.gear-grid{grid-template-columns:minmax(0,1fr)}.gear-card{padding:9px}.gear-card header{grid-template-columns:50px minmax(0,1fr)}.gear-card .gear-glyph,.gear-card .gear-glyph .art-card{width:50px;height:60px}}