:root{--panel:#171e27;--panel-solid:#141b24;--panel-2:#ffffff0d;--line:#ffdca029;--line-strong:#ffc87873;--text:#f3ecdf;--dim:#b0b7bd;--gold:#e9c587;--gold-2:#c89852;--accent:#ecaa77;--good:#9cd9ad;--bad:#ff6a6a;--radius:12px;--brush:"STKaiti", "KaiTi", "Songti SC", "Noto Serif CJK SC", serif;--sans:-apple-system, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--sans);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#0a0c16;margin:0;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#vignette{pointer-events:none;background:radial-gradient(#0000 55%,#0a061473 100%);position:fixed;inset:0}body.low-hp #vignette{animation:1s ease-in-out infinite lowhp}@keyframes lowhp{0%,to{box-shadow:inset 0 0 80px 10px #c8000059}50%{box-shadow:inset 0 0 140px 30px #dc00008c}}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>.hud,#ui>.floaters,#ui>.hub{pointer-events:none}button{font:inherit;color:var(--text);cursor:pointer;border:1px solid var(--line);background:linear-gradient(#ffffff1a,#ffffff08);border-radius:8px;padding:6px 12px;transition:background .15s,border-color .15s,transform 50ms}button:hover:not(:disabled){border-color:var(--line-strong);background:linear-gradient(#ffdca029,#ffdca00d)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.38;cursor:not-allowed}button.ghost{background:0 0}button.danger{color:#ffb0b0;border-color:#ff5a5a80}button.go{width:100%;font-family:var(--brush);letter-spacing:6px;color:#fff8e8;text-shadow:0 2px #5a140099;background:linear-gradient(#ff9d3c,#d2461e);border:1px solid #ffd27a;margin:10px 0;padding:10px 28px;font-size:30px;box-shadow:0 4px #7a240c,0 0 24px #ff782859,inset 0 1px #fff6}.hint{color:var(--dim);margin:6px 0;font-size:13px}.tag{background:var(--panel-2);border:1px solid var(--line);color:var(--dim);border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px;font-style:normal}.tag.act{color:#ffd08a;border-color:#ffb45a66}.tag.eq{color:var(--good);border-color:#6dff8a66}.gold{color:var(--gold)}.panel,.skill-card,.recipe,.item,.cls-card,.ov-box,.slot{background:var(--panel);border:1px solid var(--line);box-shadow:inset 0 1px #ffe6be12,0 6px 20px #00000040}.hud{position:fixed;inset:0}.hud-tl{align-items:center;gap:10px;width:min(360px,52vw);display:flex;position:absolute;top:14px;left:16px}.portrait{border:2px solid var(--gold);background:radial-gradient(circle at 35% 30%,#7a2a2a,#2a0e12);border-radius:50%;flex:none;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex;position:relative;box-shadow:0 0 0 3px #0006,0 4px 14px #00000080}.hud.mage .portrait{background:radial-gradient(circle at 35% 30%,#3a4aa8,#12143a)}.p-lvl{color:#3a1e00;background:linear-gradient(#ffd96a,#e09a28);border:2px solid #3a1e00;border-radius:11px;justify-content:center;align-items:center;min-width:24px;height:22px;padding:0 5px;font-size:13px;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-6px}.hud-bars{flex:1}.hud-lvl{font-family:var(--brush);text-shadow:0 2px 3px #000;margin-bottom:3px;font-size:22px;line-height:1}.bar{background:#0a060cb3;border:1px solid #ffdca066;border-radius:9px;height:18px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0006}.bar .fill{background:linear-gradient(#ff7a6a,#d42a2a 60%,#a01818);transition:width .15s;position:absolute;top:0;bottom:0;left:0}.bar .fill:after{content:"";background:#ffffff40;border-radius:9px 9px 0 0;height:40%;position:absolute;top:0;left:0;right:0}.bar .shield{background:#8adcff;height:5px;position:absolute;top:0;left:0;box-shadow:0 0 6px #8adcff}.bar span{text-align:center;text-shadow:0 1px 2px #000;font-size:12px;font-weight:700;line-height:17px;position:absolute;inset:0}.bar.xp{height:6px;margin-top:4px}.bar.xp .fill{background:linear-gradient(90deg,#8a6aff,#d4a8ff)}.bar.xp .fill:after{display:none}.hud-tc{text-align:center;width:min(480px,46vw);position:absolute;top:12px;left:50%;transform:translate(-50%)}.hud-stage{letter-spacing:1px;text-shadow:0 1px 3px #000;background:linear-gradient(90deg,#0000,#0a0610a6 20% 80%,#0000);padding:3px 26px;font-size:14px;font-weight:700;display:inline-block}.boss-bar{margin-top:6px}.boss-name{font-family:var(--brush);color:#ffd84a;text-shadow:0 2px 4px #000,0 0 12px #ff782899;font-size:26px}.bar.boss{border-color:#ffa05099;height:14px}.bar.boss .fill{background:linear-gradient(#ffb03c,#d84a12)}.hud-tr{align-items:center;gap:10px;display:flex;position:absolute;top:14px;right:16px}.hud-loot{border:1px solid var(--line);background:#0a061099;border-radius:16px;padding:4px 12px;font-size:14px;font-weight:700}.pause-btn{pointer-events:auto;background:#0a061099;border-radius:50%;width:36px;height:36px;padding:0}.hud-skills{align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.skill{background:radial-gradient(circle at 40% 35%,#3a3248,#14101c);border:2px solid #ffdca059;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080}.skill:first-child{width:72px;height:72px}.skill.locked{opacity:.35;filter:grayscale()}.sk-icon{filter:drop-shadow(0 2px 2px #0009);font-size:28px}.skill:first-child .sk-icon{font-size:34px}.skill .cd{background:conic-gradient(#000000b8 var(--cd,0deg), transparent 0);border-radius:50%;position:absolute;inset:0}.sk-key{color:#ffe2a8;white-space:nowrap;background:#000000a6;border-radius:6px;padding:0 5px;font-size:10px;font-weight:900;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.banner{text-align:center;opacity:0;transition:opacity .35s,transform .35s;position:absolute;top:24%;left:0;right:0;transform:scale(1.15)}.banner.on{opacity:1;transform:scale(1)}.b-main{font-family:var(--brush);letter-spacing:6px;background:linear-gradient(#fff6d8,#ffc94a 55%,#e0801e);color:#0000;filter:drop-shadow(0 4px #3c1400cc)drop-shadow(0 0 20px #ff8c2873);-webkit-background-clip:text;background-clip:text;font-size:80px;line-height:1.15}.b-sub{letter-spacing:4px;text-shadow:0 1px 3px #000;color:#f0e2c8;font-size:16px}.b-sub:before,.b-sub:after{content:"◆";color:var(--gold);vertical-align:middle;margin:0 12px;font-size:10px}.toast{opacity:0;white-space:normal;text-shadow:0 1px 2px #000;box-sizing:border-box;text-align:center;background:linear-gradient(90deg,#46288c00,#46288ce6 15% 85%,#46288c00);width:max-content;max-width:calc(100% - 24px);padding:8px 48px;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;top:84px;left:50%;transform:translate(-50%,-10px)}.toast.on{opacity:1;transform:translate(-50%)}.floaters{position:fixed;inset:0;overflow:hidden}.floater{white-space:nowrap;-webkit-text-stroke:4px #140804e6;paint-order:stroke fill;will-change:transform, opacity;pointer-events:none;font-size:20px;font-weight:900;position:absolute;top:0;left:0}.floater.crit{font-size:30px}.floater.hurt{font-size:22px}.floater.big{font-family:var(--brush);-webkit-text-stroke:5px #140804e6;font-size:38px;font-weight:400}.floater.small{font-size:16px}.touch-controls{pointer-events:none;display:none;position:fixed;inset:0}body.is-touch .touch-controls{display:block}body.is-touch .hud-skills{display:none}.stick-zone{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;width:50%;position:absolute;top:30%;bottom:0;left:0}.stick{background:radial-gradient(circle,#ffffff0d,#ffffff24);border:2px solid #ffdca073;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:fixed}.stick.on{display:block}.knob{background:radial-gradient(circle at 40% 35%,#fff8e8,#c8a878);border-radius:50%;width:50px;height:50px;position:absolute;top:33px;left:33px;box-shadow:0 2px 8px #00000080}.tbtns{pointer-events:none;width:230px;height:200px;position:absolute;bottom:18px;right:18px}.tb{pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:radial-gradient(circle at 40% 35%,#463c5abf,#14101ebf);border:2px solid #ffdca080;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:900;display:flex;position:absolute;overflow:hidden}.tb-icon{z-index:1;filter:drop-shadow(0 2px 2px #0009);pointer-events:none;font-size:24px;line-height:1;position:relative}.tb.big .tb-icon{font-size:38px}.tb.mid .tb-icon{font-size:28px}.tb .cd{z-index:2;pointer-events:none;background:conic-gradient(#000000b3 var(--cd,0deg), transparent 0);border-radius:50%;position:absolute;inset:0}.tb.locked{opacity:.35;filter:grayscale()}.tb.big{width:92px;height:92px;font-size:34px;bottom:0;right:0}.tb.big .tb-icon{transform:translate(var(--aim-x,0px), var(--aim-y,0px))}.tb.big.aiming{border-color:#fff0bc}.aim-hint{z-index:3;pointer-events:none;font-size:10px;line-height:1;position:absolute;bottom:6px}.tb.big.down .aim-hint{opacity:0}.tb.mid{width:64px;height:64px;bottom:4px;right:102px}.tb.small{width:54px;height:54px;font-size:16px}.tb[data-b=s0]{bottom:80px;right:110px}.tb[data-b=s1]{bottom:112px;right:52px}.tb[data-b=s2]{bottom:112px;right:-4px}.hub{position:fixed;inset:0}.hub-panel{pointer-events:auto;border-right:1px solid var(--line);touch-action:pan-y;overscroll-behavior:contain;-webkit-user-select:text;user-select:text;background:linear-gradient(90deg,#101720 0%,#101720f7 88%,#101720db 100%);width:min(760px,100%);padding:28px 32px 40px;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.hero-plate{text-align:center;pointer-events:none;width:320px;position:absolute;bottom:7vh;right:5vw}.hp-name{font-family:var(--brush);color:var(--c);filter:drop-shadow(0 3px #0009)drop-shadow(0 0 18px #00000080);font-size:68px;line-height:1}.hp-lvl{border:1px solid var(--line-strong);color:var(--gold);background:#0000008c;border-radius:12px;margin:6px 0;padding:2px 14px;font-weight:900;display:inline-block}.hp-tag{color:#f0e6d6;text-shadow:0 1px 3px #000;background:#0006;border-radius:8px;padding:5px 12px;font-size:13px}@media (width<=1000px){.hero-plate{display:none}.hub-panel{background:#0a0812e6;width:100%}}.hub-top{flex-wrap:wrap;align-items:flex-end;gap:10px 24px;display:flex}.logo{font-family:var(--brush);letter-spacing:2px;background:linear-gradient(#fff3cf,#ffc24a 60%,#d97a1a);color:#0000;filter:drop-shadow(0 3px #3c1400cc);-webkit-background-clip:text;background-clip:text;font-size:50px;line-height:1}.logo small{letter-spacing:6px;margin-left:10px;font-size:22px}.res{flex-wrap:wrap;gap:4px 12px;padding-bottom:4px;font-size:13px;display:flex}.res .mat{color:var(--c)}.res b{color:var(--text)}.hub-tabs{border-bottom:1px solid var(--line);gap:4px;margin:16px 0 14px;display:flex}.hub-tabs button{color:var(--dim);font-family:var(--brush);letter-spacing:2px;background:0 0;border:none;border-radius:8px 8px 0 0;padding:6px 18px;font-size:24px;position:relative}.hub-tabs button:hover:not(:disabled){color:var(--text);background:#ffdca00f;border:none}.hub-tabs button.on{color:var(--gold);background:linear-gradient(#ffc87824,#0000)}.hub-tabs button.on:after{content:"";background:var(--gold);height:2px;box-shadow:0 0 8px var(--gold);position:absolute;bottom:-1px;left:16%;right:16%}.dot{font-size:11px;font-style:normal;font-family:var(--sans);color:#fff;letter-spacing:0;background:#ff3a5a;border-radius:10px;padding:0 6px;position:absolute;top:2px;right:2px}.hub-msg{pointer-events:none;background:linear-gradient(90deg,#1e6e3c00,#1e6e3cf2 12% 88%,#1e6e3c00);max-width:90vw;padding:10px 48px;font-weight:700;animation:2.6s forwards fadeOut;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes fadeOut{0%,75%{opacity:1}to{opacity:0}}.panel{border-radius:var(--radius);margin-bottom:12px;padding:14px 16px}.panel h3{color:#ffe2b0;margin:0 0 10px;font-size:16px}.panel h3 small{color:var(--dim);margin-left:8px;font-weight:400}.help p{color:#d8cfbf;margin:6px 0;font-size:13px}.cls-pick{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.cls-card{text-align:left;border-radius:var(--radius);border-width:2px;flex:220px;padding:10px 14px}.cls-card.on{border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset, 0 0 18px #ffffff14}.cls-card b{font-family:var(--brush);color:var(--c);font-size:28px;font-weight:400}.cls-card small{color:var(--dim);margin-top:2px;display:block}.start-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;display:grid}.stat-grid{grid-template-columns:1fr 1fr;gap:4px 18px;font-size:14px;display:grid}.stat-grid div{border-bottom:1px dashed var(--line);justify-content:space-between;padding:3px 0;display:flex}.stat-grid span{color:var(--dim)}.zones{grid-template-columns:1fr 1fr;gap:8px;max-height:46vh;padding-right:2px;display:grid;overflow-y:auto}.zone-btn{text-align:left;padding:6px 10px}.zone-btn b{font-family:var(--brush);font-size:20px;font-weight:400}.zone-hint{color:#ffd38a;margin-top:8px}.zone-btn.on{border-color:var(--accent);background:linear-gradient(#ff8a3c40,#ff8a3c0f)}.zone-btn small{color:var(--dim);font-size:12px;display:block}.skills-head{margin-bottom:10px}.skills-head b{color:var(--gold);font-size:20px}.skills-head button{margin-left:10px}.skill-grid,.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:10px;display:grid}.skill-card,.recipe,.item{border-radius:var(--radius);flex-direction:column;gap:6px;padding:12px;display:flex}.skill-card.locked .emblem{filter:saturate(.35)}.sk-head{align-items:center;display:flex}.sk-head b{font-size:16px}.sk-head .rank{color:var(--gold);margin-left:auto;font-weight:900}.sk-desc{color:#e2dacb;font-size:13px}.sk-next{color:var(--dim);font-size:12px}.sk-req{color:var(--bad);font-size:12px}.skill-card button,.recipe>button{align-self:flex-start;margin-top:auto}.tier-tabs{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.tier-tabs button{color:var(--c)}.tier-tabs button.on{border-color:var(--c);background:#ffffff1a}.r-head{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.r-stats{flex-wrap:wrap;gap:4px 10px;font-size:13px;display:flex}.r-stats .neg{color:var(--bad)}.r-stats .aff{color:#9fd0ff}.cost{flex-wrap:wrap;gap:4px 10px;font-size:12px;display:flex}.cost span{color:var(--c,var(--gold))}.cost .lack{color:var(--bad)!important}.miss{color:var(--bad);font-size:12px}.item{border-left:3px solid var(--c)}.item.on{box-shadow:inset 0 0 0 1px #6dff8a80}.item-actions{flex-wrap:wrap;gap:6px;display:flex}.item-actions button{padding:4px 10px;font-size:13px}.cost-line{color:var(--dim);align-items:center;gap:6px;font-size:12px;display:flex}.cmp{color:var(--dim);font-size:12px}.cmp .up{color:var(--good)}.cmp .down{color:var(--bad)}.slots{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:6px;display:grid}.slot{border-color:var(--c,var(--line));border-radius:10px;padding:8px 12px}.slot b{color:var(--dim);font-size:12px;display:block}.slot.empty small{color:var(--dim)}.empty-bag{color:var(--dim);padding:20px}.save-io{width:100%;height:90px;color:var(--text);border:1px solid var(--line);background:#00000059;border-radius:8px;margin:8px 0;font-family:monospace;font-size:11px}.panel button{margin:4px 6px 4px 0}.overlay{touch-action:pan-y;background:radial-gradient(#0a061473,#05030acc);justify-content:center;align-items:center;padding:16px;animation:.25s ease-out ovIn;display:flex;position:fixed;inset:0}@keyframes ovIn{0%{opacity:0}to{opacity:1}}.ov-box{text-align:center;background:var(--panel-solid);border-color:var(--line-strong);border-radius:16px;width:min(760px,100%);max-height:100%;padding:22px 26px;overflow-y:auto}.ov-box h2{font-family:var(--brush);letter-spacing:4px;background:linear-gradient(#fff3cf,#ffc24a 60%,#d97a1a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:50px;font-weight:400;line-height:1.2}.ov-box button.ghost{width:100%}.boons{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0;display:grid}.boon{background:linear-gradient(#5a3c8c59,#140e2299);border:2px solid #ffd27873;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:22px 14px 18px;transition:transform .15s,border-color .15s,box-shadow .15s;animation:.4s ease-out backwards boonIn;display:flex;position:relative}.boon:nth-child(2){animation-delay:80ms}.boon:nth-child(3){animation-delay:.16s}@keyframes boonIn{0%{opacity:0;transform:translateY(20px)scale(.95)}}.boon:hover:not(:disabled){border-color:var(--gold);transform:translateY(-4px);box-shadow:0 10px 30px #ffb43c40}.b-icon{filter:drop-shadow(0 4px 6px #00000080);font-size:44px}.boon b{font-family:var(--brush);color:#ffd08a;font-size:30px;font-weight:400}.boon small{color:#e0d8ea;font-size:13px}.boon i{color:var(--dim);font-size:12px;font-style:normal;position:absolute;top:8px;left:12px}.result-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0;display:grid}.result-grid div{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px}.result-grid span{color:var(--dim);font-size:12px;display:block}.result-grid b{font-size:24px}.result-mats{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lvup{color:#d4b8ff;margin-top:10px;font-weight:700}.loading{z-index:50;background:radial-gradient(at 50% 40%,#2a2450,#08060f);flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.l-title{font-family:var(--brush);letter-spacing:4px;background:linear-gradient(#fff3cf,#ffc24a 60%,#d97a1a);color:#0000;filter:drop-shadow(0 4px #3c1400cc);-webkit-background-clip:text;background-clip:text;font-size:88px}.l-sub{color:#c8b48a;letter-spacing:12px;font-family:var(--brush);margin-bottom:28px;font-size:26px}.l-bar{background:#ffffff1a;border-radius:3px;width:min(320px,70vw);height:6px;overflow:hidden}.l-bar div{background:linear-gradient(90deg,#ffb45a,#ff6a2a);width:0;height:100%;transition:width .2s;box-shadow:0 0 10px #ff8a3a}.l-tip{color:var(--dim);margin-top:14px;font-size:13px}@media (width<=640px){.b-main{font-size:50px}.hub-tabs button{white-space:nowrap;letter-spacing:0;padding:6px 10px;font-size:20px}.hud-tc{width:92vw;top:78px}.hud-tl{width:62vw}.result-grid{grid-template-columns:repeat(2,1fr)}.hud-loot{font-size:12px}.zones{grid-template-columns:1fr 1fr;gap:6px}.zone-btn b{font-size:17px}.zone-btn small{font-size:11px}.logo{font-size:38px}.portrait{width:46px;height:46px;font-size:22px}}.hub-panel,.ov-box{scrollbar-width:thin;scrollbar-color:#ffc8784d transparent}.hub-panel::-webkit-scrollbar{width:6px}.ov-box::-webkit-scrollbar{width:6px}.hub-panel::-webkit-scrollbar-thumb{background:#ffc8784d;border-radius:3px}.ov-box::-webkit-scrollbar-thumb{background:#ffc8784d;border-radius:3px}.hub-panel::-webkit-scrollbar-track{background:0 0}.ov-box::-webkit-scrollbar-track{background:0 0}.help .credit{color:var(--dim);margin-top:10px;font-size:12px}.r-head em{font-style:normal}.r-head .plus{color:#ffe08a;text-shadow:0 0 6px #ffc85099}.r-head .stars{color:var(--gold);letter-spacing:-1px;text-shadow:0 0 6px #ffc850cc}.item.p7{box-shadow:inset 0 0 0 1px #ffc86459,0 0 14px #ffaa3c1f}.item.p10{box-shadow:inset 0 0 0 1px #ffd278b3,0 0 22px #ffaa3c4d}.enh{border-top:1px dashed var(--line);flex-direction:column;gap:4px;padding-top:6px;display:flex}.enh.max,.merge.max{color:var(--gold);font-size:13px}.enh-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.enh-row.small{font-size:12px}.enh-btn{background:linear-gradient(#ffaa504d,#c85a1e33);border-color:#ffaa5080;font-weight:700}.rate{text-align:center;background:linear-gradient(90deg, #6ee68c8c var(--p), #ffffff14 var(--p));border:1px solid var(--line);border-radius:10px;min-width:64px;height:20px;font-size:12px;line-height:20px;position:relative;overflow:hidden}.rate b{text-shadow:0 1px 2px #000;position:relative}.bless{color:#c8b8ff;border:1px solid #c8b4ff66;border-radius:6px;padding:0 6px;font-size:11px;font-style:normal}.enh.none .risk{color:var(--good)}.enh.down .risk{color:#ffc46a}.enh.break .risk{color:var(--bad);font-weight:700}.prot{color:#bfe0ff;cursor:pointer;align-items:center;gap:4px;display:inline-flex}.prot.nokey{color:var(--dim)}.merge{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.merge button{color:var(--gold);padding:4px 10px;font-size:13px}.merge .hint{margin:0;font-size:12px}.forge-fx{z-index:30;pointer-events:auto;background:radial-gradient(#28140a8c,#05030abf);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ff-box{text-align:center;min-width:320px}.ff-name{font-family:var(--brush);color:#ffe2b0;text-shadow:0 3px #0009;font-size:40px}.ff-anvil{transform-origin:70% 70%;margin:10px 0;font-size:72px;animation:.2s ease-in-out 3 hammer}@keyframes hammer{0%,to{transform:rotate(0)}50%{transform:rotate(-28deg)translateY(-6px)}}.ff-rate{color:var(--dim)}.ff-result{min-height:48px;font-family:var(--brush);margin-top:14px;font-size:40px}.forge-fx.r-success .ff-result{color:#ffe08a;text-shadow:0 0 18px #ffbe3ce6;animation:.4s ease-out pop}.forge-fx.r-success .ff-box{animation:.5s ease-out flash}.forge-fx.r-fail .ff-result{color:#c8c0b0}.forge-fx.r-down .ff-result{color:#ffb05a;animation:.35s shake}.forge-fx.r-break .ff-result{color:#ff5a4a;text-shadow:0 0 16px #ff2814cc;animation:.5s shake}.forge-fx.r-break .ff-anvil{filter:grayscale();opacity:.4}@keyframes pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes flash{0%{filter:brightness(2.2)}to{filter:none}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.tone-gold,[data-tone=gold]{--rune:#ebc888;--rune-dark:#3d3326}.tone-ember,[data-tone=ember]{--rune:#f1ad83;--rune-dark:#402b28}.tone-ice,[data-tone=ice]{--rune:#9ddcec;--rune-dark:#213b48}.tone-arcane,[data-tone=arcane]{--rune:#bcb8f5;--rune-dark:#302f4a}.tone-sage,[data-tone=sage]{--rune:#b4d7ae;--rune-dark:#2d3b2f}.tone-rose,[data-tone=rose]{--rune:#ef9ca7;--rune-dark:#422b37}.tone-muted,[data-tone=muted]{--rune:#a7b0bc;--rune-dark:#2b3038}.rune-icon{pointer-events:none;width:100%;height:100%;display:block}.emblem{width:58px;height:58px;color:var(--rune,var(--gold));background:var(--rune-dark,#343027);pointer-events:none;border:1px solid;border-radius:14px;flex:none;justify-content:center;align-items:center;padding:10px;display:inline-flex;box-shadow:inset 0 0 0 4px #080e1680}button:focus-visible,textarea:focus-visible{outline-offset:4px;outline:2px solid #f2d49b}button{min-height:36px}button:disabled{opacity:.55}button.go{letter-spacing:4px;color:#241c15;text-shadow:none;background:#dfb478;border-color:#f5d6a7;font-size:28px;box-shadow:inset 0 1px #fff0cc,0 3px #705033}button.go:hover:not(:disabled){background:#f0ca93}.logo,.l-title,.ov-box h2{color:#efdbb6;filter:none;background:0 0}.logo{letter-spacing:-1px;font-family:Georgia,Times New Roman,serif;font-size:42px}.logo small{font-family:var(--brush);letter-spacing:3px;color:#c6ad88;vertical-align:middle;font-size:18px;display:inline-block}.res{font-variant-numeric:tabular-nums;gap:6px 14px;padding:12px 0 4px;font-size:12px}.res .mat{white-space:nowrap}.hub-tabs{gap:6px;margin:20px 0}.hub-tabs button{font-family:var(--sans);letter-spacing:1px;flex:1;padding:12px 6px;font-size:15px;font-weight:600}.hub-tabs button.on{background:#232b34;border-radius:6px 6px 0 0}.hub-tabs button.on:after{box-shadow:none;left:12px;right:12px}.dot{color:#111820;background:#b6884f;top:2px;right:4px}.cls-pick{gap:12px;margin-bottom:20px}.cls-card{border-width:1px;flex-basis:240px;align-items:center;gap:12px;padding:14px;display:flex}.cls-card.on{background:#252a31;border-color:#d4b47f;box-shadow:inset 0 0 0 2px #141b24}.cls-card b{color:#efdbb6;font-size:26px}.class-copy{flex:1;min-width:0}.class-level{float:right;color:#bfc6ce;font-size:12px;line-height:32px}.cls-card small{font-size:12px;line-height:1.6}.panel,.skill-card,.recipe,.item,.cls-card,.slot{box-shadow:none}.panel{padding:18px}.panel h3{color:#e4d2b2;font-size:14px;line-height:1.6}.panel h3 small{margin:3px 0 0;font-size:12px;display:block}.stat-grid{gap:6px 18px;font-size:13px}.stat-grid div{border-bottom-style:solid;padding:5px 0}.stat-grid b,.rank{font-variant-numeric:tabular-nums}.zone-btn{min-height:60px;padding:10px}.zone-btn b{font-family:var(--sans);font-size:14px}.zone-btn small{margin-top:5px;line-height:1.5}.zone-btn.on{background:#343029;border-color:#d4b47f}.skills-head{justify-content:space-between;align-items:center;gap:12px;margin:24px 0 16px;display:flex}.skills-head h3{margin:5px 0 3px;font-size:18px;font-weight:500}.skills-head b{margin-left:8px;font-size:26px}.skills-head button{flex:none;margin:0;font-size:12px}.section-kicker{color:#c2aa84;letter-spacing:3px;font-size:11px;line-height:1.8}.skill-grid{gap:14px}.skill-card{background:#18212b;border-color:#33404b;gap:12px;padding:18px}.skill-card.has{border-color:#736449}.skill-card.active-skill{background:linear-gradient(145deg, var(--rune-dark), #18212b 65%)}.sk-head{align-items:center;gap:12px}.sk-title{flex:1;min-width:0}.sk-title b{letter-spacing:1px;margin-top:5px;font-size:18px;display:block}.sk-title .tag{color:var(--dim);background:0 0;border:0;margin:0;padding:0;font-size:11px}.sk-title .tag.act{color:var(--rune)}.sk-head .rank{color:var(--rune);white-space:nowrap;font-size:23px;font-weight:500}.rank small{color:var(--dim);font-size:12px}.rank-track{gap:4px;display:flex}.rank-track span{background:#3a444e;border-radius:1px;flex:1;height:3px}.rank-track .filled{background:var(--rune)}.effect-label{letter-spacing:1px;color:#aeb8c4;margin-bottom:4px;font-size:10px;display:block}.sk-desc{color:#f0ece3;font-size:14px;line-height:1.7}.sk-next{color:#bfc9d2;border-top:1px solid #35414d;padding-top:10px;line-height:1.65}.skill-card button{color:#e9ce9f;background:#2d3236;border-color:#645947;align-self:stretch;margin-top:auto;padding:9px 12px;font-size:12px}.skill-card button:hover:not(:disabled){background:#3e3b34;border-color:#e9c587}.sk-req{color:#c1ac99;margin-top:auto;padding:10px 0 0;font-size:12px}.recipe,.item{gap:10px;padding:16px}.item{border-left-width:1px}.item-emblem{border-radius:9px;width:38px;height:38px;margin-right:5px;padding:6px}.r-head{gap:5px}.r-head b{font-size:15px}.r-stats{line-height:1.8}.enh{border-top-style:solid;gap:8px;padding-top:12px}.enh-row button,.item-actions button{min-height:36px}.tier-tabs button{min-height:38px}.slot{line-height:1.8}.hud .p-icon{color:#f3d6a0;width:35px;height:35px}.hud.mage .p-icon{color:#c6d8ff}.skill{color:var(--rune);background:var(--rune-dark);border-color:#6d7379}.skill.ready{border-color:var(--rune);box-shadow:0 3px 12px #0008,inset 0 0 0 3px #141b2488}.sk-icon{filter:none;width:34px;height:34px;margin-bottom:5px}.skill:first-child .sk-icon{width:42px;height:42px}.sk-key{color:#f3dec0}.tb{color:var(--rune);background:var(--rune-dark)}.tb-icon{filter:none;width:30px;height:30px}.tb.mid .tb-icon{width:35px;height:35px}.tb.big .tb-icon{width:48px;height:48px}.tb.ready:not(.locked){border-color:var(--rune);box-shadow:inset 0 0 0 3px #141b2488,0 3px 10px #0005}.tb.down{background:#67503b}.ov-box{border-color:#85714f;border-radius:16px;width:min(880px,100%);padding:30px;box-shadow:0 20px 70px #0008}.ov-box h2{letter-spacing:3px;margin:9px 0 12px;font-size:40px}.ov-box>.hint{line-height:1.7}.boons{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 20px}.boon{background:linear-gradient(165deg, var(--rune-dark), #1b242e 65%);min-width:0;color:var(--rune);text-align:center;border:1px solid #59616a;border-radius:12px;align-items:stretch;gap:0;padding:14px 18px 0}.boon:hover:not(:disabled){background:linear-gradient(165deg, var(--rune-dark), #283441);border-color:var(--rune);transform:translateY(-4px);box-shadow:0 12px 24px #0005}.boon-top{letter-spacing:2px;color:#b8c1cb;justify-content:space-between;align-items:center;font-size:10px;display:flex}.boon-top kbd{font:12px var(--sans);border:1px solid #75808a;border-radius:4px;place-items:center;width:24px;height:24px;display:grid}.b-icon{filter:none;justify-content:center;margin:20px 0 22px;display:flex}.b-icon .emblem{background:0 0;border-radius:50%;width:96px;height:96px;padding:21px;position:relative;box-shadow:inset 0 0 0 7px #141b2466}.b-icon .emblem:after{content:"";opacity:.25;border:1px solid;border-radius:50%;position:absolute;inset:-7px}.boon b{color:#f2e5cb;letter-spacing:3px;margin-bottom:12px;font-size:30px}.boon small{color:#d0dae2;min-height:76px;padding-bottom:16px;font-size:14px;line-height:1.8;display:block}.boon-pick{letter-spacing:1px;border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;margin-top:auto;padding:14px 0;font-size:11px;display:flex}.boon-pick>span{font-size:18px}.owned-boons{color:var(--dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.owned-boon{color:#d4dce2;align-items:center;gap:4px;display:inline-flex}.owned-boon .emblem{width:25px;height:25px;box-shadow:none;background:0 0;border:0;padding:3px}.ff-anvil .emblem{width:90px;height:90px}.ff-box{width:min(560px,90vw);min-width:0}.ff-result{font-size:32px}.help p{line-height:1.8}.hint{line-height:1.6}@media (width<=1000px){.hub-panel{background:#101720f5}}@media (width<=640px){.hub-panel{padding:20px 16px 30px;padding-bottom:max(30px, env(safe-area-inset-bottom))}.logo{font-size:36px}.logo small{font-size:16px}.hub-tabs{margin:14px 0 16px}.hub-tabs button{padding:10px 4px;font-size:14px}.res{gap:5px 10px}.cls-card{flex-direction:column;flex-basis:140px;align-items:stretch;gap:8px;padding:12px}.class-emblem{width:42px;height:42px;padding:6px}.cls-card b{font-size:23px}.cls-card small{font-size:11px}.skill-card{padding:16px}.skills-head .hint{font-size:11px}.ov-box{padding:22px 16px}.ov-box h2{font-size:32px}.boons{grid-template-columns:1fr;gap:10px;margin:18px 0}.boon{text-align:left;grid-template-rows:auto auto;grid-template-columns:66px minmax(0,1fr) 26px;column-gap:14px;padding:16px;display:grid}.boon-top{grid-area:1/3/3;align-self:center}.boon-top>span{display:none}.b-icon{grid-area:1/1/3;align-self:center;margin:0}.b-icon .emblem{width:58px;height:58px;padding:11px}.b-icon .emblem:after{inset:-4px}.boon b{grid-area:1/2;margin:0 0 5px;font-size:25px}.boon small{grid-area:2/2;min-height:0;padding:0;font-size:12px;line-height:1.65}.boon-pick{display:none}.hud .p-icon{width:28px;height:28px}.zone-btn b{font-size:13px}}@media (height<=540px) and (width>=641px){.ov-box{padding:16px 24px}.ov-box h2{margin:4px 0;font-size:30px}.boons{gap:12px;margin:14px 0}.b-icon{margin:8px 0 12px}.b-icon .emblem{width:58px;height:58px;padding:11px}.boon b{margin-bottom:5px;font-size:25px}.boon small{min-height:48px;padding-bottom:8px;font-size:12px}.boon-pick{padding:8px 0}}@media (pointer:coarse){.hub button{min-height:44px}.pause-btn{width:44px;height:44px}.boon:hover:not(:disabled){transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.screen-mode{text-align:left;flex-wrap:wrap;align-items:flex-start;gap:8px 16px;margin:14px 0;font-size:13px;display:flex}.screen-mode button,.screen-guide summary{min-height:44px}.screen-mode button{color:var(--gold);white-space:nowrap}.screen-guide{flex:200px;min-width:0}.screen-guide summary{cursor:pointer;color:var(--gold);align-items:center;gap:8px;list-style:none;display:flex}.screen-guide summary::-webkit-details-marker{display:none}.screen-guide summary:before{content:"+";font-size:18px}.screen-guide[open] summary:before{content:"−"}.screen-guide p{color:var(--dim);margin:6px 0 10px;line-height:1.7}.screen-home{color:var(--good)}.screen-status{color:#ffb0b0;flex-basis:100%;margin:0;line-height:1.6}.screen-mode [hidden]{display:none}.screen-guide summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.hud{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.hub-panel{padding-top:calc(28px + var(--safe-top));padding-right:calc(32px + var(--safe-right));padding-bottom:calc(40px + var(--safe-bottom));padding-left:calc(32px + var(--safe-left))}.overlay{padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left))}.tbtns{right:calc(18px + var(--safe-right));bottom:calc(18px + var(--safe-bottom))}.stick-zone{left:var(--safe-left);bottom:var(--safe-bottom);width:calc(50% - var(--safe-left))}@media (width<=640px){.hub-panel{padding:calc(20px + var(--safe-top)) calc(16px + var(--safe-right)) calc(30px + var(--safe-bottom)) calc(16px + var(--safe-left))}.screen-mode{gap:6px 12px}}.ghost.coop-entry{width:100%;margin-top:10px}.coop-box h3{margin:0 0 8px}.coop-cols{text-align:left;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.coop-cols .panel{flex-direction:column;gap:8px;display:flex}.coop-zone{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;margin-left:6px;padding:6px 8px;font-size:14px}.coop-code{letter-spacing:8px;text-align:center;text-transform:uppercase;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:26px}.coop-err{color:#ff8a7a;margin:8px 0}.coop-room-code{letter-spacing:12px}.coop-link{gap:8px;margin:6px 0 14px;display:flex}.coop-link input{background:var(--panel-2);min-width:0;color:var(--dim);border:1px solid var(--line);border-radius:6px;flex:1;padding:8px 10px;font-size:13px}.coop-seats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.coop-seat{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.coop-seat b{color:var(--c,var(--text))}.coop-seat small{color:var(--dim)}.coop-seat.ready{border-color:#7fd08a}.coop-seat.empty{border-style:dashed;justify-content:center}.coop-status{color:var(--text);pointer-events:none;white-space:nowrap;background:#000a;border-radius:999px;margin-top:6px;padding:3px 12px;font-size:13px;display:inline-block}.coop-status.warn{color:#ffe0c8;background:#6b2a14e6;font-size:15px}.coop-mate{color:var(--text);pointer-events:none;white-space:nowrap;background:#000a;border-radius:999px;align-items:center;gap:6px;margin:6px 0 0 6px;padding:3px 10px;font-size:12px;display:inline-flex}.coop-mate .bar{background:#fff2;border-radius:4px;width:64px;height:7px;display:block;overflow:hidden}.coop-mate .fill{background:var(--c);height:100%;transition:width .15s;display:block}@media (width<=640px){.coop-cols{grid-template-columns:1fr}}.layer-tabs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.layer-tabs button{color:#ff9ad0;padding:4px 12px;font-size:13px}.layer-tabs button.on{color:#fff;background:#ff4fa82e;border-color:#ff4fa8}.awaken{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.awaken button{color:#ff9ad0;padding:4px 10px;font-size:13px}.awaken .hint{margin:0;font-size:12px}.item em.awk{color:#ff9ad0;font-size:.85em;font-style:normal}.layer-tabs button small{opacity:.75;margin-left:2px;font-size:11px}.tier-tabs.abyss-tiers{align-items:center;margin-bottom:10px}.tier-tabs.abyss-tiers .section-kicker{color:#ff9ad0;margin-right:4px}.tier-tabs button.locked{opacity:.55}.recipe.locked{opacity:.7}.leg{color:#ffd27a;align-items:baseline;gap:6px;font-size:12px;line-height:1.5;display:inline-flex}.leg b{color:#ffb347;white-space:nowrap;text-shadow:0 0 6px #ffa03c80;font-weight:700}.r-stats .leg{flex-basis:100%}.legend-pool{margin-bottom:10px}.legend-pool h3 small{color:var(--dim);margin-left:6px;font-size:12px;font-weight:400}.legend-list{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:6px 14px;margin:6px 0;display:grid}.sk-head .rank .asc-n{color:#ff9ad0;margin-left:4px;font-size:.7em;font-style:normal}.skill-card.ascended{border-color:#a0507c}.asc-box{border-top:1px dashed #4a3a48;flex-direction:column;gap:8px;padding-top:10px;display:flex}.asc-box.locked{opacity:.75}.sk-evolve{color:var(--dim);font-size:12px}.sk-evolve.on{color:#ffd27a}.skill-card button.asc-btn{color:#ffb8de;border-color:#8a4a6c}.rebirth-head h3 small{color:var(--dim);margin-left:4px;font-size:13px}.ult-card{background:linear-gradient(145deg,#2a1830,#18212b 70%);border-color:#5a3a58}.ult-card.has{border-color:#c0609a}