:root{--gold: #e3b75a;--gold2: #ffe9a0;--bg: #0b0810;--panel: rgba(18, 12, 22, .94);--border: #5a4630;--text: #e8dcc8;--dim: #9a8c78;--red: #c62828;--blue: #6f8cff;--yellow: #ffe14d;--orange: #ff8a2a}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Noto Sans SC,system-ui,-apple-system,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#gl{position:absolute;top:0;right:0;bottom:0;left:0;display:block;cursor:crosshair}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}button{font-family:inherit}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud>*{pointer-events:none}#hud .orb,#hud #skillbar,#hud #xpbar{pointer-events:auto}.orb{position:absolute;bottom:14px;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#2a1a10,#0a0608 75%);box-shadow:0 0 0 5px #3a2a18,0 0 0 7px #120c08,0 0 24px #000c,inset 0 0 30px #000;overflow:hidden}.orb .fill{position:absolute;left:0;right:0;bottom:0;height:50%;transition:height .15s}.orb .fill:before{content:"";position:absolute;left:-20%;right:-20%;top:-12px;height:24px;border-radius:50%;background:#ffffff40;animation:wave 2.4s ease-in-out infinite}@keyframes wave{0%,to{transform:translate(-6%)}50%{transform:translate(6%)}}.orb .glass{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffffff47,#fff0 40%),radial-gradient(circle at 50% 110%,#ffffff1f,#0000 50%);pointer-events:none}.orb .val{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:#fff;text-shadow:0 1px 3px #000,0 0 8px #000}#orb-hp{left:calc(50% - 400px)}#orb-hp .fill{background:linear-gradient(#ff3a3a,#8a0a0a);box-shadow:0 0 30px #ff2a2a inset}#orb-fury{right:calc(50% - 400px)}#orb-fury .fill{background:linear-gradient(#ffb04a,#c43a00);box-shadow:0 0 30px #ff7a1a inset}#orb-fury.full .fill{animation:furypulse .6s ease-in-out infinite alternate}@keyframes furypulse{0%{filter:brightness(1)}to{filter:brightness(1.5)}}#skillbar{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;gap:6px;align-items:flex-end;padding:10px 14px 12px;background:linear-gradient(#1b1410,#0d0a08);border:2px solid #3a2a18;border-radius:10px;box-shadow:0 6px 30px #000000e6}.skill{position:relative;width:62px;height:62px;border:2px solid #5a4630;border-radius:6px;background:#120c0a;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;cursor:pointer;box-shadow:inset 0 0 14px #000000e6}.skill.locked{filter:grayscale(1) brightness(.45)}.skill.unusable{filter:brightness(.55)}.skill.active{box-shadow:0 0 14px var(--c, #ffb347),inset 0 0 14px #000000e6;border-color:var(--c, #ffb347)}.skill .cd{position:absolute;left:0;right:0;bottom:0;background:#000000bf;pointer-events:none}.skill .cdt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:#fff;text-shadow:0 0 4px #000;pointer-events:none}.skill .key{position:absolute;left:3px;top:1px;font-size:10px;color:var(--gold);font-weight:700;text-shadow:0 0 3px #000}.skill .rune{position:absolute;right:3px;bottom:1px;font-size:9px;color:#bbb}.skill .icon{text-shadow:0 0 10px var(--c, #ffb347)}.skill.potion{width:50px;height:50px;font-size:24px;margin-left:8px}#xpbar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:560px;height:7px;background:#0a0806;border:1px solid #3a2a18;border-radius:4px;overflow:hidden}#xpbar .fill{height:100%;background:linear-gradient(90deg,#8a6a2a,#ffe9a0)}#xpbar .lvl{position:absolute;left:50%;top:-18px;transform:translate(-50%);font-size:11px;color:var(--gold2);text-shadow:0 0 3px #000;white-space:nowrap}#top{position:absolute;top:12px;left:50%;transform:translate(-50%);width:420px;text-align:center}#riftbar{height:14px;background:#0a0806;border:2px solid #3a2a18;border-radius:8px;overflow:hidden;position:relative}#riftbar .fill{height:100%;background:linear-gradient(90deg,#4a1a8a,#b060ff);transition:width .3s}#riftbar .boss{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8a0a0a,#ff4a1a);transition:width .2s;box-shadow:0 0 10px #ff4a1a}#riftlabel{font-size:13px;color:#d0c0ff;text-shadow:0 0 4px #000;margin-top:3px}#place{font-family:Cinzel,serif;font-weight:800;letter-spacing:1px;color:var(--gold);text-shadow:0 0 8px #000,0 0 12px rgba(227,183,90,.4);font-size:15px;margin-bottom:4px}#menu{position:absolute;top:12px;right:12px;display:flex;gap:6px}#menu button,.btn{background:linear-gradient(#2a1e14,#140e0a);color:var(--gold2);border:1px solid #5a4630;border-radius:6px;padding:6px 10px;font-size:13px;cursor:pointer}#menu button:hover,.btn:hover{border-color:var(--gold);color:#fff}.btn.primary{background:linear-gradient(#6a3a10,#3a1c08);font-weight:700;padding:10px 24px;font-size:16px}.btn.danger{color:#ff8a7a}#notes{position:absolute;top:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.note{font-size:15px;font-weight:700;padding:4px 14px;background:#0000008c;border-radius:6px;color:#fff;text-shadow:0 0 4px #000;animation:noteIn .3s ease-out;border:1px solid rgba(255,255,255,.1)}.note.good{color:#9dff9d}.note.bad{color:#ff8a7a}.note.legendary{color:var(--orange);border-color:var(--orange);font-size:18px}@keyframes noteIn{0%{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}#gold{position:absolute;top:12px;left:12px;color:var(--gold2);font-weight:700;font-size:15px;text-shadow:0 0 4px #000}#hint{position:absolute;bottom:150px;left:50%;transform:translate(-50%);color:var(--dim);font-size:12px;text-shadow:0 0 3px #000;pointer-events:none}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 180px #000000b3}#hurt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 220px #c8000000;transition:box-shadow .4s}#lowhp{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(160,0,0,.55));animation:lowhp 1s infinite alternate}@keyframes lowhp{0%{opacity:.3}to{opacity:.8}}#buffs{position:absolute;left:50%;bottom:128px;transform:translate(-50%);display:flex;gap:4px}.buff{font-size:11px;padding:2px 6px;border:1px solid #5a4630;border-radius:4px;background:#000000b3;color:var(--gold2)}.panel{position:absolute;top:60px;bottom:170px;width:460px;background:var(--panel);border:2px solid var(--border);border-radius:10px;box-shadow:0 10px 40px #000000e6;display:flex;flex-direction:column;overflow:hidden}.panel.left{left:20px}.panel.right{right:20px}.panel h2{margin:0;padding:10px 14px;font-family:Cinzel,Noto Sans SC,serif;font-size:18px;color:var(--gold);border-bottom:1px solid var(--border);background:linear-gradient(rgba(255,255,255,.04),transparent);display:flex;justify-content:space-between;align-items:center}.panel h2 .x{cursor:pointer;font-size:18px;color:var(--dim);padding:0 6px}.panel h2 .x:hover{color:#fff}.panel .body{padding:12px;overflow:auto;flex:1}.grid{display:grid;grid-template-columns:repeat(10,40px);gap:3px}.cell{width:40px;height:40px;border:1px solid #3a2e22;background:#00000080;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;position:relative}.cell:hover{border-color:var(--gold);background:#ffe6a014}.cell.q-normal{color:#e8e8e8}.cell.q-magic{color:var(--blue);border-color:#3a4a8a}.cell.q-rare{color:var(--yellow);border-color:#8a7a1a}.cell.q-legendary{color:var(--orange);border-color:#a04a10;box-shadow:inset 0 0 10px #ff8a2a66}.cell.q-set{color:#3fd17a;border-color:#1f7a3a;box-shadow:inset 0 0 10px #3fd17a59}.cell .sock{position:absolute;left:3px;bottom:3px;width:7px;height:7px;border-radius:50%;border:1px solid #ccc;background:#111;box-shadow:0 0 3px #000}.cell .sock.on{border-color:#fff;box-shadow:0 0 5px currentColor}.cell.gem{box-shadow:inset 0 0 8px currentColor;font-size:18px}.cell .gemtier{position:absolute;right:2px;top:0;font-size:9px;color:#fff;text-shadow:0 0 2px #000}.tip .sock.off{color:#777}.dragghost.q-set{color:#3fd17a}.tip .setb{margin-top:6px;border-top:1px dashed #5a4630;padding-top:6px;font-size:11px}.tip .setname{color:#3fd17a;font-weight:700;margin-bottom:2px}.tip .setb .on{color:#9dff9d}.tip .setb .off{color:var(--dim)}.cell.q-legendary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,138,42,.35),transparent 70%);pointer-events:none}.cell.better:before{content:"▲";position:absolute;right:2px;top:0;font-size:9px;color:#6cff8a}.cell.worse:before{content:"▼";position:absolute;right:2px;top:0;font-size:9px;color:#ff6a6a}.paperdoll{display:grid;grid-template-columns:48px 48px 48px;grid-auto-rows:48px;gap:6px;justify-content:center;margin:0 auto 12px}.paperdoll .cell{width:48px;height:48px;font-size:24px}.paperdoll .cell .lbl{position:absolute;bottom:1px;left:0;right:0;font-size:8px;color:var(--dim);text-align:center}.row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0}.stat{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.06);font-size:13px}.stat b{color:var(--gold2)}.skillrow{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #3a2e22;border-radius:8px;margin-bottom:8px;background:#0000004d}.skillrow.locked{opacity:.5}.skillrow .ico{width:48px;height:48px;border:2px solid #5a4630;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:24px;flex:none}.skillrow .d{flex:1;font-size:12px;color:var(--dim)}.skillrow .d b{color:var(--text);font-size:14px}.runes{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.runeb{font-size:11px;padding:3px 8px;border:1px solid #3a2e22;border-radius:12px;background:#0006;color:var(--text);cursor:pointer}.runeb.sel{border-color:var(--gold);color:var(--gold2);background:#e3b75a26}.runeb.locked{opacity:.4;cursor:default}.runeb:hover:not(.locked){border-color:var(--gold)}.vendorlist .cell{width:44px;height:44px}.price{font-size:10px;color:var(--gold2);position:absolute;bottom:-1px;left:0;right:0;text-align:center;text-shadow:0 0 3px #000}#tooltip{position:absolute;pointer-events:none;z-index:20;display:flex;gap:8px;align-items:flex-start}.tip{width:250px;background:#0a060ef5;border:1px solid #5a4630;border-radius:6px;padding:10px 12px;font-size:12px;box-shadow:0 8px 30px #000000e6}.tip .name{font-weight:700;font-size:15px;margin-bottom:2px}.tip .type{color:var(--dim);font-size:11px;margin-bottom:6px}.tip .big{font-size:22px;font-weight:900;color:#fff}.tip .sub{color:var(--dim);font-size:11px}.tip .aff{color:var(--blue);margin:2px 0}.tip .aff.pri{color:#c6d0ff}.tip .pow{color:var(--orange);margin-top:6px;border-top:1px dashed #5a4630;padding-top:6px}.tip .cmp{font-size:11px;margin-top:6px;border-top:1px dashed #5a4630;padding-top:6px}.tip .up{color:#6cff8a}.tip .down{color:#ff6a6a}.tip .hint{color:var(--dim);margin-top:6px;font-size:10px}.tip.equipped .name:after{content:" (已装备)";font-size:10px;color:var(--dim)}.tip.en.equipped .name:after{content:" (equipped)"}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#280a3cd9,#050308f7);z-index:30;text-align:center}.screen h1{font-family:Cinzel,serif;font-weight:800;font-size:64px;margin:0;color:var(--gold);letter-spacing:4px;text-shadow:0 0 30px rgba(227,183,90,.5),0 4px 0 #000}.screen h1 small{display:block;font-size:22px;letter-spacing:8px;color:#b090ff}.screen p{color:var(--dim);max-width:560px}.screen .actions{display:flex;gap:12px;margin-top:20px}.screen.death{background:radial-gradient(ellipse at center,#5a0000bf,#050308f7)}.screen.death h1{color:#ff4a4a}.tierpick{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:620px;margin-top:12px}.tierpick button{min-width:90px}.tierpick button.sel{border-color:var(--gold);background:#e3b75a33}.tierdesc{color:var(--dim);font-size:13px;margin-top:10px}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:35}.modal .box{background:var(--panel);border:2px solid var(--border);border-radius:10px;padding:22px 28px;text-align:center;min-width:360px}.modal h3{margin:0 0 8px;font-family:Cinzel,serif;color:var(--gold)}.hidden{display:none!important}#fps{position:absolute;left:12px;bottom:12px;font-size:10px;color:#665}@media(max-width:900px){#orb-hp{left:8px}#orb-fury{right:8px}.orb{width:90px;height:90px}#xpbar{width:320px}.panel{width:calc(100vw - 40px);top:50px;bottom:150px}.panel.right{left:20px}}.dragghost{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-50%);width:44px;height:44px;border:2px solid var(--gold);border-radius:6px;background:#0a060ee6;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 6px 20px #000c;color:#fff;text-shadow:0 0 10px var(--c, #fff)}.dragghost.q-magic{color:var(--blue)}.dragghost.q-rare{color:var(--yellow)}.dragghost.q-legendary{color:var(--orange)}body.dragging,body.dragging #gl{cursor:grabbing!important}body.dragging .cell:hover,body.dragging .skill:hover{outline:2px solid var(--gold2)}.skill.empty{border-style:dashed;opacity:.6}.skill .key.bindable{cursor:pointer}.skill .key.bindable:hover{color:#fff;text-decoration:underline}#orb-fury.focus .fill{background:linear-gradient(#b9ff7a,#2a7a20);box-shadow:0 0 30px #9dff6a inset}#orb-fury.essence .fill{background:linear-gradient(#9dffcc,#1a6a48);box-shadow:0 0 30px #7dffb8 inset}#orb-fury.mana .fill{background:linear-gradient(#5aa0ff,#1a3aa0);box-shadow:0 0 30px #4a8aff inset}.classpick{display:flex;gap:16px;margin-top:16px}.classpick{flex-wrap:wrap;justify-content:center}.classcard{width:250px;padding:16px;border:2px solid var(--border);border-radius:10px;background:#00000080;cursor:pointer;text-align:left}.classcard:hover{border-color:var(--gold);background:#e3b75a1a}.classcard h3{margin:0 0 6px;font-family:Cinzel,Noto Sans SC,serif;color:var(--gold)}.classcard p{font-size:12px;margin:0}.classcard .res{display:inline-block;margin-top:8px;font-size:11px;padding:2px 8px;border-radius:10px;background:#ffffff14}.slotbtns{display:flex;gap:3px;margin-top:6px}.slotbtn{font-size:10px;padding:2px 6px;border:1px solid #3a2e22;border-radius:4px;background:#0006;color:var(--dim);cursor:pointer}.slotbtn:hover{border-color:var(--gold);color:#fff}.slotbtn.sel{color:var(--gold2);border-color:var(--gold)}.skillrow .ico{cursor:grab}#joy{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid rgba(227,183,90,.5);background:#00000040;pointer-events:none;z-index:5}#joy .knob{position:absolute;left:50%;top:50%;width:50px;height:50px;border-radius:50%;background:#e3b75a99;box-shadow:0 0 12px #e3b75a99;transform:translate(-50%,-50%)}body.touch .skill{width:68px;height:68px}body.touch .skill.potion{width:58px;height:58px}body.touch #hint{bottom:160px}body.touch #menu button{padding:8px 10px}@media(max-width:900px){body.touch #skillbar{bottom:12px;padding:6px 8px;gap:4px}body.touch .skill{width:54px;height:54px;font-size:22px}body.touch .skill.potion{width:46px;height:46px}body.touch .orb{width:80px;height:80px;bottom:10px}body.touch #xpbar{display:none}body.touch #top{width:60vw}}.panel h3.sub{margin:14px 0 6px;font-family:Cinzel,Noto Sans SC,serif;font-size:14px;color:var(--gold);border-bottom:1px dashed var(--border);padding-bottom:4px}.mat{font-size:12px;color:var(--dim)}.mat b{color:var(--gold2)}.craft{display:flex;gap:12px;align-items:center;margin-top:8px}.craft .cell{width:56px;height:56px;font-size:26px;flex:none}.craft .craftslot{border-style:dashed;color:var(--dim)}.craftacts{display:flex;flex-direction:column;gap:6px;flex:1}.craftbtn{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left}.craftbtn small{color:var(--dim);font-size:10px}.craftbtn:disabled{opacity:.45;cursor:default}#netstatus{position:absolute;top:44px;left:12px;font-size:12px;color:var(--gold2);background:#0000008c;border:1px solid var(--border);border-radius:6px;padding:4px 8px;display:flex;gap:8px;align-items:center;z-index:6}#netstatus .warn{color:#ff8a7a}.btn.mini{padding:2px 8px;font-size:11px}.codein{width:90px;text-align:center;font-size:20px;letter-spacing:6px;text-transform:uppercase;background:#00000080;color:var(--gold2);border:1px solid var(--border);border-radius:6px;padding:6px;font-family:inherit}#chat{position:absolute;left:12px;bottom:150px;width:360px;display:flex;flex-direction:column;gap:4px;z-index:12;pointer-events:none}#chat .log{font-size:13px;color:#eee;text-shadow:0 0 3px #000;background:#00000059;border-radius:6px;padding:6px 8px;max-height:170px;overflow:hidden;opacity:.35;transition:opacity .4s}#chat.recent .log{opacity:1}#chat .log b{color:var(--gold2)}#chat .in{pointer-events:auto;display:none;background:#000000b3;color:#fff;border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:13px}#chat .in.open{display:block}.lbwrap{margin-top:12px;text-align:left}.lbtitle{font-family:Cinzel,Noto Sans SC,serif;color:var(--gold);font-size:13px;border-bottom:1px dashed var(--border);padding-bottom:4px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.lbtabs{display:flex;gap:4px}.lbtabs.cls{margin-bottom:6px}.lbtab{font-family:Noto Sans SC,system-ui,sans-serif;font-size:11px;padding:2px 8px;border:1px solid #3a2e22;border-radius:10px;color:var(--dim);cursor:pointer}.lbtab:hover{border-color:var(--gold)}.lbtab.sel{color:var(--gold2);border-color:var(--gold);background:#e3b75a26}.lb{width:100%;border-collapse:collapse;font-size:12px}.lb td{padding:2px 6px;color:var(--text)}.lb td:first-child{color:var(--dim);width:24px}.lb td:last-child{text-align:right;color:var(--gold2);font-variant-numeric:tabular-nums}.lb tr.me td{color:#9dff9d}.lb-empty{color:var(--dim);font-size:12px}.paragon{display:flex;flex-direction:column;gap:3px}.prow{display:grid;grid-template-columns:1fr 64px 48px 36px 40px;align-items:center;gap:6px;font-size:12px}.prow .pv{color:var(--blue);text-align:right}.prow .pn{color:var(--dim);font-size:11px;text-align:right}.btn.mini{padding:1px 4px;font-size:11px;min-width:0}.stats2{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.lbtabs.mode{justify-content:center;margin:6px 0 10px}.lbtabs.mode .lbtab{font-size:13px;padding:4px 12px}.modline{font-size:12px;color:var(--dim)}.modline b{color:#c9b6ff}.modal .box.settings{min-width:520px;text-align:left}.setrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setrow input[type=range]{width:180px;vertical-align:middle;accent-color:var(--gold)}.sethint{font-size:11px;color:var(--dim);margin:2px 0 6px}body.bigtext .panel,body.bigtext .tip,body.bigtext #notes,body.bigtext .modal .box,body.bigtext #top,body.bigtext #buffs{zoom:1.2}body.cb .cell.q-legendary{color:#ff5ad6;border-color:#a0308a;box-shadow:inset 0 0 10px #ff5ad666}body.cb .cell.q-legendary:after{background:radial-gradient(circle,rgba(255,90,214,.35),transparent 70%)}body.cb .cell.q-set{color:#2ad4ff;border-color:#1f6a8a;box-shadow:inset 0 0 10px #2ad4ff59}body.cb .dragghost.q-legendary{color:#ff5ad6}body.cb .dragghost.q-set{color:#2ad4ff}.rooms{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.roomrow{display:grid;grid-template-columns:1fr auto auto auto auto;gap:8px;align-items:center;font-size:12px;padding:4px 6px;border:1px solid #3a2e22;border-radius:6px;color:var(--dim)}.roomrow b{color:var(--text);font-weight:600}.roomrow .pl{color:var(--gold2);font-variant-numeric:tabular-nums}.badge-new{display:inline-block;font-size:9px;padding:0 5px;border-radius:8px;background:#c03030;color:#fff;vertical-align:middle;letter-spacing:.5px}.box.changelog{max-height:80vh;overflow-y:auto;text-align:left}.box.changelog ul{margin:4px 0 10px 18px;padding:0;font-size:13px;color:var(--text)}.box.changelog li{margin:2px 0}.box.changelog h4.sub{color:var(--gold2);margin:10px 0 2px}.lbtab.hc.sel{color:#ff8a8a;border-color:#c03030;background:#c030302e}.hcnote{color:#ff9a9a;font-size:12px;margin:6px auto 0;max-width:640px}.classpick.hc .classcard{border-color:#6a2a2a}.classpick.hc .classcard h3{color:#ff8a8a}.fallen{margin:14px auto 0;max-width:640px;font-size:12px;color:var(--dim);text-align:left}.fallen h4{margin:0 0 4px;color:#ff8a8a;font-size:13px}.fallen div{padding:2px 0;border-top:1px solid #2e2419}.fallen b{color:var(--text)}.titles{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:8px}.achv{display:flex;flex-direction:column;gap:3px}.arow{display:flex;gap:8px;align-items:flex-start;font-size:12px;padding:4px 6px;border:1px solid #2e2419;border-radius:6px;color:var(--dim)}.arow.on{border-color:#6a5a3a;color:var(--text)}.arow .mark{width:14px;color:var(--dim)}.arow.on .mark{color:var(--gold)}.arow b{font-weight:600}.arow .ttl{color:var(--gold2);font-size:11px}.arow .d{font-size:11px;color:var(--dim)}.loadouts{display:flex;gap:6px;margin-bottom:8px}.lo{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px dashed #5a4630;border-radius:6px;padding:5px 4px;font-size:11px;color:var(--dim)}.lo.on{border-style:solid;border-color:#7a6a4a;color:var(--text)}.lo b{font-size:11px}.lo .loicons{min-height:16px;font-size:13px;letter-spacing:1px}.lo .btn.mini{width:100%}.pslots{display:flex;gap:6px;margin-bottom:8px}.pslot{flex:1;border:1px dashed #5a4630;border-radius:6px;padding:6px 8px;font-size:12px;text-align:center;color:var(--dim)}.pslot.on{border-style:solid;border-color:var(--gold);color:var(--gold2)}.pslot.locked{opacity:.6}.skillrow.passive .ico{font-size:18px}.slotbtn.locked{opacity:.35;cursor:not-allowed}.codein{background:#00000080;color:var(--gold2);border:1px solid #5a4630;border-radius:4px;padding:4px 8px}#emotes{position:absolute;left:12px;bottom:112px;display:flex;gap:4px;align-items:center;z-index:12}#emotes button{font-size:18px;padding:2px 6px;line-height:1.2}#emotes .pinghint{font-size:10px;color:var(--dim);margin-left:6px}#emotes.hidden{display:none}.recap{margin:6px auto 14px;min-width:320px;max-width:460px;text-align:left;font-size:13px;background:#0006;border:1px solid var(--border);border-radius:8px;padding:8px 12px}.recap .by{color:var(--gold2);margin-bottom:6px;font-size:14px}.recap div:not(.by){display:grid;grid-template-columns:1fr 70px 44px;gap:8px;color:var(--dim)}.recap .dmg{color:#ff6a6a;text-align:right}.recap .ago{text-align:right;font-size:11px}
