:root{--bg:#140e1c;--panel:#16101ef0;--line:#4a3a5e;--text:#eee6f4;--dim:#a796b8;--acc:#ffb85a}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 50% 0, #2a1b38, var(--bg) 70%);color:var(--text);min-height:100vh;margin:0;font:14px/1.45 Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}#wrap{width:1100px;height:800px;margin:12px auto;position:relative}#stage{border:1px solid var(--line);border-radius:6px;width:1100px;height:620px;position:absolute;top:34px;left:0;overflow:hidden;box-shadow:0 10px 40px #0008}#stage canvas{display:block}#ui{pointer-events:none;position:absolute;inset:0}#ui>*{pointer-events:auto}button{font:inherit;color:var(--text);cursor:pointer;background:#33264a;border:1px solid #6a5590;border-radius:4px;padding:5px 10px;transition:transform 50ms,background .1s}button:hover:not(:disabled){border-color:var(--acc);background:#4a3768}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.38;cursor:not-allowed}button[aria-disabled=true]{cursor:not-allowed;color:#9a90a8;background:repeating-linear-gradient(135deg,#1e1828 0 6px,#26202f 6px 12px);border:1px dashed #5a5068}button[aria-disabled=true] .icon{filter:grayscale()brightness(.55)}button[aria-disabled=true] small{color:#ff8a7a}button.on{background:var(--acc);color:#201428;border-color:var(--acc)}button.big{background:linear-gradient(#a8562a,#7c3a1c);border-color:#ffb85a;padding:9px 18px;font-size:16px}button.ghost{background:0 0}button small{color:var(--dim);font-size:11px;display:block}h2{color:var(--acc);margin:0 0 6px;font-size:20px}h3{color:var(--dim);letter-spacing:.05em;margin:12px 0 6px;font-size:14px;font-weight:600}.spacer{flex:1}.hint{color:var(--dim);font-size:12px}.warn{color:#ff6a6a}.topbar{align-items:center;gap:10px;height:30px;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}.topbar .title{color:var(--acc);letter-spacing:.1em;font-weight:700}.topbar button{margin-left:2px;padding:1px 7px}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:8px;flex-direction:column;padding:14px 18px;display:flex;position:absolute;inset:50px 16px 162px;overflow:hidden}.panel .body,.panel .cols>div{overflow:auto}.panel .body{flex:1;min-height:0}.head,.foot{align-items:center;gap:12px;display:flex}.foot{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.tabs{gap:6px;margin:6px 0;display:flex}.cols{flex:1;grid-template-columns:1fr 1fr;gap:18px;min-height:0;display:grid}table{border-collapse:collapse}td{border-bottom:1px solid #ffffff10;padding:3px 8px}.stats td:last-child,.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.attrs .hint{font-size:11px}.profs{flex-wrap:wrap;gap:6px;display:flex}.prof{background:#ffffff10;border-radius:10px;padding:2px 8px;font-size:12px}.slots{gap:6px;display:grid}.slot{grid-template-columns:40px 1fr;align-items:start;gap:6px;display:grid}.slotname{color:var(--dim);padding-top:6px}.empty{color:var(--dim);padding:6px}.inv{gap:6px;display:grid}.item{border:1px solid var(--q);border-left:4px solid var(--q);background:linear-gradient(90deg, color-mix(in srgb, var(--q) 16%, transparent), transparent 70%);border-radius:4px;padding:6px 9px}.iname{color:var(--q);font-weight:700}.imeta{color:var(--dim);font-size:12px}.istats{flex-wrap:wrap;gap:2px 12px;margin:3px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.iact{gap:6px;margin-top:5px;display:flex}.iact button{padding:2px 9px;font-size:12px}.cmp{flex-wrap:wrap;gap:8px;margin:-2px 0 6px 8px;font-size:12px;display:flex}.cmp .up{color:#6cff8c}.cmp .down{color:#ff7a7a}.bars{grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0;display:grid}.bar{background:#000a;border:1px solid #0008;border-radius:3px;height:18px;position:relative;overflow:hidden}.bar>div{height:100%;transition:width .25s}.bar span{text-shadow:0 1px 2px #000;padding-left:6px;font-size:11px;font-weight:600;line-height:18px;position:absolute;inset:0}.bar.hp>div{background:linear-gradient(#e85050,#a02828)}.bar.mp>div{background:linear-gradient(#5aa8ff,#2a5ec0)}.bar.sp>div{background:linear-gradient(#5ad87a,#2a8a44)}.bar.oc>div{background:linear-gradient(#ffd060,#c08a20)}.tower{flex-direction:column;gap:4px;display:flex}.floor{border-radius:4px;align-items:center;gap:6px;padding:4px 6px;display:flex}.floor.cur{outline:1px solid var(--acc);background:#ffb85a22}.floor.past{opacity:.75}.fn{width:70px;color:var(--dim);font-weight:700}.node{text-align:center;border:1px solid #fff2;border-radius:4px;min-width:92px;padding:4px 8px;font-size:13px;display:inline-block}button.node{padding:8px 12px;font-size:14px}.node.faded{opacity:.35;filter:grayscale(.8)}.node.chosen{outline:2px solid var(--acc);color:#ffe8b0;opacity:1;background:#4a3a1e}.node .ni{text-shadow:0 0 3px #000,0 0 6px #000;font-size:26px;line-height:1.1;display:block}.node .tick{color:var(--acc);font-size:11px;font-style:normal;display:block}.node{color:#fff;background:#2a2038;border-color:#fff5}button.node .ni{font-size:30px}.iwgain{margin-right:8px;display:inline-block}.iwgain b{color:#8aff9a}.n-elite{color:#ff9a6a}.n-boss{color:#ff5a5a;font-weight:700}.n-chest{color:#ffe070}.n-merchant{color:#9adfff}.n-rest{color:#8aff9a}.n-shrine{color:#e0a8ff}.hud{pointer-events:none;grid-template-columns:1fr 330px;gap:10px;display:grid;position:absolute;top:40px;left:10px;right:10px}.hudl{background:#0009;border-radius:6px;padding:4px 8px}.status{font-size:13px}.status .spirit{color:#ffb0ff}.log{color:#ddd;background:#0009;border-radius:6px;height:128px;padding:4px 8px;font-size:14px;line-height:1.4;overflow:hidden}.log .crit{color:#ffe040}.cmdbar{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:stretch;gap:8px 14px;padding:8px;display:flex;position:absolute;top:662px;left:0;right:0}.cmdbar.busy button{pointer-events:none;opacity:.6}.cmdbar .grp{gap:4px;display:flex}.cmdbar button{min-width:70px;padding:4px 8px;font-size:13px}.cmdbar button.main{border-color:var(--acc);background:linear-gradient(#a8562a,#7c3a1c);min-width:90px;font-weight:700}.el-fire{border-color:#ff6a2a}.el-cold{border-color:#7fd8ff}.el-elec{border-color:#fff04a}.el-wind{border-color:#8affb0}.el-holy{border-color:#fff8c8}.el-dark{border-color:#b060ff}.node .row,.row{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.panel.node,.panel.result{left:180px;right:180px;overflow:auto}.gain{color:#ffe070;margin:8px 0;font-size:16px}.result.dead h2{color:#ff5a5a}.result.clear h2{color:#ffe060}.modal-back{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:92%;max-width:860px;max-height:90vh;overflow:auto}.cmp2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.log .regen{color:#6cb8ff}.inv.lost{opacity:.6}.weakbox{margin:4px 0;font-size:12px}.weakbox .wk.tgt{color:#fff}.weakbox b{color:#40ff90;margin-right:4px}.weakbox b.mine{background:#1d5a34;border-radius:3px;padding:0 3px}.weakhit{color:#40ff90;font-weight:700}.decide{background:#78140a8c;border:2px solid #ff5040;margin:4px 0;padding:6px 8px;animation:.8s infinite alternate pulse}@keyframes pulse{0%{box-shadow:0 0 #ff5040}to{box-shadow:0 0 12px #ff5040}}button.suggest{outline:2px solid #ffb040;box-shadow:0 0 10px #ffb040}.abtn button{padding:2px 6px}.unlocks{color:#ffe070;background:#2a2410;border:1px solid #c9a227;border-radius:4px;margin:6px 0;padding:6px 10px}.log .unlock{color:#ffe070}.locks{margin:4px 0}.icon{image-rendering:pixelated;vertical-align:middle;flex:none;margin-right:6px}.iname{align-items:center;display:flex}.cmdbar button .icon.sp{width:28px;height:28px;margin:0 auto 2px;display:block}.buffs{flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0;font-size:12px;display:flex}.bf{background:#2a2038;border:1px solid #fff4;border-radius:3px;padding:1px 6px}.bf.r-rare,.buffcard.r-rare{border-color:#5aa0ff}.bf.r-legend,.buffcard.r-legend{border-color:#ffb040;box-shadow:0 0 6px #ffb04066}.offer,.risk{background:#1b1424;border:1px solid #fff2;border-radius:6px;margin:8px 0;padding:8px}.risk{border-color:#c04040aa}.buffrow{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.buffcard{background:#241a30;border:1px solid #fff4;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.buffcard .bh{justify-content:space-between;gap:6px;display:flex}.buffcard .bh small{color:#b8a8c8}.buffcard .bd{flex:1;font-size:13px}.log .phase{color:#ff6060;font-weight:700}.log .statusfx{color:#fc6}.log .skillhit{color:#9fd3ff}.log .spirit{color:#c9a0ff}.bprev{color:#cfc2dc;flex-direction:column;gap:2px;font-size:12px;display:flex}.bbuffs{pointer-events:auto;flex-wrap:wrap;gap:3px;margin-top:3px;display:flex}.bic,.bprog{cursor:help;background:#2a2038;border:1px solid #fff5;border-radius:4px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 3px;font-size:13px;display:inline-flex;position:relative}.bprog{color:#aaa;background:#1a1a22;font-size:11px}.bprog.on{color:#ffd060;border-color:#ffd060}.bic.s-blade{color:#ff8a8a;background:#3a1c22}.bic.s-oc{color:#ffe066;background:#3a3218}.bic.s-arcane{color:#9ad0ff;background:#18283c}.bic.s-bulwark{color:#b8e0a0;background:#1c3020}.bic.s-none{color:#ddd}.bic i{opacity:.85;margin-right:1px;font-size:10px;font-style:normal}.bic.r-rare{border-color:#5aa0ff}.bic.r-legend{border-color:#ffb040;box-shadow:0 0 5px #ffb04088}.bic:hover:after,.bprog:hover:after{content:attr(data-tip);z-index:50;white-space:pre-line;color:#eee;background:#111e;border:1px solid #fff4;border-radius:4px;width:max-content;max-width:260px;padding:5px 8px;font-size:12px;position:absolute;top:26px;left:0}.theme{background:#2a1f38;border-left:3px solid #c89cff;margin:4px 0;padding:4px 8px;font-size:13px}.theme b{color:#e0c8ff}.theme-sep{color:#c89cff;text-align:center;border-top:1px dashed #5a4a70;margin:2px 0;font-size:11px}.bosst{color:#ff9060;margin-left:4px}.pdot{margin:2px 0;font-size:13px}.dot-bleed{color:#ff5050}.dot-burn{color:#ff9a30}.plate .affix{color:#ffc0c0;background:#4a2030;border-radius:3px;margin-left:3px;padding:0 4px;font-size:11px;display:inline-block}.plate .affix small{display:none}.weakbox .wk.tgt .plate .affix small{color:#ffd8d8;margin-left:3px;display:inline}.plate .tele{margin-left:4px;font-size:12px}.cp5tips{max-width:520px;font-size:12px}.panel.node{overflow-y:auto}.panel.node>*{flex-shrink:0}#ui>.modal-back.dock,.modal-back.dock{background:0 0;align-items:flex-start;padding-top:8px;pointer-events:none!important}.modal-back.dock .modal{pointer-events:auto;max-height:55vh;box-shadow:0 6px 24px #000000b3}.weakbox .wk .res{color:#9aa4b8;margin-left:6px}.weakbox .wk .res i{color:#c9b27a;margin-right:4px;font-style:normal}.weakbox .wk .res i.mine{color:#ff8a6a}.loot-better>.item{outline:2px solid #6cff8c;box-shadow:0 0 8px #6cff8c73}.better{color:#6cff8c}.loot-plain{opacity:.55}.loot-plain:hover{opacity:1}