:root{--bg: #0b0d14;--panel: rgba(16, 19, 30, .92);--panel-2: rgba(28, 33, 50, .9);--edge: rgba(255, 255, 255, .22);--edge-dim: rgba(255, 255, 255, .09);--text: #e8ecf4;--muted: #8f9ab0;--accent: #7fd1ff;--gold: #f2b632;--hp: #52d273;--xp: #7fd1ff;--danger: #ff6a6a;--r0: #d8d8d8;--r1: #4da3ff;--r2: #b063f5;--r3: #f2b632;--r4: #ff6a3d;--font: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;--tap: 44px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.4;-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;align-items:stretch;min-height:100vh;overflow-x:hidden}body.modal{overflow:hidden}.hidden{display:none!important}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.muted{color:var(--muted)}.small{font-size:.85em}button{font:inherit;color:var(--text);cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,select{font:inherit;color:var(--text)}#stage{position:relative;width:100%;height:270px;overflow:hidden;background:#0b0d14;flex:none}#game{position:absolute;top:0;left:0;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.px{background:var(--panel);box-shadow:0 0 0 1px var(--edge),0 0 0 2px #000c,inset 0 0 0 1px #00000080}.pxbtn{background:linear-gradient(180deg,#ffffff14,#fff0) var(--panel-2);border:0;box-shadow:0 0 0 1px var(--edge),inset 0 1px #ffffff1f,inset 0 -2px #00000073;border-radius:0;padding:0 14px;min-height:var(--tap);min-width:var(--tap)}.pxbtn:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent),inset 0 1px #ffffff2e,inset 0 -2px #00000073}.pxbtn:active:not(:disabled){transform:translateY(1px);box-shadow:0 0 0 1px var(--edge),inset 0 2px #00000073}#hud{display:grid;grid-template-columns:minmax(400px,430px) minmax(0,1fr);grid-template-areas:"id money" "bars bars" "skills btns";gap:6px 14px;width:min(100%,960px);margin:0 auto;padding:8px 10px 10px;background:var(--panel);box-shadow:0 0 0 1px var(--edge),0 0 0 2px #000c;position:relative;z-index:1}#hud .row{display:flex;align-items:center;gap:10px;min-width:0}#hud .id{grid-area:id}#hud .bars{grid-area:bars;flex-direction:column;align-items:stretch;gap:4px}#hud .money{grid-area:money;justify-content:flex-end}#hud .btns{grid-area:btns;justify-content:flex-end;flex-wrap:wrap;gap:6px}#hud .skills{grid-area:skills;gap:12px}#skillbar{display:flex;gap:6px}.skill-icon{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#00000073;box-shadow:0 0 0 1px var(--edge-dim),inset 0 0 0 1px #0009;color:var(--text);font-size:.8em;font-weight:700;--p: 0}.skill-icon[data-school=melee]{box-shadow:0 0 0 1px #ff9a7a,inset 0 0 0 1px #0009;background:#ff9a7a1f}.skill-icon[data-school=ranged]{box-shadow:0 0 0 1px #a7e36a,inset 0 0 0 1px #0009;background:#a7e36a1f}.skill-icon[data-school=spell]{box-shadow:0 0 0 1px #b9a0ff,inset 0 0 0 1px #0009;background:#b9a0ff1f}.skill-icon[data-school=guard]{box-shadow:0 0 0 1px #7fd1ff,inset 0 0 0 1px #0009;background:#7fd1ff1f}.skill-icon.empty{outline:1px dashed var(--edge-dim);outline-offset:-1px;box-shadow:none}.skill-icon.locked{opacity:.5}.skill-icon.locked .sico{color:var(--muted);font-size:.75em}.skill-icon .sico{position:relative;z-index:1;text-shadow:0 1px 0 #000;display:flex;align-items:center;justify-content:center}.skill-icon .scd{position:absolute;inset:0;z-index:1;background:conic-gradient(rgba(255,255,255,.42) calc(var(--p) * 100%),transparent 0);pointer-events:none}.skill-icon .scdt{position:absolute;right:2px;bottom:0;font-size:.7em;color:#fff;text-shadow:0 1px 0 #000,0 0 2px #000;z-index:2}.skill-icon:not(.cooling) .scd{display:none}.skill-icon.cooling .sico{opacity:1}#streak{color:var(--gold);font-weight:700;padding:2px 8px;background:#f2b6321a;box-shadow:0 0 0 1px #f2b63280;white-space:nowrap;animation:streakPop .25s ease-out}#streak.hot{color:#ffe9a8;box-shadow:0 0 0 1px var(--gold),0 0 10px #f2b63280}@keyframes streakPop{0%{transform:scale(1.3)}to{transform:none}}#btnMute{min-width:var(--tap);padding:0 3px!important;font-size:1.1em}#btnMute.muted{color:var(--muted)}#hud .phase[data-phase=gate]{color:#ffb4a8;box-shadow:0 0 0 1px #ff6a6a80}.bar.hp.shielded:after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--shield, 0) * 1%);background:repeating-linear-gradient(135deg,#7fd1ff8c 0 3px,#7fd1ff40 3px 6px);pointer-events:none}#hud .dot{width:8px;height:8px;background:var(--danger);box-shadow:0 0 0 1px #000c,0 0 6px var(--danger);flex:none}#hud .dot.up{background:var(--hp);box-shadow:0 0 0 1px #000c,0 0 6px var(--hp)}#hud .name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:10em}#hud .level{color:var(--gold);font-weight:700}#hud .seg{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hud .phase{font-size:.8em;padding:1px 8px;background:#ffffff0f;box-shadow:0 0 0 1px var(--edge-dim);color:var(--muted);white-space:nowrap}#hud .phase[data-phase=fight]{color:#ffb4a8;box-shadow:0 0 0 1px #ff6a6a80}#hud .phase[data-phase=walk]{color:#b9e6ff}#hud .phase[data-phase=rest]{color:#cfcfcf}#hud .phase[data-phase=hold]{color:#ffd98a;box-shadow:0 0 0 1px #f2b63280}.bar{position:relative;height:14px;background:#0000008c;box-shadow:0 0 0 1px var(--edge-dim),inset 0 1px #0009;overflow:hidden}.bar .fill{position:absolute;inset:0 auto 0 0;width:0;transition:width .35s linear}.bar.hp .fill{background:linear-gradient(180deg,#7ae89a,var(--hp) 55%,#2c9d4b)}.bar.xp .fill{background:linear-gradient(180deg,#a9e3ff,var(--xp) 55%,#2e7fb0)}.bar .txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;text-shadow:0 1px 0 #000,0 0 2px #000}#hud .cur{display:inline-flex;align-items:center;gap:6px;font-size:1.05em}#hud .cur i{width:10px;height:10px;display:inline-block;box-shadow:0 0 0 1px #000c}#hud .cur .coin{background:var(--gold);box-shadow:0 0 0 1px #000c,inset -2px -2px #b57f14}#hud .cur .shard{background:#9ad8ff;box-shadow:0 0 0 1px #000c,inset -2px -2px #3f88c0;transform:rotate(45deg);width:8px;height:8px}#hud .cur.gold b{color:var(--gold)}#hud .cur.shards b{color:#9ad8ff}#hud .btns button,.pxbtn,.dlg .btns button,.pop-btns button,.box button,.bag-head button,.talent-head button{background:linear-gradient(180deg,#ffffff14,#fff0) var(--panel-2);border:0;box-shadow:0 0 0 1px var(--edge),inset 0 1px #ffffff1f,inset 0 -2px #00000073;border-radius:0;padding:0 14px;min-height:var(--tap);min-width:var(--tap)}#hud .btns button:hover,.dlg .btns button:hover:not(:disabled),.pop-btns button:hover:not(:disabled),.box button:hover:not(:disabled),.bag-head button:hover:not(:disabled),.talent-head button:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent),inset 0 1px #ffffff2e,inset 0 -2px #00000073}button.primary{color:#ffe9a8!important;box-shadow:0 0 0 1px var(--gold),inset 0 1px #ffffff26,inset 0 -2px #00000073!important}button.small{min-height:32px!important;padding:0 5px!important;font-size:.85em}#btnHero{position:relative}body[data-level="1"] #btnHero:after,body[data-level="2"] #btnHero:after{content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;background:var(--gold);box-shadow:0 0 0 1px #000}.dlg{position:fixed;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:12px;background:#04060cb8;backdrop-filter:blur(2px)}.panel{position:relative;width:min(520px,100%);max-height:100%;overflow:auto;padding:14px 16px 16px;background:var(--panel);box-shadow:0 0 0 1px var(--edge),0 0 0 2px #000000e6,0 0 0 3px var(--edge-dim),0 24px 60px #0009}.panel.wide{width:min(1000px,100%)}.panel.report{width:min(560px,100%)}.head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.head .title{margin:0;font-size:1.15em;letter-spacing:.08em;color:var(--gold);text-shadow:0 1px 0 #000}.head .tabs{display:flex;gap:2px;margin-left:8px}.head .tab{background:#ffffff0a;border:0;box-shadow:0 0 0 1px var(--edge-dim);padding:0 14px;min-height:36px;color:var(--muted);border-radius:0}.head .tab.on{color:var(--text);background:var(--panel-2);box-shadow:0 0 0 1px var(--edge),inset 0 -2px 0 var(--accent)}.btn-close,.x{margin-left:auto;width:var(--tap);height:var(--tap);background:none;border:0;color:var(--muted);font-size:1.4em;line-height:1}.btn-close:hover,.x:hover{color:#fff}.box{padding:10px 12px;margin:8px 0;background:#ffffff08;box-shadow:0 0 0 1px var(--edge-dim)}.box h4{margin:0 0 8px;font-size:.95em;color:var(--accent);letter-spacing:.06em}.box input[type=text],.box input[type=password],.box input[type=number],.box select{display:block;width:100%;margin:6px 0;min-height:40px;padding:6px 10px;background:#00000073;border:0;box-shadow:0 0 0 1px var(--edge-dim);outline:none;border-radius:0}.box input:focus,.box select:focus{box-shadow:0 0 0 1px var(--accent)}.box .inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}.box .inline input,.box .inline select{width:auto;flex:1 1 110px;margin:0}.box .inline input[type=number]{max-width:110px}.opt{display:flex;align-items:center;gap:10px;min-height:var(--tap);cursor:pointer}.opt input{width:18px;height:18px;accent-color:var(--accent);margin:0}.note{padding:10px 12px;margin:0 0 8px;background:#7fd1ff14;box-shadow:0 0 0 1px #7fd1ff4d}.note.bound{background:#52d27314;box-shadow:0 0 0 1px #52d27359;color:#bff2cc}.dlg .btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.dlg .btns button{flex:1 1 120px}.tips{position:relative;margin:0 0 10px;padding:8px 36px 8px 24px;list-style:square;background:#f2b63214;box-shadow:0 0 0 1px #f2b63259;color:#ffe9a8;font-size:.9em}.tips .tips-close{position:absolute;right:2px;top:2px;width:32px;height:32px;background:none;border:0;color:var(--muted);font-size:1.2em}.cols{display:grid;grid-template-columns:220px 230px 1fr;gap:14px;align-items:start}.col{min-width:0}.stats-top{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.stat{display:flex;justify-content:space-between;gap:8px;padding:3px 8px;font-size:.9em}.stat:nth-child(odd){background:#ffffff08}.stat .k{color:var(--muted)}.stat .v{font-family:var(--mono);font-variant-numeric:tabular-nums}.stat.big{flex-direction:column;align-items:flex-start;gap:0;padding:8px 10px;background:#00000059;box-shadow:0 0 0 1px var(--edge-dim)}.stat.big .k{font-size:.78em;letter-spacing:.06em}.stat.big .v{font-size:1.5em;color:var(--gold);font-weight:700;line-height:1.1}.stat[data-key=ehp].big .v{color:var(--hp)}.gear-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gear-slot,.bag-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tap);background:#0006;border:0;border-radius:0;padding:4px;box-shadow:0 0 0 1px var(--rc, var(--edge-dim)),inset 0 0 0 1px #0009;color:var(--text)}.gear-slot{min-height:64px}.gear-slot.empty{box-shadow:none;outline:1px dashed var(--edge-dim);outline-offset:-1px;color:var(--muted)}.gear-slot .ico,.bag-item .ico{font-size:1.25em;font-weight:700;color:var(--rc, var(--muted));text-shadow:0 1px 0 #000;display:flex;align-items:center;justify-content:center}.gear-slot .lbl{font-size:.72em;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gear-slot:not(.empty) .lbl{color:var(--rc)}.bag-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.bag-item{aspect-ratio:1;min-height:var(--tap)}.bag-item.empty{box-shadow:none;outline:1px dashed var(--edge-dim);outline-offset:-1px;cursor:default}.bag-item .tier,.gear-slot .tier{position:absolute;left:3px;bottom:1px;font-size:.62em;color:var(--muted);font-family:var(--mono)}.bag-item.better:after,.report-drops .bag-item.better:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 12px 12px 0;border-color:transparent var(--gold) transparent transparent}.bag-item.cant .ico{opacity:.5}.bag-item.cant{background:#50141466}.bag-item.locked{box-shadow:0 0 0 1px var(--rc, var(--edge)),inset 0 0 0 2px #ffffff1f}.r0{--rc: var(--r0)}.r1{--rc: var(--r1)}.r2{--rc: var(--r2)}.r3{--rc: var(--r3)}.r4{--rc: var(--r4)}.bag-head,.talent-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:var(--muted)}.bag-head{flex-wrap:wrap}.bag-head .bag-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}#btnSellMode.on{color:#ffd0d0!important;box-shadow:0 0 0 1px var(--danger),inset 0 1px #ffffff26,inset 0 -2px #00000073!important;background:#781e1e73}#bag.sell-mode{outline:1px dashed rgba(255,106,106,.55);outline-offset:3px}#bag.sell-mode .bag-item:not(.empty){cursor:pointer}#bag.sell-mode .bag-item:not(.empty):hover{box-shadow:0 0 0 2px var(--danger),inset 0 0 0 1px #0009;background:#781e1e73}#bag.sell-mode .bag-item:not(.empty):hover:before,#bag.sell-mode .bag-item.confirm:before{content:attr(data-sell);position:absolute;right:-2px;top:-2px;z-index:2;padding:1px 5px;font-size:.68em;font-weight:700;line-height:1.4;white-space:nowrap;color:#fff;background:var(--danger);box-shadow:0 0 0 1px #000;font-family:var(--mono);pointer-events:none}#bag.sell-mode .bag-item.locked:not(.empty):hover:before{background:#555;color:#ddd}#bag.sell-mode .bag-item.confirm{box-shadow:0 0 0 2px var(--danger),inset 0 0 0 1px #0009;animation:sellPulse .5s ease-in-out infinite alternate}@keyframes sellPulse{0%{background:#781e1e59}to{background:#c8323299}}.gear-pop{position:absolute;z-index:2;width:250px;padding:10px 12px;background:#0c0e16f7;box-shadow:0 0 0 1px var(--edge),0 0 0 2px #000000e6,0 10px 30px #000000b3}.pop-head{display:flex;align-items:center;gap:8px}.pop-head b{font-size:1.05em}.pop-head .x{width:32px;height:32px;font-size:1.2em}.pop-meta{color:var(--muted);font-size:.82em;margin-bottom:6px}.pop-stats{margin:0 0 6px;padding:0 0 0 14px;font-family:var(--mono);font-size:.9em;color:#cfe3ff}.pop-power{color:var(--muted);font-size:.82em}.pop-compare{font-weight:700;margin:4px 0}.pop-compare.up{color:var(--hp)}.pop-compare.down{color:var(--danger)}.pop-need{color:var(--danger);font-size:.85em}.pop-btns{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.pop-btns button{flex:1 1 70px;padding:0 3px!important;font-size:.9em}.talent-head{flex-wrap:wrap}.talent-head #treeHint{flex:1 1 auto;text-align:center}.tree-wrap{position:relative;width:100%;height:min(540px,62vh);min-height:280px;background:#00000059;box-shadow:0 0 0 1px var(--edge-dim);overflow:hidden}#treeCanvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;user-select:none}#treeCanvas:active{cursor:grabbing}.tree-legend{position:absolute;left:8px;bottom:6px;display:flex;gap:10px;flex-wrap:wrap;font-size:.75em;color:var(--muted);pointer-events:none}.tree-legend .lg{display:inline-flex;align-items:center;gap:4px}.tree-legend .sw{width:9px;height:9px;display:inline-block;border-radius:50%;box-shadow:0 0 0 1px #000000b3}.tree-legend .sw.line-melee{background:#ff9a7a}.tree-legend .sw.line-ranged{background:#a7e36a}.tree-legend .sw.line-spell{background:#b9a0ff}.tree-legend .sw.line-guard{background:#7fd1ff}.tree-legend .sw.st-lit{background:#fff}.tree-legend .sw.st-can{background:#ffffff59;box-shadow:0 0 0 1px #fff}.tree-legend .sw.st-cant{background:#3a4150}.node-pop{position:absolute;z-index:2;width:260px;max-width:calc(100% - 12px);padding:10px 12px;background:#0c0e16f7;box-shadow:0 0 0 1px var(--lc, var(--edge)),0 0 0 2px #000000e6,0 10px 30px #000000b3;font-size:.9em}.node-pop .pop-head{gap:6px}.node-pop .np-name{color:var(--lc, var(--text));font-size:1.05em}.node-pop .np-kind{color:var(--muted);font-size:.78em;white-space:nowrap}.node-pop .np-desc p{margin:4px 0}.node-pop .np-per{color:#cfe3ff;font-size:.9em}.node-pop .np-count{color:var(--gold);margin-top:4px}.node-pop .np-delta{color:var(--muted)}.node-pop .np-delta.up{color:var(--hp)}.node-pop .np-delta:empty,.node-pop .np-lock:empty{display:none}.node-pop .np-lock{color:var(--danger);font-size:.85em;margin-top:4px}.node-pop[data-status=lit] .np-count{color:#fff}.campfire .big{font-size:1.3em;color:var(--gold);margin:4px 0}.campfire button{width:100%;margin-top:6px}.capped{padding:8px 12px;margin-bottom:8px;background:#ff6a3d1f;box-shadow:0 0 0 1px #ff6a3d80;color:#ffc4b4}.report-body .away{font-size:1.25em;font-weight:700;margin:0 0 8px;color:var(--gold)}.report-lines{margin:0;padding:0;list-style:none;font-family:var(--mono);font-variant-numeric:tabular-nums}.report-lines li{padding:4px 0;border-bottom:1px solid var(--edge-dim)}.report-body h4{margin:12px 0 6px;color:var(--accent)}.report-drops{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.report-drops .bag-item{cursor:default}.recovery code{display:block;padding:10px;font-size:1.3em;letter-spacing:.14em;text-align:center;background:#00000080;box-shadow:0 0 0 1px var(--gold);color:var(--gold);cursor:pointer;user-select:all}.panel.skills{width:min(1040px,100%)}.panel .sub{margin:12px 0 6px;color:var(--accent);font-size:.95em;letter-spacing:.06em}.skill-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.skill-slot-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}.skill-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:128px;padding:14px 4px 6px;background:#0006;border:0;border-radius:0;box-shadow:0 0 0 1px var(--edge-dim);color:var(--text)}.skill-slot .sno{position:absolute;left:4px;top:2px;font-size:.7em;color:var(--muted)}.skill-slot .sico{font-size:1.3em;font-weight:700;text-shadow:0 1px 0 #000;display:flex;align-items:center;justify-content:center;min-height:64px}.skill-slot .sname{font-size:.85em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-slot .slvl{font-size:.75em;color:var(--gold)}.skill-slot .slock{font-size:.78em;color:var(--danger)}.skill-slot .slock:empty{display:none}.skill-slot.empty{outline:1px dashed var(--edge-dim);outline-offset:-1px;box-shadow:none;color:var(--muted)}.skill-slot.locked{opacity:.55}.skill-slot.on{box-shadow:0 0 0 2px var(--gold),0 0 12px #f2b63266!important;background:#f2b63214}.skill-slot[data-school=melee] .sico,.skill-item[data-school=melee] .sico{color:#ff9a7a}.skill-slot[data-school=ranged] .sico,.skill-item[data-school=ranged] .sico{color:#a7e36a}.skill-slot[data-school=spell] .sico,.skill-item[data-school=spell] .sico{color:#b9a0ff}.skill-slot[data-school=guard] .sico,.skill-item[data-school=guard] .sico{color:#7fd1ff}select.skill-rule{width:100%;min-height:32px;padding:2px 6px;background:#00000073;border:0;box-shadow:0 0 0 1px var(--edge-dim);font-size:.8em;border-radius:0}select.skill-rule:disabled{opacity:.4}.skill-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:start}.skill-item{display:flex;flex-direction:column;gap:3px;text-align:left;padding:8px 10px;background:#0006;border:0;border-radius:0;box-shadow:0 0 0 1px var(--edge-dim);color:var(--text);font-size:.88em;line-height:1.35;width:100%}.skill-item:hover{box-shadow:0 0 0 1px var(--accent)}.skill-item.equipped{box-shadow:0 0 0 1px var(--gold);background:#f2b6320f}.skill-item .si-head{display:flex;align-items:center;gap:6px;min-width:0}.skill-item .si-head .sico{font-weight:700;flex:none;display:flex}.skill-item .si-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-item .si-lvl{margin-left:auto;color:var(--gold)}.skill-item .si-sig{font-size:.75em;color:#ffe9a8;padding:0 5px;box-shadow:0 0 0 1px var(--gold)}.skill-item .si-meta{font-size:.85em}.skill-item .si-desc{color:#cfd6e6}.skill-item .si-foot{display:flex;justify-content:space-between;gap:8px;font-size:.8em;color:var(--muted)}.skill-item .si-foot .si-act:empty{display:none}.skill-item .si-act{color:var(--accent)}.dlg.origin{z-index:7;background:#04060ce0}.panel.origin{width:min(900px,100%)}.panel.origin .note{text-align:center}.origin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.origin-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px 14px;text-align:center;min-height:240px;background:#0006;border:0;border-radius:0;box-shadow:0 0 0 1px var(--edge-dim);color:var(--text);cursor:pointer}.origin-card .origin-sprite{width:144px;height:128px;image-rendering:pixelated;image-rendering:crisp-edges;background:radial-gradient(ellipse at 50% 90%,rgba(255,255,255,.08),transparent 60%)}.origin-card .oname{font-size:1.15em;letter-spacing:.1em;color:var(--gold)}.origin-card .oblurb{font-size:.85em;color:#cfd6e6}.origin-card .osig{font-size:.85em;color:var(--accent);margin-top:auto;display:inline-flex;align-items:center;gap:6px}.origin-card .osigdesc{font-size:.78em}.origin-card .ometa{font-size:.75em}.origin-card[data-origin=blade] .oname{color:#ff9a7a}.origin-card[data-origin=ranger] .oname{color:#a7e36a}.origin-card[data-origin=mage] .oname{color:#b9a0ff}.origin-card[data-origin=warden] .oname{color:#7fd1ff}.panel.origin .btns{justify-content:center}.panel.origin .btns button{flex:0 1 240px;min-height:48px;font-size:1.05em}body.origin-open #hud .btns button:not(#btnMute){pointer-events:none;opacity:.5}#toast{position:fixed;left:50%;bottom:10%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:9;pointer-events:none;max-width:92vw}.toast-item{padding:8px 14px;background:#000000d9;box-shadow:0 0 0 1px var(--edge);color:#fff;font-size:.95em;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92vw}.toast-item.show{opacity:1;transform:none}.toast-item.error{box-shadow:0 0 0 1px var(--danger);color:#ffd0d0}.toast-item.notice{box-shadow:0 0 0 1px var(--accent)}.toast-item.level{box-shadow:0 0 0 1px var(--gold);color:var(--gold);font-weight:700;font-size:1.1em}.fly{position:fixed;z-index:8;width:14px;height:14px;background:var(--rc, #fff);box-shadow:0 0 0 1px #000,0 0 8px var(--rc, #fff);pointer-events:none;transition:left .6s cubic-bezier(.2,.7,.3,1),top .6s cubic-bezier(.2,.7,.3,1),opacity .6s}.fly.gold{background:var(--gold);box-shadow:0 0 0 1px #000,0 0 8px var(--gold);width:10px;height:10px}.fly-text{position:fixed;z-index:10;transform:translate(-50%,-50%);pointer-events:none;font-weight:700;font-size:1.05em;white-space:nowrap;text-shadow:0 1px 0 #000,0 0 6px rgba(0,0,0,.8);transition:left .65s cubic-bezier(.2,.7,.3,1),top .65s cubic-bezier(.2,.7,.3,1),opacity .65s,transform .65s}.fly-text.gold{color:var(--gold)}@media(max-width:720px){#hud{grid-template-columns:1fr;grid-template-areas:"id" "bars" "money" "skills" "btns";gap:6px}#hud .skills{justify-content:space-between}#hud .money{justify-content:flex-start}#hud .btns{justify-content:stretch}#hud .btns button{flex:1 1 0;padding:0 6px}.dlg{padding:0;align-items:flex-end}.panel,.panel.wide,.panel.report{width:100%;max-height:92vh}.cols{grid-template-columns:1fr}.stats-list{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.stat{font-size:.82em;padding:2px 6px}.gear-grid{grid-template-columns:repeat(4,1fr)}.gear-slot{min-height:var(--tap)}.bag-grid{grid-template-columns:repeat(6,1fr)}.tree-wrap{height:58vh}.node-pop{position:absolute;left:6px!important;right:6px;width:auto;top:auto!important;bottom:6px}.skill-slots{grid-template-columns:repeat(2,1fr)}.skill-list,.skill-list[data-tab=all]{grid-template-columns:1fr}.skill-list:not([data-tab=all]) .sg-list{grid-template-columns:1fr}.skill-list-head{flex-direction:column;align-items:flex-start}.skill-tabs{width:100%;overflow-x:auto}.skill-tab{flex:1 1 auto}.icon,.gear-slot .icon,.bag-item .icon,.pop-icon .icon,.report-drops .icon,.skill-slot .sico .icon{--s: 1}.skill-slot .sico{min-height:36px}.skill-slot{min-height:96px}.gear-slot{min-height:72px}.report-drops{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.origin-cards{grid-template-columns:1fr 1fr}.origin-card{min-height:0}.origin-card .origin-sprite{width:108px;height:96px}.panel.origin{max-height:100vh}.gear-pop{position:fixed;left:0!important;right:0;top:auto!important;bottom:0;width:min(100%,420px);margin:0 auto;max-height:80vh;overflow:auto}.head .tabs{margin-left:0}}.icon{--s: 2;--iw: 32;--ih: 32;--ix: 0;--iy: 0;--ps: var(--s);position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:content-box;width:calc(var(--iw) * var(--s) * 1px);height:calc(var(--ih) * var(--s) * 1px);background-repeat:no-repeat;background-size:calc(var(--sw, var(--iw)) * var(--s) * 1px) calc(var(--sh, var(--ih)) * var(--s) * 1px);background-position:calc(var(--ix) * var(--s) * -1px) calc(var(--iy) * var(--s) * -1px);image-rendering:pixelated;image-rendering:crisp-edges;font-family:var(--font);font-weight:700;font-size:calc(var(--s) * 13px);line-height:1;color:var(--rc, var(--text));text-shadow:0 1px 0 #000,0 0 3px #000;vertical-align:middle;pointer-events:none}.icon.sm{--s: 1}.icon[data-fallback],.icon[data-pending]{background-image:none!important;background:#00000073;box-shadow:inset 0 0 0 1px var(--rc, var(--edge-dim))}.icon[data-fallback].sm,.icon[data-pending].sm{font-size:13px}.icon .icon-frame{--s: calc(var(--ps) * var(--fs, 1));position:absolute;inset:0;display:block;background-repeat:no-repeat;background-size:calc(var(--sw, var(--iw)) * var(--s) * 1px) calc(var(--sh, var(--ih)) * var(--s) * 1px);background-position:calc(var(--ix) * var(--s) * -1px) calc(var(--iy) * var(--s) * -1px);image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}.icon .icon-frame[data-fallback],.icon .icon-frame[data-pending]{box-shadow:inset 0 0 0 1px var(--rc, transparent)}.icon.slot-ghost{opacity:.55;filter:grayscale(1) brightness(.85)}.icon.slot-ghost[data-fallback],.icon.slot-ghost[data-pending]{opacity:.7;box-shadow:none;background:none;color:var(--muted)}.gear-slot,.bag-item{gap:3px}.gear-slot{min-height:100px;padding:6px 4px 4px}.bag-item .ico{width:100%;height:100%}.bag-item.cant .icon{opacity:.5;filter:saturate(.4)}.gear-slot .tier,.bag-item .tier{z-index:1;background:#0000008c;padding:0 3px}.report-drops .bag-item{min-height:70px;aspect-ratio:auto;padding:4px 2px 6px}.report-drops .bag-item .ico{width:auto;height:auto}.pop-icon{display:inline-flex;flex:none}.pop-icon:empty{display:none}.gear-pop .pop-head{align-items:center;gap:10px}.gear-pop .pop-head b{flex:1 1 auto;min-width:0}.skill-icon .sico .icon{--s: 1}.skill-icon.cooling .sico .icon{filter:none}.aoe-count{color:#ffb4a8;font-weight:700;padding:2px 8px;background:#ff6a6a1a;box-shadow:0 0 0 1px #ff6a6a80;white-space:nowrap}.aoe-count.pop{animation:streakPop .22s ease-out}.skill-slot .sico .icon{--s: 2}.skill-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}.skill-list-head .sub{margin:0}.skill-tabs{display:flex;gap:2px}.skill-tab{background:#ffffff0a;border:0;box-shadow:0 0 0 1px var(--edge-dim);padding:0 12px;min-height:34px;color:var(--muted);border-radius:0;font-size:.9em;white-space:nowrap}.skill-tab:hover{color:var(--text)}.skill-tab.on{color:var(--text);background:var(--panel-2);box-shadow:0 0 0 1px var(--edge),inset 0 -2px 0 var(--accent)}.skill-tab[data-school=melee].on{box-shadow:0 0 0 1px var(--edge),inset 0 -2px #ff9a7a}.skill-tab[data-school=ranged].on{box-shadow:0 0 0 1px var(--edge),inset 0 -2px #a7e36a}.skill-tab[data-school=spell].on{box-shadow:0 0 0 1px var(--edge),inset 0 -2px #b9a0ff}.skill-tab[data-school=guard].on{box-shadow:0 0 0 1px var(--edge),inset 0 -2px #7fd1ff}.skill-list{margin-top:8px}.skill-list:not([data-tab=all]){grid-template-columns:1fr}.skill-group{min-width:0;display:flex;flex-direction:column;gap:6px}.skill-group .sg-head{margin:0;padding:4px 8px;font-size:.85em;letter-spacing:.06em;color:var(--muted);background:#ffffff08;box-shadow:0 0 0 1px var(--edge-dim)}.skill-group[data-school=melee] .sg-head{color:#ff9a7a;box-shadow:inset 3px 0 #ff9a7a,0 0 0 1px var(--edge-dim)}.skill-group[data-school=ranged] .sg-head{color:#a7e36a;box-shadow:inset 3px 0 #a7e36a,0 0 0 1px var(--edge-dim)}.skill-group[data-school=spell] .sg-head{color:#b9a0ff;box-shadow:inset 3px 0 #b9a0ff,0 0 0 1px var(--edge-dim)}.skill-group[data-school=guard] .sg-head{color:#7fd1ff;box-shadow:inset 3px 0 #7fd1ff,0 0 0 1px var(--edge-dim)}.skill-group .sg-list{display:grid;grid-template-columns:1fr;gap:6px}.skill-list:not([data-tab=all]) .sg-list{grid-template-columns:repeat(2,1fr);gap:8px}.skill-list[data-tab=all] .si-desc,.skill-list[data-tab=all] .si-meta{display:none}.skill-list[data-tab=all] .skill-item{padding:6px 8px;gap:2px}.skill-item .si-rank{font-size:.75em;color:var(--gold);padding:0 4px;box-shadow:0 0 0 1px #f2b63273;flex:none}.skill-item[data-tier="1"] .si-rank{color:var(--muted);box-shadow:0 0 0 1px var(--edge-dim)}.skill-item[data-tier="3"] .si-rank{color:#ffe9a8;background:#f2b63226;box-shadow:0 0 0 1px var(--gold)}.skill-item .si-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:.8em}.skill-item .si-kind{padding:0 5px;background:#ffffff0f;box-shadow:0 0 0 1px var(--edge-dim);color:#cfd6e6}.skill-item .si-aoe{padding:0 5px;color:#ffb4a8;background:#ff6a6a1f;box-shadow:0 0 0 1px #ff6a6a80;font-weight:700;letter-spacing:.04em}.skill-item .si-tag{padding:0 5px;color:#b9e6ff;box-shadow:0 0 0 1px #7fd1ff59}.skill-item .si-meta{flex-basis:100%}.skill-item .si-vfx{color:var(--muted)}.skill-item.unlearned{opacity:.55;background:#00000040}.skill-item.unlearned .icon{filter:grayscale(.9)}.skill-item.unlearned .si-name{color:var(--muted)}.skill-item.unlearned .si-lvl{color:var(--muted);font-size:.8em}.skill-item.unlearned:hover{opacity:.8;box-shadow:0 0 0 1px var(--edge)}.skill-item .si-sig,.origin-card .osig .icon{flex:none}.fly.iconic{width:36px;height:36px;background:#0000008c;box-shadow:0 0 0 1px var(--rc, #fff),0 0 10px var(--rc, #fff);display:flex;align-items:center;justify-content:center}.fly.iconic .icon{--s: 1}#skillbar{display:grid;grid-template-columns:repeat(8,44px);gap:6px;touch-action:none;user-select:none;-webkit-user-select:none}.skill-icon .sprio{position:absolute;left:0;top:0;z-index:3;min-width:13px;padding:0 3px;font-size:9px;line-height:13px;text-align:center;color:#ffe9a8;background:#000000bf;box-shadow:0 0 0 1px #f2b6328c;pointer-events:none}.skill-icon.locked .sprio,.skill-icon .sprio:empty{display:none}.skill-icon:not(.empty):not(.locked){cursor:grab}.skill-icon.drag-src{opacity:.35;outline:1px dashed var(--gold);outline-offset:-1px}.drop-target{box-shadow:0 0 0 2px var(--gold),0 0 12px #f2b6328c!important;background:#f2b6322e!important}.drag-ghost{position:fixed;z-index:30;pointer-events:none;opacity:.92;transform:scale(1.08);box-shadow:0 0 0 1px var(--gold),0 8px 24px #000000b3!important;background:#10131ef2!important;margin:0!important}.drag-ghost .scd,.drag-ghost .scdt,.drag-ghost .skill-rule{display:none!important}.reordering .skill-icon:not(.drag-src):not(.locked),.reordering .skill-slot:not(.drag-src):not(.locked){outline:1px dashed rgba(242,182,50,.45);outline-offset:-1px}#streak{display:none!important}#hud .btns button{position:relative}#btnBooks .dot{position:absolute;right:-3px;top:-3px;width:8px;height:8px;display:none;background:var(--danger);box-shadow:0 0 0 1px #000,0 0 6px var(--danger)}#btnBooks.new .dot{display:block;animation:streakPop .3s ease-out}#btnBooks{position:relative}#bookBadge{position:absolute;right:-6px;top:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#7a5a2a;color:#fff;font:700 10px/16px var(--mono, monospace);text-align:center;box-shadow:0 0 0 1px #000;pointer-events:none}#bookBadge.hidden{display:none}#btnBooks.new #bookBadge{background:var(--danger);box-shadow:0 0 0 1px #000,0 0 6px var(--danger);animation:streakPop .3s ease-out}#btnBooks.new:has(#bookBadge:not(.hidden)) .dot{display:none}#btnUseAllBooks,.panel.books .head #bookCount{margin-left:8px}.opt.auto-sell-junk.locked{opacity:.6}.drop-banner{position:fixed;left:50%;top:10px;z-index:12;transform:translate(-50%,-24px);opacity:0;pointer-events:none;padding:8px 22px;font-size:1.15em;font-weight:700;letter-spacing:.08em;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;color:#ffe9a8;background:linear-gradient(90deg,#0000,#0a0802eb 15% 85%,#0000);text-shadow:0 1px 0 #000,0 0 10px rgba(242,182,50,.7);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.3,1.2)}.drop-banner.show{opacity:1;transform:translate(-50%)}.drop-banner[data-kind=legend]{color:#ffd2b8;border-color:var(--r4);text-shadow:0 1px 0 #000,0 0 12px rgba(255,106,61,.8)}.drop-banner[data-kind=gold]{color:#ffe9a8;border-color:var(--r3)}.drop-banner[data-kind=book]{color:#fff1c4;border-color:var(--gold);background:linear-gradient(90deg,#0000,#1e1402f0 15% 85%,#0000)}.skill-slots{grid-template-columns:repeat(8,1fr);gap:6px;touch-action:none;user-select:none;-webkit-user-select:none}.skill-slot{min-height:118px;padding-top:16px}.skill-slot .sprio{position:absolute;right:3px;top:2px;font-size:.7em;min-width:14px;line-height:14px;text-align:center;color:#ffe9a8;background:#0009;box-shadow:0 0 0 1px #f2b6328c}.skill-slot .sprio:empty{display:none}.skill-slot:not(.empty):not(.locked){cursor:grab}.skill-slot.drag-src{opacity:.35}.syn-pairs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px;padding:6px 10px;background:#0000004d;box-shadow:0 0 0 1px var(--edge-dim);font-size:.85em}.syn-pairs .syn-title{color:var(--accent);letter-spacing:.06em;font-weight:700}.syn-pair{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;background:#ffffff0a;box-shadow:0 0 0 1px var(--tc, var(--edge))}.syn-pair .icon{--s: 1}.syn-pair .sp-arrow{color:var(--tc, var(--muted));font-weight:700}.syn-pair .sp-tag{margin-left:4px;padding:0 5px;font-size:.8em;color:#000;background:var(--tc, var(--muted));font-weight:700}.syn-pairs .syn-hint{flex-basis:100%}.skill-item .si-pair{flex:none;padding:0 5px;font-size:.75em;font-weight:700;color:#000;background:var(--tc, var(--muted));box-shadow:0 0 0 1px #0009}.skill-item .si-syns{display:flex;flex-direction:column;gap:2px;font-size:.82em}.skill-item .si-apply,.skill-item .si-syn,.bp-syn .si-apply,.bp-syn .si-syn{padding:1px 6px;box-shadow:inset 2px 0 0 var(--tc, var(--muted)),0 0 0 1px var(--edge-dim);background:#ffffff08;color:#cfd6e6}.skill-item .si-syn,.bp-syn .si-syn{color:#ffe9a8}.skill-list[data-tab=all] .si-syns{display:none}.skill-list[data-tab=all] .skill-item[data-applies]:after,.skill-list[data-tab=all] .skill-item[data-synergy]:after{content:none}.panel.books{width:min(720px,100%)}.panel.books .head{flex-wrap:wrap}.panel.books .auto-learn{min-height:32px;margin-left:8px;font-size:.9em;color:#cfd6e6}.book-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.book-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:84px;padding:6px 4px;background:#0006;border:0;border-radius:0;box-shadow:0 0 0 1px var(--tc, var(--edge-dim)),inset 0 0 0 1px #0009;color:var(--text)}.book-item.empty{box-shadow:none;outline:1px dashed var(--edge-dim);outline-offset:-1px;cursor:default}.book-item .bname{font-size:.8em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-item .btier{position:absolute;left:3px;top:2px;font-size:.7em;color:var(--tc, var(--muted))}.book-item .bbound{position:absolute;right:2px;bottom:2px;font-size:.65em;padding:0 4px;color:#ffd0d0;box-shadow:0 0 0 1px #ff6a6a99}.book-item.t3{background:#f2b6321a}.book-item.t3 .bname{color:#ffe9a8}.book-item.new:before{content:"";position:absolute;right:-3px;top:-3px;width:8px;height:8px;background:var(--danger);box-shadow:0 0 0 1px #000}.book-item:hover:not(.empty){box-shadow:0 0 0 1px var(--accent),inset 0 0 0 1px #0009}.book-pity{margin-top:10px;padding:6px 10px;color:var(--gold);background:#f2b63214;box-shadow:0 0 0 1px #f2b63259;font-size:.9em}.book-pity.ready{color:#fff1c4;box-shadow:0 0 0 1px var(--gold),0 0 10px #f2b63266}.book-pop{position:absolute;z-index:2;width:260px;padding:10px 12px;background:#0c0e16f7;box-shadow:0 0 0 1px var(--edge),0 0 0 2px #000000e6,0 10px 30px #000000b3}.book-pop .bp-desc{color:#cfd6e6;font-size:.9em;margin:4px 0}.book-pop .bp-syn{display:flex;flex-direction:column;gap:3px;font-size:.85em;margin-bottom:4px}.panel.bestiary{width:min(900px,100%)}.best-bonus .bar{height:16px;margin:4px 0}.bar.best .fill{background:linear-gradient(180deg,#ffe9a8,var(--gold) 55%,#b57f14)}.beast-group{margin:8px 0}.beast-group .bg-head{margin:0 0 6px;padding:4px 8px;font-size:.9em;color:var(--accent);letter-spacing:.06em;background:#ffffff08;box-shadow:inset 3px 0 0 var(--accent),0 0 0 1px var(--edge-dim)}.beast-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.beast{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;background:#0006;box-shadow:0 0 0 1px var(--edge-dim);font-size:.8em;min-width:0}.beast .beast-face{width:48px;height:48px;image-rendering:pixelated;image-rendering:crisp-edges;background:radial-gradient(ellipse at 50% 90%,rgba(255,255,255,.08),transparent 60%)}.beast .bname{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beast .bkind{font-size:.8em;padding:0 5px;color:var(--muted);box-shadow:0 0 0 1px var(--edge-dim)}.beast[data-kind=elite] .bkind{color:#ffd98a;box-shadow:0 0 0 1px #f2b63280}.beast[data-kind=boss] .bkind{color:#ffb4a8;box-shadow:0 0 0 1px #ff6a6a80}.beast[data-kind=boss]{box-shadow:0 0 0 1px #ff6a6a66}.beast .bseen,.beast .bkilled{font-size:.8em;color:var(--muted)}.beast.unseen{opacity:.55}.beast.unseen .bname{color:var(--muted)}.affix-list,.ability-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px}.affix-list li,.ability-list li{display:flex;flex-direction:column;gap:1px;padding:6px 8px;background:#0000004d;box-shadow:0 0 0 1px var(--edge-dim);font-size:.88em}.affix-list .aname{color:#ffd98a}.ability-list .aname{color:#ffb4a8}.affix-list .adesc,.ability-list .adesc{color:#cfd6e6}.ability-list .ameta{font-size:.85em}.rate-table{width:100%;border-collapse:collapse;font-size:.9em}.rate-table th{text-align:left;color:var(--muted);font-weight:400;padding:2px 8px;border-bottom:1px solid var(--edge-dim)}.rate-table td{padding:3px 8px;border-bottom:1px solid var(--edge-dim)}.rate-table td.rname{color:var(--rc, var(--text))}.rate-table td.rpct{text-align:right}@media(max-width:720px){#skillbar{grid-template-columns:repeat(4,44px)}.skill-slots{grid-template-columns:repeat(4,1fr)}.skill-slot{min-height:96px}.book-grid{grid-template-columns:repeat(4,1fr)}.book-pop{position:fixed;left:0!important;right:0;top:auto!important;bottom:0;width:100%}.beast-grid{grid-template-columns:repeat(4,1fr)}.drop-banner{top:6px;font-size:1em}.panel.books,.panel.bestiary{width:100%}}.camp{display:flex;flex-direction:column;width:100%;background:#0b0d14;flex:none;position:relative;z-index:2}.front-bar{display:flex;align-items:center;gap:10px;height:24px;padding:0 10px;cursor:pointer;user-select:none;font-size:12px;background:linear-gradient(90deg,#ff6a6a2e,#10131ef2 40%);box-shadow:0 1px #000c,inset 0 -1px 0 var(--edge-dim);color:#e8ecf4}.front-bar:hover{background:linear-gradient(90deg,#ff6a6a47,#1c2132f2 40%)}.front-bar .fb-dot{width:7px;height:7px;background:var(--hp);box-shadow:0 0 0 1px #000,0 0 6px var(--hp);animation:fbPulse 1.4s ease-in-out infinite;flex:none}@keyframes fbPulse{0%,to{opacity:1}50%{opacity:.35}}.front-bar .fb-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.front-bar .fb-raid{color:#ffb4a8;padding:0 6px;box-shadow:0 0 0 1px #ff6a3d99;white-space:nowrap;font-size:11px}.front-bar .fb-back{margin-left:auto;color:var(--gold);white-space:nowrap;font-weight:700}.camp-stage{position:relative;width:100%;height:270px;overflow:hidden;background:#1a1430}#campCanvas{position:absolute;top:0;left:0;image-rendering:pixelated;image-rendering:crisp-edges;display:block;cursor:pointer;touch-action:manipulation}.camp-room{position:absolute;right:8px;top:6px;font-size:11px;color:#e8ecf4bf;text-shadow:0 1px 0 #000;pointer-events:none}.camp-hint{position:absolute;left:8px;top:6px;font-size:11px;color:#e8ecf48c;text-shadow:0 1px 0 #000;pointer-events:none}.camp-status{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:2;padding:8px 18px;font-size:14px;color:#ffe9a8;background:#000000b3;box-shadow:0 0 0 1px var(--gold);pointer-events:none;animation:fbPulse 1.2s ease-in-out infinite}.camp-prompt{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:2;animation:promptIn .2s ease-out}@keyframes promptIn{0%{transform:translate(-50%,8px);opacity:0}to{transform:translate(-50%);opacity:1}}.camp-prompt button{box-shadow:0 0 0 1px var(--gold),0 6px 20px #0009!important;background:#10131ef2!important}.player-menu{position:absolute;z-index:3;display:flex;flex-direction:column;gap:4px;width:164px;padding:8px;background:#0c0e16f7;box-shadow:0 0 0 1px var(--edge),0 0 0 2px #000000e6,0 10px 30px #000000b3;font-size:.9em}.player-menu .pm-name{color:var(--gold);font-size:1.02em}.player-menu .pm-meta{margin:-2px 0 4px}.player-menu button{background:linear-gradient(180deg,#ffffff14,#fff0) var(--panel-2);border:0;border-radius:0;padding:0 10px;min-height:34px;text-align:left;box-shadow:0 0 0 1px var(--edge-dim),inset 0 -2px #00000073}.player-menu button:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent),inset 0 -2px #00000073}.player-menu .pm-invite{color:#bff2cc}.player-menu .pm-trade{color:#ffe9a8}.camp-dock{display:grid;grid-template-columns:1fr 220px;gap:8px;width:min(100%,960px);margin:0 auto;padding:6px 0 0}.camp-chat{display:flex;flex-direction:column;min-width:0;height:168px;background:var(--panel);box-shadow:0 0 0 1px var(--edge-dim)}.chat-tabs{display:flex;gap:2px;padding:4px 4px 0}.chat-tab{position:relative;background:#ffffff0a;border:0;border-radius:0;box-shadow:0 0 0 1px var(--edge-dim);padding:0 14px;min-height:28px;color:var(--muted);font-size:.85em}.chat-tab.on{color:var(--text);background:var(--panel-2);box-shadow:0 0 0 1px var(--edge),inset 0 -2px 0 var(--accent)}.chat-tab[data-channel=party].on{box-shadow:0 0 0 1px var(--edge),inset 0 -2px #a7e36a}.chat-tab.unread:after{content:"";position:absolute;right:3px;top:3px;width:6px;height:6px;background:var(--danger);box-shadow:0 0 0 1px #000}.chat-log{flex:1 1 auto;overflow-y:auto;padding:4px 8px;font-size:.86em;line-height:1.45;scrollbar-width:thin}.chat-msg{display:flex;gap:6px;align-items:baseline;padding:1px 0}.chat-msg .time{color:var(--muted);font-size:.8em;flex:none}.chat-msg .who{color:var(--accent);flex:none;max-width:8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-msg .who:after{content:"："}.chat-msg .text{color:#e8ecf4;word-break:break-word;min-width:0}.chat-msg.me .who{color:var(--gold)}.chat-msg.sys .who{color:var(--muted)}.chat-msg.sys .text{color:var(--muted);font-style:italic}.chat-msg[data-channel=party] .who{color:#a7e36a}.chat-msg[data-channel=party] .who:before{content:"[队]";margin-right:2px;font-size:.8em}.chat-log[data-channel=camp] .chat-msg[data-channel=party],.chat-log[data-channel=party] .chat-msg[data-channel=camp]:not(.sys){display:none}.chat-form{display:flex;gap:4px;padding:4px;box-shadow:inset 0 1px 0 var(--edge-dim)}.chat-form input{flex:1 1 auto;min-width:0;min-height:34px;padding:4px 10px;background:#00000073;border:0;box-shadow:0 0 0 1px var(--edge-dim);outline:none;border-radius:0}.chat-form input:focus{box-shadow:0 0 0 1px var(--accent)}.chat-form button{min-height:34px!important;background:linear-gradient(180deg,#ffffff14,#fff0) var(--panel-2);border:0;border-radius:0;box-shadow:0 0 0 1px var(--edge),inset 0 -2px #00000073;padding:0 12px}.chat-form button:hover{box-shadow:0 0 0 1px var(--accent),inset 0 -2px #00000073}.camp-players{display:flex;flex-direction:column;height:168px;background:var(--panel);box-shadow:0 0 0 1px var(--edge-dim);min-width:0}.camp-players .cp-head{padding:6px 10px 4px;font-size:.85em;color:var(--accent);letter-spacing:.06em;box-shadow:inset 0 -1px 0 var(--edge-dim)}.camp-players .cp-list{flex:1 1 auto;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}.camp-player{display:flex;align-items:center;gap:6px;padding:3px 6px;min-height:28px;background:#ffffff08;border:0;border-radius:0;box-shadow:0 0 0 1px var(--edge-dim);color:var(--text);font-size:.85em;text-align:left;cursor:pointer}.camp-player:hover:not(.me){box-shadow:0 0 0 1px var(--accent)}.camp-player.me{cursor:default;background:#f2b63214}.camp-player.party{box-shadow:0 0 0 1px #a7e36a80}.camp-player .cp-dot{width:7px;height:7px;flex:none}.camp-player .cp-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camp-player .cp-lv{color:var(--gold);font-size:.9em}.camp-player .cp-tag{font-size:.75em;padding:0 4px;color:var(--muted);box-shadow:0 0 0 1px var(--edge-dim);white-space:nowrap}.camp-player .cp-tag.near{color:#ffe9a8;box-shadow:0 0 0 1px var(--gold)}.camp-player.leader .cp-name:before{content:"★ ";color:var(--gold)}#btnCampScene{color:#ffe9a8;box-shadow:0 0 0 1px #f2b6328c,inset 0 1px #ffffff1f,inset 0 -2px #00000073}#btnCampScene.on{color:#bff2cc;box-shadow:0 0 0 1px var(--hp),inset 0 1px #ffffff1f,inset 0 -2px #00000073}.toast-item.action{pointer-events:auto;display:flex;align-items:center;gap:10px;white-space:normal;max-width:92vw}.toast-item.action .ta-btns{display:inline-flex;gap:6px;flex:none}.toast-item.action .ta-btns button{min-height:30px!important;min-width:56px;padding:0 10px!important;background:var(--panel-2);border:0;border-radius:0;box-shadow:0 0 0 1px var(--edge);font-size:.9em}.toast-item.action .ta-btns button.primary{color:#ffe9a8;box-shadow:0 0 0 1px var(--gold)!important}.panel.party{width:min(560px,100%)}.party-members{display:flex;flex-direction:column;gap:4px}.party-member{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0000004d;box-shadow:0 0 0 1px var(--edge-dim);font-size:.92em}.party-member .pm-dot{width:8px;height:8px;background:#555;box-shadow:0 0 0 1px #000;flex:none}.party-member.online .pm-dot{background:var(--hp);box-shadow:0 0 0 1px #000,0 0 6px var(--hp)}.party-member .pm-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-member.leader .pm-name,.party-member .pm-lv{color:var(--gold)}.party-member .pm-tag{font-size:.78em;padding:0 5px;color:#ffe9a8;box-shadow:0 0 0 1px #f2b63280;white-space:nowrap}.party-member .pm-tag.you{color:var(--accent);box-shadow:0 0 0 1px #7fd1ff80}.party-member .pm-kick{min-height:28px!important;padding:0 3px!important;color:#ffd0d0}.party-bonus{margin-top:8px;padding:6px 10px;color:#bff2cc;background:#52d27314;box-shadow:0 0 0 1px #52d27359;font-size:.9em}.party-bonus[data-bonus="0"]{color:var(--muted);background:#ffffff08;box-shadow:0 0 0 1px var(--edge-dim)}.party-code{padding:4px 12px;font-size:1.25em;letter-spacing:.18em;color:var(--gold);background:#00000080;box-shadow:0 0 0 1px var(--gold);user-select:all}#partyJoinInput{text-transform:uppercase;letter-spacing:.14em;max-width:160px}.panel.trade{width:min(720px,100%)}.trade-timer{color:var(--accent);padding:0 8px;box-shadow:0 0 0 1px #7fd1ff66}.trade-timer.urgent{color:#ffb4a8;box-shadow:0 0 0 1px var(--danger);animation:fbPulse 1s ease-in-out infinite}.trade-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trade-side h4{display:flex;align-items:center;justify-content:space-between;gap:8px}.confirm-state{font-size:.8em;padding:0 6px;color:var(--muted);box-shadow:0 0 0 1px var(--edge-dim);font-weight:400;white-space:nowrap}.confirm-state.on{color:#bff2cc;box-shadow:0 0 0 1px var(--hp);background:#52d2731a}#dlgTrade.unconfirmed .confirm-state{animation:confirmReset .5s ease-out}@keyframes confirmReset{0%{background:#ff6a6a80;color:#fff}to{background:transparent}}.trade-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.trade-slot{position:relative;display:flex;align-items:center;gap:6px;min-height:52px;padding:4px 6px;text-align:left;background:#0006;border:0;border-radius:0;color:var(--text);box-shadow:0 0 0 1px var(--rc, var(--edge-dim)),inset 0 0 0 1px #0009;font-size:.85em}.trade-slot.empty{box-shadow:none;outline:1px dashed var(--edge-dim);outline-offset:-1px;color:var(--muted);justify-content:center}.trade-slot[data-side=me].empty:hover{outline-color:var(--accent);color:var(--accent)}.trade-slot[data-side=me]:not(.empty):hover{box-shadow:0 0 0 1px var(--danger),inset 0 0 0 1px #0009}.trade-slot[data-side=them]{cursor:default}.trade-slot .ts-plus{font-size:1.3em}.trade-slot .ts-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--rc, var(--text))}.trade-slot .ts-bind{position:absolute;right:2px;bottom:1px;font-size:.68em;color:#ffd0d0;padding:0 3px;box-shadow:0 0 0 1px #ff6a6a80}.trade-gold{margin-top:8px!important}.trade-gold input{max-width:130px}.trade-gold b{color:var(--gold);font-size:1.1em}.trade-picker{position:absolute;inset:60px 16px 16px;z-index:2;padding:10px 12px;background:#0c0e16fa;box-shadow:0 0 0 1px var(--edge),0 0 0 2px #000000e6,0 10px 30px #000000b3;overflow:auto}.tp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;align-content:start}.tp-group{grid-column:1 / -1;margin:6px 0 0;color:var(--accent);font-size:.85em;letter-spacing:.06em}.tp-item{display:flex;align-items:center;gap:8px;padding:4px 8px;min-height:44px;text-align:left;background:#0006;border:0;border-radius:0;color:var(--text);box-shadow:0 0 0 1px var(--rc, var(--edge-dim));font-size:.85em}.tp-item:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent)}.tp-item:disabled{opacity:.5}.tp-item .tp-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-item .tp-bad{color:#ffd0d0;font-size:.8em;white-space:nowrap}.tp-item .tp-bind{color:#ffe9a8;font-size:.75em;white-space:nowrap;padding:0 4px;box-shadow:0 0 0 1px #f2b63280}.panel.raid{width:min(560px,100%)}.bar.raid{height:18px;margin:6px 0}.bar.raid .fill{background:linear-gradient(180deg,#ff9a8a,var(--danger) 55%,#a8303a)}.bar.raid.dead .fill{background:linear-gradient(180deg,#ffe9a8,var(--gold) 55%,#b57f14)}.raid-time{color:var(--accent);margin-bottom:8px}.panel.raid .sub{margin:8px 0 6px;color:var(--accent);font-size:.9em;letter-spacing:.06em}.raid-contrib{display:flex;flex-direction:column;gap:6px}.raid-member{display:flex;flex-direction:column;gap:3px;padding:6px 8px;background:#0000004d;box-shadow:0 0 0 1px var(--edge-dim);font-size:.9em}.raid-member.me{box-shadow:0 0 0 1px #f2b63280}.raid-member .rm-head{display:flex;align-items:center;gap:8px}.raid-member .rm-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.raid-member.me .rm-name{color:var(--gold)}.raid-member .rm-val{color:#cfe3ff}.raid-member.low .rm-val{color:var(--muted)}.raid-member.claimed .rm-name:after{content:" ✓";color:var(--hp)}.bar.contrib{height:8px}.bar.contrib .fill{background:linear-gradient(180deg,#a9e3ff,var(--xp) 55%,#2e7fb0)}.raid-member.low .bar.contrib .fill{background:#5c6880}.panel.shop{width:min(560px,100%)}.shop-books{display:flex;flex-direction:column;gap:4px}.shop-book{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#0000004d;box-shadow:0 0 0 1px var(--tc, var(--edge-dim));font-size:.9em}.shop-book .sb-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tc, var(--text))}.shop-book .sb-tier{color:var(--muted);font-size:.85em}.shop-book .sb-bound{font-size:.75em;padding:0 4px;color:#ffd0d0;box-shadow:0 0 0 1px #ff6a6a80}.shop-book .sb-sell{min-height:28px!important;padding:0 3px!important}.panel.inspect{width:min(560px,100%)}.inspect-sprite{width:48px;height:48px;image-rendering:pixelated;image-rendering:crisp-edges;flex:none;background:radial-gradient(ellipse at 50% 90%,rgba(255,255,255,.08),transparent 60%)}.inspect-grid{grid-template-columns:repeat(4,1fr)}.insp-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:72px;padding:6px 4px 4px;background:#0006;box-shadow:0 0 0 1px var(--rc, var(--edge-dim)),inset 0 0 0 1px #0009;color:var(--text)}.insp-slot.empty{box-shadow:none;outline:1px dashed var(--edge-dim);outline-offset:-1px;color:var(--muted)}.insp-slot .ico{display:flex;align-items:center;justify-content:center}.insp-slot .ico .icon{--s: 1}.insp-slot .lbl{font-size:.72em;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insp-slot:not(.empty) .lbl{color:var(--rc)}.keystones{display:flex;flex-wrap:wrap;gap:6px}.keystone{padding:2px 8px;font-size:.85em;color:#ffe9a8;background:#f2b63214;box-shadow:0 0 0 1px #f2b63273}.keystone[data-line=melee]{color:#ff9a7a;box-shadow:0 0 0 1px #ff9a7a;background:#ff9a7a1a}.keystone[data-line=ranged]{color:#a7e36a;box-shadow:0 0 0 1px #a7e36a;background:#a7e36a1a}.keystone[data-line=spell]{color:#b9a0ff;box-shadow:0 0 0 1px #b9a0ff;background:#b9a0ff1a}.keystone[data-line=guard]{color:#7fd1ff;box-shadow:0 0 0 1px #7fd1ff;background:#7fd1ff1a}@media(max-width:720px){.camp-dock{grid-template-columns:1fr}.camp-players{height:120px}.camp-chat{height:150px}.trade-cols{grid-template-columns:1fr}.trade-picker{inset:48px 0 0}.player-menu{width:150px}.panel.party,.panel.trade,.panel.raid,.panel.shop,.panel.inspect{width:100%}.inspect-grid{grid-template-columns:repeat(4,1fr)}}#hud .skills{flex-wrap:wrap}.set-badges{display:flex;align-items:center;gap:8px}.set-badge{position:relative;width:32px;height:32px;padding:0;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;background:#00000080;box-shadow:0 0 0 1px var(--sc, var(--gold)),0 0 8px color-mix(in srgb,var(--sc, var(--gold)) 45%,transparent),inset 0 0 0 1px #0009}.set-badge .icon{--s: 2}.set-badge .sb-n{position:absolute;right:-5px;bottom:-5px;min-width:14px;padding:0 3px;font-size:10px;line-height:14px;text-align:center;color:#fff;background:var(--sc, var(--gold));box-shadow:0 0 0 1px #000;text-shadow:0 1px 0 rgba(0,0,0,.6)}.set-badge[data-pieces="6"]{box-shadow:0 0 0 2px var(--sc, var(--gold)),0 0 12px var(--sc, var(--gold)),inset 0 0 0 1px #0009}.set-badge.pop{animation:streakPop .3s ease-out}.gear-slot.set-piece,.bag-item.set-piece{box-shadow:0 0 0 1px var(--rc, var(--edge-dim)),inset 0 0 0 2px color-mix(in srgb,var(--sc, var(--gold)) 55%,transparent)}.gear-slot.unique .ico,.bag-item.unique .ico{position:relative}.bag-item.unique .ico:after,.gear-slot.unique .ico:after{content:"传奇";position:absolute;right:2px;top:2px;z-index:2;padding:0 3px;font-size:9px;line-height:12px;font-weight:700;letter-spacing:.05em;color:#2b1600;background:linear-gradient(180deg,#ffe9a8,var(--gold));box-shadow:0 0 0 1px #000;pointer-events:none}.bag-item.unique .ico:after{right:-2px;top:-2px}.legend-tag{flex:none;padding:0 5px;font-size:.68em;font-style:normal;font-weight:700;letter-spacing:.08em;line-height:16px;color:#2b1600;background:linear-gradient(180deg,#ffe9a8,var(--gold));box-shadow:0 0 0 1px #000,0 0 8px #f2b63299}.gear-pop.set{box-shadow:0 0 0 1px var(--sc, var(--edge)),0 0 0 2px #000000e6,0 10px 30px #000000b3,0 0 18px color-mix(in srgb,var(--sc, var(--gold)) 35%,transparent)}.gear-pop.unique{box-shadow:0 0 0 1px var(--r4),0 0 0 2px #000000e6,0 10px 30px #000000b3,0 0 18px #ff6a3d66}.pop-set{margin:4px 0 6px;padding:6px 8px;background:#00000059;box-shadow:inset 3px 0 0 var(--sc, var(--gold)),0 0 0 1px var(--edge-dim)}.pop-set .ps-head{display:flex;align-items:center;gap:6px;margin-bottom:4px}.pop-set .ps-head .icon{--s: 2}.pop-set .ps-name{color:var(--sc, var(--gold));font-size:.95em}.pop-set .ps-bonus{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;font-size:.82em}.pop-set .ps-b{color:var(--muted);padding-left:10px;position:relative}.pop-set .ps-b:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;background:var(--edge-dim)}.pop-set .ps-b.on{color:#fff1c4}.pop-set .ps-b.on:before{background:var(--sc, var(--gold));box-shadow:0 0 6px var(--sc, var(--gold))}.pop-unique{margin:4px 0 6px;padding:6px 8px;font-size:.88em;color:#ffe9a8;background:#f2b63214;box-shadow:inset 3px 0 0 var(--gold),0 0 0 1px #f2b63259}@media(min-width:721px){.gear-pop{width:320px}}.gear-pop .pop-head b{line-height:1.2}.legend-tag.epic{color:#2b1600;background:linear-gradient(180deg,#ffe9a8,var(--r3));box-shadow:0 0 0 1px #000,0 0 8px #f2b63273}.pop-lv{flex:none;font-size:.78em;color:var(--muted);padding:0 4px}.pop-lv.cant{color:var(--danger);font-weight:700}.pop-block{margin:2px 0 6px}.pop-sub{margin:0 0 2px;font-size:.72em;font-weight:600;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.pop-block.plain .pop-sub{display:none}.pop-stats{padding-left:12px}.pop-stats .base-row{display:flex;align-items:baseline;gap:6px}.pop-affixes{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;font-size:.9em}.affix-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;padding:2px 4px;background:#ffffff08;box-shadow:inset 2px 0 0 var(--rc, var(--edge-dim))}.gear-pop .affix-row{--rc: var(--r1)}.affix-row[data-tier="3"]{--rc: var(--r2)}.affix-row[data-tier="4"]{--rc: var(--r3)}.affix-row[data-tier="5"]{--rc: var(--r4)}.affix-row .ar-ico{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.affix-row .ar-ico .icon{--s: 1;--iw: 16;--ih: 16}.affix-row .ar-ico .icon[data-fallback]{display:none}.affix-row .ar-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0}.affix-row .ar-name{color:#ffe9a8;font-weight:600}.affix-row .ar-stat{font-family:var(--mono);color:#cfe3ff;font-variant-numeric:tabular-nums}.affix-tier{display:inline-flex;gap:2px;flex:none}.affix-tier i{display:block;width:6px;height:9px;background:#ffffff1a;box-shadow:inset 0 0 0 1px #0009}.affix-tier i.lit{background:#9fc5ff}.affix-tier[data-t="5"] i.lit{background:var(--gold);box-shadow:inset 0 0 0 1px #0009,0 0 4px #f2b63299}.delta{font-family:var(--mono);font-size:.85em;font-weight:700;white-space:nowrap}.delta.up{color:var(--hp)}.delta.down{color:var(--danger)}.pop-lost{margin:0 0 6px;padding:0;list-style:none;font-size:.8em;color:var(--muted)}.pop-lost .lost-title{font-size:.9em;letter-spacing:.04em}.pop-lost .lost-row{display:flex;justify-content:space-between;gap:8px;padding-left:12px}.pop-power{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pop-power .total{font-weight:700;font-size:1.05em}.pop-power .total.up{color:var(--hp)}.pop-power .total.down{color:var(--danger)}#bagCount.full{color:var(--danger);font-weight:700}.bag-grid.scroll{grid-auto-rows:var(--cell, 72px);max-height:calc(var(--cell, 72px) * 4 + 18px);overflow-y:auto;padding-right:2px;scrollbar-width:thin}.bag-grid.scroll .bag-item{aspect-ratio:auto;height:var(--cell, 72px)}.shop-bag-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}#shopBagCount.full{color:var(--danger);font-weight:700}#btnShopBag .price{margin-left:2px;color:var(--gold)}#btnShopBag .price.short{color:var(--danger)}#btnShopBag:disabled .price.short{color:#ff8a8a;opacity:1}.set-list{display:flex;flex-direction:column;gap:8px;margin:8px 0}.set-row{display:grid;grid-template-columns:200px auto 1fr;grid-template-areas:"head slots bonus" "pity pity pity";gap:6px 14px;align-items:start;padding:8px 10px;background:#0000004d;box-shadow:inset 3px 0 0 var(--sc, var(--gold)),0 0 0 1px var(--edge-dim)}.set-row.active{background:color-mix(in srgb,var(--sc, var(--gold)) 7%,rgba(0,0,0,.3));box-shadow:inset 3px 0 0 var(--sc, var(--gold)),0 0 0 1px color-mix(in srgb,var(--sc, var(--gold)) 45%,transparent)}.set-row .sr-head{grid-area:head;display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.set-row .sr-icon .icon{--s: 2}.set-row .sr-name{color:var(--sc, var(--gold));font-size:1em}.set-row .sr-theme{font-size:.75em;padding:0 5px;color:var(--sc, var(--text));box-shadow:0 0 0 1px color-mix(in srgb,var(--sc, var(--gold)) 55%,transparent)}.set-row .sr-count{margin-left:auto;color:var(--muted);font-size:.85em}.set-row.active .sr-count{color:var(--text)}.set-row .sr-slots{grid-area:slots;display:grid;grid-template-columns:repeat(6,44px);gap:4px}.set-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 2px 2px;background:#0006;box-shadow:0 0 0 1px var(--edge-dim);font-size:.7em}.set-slot .ss-ico{display:flex;align-items:center;justify-content:center;height:32px}.set-slot .ss-ico .icon{--s: 1}.set-slot .ss-lbl{color:var(--muted)}.set-slot.missing{opacity:.5}.set-slot.missing .icon{filter:grayscale(1) brightness(.5)}.set-slot.have{box-shadow:0 0 0 1px color-mix(in srgb,var(--sc, var(--gold)) 60%,transparent);background:color-mix(in srgb,var(--sc, var(--gold)) 10%,rgba(0,0,0,.4))}.set-slot.have .ss-lbl{color:var(--text)}.set-slot.equipped{box-shadow:0 0 0 2px var(--sc, var(--gold)),0 0 8px color-mix(in srgb,var(--sc, var(--gold)) 50%,transparent)}.set-slot.equipped:after{content:"";position:absolute;left:0;top:0;border-style:solid;border-width:10px 10px 0 0;border-color:var(--sc, var(--gold)) transparent transparent transparent}.set-row .sr-bonus{grid-area:bonus;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;font-size:.85em;min-width:0}.set-row .sb{display:flex;align-items:baseline;gap:6px;color:var(--muted)}.set-row .sb .sb-n{flex:none;min-width:34px;padding:0 4px;text-align:center;font-size:.9em;box-shadow:0 0 0 1px var(--edge-dim)}.set-row .sb .sb-desc{flex:1 1 auto;min-width:0}.set-row .sb .sb-on{display:none;flex:none;font-style:normal;font-size:.8em;padding:0 4px;color:#2b1600;background:var(--sc, var(--gold))}.set-row .sb.on{color:#fff1c4}.set-row .sb.on .sb-n{color:var(--sc, var(--gold));box-shadow:0 0 0 1px var(--sc, var(--gold));background:color-mix(in srgb,var(--sc, var(--gold)) 15%,transparent)}.set-row .sb.on .sb-on{display:inline-block}.set-row .sr-pity{grid-area:pity}.set-row .sr-pity:empty{display:none}.unique-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}.unique-item{position:relative;display:flex;gap:8px;padding:6px 8px;background:#0000004d;box-shadow:0 0 0 1px var(--edge-dim);font-size:.88em}.unique-item .ui-ico{flex:none}.unique-item .ui-body{display:flex;flex-direction:column;gap:1px;min-width:0}.unique-item .ui-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-right:56px}.unique-item .ui-name{color:#ffd2b8}.unique-item .ui-slot{font-size:.85em}.unique-item .ui-desc{color:#cfd6e6}.unique-item .ui-state{position:absolute;right:6px;top:4px;font-size:.78em;padding:0 5px;color:var(--muted);box-shadow:0 0 0 1px var(--edge-dim)}.unique-item.have{box-shadow:0 0 0 1px #ff6a3d80}.unique-item.have .ui-state{color:#ffd2b8;box-shadow:0 0 0 1px var(--r4);background:#ff6a3d1f}.unique-item.missing{opacity:.6}.unique-item.missing .icon{filter:grayscale(.9) brightness(.7)}.unique-item.missing .ui-name{color:var(--muted)}.unique-item.missing .legend-tag{filter:grayscale(1);opacity:.6}@media(max-width:720px){.set-row{grid-template-columns:1fr;grid-template-areas:"head" "slots" "bonus" "pity"}.set-row .sr-slots{grid-template-columns:repeat(6,1fr)}.set-badges{flex-wrap:wrap}}#btnWardrobe,#tabWardrobe{position:relative}#btnWardrobe .dot,#tabWardrobe .dot{display:none;position:absolute;right:-3px;top:-3px;width:8px;height:8px;background:var(--danger);box-shadow:0 0 0 1px #000,0 0 6px var(--danger)}#btnWardrobe.new .dot,#tabWardrobe.new .dot{display:block;animation:streakPop .3s ease-out}.drop-banner[data-kind=costume]{color:#fff;border-color:#c080ff;background:linear-gradient(90deg,#0000,#1e0a28f0 15% 85%,#0000);text-shadow:0 1px 0 #000,0 0 12px rgba(192,128,255,.9),0 0 24px rgba(127,209,255,.5)}.wardrobe-cols{display:grid;grid-template-columns:300px 1fr;gap:14px;align-items:start}.wardrobe-preview{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:#00000059;box-shadow:0 0 0 1px var(--edge-dim)}#wardrobePreview{width:288px;height:288px;max-width:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:radial-gradient(ellipse at 50% 85%,rgba(255,255,255,.08),transparent 60%),linear-gradient(180deg,#14182899,#080a10e6);box-shadow:inset 0 0 0 1px var(--edge-dim)}#wardrobeName{font-size:1.15em;letter-spacing:.08em;text-shadow:0 1px 0 #000}#wardrobeUnlock[data-state=on]{color:var(--gold)}#wardrobeUnlock[data-state=locked]{color:#ffb4a8}#btnWardrobeEquip{width:100%;margin-top:4px}.wardrobe-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.costume-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.costume{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:118px;padding:8px 6px 6px;text-align:center;background:#0006;border:0;border-radius:0;color:var(--text);font-size:.85em;box-shadow:0 0 0 1px color-mix(in srgb,var(--cc, var(--edge)) 45%,transparent),inset 0 0 0 1px #0009}.costume:hover{box-shadow:0 0 0 1px var(--accent),inset 0 0 0 1px #0009}.costume .cs-ico{display:flex;align-items:center;justify-content:center;height:36px}.costume .cs-ico .icon{--s: 1}.costume .cs-ico .icon[data-fallback],.costume .cs-ico .icon[data-pending]{color:var(--cc, var(--text));box-shadow:inset 0 0 0 1px var(--cc, var(--edge));background:color-mix(in srgb,var(--cc, #fff) 18%,rgba(0,0,0,.5))}.costume .cs-name{color:var(--cc, var(--text));max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.costume .cs-lock{font-size:.8em;color:var(--muted);line-height:1.25}.costume .cs-lock:empty{display:none}.costume .cs-progress{position:relative;width:100%;height:12px;margin-top:2px;background:#0000008c;box-shadow:0 0 0 1px var(--edge-dim);overflow:hidden;font-size:9px}.costume .cs-progress .cs-bar{position:absolute;inset:0 auto 0 0;width:calc(var(--p, 0) * 100%);background:linear-gradient(180deg,color-mix(in srgb,var(--cc, var(--accent)) 80%,#fff),var(--cc, var(--accent)))}.costume .cs-progress .cs-ptxt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 0 #000,0 0 2px #000}.costume .cs-state{position:absolute;left:3px;top:3px;font-size:.72em;padding:0 5px;line-height:15px;color:#2b1600;background:var(--gold);box-shadow:0 0 0 1px #000}.costume .cs-state:empty{display:none}.costume.locked{opacity:.72}.costume.locked .cs-ico .icon{filter:grayscale(.85) brightness(.75)}.costume.locked .cs-name{color:var(--muted)}.costume.locked:after{content:"🔒";position:absolute;right:4px;top:2px;font-size:.8em;opacity:.7}.costume.on{box-shadow:0 0 0 2px var(--gold),0 0 14px #f2b63259,inset 0 0 0 1px #0009;background:#f2b63214}.costume.sel{box-shadow:0 0 0 2px var(--accent),inset 0 0 0 1px #0009;background:#7fd1ff14}.costume.new .cs-state{background:var(--danger);color:#fff}.costume.new:before{content:"";position:absolute;right:-3px;top:-3px;width:8px;height:8px;background:var(--danger);box-shadow:0 0 0 1px #000;z-index:1}.costume[data-fx=shimmer]:not(.locked){animation:csShimmer 3s linear infinite}.costume[data-fx=ember_trail]:not(.locked){box-shadow:0 0 0 1px #ff8030,0 0 10px #ff803066,inset 0 0 0 1px #0009}@keyframes csShimmer{0%,to{box-shadow:0 0 0 1px #80ffe0,0 0 10px #80ffe059,inset 0 0 0 1px #0009}33%{box-shadow:0 0 0 1px #c080ff,0 0 10px #c080ff66,inset 0 0 0 1px #0009}66%{box-shadow:0 0 0 1px #ffa0ff,0 0 10px #ffa0ff59,inset 0 0 0 1px #0009}}.costume.on[data-fx]{box-shadow:0 0 0 2px var(--gold),0 0 14px #f2b63259,inset 0 0 0 1px #0009!important;animation:none}.skill-item .si-mods{display:flex;align-items:baseline;gap:2px 0;flex-wrap:wrap;font-size:.8em;padding:1px 6px;box-shadow:inset 2px 0 0 var(--gold),0 0 0 1px var(--edge-dim);background:#f2b6320d}.skill-item .si-mods-title{color:var(--gold);letter-spacing:.04em;flex:none;margin-right:2px}.skill-item .si-mod{color:var(--muted)}.skill-item .si-mod.lit{color:#ffe9a8;font-weight:700;text-shadow:0 0 6px rgba(242,182,50,.5)}.skill-item .si-mod:not(:last-child):after{content:"、";color:var(--muted);font-weight:400;text-shadow:none}.skill-item.modded .si-head .sico{position:relative}.skill-item.modded .si-head .sico:after{content:"";position:absolute;right:-2px;top:-2px;width:7px;height:7px;background:var(--gold);box-shadow:0 0 0 1px #000,0 0 6px var(--gold);transform:rotate(45deg)}.skill-slot .smod{position:absolute;left:3px;top:16px;font-size:.68em;padding:0 4px;line-height:14px;color:#2b1600;background:linear-gradient(180deg,#ffe9a8,var(--gold));box-shadow:0 0 0 1px #000}.skill-slot .smod:empty{display:none}.syn-pair .sp-modded{margin-left:4px;padding:0 5px;font-size:.78em;font-weight:700;color:#2b1600;background:linear-gradient(180deg,#ffe9a8,var(--gold));box-shadow:0 0 0 1px #000}.syn-pair.modded{box-shadow:0 0 0 1px var(--tc, var(--edge)),0 0 8px #f2b63259}.node-pop .np-skill{display:flex;align-items:center;gap:8px;margin:6px 0 4px;padding:6px 8px;background:#f2b63212;box-shadow:inset 3px 0 0 var(--gold),0 0 0 1px #f2b63259}.node-pop .np-skill-ico{flex:none;display:flex}.node-pop .np-skill-ico .icon{--s: 1}.node-pop .np-skill-body{display:flex;flex-direction:column;gap:1px;min-width:0}.node-pop .np-skill-name{color:#ffe9a8;font-size:.95em}.node-pop .np-skill-desc{color:#cfd6e6;font-size:.85em}@media(max-width:720px){.wardrobe-cols{grid-template-columns:1fr}.wardrobe-preview{padding:8px}#wardrobePreview{width:192px;height:192px}.costume-grid{grid-template-columns:repeat(2,1fr)}}#btnFriends{position:relative}#friendBadge{position:absolute;right:-6px;top:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#2a6a3a;color:#fff;font:700 10px/16px var(--mono, monospace);text-align:center;box-shadow:0 0 0 1px #000,0 0 6px #52d27380;pointer-events:none}#friendBadge.hidden{display:none}#btnFriends .dot{display:none;position:absolute;left:-3px;top:-3px;width:8px;height:8px;background:var(--danger);box-shadow:0 0 0 1px #000,0 0 6px var(--danger)}#btnFriends.new .dot{display:block;animation:streakPop .3s ease-out}#hud .tower-hud{color:#e0c8ff;padding:1px 8px;background:#7850c82e;box-shadow:0 0 0 1px #b9a0ff8c;white-space:nowrap;font-size:.9em;text-shadow:0 1px 0 #000}#hud .seg.in-tower{display:none}.front-bar.in-tower{background:linear-gradient(90deg,#9664ff40,#10131ef2 40%)}.drop-banner[data-kind=tower]{color:#e8dcff;border-color:#b9a0ff;text-shadow:0 1px 0 #000,0 0 12px rgba(185,160,255,.7);background:linear-gradient(90deg,#0000,#1e1232f0 15% 85%,#0000)}.drop-banner[data-kind=tower_best]{color:#fff1c4;border-color:var(--gold);font-weight:700;text-shadow:0 1px 0 #000,0 0 14px rgba(242,182,50,.85);background:linear-gradient(90deg,#0000,#281c02f2 15% 85%,#0000)}.box.tower-entry h4{color:#c8b4ff}#btnTower{width:100%}.opt.party-open{margin-top:8px;font-size:.92em}.opt.party-open.locked{opacity:.7;cursor:default}#partyOpenHint{margin:0 0 0 28px}.player-menu .pm-friend{color:#cfe3ff}.panel.friends{width:min(720px,100%)}.panel.friends .head #friendsCount{margin-left:8px}.friends-top{display:grid;grid-template-columns:1fr 1fr;gap:10px}.friend-code{padding:4px 12px;font-size:1.25em;letter-spacing:.18em;color:var(--gold);background:#00000080;box-shadow:0 0 0 1px var(--gold);user-select:all;cursor:pointer}.friend-code.pending{color:var(--muted);box-shadow:0 0 0 1px var(--edge-dim);letter-spacing:.1em}#friendInput{max-width:200px}.friend-reqs{display:flex;flex-direction:column;gap:4px}.friend-req{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#7fd1ff0f;box-shadow:0 0 0 1px #7fd1ff59;font-size:.92em}.friend-req .fq-name{color:#ffe9a8}.friend-req .fq-meta{flex:1 1 auto;min-width:0}.friend-req .fq-acts{display:inline-flex;gap:6px}.friend-req .fq-acts button{min-height:28px!important;padding:0 5px!important}.friend-list{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow-y:auto;scrollbar-width:thin}.friend{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:8px;padding:4px 8px;background:#0000004d;box-shadow:0 0 0 1px var(--edge-dim);font-size:.9em}.friend.online{box-shadow:0 0 0 1px #52d27359}.friend.offline{opacity:.72}.friend.same-party{background:#a7e36a0f}.friend .fr-avatar{width:56px;height:68px;image-rendering:pixelated;image-rendering:crisp-edges;background:radial-gradient(ellipse at 50% 90%,rgba(255,255,255,.08),transparent 60%),#00000059;box-shadow:inset 0 0 0 1px var(--edge-dim)}.friend .fr-body{display:flex;flex-direction:column;gap:2px;min-width:0}.friend .fr-line{display:flex;align-items:center;gap:6px;min-width:0}.friend .fr-dot{width:8px;height:8px;background:#555;box-shadow:0 0 0 1px #000;flex:none}.friend.online .fr-dot{background:var(--hp);box-shadow:0 0 0 1px #000,0 0 6px var(--hp)}.friend .fr-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend .fr-lv{color:var(--gold);font-size:.9em}.friend .fr-tag{font-size:.78em;padding:0 5px;color:#bff2cc;box-shadow:0 0 0 1px #52d27380;white-space:nowrap}.friend .fr-tag.closed{color:#ffd98a;box-shadow:0 0 0 1px #f2b63280}.friend .fr-tag.same{color:#a7e36a;box-shadow:0 0 0 1px #a7e36a99}.friend .fr-acts{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:260px}.friend .fr-acts button{min-height:28px!important;padding:0 3px!important;font-size:.85em}.friend .fr-remove{color:#ffd0d0}.friend .fr-remove.confirm{box-shadow:0 0 0 1px var(--danger);color:#fff;background:#ff6a6a40;animation:fbPulse 1s ease-in-out infinite}.panel.tower{width:min(640px,100%)}.panel.tower .box h4{color:#c8b4ff}.tower-status{background:linear-gradient(180deg,#5a3ca024,#ffffff08);box-shadow:0 0 0 1px #b9a0ff59}.tower-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tstat{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:#00000059;box-shadow:0 0 0 1px var(--edge-dim)}.tstat .k{font-size:.78em;color:var(--muted);letter-spacing:.06em}.tstat .v{font-size:1.15em;color:#e8dcff}.tstat .v.muted{color:var(--muted);font-size:.95em}.tstat.tokens .v{color:var(--gold)}.tower-state{margin:8px 0 0;color:#e0c8ff}.tower-pick label{color:var(--muted);font-size:.9em}.tower-pick select{flex:0 1 140px}.tower-pick.dim{opacity:.75}.tower-shop{display:flex;flex-direction:column;gap:4px;margin-top:8px}.tower-shop-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:6px 8px;background:#0000004d;box-shadow:0 0 0 1px var(--edge-dim);font-size:.9em}.tower-shop-item.can{box-shadow:0 0 0 1px #b9a0ff80}.tower-shop-item.locked{opacity:.7}.tower-shop-item .tsi-body{display:flex;flex-direction:column;gap:1px;min-width:0}.tower-shop-item .tsi-name{color:#e8dcff}.tower-shop-item[data-item=costume_tower] .tsi-name{color:var(--gold)}.tower-shop-item .tsi-need{color:#ffb4a8;white-space:nowrap}.tower-shop-item .tsi-need:empty{display:none}.tower-shop-item .tsi-buy{min-height:30px!important;padding:0 5px!important;white-space:nowrap}@media(max-width:720px){.friends-top{grid-template-columns:1fr}.friend{grid-template-columns:44px 1fr}.friend .fr-avatar{width:42px;height:51px}.friend .fr-acts{grid-column:1 / -1;justify-content:flex-start;max-width:none}.tower-stats{grid-template-columns:repeat(2,1fr)}}#hud .btns button{padding:0 10px}#btnLang{min-width:44px;padding:0 3px!important;letter-spacing:.08em;color:var(--accent)}#btnLang[data-lang=en]{color:#ffe9a8}.panel.rank{width:min(560px,100%)}.rank-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 8px}.rank-scopes{display:inline-flex;gap:2px}.rank-scope{min-height:30px!important;padding:0 7px!important;font-size:.85em;color:var(--muted);background:#ffffff0a;box-shadow:0 0 0 1px var(--edge-dim);border:0;border-radius:0}.rank-scope.on{color:var(--text);background:var(--panel-2);box-shadow:0 0 0 1px var(--edge),inset 0 -2px 0 var(--accent)}.rank-head,.rank-row,.rank-me{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:5px 10px}.rank-head{color:var(--muted);font-size:.8em;letter-spacing:.06em;box-shadow:inset 0 -1px 0 var(--edge-dim)}.rank-list{display:flex;flex-direction:column;gap:2px;max-height:52vh;overflow-y:auto;scrollbar-width:thin}.rank-row{background:#0000004d;box-shadow:0 0 0 1px var(--edge-dim);font-size:.92em}.rank-row .rr-rank{color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums}.rank-row[data-rank="1"] .rr-rank,.rank-row[data-rank="2"] .rr-rank,.rank-row[data-rank="3"] .rr-rank{color:var(--gold);font-weight:700}.rank-row .rr-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .rr-value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:#cfd6e6}.rank-row.me{background:#f2b6321f;box-shadow:0 0 0 1px var(--gold)}.rank-row.me .rr-name{color:#ffe9a8}.rank-me{margin-top:8px;background:#ffffff08;box-shadow:0 0 0 1px var(--edge-dim);color:#ffe9a8;font-size:.92em;grid-template-columns:1fr}.rank-me[data-rank="0"]{color:var(--muted)}#rankEmpty{padding:16px 10px;text-align:center}@media(max-width:720px){.panel.rank{width:100%}.rank-list{max-height:46vh}}.update-bar{position:fixed;left:0;right:0;top:0;z-index:40;padding:8px 12px;text-align:center;cursor:pointer;font-weight:700;letter-spacing:.04em;background:linear-gradient(180deg,#f2b632f2,#c88c14f2);color:#1a1200;box-shadow:0 2px #000c,0 0 0 1px #ffe9a899}.update-bar:hover{filter:brightness(1.08)}.dlg.auth{z-index:8;background:#04060ce6}.panel.auth{width:min(440px,100%)}.panel.auth .page.box{margin-top:0}.panel.auth .box button.primary{width:100%;margin-top:6px}.panel.auth .box button{min-height:var(--tap)}.linkbtn{display:block;margin:10px auto 0;background:none;border:0;color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-size:.9em;min-height:32px}.linkbtn:hover{color:#fff}.auth-recover{margin-top:8px;padding-top:8px;box-shadow:inset 0 1px 0 var(--edge-dim)}.auth-recover button{width:100%}.auth-err{margin:8px 0 0;padding:8px 10px;background:#ff6a6a1a;box-shadow:0 0 0 1px #ff6a6a80;color:#ffb4a8;font-size:.9em}.dlg.auth.busy .box button.primary{opacity:.6}.panel.auth .recovery code{font-size:1.45em;margin:6px 0}.panel.auth .recovery .inline{justify-content:center}.panel.auth .recovery .opt{margin-top:6px}.panel.auth .recovery .opt span{color:#ffe9a8}#authGuestNote{margin:8px 0 0;text-align:center}body.auth-open #hud .btns button:not(#btnMute):not(#btnLang){pointer-events:none;opacity:.5}.panel.feedback{width:min(520px,100%)}.panel.feedback textarea{display:block;width:100%;min-height:120px;margin:6px 0 2px;padding:8px 10px;font:inherit;color:var(--text);background:#00000073;border:0;box-shadow:0 0 0 1px var(--edge-dim);outline:none;border-radius:0;resize:vertical}.panel.feedback textarea:focus{box-shadow:0 0 0 1px var(--accent)}.panel.feedback .fb-row{display:flex;justify-content:flex-end;margin-bottom:6px}.panel.feedback #feedbackCount.short{color:#ffb4a8}.panel.feedback input[type=text]{display:block;width:100%;margin:6px 0;min-height:40px;padding:6px 10px;background:#00000073;border:0;box-shadow:0 0 0 1px var(--edge-dim);outline:none;border-radius:0}.panel.feedback input[type=text]:focus{box-shadow:0 0 0 1px var(--accent)}#feedbackPlace{margin:6px 0 0;min-height:1.2em}#btnDebug.debug-btn{color:#ffb4a8!important;box-shadow:0 0 0 1px #ff6a6a99,inset 0 1px #ffffff1f,inset 0 -2px #00000073!important}.panel.debug{width:min(560px,100%)}.dbg-status{margin:0 0 8px;padding:8px 10px;background:#00000073;box-shadow:0 0 0 1px var(--edge-dim);color:#ffe9a8;font-size:.9em;min-height:1.3em}.dbg-speeds{display:flex;gap:6px 18px;flex-wrap:wrap}.dbg-speeds .opt{min-height:36px}.panel.debug .inline label{color:var(--muted);font-size:.9em}.panel.debug .inline select{min-height:36px;padding:4px 8px;background:#00000073;border:0;box-shadow:0 0 0 1px var(--edge-dim);border-radius:0}#hud .phase[data-phase=camp]{color:#ffd98a;box-shadow:0 0 0 1px #f2b63280}.front-bar.paused{background:linear-gradient(90deg,#f2b63247,#1c2132f2 40%)}.front-bar.paused .fb-dot{background:var(--gold);box-shadow:0 0 0 1px #000,0 0 6px var(--gold);animation:none}.front-bar.paused .fb-text{color:#ffe9a8}@media(max-width:720px){.panel.auth,.panel.feedback,.panel.debug{width:100%}}.panel.sound{width:min(380px,100%)}.snd-row{display:grid;grid-template-columns:5.5em 1fr 2.5em;align-items:center;gap:10px;margin:10px 0}.snd-row label{color:var(--text)}.snd-row input[type=range]{width:100%;accent-color:var(--accent, #f2b632);cursor:pointer}.snd-row span{text-align:right}.panel.sound .btns{justify-content:flex-start}#btnSoundMute[aria-pressed=true]{background:#ff5a5a2e;box-shadow:0 0 0 1px #ff787899}.gear-slot:not(.empty),.bag-item:not(.empty){cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#pageGear.dragging,#pageGear.dragging *{cursor:grabbing!important}.gear-slot.drag-src,.bag-item.drag-src{opacity:.35;outline:1px dashed var(--gold);outline-offset:-1px}.drag-ghost.gear{transform:scale(1.06);opacity:.95;box-shadow:0 0 0 1px var(--rc, var(--gold)),0 10px 26px #000000bf!important}.drag-ghost.gear .lbl{display:none}.drag-ghost.gear:before,.drag-ghost.gear:after{display:none!important}.drag-ghost.bounce{pointer-events:none}.gear-slot.drop-ok,.bag-item.drop-ok,#bag.drop-ok,#sellDrop.drop-ok,#btnSellMode.drop-ok{box-shadow:0 0 0 2px var(--hp),0 0 12px #52d27373!important;background:#52d2731f!important;outline:none}.gear-slot.drop-over,#bag.drop-over,#sellDrop.drop-over,#btnSellMode.drop-over{box-shadow:0 0 0 3px var(--hp),0 0 18px #52d273bf!important;background:#52d27347!important}.gear-slot.drop-no,#bag.drop-no,#sellDrop.drop-no,#btnSellMode.drop-no{box-shadow:0 0 0 2px var(--danger),0 0 12px #ff6a6a80!important;background:#ff6a6a24!important}#bag.drop-ok,#bag.drop-over,#bag.drop-no{outline-offset:3px}.bagwrap{position:relative}#sellDrop{display:none;position:absolute;right:0;top:0;z-index:3;min-width:120px;padding:6px 12px;font-size:.85em;font-weight:700;text-align:center;color:#ffd7d7;background:#781e1ed9;box-shadow:0 0 0 1px var(--danger),0 0 0 2px #000c;pointer-events:auto}#pageGear.dragging.drag-from-bag #sellDrop{display:block;animation:sellDropIn .15s ease-out}#pageGear.dragging.drag-from-bag .bag-tools{visibility:hidden}@keyframes sellDropIn{0%{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}.bag-head .bag-tools{display:flex;gap:4px}.bag-head select{min-height:28px;padding:2px 6px;font-size:.82em;color:var(--text);background:#00000073;border:0;border-radius:0;box-shadow:0 0 0 1px var(--edge-dim);cursor:pointer}.bag-head select:hover,.bag-head select:focus{box-shadow:0 0 0 1px var(--accent);outline:none}.bag-head select.active{color:#ffe9a8;box-shadow:0 0 0 1px var(--gold)}.deltas{display:inline-flex;gap:6px;align-items:baseline}.deltas .delta:not(.primary){opacity:.7}.deltas .delta[data-vs]:before{content:attr(data-tag);font-size:.78em;font-weight:400;color:var(--muted);margin-right:2px}.delta.same{color:var(--muted)}.pop-power .total[data-vs]{font-size:.95em}.pop-power .total.primary{font-size:1.05em}.pop-power .total:not(.primary){opacity:.75}.pop-btns button.pair{flex:1 1 45%}.pop-btns button.pair.primary{color:#ffe9a8!important}.pop-vs{position:absolute;left:100%;top:0;margin-left:6px;width:104px;padding:8px;background:#0c0e16f7;box-shadow:0 0 0 1px var(--edge),0 0 0 2px #000000e6,0 10px 30px #000000b3}.pop-vs .vs-title{margin-bottom:4px}.pop-vs .vs-list{display:flex;flex-direction:column;gap:6px}.vs-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font:inherit;color:var(--text);background:#ffffff08;border:0;box-shadow:0 0 0 1px var(--rc, var(--edge-dim));text-align:center;cursor:default}.vs-card.pick{cursor:pointer}.vs-card.pick:hover{box-shadow:0 0 0 1px var(--accent)}.vs-card.on{box-shadow:0 0 0 2px var(--gold),inset 0 0 0 1px #0009;background:#f2b6321f}.vs-card .vs-slot{font-size:.7em;color:var(--muted);letter-spacing:.04em}.vs-card .vs-name{font-size:.78em;font-weight:600;color:var(--rc, var(--text));max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-card .vs-meta{font-size:.7em;color:var(--muted);font-family:var(--mono)}.vs-card.empty .vs-name{color:var(--muted);font-weight:400}.vs-card .icon{--s: 1}@media(max-width:720px){.pop-vs{position:static;margin:6px 0 0;width:auto;padding:6px;box-shadow:0 0 0 1px var(--edge-dim)}.pop-vs .vs-list{flex-direction:row}.vs-card{flex:1 1 0}}.stat[data-key] .k,.base-row[data-kind],.lost-row[data-kind] .k,.affix-row[data-kind] .ar-stat{text-decoration:underline dotted rgba(255,255,255,.28);text-decoration-thickness:1px;text-underline-offset:3px;cursor:help}.stat-tip{position:fixed;z-index:40;max-width:min(320px,92vw);padding:8px 10px;font-size:.85em;line-height:1.45;color:var(--text);background:#0c0e16fa;box-shadow:0 0 0 1px var(--gold),0 0 0 2px #000000e6,0 8px 24px #000000b3;pointer-events:none}.stat-tip .st-name{display:block;color:#ffe9a8;margin-bottom:2px}.stat-tip .st-desc{display:block;color:#cfd6e6;font-family:var(--mono);font-size:.92em}:root{--pixel: "FusionPixel", var(--font);--ui-panel: url(/art/ui/panel.png);--ui-panel-light: url(/art/ui/panel_light.png);--ui-btn: url(/art/ui/btn.png);--ui-btn-hover: url(/art/ui/btn_hover.png);--ui-btn-active: url(/art/ui/btn_active.png);--ui-btn-primary: url(/art/ui/btn_primary.png);--ui-btn-primary-hover: url(/art/ui/btn_primary_hover.png);--ui-btn-disabled: url(/art/ui/btn_disabled.png);--ui-tab: url(/art/ui/tab.png);--ui-tab-on: url(/art/ui/tab_on.png);--ui-bar-track: url(/art/ui/bar_track.png);--ui-bar-hp: url(/art/ui/bar_hp.png);--ui-bar-xp: url(/art/ui/bar_xp.png);--ui-bar-gold: url(/art/ui/bar_gold.png);--ui-bar-raid: url(/art/ui/bar_raid.png);--ui-divider: url(/art/ui/divider.png);--ui-corner: url(/art/ui/corner.png);--ui-hud-icons: url(/art/ui/hud_icons.png);--ui-loading: url(/art/ui/loading.png)}.panel,.gear-pop,.node-pop,.book-pop,.player-menu,.trade-picker,.stat-tip,.pop-vs,#hud{background:none;border:8px solid transparent;border-image:var(--ui-panel) 8 fill / 8px stretch;image-rendering:pixelated;image-rendering:crisp-edges}.panel{padding:6px 8px 8px;box-shadow:0 24px 60px #0009}.gear-pop,.node-pop,.book-pop,.trade-picker{padding:2px 4px;box-shadow:0 10px 30px #000000b3}.player-menu{padding:0;box-shadow:0 10px 30px #000000b3}.stat-tip{padding:0 2px;box-shadow:0 8px 24px #000000b3}.pop-vs{padding:0;box-shadow:0 10px 30px #000000b3}#hud{padding:0 2px 2px;box-shadow:none}.gear-pop.set{box-shadow:0 0 0 1px var(--sc, var(--edge)),0 10px 30px #000000b3,0 0 18px color-mix(in srgb,var(--sc, var(--gold)) 35%,transparent)}.gear-pop.unique{box-shadow:0 0 0 1px var(--r4),0 10px 30px #000000b3,0 0 18px #ff6a3d66}.node-pop{box-shadow:0 0 0 1px var(--lc, transparent),0 10px 30px #000000b3}.stat-tip{box-shadow:0 0 0 1px var(--gold),0 8px 24px #000000b3}.box,.camp-chat,.camp-players,.origin-card{background:none;border:6px solid transparent;border-image:var(--ui-panel-light) 6 fill / 6px stretch;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges}.box{padding:4px 6px}.camp-chat,.camp-players{background:var(--panel)}.origin-card{padding:6px 4px 8px;background:#0006}.origin-card:hover{box-shadow:0 0 0 1px var(--accent)}.origin-card.on{box-shadow:0 0 0 2px var(--gold),0 0 16px #f2b63259;background:#f2b63214}.box.tower-status{background:linear-gradient(180deg,#5a3ca024,#ffffff08)}#dlgTower[data-in="1"] .tower-status{box-shadow:0 0 0 1px #b9a0ff,0 0 14px #b9a0ff40}.friends-top .box{margin:8px 0 0}#hud .btns button,.pxbtn,.dlg .btns button,.pop-btns button,.box button,.bag-head button,.talent-head button,.camp-prompt button,.chat-form button{--btn-img: var(--ui-btn);background:none;border:5px solid transparent;border-image:var(--btn-img) 5 fill / 5px stretch;box-shadow:none;padding:0 9px;image-rendering:pixelated;image-rendering:crisp-edges;text-shadow:0 1px 0 rgba(0,0,0,.8)}.chat-form button{padding:0 7px}button:hover:not(:disabled){--btn-img: var(--ui-btn-hover)}button:active:not(:disabled){--btn-img: var(--ui-btn-active)}button.primary:not(:disabled){--btn-img: var(--ui-btn-primary)}button.primary:hover:not(:disabled){--btn-img: var(--ui-btn-primary-hover)}button.primary:active:not(:disabled){--btn-img: var(--ui-btn-active)}button:disabled{--btn-img: var(--ui-btn-disabled)}button.primary{box-shadow:none!important}#hud .btns button:hover,.dlg .btns button:hover:not(:disabled),.pop-btns button:hover:not(:disabled),.box button:hover:not(:disabled),.bag-head button:hover:not(:disabled),.talent-head button:hover:not(:disabled){box-shadow:none}#hud .btns button:active:not(:disabled),.dlg .btns button:active:not(:disabled),.pop-btns button:active:not(:disabled),.box button:active:not(:disabled){transform:translateY(1px)}.box .trade-slot{border:0;border-image:none;padding:4px 6px;min-width:0;background:#0006;box-shadow:0 0 0 1px var(--rc, var(--edge-dim)),inset 0 0 0 1px #0009;text-shadow:none}.box .trade-slot.empty{box-shadow:none;outline:1px dashed var(--edge-dim);outline-offset:-1px}.box button.linkbtn{border:0;border-image:none;padding:0;min-width:0;min-height:32px;text-shadow:none}#btnSellMode.on{box-shadow:0 0 0 1px var(--danger)!important;background:#781e1e73}#hud .btns #btnCampScene{--btn-img: var(--ui-btn-primary);box-shadow:none}#hud .btns #btnCampScene:hover:not(:disabled){--btn-img: var(--ui-btn-primary-hover)}#hud .btns #btnCampScene.on{color:#bff2cc;box-shadow:0 0 0 1px var(--hp)}#hud .btns #btnDebug.debug-btn{box-shadow:0 0 0 1px #ff6a6a99!important}.camp-prompt button{box-shadow:0 6px 20px #0009!important;background:none!important}#hud .btns{--hi: 17}#hud .btns button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 5px;min-width:48px;font-size:11px;line-height:1;letter-spacing:.02em;white-space:nowrap}#hud .btns button:before{content:"";display:block;flex:none;width:16px;height:16px;background:var(--ui-hud-icons) no-repeat;background-position:calc(var(--hi) * -16px) 0;image-rendering:pixelated;image-rendering:crisp-edges}#btnHero{--hi: 0}#btnSkills{--hi: 1}#btnWardrobe{--hi: 3}#btnBooks{--hi: 4}#btnBestiary{--hi: 5}#btnRank{--hi: 6}#btnFriends{--hi: 7}#btnReport{--hi: 9}#btnFeedback{--hi: 10}#btnMute{--hi: 11}#btnMute.muted,#btnMute[aria-pressed=true]{--hi: 12}#btnLang{--hi: 13}#btnCampScene{--hi: 14}#btnCamp{--hi: 15}#btnAccount{--hi: 16}#btnMute{font-size:0!important;gap:0}#btnLang{font-family:var(--mono);font-size:11px}@media(max-width:720px){#hud .btns button{min-width:44px;padding:0 3px}}.head .tab,.skill-tab,.rank-scope{--tab-img: var(--ui-tab);position:relative;background:none;border:5px solid transparent;border-image:var(--tab-img) 5 fill / 5px stretch;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges}.head .tab{padding:0 9px}.skill-tab{padding:0 7px}.head .tab.on,.skill-tab.on,.rank-scope.on{--tab-img: var(--ui-tab-on);background:none;box-shadow:none}.head .tab.on:after,.skill-tab.on:after,.rank-scope.on:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-3px;height:2px;background:var(--tab-line, var(--gold));box-shadow:0 0 6px color-mix(in srgb,var(--tab-line, var(--gold)) 50%,transparent);pointer-events:none}.skill-tab[data-school=melee].on{box-shadow:none;--tab-line: #ff9a7a}.skill-tab[data-school=ranged].on{box-shadow:none;--tab-line: #a7e36a}.skill-tab[data-school=spell].on{box-shadow:none;--tab-line: #b9a0ff}.skill-tab[data-school=guard].on{box-shadow:none;--tab-line: #7fd1ff}.rank-scope.on{--tab-line: var(--accent)}.bar{--bar-img: var(--ui-bar-hp);background:none;border:2px solid transparent;border-image:var(--ui-bar-track) 2 fill / 2px stretch;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges}.bar .fill,.bar.hp .fill,.bar.xp .fill,.bar.best .fill,.bar.raid .fill,.bar.raid.dead .fill,.bar.contrib .fill{background:none;border:2px solid transparent;border-image:var(--bar-img) 2 fill / 2px stretch}.bar.xp,.bar.contrib{--bar-img: var(--ui-bar-xp)}.bar.best,.bar.raid.dead{--bar-img: var(--ui-bar-gold)}.bar.raid{--bar-img: var(--ui-bar-raid)}.bar.contrib .fill{border-width:1px;border-image-slice:1;border-image-width:1px}.raid-member.low .bar.contrib .fill{filter:grayscale(1) brightness(.7)}.head{position:relative;padding-bottom:3px;margin-bottom:7px}.head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ui-divider) repeat-x;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}.head .title,.origin-card .oname,#wardrobeName,.report-body .away,.drop-banner,.stat.big .v,.toast-item.level{font-family:var(--pixel);font-weight:400;font-size:24px;line-height:1;letter-spacing:.04em;text-shadow:2px 2px 0 #000}.head .title{color:var(--gold)}.origin-card .oname{letter-spacing:.08em}.stat.big .v{font-size:24px;line-height:1}.drop-banner{text-shadow:2px 2px 0 #000,0 0 10px rgba(242,182,50,.7)}.toast-item.level{text-shadow:2px 2px 0 #000}.dlg.auth,.dlg.origin{background:linear-gradient(180deg,#06080e59,#06080ecc),var(--ui-loading) center / cover no-repeat #0b0d14;backdrop-filter:none;image-rendering:pixelated;image-rendering:crisp-edges}.panel.auth:before,.panel.auth:after,.panel.origin:before,.panel.origin:after{content:"";position:absolute;width:12px;height:12px;background:var(--ui-corner) no-repeat;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;z-index:1}.panel.auth:before,.panel.origin:before{left:3px;top:3px;background-position:0 0}.panel.auth:after,.panel.origin:after{right:3px;bottom:3px;background-position:-36px 0}.box input[type=text],.box input[type=password],.box input[type=number],.box select,.chat-form input,.panel.feedback textarea,.panel.feedback input[type=text]{background:#06060c99;box-shadow:0 0 0 1px #17111a,inset 0 2px #0000008c,inset 0 0 0 1px #ffffff0d}.box input:focus,.box select:focus,.chat-form input:focus,.panel.feedback textarea:focus,.panel.feedback input[type=text]:focus{box-shadow:0 0 0 1px var(--gold),inset 0 2px #0000008c}.front-bar.camp-bar{height:34px;cursor:default;gap:12px;background:linear-gradient(90deg,#f2b63238,#10131ef2 45%)}.front-bar.camp-bar:hover{background:linear-gradient(90deg,#f2b63238,#10131ef2 45%)}.front-bar.camp-bar .fb-dot{background:var(--gold);box-shadow:0 0 0 1px #000,0 0 6px var(--gold);animation:none}.front-bar .fb-title{font-weight:700;color:#ffe9a8;white-space:nowrap;letter-spacing:.04em;text-shadow:0 1px 0 #000}.front-bar.camp-bar .fb-text{color:#e0c8ff;font-size:11px}.front-bar .fb-depart{margin-left:auto;min-height:26px;padding:0 16px;border:0;border-radius:0;cursor:pointer;font:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;color:#1a1200;background:linear-gradient(180deg,#ffe08a,var(--gold));box-shadow:0 0 0 1px #000,0 0 0 2px #f2b63259,inset 0 -2px #00000059;white-space:nowrap}.front-bar .fb-depart:hover:not(:disabled){background:linear-gradient(180deg,#fff0b0,#fc4)}.front-bar .fb-depart:disabled{opacity:.55;cursor:default}.camp-room{display:none}#campBadge{display:none;font-size:.8em;padding:1px 8px;color:#ffe9a8;background:#f2b63224;box-shadow:0 0 0 1px #f2b6328c;white-space:nowrap;text-shadow:0 1px 0 #000}body.in-camp #campBadge{display:inline-block}body.in-camp #hud .row.skills,body.in-camp #seg,body.in-camp #towerHud,body.in-camp #phase,body.in-camp #btnCampScene{display:none!important}body.in-camp #hud .btns{grid-area:auto;grid-column:1 / -1;grid-row:3;justify-content:flex-start}#hud .btns #btnCamp[data-state=camp]{color:#ffe9a8;--btn-img: var(--ui-btn-primary);box-shadow:0 0 0 1px #f2b6328c}#hud .btns #btnCamp[data-state=camp]:hover:not(:disabled){--btn-img: var(--ui-btn-primary-hover)}#camp,#stage{transition:opacity .25s ease-out}#camp.scene-out,#stage.scene-out{opacity:0;pointer-events:none}body.scene-swap #camp:not(.hidden),body.scene-swap #stage:not(.hidden){animation:sceneIn .25s ease-out}@keyframes sceneIn{0%{opacity:0}to{opacity:1}}#hud .name-wrap{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15}#hud .name-wrap .name{max-width:10em}#titleBadge{display:inline-flex;align-items:center;gap:3px;font-size:.72em;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12em;text-shadow:0 1px 0 #000}#titleBadge .tb-ico[data-fallback],.title-item .ti-ico[data-fallback]{font-size:11px;box-shadow:none;background:none}#titleBadge.hidden{display:none}#titleBadge[data-tier="1"]{color:#e8ecf4}#titleBadge[data-tier="2"]{color:#7fd1ff}#titleBadge[data-tier="3"]{color:#c080ff}#titleBadge[data-tier="4"]{color:#ffd84a}#titleBadge.glow{animation:titleGlow 2.4s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 1px 0 #000,0 0 6px rgba(255,216,74,.9),0 0 14px rgba(255,216,74,.45)}50%{text-shadow:0 1px 0 #000,0 0 10px rgba(255,216,74,1),0 0 22px rgba(255,216,74,.7)}}.title-tag{font-size:.78em;padding:0 5px;line-height:15px;white-space:nowrap;box-shadow:0 0 0 1px color-mix(in srgb,currentColor 45%,transparent);background:color-mix(in srgb,currentColor 10%,rgba(0,0,0,.4));text-shadow:0 1px 0 #000}.title-tag[data-tier="4"]{text-shadow:0 1px 0 #000,0 0 6px rgba(255,216,74,.7)}.title-tag.hidden{display:none}.rank-row .rr-name{display:flex;align-items:center;gap:6px;min-width:0}.rank-row .rr-title{flex:none}.camp-player .cp-title{flex:none;max-width:7em;overflow:hidden;text-overflow:ellipsis}#inspectTitle{margin-left:6px}.wd-tabs{display:flex;gap:6px;margin-bottom:8px}.wd-tab{position:relative;min-height:28px;padding:0 14px;border:0;border-radius:0;color:var(--muted);background:#00000059;box-shadow:0 0 0 1px var(--edge-dim);font:inherit;font-size:.9em;cursor:pointer}.wd-tab:hover{color:var(--text);box-shadow:0 0 0 1px var(--accent)}.wd-tab.on{color:#ffe9a8;background:#f2b6321f;box-shadow:0 0 0 1px var(--gold)}.wd-tab .dot{display:none;position:absolute;right:-3px;top:-3px;width:8px;height:8px;background:var(--danger);box-shadow:0 0 0 1px #000,0 0 6px var(--danger)}.wd-tab.new .dot{display:block;animation:streakPop .3s ease-out}.wd-page.hidden{display:none}#wardrobeTitles .wardrobe-head{justify-content:flex-start;gap:12px}.title-wearing{font-size:.9em;text-shadow:0 1px 0 #000}.title-wearing:before{content:"✦ ";color:var(--gold)}.title-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:420px;overflow:auto;padding-right:2px}.title-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:64px;padding:8px 10px 8px 12px;text-align:left;background:#0006;border:0;border-radius:0;color:var(--text);font:inherit;font-size:.88em;cursor:pointer;box-shadow:inset 3px 0 0 var(--tc, var(--edge)),0 0 0 1px color-mix(in srgb,var(--tc, var(--edge)) 35%,transparent),inset 0 0 0 1px #0009}.title-item:hover{box-shadow:inset 3px 0 0 var(--tc, var(--edge)),0 0 0 1px var(--accent),inset 0 0 0 1px #0009}.title-item .ti-head{display:flex;align-items:center;gap:6px;min-width:0;max-width:calc(100% - 48px)}.title-item .ti-name{color:var(--tc, var(--text));font-size:1.05em;letter-spacing:.04em;text-shadow:0 1px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-item .ti-tier{font-size:.72em;padding:0 4px;line-height:14px;color:var(--tc, var(--muted));box-shadow:0 0 0 1px color-mix(in srgb,var(--tc, var(--edge)) 50%,transparent);white-space:nowrap}.title-item .ti-desc{font-size:.85em;color:var(--muted);line-height:1.3}.title-item .title-prog{position:relative;width:100%;height:12px;margin-top:2px;background:#0000008c;box-shadow:0 0 0 1px var(--edge-dim);overflow:hidden;font-size:9px}.title-item .title-prog.hidden{display:none}.title-item .title-prog .tp-bar{position:absolute;inset:0 auto 0 0;width:calc(var(--p, 0) * 100%);background:linear-gradient(180deg,color-mix(in srgb,var(--tc, var(--accent)) 80%,#fff),var(--tc, var(--accent)))}.title-item .title-prog .tp-txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 0 #000,0 0 2px #000}.title-item .ti-state{position:absolute;right:6px;top:6px;font-size:.72em;padding:0 5px;line-height:15px;color:#2b1600;background:var(--gold);box-shadow:0 0 0 1px #000}.title-item .ti-state:empty{display:none}.title-item .ti-state.lock{color:var(--muted);background:#00000080;box-shadow:0 0 0 1px var(--edge-dim)}.title-item.locked{opacity:.68}.title-item.locked .ti-name{color:var(--muted)}.title-item.on{background:#f2b63214;box-shadow:inset 3px 0 0 var(--tc, var(--gold)),0 0 0 2px var(--gold),0 0 14px #f2b63259,inset 0 0 0 1px #0009}.title-item.new .ti-state{background:var(--danger);color:#fff}.title-item.new:before{content:"";position:absolute;right:-3px;top:-3px;width:8px;height:8px;background:var(--danger);box-shadow:0 0 0 1px #000;z-index:1}.title-item.glow .ti-name{text-shadow:0 1px 0 #000,0 0 8px rgba(255,216,74,.8)}.title-item[data-id=""]{--tc: #9aa3b5}.drop-banner[data-kind=title]{color:#fff6d6;border-color:#ffd84a;background:linear-gradient(90deg,#0000,#281e06f2 15% 85%,#0000);text-shadow:2px 2px 0 #000,0 0 12px rgba(255,216,74,.9),0 0 24px rgba(255,216,74,.45)}@media(max-width:720px){.title-list{grid-template-columns:1fr;max-height:60vh}}.panel.smith{width:min(760px,100%)}.panel.smith .head{flex-wrap:wrap}.sm-wallet{display:inline-flex;gap:14px;align-items:center;margin-left:auto;font-size:.95em}.sm-wallet .sm-shards,.sm-wallet .sm-gold{display:inline-flex;align-items:center;gap:5px}.sm-wallet .sm-shards{color:#c8b4ff}.sm-wallet .sm-gold{color:var(--gold)}.sm-wallet .shard,.sm-wallet .coin{display:inline-block;width:10px;height:10px}.sm-wallet .shard{background:linear-gradient(135deg,#e0c8ff,#8a5cff);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.sm-wallet .coin{border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe9a8,var(--gold) 60%,#8a5a00)}.panel.smith .head .btn-close{margin-left:0}.smith-tabs{display:flex;gap:2px;margin:0 0 10px;flex-wrap:wrap}.smith-tab{--tab-img: var(--ui-tab);position:relative;min-height:36px;padding:0 12px;color:var(--muted);background:none;border:5px solid transparent;border-image:var(--tab-img) 5 fill / 5px stretch;border-radius:0;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges}.smith-tab.on{--tab-img: var(--ui-tab-on);color:var(--text)}.smith-tab.on:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-3px;height:2px;background:var(--gold);box-shadow:0 0 6px #f2b63280;pointer-events:none}.panel.smith .sm-row button,.sm-reroll-acts button,.sm-opts button{--btn-img: var(--ui-btn);color:var(--text);background:none;border:5px solid transparent;border-image:var(--btn-img) 5 fill / 5px stretch;border-radius:0;box-shadow:none;padding:0 9px;min-height:36px;image-rendering:pixelated;image-rendering:crisp-edges;text-shadow:0 1px 0 rgba(0,0,0,.8);font:inherit;cursor:pointer}.panel.smith .sm-row button:disabled,.sm-reroll-acts button:disabled,.sm-opts button:disabled{cursor:default;color:var(--muted)}.panel.smith .sm-row button.primary:not(:disabled){color:#ffe9a8}.smith-page .sm-hint{margin:0 0 8px}.sm-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.sm-grid.equip{grid-template-columns:repeat(4,1fr)}.sm-grid .bag-item{aspect-ratio:1;min-height:56px}.sm-grid .bag-item.sel{box-shadow:0 0 0 2px var(--gold),0 0 12px #f2b63273,inset 0 0 0 1px #0009;background:#503c1473}.sm-grid .bag-item.sel:after{content:"✓";position:absolute;right:2px;top:0;font-size:.8em;font-weight:700;color:var(--gold);text-shadow:0 1px 0 #000}.sm-grid .bag-item:disabled{opacity:.55;cursor:default}.sm-grid .bag-item.sm-worn:before{content:attr(data-worn)}.sm-grid .sm-empty{grid-column:1 / -1;margin:6px 0}.sm-grid .shard-tag{position:absolute;left:3px;top:1px;z-index:1;font-size:.62em;color:#c8b4ff;text-shadow:0 1px 0 #000,0 0 3px #000}.sm-grid .bag-item.sel .shard-tag{color:#ffe9a8}.sm-grid .bag-item,.sm-grid .bag-item .ico{min-width:0;overflow:hidden}.sm-cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;align-items:start}.sm-cols .sm-grid:not(.equip){grid-template-columns:repeat(6,1fr)}.sm-grid .bag-item.compact{min-height:44px;aspect-ratio:1;padding:2px}.sm-grid .bag-item.compact .tier,.sm-grid .bag-item.compact .plus{font-size:.58em}.sm-cols .pop-sub{margin:0 0 4px}.sm-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.sm-row .sm-acts{display:inline-flex;gap:6px;margin-left:auto}.sm-row>button.primary{margin-left:auto}.sm-cost{color:#cfe3ff}.sm-cost.short,.sa-cost.short,#smCraftLeft.short{color:#ffb4a8}.sm-auto{margin-top:8px}.sm-target{margin-top:10px;min-height:0}.sm-card{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#00000059;box-shadow:0 0 0 1px var(--rc, var(--edge-dim)),inset 2px 0 0 var(--rc, var(--edge-dim))}.sm-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.sm-card .sm-name{font-size:1.05em}.plus-tag{color:var(--gold);font-weight:700;font-size:.85em;text-shadow:0 1px 0 #000}.gear-slot .plus,.bag-item .plus{position:absolute;right:3px;bottom:1px;z-index:1;font-size:.66em;font-weight:700;color:var(--gold);text-shadow:0 1px 0 #000,0 0 4px rgba(0,0,0,.9);font-family:var(--mono)}.gear-slot .plus:empty,.bag-item .plus:empty{display:none}#bag.sell-mode .bag-item .plus{display:none}.sm-affixes{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.sm-affix{grid-template-columns:1fr auto auto}.sm-reroll-acts{display:inline-flex;gap:4px}.sm-reroll-acts button{min-height:34px!important;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.15;padding:2px 6px!important}.sm-reroll-acts button .price{font-size:.72em;color:var(--muted)}.sm-reroll-acts button.short .price{color:#ffb4a8}.sm-reroll-acts button:disabled{opacity:.55}.sm-affix.changed{box-shadow:inset 2px 0 0 var(--gold),0 0 0 1px #f2b63273}.sm-diff{font-size:.85em;font-weight:700;color:#cfe3ff}.sm-diff.up{color:var(--hp)}.sm-diff.down{color:var(--danger)}.sm-diff.kind{color:var(--gold)}.sm-list{display:flex;flex-direction:column;gap:4px}.sm-ascend{display:grid;grid-template-columns:24px 1fr auto auto auto;align-items:center;gap:8px;width:100%;padding:4px 8px;text-align:left;background:#0000004d;border:0;border-radius:0;color:var(--text);box-shadow:0 0 0 1px var(--edge-dim),inset 2px 0 0 var(--rc, var(--edge-dim));position:relative;overflow:hidden}.sm-ascend.sel{box-shadow:0 0 0 1px var(--gold),inset 2px 0 0 var(--rc, var(--gold));background:#503c1459}.sm-ascend.maxed{opacity:.6}.sm-ascend .sa-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-ascend .sa-lv{color:#c8b4ff}.sm-craft{display:flex;flex-direction:column;gap:6px}.sm-field{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sm-field .sm-k{color:var(--muted);min-width:64px}.sm-opts{display:inline-flex;gap:4px;flex-wrap:wrap}.sm-opts button.on{color:#ffe9a8!important;box-shadow:0 0 0 1px var(--gold),inset 0 1px #ffffff26,inset 0 -2px #00000073!important}.sm-craft-rarity.on{color:var(--rc)!important}#smCraftWeapon{min-height:32px;padding:0 8px;background:#00000073;border:0;box-shadow:0 0 0 1px var(--edge-dim);color:var(--text)}.sm-result{margin-top:10px;padding:8px 10px;background:#00000059;box-shadow:0 0 0 1px var(--edge-dim)}.sm-result .pop-sub{margin:0 0 6px}.sm-result .pop-affixes{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}@keyframes smGold{0%{box-shadow:0 0 0 2px var(--gold),0 0 24px 8px #f2b632b3;filter:brightness(1.6)}to{box-shadow:0 0 0 1px var(--rc, var(--edge)),0 0 #f2b63200;filter:none}}.fx-gold{animation:smGold .9s ease-out}@keyframes smRow{0%{background:#f2b6328c}to{background:#ffffff08}}.fx-row{animation:smRow .9s ease-out}@keyframes smShatter{0%{transform:none;filter:none}30%{transform:translate(1px,-1px) rotate(1deg);filter:brightness(1.8)}to{transform:scale(.85);opacity:.25}}.fx-shatter{animation:smShatter .9s ease-in forwards}.sm-shard-bit{position:fixed;z-index:12;width:7px;height:7px;margin:-3px 0 0 -3px;background:var(--rc, var(--accent));clip-path:polygon(50% 0,100% 40%,70% 100%,10% 80%);box-shadow:0 0 6px var(--rc, var(--accent));pointer-events:none;opacity:1;transform:none;transition:transform .75s cubic-bezier(.2,.7,.3,1),opacity .75s ease-in}.sm-beam{position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(0deg,#c8b4ffbf,#c8b4ff00);pointer-events:none;animation:smBeam .9s ease-out forwards}@keyframes smBeam{0%{transform:translateY(100%);opacity:0}30%{opacity:1}to{transform:translateY(-120%);opacity:0}}.fx-ascend{box-shadow:0 0 0 1px #c8b4ff,0 0 18px #c8b4ff99!important}.sm-spark{position:fixed;z-index:12;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#ffe066;box-shadow:0 0 6px #ff8a3d,0 0 2px #fff;pointer-events:none;opacity:1;transform:none;transition:transform .65s cubic-bezier(.1,.8,.4,1),opacity .65s ease-in}.fly-text.shards{color:#c8b4ff}.fly-text.shards.down{color:#ffb4a8}@keyframes shardBump{0%{transform:scale(1.35);color:#fff}to{transform:none}}#shards.bump{display:inline-block;animation:shardBump .4s ease-out}.pop-btns button.smith{color:#e0c8ff!important;box-shadow:0 0 0 1px #8a5cff,inset 0 1px #ffffff26,inset 0 -2px #00000073!important}.auto-process{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.auto-process .ap-label{color:var(--muted)}.auto-process .opt{min-height:36px}#autoProcessDesc{margin:0 0 4px}.ready-tag,.campfire-badge{display:inline-block;padding:0 6px;font-size:.68em;font-weight:700;letter-spacing:.06em;line-height:16px;color:#1a1200;background:linear-gradient(180deg,#ffe9a8,var(--gold));box-shadow:0 0 0 1px #000,0 0 8px #f2b632b3;font-style:normal;animation:fbPulse 1.6s ease-in-out infinite}.ready-tag{margin-left:8px;vertical-align:middle}.box.campfire[data-ready="1"] #btnCampfire{--btn-img: var(--ui-btn-primary);color:#ffe9a8!important}.campfire-badge{position:absolute;z-index:2;transform:translate(-50%,-100%);pointer-events:none;white-space:nowrap}@media(max-width:720px){.sm-grid{grid-template-columns:repeat(6,1fr)}.sm-cols{grid-template-columns:1fr}.sm-affix{grid-template-columns:1fr auto}.sm-affix .affix-tier{display:none}.sm-ascend{grid-template-columns:24px 1fr auto}.sm-ascend .sa-where,.sm-ascend .sa-cost{display:none}}#btnReport .dot{display:none;position:absolute;right:-3px;top:-3px;width:8px;height:8px;background:var(--danger);box-shadow:0 0 0 1px #000,0 0 6px var(--danger)}#btnReport.new .dot{display:block;animation:streakPop .3s ease-out}#btnReport.new[data-daily=todo] .dot{background:var(--gold);box-shadow:0 0 0 1px #000,0 0 6px var(--gold)}.daily-box{margin:0 0 10px;padding:6px 8px 8px;background:#f2b6320f;box-shadow:0 0 0 1px #f2b63247}.daily-box.all-done{background:#52d27312;box-shadow:0 0 0 1px #52d27359}.daily-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}.daily-head h4{margin:0;font-size:.95em;color:var(--gold);letter-spacing:.06em;font-family:var(--pixel)}.daily-streak{font-size:.85em;color:var(--muted)}.daily-streak[data-streak]:not([data-streak="0"]){color:var(--gold)}.daily-list{display:flex;flex-direction:column;gap:6px}.daily-item{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#00000059;box-shadow:0 0 0 1px var(--edge-dim)}.daily-item[data-done="1"]{box-shadow:0 0 0 1px #f2b6328c}.daily-item[data-claimed="1"]{opacity:.6;box-shadow:0 0 0 1px var(--edge-dim)}.daily-item .di-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.daily-item .di-text{font-size:.95em;line-height:1.3}.daily-item .di-short{color:var(--accent);margin-right:2px}.daily-item[data-done="1"] .di-short{color:var(--gold)}.daily-item .di-desc{line-height:1.3}.daily-item .di-bar{position:relative;height:12px;background:#00000080;box-shadow:0 0 0 1px var(--edge-dim);overflow:hidden}.daily-item .di-bar .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(180deg,#ffd466,#c98a14);transition:width .3s ease-out}.daily-item[data-done="1"] .di-bar .fill{background:linear-gradient(180deg,#8fe6a3,#2f9a4d)}.daily-item .di-prog{position:absolute;right:6px;top:0;line-height:12px;font-size:.72em;color:#fff;text-shadow:0 1px 0 #000}.daily-item .daily-claim{flex:none;min-width:72px}.daily-item[data-done="1"][data-claimed="0"] .daily-claim:not(:disabled){animation:dailyGlow 1.2s ease-in-out infinite}@keyframes dailyGlow{0%,to{filter:none}50%{filter:brightness(1.35)}}.route-pick{display:flex;flex-direction:column;gap:6px;margin:0 0 8px;padding:6px 8px 8px;background:#0000004d;box-shadow:0 0 0 1px var(--edge-dim)}.route-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.route-head b{color:var(--gold);letter-spacing:.06em;font-family:var(--pixel)}.route-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.route-card{display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:left;padding:6px 8px!important;min-height:0!important;background:#ffffff08;border:0;border-image:none!important;box-shadow:0 0 0 1px var(--edge-dim);color:var(--text);cursor:pointer;border-radius:0}.route-card:hover{box-shadow:0 0 0 1px var(--accent)}.route-card.on{background:#f2b63214;box-shadow:0 0 0 2px var(--gold),0 0 14px #f2b63240}.route-card .rc-head{display:flex;align-items:center;gap:6px}.route-card .rc-name{font-size:1em}.route-card.on .rc-name{color:var(--gold)}.route-card .rc-tag{font-style:normal;font-size:.72em;padding:1px 5px;color:var(--muted);box-shadow:0 0 0 1px var(--edge-dim)}.route-card .rc-desc{line-height:1.35;white-space:normal}.route-card .rc-prog{display:flex;align-items:center;gap:8px}.route-card .rc-bar{position:relative;flex:1 1 auto;height:6px;background:#00000080;box-shadow:0 0 0 1px var(--edge-dim);overflow:hidden}.route-card .rc-bar .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gold)}.route-card .rc-n{font-size:.78em;color:var(--muted)}.route-bar{display:flex;align-items:center;gap:10px}.route-steps{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:3px;min-height:12px}.route-step{width:10px;height:10px;border-radius:50%;background:#ffffff14;box-shadow:0 0 0 1px var(--lc, var(--edge));cursor:pointer}.route-step.can{background:color-mix(in srgb,var(--lc, var(--gold)) 35%,transparent)}.route-step.lit{background:var(--lc, var(--gold))}.route-step.next{box-shadow:0 0 0 2px #fff,0 0 8px var(--gold);animation:routeNext 1s ease-in-out infinite}@keyframes routeNext{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}#btnTalentFollow{flex:none;white-space:nowrap}@media(max-width:720px){.route-cards{grid-template-columns:1fr}.route-bar{flex-wrap:wrap}}.guide-pulse{animation:guidePulse 1s ease-in-out infinite}button.guide-pulse{box-shadow:0 0 0 2px var(--gold),0 0 16px #f2b63299!important}.book-item.guide-pulse{box-shadow:0 0 0 2px var(--gold),0 0 14px #f2b6328c;z-index:1}@keyframes guidePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.45)}}.report-card{margin-top:12px;padding:8px;background:#00000059;box-shadow:0 0 0 1px var(--edge-dim)}.report-card canvas{display:block;width:100%;max-width:720px;height:auto;aspect-ratio:16 / 9;margin:0 auto;image-rendering:auto;box-shadow:0 10px 30px #0009}.report-card .card-btns{margin-top:8px}#btnReportCard[aria-expanded=true]{box-shadow:0 0 0 1px var(--gold)!important}.report-card .card-btns a.pxbtn{display:inline-flex;align-items:center;justify-content:center;flex:1 1 120px;min-height:44px;text-decoration:none;color:var(--text);font:inherit;cursor:pointer}#hud .seg.in-abyss{display:none}.abyss-hud{display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap}.abyss-hud.hidden{display:none!important}#abyssBadge{color:#e0c8ff;padding:1px 8px;font-size:.9em;background:linear-gradient(90deg,#3c145a8c,#1e0a3259);box-shadow:0 0 0 1px #b978ff99,0 0 8px #7828c859;text-shadow:0 1px 0 #000}.abyss-affixes{display:inline-flex;align-items:center;gap:3px}.abyss-affix{--ac: #e8ecf4;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#00000073;box-shadow:0 0 0 1px color-mix(in srgb,var(--ac) 70%,transparent),inset 0 0 6px color-mix(in srgb,var(--ac) 25%,transparent);cursor:help}.abyss-affix .icon{--s: 1;width:16px;height:16px}.abyss-affix .icon[data-fallback]{font-size:10px;line-height:16px;color:var(--ac);background:none;box-shadow:none}#abyssBest{color:var(--muted);font-size:.8em;white-space:nowrap;flex:none}#abyssBest[data-n="0"]{opacity:.7}body.in-abyss #hud .level{text-shadow:0 0 8px rgba(160,80,255,.55)}.rank-week{display:inline-flex;align-items:center;gap:8px;font-size:.82em;color:#e0c8ff;padding:1px 8px;background:#3c145a59;box-shadow:0 0 0 1px #b978ff73;white-space:nowrap}.rank-week .rw-key{color:#ffe9a8;font-weight:700}.rank-week .rw-left{color:var(--muted)}.rank-week.hidden{display:none!important}#dlgRank[data-kind=abyss] .rank-tab[data-kind=abyss].on{--tab-line: #b063f5}#dlgRank[data-kind=abyss] .rank-row .rr-value{color:#e0c8ff}.ending-box .inline{align-items:center;gap:10px}#btnReplayEnding:disabled{opacity:.55;cursor:default}#ending{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:#000;color:#e8ecf4;cursor:pointer;overflow:hidden;font-family:var(--font)}#ending.hidden{display:none!important}body.ending-on{overflow:hidden}.ending-art{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease-out;background:#000 center / cover no-repeat;image-rendering:pixelated;image-rendering:crisp-edges;filter:saturate(.15) contrast(1.05)}.ending-art.in{opacity:1}.ending-art[data-art=css]{background:radial-gradient(ellipse 6% 40% at 50% 58%,#ffe496f2,#f2b6328c 45%,#f2b63200),linear-gradient(90deg,#0000 0% 41%,#0a0a0c 41.5%,#1b1b1f 48%,#0a0a0c 49.6%,#0000 50% 50.4%,#0a0a0c 50.5%,#1b1b1f 52%,#0a0a0c 58.5%,#0000 59%),radial-gradient(ellipse 80% 55% at 50% 100%,#2a2a30,#121216 60%,#050507),linear-gradient(180deg,#060608,#16161b 55%,#0b0b0e);filter:none}.ending-art[data-art=css]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:repeating-linear-gradient(180deg,#ffffff0d 0 2px,#0000 2px 14px),linear-gradient(180deg,#3c3c4480,#0a0a0ce6)}#ending:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000059,#0000 30%,#0003 60%,#000000eb);pointer-events:none}.ending-body{position:relative;z-index:1;width:min(760px,92vw);margin-bottom:7vh;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.ending-text{margin:0;min-height:4.6em;font-size:clamp(14px,1.55vw,18px);line-height:1.9;letter-spacing:.04em;color:#e8e2d4;text-shadow:0 1px 0 #000,0 0 12px rgba(0,0,0,.9);white-space:pre-wrap}#ending[data-phase=art] .ending-text,#ending[data-phase=art] .ending-stats,#ending[data-phase=art] .ending-btn,#ending[data-phase=text] .ending-stats,#ending[data-phase=text] .ending-btn{visibility:hidden}#ending[data-phase=text] .ending-text:after{content:"▌";color:var(--gold);animation:endingCaret 1s steps(1) infinite}@keyframes endingCaret{50%{opacity:0}}.ending-stats{width:100%;animation:endingIn .6s ease-out}.ending-stats:empty{display:none}.ending-stats .es-title{margin:0 0 8px;font:400 14px/1 "FusionPixel",var(--font);letter-spacing:.3em;color:var(--gold);text-shadow:2px 2px 0 #000}.ending-stats .es-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.ending-stats .es-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;background:#08080ad1;box-shadow:0 0 0 1px #f2b63273,inset 0 0 18px #000c}.ending-stats .es-v{font-size:1.05em;color:#fff1c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ending-stats .es-l{font-size:.74em;letter-spacing:.08em;color:var(--muted)}.ending-stats .es-line{margin:8px 0 0;font-size:.82em;color:#bfb9ab}.ending-btn{position:relative;z-index:1;min-height:40px;padding:0 26px;font-size:1.05em;font-weight:700;letter-spacing:.12em;color:#ffe9a8!important;background:linear-gradient(180deg,#28200cf5,#0e0c08fa);border:0;box-shadow:0 0 0 1px var(--gold),0 0 0 2px #000000e6,0 0 18px #f2b63259!important;text-shadow:0 1px 0 #000;animation:endingIn .8s ease-out .2s both;cursor:pointer}.ending-btn:hover{background:linear-gradient(180deg,#463610fa,#181208fa)}.ending-skip{position:absolute;right:14px;top:12px;z-index:1;color:#e8ecf48c;font-size:.78em;letter-spacing:.06em}@keyframes endingIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:1100px){#abyssBest{display:none}}@media(max-width:720px){.ending-stats .es-grid{grid-template-columns:repeat(3,1fr)}.ending-body{margin-bottom:4vh;gap:10px}.abyss-affix{width:18px;height:18px}#abyssBest{display:none}}.icon[data-hi]{--s: 1;font-size:13px}.icon.sm[data-hi]{--s: .5}@media(max-width:720px){.icon[data-hi]{--s: .5}}#titleBadge,.title-tag,.title-wearing,#inspectTitle{font-family:var(--pixel);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.04em;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}#titleBadge{gap:4px;max-width:14em;overflow:visible}#titleBadge .tb-ico,.title-item .ti-ico{--s: 1;width:16px;height:16px;flex:none}.title-tag{display:inline-flex;align-items:center;gap:3px;padding:0 5px}.title-tag[data-tier="4"]{text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,0 0 6px rgba(255,216,74,.7)}#titleBadge.glow{animation:titleGlow23 2.4s ease-in-out infinite}@keyframes titleGlow23{0%,to{text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,0 0 6px rgba(255,216,74,.9),0 0 14px rgba(255,216,74,.45)}50%{text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,0 0 10px rgba(255,216,74,1),0 0 22px rgba(255,216,74,.7)}}.title-item .ti-name{font-family:var(--pixel);font-size:14px;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}.wardrobe-cols{grid-template-columns:344px 1fr}#wardrobePreview{width:320px;height:360px}#wardrobeVibe{max-width:300px;min-height:1.3em;text-align:center;color:var(--muted);line-height:1.3}#wardrobeHover{font-size:.78em}.costume-grid{grid-template-columns:repeat(3,1fr);gap:8px}.costume{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto auto auto;column-gap:8px;row-gap:2px;align-items:center;align-content:center;min-height:84px;padding:6px 8px 6px 6px;text-align:left;cursor:pointer;transition:box-shadow .12s,transform .12s}.costume .cs-ico{grid-row:1 / span 4;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--cc, #fff) 22%,transparent),transparent 70%),#00000073;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc, var(--edge)) 40%,transparent)}.costume .cs-ico .icon{--s: 2}.costume .cs-ico .icon[data-hi]{--s: 1}.costume .cs-name{grid-column:2;font-size:.95em;line-height:1.2}.costume .cs-vibe{grid-column:2;font-size:.74em;line-height:1.25;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.costume .cs-lock{grid-column:2}.costume .cs-progress{grid-column:2;width:auto}.costume .cs-state{left:auto;right:3px;top:3px}.costume .cs-state.lock{background:#0009;color:var(--muted);box-shadow:0 0 0 1px var(--edge-dim)}.costume.locked:after{content:none}.costume.hover:not(.on){box-shadow:0 0 0 2px var(--accent),0 0 10px #7fd1ff59,inset 0 0 0 1px #0009;transform:translateY(-1px)}.costume.locked .cs-vibe{color:color-mix(in srgb,var(--muted) 70%,transparent)}@media(max-width:1100px){.costume-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.wardrobe-cols{grid-template-columns:1fr}#wardrobePreview{width:240px;height:270px}.costume-grid{grid-template-columns:1fr}}.sm-mats{display:inline-flex;flex-wrap:wrap;gap:6px}.sm-mats:empty:before{content:"—";color:var(--muted)}.sm-mat{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 3px;background:#00000059;box-shadow:0 0 0 1px color-mix(in srgb,var(--rc, var(--edge)) 50%,transparent);font-size:.85em}.sm-mat .icon{--s: 1}.sm-mat .icon[data-hi]{--s: .5}.sm-mat .sm-mat-name{color:var(--rc, var(--text))}.sm-mat .sm-mat-n{color:var(--muted)}.sm-mat.short{box-shadow:0 0 0 1px var(--danger);background:#781e1e59}.sm-mat.short .sm-mat-n{color:#ff8a80;font-weight:700}#smCraftMatHint{margin:2px 0 0}.materials-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 3px;font-size:.8em;color:var(--muted)}.materials{display:grid;grid-template-columns:repeat(15,1fr);gap:3px;margin:0 0 8px}.mat-cell{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;min-width:0;background:#00000059;box-shadow:0 0 0 1px color-mix(in srgb,var(--rc, var(--edge-dim)) 45%,transparent);overflow:hidden}.mat-cell .icon{--s: 1}.mat-cell .icon[data-hi]{--s: .5}.mat-cell .mat-n{position:absolute;right:1px;bottom:0;font-size:10px;line-height:1.2;font-weight:700;color:#fff;padding:0 2px;background:#0009;text-shadow:0 1px 0 #000}.mat-cell .mat-n:empty{display:none}.mat-cell.zero{opacity:.45;box-shadow:0 0 0 1px var(--edge-dim)}.mat-cell.zero .icon{filter:grayscale(.85) brightness(.8)}.mat-cell[data-rarity="2"]:not(.zero){background:#b063f51f}.mat-cell[data-rarity="3"]:not(.zero){background:#f2b63224}@media(max-width:720px){.materials{grid-template-columns:repeat(8,1fr)}}.best-completion{position:relative;margin:6px 0 2px;padding:4px 8px;color:var(--gold);background:linear-gradient(90deg,#f2b63238 calc(var(--p, 0) * 100%),#00000059 calc(var(--p, 0) * 100%));box-shadow:0 0 0 1px var(--edge-dim)}.bg-drops{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 2px;padding:6px 8px;background:#00000040;box-shadow:0 0 0 1px var(--edge-dim)}.bg-drops .bd-head{font-size:.85em;color:var(--accent);margin-right:2px;letter-spacing:.04em}.bd-item{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 3px;background:#0000004d;box-shadow:0 0 0 1px color-mix(in srgb,var(--rc, var(--edge)) 50%,transparent);font-size:.82em}.bd-item .icon{--s: 1}.bd-item .icon[data-hi]{--s: .5}.bd-item .bd-name{color:var(--rc, var(--text))}.bd-item .bd-state{color:var(--muted);font-size:.92em}.bd-item.missing .bd-state{color:var(--gold)}.bd-item.have{opacity:.7}.bd-item.have .icon{filter:none}.bd-item .bd-pity{font-size:.85em;color:#ffb4a8}.bd-item .bd-pity:empty{display:none}.mat-table .mat-row td{vertical-align:middle}.mat-table .mname{display:flex;align-items:center;gap:8px}.mat-table .mname .icon{--s: 1}.mat-table .mname .icon[data-hi]{--s: .5}.mat-table .mtxt{display:flex;flex-direction:column;gap:1px}.mat-table .mtxt .rname{color:var(--rc, var(--text))}.mat-table .mtxt .mdesc{font-family:var(--font);font-size:.78em;line-height:1.25}.mat-table .msrc{font-family:var(--font);font-size:.82em;color:var(--muted)}.mat-table .mheld{white-space:nowrap}.mat-table .mat-row.zero{opacity:.62}.mat-table .mat-row.zero .icon{filter:grayscale(.8) brightness(.8)}#bestiaryBook3Pity{margin:6px 0 0;color:var(--gold)}.bag-item.newbest,.gear-slot.newbest{box-shadow:0 0 0 2px var(--gold),0 0 12px #f2b6328c,inset 0 0 0 1px #0009}.bag-item.newbest:before,.gear-slot.newbest:before{content:"★";position:absolute;left:2px;top:2px;z-index:2;font:700 11px/1 var(--pixel);color:#2b1600;background:var(--gold);padding:2px 3px;box-shadow:0 0 0 1px #000;animation:newbestPop .6s ease-out;pointer-events:none}@keyframes newbestPop{0%{transform:scale(2);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:none}}.fly-text.material{display:inline-flex;align-items:center;gap:4px;color:var(--rc, #cfe3ff);font-size:.95em}.fly-text.material .icon{--s: 1;pointer-events:none}.fly-text.material .icon[data-hi]{--s: .5}:root{--r5: #d08a1e;--ui-banner-lucky: url(/art/ui/banner_lucky.png);--ui-banner-ancient: url(/art/ui/banner_ancient.png)}.r5{--rc: var(--r5)}#hud .level{display:inline-flex;align-items:center;gap:4px}#hud .level.maxed .lv-txt{color:#ffe9a8}.paragon{display:inline-flex;align-items:center;gap:2px;color:#ffd84a;font-weight:700;text-shadow:0 1px 0 #000,0 0 8px rgba(255,216,74,.55);white-space:nowrap}.paragon.hidden{display:none!important}.paragon .pg-ico{--s: 1;width:16px;height:16px;flex:none}.paragon .pg-ico[data-fallback],.paragon .pg-ico[data-pending]{font-size:12px;line-height:16px;color:#ffd84a;background:none;box-shadow:none}.paragon.pop{animation:paragonPop .5s ease-out}@keyframes paragonPop{0%{transform:scale(1.6)}60%{transform:scale(1.1)}to{transform:none}}.bar.xp.paragon{--bar-img: var(--ui-bar-gold)}.bar.xp.paragon .txt{color:#fff1c4}.stat.paragon .k{color:#ffd84a}.stat.paragon .v{color:#ffe9a8}.stat.paragon.hidden{display:none!important}.abyss-wait{margin-top:10px;padding-top:8px;border-top:1px solid var(--edge-dim)}.abyss-wait .ap-label{display:block;color:var(--accent);font-size:.95em;letter-spacing:.06em;margin-bottom:2px}.abyss-wait .aw-desc{margin:-4px 0 6px 28px;line-height:1.4;opacity:.6}.abyss-wait[data-mode=farm] .aw-desc[data-mode=farm],.abyss-wait[data-mode=gate] .aw-desc[data-mode=gate]{opacity:1;color:#cfd6e6}.lucky-banner{position:fixed;left:50%;top:52px;z-index:12;transform:translate(-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:300px;max-width:92vw;padding:6px 22px 8px;border:8px solid transparent;border-image:var(--ui-banner-lucky) 8 fill / 8px stretch;image-rendering:pixelated;image-rendering:crisp-edges;color:#fff1c4;text-shadow:2px 2px 0 #000,0 0 10px rgba(242,182,50,.8);font-family:var(--pixel);font-size:15px;letter-spacing:.08em;box-shadow:0 8px 30px #0009,0 0 24px #f2b63259}.lucky-banner.hidden{display:none!important}.lucky-banner .lb-text{white-space:nowrap}.lucky-banner .lb-hint{font-family:var(--font);font-size:11px;letter-spacing:.02em;color:#ffe9a8;opacity:.85;text-shadow:1px 1px 0 #000}.lucky-banner .lb-bar{display:block;width:100%;height:5px;margin-top:3px;background:#0000008c;box-shadow:0 0 0 1px #000c;position:relative;overflow:hidden}.lucky-banner .lb-bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--p, 1) * 100%);background:linear-gradient(180deg,#fff1c4,var(--gold) 55%,#b57f14);transition:width .25s linear}.lucky-banner[data-phase=warn]{animation:luckyWarn .7s ease-in-out infinite alternate}.lucky-banner[data-phase=warn] .lb-bar:before{background:linear-gradient(180deg,#ffffff,#ffe9a8 55%,var(--gold))}@keyframes luckyWarn{0%{filter:brightness(1)}to{filter:brightness(1.35)}}.lucky-banner[data-phase=on]{animation:luckyIn .4s cubic-bezier(.2,.8,.3,1.2)}@keyframes luckyIn{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}body.in-camp .lucky-banner{opacity:.85}.announce-bar{position:fixed;left:50%;top:10px;z-index:13;transform:translate(-50%,-24px);opacity:0;cursor:pointer;display:inline-flex;align-items:center;gap:10px;max-width:92vw;padding:5px 20px 5px 10px;border:8px solid transparent;border-image:var(--ui-banner-ancient) 8 fill / 8px stretch;image-rendering:pixelated;image-rendering:crisp-edges;color:#ffe2a8;text-shadow:2px 2px 0 #000,0 0 10px rgba(208,138,30,.75);font-family:var(--pixel);font-size:15px;letter-spacing:.06em;white-space:nowrap;box-shadow:0 8px 30px #000000a6,0 0 20px #d08a1e59;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.3,1.2)}.announce-bar.show{opacity:1;transform:translate(-50%)}.announce-bar.hidden{display:none!important}.announce-bar:hover{filter:brightness(1.15)}.announce-bar .ab-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none}.announce-bar .ab-icon .icon{--s: 1}.announce-bar .ab-icon .icon[data-hi]{--s: .5}.announce-bar .ab-icon:empty:before{content:"✦";color:var(--r5)}.announce-bar .ab-text{overflow:hidden;text-overflow:ellipsis}.announce-bar:not(.hidden)~.lucky-banner{top:62px}@media(max-width:720px){.lucky-banner,.announce-bar{font-size:13px;min-width:0}.lucky-banner{top:46px}}.legend-tag.ancient{color:#2b1600;background:linear-gradient(180deg,#ffd27a,var(--r5) 60%,#8a5410);box-shadow:0 0 0 1px #000,0 0 10px #d08a1eb3}.drop-banner[data-kind=ancient]{color:#ffe2a8;border-color:var(--r5);font-weight:700;text-shadow:2px 2px 0 #000,0 0 14px rgba(208,138,30,.95),0 0 28px rgba(208,138,30,.5);background:linear-gradient(90deg,#0000,#1c1202f7 15% 85%,#0000)}.gear-pop.ancient{box-shadow:0 0 0 1px var(--r5),0 0 0 2px #000,0 10px 30px #000000b3,0 0 22px #d08a1e73}.gear-pop.ancient #popName{text-shadow:0 1px 0 #000,0 0 8px rgba(208,138,30,.6)}.pop-ancient .pop-sub{color:#ffd27a}.ancient-row{display:flex;flex-direction:column;gap:2px;padding:6px 8px;margin:2px 0 4px;background:linear-gradient(180deg,#d08a1e2e,#00000059);box-shadow:0 0 0 1px var(--r5),inset 0 0 0 1px #000c}.ancient-row b{color:#ffd27a;text-shadow:0 1px 0 #000}.ancient-row span{font-size:.85em;color:#e8d7b0;line-height:1.35}.bag-item.ancient,.gear-slot.ancient,.insp-slot.ancient,.sc-cell.ancient{box-shadow:0 0 0 1px var(--r5),0 0 0 2px #000,0 0 12px #d08a1e73,inset 0 0 0 1px #0009;background:#281a048c}.bag-item.ancient .tier,.gear-slot.ancient .tier{color:#ffd27a}.bag-item.showcased:before,.gear-slot.showcased:before{content:"◆";position:absolute;right:2px;bottom:1px;z-index:2;font-size:10px;line-height:1;color:#ffe9a8;text-shadow:0 1px 0 #000,0 -1px 0 #000;pointer-events:none}.bag-item.newbest.showcased:before{content:"★"}.pop-btns button.showcase.on{color:#ffe9a8!important;box-shadow:0 0 0 1px var(--gold)!important}#popSell:disabled[title]{cursor:help}.showcase-cells{display:grid;grid-template-columns:repeat(3,72px);gap:8px}.sc-cell{position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:#0006;box-shadow:0 0 0 1px var(--rc, var(--edge-dim)),inset 0 0 0 1px #0009;cursor:help}.sc-cell.empty{box-shadow:none;outline:1px dashed var(--edge-dim);outline-offset:-1px;cursor:default}.sc-cell .icon{--s: 1}#inspectShowcase.none:after{content:attr(title);grid-column:1 / -1;color:var(--muted);font-size:.85em}#dlgRaid[data-page=showcase] #raidNone,#dlgRaid[data-page=showcase] #raidBox,#dlgRaid[data-page=showcase] #raidHint,#dlgRaid[data-page=showcase] .raid-btns{display:none!important}.board-showcase .sc-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.board-showcase .sc-head button{min-height:30px;padding:0 10px!important;font-size:.85em}.sc-feed{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto}.sc-feed-item{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#ffffff08;box-shadow:0 0 0 1px color-mix(in srgb,var(--rc, var(--edge)) 45%,transparent);cursor:pointer}.sc-feed-item:hover{background:#ffffff12}.sc-feed-item.ancient{background:linear-gradient(90deg,#d08a1e2e,#ffffff08);box-shadow:0 0 0 1px var(--r5)}.sc-feed-item .sf-ico{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;color:var(--rc)}.sc-feed-item .sf-ico .icon{--s: 1}.sc-feed-item .sf-ico .icon[data-hi]{--s: .5}.sc-feed-item .sf-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-feed-item .sf-who{color:#e8ecf4}.sc-feed-item .sf-ago{flex:none}.sc-camp{display:flex;flex-direction:column;gap:6px}.sc-player{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 8px;background:#ffffff08;box-shadow:0 0 0 1px var(--edge-dim);cursor:pointer}.sc-player.me{cursor:default;box-shadow:0 0 0 1px #f2b63273}.sc-player .sp-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-player .showcase-cells{grid-template-columns:repeat(3,48px);gap:4px}.sc-player .sc-cell{width:48px;height:48px}.sc-player .sc-cell .icon[data-hi]{--s: .75}.gear-tip{position:fixed;z-index:41;width:280px;max-width:92vw;pointer-events:none;padding:2px 4px;background:none;border:8px solid transparent;border-image:var(--ui-panel) 8 fill / 8px stretch;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 10px 30px #000000b3}.gear-tip.hidden{display:none!important}.gear-tip[data-rarity="5"]{box-shadow:0 0 0 1px var(--r5),0 10px 30px #000000b3,0 0 18px #d08a1e66}.gear-card{font-size:.9em}.gear-card .gc-head{display:flex;align-items:center;gap:8px}.gear-card .gc-head .icon{--s: 1}.gear-card .gc-head .icon[data-hi]{--s: .5}.gear-card .gc-name{flex:1 1 auto;min-width:0;font-size:1.05em}.gear-card .gc-meta{color:var(--muted);font-size:.85em;margin:2px 0 6px}.gear-card .gc-affixes{margin:0 0 4px;padding:0 0 0 14px;font-family:var(--mono);font-size:.9em;color:#cfe3ff}.gear-card .gc-affixes li[data-tier="5"]{color:#ffe9a8}.gear-pop.docked{position:fixed;z-index:6;overflow:auto;scrollbar-width:thin}.gear-pop.docked .pop-vs{position:static;margin:6px 0 0;width:auto;padding:6px;box-shadow:0 0 0 1px var(--edge-dim)}.gear-pop.docked .pop-vs .vs-list{flex-direction:row}.gear-pop.docked .vs-card{flex:1 1 0}@media(min-width:1400px){.panel.wide.pop-docked{width:min(1330px,100%)}.panel.wide.pop-docked #pageGear{padding-right:328px}}#skillbar[data-n="9"] .skill-icon{width:40px;height:40px}#skillbar[data-n="9"]{grid-template-columns:repeat(9,40px);gap:5px}.skill-icon .sanc,.skill-slot .sanc{position:absolute;left:0;bottom:0;z-index:2;padding:0 3px;font-size:9px;line-height:12px;font-weight:700;letter-spacing:.04em;color:#2b1600;background:linear-gradient(180deg,#ffd27a,var(--r5));box-shadow:0 0 0 1px #000;pointer-events:none}.skill-icon.ancient-slot{box-shadow:0 0 0 1px var(--r5),inset 0 0 0 1px #0009}.skill-icon.ancient-slot.empty{outline-color:var(--r5)}.skill-slot .sanc{left:auto;right:3px;bottom:3px}.skill-slot.ancient-slot{box-shadow:0 0 0 1px var(--r5),inset 0 0 0 1px #0009}.skill-slot.ancient-slot.locked .slock{color:#ffd27a;font-size:.72em;white-space:normal;line-height:1.25}.skill-slots[data-n="9"]{grid-template-columns:repeat(9,1fr);gap:5px}.skill-slot-wrap.hidden{display:none!important}@media(max-width:720px){.skill-slots[data-n="9"]{grid-template-columns:repeat(3,1fr)}#skillbar[data-n="9"]{grid-template-columns:repeat(5,36px);gap:4px}#skillbar[data-n="9"] .skill-icon{width:36px;height:36px}}.gear-slot.locked-slot{outline:1px dashed rgba(242,182,50,.55);outline-offset:-1px}.gear-slot.locked-slot:after{content:"🔒";position:absolute;right:3px;top:2px;z-index:1;font-size:.8em;line-height:1;text-shadow:0 1px 0 #000;opacity:.9}.gear-slot.locked-slot.empty .lbl{color:#d9b36a}.gear-slot.inactive{background:repeating-linear-gradient(135deg,#00000073 0 6px,#3c3c4673 6px 12px)}.gear-slot.inactive .ico,.gear-slot.inactive .lbl{opacity:.55;filter:grayscale(1)}.gear-slot.inactive .lbl{color:var(--muted)!important}.gear-slot.locked-slot.drop-ok{background:#52d2731f!important}.pop-form{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 6px}.pop-form.hidden{display:none!important}.form-tag{flex:none;padding:0 6px;font-size:.72em;font-weight:700;letter-spacing:.06em;line-height:16px;color:#e8ecf4;background:#ffffff14;box-shadow:0 0 0 1px var(--edge-dim)}.form-tag[data-form=two]{color:#ffd27a;box-shadow:0 0 0 1px #f2b63299;background:#78500a59}.form-tag[data-form=offhand]{color:#9fd8ff;box-shadow:0 0 0 1px #7fd1ff99;background:#14466e59}.form-tag[data-form=dual]{color:#ffb7a0;box-shadow:0 0 0 1px #ff9a7a99;background:#78281459}.pop-stats .base-note{list-style:none;margin:2px 0 0 -14px;font-family:var(--font);font-size:.82em;color:var(--muted)}.pop-stats .base-note[data-mult^="1."]{color:#ffd27a}.pop-stats .base-note[data-mult^="0."]{color:#ffb7a0}.pop-btns button.pair:disabled{opacity:.45;cursor:not-allowed}.pop-need .form-why{display:block;color:#ffb7a0}.forms-banner{cursor:default;pointer-events:auto;gap:12px}.forms-banner .ab-text{white-space:normal;max-width:70vw;line-height:1.35;font-size:14px}.forms-banner .ab-icon:empty:before{content:"⚔";color:#ffd27a}.forms-banner .ab-close{flex:none;padding:2px 10px!important;font-family:var(--font);font-size:12px;letter-spacing:0;font-weight:700;color:#2b1600!important;text-shadow:none;background:linear-gradient(180deg,#ffe9a8,var(--gold))!important;box-shadow:0 0 0 1px #000,inset 0 1px #ffffff59!important;border:0;cursor:pointer}.forms-banner .ab-close:hover{filter:brightness(1.1)}.forms-banner:not(.hidden)~.lucky-banner{top:62px}.announce-bar:not(.hidden)~.forms-banner{top:62px}.free-respec{color:#ffd27a}.free-respec.hidden{display:none!important}#btnRespec.has-free{color:#ffe9a8;box-shadow:0 0 0 1px #f2b632b3,0 0 10px #f2b63259}.rate-slots{display:flex;flex-wrap:wrap;gap:8px 12px;margin:4px 0 6px}.rate-slot{display:inline-flex;align-items:center;gap:4px;font-size:.85em;color:var(--text)}.rate-slot[data-slot=offhand] .rs-name{color:#9fd8ff}.rate-slot .icon.sm{--s: .5}@media(max-width:720px){.forms-banner .ab-text{max-width:60vw;font-size:12px}}