:root{--ink:#060504;--bg:#0a0807;--panel:#100d0aeb;--panel2:#15110df7;--panel-solid:#15110d;--raise:#1e1813;--raise2:#29211a;--border:#3a3026;--border2:#5e4c36;--bronze:#7a6142;--gold:#c9a35b;--gold2:#f0d48c;--gold3:#fff1c9;--ember:#ff8a3d;--text:#efe7d6;--muted:#a3988a;--dim:#6e665b;--red:#e0402a;--green:#3fd463;--tier1:#c9d2de;--tier2:#f0c050;--tier3:#c070ff;--head:"Cinzel", Georgia, "Times New Roman", serif;--ui:"Inter", "Segoe UI", system-ui, sans-serif;--ease:cubic-bezier(.2, .8, .3, 1);--back:cubic-bezier(.2, .9, .3, 1.25);--frame-shadow:0 22px 60px #000000b3, 0 2px 8px #0009;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .92 0 0 0 0 .8 0 0 0 .055 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--c-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cpath d='M1 25V9L9 1h16' fill='none' stroke='%23c9a35b' stroke-width='1.4'/%3E%3Cpath d='M4.5 25V10.5L10.5 4.5H25' fill='none' stroke='%235e4c36'/%3E%3Cpath d='M5 1.2 8.8 5 5 8.8 1.2 5z' fill='%23f0d48c'/%3E%3C/svg%3E");--c-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cg transform='matrix(-1 0 0 1 26 0)'%3E%3Cpath d='M1 25V9L9 1h16' fill='none' stroke='%23c9a35b' stroke-width='1.4'/%3E%3Cpath d='M4.5 25V10.5L10.5 4.5H25' fill='none' stroke='%235e4c36'/%3E%3Cpath d='M5 1.2 8.8 5 5 8.8 1.2 5z' fill='%23f0d48c'/%3E%3C/g%3E%3C/svg%3E");--c-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cg transform='matrix(1 0 0 -1 0 26)'%3E%3Cpath d='M1 25V9L9 1h16' fill='none' stroke='%23c9a35b' stroke-width='1.4'/%3E%3Cpath d='M4.5 25V10.5L10.5 4.5H25' fill='none' stroke='%235e4c36'/%3E%3Cpath d='M5 1.2 8.8 5 5 8.8 1.2 5z' fill='%23f0d48c'/%3E%3C/g%3E%3C/svg%3E");--c-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cg transform='matrix(-1 0 0 -1 26 26)'%3E%3Cpath d='M1 25V9L9 1h16' fill='none' stroke='%23c9a35b' stroke-width='1.4'/%3E%3Cpath d='M4.5 25V10.5L10.5 4.5H25' fill='none' stroke='%235e4c36'/%3E%3Cpath d='M5 1.2 8.8 5 5 8.8 1.2 5z' fill='%23f0d48c'/%3E%3C/g%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--ui);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow:hidden}#app{position:fixed;inset:0}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}a{color:var(--gold2);border-bottom:1px solid #f0d48c59;text-decoration:none;transition:color .15s,border-color .15s}a:hover{color:#fff6dc;border-color:var(--gold2)}.lobby-col,.journal-body,.char-panel,.settings-panel .set-body,.res-loot,.credits-list,.how-panel{scrollbar-width:thin;scrollbar-color:#5e4c36 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:linear-gradient(#6b5434,#4a3a26) padding-box padding-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-track{background:0 0}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}}@keyframes popIn{0%{opacity:0;transform:translateY(10px)scale(.97)}}.gi{fill:currentColor;vertical-align:-.22em;flex:none;width:1.2em;height:1.2em}.gt{--tsz:40px;--g1:#a9a2b3;--g2:#47414f;--g3:#111014;width:var(--tsz);height:var(--tsz);border-radius:calc(var(--tsz) * .13);background:linear-gradient(180deg, #fff3, #fff0 44%), radial-gradient(135% 115% at 50% 16%, var(--g1) 0%, var(--g2) 48%, var(--g3) 100%);box-shadow:inset 0 0 0 1px #000000e6, inset 0 0 0 2px #fff0d229, inset 0 calc(var(--tsz) * -.24) calc(var(--tsz) * .32) #0000006b, 0 1px 2px #000000b3;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.gt-svg{width:76%;height:76%;overflow:visible}.gt-fg{fill:url(#gi-cream)}.gt.gilded .gt-fg{fill:url(#gi-gold)}.gt-sh{fill:#000000b8}.gt-hl{fill:#fffaeb4d}.gt.s-xs{--tsz:18px;border-radius:3px}.gt.s-xs .gt-hl{display:none}.gt.s-xs .gt-svg{width:82%;height:82%}.gt.s-sm{--tsz:28px}.gt.s-md{--tsz:40px}.gt.s-lg{--tsz:56px}.gt.s-xl{--tsz:88px}.gt.s-xl .gt-svg{filter:drop-shadow(0 3px 5px #0000008c)}.gt.s-fill{--tsz:60px;width:100%;height:100%}.gt.round{border-radius:50%}.t-physical{--g1:#c9a070;--g2:#5e4329;--g3:#170f08}.t-fire{--g1:#ffa040;--g2:#a8300d;--g3:#240502}.t-frost{--g1:#6fd0ff;--g2:#1f5f9c;--g3:#04132a}.t-arcane{--g1:#e08cff;--g2:#6d2aa6;--g3:#160428}.t-holy{--g1:#f2b950;--g2:#8f5f14;--g3:#1f1302}.t-shadow{--g1:#a77cff;--g2:#43207a;--g3:#0c0418}.t-nature{--g1:#a6e66a;--g2:#357524;--g3:#081805}.t-none{--g1:#a9a2b3;--g2:#47414f;--g3:#111014}.t-common{--g1:#b3b3b8;--g2:#4f4e54;--g3:#121114}.t-uncommon{--g1:#5fe07e;--g2:#1d7a37;--g3:#031407}.t-rare{--g1:#5c9dff;--g2:#1d4fa8;--g3:#030f24}.t-epic{--g1:#c27bff;--g2:#6a28ad;--g3:#130426}.t-legendary{--g1:#ffb04a;--g2:#b8580e;--g3:#241002}.t-tier1{--g1:#b9c3d2;--g2:#4f5969;--g3:#0e1116}.t-tier2{--g1:#f0c050;--g2:#8f6512;--g3:#1d1302}.t-tank{--g1:#6f9cff;--g2:#23468f;--g3:#050f22}.t-healer{--g1:#6fe08a;--g2:#217a3a;--g3:#04160a}.t-dps{--g1:#ff7a5e;--g2:#9a2a19;--g3:#1f0503}.t-buff{--g1:#a8d86a;--g2:#4a7a2a;--g3:#0c1706}.t-debuff{--g1:#ff6a5a;--g2:#8c1c14;--g3:#1c0302}.t-gold{--g1:#eec267;--g2:#8e5f1a;--g3:#1c1102}.t-danger{--g1:#ff9a5a;--g2:#96300f;--g3:#1e0603}.t-tier3{background:linear-gradient(#ffffff38,#fff0 44%),radial-gradient(circle at 50% 45%,#14062240,#0e0418d1 92%),conic-gradient(from 210deg,#ff7ad8,#7ab8ff,#c070ff,#ffd76a,#ff7ad8)}.cls-warrior{--cc:#c69b6d}.cls-mage{--cc:#3fc7eb}.cls-hunter{--cc:#aad372}.cls-priest{--cc:#f4f4f4}.cls-druid{--cc:#ff7c0a}.t-class{--g1:color-mix(in srgb, var(--cc,#c9a35b) 34%, #1c1712);--g2:#16120e;--g3:#070605;box-shadow:inset 0 0 0 1px #000000e6, inset 0 0 0 2px color-mix(in srgb, var(--cc,#c9a35b) 45%, transparent), inset 0 calc(var(--tsz) * -.24) calc(var(--tsz) * .32) #0000006b, 0 1px 2px #000000b3}.t-class .gt-fg{fill:var(--cc,#c9a35b)}.btn{--b1:#2b231a;--b2:#16110c;font:700 13px/1.1 var(--head);letter-spacing:.07em;text-transform:uppercase;color:#ead9b5;text-shadow:0 1px 1px #000;background:linear-gradient(var(--b1), var(--b2));cursor:pointer;white-space:nowrap;border:1px solid #000;border-radius:4px;justify-content:center;align-items:center;gap:.55em;padding:10px 18px;transition:color .15s,box-shadow .18s,filter .15s,transform 80ms;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #c9a35b80,inset 0 2px #ffecbe14,0 2px 5px #00000080}.btn .gi{filter:drop-shadow(0 1px 1px #000c);width:1.3em;height:1.3em;margin:-.15em 0}.btn:hover{color:#fff6dc;filter:brightness(1.14);box-shadow:inset 0 0 0 1px #f0d48cf2,inset 0 2px #ffecbe24,0 0 16px #ffa03c38,0 2px 5px #00000080}.btn:active{filter:brightness(.94);transform:translateY(1px);box-shadow:inset 0 0 0 1px #c9a35bb3,inset 0 3px 8px #0009}.btn:focus-visible,.close-x:focus-visible,.keycap:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}.btn:disabled{opacity:.42;cursor:default;filter:grayscale(.6);transform:none;box-shadow:inset 0 0 0 1px #c9a35b4d}.btn.gold{color:#2a1804;text-shadow:0 1px #fff4d28c;background:linear-gradient(#ffe8a8 0%,#e9ba5c 46%,#b47a2a 100%);border-color:#2e1c04;overflow:hidden;box-shadow:inset 0 0 0 1px #fffae1b3,inset 0 -3px #6e3c0873,0 3px 14px #ff8c282e,0 2px 5px #0000008c}.btn.gold .gi{filter:drop-shadow(0 1px #fff4d280)}.btn.gold:hover{color:#1c0f02;box-shadow:inset 0 0 0 1px #fffbe8,inset 0 -3px #6e3c0873,0 0 24px #ffaa3c73,0 2px 5px #0000008c}.btn.gold:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffffa6 48%,#0000 64%) 130% 0/260% 100%;transition:background-position;position:absolute;inset:0}.btn.gold:hover:after{background-position:-60% 0;transition:background-position .75s}.btn.ghost{--b1:#2820188c;--b2:#120e0a8c;box-shadow:inset 0 0 0 1px #c9a35b47,0 1px 3px #00000059}.btn.danger{--b1:#3a1712;--b2:#1c0907;color:#ffc4b4;box-shadow:inset 0 0 0 1px #dc5a3c99,0 2px 5px #00000080}.btn.danger:hover{box-shadow:inset 0 0 0 1px #ff8264f2,0 0 16px #ff46284d}.btn.big{padding:14px 30px;font-size:17px}.btn.small{padding:7px 12px;font-size:11px}.btn.tiny{letter-spacing:.05em;padding:5px 9px;font-size:10px}.btn.wide{width:100%}.linkish{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:0}.linkish:hover{color:var(--gold2);border-bottom-color:#f0d48c66}.close-x{cursor:pointer;background:radial-gradient(circle at 50% 35%,#2e251c,#120e0a);border:1px solid #000;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;transition:box-shadow .15s,transform .12s;display:inline-flex;box-shadow:inset 0 0 0 1px #c9a35b8c,0 2px 4px #00000080}.close-x svg{stroke:#e2cfa4;stroke-width:2.2px;stroke-linecap:round;fill:none;width:14px;height:14px;transition:stroke .15s}.close-x:hover{box-shadow:inset 0 0 0 1px var(--gold2), 0 0 12px #ffaa4659;transform:rotate(90deg)}.close-x:hover svg{stroke:#fff4d6}.keycap{min-width:56px;color:var(--gold2);font:800 12px var(--ui);cursor:pointer;background:linear-gradient(#2a221a,#120e0a);border:1px solid #000;border-bottom-width:3px;border-radius:5px;padding:4px 8px;transition:box-shadow .15s,transform 80ms,color .15s;box-shadow:inset 0 0 0 1px #c9a35b73,inset 0 1px 0 1px #fff0c80f}.keycap:hover{box-shadow:inset 0 0 0 1px var(--gold2), 0 0 10px #ffbe5a40}.keycap:active{transform:translateY(1px)}.keycap.listening{color:#fff;animation:.9s ease-in-out infinite keycapPulse;box-shadow:inset 0 0 0 1px #6ac8ff}.keycap.flash{animation:.6s ease-out keycapFlash}@keyframes keycapPulse{50%{box-shadow:inset 0 0 0 1px #6ac8ff,0 0 12px #6ac8ffb3}}@keyframes keycapFlash{0%{box-shadow:inset 0 0 0 1px var(--gold2), 0 0 14px #f3d58ae6}}.keycap-mini{min-width:22px;height:22px;font:800 11px var(--ui);color:var(--gold2);background:linear-gradient(#2a221a,#120e0a);border:1px solid #000;border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex;box-shadow:inset 0 0 0 1px #c9a35b73}input.switch{appearance:none;cursor:pointer;background:linear-gradient(#0c0907,#1d1712);border:1px solid #000;border-radius:11px;flex:none;width:42px;height:22px;margin:0;transition:background .2s,box-shadow .2s;position:relative;box-shadow:inset 0 0 0 1px #c9a35b59,inset 0 2px 4px #0009}input.switch:after{content:"";width:16px;height:16px;transition:transform .2s var(--back), background .2s;background:linear-gradient(#cbbfa8,#7d725f);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0009}input.switch:checked{background:linear-gradient(#6b4a14,#a87a2a);box-shadow:inset 0 0 0 1px #ffdc8cb3,0 0 10px #ffb44640}input.switch:checked:after{background:linear-gradient(#fff6d8,#e8c06a);transform:translate(20px)}input.switch:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}input[type=range]{--v:50%;appearance:none;background:linear-gradient(90deg, #e2b458 0, #b07a28 var(--v), #0d0a07 var(--v)) no-repeat;cursor:pointer;border:1px solid #000;border-radius:4px;outline:none;height:8px;box-shadow:inset 0 0 0 1px #c9a35b4d}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 40% 35%,#fff6d8,#d8a648 60%,#8a5a18);border:1px solid #2a1804;border-radius:50%;width:18px;height:18px;transition:transform .12s;box-shadow:0 0 0 2px #00000080,0 2px 5px #0009}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 40% 35%,#fff6d8,#d8a648 60%,#8a5a18);border:1px solid #2a1804;border-radius:50%;width:16px;height:16px}input[type=radio]{appearance:none;cursor:pointer;background:#0d0a07;border:1px solid #000;border-radius:50%;flex:none;width:18px;height:18px;margin:2px 0 0;box-shadow:inset 0 0 0 1px #c9a35b80}input[type=radio]:checked{box-shadow:inset 0 0 0 1px var(--gold2), 0 0 8px #ffbe5a66;background:radial-gradient(circle,#fff1c2 0 3px,#d8a648 4px 5px,#0d0a07 6px)}input[type=checkbox]:not(.switch){accent-color:var(--gold)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px 18px}.panel h2{font:700 14px var(--head);letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);text-shadow:0 1px 2px #000;align-items:center;gap:12px;margin:0 0 12px;display:flex}.panel h2:after{content:"";background:linear-gradient(90deg,#c9a35b99,#0000);flex:1;height:1px}.panel h3,.rule{font:700 10.5px var(--ui);color:var(--muted);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:10px;margin:14px 0 8px;display:flex}.panel h3:after,.rule:before,.rule:after{content:"";background:linear-gradient(90deg,#c9a35b59,#0000);flex:1;height:1px}.rule:before{background:linear-gradient(90deg,#0000,#c9a35b59)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#0806048c,#030201d1);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.screen .modal-backdrop{position:fixed}.menu-panel{background:var(--panel2);border:1px solid var(--border2);min-width:300px;max-width:560px;max-height:92vh;animation:popIn .28s var(--back);border-radius:6px;flex-direction:column;gap:10px;padding:24px 28px;display:flex}.menu-title{font:700 24px var(--head);letter-spacing:.06em;color:var(--gold2);text-align:center;text-shadow:0 2px 8px #000,0 0 24px #ffb4502e;justify-content:center;align-items:center;gap:10px;margin-bottom:4px;display:flex}.title-glyph{color:var(--gold);display:inline-flex}.title-glyph .gi{vertical-align:0;width:26px;height:26px}.panel-top{align-items:center;gap:12px;margin-bottom:4px;display:flex}.panel-top .menu-title{flex:1;justify-content:flex-start;margin:0}.frame{background-color:var(--panel-solid);background-image:var(--c-tl), var(--c-tr), var(--c-bl), var(--c-br), linear-gradient(180deg, #ffe2aa0e, transparent 140px), radial-gradient(130% 70% at 50% 0%, #8c5a281a, transparent 70%), var(--grain);box-shadow:inset 0 0 0 1px #c9a35b66, inset 0 0 0 2px #0000008c, inset 0 0 60px #0006, var(--frame-shadow);background-position:3px 3px,right 3px top 3px,left 3px bottom 3px,right 3px bottom 3px,0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat;background-size:26px 26px,26px 26px,26px 26px,26px 26px,auto,auto,180px 180px;border:1px solid #000;border-radius:6px;position:relative}.pause-panel{text-align:center;align-items:stretch;width:320px}.pause-panel.wide{width:min(620px,94vw)}.pause-sub{color:var(--muted);margin:-6px 0 8px;font-size:12px;font-style:italic}.pause-panel .btn{justify-content:flex-start}.pause-panel .btn.gold{justify-content:center}.controls-list{color:#ddd2bf;text-align:left;max-height:46vh;margin-top:6px;padding-right:4px;font-size:13px;line-height:1.55;overflow:auto}.controls-list div,.how-keys div{margin:3px 0}.controls-list b,.how-keys b{color:var(--gold2)}.controls-foot{color:var(--muted);font-size:12px}.tooltip:not(.hidden){animation:.12s ease-out ttIn}@keyframes ttIn{0%{opacity:0;transform:translateY(4px)}}.tooltip{z-index:1000;pointer-events:none;background:linear-gradient(#ffe2aa0f,#0000 60px),#0c0907f7;border:1px solid #000;border-radius:5px;max-width:340px;padding:10px 12px;font-size:13px;line-height:1.45;position:fixed;box-shadow:inset 0 0 0 1px #c9a35b80,0 10px 30px #000000a6}.tt-head{align-items:center;gap:10px;margin-bottom:7px;display:flex}.tt-title{font:700 15px var(--head);color:var(--gold2)}.tt-title.tt-debuff{color:#ff9a86}.tt-key{font:700 11px var(--ui);color:#1a1206;vertical-align:middle;background:linear-gradient(#f6d98c,#c99a3a);border-radius:3px;margin-left:4px;padding:1px 6px}.tt-sub{color:var(--muted);font-size:11px}.tt-body{color:#ddd2c0}.tt-body b.v{color:#fff}.tt-body .sc{color:#c9b28a;font-size:11px}.tt-body i{color:#8fe0a0;font-style:normal}.tt-foot{color:var(--muted);border-top:1px solid #c9a35b33;margin-top:7px;padding-top:6px;font-size:11px}.tt-stat{color:#e8e8e8}.tt-row{justify-content:space-between;gap:18px;display:flex}.up{color:#5fe07a}.down{color:#ff6a5a}.tt-rank{font:700 11px var(--ui);color:var(--gold2);align-items:center;gap:8px;margin:-1px 0 6px;display:flex}.tt-rank.unlearned{color:#b8aea0}.tt-pips{gap:2px;display:flex}.tt-pip{background:#231c14;border:1px solid #4a3e30;border-radius:1.5px;width:9px;height:5px}.tt-rank.ult .tt-pip{width:14px}.tt-pip.on{background:linear-gradient(#fff0b8,#e0a83a);border-color:#ffe39a}.tt-rank.ult .tt-pip.on{background:linear-gradient(#ffd27a,#e07a1a);border-color:#ffc46a}.tt-next{color:#d8cfc0;border-top:1px solid #c9a35b33;margin-top:7px;padding-top:6px;font-size:11.5px}.tt-next b{color:var(--gold2)}.tt-next.max{color:var(--gold2);font-weight:700}.tt-why{color:#ff8a6a;font-weight:600}.tt-how{color:var(--gold2);margin-top:2px;font-weight:600}.tt-how .tt-key{margin-left:0}.tt-wait{color:var(--muted);margin-top:2px}.tt-plus{border:1px solid var(--gold2);color:#fff3c8;width:15px;height:14px;font:900 12px/12px var(--ui);text-align:center;vertical-align:middle;background:#3a2a10;border-radius:3px;display:inline-block}.tt-stats{margin-top:6px}.tt-hero-lvl{color:var(--gold2)}.tt-unique{color:#ffb347;margin-top:6px;font-size:12px}.tt-preview{color:var(--gold2);font-weight:700}.tier-text1{color:var(--tier1)!important}.tier-text2{color:var(--tier2)!important}.tier-text3{color:var(--tier3)!important}.tt-why.tt-block{margin:-2px 0 6px}.tt-req{color:#ff5a4a;font-size:12px;font-weight:600}.tt-req:last-of-type{margin-bottom:5px}.tt-deny{color:#ffd6ca;background:#78160a99;border-radius:4px;margin:-3px -5px 8px;padding:4px 8px;font-size:12px;font-weight:700;animation:.45s ease-out ttDeny;box-shadow:inset 0 0 0 1px #ff6e50a6}@keyframes ttDeny{0%{background:#e63c1ef2;transform:translate(-3px)}40%{transform:translate(3px)}}.tt-learn{color:#6fe08a;font-weight:700}.tt-talent-rank{font-weight:700}.tt-talent-rank.some{color:#6fe08a}.tt-talent-rank.max{color:var(--gold2)}.tt-spell{color:var(--muted);align-items:center;gap:6px;margin-top:7px;font-size:11.5px;display:flex}.tt-spell b{color:var(--gold2)}.tt-rot{border-top:1px solid #c9a35b33;margin-top:8px;padding-top:7px}.tt-rot-head{align-items:center;gap:8px;display:flex}.tt-rot-head b{font:700 13px var(--head);color:var(--rc)}.tt-rot-head span{color:var(--muted);font-size:11px}.tt-rot-hint{color:#ddd2c0;margin-top:4px;font-size:12.5px}.tt-rot-uses{color:var(--muted);margin-top:4px;font-size:11px}.tt-rot-uses b{color:var(--gold3);font-weight:600}.rot-mini{vertical-align:middle;flex:none;align-items:center;gap:4px;padding:0 2px;display:inline-flex}.rot-mini i{background:#15100c;border-radius:1.5px;width:7px;height:7px;rotate:45deg;box-shadow:0 0 0 1px #000000e6,inset 0 0 0 1px #fff0d21a}.rot-mini i.on{background:radial-gradient(circle at 30% 30%, #fff 0, color-mix(in srgb, var(--rc) 70%, #fff) 25%, var(--rc) 60%, color-mix(in srgb, var(--rc) 55%, #000));box-shadow:0 0 0 1px #000000e6, 0 0 5px color-mix(in srgb, var(--rc) 65%, transparent)}.loading-screen{z-index:3000;cursor:progress;background:radial-gradient(70% 55% at 50% 110%,#ff6e1e33,#0000 70%),radial-gradient(80% 60% at 50% 40%,#1a130d,#060403 75%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0;overflow:hidden}.loading-screen.theme-crypt{background:radial-gradient(70% 55% at 50% 110%,#ff5a1447,#0000 70%),radial-gradient(80% 60% at 50% 40%,#1d120c,#060302 75%)}.loading-screen.theme-ice{background:radial-gradient(70% 55% at 50% 110%,#5ab4ff38,#0000 70%),radial-gradient(80% 60% at 50% 40%,#0e1622,#03060b 75%)}.loading-screen.out{opacity:0;pointer-events:none}.ld-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 200px #000000d9}.ld-heading{text-align:center;animation:fadeUp .7s var(--ease) both;margin-top:-10vh;position:relative}.ld-logo{animation:6s ease-in-out .4s infinite logoShine,3.2s ease-in-out infinite logoGlow!important}.ld-emblem{justify-content:center;margin-bottom:18px;display:flex}.ld-emblem .gt{animation:4s ease-in-out infinite emblemFloat;box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 0 2px #fff0d238,0 0 0 3px #0b0806,0 0 0 4px #c9a35bb3,0 0 50px #ff963c59}.theme-ice .ld-emblem .gt{box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 0 2px #dcf0ff38,0 0 0 3px #05080c,0 0 0 4px #96c8f0b3,0 0 50px #5ab4ff59}@keyframes emblemFloat{50%{transform:translateY(-6px)}}.ld-title{font:900 clamp(30px, 4.4vw, 58px) var(--head);letter-spacing:.06em;background:linear-gradient(#fff3d0,#e9b863 55%,#9a5a1c);color:#0000;filter:drop-shadow(0 4px 12px #000c);-webkit-background-clip:text;background-clip:text}.theme-ice .ld-title{background:linear-gradient(#f4fbff,#9fd4ff 55%,#3a74b0);-webkit-background-clip:text;background-clip:text}.ld-sub{font:600 14px var(--head);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:8px}.ld-bottom{width:min(680px,82vw);animation:.6s .15s both fadeIn;position:absolute;bottom:max(48px,9vh);left:50%;transform:translate(-50%)}.ld-row{font:600 11px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:#c9b893;justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.ld-pct{font:700 13px var(--head);color:var(--gold2);font-variant-numeric:tabular-nums}.ld-bar{background:linear-gradient(#060403,#15100b);border:1px solid #000;border-radius:3px;height:14px;padding:2px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a35b8c,0 0 0 1px #0009,0 6px 20px #0009}.ld-fill{width:0;height:100%;transition:width .35s var(--ease);background:linear-gradient(#ffe39a,#e0952a 55%,#9a4a0e);border-radius:1px;box-shadow:0 0 12px #ffa032a6,inset 0 1px #ffffff80}.theme-ice .ld-fill{background:linear-gradient(#e6f6ff,#6fc0ff 55%,#2a5f9e);box-shadow:0 0 12px #6ebeff99,inset 0 1px #ffffff80}.ld-glint{pointer-events:none;background:linear-gradient(100deg,#0000 40%,#ffffff38 50%,#0000 60%) 0 0/250% 100%;animation:2.2s linear infinite glint;position:absolute;inset:0}@keyframes glint{0%{background-position:150% 0}to{background-position:-50% 0}}.ld-tip{color:#d9ccb4;align-items:flex-start;gap:12px;min-height:42px;margin-top:18px;font-size:14px;line-height:1.5;display:flex}.ld-tip b{color:var(--gold2)}.ld-tip-tag{font:700 10px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);background:#c9a35b24;border-radius:3px;flex:none;align-items:center;gap:5px;padding:3px 8px 3px 6px;display:inline-flex;box-shadow:inset 0 0 0 1px #c9a35b73}.ld-tip-tag .gi{width:14px;height:14px}.ld-tip-text.in{animation:fadeUp .5s var(--ease)}.screen{background:radial-gradient(at 50% 120%,#ff6e1e33,#0000 60%),radial-gradient(at 50% -20%,#78503238,#0000 60%),linear-gradient(#0d0a08,#050403);animation:.45s fadeIn;position:fixed;inset:0;overflow:auto}.title{justify-content:center;align-items:center;display:flex}.title-bg{pointer-events:none;background:radial-gradient(50% 38% at 50% 92%,#ff782847,#0000 70%),radial-gradient(35% 30% at 18% 30%,#78461e1f,#0000 70%),radial-gradient(35% 30% at 82% 26%,#78461e1a,#0000 70%);animation:18s ease-in-out infinite alternate titleDrift;position:fixed;inset:-10%}@keyframes titleDrift{to{transform:translateY(-2%)scale(1.05)}}.title-vignette{pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 220px #000000e6}.title-wrap{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:900px;padding:24px 24px 80px;display:flex;position:relative}.title-embers{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.title-crest{animation:fadeUp .9s var(--ease) both, emblemFloat 5s ease-in-out 1s infinite;margin-bottom:10px}.title-crest .gt{box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 0 2px #fff0d233,0 0 0 3px #0b0806,0 0 0 4px #c9a35bbf,0 0 60px #ff8c3266}.logo{white-space:nowrap;font:900 clamp(40px, 7.2vw, 104px) var(--head);letter-spacing:.08em;background:linear-gradient(110deg,#0000 40%,#fffff0d9 50%,#0000 60%) 0 0/300% 100% no-repeat,linear-gradient(#fff0b8,#e8a03a 58%,#8a3a10);color:#0000;filter:drop-shadow(0 0 30px #ff781e59)drop-shadow(0 4px 2px #000000e6);animation:logoIn 1.2s var(--ease) backwards, logoShine 6s ease-in-out 1.2s infinite, logoGlow 3.2s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;padding:0 .12em;line-height:1.05;display:inline-block}@keyframes logoIn{0%{opacity:0;letter-spacing:.3em}}@keyframes logoShine{0%,60%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}@keyframes logoGlow{50%{filter:drop-shadow(0 0 44px #ff82288c)drop-shadow(0 4px 2px #000000e6)}}.tagline{font:600 15px var(--head);color:#b8a88c;letter-spacing:.34em;text-transform:uppercase;justify-content:center;align-items:center;gap:14px;margin:6px 0 38px;animation:1s .5s backwards fadeUp;display:flex}.tagline:before,.tagline:after{content:"";background:linear-gradient(90deg,#0000,#c9a35bb3);width:60px;height:1px}.tagline:after{background:linear-gradient(90deg,#c9a35bb3,#0000)}.title-menu{flex-direction:column;gap:10px;width:300px;animation:.9s .8s backwards fadeUp;display:flex}.title-menu .btn{width:100%}.title-menu .menu-btn{justify-content:flex-start;padding-left:22px}.title-menu .title-play{margin-bottom:6px;padding:16px 30px;font-size:19px}.title-menu .menu-reset{opacity:.7;align-self:center;width:auto;margin-top:8px}.title-menu .menu-reset:hover{opacity:1}.title-foot{z-index:1;color:#6f6558;background:linear-gradient(#0000,#00000080);justify-content:space-between;gap:20px;padding:14px 22px;font-size:12px;animation:1s 1.2s backwards fadeIn;display:flex;position:fixed;bottom:0;left:0;right:0}.how-panel{width:min(720px,94vw);max-width:none;overflow:auto}.how-body{color:#ddd2bf;font-size:14px;line-height:1.6}.how-body p{margin:6px 0}.how-body b{color:var(--gold2)}.how-keys{color:#d8cdb8;max-height:none;font-size:13px;line-height:1.55}.lobby{background:radial-gradient(70% 50% at 50% 110%,#ff6e1e29,#0000 70%),radial-gradient(at 50% -10%,#78503233,#0000 60%),linear-gradient(#0d0a08,#050403);justify-content:center;align-items:center;display:flex}.lobby-wrap{grid-template-rows:auto minmax(0,1fr);gap:12px;width:100%;max-width:1480px;height:min(100vh,900px);padding:14px 20px 16px;display:grid}.lobby-header{align-items:center;gap:14px;display:flex}.lobby-title{font:700 24px var(--head);letter-spacing:.08em;color:var(--gold2);text-shadow:0 2px 8px #000,0 0 24px #ffb45033;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.lobby-title:before,.lobby-title:after{content:"";background:linear-gradient(90deg,#0000,#c9a35bbf);width:min(140px,8vw);height:1px}.lobby-title:after{background:linear-gradient(90deg,#c9a35bbf,#0000)}.lobby-meta{gap:8px;display:flex}.lobby-meta>span{font:700 14px var(--head);color:var(--gold2);cursor:default;background:#0c0907cc;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex;box-shadow:inset 0 0 0 1px #c9a35b59}.lobby-meta .gi{width:18px;height:18px;color:var(--gold)}.lobby-cols{grid-template-columns:minmax(430px,1.4fr) minmax(300px,1fr) minmax(300px,1fr);gap:14px;min-height:0;display:grid}.lobby-col{flex-direction:column;min-height:0;padding:16px 18px;display:flex;overflow:hidden auto}.lobby-wrap.intro .lobby-col{animation:fadeUp .55s var(--ease) both}.lobby-wrap.intro .lobby-col:nth-child(2){animation-delay:80ms}.lobby-wrap.intro .lobby-col:nth-child(3){animation-delay:.16s}.lobby-wrap.intro .lobby-header{animation:.5s both fadeIn}@media (max-width:1100px){.lobby{display:block}.lobby-wrap{height:auto}.lobby-cols{grid-template-columns:1fr 1fr}.lobby-col{overflow:visible}.dungeon-panel{grid-column:1/-1}}@media (max-width:760px){.lobby-cols{grid-template-columns:1fr}.lobby-title:before,.lobby-title:after{display:none}}.class-tiles{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.class-tile{min-width:0;color:var(--text);font-family:var(--ui);cursor:pointer;background:linear-gradient(#1e1813,#120e0b);border:1px solid #000;border-radius:5px;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 7px;transition:box-shadow .18s,transform .12s,background .18s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #c9a35b38}.ct-icon{display:inline-flex;position:relative}.class-tile .gt{--tsz:36px;transition:transform .18s var(--back)}.class-tile:hover .gt{transform:scale(1.06)}.class-tile:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cc) 70%, transparent), 0 4px 14px #0006;transform:translateY(-1px)}.class-tile.sel{background:linear-gradient(color-mix(in srgb, var(--cc) 18%, #1e1813), #120e0b);box-shadow:inset 0 0 0 1px var(--cc), 0 0 18px color-mix(in srgb, var(--cc) 30%, transparent)}.class-tile.sel:after{content:"";background:var(--cc);height:2px;box-shadow:0 0 8px var(--cc);position:absolute;bottom:-1px;left:10%;right:10%}.ct-name{max-width:100%;font:700 12.5px var(--head);letter-spacing:.03em;color:var(--cc);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ct-level{min-width:19px;height:17px;font:800 10px/17px var(--ui);color:var(--gold2);text-align:center;background:#0b0806;border-radius:4px;padding:0 4px;position:absolute;bottom:-5px;right:-7px;box-shadow:inset 0 0 0 1px #f3d58aa6,0 1px 3px #000000b3}.hero-showcase{grid-template-columns:168px 1fr;align-items:stretch;gap:14px;margin-top:12px;display:grid}.portrait-box.lobby-portrait{width:168px;height:214px}.lp-caption{text-align:center;font:600 11px var(--ui);color:#cfc2ac;pointer-events:none;background:linear-gradient(#0000,#000000b3);padding:18px 6px 6px;position:absolute;bottom:0;left:0;right:0}.lp-caption b{color:var(--gold2);font-family:var(--head)}.showcase-side{flex-direction:column;gap:8px;min-width:0;display:flex}.class-desc{color:#cfc3b0;font-size:12.5px;line-height:1.5}.spec-cards{flex-direction:column;gap:7px;display:flex}.spec-card{text-align:left;font-family:var(--ui);color:var(--text);cursor:pointer;background:linear-gradient(#1b1611,#120e0b);border:1px solid #000;border-radius:5px;padding:8px 10px;transition:box-shadow .15s,background .15s;box-shadow:inset 0 0 0 1px #c9a35b2e}.spec-card:hover{box-shadow:inset 0 0 0 1px #c9a35b8c}.spec-card.sel{box-shadow:inset 0 0 0 1px var(--gold), 0 0 14px #ffbe5a1f;background:linear-gradient(#2a2117,#17120d)}.sc-head{align-items:center;gap:8px;display:flex}.sc-icon{display:inline-flex}.sc-name{font:700 14px var(--head);color:var(--gold3)}.sc-desc{color:var(--muted);margin-top:4px;font-size:11.5px;line-height:1.4}.role-tag{font:700 9.5px var(--ui);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:10px;align-items:center;gap:4px;margin-left:auto;padding:2px 8px 2px 5px;display:inline-flex}.role-tag .gi{width:12px;height:12px}.role-tank{color:#bcd6ff;background:#2850a066;box-shadow:inset 0 0 0 1px #6ea0ff73}.role-healer{color:#bff7c9;background:#1e6e3266;box-shadow:inset 0 0 0 1px #6ee68c73}.role-dps{color:#ffcbbd;background:#8c281966;box-shadow:inset 0 0 0 1px #ff826473}.kit{justify-content:space-between;gap:6px;display:flex}.kit-slot{cursor:help;flex-direction:column;align-items:center;width:76px;display:flex;position:relative}.kit-slot .gt{--tsz:52px;transition:transform .15s var(--back), box-shadow .15s}.kit-slot:hover .gt{transform:translateY(-2px)scale(1.05)}.kit-slot.ult .gt{box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 0 2px #ffdc8c59,0 0 0 1px #c9a35bcc,0 0 12px #ffb44640}.kit-key{z-index:1;min-width:16px;height:16px;font:800 10px/16px var(--ui);text-align:center;color:var(--gold2);background:#0d0a07;border-radius:3px;padding:0 3px;position:absolute;top:-5px;left:6px;box-shadow:inset 0 0 0 1px #c9a35b99}.kit-name{text-align:center;color:#d8ccb6;margin-top:5px;font-size:10.5px;line-height:1.25}.sum-rows{flex-direction:column;gap:6px;display:flex}.sum-row{align-items:center;gap:5px;display:flex}.sum-key{font:800 12px var(--ui);color:var(--gold2);text-align:center;width:16px}.sum-btn{cursor:pointer;opacity:.5;filter:saturate(.55);background:0 0;border:0;border-radius:6px;padding:0;transition:opacity .15s,filter .15s,transform .12s}.sum-btn .gt{--tsz:36px}.sum-btn:hover{opacity:.95;filter:none;transform:translateY(-1px)}.sum-btn.sel{opacity:1;filter:none}.sum-btn.sel .gt{box-shadow:inset 0 0 0 1px #000000e6, inset 0 0 0 2px #fff0d233, 0 0 0 2px var(--gold2), 0 0 10px #ffbe5a80}.hero-btns{background:linear-gradient(#100d0a00,#100d0af7 10px);gap:8px;margin-top:auto;margin-bottom:-16px;padding:10px 0 16px;display:flex;position:sticky;bottom:0}.hero-btns .char-btn{flex:1;min-width:0}.hero-btns .char-btn span{text-overflow:ellipsis;min-width:0;overflow:hidden}.sum-rows{margin-bottom:14px}.sc-rot{color:#b9ad9a;align-items:flex-start;gap:7px;margin-top:5px;font-size:11px;line-height:1.4;display:flex}.sc-rot .rot-mini{margin-top:3px}.sc-rot b{color:color-mix(in srgb, var(--rc) 80%, #fff)}.sc-rot span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.spec-card:not(.sel) .sc-rot{opacity:.75}.btn.has-points{box-shadow:inset 0 0 0 1px #6ee68ccc,0 0 14px #50dc6e2e,0 2px 5px #00000080}.btn-badge{min-width:20px;height:20px;font:800 11px/20px var(--ui);letter-spacing:0;color:#04260d;text-shadow:none;text-transform:none;background:radial-gradient(circle at 50% 30%,#a8ffb6,#2f9e4a 75%);border-radius:10px;padding:0 5px;animation:1.8s ease-in-out infinite badgePulse;position:absolute;top:-8px;right:-8px;box-shadow:0 0 0 1px #000,0 0 10px #50e66ea6}@keyframes badgePulse{50%{box-shadow:0 0 0 1px #000,0 0 16px #6eff8cf2}}.you-card,.bot-card{background:linear-gradient(90deg, color-mix(in srgb, var(--cc) 12%, transparent), transparent 60%), linear-gradient(#1b1611, #120e0b);box-shadow:inset 0 0 0 1px #c9a35b2e, inset 3px 0 0 var(--cc);border:1px solid #000;border-radius:5px;margin-bottom:8px;padding:8px 10px 9px 12px;position:relative}.bot-card.off{--cc:#3a3229;background:linear-gradient(#141009,#0e0b08)}.bot-head{justify-content:space-between;align-items:center;display:flex}.bot-label{font:700 9.5px var(--ui);color:var(--dim);text-transform:uppercase;letter-spacing:.14em}.bot-name{font:700 14px var(--head);color:var(--gold3);align-items:center;gap:7px;min-width:0;margin:5px 0 6px;display:flex}.bot-emblem{display:inline-flex}.bot-emblem .gt{--tsz:24px}.bot-tag{font:700 9px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-radius:3px;padding:1px 5px;box-shadow:inset 0 0 0 1px #a3988a59}.you-spec{font:500 11px var(--ui);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bot-picks{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bot-classes{gap:4px;display:flex}.bot-class{width:30px;height:28px;color:color-mix(in srgb, var(--cc) 60%, #6e665b);cursor:pointer;background:linear-gradient(#1e1813,#110d0a);border:1px solid #000;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:color .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #c9a35b2e}.bot-class .gi{vertical-align:0;width:18px;height:18px}.bot-class:hover{color:var(--cc)}.bot-class.sel{color:var(--cc);box-shadow:inset 0 0 0 1px var(--cc), 0 0 8px color-mix(in srgb, var(--cc) 40%, transparent)}.bot-specs{flex-wrap:wrap;gap:4px;display:flex}.bot-spec{font:600 11px var(--ui);color:var(--muted);cursor:pointer;background:linear-gradient(#1e1813,#110d0a);border:1px solid #000;border-radius:14px;align-items:center;gap:4px;padding:4px 10px 4px 7px;transition:color .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #c9a35b2e}.bot-spec .gi{vertical-align:0;width:13px;height:13px}.bot-spec:hover{color:var(--text)}.bot-spec.sel{color:var(--gold3);box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(#3a2c16,#1d150b)}.bot-empty{color:var(--dim);margin-top:4px;font-size:12px}.warn{flex-direction:column;gap:4px;margin:10px 0 4px;display:flex}.warn-row{color:#ffd29a;align-items:flex-start;gap:7px;font-size:12px;line-height:1.4;display:flex}.warn-row .gi{color:#f0a040;width:15px;height:15px;margin-top:1px}.party-note{color:var(--dim);margin-top:auto;padding-top:10px;line-height:1.45}.you-card.friend.off{opacity:.55}.net-box{background:linear-gradient(#17130e,#100d0a);border:1px solid #000;border-radius:5px;flex-direction:column;gap:7px;margin-top:auto;padding:10px 12px;line-height:1.4;display:flex;box-shadow:inset 0 0 0 1px #c9a35b38}.net-title{font:700 12px var(--ui);color:var(--gold2);text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.net-code-big{font:800 16px var(--ui);letter-spacing:.22em;color:var(--gold3)}.net-title .btn{margin-left:auto}.net-row{gap:8px;display:flex}.net-row .btn{flex:1}.net-code{width:96px;font:800 14px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold3);border:1px solid var(--border2);background:#0b0907;border-radius:4px;outline:none;flex:none;padding:5px 8px}.net-code:focus{border-color:var(--gold)}.net-error{font:600 12px var(--ui);color:#ff8a6a}.net-waiting{color:var(--muted);font:600 12.5px var(--ui);flex-direction:column;gap:8px;display:flex}.net-waiting b{color:var(--gold2)}.dungeon-panel.theme-crypt{background-image:var(--c-tl), var(--c-tr), var(--c-bl), var(--c-br), radial-gradient(120% 50% at 50% 0%, #a0320f38, transparent 75%), radial-gradient(130% 70% at 50% 0%, #8c5a281a, transparent 70%), var(--grain)}.dungeon-panel.theme-ice{background-image:var(--c-tl), var(--c-tr), var(--c-bl), var(--c-br), radial-gradient(120% 50% at 50% 0%, #286eb43d, transparent 75%), radial-gradient(130% 70% at 50% 0%, #8c5a2814, transparent 70%), var(--grain)}.dungeon-cards{flex-direction:column;gap:8px;display:flex}.dungeon-card{text-align:left;font-family:var(--ui);color:var(--text);cursor:pointer;filter:saturate(.7)brightness(.85);border:1px solid #000;border-radius:5px;align-items:flex-start;gap:12px;padding:10px 12px;transition:box-shadow .18s,transform .12s,filter .18s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #c9a35b33}.dungeon-card.theme-crypt{background:linear-gradient(110deg,#82220a73,#120d0af2 70%)}.dungeon-card.theme-ice{background:linear-gradient(110deg,#2464a073,#0c0f16f2 70%)}.dungeon-card:hover{filter:none;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #c9a35b8c,0 6px 18px #00000073}.dungeon-card.sel{filter:none;box-shadow:inset 0 0 0 1px var(--gold), 0 0 22px #ffbe5a29}.dungeon-card.sel:before{content:"";background:var(--gold2);width:3px;box-shadow:0 0 10px var(--gold);border-radius:2px;position:absolute;top:10px;bottom:10px;left:-1px}.dg-emblem .gt{--tsz:48px}.dg-text{flex-direction:column;gap:3px;min-width:0;display:flex}.dg-name{font:700 17px var(--head);color:#ffbf80;text-shadow:0 1px 3px #000}.theme-ice .dg-name{color:#b2deff}.dg-desc{color:#bdb1a0;font-size:12px;line-height:1.4}.dg-bosses{color:#d8c4a8;align-items:flex-start;gap:5px;font-size:11.5px;display:flex}.dg-bosses .gi{color:#ff8a5a;flex:none;width:14px;height:14px;margin-top:1px}.dg-best{font:600 11px var(--ui);color:var(--gold2)}.dg-best.none{color:var(--dim)}.dg-settings{background:#0806048c;border-radius:5px;margin-top:12px;padding:12px;box-shadow:inset 0 0 0 1px #c9a35b29}.dl-picker{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.dl-btn{min-width:0;font:800 13px var(--head);letter-spacing:.04em;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;display:flex}.dl-btn small{font:600 9.5px/1.2 var(--ui);letter-spacing:0;color:var(--muted);white-space:normal}.dl-btn.sel{color:var(--gold2);box-shadow:inset 0 0 0 1px var(--gold), 0 0 14px #ffbe5a40}.dl-btn.locked{opacity:.5;cursor:not-allowed}.dl-rewards{text-align:center;font:600 11.5px var(--ui);color:var(--gold2);margin-top:8px}.dg-rec{text-align:center;color:var(--muted);margin-top:8px;font-size:12px}.dg-rec.hard{color:#ff9a7a}.affix-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:10px;display:flex}.affix-label{text-align:center;width:100%;font:700 10px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.affix-chip{font:600 11.5px var(--ui);color:#ffd2b8;cursor:help;background:#6e201459;border-radius:12px;align-items:center;gap:5px;padding:2px 9px 2px 3px;display:inline-flex;box-shadow:inset 0 0 0 1px #dc6e4680}.affix-chip .gt{border-radius:50%}.affix-chip.small{padding:1px 7px 1px 2px;font-size:10.5px}.affix-chip.small .gt{--tsz:15px}.dg-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:14px;display:flex}.enter-btn{padding:16px 20px;font-size:18px}.enter-btn .gi{width:1.4em;height:1.4em}@media (max-height:780px) and (min-width:1101px){.lobby-wrap{gap:10px;padding:10px 16px 12px}.lobby-title{font-size:21px}.lobby-col{padding:13px 15px}.panel h2{margin-bottom:9px}.panel h3{margin:10px 0 6px}.hero-showcase{grid-template-columns:150px 1fr;margin-top:9px}.portrait-box.lobby-portrait{width:150px;height:196px}.class-desc{font-size:12px;line-height:1.4}.spec-card{padding:6px 9px}.sc-desc{font-size:11px}.sc-rot span{-webkit-line-clamp:2}.kit-slot .gt{--tsz:46px}.sum-btn .gt{--tsz:32px}.sum-rows{margin-bottom:10px}.dungeon-card{padding:8px 10px}.dg-desc{font-size:11.5px}.enter-btn{padding:14px 18px}}@media (max-height:680px) and (min-width:1101px){.lobby-header .btn{padding-top:7px;padding-bottom:7px}.class-tile{gap:3px;padding:6px 4px 5px}.class-tile .gt{--tsz:34px}.hero-showcase{grid-template-columns:132px 1fr}.portrait-box.lobby-portrait{width:132px;height:172px}.kit-slot .gt{--tsz:42px}.kit-name{margin-top:3px}.sum-btn .gt{--tsz:30px}.panel h3{margin:8px 0 5px}.bot-card,.you-card{margin-bottom:6px;padding-top:6px;padding-bottom:7px}.dungeon-card .dg-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.spec-card:not(.sel) .sc-rot{display:none}.class-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.portrait-box{background:radial-gradient(ellipse 55% 16% at 50% 88%, color-mix(in srgb, var(--cc,#c9a45c) 30%, transparent), transparent), radial-gradient(ellipse 90% 70% at 50% 38%, #2a2119, #0e0b08 78%);width:240px;height:320px;box-shadow:inset 0 0 0 1px #c9a35b59, inset 0 0 36px #000000a6, inset 0 -2px 0 color-mix(in srgb, var(--cc,#c9a45c) 50%, transparent);border:1px solid #000;border-radius:5px;position:relative;overflow:hidden}.portrait-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.portrait-canvas.dragging{cursor:grabbing}.portrait-fallback{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:none;position:absolute;inset:0}.portrait-box.lost .portrait-canvas{display:none}.portrait-box:has(>.portrait-canvas.lost) .portrait-canvas{display:none}.portrait-box.lost .portrait-fallback{display:flex}.portrait-box:has(>.portrait-canvas.lost) .portrait-fallback{display:flex}.pf-note{color:var(--muted);font-size:11px}.helm-toggle{font:600 11px var(--ui);color:#d8ccb6;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0c0907d1;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:8px;left:8px;box-shadow:inset 0 0 0 1px #c9a35b59}.helm-toggle input{cursor:inherit;margin:0}.helm-toggle.disabled{opacity:.55;cursor:not-allowed}.char-panel{width:min(880px,94vw);max-height:92vh;padding:18px 22px 20px;overflow:auto}.char-panel.intro{animation:popIn .28s var(--back)}.char-head{border-bottom:1px solid #c9a35b33;align-items:center;gap:14px;padding-bottom:12px;display:flex}.char-icon .gt{--tsz:52px}.char-id{min-width:0}.char-title{font:700 22px var(--head);color:var(--cc);text-shadow:0 2px 6px #000}.char-sub{color:var(--muted);font-size:12px}.char-sub b{color:var(--gold2)}.char-xp{background:#0b0806;border-radius:4px;width:260px;max-width:100%;height:7px;margin-top:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a35b4d}.char-xp>div{background:linear-gradient(90deg,#6a3ac8,#c08aff);height:100%;box-shadow:0 0 8px #be8cff80}.char-gold{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:inline-flex}.char-gold b{font:700 16px var(--head);color:var(--gold2)}.char-gold .gi,.merchant-gold .gi{color:var(--gold)}.merchant{flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto;display:flex}.merchant-title{font:700 13px var(--head);letter-spacing:.05em;color:var(--gold2);align-items:center;gap:6px;display:flex}.merchant-gold{font-family:var(--head);background:#00000073;border-radius:3px;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;display:inline-flex;box-shadow:inset 0 0 0 1px #c9a35b59}.char-note{color:#ffb08a;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.char-msg{color:#ffe08a;background:#ffd26e14;border-radius:4px;margin-top:10px;padding:6px 10px;font-size:13px;box-shadow:inset 0 0 0 1px #ffd26e4d}.char-body{grid-template-columns:auto 1fr;gap:20px;margin-top:14px;display:grid}@media (max-width:800px){.char-body{grid-template-columns:1fr}}.paperdoll{align-items:flex-start;gap:10px;display:flex}.doll-col{flex-direction:column;gap:8px;display:flex}.paperdoll>.doll-col{justify-content:space-between;height:320px}.doll-mid{flex-direction:column;gap:8px;width:240px;display:flex}@media (max-width:800px){.doll-mid,.portrait-box{width:180px}.portrait-box,.paperdoll>.doll-col{height:240px}}.doll-stats{background:#08060499;border-radius:5px;width:170px;padding:10px;font-size:12px;box-shadow:inset 0 0 0 1px #c9a35b33}.stat-row{color:#c9bda9;border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:3px 0;display:flex}.stat-row b{color:#fff}.doll-stats.compact{grid-template-columns:1fr 1fr;column-gap:12px;width:auto;padding:7px 10px;font-size:11px;display:grid}.doll-stats.compact .stat-row{white-space:nowrap;gap:4px;padding:2px 0}@media (max-width:800px){.doll-stats.compact{grid-template-columns:1fr}}.gear-slot,.bag-slot{cursor:pointer;background:radial-gradient(circle at 50% 40%,#1c1712,#0a0806);border-radius:6px;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .12s,box-shadow .15s,filter .15s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 0 2px #c9a35b29,inset 0 4px 10px #0009}.gear-slot .gt,.bag-slot .gt{border-radius:6px}.gear-slot[class*=rar-],.bag-slot[class*=rar-]{box-shadow:0 0 0 1px #000, 0 0 0 2px var(--rc), 0 0 10px color-mix(in srgb, var(--rc) 30%, transparent)}.gear-slot[class*=rar-]:hover,.bag-slot[class*=rar-]:hover{filter:brightness(1.15);box-shadow:0 0 0 1px #000, 0 0 0 2px var(--rc), 0 0 16px color-mix(in srgb, var(--rc) 55%, transparent);transform:translateY(-1px)}.gear-slot.empty{cursor:default;flex-direction:column;gap:2px}.slot-ghost{color:#c9a35b33;width:26px;height:26px}.slot-name{font:700 8px var(--ui);letter-spacing:.1em;color:var(--dim);text-transform:uppercase}.rar-common{--rc:#b8b8b8}.rar-uncommon{--rc:#3ddc5a}.rar-rare{--rc:#3d8bff}.rar-epic{--rc:#b45cff}.rar-legendary{--rc:#ff9a1f}.bag-slot.unusable .gt{filter:grayscale(.8)brightness(.6)}.bag-slot.unusable:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 46%,#ff4632b3 47% 53%,#0000 54%);border-radius:6px;position:absolute;inset:0}.gear-slot .ilvl,.bag-slot .ilvl{z-index:1;font:800 9px var(--ui);color:#f2e8d6;text-shadow:0 1px 2px #000,0 0 2px #000;position:absolute;bottom:1px;right:3px}.bag-slot.fresh{animation:1.2s ease-in-out 3 freshPulse}@keyframes freshPulse{50%{box-shadow:0 0 0 2px var(--gold2), 0 0 18px var(--gold)}}.bag-title{font:700 11px var(--ui);text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.bag-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.bag-tools{gap:6px;display:flex}.bag-grid{grid-template-columns:repeat(6,54px);gap:7px;display:grid}.char-talents{flex:none}.talent-panel{--ts:clamp(36px, min(calc((94vh - 150px) / 9.8), calc((96vw - 360px) / 8.4)), 72px);scrollbar-width:thin;scrollbar-color:#5e4c36 transparent;flex-direction:column;gap:10px;max-width:96vw;max-height:96vh;padding:16px 20px 18px;display:flex;overflow:auto}.talent-panel.intro{animation:popIn .28s var(--back)}.tal-head{border-bottom:1px solid #c9a35b33;align-items:center;gap:14px;padding-bottom:10px;display:flex}.tal-crest .gt{--tsz:46px}.tal-id{flex:1;min-width:0}.tal-title{font:700 21px var(--head);letter-spacing:.03em;color:var(--gold2);text-shadow:0 2px 6px #000}.tal-sub{color:var(--muted);font-size:12px}.tal-sub b{color:var(--gold2)}.tal-stats{gap:6px;display:flex}.tal-stat{background:#08060499;border-radius:5px;flex-direction:column;align-items:center;min-width:66px;padding:4px 10px 5px;display:flex;box-shadow:inset 0 0 0 1px #c9a35b38}.tal-stat b{font:700 20px/1.15 var(--head);color:var(--text);font-variant-numeric:tabular-nums}.tal-stat span{font:700 9px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tal-stat.avail.has{background:linear-gradient(#28783c47,#08060499);box-shadow:inset 0 0 0 1px #4ee06a,0 0 14px #50e66e40}.tal-stat.avail.has b{color:#8dff9f;text-shadow:0 0 10px #50e66e8c}.tal-tabs{gap:6px;display:flex}.tal-tab{font:700 13px var(--head);letter-spacing:.04em;color:var(--muted);cursor:pointer;background:linear-gradient(#1b1611,#100c09);border:1px solid #000;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;transition:color .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #c9a35b2e}.tal-tab .gi{width:19px;height:19px;color:var(--sc);filter:drop-shadow(0 1px 1px #000)}.tal-tab:hover{color:var(--text);box-shadow:inset 0 0 0 1px #c9a35b73}.tal-tab.sel{color:var(--gold3);background:linear-gradient(110deg, color-mix(in srgb, var(--sc) 26%, #120e0b), #120e0b 80%);box-shadow:inset 0 0 0 1px var(--gold), 0 0 14px color-mix(in srgb, var(--sc) 18%, transparent)}.tal-active{font:800 9px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:#1a1206;background:linear-gradient(#f6d98c,#c99a3a);border-radius:3px;padding:2px 6px}.tal-tab-pts{min-width:22px;font:800 11px/16px var(--ui);color:var(--gold2);font-variant-numeric:tabular-nums;background:#0000008c;border-radius:9px;padding:1px 6px;box-shadow:inset 0 0 0 1px #c9a35b66}.tal-tab-pts:empty{display:none}.tal-body{align-items:stretch;gap:14px;display:flex}@media (max-width:860px){.tal-body{flex-direction:column}}.tal-tree{isolation:isolate;padding:calc(var(--ts) * .5) calc(var(--ts) * .42) calc(var(--ts) * .5) calc(var(--ts) * .3);background:radial-gradient(110% 55% at 55% 0%, color-mix(in srgb, var(--sc) 22%, transparent), transparent 72%), radial-gradient(90% 40% at 55% 104%, color-mix(in srgb, var(--sc) 14%, transparent), transparent 70%), linear-gradient(#16110d, #0a0807);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sc) 36%, transparent), inset 0 0 60px #000000b3;border:1px solid #000;border-radius:6px;flex:none;position:relative;overflow:hidden}.tal-mark{z-index:-1;color:var(--sc);opacity:.07;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:10% 4% 10% 16%}.tal-mark .gi{width:100%;height:100%}.tal-none{color:var(--muted);padding:40px 30px;font-style:italic}.tal-grid{position:relative}.tal-rail{background:#000000b3;border-radius:2px;width:4px;margin-left:-2px;position:absolute;box-shadow:inset 0 0 0 1px #c9a35b29}.tal-rail-fill{border-radius:inherit;background:linear-gradient(var(--gold2), color-mix(in srgb, var(--sc) 70%, var(--gold)));width:100%;height:0;box-shadow:0 0 6px color-mix(in srgb, var(--sc) 60%, transparent);transition:height .35s var(--ease)}.tal-node{z-index:1;width:calc(var(--ts) * .42);height:calc(var(--ts) * .42);font:800 clamp(8px, calc(var(--ts) * .18), 12px) var(--ui);color:var(--dim);background:radial-gradient(circle at 50% 35%,#2a2119,#0b0806);border-radius:50%;justify-content:center;align-items:center;transition:background .25s,box-shadow .25s,color .25s;display:flex;position:absolute;translate:-50% -50%;box-shadow:0 0 0 1px #000,0 0 0 2px #3a3026}.tal-node.open{color:#2a1804;background:radial-gradient(circle at 45% 30%,#fff1c2,#d8a648 60%,#8a5a18);box-shadow:0 0 0 1px #000,0 0 8px #ffc85a8c}.tal-lock{font:700 clamp(8.5px, calc(var(--ts) * .19), 12px)/1.2 var(--ui);color:#d89a78;white-space:nowrap;pointer-events:none;flex-direction:column;display:flex;position:absolute;translate:0 -50%}.tal-lock span:first-child{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:.8em}.tal-arrow-layer{z-index:0;pointer-events:none;position:absolute;inset:0}.tal-arrows{width:100%;height:100%;display:block;overflow:visible}.arw-edge{fill:none;stroke:#000000d9;stroke-width:12px;stroke-linecap:round;stroke-linejoin:round}.arw-line{fill:none;stroke:#5b4a35;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}.arw-head{fill:#5b4a35;stroke:#000000d9;stroke-width:3px;stroke-linejoin:round;transition:fill .25s}.arw.lit{filter:drop-shadow(0 0 4px #ffc45abf)}.arw.lit .arw-line{stroke:#f3cf72}.arw.lit .arw-head{fill:#f3cf72}.tal{z-index:1;width:var(--ts);height:var(--ts);border-radius:calc(var(--ts) * .14);cursor:pointer;box-shadow:0 0 0 1px #000, 0 0 0 calc(var(--ts) * .045) #3d3227, 0 3px 8px #0009;transition:box-shadow .2s, transform .14s var(--back), filter .2s;background:#0b0806;border:0;padding:0;position:absolute}.tal>.gt.s-fill{--tsz:var(--ts);border-radius:inherit}.tal>.gt{transition:filter .25s}.tal:hover{z-index:2;filter:brightness(1.15);transform:translateY(-2px)scale(1.05)}.tal:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}.tal.locked>.gt{filter:grayscale()brightness(.4)contrast(1.1)}.tal.locked:hover{filter:brightness(1.25);transform:translateY(-1px)}.tal.avail,.tal.partial{box-shadow:0 0 0 1px #000, 0 0 0 calc(var(--ts) * .05) #4ee06a, 0 0 calc(var(--ts) * .24) #50e66e6b, 0 3px 8px #0009}.tal.partial:not(.open){box-shadow:0 0 0 1px #000, 0 0 0 calc(var(--ts) * .05) #3aa852, 0 3px 8px #0009}.tal.maxed{box-shadow:0 0 0 1px #000, 0 0 0 calc(var(--ts) * .05) #f0c050, 0 0 calc(var(--ts) * .26) #ffc85073, 0 3px 8px #0009}.tal-rank{z-index:1;right:calc(var(--ts) * -.14);bottom:calc(var(--ts) * -.12);min-width:calc(var(--ts) * .5);font:800 clamp(9px, calc(var(--ts) * .2), 13px)/1.25 var(--ui);color:#a99d8c;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;background:#0b0806;border-radius:4px;padding:1px 4px;position:absolute;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #4a4036}.tal.avail .tal-rank,.tal.partial .tal-rank{color:#8dff9f;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #3fbf5a}.tal.maxed .tal-rank{color:#ffe08a;background:linear-gradient(#3a2a0e,#150e05);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #d8a83a}.tal.locked .tal-rank{color:#6e665b}.tal.capstone{width:calc(var(--ts) * 1.2);height:calc(var(--ts) * 1.2);box-shadow:0 0 0 1px #000, 0 0 0 calc(var(--ts) * .06) #8a6a2a, 0 0 0 calc(var(--ts) * .08) #000, 0 4px 12px #000000b3}.tal.capstone>.gt.s-fill{--tsz:calc(var(--ts) * 1.2)}.tal.capstone:before{content:"";inset:calc(var(--ts) * -.22);pointer-events:none;background-image:var(--c-tl), var(--c-tr), var(--c-bl), var(--c-br);background-position:0 0,100% 0,0 100%,100% 100%;background-size:calc(var(--ts) * .42) calc(var(--ts) * .42);opacity:.55;background-repeat:no-repeat;transition:opacity .25s;position:absolute}.tal.capstone.avail,.tal.capstone.partial{box-shadow:0 0 0 1px #000, 0 0 0 calc(var(--ts) * .06) #4ee06a, 0 0 0 calc(var(--ts) * .08) #000, 0 0 calc(var(--ts) * .3) #50e66e80}.tal.capstone.avail:before,.tal.capstone.maxed:before{opacity:1}.tal.capstone.maxed{box-shadow:0 0 0 1px #000, 0 0 0 calc(var(--ts) * .06) #f0c050, 0 0 0 calc(var(--ts) * .08) #000, 0 0 calc(var(--ts) * .45) #ffc850b3}.tal.capstone.maxed>.gt{animation:2.6s ease-in-out infinite capstoneShine}@keyframes capstoneShine{50%{filter:brightness(1.22)}}.tal.gain{animation:.45s ease-out talGain}.tal.maxing{animation:.7s ease-out talMax}.tal.lose{animation:.35s ease-out talLose}.tal.deny{animation:.42s ease-out talDeny}@keyframes talGain{0%{filter:brightness(1.9);transform:scale(1.18)}to{filter:none;transform:none}}@keyframes talMax{0%{filter:brightness(2.2);transform:scale(1.24)}to{filter:none;transform:none}}@keyframes talLose{0%{filter:brightness(.5);transform:scale(.92)}}@keyframes talDeny{0%,to{translate:0}20%{filter:sepia()saturate(4)hue-rotate(-30deg)brightness(.9);translate:-4px}40%{translate:4px}60%{translate:-3px}80%{translate:2px}}.talent-panel.readonly .tal{cursor:help}.talent-panel.readonly .tal:hover{transform:none}.tal-side{width:272px;height:calc(var(--ts) * 9.5 + 2px);flex-direction:column;gap:8px;min-width:0;display:flex}@media (max-width:860px){.tal-side{width:auto;height:auto}}.ts-spec{align-items:center;gap:10px;display:flex}.ts-spec-name{font:700 18px var(--head);color:var(--gold3);text-shadow:0 1px 3px #000}.ts-spec-role{font:700 9.5px var(--ui);letter-spacing:.08em;text-transform:uppercase;border-radius:10px;margin-top:3px;padding:2px 8px;display:inline-flex}.ts-sec{font:700 10.5px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid #c9a35b33;justify-content:space-between;align-items:baseline;gap:8px;margin-top:4px;padding-bottom:4px;display:flex}.ts-sec b{font:700 13px var(--head);letter-spacing:.04em;color:var(--gold2)}.ts-rot{cursor:help;background:linear-gradient(90deg, color-mix(in srgb, var(--rc) 10%, transparent), transparent 70%), #0806048c;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rc) 35%, transparent);border-radius:5px;padding:8px 10px}.ts-rot-head{align-items:center;gap:8px;display:flex}.ts-rot-head b{font:700 14px var(--head);color:color-mix(in srgb, var(--rc) 85%, #fff)}.ts-rot-hint{-webkit-line-clamp:3;color:#cfc3b0;-webkit-box-orient:vertical;margin-top:4px;font-size:11.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.ts-build{scrollbar-width:thin;scrollbar-color:#5e4c36 transparent;flex-direction:column;flex:1;gap:3px;min-height:0;padding-right:3px;display:flex;overflow-y:auto}.ts-row{color:#d8ccb8;cursor:help;background:#08060480;border-radius:4px;align-items:center;gap:7px;padding:3px 7px 3px 4px;font-size:12px;animation:.2s fadeIn;display:flex}.ts-row:hover{box-shadow:inset 0 0 0 1px #c9a35b52}.ts-row-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ts-row b{font:800 11px var(--ui);color:#8dff9f;font-variant-numeric:tabular-nums}.ts-row.max b{color:var(--gold2)}.ts-empty{color:var(--muted);padding:6px 2px;font-size:12px;font-style:italic}.ts-actions{flex-direction:column;gap:6px;display:flex}.ts-actions .btn{width:100%}.ts-confirm{background:#3c0e0873;border-radius:5px;padding:8px 10px;animation:.15s fadeIn;box-shadow:inset 0 0 0 1px #dc5a3c80}.ts-confirm-q{color:#ffd6c8;margin-bottom:7px;font-size:12.5px}.ts-confirm-btns{gap:6px;display:flex}.ts-confirm-btns .btn{flex:1}.ts-note{color:#d8ccb8;background:#0806048c;border-radius:5px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex;box-shadow:inset 0 0 0 1px #c9a35b40}.ts-note .gi{width:18px;height:18px;color:var(--gold)}.ts-hint{text-align:center;color:var(--muted);font-size:11px}.ts-hint b{color:var(--gold2)}.augment-backdrop{background:radial-gradient(#0e080499,#030201e0)}.aug-panel{text-align:center;padding:10px}.aug-title{font:900 36px var(--head);letter-spacing:.04em;background:linear-gradient(#fff3cc,#e9b863 60%,#a8661e);color:#0000;filter:drop-shadow(0 3px 10px #000000e6);-webkit-background-clip:text;background-clip:text;animation:.5s backwards augTitle}@keyframes augTitle{0%{opacity:0;letter-spacing:.2em}}.aug-reason{color:var(--muted);margin:2px 0 22px;font-size:14px}.aug-cards{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}.aug-card{--tc:var(--tier1);width:252px;min-height:352px;font-family:var(--ui);color:var(--text);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--tc) 22%, transparent), transparent 58%), radial-gradient(circle at 50% 110%, color-mix(in srgb, var(--tc) 10%, transparent), transparent 50%), var(--grain), linear-gradient(#211a14, #0f0b08);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tc) 70%, transparent), inset 0 0 0 2px #0009, 0 12px 32px #0009;cursor:pointer;transition:transform .2s var(--back), box-shadow .2s;border:1px solid #000;border-radius:8px;flex-direction:column;align-items:center;padding:18px 16px 14px;animation:.5s cubic-bezier(.2,.9,.3,1.1) backwards cardIn;display:flex;position:relative;overflow:hidden}.aug-card:nth-child(2){animation-delay:90ms}.aug-card:nth-child(3){animation-delay:.18s}@keyframes cardIn{0%{opacity:0;transform:perspective(900px)rotateY(-75deg)translateY(24px)}}.aug-card:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff24 48%,#0000 60%) 120% 0/260% 100%;transition:background-position .7s;position:absolute;inset:0}.aug-card:hover:before{background-position:-60% 0}.aug-card:hover{box-shadow:inset 0 0 0 1px var(--tc), inset 0 0 0 2px #0009, 0 18px 40px #000000a6, 0 0 30px color-mix(in srgb, var(--tc) 40%, transparent);transform:translateY(-8px)scale(1.02)}.aug-card:active{transform:translateY(-4px)scale(.99)}.aug-card.tier2{--tc:var(--tier2)}.aug-card.tier3{--tc:var(--tier3);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--tc) 26%, transparent), transparent 58%) padding-box, var(--grain) padding-box, linear-gradient(#211a14, #0f0b08) padding-box, conic-gradient(from var(--spin), #ff7ad8, #7ab8ff, #c070ff, #ffd76a, #ff7ad8) border-box;border:2px solid #0000;animation:.5s cubic-bezier(.2,.9,.3,1.1) backwards cardIn,4s linear infinite prism}@keyframes prism{to{--spin:360deg}}.aug-tier{font:700 11px var(--ui);text-transform:uppercase;letter-spacing:.2em;color:var(--tc)}.aug-icon{margin:14px 0 10px;animation:3s ease-in-out infinite iconFloat}.aug-icon .gt{box-shadow:inset 0 0 0 1px #000000e6, inset 0 0 0 2px #fff0d233, 0 0 0 2px #0b0806, 0 0 0 3px color-mix(in srgb, var(--tc) 80%, transparent), 0 0 26px color-mix(in srgb, var(--tc) 45%, transparent)}.aug-card:nth-child(2) .aug-icon{animation-delay:-1s}.aug-card:nth-child(3) .aug-icon{animation-delay:-2s}@keyframes iconFloat{50%{transform:translateY(-5px)}}.aug-name{font:700 19px var(--head);color:#fff6e4;text-shadow:0 2px 6px #000}.aug-kind{color:var(--tc);margin:4px 0 10px;font-size:11px;font-weight:600}.aug-desc{color:#ddd2bf;flex:1;font-size:13px;line-height:1.5}.aug-swap{background:#00000059;border-radius:5px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:6px 10px;display:flex;box-shadow:inset 0 0 0 1px #c9a35b33}.aug-swap-old .gt{filter:grayscale(.85)brightness(.65)}.aug-swap-arrow{background:var(--gold2);clip-path:polygon(0 35%,55% 35%,55% 0,100% 50%,55% 100%,55% 65%,0 65%);width:14px;height:10px}.aug-swap-name{font:700 12px var(--ui);color:var(--gold3)}.aug-key{margin-top:12px}.aug-actions{margin-top:20px}.results{z-index:60;justify-content:center;align-items:center;display:flex}.res-panel{z-index:1;text-align:center;width:min(940px,94vw);max-height:94vh;animation:resIn .6s var(--back) backwards;padding:22px 28px 24px;position:relative;overflow:auto}.results.won .res-panel{box-shadow:inset 0 0 0 1px #f0d48c99, inset 0 0 0 2px #0000008c, inset 0 0 60px #0006, var(--frame-shadow), 0 0 80px #ffaa3c24}@keyframes resIn{0%{opacity:0;transform:translateY(18px)scale(.96)}}.res-emblem{animation:popIn .6s var(--back) .1s backwards;justify-content:center;margin:-4px 0 6px;display:flex}.res-emblem .gt{--tsz:72px;box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 0 2px #fff0d233,0 0 0 3px #0b0806,0 0 0 4px #c9a35bb3,0 0 40px #ffaa3c4d}.results.lost .res-emblem .gt{box-shadow:inset 0 0 0 1px #000000e6,0 0 0 3px #0b0806,0 0 0 4px #a0968c80}.res-title{font:900 46px var(--head);letter-spacing:.06em;animation:.9s .15s backwards resTitle}@keyframes resTitle{0%{opacity:0;letter-spacing:.25em}}.res-title.win{background:linear-gradient(#fff3cc,#e9b863 60%,#a8661e);color:#0000;filter:drop-shadow(0 0 22px #ffbe5059)drop-shadow(0 3px 2px #000000e6);-webkit-background-clip:text;background-clip:text}.res-title.lose{color:#c9bdb0;text-shadow:0 3px 10px #000}.res-sub{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 0;margin:2px 0 18px;font-size:13px;animation:.6s .3s backwards fadeUp;display:flex}.res-sub span+span:before{content:"";background:var(--gold);width:4px;height:4px;margin:0 12px 2px;display:inline-block;transform:rotate(45deg)}.res-col{animation:.6s .45s backwards fadeUp}.res-col+.res-col{animation-delay:.6s}.res-panel>.btn{animation:.6s .8s backwards fadeUp}.res-grid{text-align:left;grid-template-columns:1fr 1.3fr;gap:22px;margin-bottom:20px;display:grid}@media (max-width:760px){.res-grid{grid-template-columns:1fr}}.res-col h3{font:700 10.5px var(--ui);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);align-items:center;gap:10px;margin:12px 0 8px;display:flex}.res-col h3:after{content:"";background:linear-gradient(90deg,#c9a35b59,#0000);flex:1;height:1px}.res-xp{font:700 20px var(--head);color:#c89cff}.res-lvlup{color:var(--gold2)}.res-level{color:var(--muted);margin-top:4px;font-size:13px}.res-level b{color:var(--text)}.res-gold{color:#d9c9a6;align-items:center;gap:7px;margin-top:10px;font-size:13px;display:flex}.res-gold .res-repairs{color:#ff9a86}.res-gold .gi{color:var(--gold);width:18px;height:18px}.res-gold b{color:var(--gold2)}.res-talent{color:#cfe3d2;align-items:center;gap:7px;margin-top:10px;font-size:13px;animation:.5s 1.1s backwards fadeUp;display:flex}.res-talent .gi{color:#6fe08a;filter:drop-shadow(0 0 6px #50e66e80);width:18px;height:18px}.res-talent b{color:#8dff9f}.res-loot{flex-direction:column;gap:6px;max-height:230px;padding-right:4px;display:flex;overflow:auto}.res-item{background:linear-gradient(90deg, color-mix(in srgb, var(--rc) 12%, transparent), transparent 70%), #08060499;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rc) 45%, transparent);cursor:help;animation:fadeUp .45s var(--ease) backwards;border-radius:5px;align-items:center;gap:10px;padding:5px 8px;display:flex}.res-item-text{flex-direction:column;min-width:0;display:flex}.res-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.res-item-sub{color:var(--muted);font-size:11px}.res-meter .meter-fill{transform-origin:0;animation:growX .9s var(--ease) .7s backwards}@keyframes growX{0%{transform:scaleX(0)}}.res-augs{flex-wrap:wrap;gap:6px;display:flex}.res-augs .aug-chip{--tsz:38px}.settings-panel{width:min(660px,94vw);max-width:none;height:min(600px,90vh)}.set-tabs{border-bottom:1px solid #c9a35b40;gap:4px;display:flex}.set-tab{font:700 12px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:9px 14px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.set-tab .gi{width:17px;height:17px}.set-tab:hover{color:var(--text);background:#c9a35b0f}.set-tab.sel{color:var(--gold2);border-bottom-color:var(--gold2);background:linear-gradient(#0000,#c9a35b1a)}.set-body{flex:1;min-height:0;padding:6px 4px 6px 2px;overflow-y:auto}.set-page{flex-direction:column;gap:12px;animation:.2s fadeIn;display:flex}.set-foot{border-top:1px solid #c9a35b2e;justify-content:flex-end;padding-top:8px;display:flex}.set-foot .btn{min-width:140px}.set-section{font:700 10.5px var(--ui);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-top:6px}.set-row{cursor:pointer;background:#08060473;border-radius:5px;align-items:center;gap:14px;padding:10px 12px;font-size:13px;display:flex;box-shadow:inset 0 0 0 1px #c9a35b1f}.set-row:hover{box-shadow:inset 0 0 0 1px #c9a35b4d}.set-row .set-label{min-width:80px;color:var(--text);font-weight:700;display:block}.set-row.slider input{flex:1}.set-text{flex:1;min-width:0}.set-hint{color:var(--muted);margin-top:2px;font-size:11.5px;display:block}.set-val{text-align:right;width:42px;color:var(--gold2);font:700 13px var(--head);font-variant-numeric:tabular-nums}.set-choices{flex-direction:column;gap:6px;display:flex}.set-choice{cursor:pointer;background:#08060473;border-radius:5px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex;box-shadow:inset 0 0 0 1px #c9a35b1f}.set-choice:has(input:checked){box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(90deg,#c9a35b1f,#08060473)}.set-choice-body .set-label{font-weight:700}.set-page>.btn{align-self:flex-start}.set-note{color:var(--muted);margin-bottom:10px;font-size:12px}.keybinds{grid-template-columns:1fr 1fr;gap:6px 18px;display:grid}.keybind{color:#d8ccb6;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:8px;padding:3px 0;font-size:12.5px;display:flex}.keybind-reset{width:100%;margin-top:12px}.journal-panel{width:min(780px,94vw);max-width:none;height:min(860px,92vh)}.journal-tabs{gap:6px;display:flex}.journal-tab{font:700 13px var(--head);letter-spacing:.04em;color:var(--muted);cursor:pointer;background:linear-gradient(#1b1611,#100c09);border:1px solid #000;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 12px;transition:color .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #c9a35b2e}.journal-tab .gi{width:20px;height:20px}.journal-tab:hover{color:var(--text)}.journal-tab.sel.theme-crypt{color:#ffc48c;box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(110deg,#82220a73,#120e0b 75%)}.journal-tab.sel.theme-ice{color:#b8e0ff;box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(110deg,#2464a073,#0d1016 75%)}.journal-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:4px;display:flex;overflow:auto}.journal-boss{background:#08060480;border-radius:5px;padding:10px 12px;box-shadow:inset 0 0 0 1px #c9a35b29}.journal-boss.next{box-shadow:inset 0 0 0 1px var(--gold), 0 0 16px #ffbe5a1f}.jb-head{align-items:center;gap:9px;display:flex}.jb-num{z-index:0;width:24px;height:24px;font:700 12px var(--head);color:#ffe0c0;justify-content:center;align-items:center;display:inline-flex;position:relative}.jb-num:before{content:"";z-index:-1;background:linear-gradient(#5a2414,#200a06);border-radius:2px;position:absolute;inset:4px;transform:rotate(45deg);box-shadow:inset 0 0 0 1px #c8703a}.jb-name{font:700 17px var(--head);color:#ffcf8a;text-shadow:0 1px 3px #000}.jb-next{font:800 9.5px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:#1a1206;background:linear-gradient(#f6d98c,#c99a3a);border-radius:3px;padding:2px 7px}.jb-blurb{color:var(--muted);margin:5px 0 6px;font-size:12.5px;font-style:italic}.jb-ability{border-top:1px solid #ffffff0a;align-items:flex-start;gap:11px;padding:7px 0;display:flex}.jb-icon{display:inline-flex}.jb-icon .gt{--tsz:36px}.jb-aname{color:var(--gold3);font-size:13px;font-weight:700}.jb-text{color:#d8ccb8;font-size:13px;line-height:1.45}.jb-tag{font:700 9px var(--ui);text-transform:uppercase;letter-spacing:.08em;vertical-align:middle;border-radius:3px;margin-left:7px;padding:1px 6px}.tag-tank{color:#b8d4ff;background:#1f3a6a}.tag-deadly{color:#ffc0b8;background:#6a1f1f}.tag-interrupt{color:#ffeab8;background:#6a5a1f}.tag-adds{color:#e0ccff;background:#3a2a5a}.tag-phase{color:#c0f0d8;background:#2a4a3a}.tag-kite{color:#ffc8dc;background:#5a2a3a}.tag-soak{color:#ffe6a0;background:#5a4a1a}.journal-boss.rares .jb-name{color:#e8eeff}.jb-rare-where{font:700 10.5px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:#b8c4dc;margin:8px 0 1px}.jb-tips{border-top:1px solid #c9a35b24;flex-direction:column;gap:4px;margin-top:6px;padding-top:7px;display:flex}.jb-tip{color:#d0c4b0;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.4;display:flex}.jb-tip-role{width:78px;font:700 10px var(--ui);letter-spacing:.08em;text-transform:uppercase;flex:none;align-items:center;gap:4px;display:inline-flex}.jb-tip-role .gi{width:14px;height:14px}.jb-tip.role-tank .jb-tip-role{color:#9fc2ff}.jb-tip.role-healer .jb-tip-role{color:#9ff0b0}.jb-tip.role-dps .jb-tip-role{color:#ffb4a0}.jb-tip.role-tank,.jb-tip.role-healer,.jb-tip.role-dps{box-shadow:none;background:0 0}.jb-note{color:#d8ccb8;align-items:center;gap:10px;padding:5px 0;font-size:13px;display:flex}.credits-panel{width:min(640px,94vw);max-width:none}.credits-lead{text-align:center;margin:2px 0 6px}.credits-game{font:900 30px var(--head);letter-spacing:.1em;background:linear-gradient(#fff0b8,#e8a03a 60%,#8a3a10);color:#0000;-webkit-background-clip:text;background-clip:text}.credits-tag{font:600 11px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.credits-list{-webkit-user-select:text;user-select:text;flex-direction:column;gap:8px;min-height:0;display:flex;overflow:auto}.credit-row{background:#08060480;border-radius:5px;align-items:center;gap:14px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1px #c9a35b24}.credit-icon .gt{--tsz:46px}.credit-what{font:700 14px var(--head);color:var(--gold2)}.credit-who{color:#ddd2bf;font-size:13px;line-height:1.45}.credit-license{color:var(--muted);margin-top:2px;font-size:11px}.credits-foot{color:var(--muted);text-align:center;font-size:12px;line-height:1.5}:root{--cur-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M3 2 L3 24 L9 18.6 L13.4 28 L17.6 26.1 L13.2 17 L21.4 17 Z' fill='%231c140c' stroke='%23f3d58a' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M5.6 6.8 L5.6 18.6 L9.2 15.4 L15.6 15.2 Z' fill='%23f3d58a' opacity='0.3'/%3E%3C/svg%3E") 3 2, default;--cur-sword:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M2 2 L7 2.6 L21.5 17.1 L17.1 21.5 L2.6 7 Z' fill='%23ffe2d8' stroke='%235a0c08' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M4 4 L19.5 19.5' stroke='%23ff7a5a' stroke-width='1' opacity='0.8'/%3E%3Cpath d='M14.6 24 L24 14.6 L26 16.6 L16.6 26 Z' fill='%23d89a2a' stroke='%233a1a04' stroke-width='1.1'/%3E%3Cpath d='M20.6 22.4 L22.4 20.6 L27.6 25.8 L25.8 27.6 Z' fill='%235a3418' stroke='%232a1404' stroke-width='1'/%3E%3Ccircle cx='28' cy='28' r='2.4' fill='%23d89a2a' stroke='%233a1a04' stroke-width='1'/%3E%3C/svg%3E") 2 2, crosshair;--cur-gem:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M3 2 L3 24 L9 18.6 L13.4 28 L17.6 26.1 L13.2 17 L21.4 17 Z' fill='%23f3d58a' stroke='%233a2606' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M24 3 L25.4 7.6 L30 9 L25.4 10.4 L24 15 L22.6 10.4 L18 9 L22.6 7.6 Z' fill='%23fff6d0' stroke='%238a5a10' stroke-width='0.8'/%3E%3C/svg%3E") 3 2, pointer;--cur-aim:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='9' fill='none' stroke='%230a1a2a' stroke-width='3.4'/%3E%3Ccircle cx='16' cy='16' r='9' fill='none' stroke='%23a8dcff' stroke-width='1.6'/%3E%3Cpath d='M16 2 V9 M16 23 V30 M2 16 H9 M23 16 H30' stroke='%230a1a2a' stroke-width='3.4'/%3E%3Cpath d='M16 2 V9 M16 23 V30 M2 16 H9 M23 16 H30' stroke='%23a8dcff' stroke-width='1.6'/%3E%3Ccircle cx='16' cy='16' r='1.6' fill='%23ffffff'/%3E%3C/svg%3E") 16 16, crosshair;--hud-bg:linear-gradient(180deg, #1c1611eb, #0c0907f0);--hud-line:inset 0 0 0 1px #c9a35b52}.game-root{cursor:var(--cur-pointer);position:fixed;inset:0}.game-root[data-cursor=attack] .game-canvas{cursor:var(--cur-sword)}.game-root[data-cursor=interact] .game-canvas{cursor:var(--cur-gem)}.game-root[data-cursor=aim] .game-canvas{cursor:var(--cur-aim)}.game-root[data-cursor=loot] .game-canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M12 11 L9.5 4.5 L13.6 6.8 L16 3.2 L18.4 6.8 L22.5 4.5 L20 11 Z' fill='%23a8743a' stroke='%232a1404' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M11.2 12.4 C5.5 15.4 4.2 22.2 6.2 26.2 C8.4 30.4 23.6 30.4 25.8 26.2 C27.8 22.2 26.5 15.4 20.8 12.4 Z' fill='%238a5626' stroke='%232a1404' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M10.6 10.6 H21.4 V13.4 H10.6 Z' fill='%23e8b84a' stroke='%233a2206' stroke-width='1'/%3E%3Cpath d='M9 18.5 C10.5 16.6 12.6 15.6 14.6 15.4' stroke='%23d8a060' stroke-width='1.2' fill='none' opacity='0.7'/%3E%3Ccircle cx='21.2' cy='23' r='3.1' fill='%23ffd76a' stroke='%236a4206' stroke-width='1'/%3E%3C/svg%3E") 7 4,pointer}.game-canvas{display:block;position:absolute;inset:0}.overlay-canvas{pointer-events:none;position:absolute;inset:0}.hud{pointer-events:none;font-family:var(--ui);position:absolute;inset:0}.hud>*{pointer-events:auto}.hud .combat-vignette,.hud .frost-vignette,.hud .lowhp-vignette,.hud .death-screen,.hud .banner,.hud .hint{pointer-events:none}.frost-vignette{opacity:0;background:radial-gradient(#0000 35%,#96d2ff73 100%);transition:opacity .4s;position:absolute;inset:0;box-shadow:inset 0 0 180px #bee6ff8c}.frost-vignette.on{opacity:1;animation:.9s ease-in-out infinite alternate frostPulse}@keyframes frostPulse{0%{filter:brightness()}to{filter:brightness(1.35)}}.combat-vignette{transition:box-shadow .8s;position:absolute;inset:0;box-shadow:inset 0 0 140px #96140a00}.combat-vignette.on{box-shadow:inset 0 0 140px #96140a59}.lowhp-vignette{opacity:0;background:radial-gradient(#0000 50%,#a000006b 100%);transition:opacity .5s;position:absolute;inset:0}.lowhp-vignette.on{opacity:1;animation:1.1s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{opacity:.55}12%{opacity:1}24%{opacity:.7}36%{opacity:.95}}.death-screen{-webkit-backdrop-filter:grayscale(.85);backdrop-filter:grayscale(.85);opacity:0;background:radial-gradient(#140a0a40,#0a0404c7);flex-direction:column;justify-content:center;align-items:center;padding-bottom:200px;transition:opacity .6s;display:flex;position:absolute;inset:0}.death-screen.on{opacity:1}.death-emblem{color:#e8c8bed9;filter:drop-shadow(0 4px 14px #000)}.death-emblem .gi{width:56px;height:56px}.death-title{font:900 44px var(--head);letter-spacing:.04em;color:#ead0c8;text-shadow:0 4px 18px #000,0 0 40px #a0141473}.death-screen.on .death-emblem{animation:fadeUp 1s var(--ease) backwards}.death-screen.on .death-title{animation:deathTitle 1.6s var(--ease) backwards}.death-screen.on .death-sub,.death-screen.on .death-recap{animation:.8s .6s backwards fadeUp}@keyframes deathTitle{0%{opacity:0;letter-spacing:.35em;filter:blur(6px)}}.death-sub{color:#d2c6bc;text-shadow:0 2px 8px #000;margin-top:6px}.death-recap{background:#0c0706db;border-radius:5px;min-width:340px;margin-top:18px;padding:8px 12px 10px;box-shadow:inset 0 0 0 1px #aa463c8c,0 10px 30px #0009}.death-recap:empty{display:none}.recap-title{font:700 10.5px var(--ui);text-transform:uppercase;letter-spacing:.14em;color:#c89a92;justify-content:space-between;margin-bottom:6px;display:flex}.recap-total{color:#ff8a7a}.recap-row{color:#d8cfd0;align-items:center;gap:10px;padding:3px 0;font-size:13px;display:flex}.recap-what{flex-direction:column;flex:1;line-height:1.2;display:flex}.recap-what b{font-weight:600}.recap-what i{color:#ffcf6a;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:800}.recap-what small{color:var(--muted);font-size:11px}.recap-amt{color:#ff8a7a;font:700 14px var(--head)}.recap-row.killing{color:#fff}.recap-row.killing .gt{box-shadow:inset 0 0 0 1px #000000e6,0 0 0 1px #ff6a5a,0 0 10px #ff503c99}@media (max-height:780px){.death-emblem,.recap-row:nth-child(n+6){display:none}}.toast-stack{flex-direction:column;gap:6px;width:280px;display:flex;position:absolute;bottom:300px;right:262px}.toast{background:linear-gradient(90deg, color-mix(in srgb, var(--rc,#c9a35b) 14%, transparent), transparent 60%), #0e0b08f2;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rc,#c9a35b) 55%, transparent), inset 3px 0 0 var(--rc,#c9a35b), 0 6px 18px #00000080;animation:toastIn .3s var(--back);cursor:help;border-radius:5px;align-items:center;gap:9px;padding:6px 8px 6px 9px;transition:opacity .6s,transform .6s;display:flex}.toast.rar-epic,.toast.rar-legendary{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rc) 70%, transparent), inset 3px 0 0 var(--rc), 0 0 20px color-mix(in srgb, var(--rc) 35%, transparent);position:relative;overflow:hidden}.toast.rar-epic:after,.toast.rar-legendary:after{content:"";pointer-events:none;background:linear-gradient(115deg, transparent 35%, color-mix(in srgb, var(--rc) 45%, transparent) 50%, transparent 65%);background-size:260% 100%;animation:2.4s ease-in-out infinite toastShine;position:absolute;inset:0}@keyframes toastShine{0%{background-position:130% 0}to{background-position:-70% 0}}.toast.fade{opacity:0;transform:translate(20px)}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}}.toast-icon{display:inline-flex}.toast-icon .gt{--tsz:36px}.toast-body{flex:1;min-width:0}.toast-name{font:700 12px var(--ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toast-status{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.toast-status .gi{width:13px;height:13px}.toast-status.up{color:#7fe596;font-weight:700}.toast-status.nope{color:#ff9a86}.loot-win{z-index:55;border-radius:8px;width:300px;padding:9px 10px 10px;animation:.14s ttIn;position:absolute;box-shadow:inset 0 0 0 1px #c9a35b73,0 12px 32px #000000a6}.loot-head{align-items:center;gap:7px;margin-bottom:7px;display:flex}.loot-head .close-x{width:24px;height:24px}.loot-head .close-x svg{width:11px;height:11px}.loot-bag .gi{width:20px;height:20px;color:var(--gold2)}.loot-title{min-width:0;font:700 13px var(--head);letter-spacing:.04em;color:var(--gold2);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.loot-list{flex-direction:column;gap:4px;display:flex}.loot-row{cursor:pointer;background:#00000047;border-radius:5px;align-items:center;gap:8px;padding:4px 7px 4px 4px;transition:background .12s,box-shadow .12s;display:flex;box-shadow:inset 0 0 0 1px #c9a35b29}.loot-row:hover{background:#ffdc9614;box-shadow:inset 0 0 0 1px #ffd76a8c}.loot-row.rar-epic,.loot-row.rar-legendary{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rc,#c9a35b) 45%, transparent)}.loot-icon{flex:none;display:inline-flex}.loot-icon .gt{--tsz:34px}.loot-icon.coin{justify-content:center;align-items:center;width:34px;height:34px}.loot-icon.coin .gi{color:#ffd76a;width:26px;height:26px}.loot-text{flex:1;min-width:0}.loot-name{font:700 12px var(--ui);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.loot-row.gold .loot-name{color:#ffd76a}.loot-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.loot-sub.nope{color:#ff9a86}.loot-up{color:#7fe596;flex:none;align-items:center;gap:3px;font-size:10.5px;font-weight:700;display:flex}.loot-up .gi{width:12px;height:12px}.loot-foot{justify-content:flex-end;margin-top:8px;display:flex}.tip{pointer-events:none;background:linear-gradient(#241c12f5,#100c08f5);border-radius:6px;align-items:center;gap:12px;max-width:580px;padding:10px 16px 10px 12px;font-size:14px;line-height:1.45;transition:bottom .25s ease-out;display:flex;position:absolute;bottom:216px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #f0d48cb3,inset 0 0 0 2px #00000080,0 8px 28px #0009,0 0 24px #ffbe5a1f}.tip b{color:var(--gold2)}.tip.show{animation:tipIn .35s var(--back)}@keyframes tipIn{0%{opacity:0;transform:translate(-50%,12px)}}.tip-icon{color:#ffe9a8;background:radial-gradient(circle at 50% 35%,#6a4a14,#2a1a06);border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:inset 0 0 0 1px #f0d48cb3,0 0 12px #ffc85a59}.tip-icon .gi{vertical-align:0;width:20px;height:20px}.fullmap{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040302b8;justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:absolute;inset:0}.fullmap-frame{background:#0e0b08eb;border-radius:6px;flex-direction:column;gap:8px;padding:12px 14px 10px;display:flex;box-shadow:inset 0 0 0 1px #c9a35b73,0 20px 60px #000000b3}.fullmap-head{justify-content:space-between;align-items:baseline;gap:20px;padding:0 4px;display:flex}.fullmap-title{font:700 20px var(--head);letter-spacing:.05em;color:var(--gold2)}.fullmap-close{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.fullmap-canvas{background:radial-gradient(#1a140fe6,#080604f2);border-radius:4px;display:block;box-shadow:inset 0 0 0 1px #c9a35b33}.fullmap-legend{color:#c9bda9;flex-wrap:wrap;justify-content:center;gap:16px;font-size:12px;display:flex}.fm-key{align-items:center;gap:5px;display:inline-flex}.fm-key .gi{vertical-align:0;width:16px;height:16px}.fm-key.k-start .gi{color:#f3d58a}.fm-key.k-boss .gi{color:#ff8a5a}.fm-key.k-down .gi{color:#8fe0a0}.fm-key.k-shrine .gi{color:#9fd8ff}.fm-key.k-chest .gi{color:#ffd76a}.fm-key.k-portal .gi{color:#e0b0ff}.party-frames{width:232px;position:absolute;top:110px;left:14px}.bot-mode{width:100%;font:600 11px var(--ui);color:#cfe0ff;background:var(--hud-bg);box-shadow:var(--hud-line);cursor:pointer;text-align:left;border:1px solid #000;border-radius:5px;align-items:center;gap:7px;margin-bottom:7px;padding:5px 8px;transition:box-shadow .15s;display:flex}.bot-mode:hover{box-shadow:inset 0 0 0 1px #f0d48cb3}.bm-icon{display:inline-flex}.bm-icon .gi{vertical-align:0;width:16px;height:16px}.bot-mode.holding{color:#ffe08a;box-shadow:inset 0 0 0 1px #c9a45c}.bot-mode.waiting{color:#bfe4ff;box-shadow:inset 0 0 0 1px #4aa8ff}.pframe{background:linear-gradient(90deg, color-mix(in srgb, var(--cc) 13%, transparent), transparent 55%), var(--hud-bg);box-shadow:var(--hud-line), 0 4px 14px #00000059;cursor:pointer;border:1px solid #000;border-radius:5px;outline:2px solid #0000;align-items:stretch;gap:7px;margin-bottom:6px;padding:5px 7px 6px 5px;transition:outline-color .1s,transform .12s;display:flex;position:relative}.pframe:hover{transform:translate(2px)}.pframe:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}.pframe.hit:after{animation:.45s ease-out pfHit}.pframe.healed:after{animation:.6s ease-out pfHeal}@keyframes pfHit{0%{opacity:1;box-shadow:inset 0 0 0 2px #ff4632e6,inset 0 0 22px #ff28148c}to{opacity:0}}@keyframes pfHeal{0%{opacity:1;box-shadow:inset 0 0 0 2px #6eff8ccc,inset 0 0 22px #50ff7866}to{opacity:0}}.pframe.me{box-shadow:inset 0 0 0 1px #f0d48c99,0 4px 14px #00000059}.pframe.hovered{outline-color:#ffffff73}.pframe.dead{filter:grayscale();opacity:.6}.pf-emblem{flex:none;align-self:center;width:34px;height:34px;position:relative}.pf-emblem .gt{--tsz:34px}.pf-main{flex:1;min-width:0}.pf-top{font:700 12px var(--ui);align-items:center;gap:5px;margin-bottom:3px;display:flex}.pf-role{display:inline-flex}.pf-name{color:var(--cc);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pf-rest{color:#f0c878;display:none}.pf-rest.on{animation:1.8s ease-in-out infinite restBob;display:inline-flex}.pf-rest .gi{vertical-align:0;width:13px;height:13px}.pf-spec{color:var(--muted);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:10px;font-weight:500}.pf-lvl{min-width:17px;height:15px;font:800 9.5px/15px var(--ui);color:var(--gold2);text-align:center;cursor:help;background:#0b0806;border-radius:4px;padding:0 3px;position:absolute;bottom:-5px;right:-5px;box-shadow:inset 0 0 0 1px #f3d58a99}.pf-lvl.max{color:#2a1a06;background:linear-gradient(#ffe7a0,#c8902a);box-shadow:inset 0 0 0 1px #fff0c0}.pf-hp{background:#2a1210;border-radius:2px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0009,0 0 0 1px #000c}.pf-hp-fill{z-index:1;background:linear-gradient(#6aea84,#2a9a44);height:100%;transition:width .12s linear;position:relative;box-shadow:inset 0 1px #ffffff59}.pf-hp-lag{background:linear-gradient(#fff2c8,#d8b874);transition:width .12s linear;position:absolute;top:0;bottom:0;left:0}.pframe.low .pf-hp-fill{background:linear-gradient(#ff7a5a,#b8281c);animation:.9s ease-in-out infinite lowPulse}.pf-shield{z-index:2;background:#fffc;height:35%;position:absolute;top:0;left:0}.pf-hp-text{z-index:3;font:700 10px var(--ui);text-align:center;text-shadow:0 1px 2px #000;line-height:14px;position:absolute;inset:0}.pf-res{background:#0d0c12;border-radius:2px;height:4px;margin-top:3px;overflow:hidden}.pf-res-fill{height:100%}.pf-debuffs{gap:2px;min-height:0;margin-top:3px;display:flex}.pf-debuffs:empty{display:none}.mini-debuff.gt{--tsz:16px}.res-mana{background:linear-gradient(#5a9dff,#2a5ac8)}.res-rage{background:linear-gradient(#ff5a4a,#a01a10)}.res-focus{background:linear-gradient(#ffc85a,#b8780a)}.res-none{background:#444}.bottom-bar{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:10px;left:min(50%,100% - 588px);transform:translate(-50%)}.hud .bottom-bar,.hud .bottom-bar>.buff-bar{pointer-events:none}.hud .bottom-bar>*,.hud .bottom-bar .buff{pointer-events:auto}.buff-bar{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:4px;max-width:520px;min-height:34px;transition:margin-bottom .2s ease-out;display:flex}.buff-bar.leveling{margin-bottom:16px}.buff{border-radius:4px;width:32px;height:32px;animation:.25s ease-out buffIn;position:relative;box-shadow:0 0 0 1px #000,0 0 0 2px #78c86ebf,0 2px 6px #00000073}.buff.debuff{box-shadow:0 0 0 1px #000,0 0 0 2px #e64632d9,0 2px 6px #00000073}.buff>.gt{--tsz:32px;border-radius:4px}@keyframes buffIn{0%{opacity:0;transform:scale(1.5)}}.buff-sweep{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.buff.expiring>.gt{animation:.5s ease-in-out infinite alternate buffBlink}@keyframes buffBlink{to{opacity:.35}}.buff-time{z-index:1;text-align:center;font:700 10px var(--ui);text-shadow:0 1px 2px #000,0 0 2px #000,0 0 3px #000;position:absolute;bottom:-2px;left:0;right:0}.buff-stacks{z-index:1;font:800 10px var(--ui);color:#ffd76a;text-shadow:0 1px 2px #000,0 0 2px #000;position:absolute;top:-3px;right:-2px}.bottom-main{background:linear-gradient(#ffe2aa0f,#0000 40%),linear-gradient(#1e1812f2,#0a0806f7);border:1px solid #000;border-radius:8px;align-items:center;gap:14px;padding:10px 16px 10px 12px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #c9a35b80,inset 0 0 0 2px #00000080,0 8px 26px #0009}.bottom-main:before,.bottom-main:after{content:"";background:linear-gradient(135deg,#fff1c2,#b07a28);width:9px;height:9px;position:absolute;top:-4px;transform:rotate(45deg);box-shadow:0 0 0 1px #000,0 0 6px #ffbe5a66}.bottom-main:before{left:14px}.bottom-main:after{right:14px}.portrait{cursor:help;border-radius:50%;flex:none;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:relative}.portrait-icon{border-radius:50%;width:100%;height:100%;overflow:hidden}.portrait-icon .gt{--tsz:76px}.portrait-icon .gt-svg{width:62%;height:62%}.portrait-ring{pointer-events:none;box-shadow:0 0 0 1px #000, 0 0 0 3px var(--cc), 0 0 0 4px #000, 0 0 18px color-mix(in srgb, var(--cc) 35%, transparent);border-radius:50%;position:absolute;inset:-3px}.portrait.heroup{animation:1.1s ease-out heroUp}@keyframes heroUp{0%{box-shadow:0 0 0 6px #fff3c8f2,0 0 46px #ffd26ef2}to{box-shadow:0 0 #fff3c800,0 0 #ffd26e00}}.portrait-level{z-index:2;width:28px;height:28px;box-shadow:0 0 0 1px #000, 0 0 0 2px var(--gold), 0 2px 6px #0009;font:800 13px var(--ui);color:var(--gold2);background:radial-gradient(circle at 50% 35%,#2a2119,#0b0806);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;right:-4px}.portrait-level.max{color:#2a1a06;background:linear-gradient(#ffe7a0,#c8902a);box-shadow:0 0 0 1px #000,0 0 0 2px #fff0c0}.portrait.has-points .portrait-level{box-shadow:0 0 0 1px #000,0 0 0 2px #ffe39a,0 0 12px #ffd26ecc}.sp-badge{z-index:4;box-shadow:0 0 0 1px #000, inset 0 0 0 1px var(--gold), 0 0 12px #ffc85a59, 0 3px 8px #0009;text-align:center;white-space:nowrap;pointer-events:none;opacity:0;background:linear-gradient(#3e2c10,#1a1208);border-radius:5px;padding:3px 9px;transition:opacity .2s ease-out,translate .25s cubic-bezier(.2,.9,.3,1.4);position:absolute;bottom:calc(100% - 11px);left:50px;translate:-50% 6px}.hud .bottom-bar .sp-badge{pointer-events:none}.sp-badge.show{opacity:1;translate:-50%}.sp-badge.pop{animation:.5s cubic-bezier(.2,.9,.3,1.4) spPop}@keyframes spPop{0%{scale:1.25;box-shadow:0 0 22px #ffdc8cf2,0 3px 8px #0009}to{scale:1}}.sp-count{font:800 11px/13px var(--ui);color:var(--gold2);text-shadow:0 0 6px #ffd26e80}.sp-hint{font:600 9px/11px var(--ui);color:#c9b98a}.bottom-right{flex-direction:column;display:flex}.ability-row{align-items:flex-end;gap:8px;display:flex}.slot-gap{width:10px}.slot-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.rank-pips{justify-content:center;gap:3px;height:6px;margin-top:4px;display:flex}.rank-pips.ult{gap:4px}.pip{background:#1a140e;border:1px solid #3e3326;border-radius:1.5px;width:9px;height:5px;transition:background .2s,border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 1px #0009}.rank-pips.ult .pip{border-radius:2px;width:15px;height:6px}.pip.on{background:linear-gradient(#fff0b8,#e0a83a);border-color:#ffe39a;box-shadow:0 0 4px #ffc85aa6}.rank-pips.ult .pip.on{background:linear-gradient(#ffd27a,#e07a1a);border-color:#ffc46a;box-shadow:0 0 6px #ff9632b3}.pip.next{border-color:#f3d58ae6;animation:1.3s ease-in-out infinite pipNext}@keyframes pipNext{50%{background:#f3d58a59;box-shadow:0 0 5px #f3d58a99}}.pip.new{animation:.8s ease-out pipNew}@keyframes pipNew{0%{background:#fff;transform:scale(2.2);box-shadow:0 0 10px #fff,0 0 18px #ffd26ef2}to{transform:scale(1)}}.lvl-btn{z-index:5;border:1px solid var(--gold2);color:#fff3c8;width:26px;height:22px;font:900 19px/1 var(--ui);text-shadow:0 0 6px #ffd26ee6,0 1px 1px #000;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:0;background:linear-gradient(#55401a,#1e1408);border-radius:5px;justify-content:center;align-items:center;transition:opacity .16s ease-out,translate .22s cubic-bezier(.2,.9,.3,1.4),scale .22s cubic-bezier(.2,.9,.3,1.4),filter .12s;display:flex;position:absolute;bottom:calc(100% + 5px);left:50%;translate:-50% 8px;scale:.5;box-shadow:0 0 10px #ffc85a8c,inset 0 1px #ffffff40}.hud .bottom-bar .lvl-btn{pointer-events:none}.lvl-plus{margin-top:-2px}.lvl-btn:after{content:"";border:5px solid #0000;border-top-color:var(--gold2);border-bottom:0;position:absolute;top:100%;left:50%;translate:-50%}.hud .bottom-bar .slot-wrap.can-level .lvl-btn{opacity:1;pointer-events:auto;animation:1.3s ease-in-out infinite lvlPulse;translate:-50%;scale:1}.hud .bottom-bar .slot-wrap.can-level .lvl-btn:hover{filter:brightness(1.25);scale:1.14}.hud .bottom-bar .slot-wrap.can-level .lvl-btn:active{scale:.9}@keyframes lvlPulse{50%{box-shadow:0 0 18px #ffd26ef2,0 0 4px #fff0c8e6,inset 0 1px #ffffff40}}.slot{cursor:help;background:#0b0806;border:2px solid #4e4232;border-radius:8px;width:62px;height:62px;transition:border-color .15s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 3px 8px #00000080}.slot:after{content:"";pointer-events:none;border-radius:6px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff0d224,inset 0 -12px 16px #0000004d}.slot.pressed{animation:.22s ease-out slotPress}@keyframes slotPress{0%{filter:brightness(1.6);transform:scale(.88)}to{filter:none;transform:scale(1)}}.slot-shine{pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 30%,#ffffffd9 48%,#ffecb466 55%,#0000 70%) 0 0/250% 100%;position:absolute;inset:0}.slot.flash .slot-shine{animation:.55s ease-out slotShine}.slot.flash{animation:.55s ease-out slotReady}@keyframes slotShine{0%{opacity:1;background-position:120% 0}to{opacity:0;background-position:-60% 0}}@keyframes slotReady{0%{box-shadow:0 0 0 2px #fff0c8e6,0 0 22px #ffdc8ccc}to{box-shadow:0 0 0 1px #000,0 3px 8px #00000080}}.slot.small{width:48px;height:48px}.slot.ult{border-color:#8a6a2a}.slot.ready{border-color:#7a6a52}.slot.ult.ready{border-color:var(--gold);animation:2.2s ease-in-out infinite ultGlow}.slot.ult.ready.flash{animation:.55s ease-out slotReady,2.2s ease-in-out .55s infinite ultGlow}@keyframes ultGlow{0%,to{box-shadow:0 0 0 1px #000,0 0 8px #ffc85a59,0 3px 8px #00000080}50%{box-shadow:0 0 0 1px #000,0 0 18px #ffd26ebf,0 3px 8px #00000080}}.slot.active{border-color:#fff;box-shadow:0 0 0 1px #000,0 0 14px #ffe6a099}.slot-icon{width:100%;height:100%;transition:filter .35s}.slot-icon .gt{box-shadow:inset 0 calc(var(--tsz) * -.24) calc(var(--tsz) * .32) #00000059;border-radius:0}.slot.small .slot-icon .gt{--tsz:48px}.slot.nores .slot-icon{filter:saturate(.25)brightness(.55)sepia(.4)hue-rotate(180deg)}.slot.oor:not(.nores) .slot-icon{filter:sepia()saturate(4)hue-rotate(-40deg)brightness(.62)}.slot.rest-slot{cursor:pointer;width:44px;height:44px}.slot.rest-slot .slot-icon .gt{--tsz:44px}.slot.rest-slot.resting{border-color:#f0c878;box-shadow:0 0 0 1px #000,0 0 16px #ffc46e99}.slot.rest-slot.nores .slot-icon{filter:grayscale(.85)brightness(.45)}.slot.rest-slot.denied{animation:.35s ease-out restDenied}.p-cast{pointer-events:none;opacity:0;background:#000000d1;border-radius:4px;width:280px;height:18px;position:absolute;bottom:188px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 0 1px #c9a35b99,0 3px 10px #0000008c}.p-cast.hidden{display:none}.p-cast-fill{transform-origin:0;background:linear-gradient(#ffe08a,#d89a2a 60%,#a8681a);position:absolute;inset:0;transform:scaleX(0)}.p-cast.channel .p-cast-fill{background:linear-gradient(#a8f0a0,#4ab05a 60%,#2a7a3a)}.p-cast.done .p-cast-fill{background:linear-gradient(#fff6c0,#ffd76a)}.p-cast.failed .p-cast-fill{background:linear-gradient(#ff8a7a,#c0302a 60%,#801a14)}.p-cast-name{font:800 11px var(--ui);color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;text-overflow:ellipsis;line-height:18px;position:absolute;inset:0 40px 0 8px;overflow:hidden}.p-cast.failed .p-cast-name,.p-cast.done .p-cast-name{text-align:center;inset:0 8px}.p-cast-time{font:700 10px var(--ui);color:#fff4d6;text-shadow:0 1px 2px #000;line-height:18px;position:absolute;top:0;right:7px}.slot.bag-slot.full{border-color:#ff7a5a;box-shadow:0 0 0 1px #000,0 0 14px #ff6e508c}.slot.bag-slot.full .slot-charges{color:#ff9a86}@keyframes restDenied{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.rest-status{opacity:0;pointer-events:none;white-space:nowrap;background:linear-gradient(#2c2114f0,#100c08f2);border-radius:18px;align-items:center;gap:8px;padding:5px 16px 5px 9px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:216px;left:50%;transform:translate(-50%,6px);box-shadow:inset 0 0 0 1px #f0c8788c,0 4px 14px #0000008c}.hud.resting~.tip{bottom:266px}.rest-status.on{opacity:1;transform:translate(-50%)}.rs-icon{color:#f0c878;display:inline-flex}.rs-icon .gi{vertical-align:0;width:24px;height:24px}.rest-status.on .rs-icon{animation:1.8s ease-in-out infinite restBob}@keyframes restBob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(-6deg)}}.rs-title{font:700 12px/14px var(--ui);color:var(--gold2)}.rs-line{font:600 11px/13px var(--ui);color:#d8ccb0;font-variant-numeric:tabular-nums}.slot.unlearned,.slot.ult.unlearned{background:#060504;border-color:#2a2219;animation:none}.slot.unlearned .slot-icon{filter:grayscale()brightness(.3)contrast(1.1)}.slot.unlearned .slot-key{opacity:.6}.slot.unlearned.learnable,.slot.ult.unlearned.learnable{border-color:#d8b35abf}.slot.unlearned.learnable .slot-icon{filter:grayscale(.85)brightness(.48)}.slot-lock{z-index:2;pointer-events:none;opacity:.8;display:none;position:absolute;inset:0}.slot.unlearned .slot-lock{display:block}.slot.unlearned.learnable .slot-lock{opacity:.45}.slot-lock:before{content:"";border:2px solid #d8ccb6;border-bottom:0;border-radius:6px 6px 0 0;width:12px;height:11px;position:absolute;top:calc(50% - 11px);left:50%;translate:-50%}.slot-lock:after{content:"";background:linear-gradient(#e8dcc4,#8a7e68);border-radius:3px;width:16px;height:12px;position:absolute;top:calc(50% - 2px);left:50%;translate:-50%;box-shadow:0 1px 3px #000c}.slot.small .slot-lock{scale:.8}.slot.learned,.slot.ult.ready.learned{animation:.75s ease-out slotLearned}.slot.ranked,.slot.ult.ready.ranked{animation:.6s ease-out slotRanked}.slot.learned .slot-shine,.slot.ranked .slot-shine{animation:.6s ease-out slotShine}@keyframes slotLearned{0%{transform:scale(1.14);box-shadow:0 0 0 2px #fff3c8,0 0 28px #ffd26ef2}to{transform:scale(1);box-shadow:0 0 0 1px #000,0 3px 8px #00000080}}@keyframes slotRanked{0%{box-shadow:0 0 0 2px #ffecb4f2,0 0 20px #ffd26ed9}to{box-shadow:0 0 0 1px #000,0 3px 8px #00000080}}.slot-cd{position:absolute;inset:0}.slot-cdtext{z-index:2;font:800 19px var(--ui);text-shadow:0 1px 3px #000,0 0 2px #000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.slot-key{z-index:2;min-width:15px;height:15px;font:800 10px/15px var(--ui);text-align:center;color:var(--gold2);background:#080604d9;border-radius:3px;padding:0 3px;position:absolute;top:2px;left:2px;box-shadow:inset 0 0 0 1px #f3d58a80}.slot-cost{z-index:2;font:700 10px var(--ui);color:#b8ccff;text-shadow:0 1px 2px #000,0 0 2px #000;position:absolute;bottom:1px;right:3px}.slot-charges{z-index:2;font:800 12px var(--ui);color:#fff;text-shadow:0 1px 2px #000;position:absolute;top:1px;right:3px}.slot.blocked .slot-icon{filter:saturate(.2)brightness(.48)}.slot.blocked .slot-cost{color:#8f8578}.slot.spend-ready{border-color:var(--rc);animation:1s ease-in-out infinite spendGlow}.slot.spend-ready:after{box-shadow:inset 0 0 0 1px #fff0d233, inset 0 0 16px color-mix(in srgb, var(--rc) 55%, transparent)}@keyframes spendGlow{0%,to{box-shadow:0 0 0 1px #000, 0 0 10px color-mix(in srgb, var(--rc) 55%, transparent), 0 3px 8px #00000080}50%{box-shadow:0 0 0 1px #000, 0 0 22px var(--rc), 0 0 6px var(--rc), 0 3px 8px #00000080}}.slot-stacks{z-index:2;font:800 12px var(--ui);color:color-mix(in srgb, var(--rc) 70%, #fff);text-shadow:0 1px 2px #000,0 0 3px #000;position:absolute;bottom:1px;left:3px}.rot-row{cursor:help;border-radius:3px;align-items:center;gap:10px;height:16px;padding:0 4px;display:flex}.rot-name,.rot-count{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000;flex:1 1 0;min-width:0;transition:color .2s,text-shadow .2s;overflow:hidden}.rot-name{font:700 10px var(--head);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--rc) 70%, #d8ccb6)}.rot-count{text-align:right;font:800 10px var(--ui);color:#8f8578;font-variant-numeric:tabular-nums}.rot-pips,.boss-pips{align-items:center;gap:8px;display:flex}.rp{background:#110c09;border-radius:2px;width:10px;height:10px;position:relative;rotate:45deg;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #fff0d221,inset 0 2px 3px #000c}.rp:after{content:"";border-radius:inherit;opacity:0;background:radial-gradient(circle at 30% 30%, #fff 0, color-mix(in srgb, var(--rc) 65%, #fff) 22%, var(--rc) 55%, color-mix(in srgb, var(--rc) 55%, #000) 100%);box-shadow:0 0 6px color-mix(in srgb, var(--rc) 80%, transparent), 0 0 0 1px #ffffff40;transition:opacity .12s;position:absolute;inset:0}.rp.on:after{opacity:1}.rot-row.max .rp.on:after,.boss-pips.max .rp.on:after{animation:1.1s ease-in-out infinite rpFull}@keyframes rpFull{50%{filter:brightness(1.5);box-shadow:0 0 11px var(--rc), 0 0 0 1px #ffffff73}}.rot-row.fading .rp.on:after,.boss-pips.fading .rp.on:after{animation:.3s ease-in-out infinite alternate rpFade}@keyframes rpFade{to{opacity:.3}}.rot-row .rp.on.gain:after,.boss-pips .rp.on.gain:after{animation:.42s cubic-bezier(.2,.9,.3,1.4) both rpGain;animation-delay:inherit}@keyframes rpGain{0%{scale:.2}55%{filter:brightness(2.2);scale:1.55}to{filter:none;scale:1}}.rp.drain:after{animation:.38s ease-in forwards rpDrain}@keyframes rpDrain{0%{opacity:1;filter:brightness(1.9);scale:1.2}to{opacity:0;scale:.3}}.rot-row.ready .rot-name{color:#fff;text-shadow:0 0 8px var(--rc), 0 1px 2px #000}.rot-row.ready .rot-count{color:color-mix(in srgb, var(--rc) 75%, #fff)}.rot-row.charged{animation:.6s ease-out rotCharged}@keyframes rotCharged{0%{background:color-mix(in srgb, var(--rc) 38%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--rc) 60%, transparent)}to{box-shadow:none;background:0 0}}.bars{flex-direction:column;gap:4px;margin-top:5px;display:flex}.bar{background:#1c0b0a;border:1px solid #000;border-radius:3px;height:17px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c9a35b40}.bar.res{background:#0c0c14;height:12px}.bar-fill{z-index:1;height:100%;transition:width .1s linear;position:relative;box-shadow:inset 0 1px #ffffff59,inset 0 -2px 4px #00000040}.bar-fill.hp{background:linear-gradient(#6aea84,#2a9a44)}.bar-fill.hp.low{background:linear-gradient(#ff7a5a,#b8281c);animation:.9s ease-in-out infinite lowPulse}@keyframes lowPulse{50%{filter:brightness(1.35)}}.bar-lag{background:linear-gradient(#fff2c8,#d8b874);transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.bar-shield{z-index:2;background:#ffffffd9;height:30%;position:absolute;top:0;left:0}.bar-text{z-index:3;font:700 11px var(--ui);text-align:center;text-shadow:0 1px 2px #000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bar.res .bar-text{font-size:9px}.xp-bar{cursor:help;background:#08050ceb;border:1px solid #000;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c9a35b33}.xp-fill{background:linear-gradient(90deg,#6a3ac8,#c08aff);height:100%;transition:width .4s ease-out}.xp-bar.max{box-shadow:0 0 0 1px #6a5422}.xp-bar.max .xp-fill{background:linear-gradient(90deg,#b8862a,#ffe39a 50%,#d8a83a);box-shadow:0 0 8px #ffd26e99}.xp-bar.gain{animation:.7s ease-out xpGain}.xp-bar.levelup{animation:.9s ease-out xpLevel}@keyframes xpLevel{0%{box-shadow:0 0 0 1px #ffecaa,0 0 18px #ffd26ef2}to{box-shadow:0 0 0 1px #c9a35b33}}@keyframes xpGain{0%{box-shadow:0 0 0 1px #c896ffe6,0 0 14px #b478ffcc}to{box-shadow:0 0 0 1px #c9a35b33}}.portrait-level.pop{animation:.9s cubic-bezier(.2,.9,.3,1.4) levelPop}@keyframes levelPop{0%{transform:scale(1.9);box-shadow:0 0 22px #ffd76af2}to{transform:scale(1)}}.boss-frame{text-align:center;width:min(560px,100vw - 540px);min-width:300px;animation:.6s cubic-bezier(.2,.9,.3,1.2) bossIn;position:absolute;top:12px;left:50%;transform:translate(-50%)}@keyframes bossIn{0%{opacity:0;transform:translate(-50%,-16px)scale(.96)}}.boss-head{justify-content:center;align-items:center;gap:10px;display:flex}.boss-head:before,.boss-head:after{content:"";background:linear-gradient(90deg,#0000,#ffbe7899);flex:1;height:1px}.boss-head:after{background:linear-gradient(90deg,#ffbe7899,#0000)}.boss-skull{color:#ff9a5a;filter:drop-shadow(0 0 6px #ff5a1ecc);display:inline-flex}.boss-skull .gi{vertical-align:0;width:18px;height:18px}.boss-name{font:900 19px var(--head);letter-spacing:.06em;color:#ffd9a0;text-shadow:0 2px 6px #000,0 0 18px #ff6e2873}.boss-bar{background:#1a0806;border:2px solid #8a5a2a;border-radius:5px;height:22px;margin-top:5px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 6px 18px #0009,inset 0 2px 6px #000000b3}.boss-fill{z-index:1;background:linear-gradient(#ff7a46 0%,#e0401c 45%,#8a1606 100%);height:100%;transition:width .15s linear;position:relative;box-shadow:inset 0 1px #ffdcb473}.boss-frame.enraged .boss-fill{animation:.7s ease-in-out infinite lowPulse}.boss-lag{background:linear-gradient(#fff0c0,#e0b060);transition:width .15s linear;position:absolute;top:0;bottom:0;left:0}.boss-ticks{z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#00000073 calc(10% - 1px) 10%);position:absolute;inset:0}.boss-pct{z-index:3;font:800 12px var(--ui);text-shadow:0 1px 2px #000,0 0 4px #000;line-height:18px;position:absolute;inset:0}.boss-cast{background:#000c;border:1px solid #5a5a5a;border-radius:4px;width:70%;height:18px;margin:6px auto 0;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080}.boss-cast-fill{background:linear-gradient(#c8c8c8,#707070);height:100%;box-shadow:2px 0 6px #fff9}.boss-cast.kick{border-color:#ffd36a;animation:.6s ease-in-out infinite alternate kickPulse}@keyframes kickPulse{0%{box-shadow:0 0 4px #ffc85066}to{box-shadow:0 0 16px #ffd25af2}}.boss-cast.kick .boss-cast-fill{background:linear-gradient(#ffe880,#d8901a)}.boss-cast.kick .boss-cast-name:before{content:"INTERRUPT · ";color:#fff3c0;letter-spacing:.08em}.boss-cast-name{font:800 11px var(--ui);text-shadow:0 1px 2px #000,0 0 3px #000;line-height:16px;position:absolute;inset:0}.boss-cast-time{font:700 10px var(--ui);color:#e8e0d0;text-shadow:0 1px 2px #000;line-height:16px;position:absolute;top:0;right:6px}.boss-pips{cursor:help;justify-content:center;height:14px;margin-top:7px}.boss-pips .rp{width:11px;height:11px}.boss-status{color:#ffb08a;text-shadow:0 1px 3px #000;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin-top:4px;font-size:12px;display:flex}.bs-buff{align-items:center;gap:5px;display:inline-flex}.target-frame{background:var(--hud-bg);width:232px;box-shadow:var(--hud-line), 0 4px 14px #00000059;border:1px solid #000;border-radius:5px;padding:7px 9px;position:absolute;top:14px;left:14px}.tf-top{font:700 13px var(--ui);align-items:center;gap:6px;margin-bottom:5px;display:flex}.tf-level{box-shadow:0 0 0 1px #000, 0 0 0 2px var(--gold);background:radial-gradient(circle at 50% 35%,#2a1a14,#0b0806);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:flex}.target-frame.elite{box-shadow:inset 0 0 0 1px #d8a83a,0 0 0 1px #ffc85a40,0 4px 14px #0006}.tf-bar{background:#1a0c0c;border-radius:2px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0009,0 0 0 1px #000c}.tf-fill{z-index:1;background:linear-gradient(#ff6a50,#b8281c);height:100%;position:relative;box-shadow:inset 0 1px #ffffff4d}.target-frame.friendly .tf-fill{background:linear-gradient(#6aea84,#2f9e4a)}.tf-lag{background:linear-gradient(#fff2c8,#d8b874);position:absolute;top:0;bottom:0;left:0}.tf-text{z-index:2;font:700 10px var(--ui);text-align:center;text-shadow:0 1px 2px #000;line-height:14px;position:absolute;inset:0}.tracker{background:var(--hud-bg);width:240px;box-shadow:var(--hud-line), 0 6px 18px #0006;border:1px solid #000;border-radius:6px;padding:10px 12px;position:absolute;top:14px;right:14px}.tr-title{font:700 15px var(--head);letter-spacing:.03em;color:#ffbf80;text-shadow:0 1px 3px #000}.tr-sub{color:var(--muted);justify-content:space-between;align-items:center;margin:2px 0 8px;font-size:12px;display:flex}.tr-clock{align-items:center;gap:4px;display:inline-flex}.tr-clock .gi{vertical-align:0;width:13px;height:13px}.tr-time{color:var(--text);font-variant-numeric:tabular-nums}.tr-affixes{flex-wrap:wrap;gap:4px;margin:-2px 0 8px;display:flex}.tr-boss{color:#d8ccb8;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:flex}.tr-boss .gi{vertical-align:0;color:#c9906a;width:14px;height:14px}.tr-boss.fighting{color:#ffcf6a}.tr-boss.fighting .gi{color:#ff7a4a;animation:.8s ease-in-out infinite lowPulse}.tr-boss.done{color:#7a957a}.tr-boss.done span{text-decoration:line-through}.tr-boss.done .gi{color:#6fd88a}.tr-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:8px 0 5px;font-size:10px}.tr-augs{flex-wrap:wrap;gap:4px;font-size:12px;display:flex}.aug-chip{--tsz:30px;width:var(--tsz);height:var(--tsz);cursor:help;box-shadow:0 0 0 1px #000, 0 0 0 2px var(--tier1);border-radius:5px;display:inline-flex}.aug-chip>.gt{--tsz:inherit;border-radius:5px}.aug-chip.new{animation:.7s cubic-bezier(.2,.9,.3,1.4) chipIn}@keyframes chipIn{0%{opacity:0;transform:scale(.2)rotate(-20deg)}60%{filter:brightness(1.6)}to{opacity:1;transform:none}}.aug-chip.tier2{box-shadow:0 0 0 1px #000, 0 0 0 2px var(--tier2)}.aug-chip.tier3{box-shadow:0 0 0 1px #000, 0 0 0 2px var(--tier3), 0 0 8px #c070ff80}.tracker .btn{width:100%;margin-top:10px}.tr-journal{margin-top:8px}.banner{text-align:center;--bc:#ffd76a;position:absolute;top:19%;left:0;right:0}.banner.show{animation:3.6s forwards banner}@keyframes banner{0%{opacity:0;transform:translateY(10px)scale(.96)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.banner-text{font:900 clamp(26px, 3.4vw, 44px) var(--head);color:var(--bc);text-shadow:0 3px 14px #000, 0 0 30px #000c, 0 0 40px color-mix(in srgb, var(--bc) 45%, transparent);letter-spacing:.04em}.banner.show .banner-text{animation:3.6s forwards bannerText}@keyframes bannerText{0%{letter-spacing:.22em;filter:blur(4px)}12%{letter-spacing:.05em;filter:none}to{letter-spacing:.07em}}.announce{text-align:center;pointer-events:none;--ac:#ffd76a;position:absolute;top:30%;left:0;right:0}.announce-text{font:900 clamp(22px, 2.6vw, 34px) var(--head);text-transform:uppercase;letter-spacing:.06em;color:var(--ac);-webkit-text-stroke:1px #0009;text-shadow:0 2px 10px #000, 0 0 24px color-mix(in srgb, var(--ac) 60%, transparent);display:inline-block}.announce[data-tier="5"] .announce-text,.announce[data-tier="6"] .announce-text{font-size:clamp(30px,3.6vw,48px)}.announce.show .announce-text{animation:2.4s cubic-bezier(.2,1.4,.4,1) forwards announce}@keyframes announce{0%{opacity:0;filter:blur(3px);transform:scale(1.8)}10%{opacity:1;filter:none;transform:scale(1)}75%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1.06)translateY(-8px)}}.banner-rule{background:linear-gradient(90deg, transparent, var(--bc), transparent);opacity:.75;width:min(520px,60vw);height:2px;margin:6px auto;position:relative}.banner-rule:after{content:"";background:var(--bc);width:8px;height:8px;box-shadow:0 0 10px var(--bc);position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}.banner.show .banner-rule{animation:3.6s forwards bannerRule}@keyframes bannerRule{0%{transform:scaleX(0)}15%{transform:scaleX(1)}}.banner-sub{font:600 15px var(--ui);color:#e8dcc8;text-shadow:0 2px 8px #000;margin-top:4px}.meter{background:var(--hud-bg);width:240px;box-shadow:var(--hud-line), 0 6px 18px #0006;border:1px solid #000;border-radius:6px;padding:8px 10px;position:absolute;bottom:236px;right:14px}.meter-title{font:700 10.5px var(--ui);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.meter-title:hover{color:var(--gold2)}.meter-title:after{content:"";background:currentColor;width:14px;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 5h9l-2.5-2.5L10 1l5 4.5L10 10 8.5 8.5 11 6H2zM14 11H5l2.5 2.5L6 15l-5-4.5L6 6l1.5 1.5L5 10h9z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 5h9l-2.5-2.5L10 1l5 4.5L10 10 8.5 8.5 11 6H2zM14 11H5l2.5 2.5L6 15l-5-4.5L6 6l1.5 1.5L5 10h9z'/%3E%3C/svg%3E") 50%/contain no-repeat}.meter-row,.res-meter{background:#0f0c09;border-radius:2px;height:18px;margin-bottom:3px;font-size:11px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.meter-fill{opacity:.55;position:absolute;inset:0 auto 0 0}.meter-name{text-shadow:0 1px 2px #000;font-weight:700;line-height:18px;position:absolute;left:6px}.meter-val{text-shadow:0 1px 2px #000;line-height:18px;position:absolute;right:6px}.res-meter{height:22px}.res-meter .meter-name,.res-meter .meter-val{line-height:22px}.minimap{border-radius:8px;width:210px;height:210px;position:absolute;bottom:14px;right:14px;box-shadow:0 0 0 1px #000,0 0 0 3px #3a2e20,0 0 0 4px #c9a35b99,0 8px 24px #0009}.hint{color:#e1d4c06b;max-width:calc(50vw - 260px);font-size:11px;position:absolute;bottom:6px;left:14px}@media (max-width:1300px){.hint{display:none}}.fps{font:700 11px var(--ui);color:#9fe8a0;pointer-events:none;font-variant-numeric:tabular-nums;background:#00000073;border-radius:5px;padding:2px 7px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.fps.slow{color:#ffb070}.aura-row{flex-wrap:wrap;gap:4px;display:flex}.aura-row:empty{display:none}.tf-auras{margin-top:6px}.tf-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tf-tot{text-overflow:ellipsis;white-space:nowrap;max-width:45%;font:700 10px var(--ui);color:#9fc4ff;text-shadow:0 1px 2px #000;flex:none;overflow:hidden}.tf-tot.danger{color:#ff9a7a}.tf-tot.danger.me{color:#ff5a40;animation:.5s ease-in-out infinite alternate totWarn}@keyframes totWarn{to{color:#ffd0c0}}.tf-cast{background:#000c;border:1px solid #5a5a5a;border-radius:3px;height:14px;margin-top:5px;position:relative;overflow:hidden}.tf-cast-fill{background:linear-gradient(#c8c8c8,#707070);height:100%}.tf-cast.friendly .tf-cast-fill{background:linear-gradient(#a8d0ff,#4a78c0)}.tf-cast.kick{border-color:#ffd36a;animation:.6s ease-in-out infinite alternate kickPulse}.tf-cast.kick .tf-cast-fill{background:linear-gradient(#ffe880,#d8901a)}.tf-cast-name{font:800 10px var(--ui);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 3px #000;line-height:12px;position:absolute;inset:0 34px 0 6px;overflow:hidden}.tf-cast.kick .tf-cast-name:before{content:"INTERRUPT · ";color:#fff3c0}.tf-cast-time{font:700 9px var(--ui);color:#e8e0d0;text-shadow:0 1px 2px #000;line-height:12px;position:absolute;top:0;right:5px}.boss-auras{justify-content:center;margin-top:6px}.buff.aura{width:26px;height:26px}.buff.aura>.gt{--tsz:26px}.buff.aura.mine{width:32px;height:32px;box-shadow:0 0 0 1px #000,0 0 0 3px #ffcf5a,0 0 12px #ffc85ad9}.buff.aura.mine>.gt{--tsz:32px}.buff.aura.debuff:not(.mine){opacity:.55;filter:saturate(.5);align-self:center;width:20px;height:20px}.buff.aura.debuff:not(.mine)>.gt{--tsz:20px}.buff.aura.mine+.buff.aura:not(.mine){margin-left:6px}.target-frame.rare{box-shadow:inset 0 0 0 1px #dfe8ff,0 0 0 1px #c8d7ff4d,0 0 14px #c8d7ff40,0 4px 14px #0006}.target-frame.rare .tf-name{color:#e8eeff}.announce[data-tier=rare] .announce-text{text-transform:none;font-size:clamp(18px,2vw,26px)}.lobby-meta>.meta-ach{font:700 14px var(--head);color:var(--text);cursor:pointer;background:#0c0907cc;border:0;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex;box-shadow:inset 0 0 0 1px #c9a35b59}.lobby-meta>.meta-ach:hover{box-shadow:inset 0 0 0 1px var(--gold), 0 0 10px #ffcf5a4d}.ach-toast{z-index:40;pointer-events:none;background:linear-gradient(#2a2016,#120d08);border:2px solid #c9a35b;border-radius:8px;align-items:center;gap:12px;min-width:340px;padding:10px 14px;transition:opacity .5s,translate .5s;animation:.45s cubic-bezier(.2,1.4,.4,1) achIn;display:flex;position:absolute;bottom:28%;left:50%;translate:-50%;box-shadow:0 0 0 1px #000,0 0 24px #ffc85a59,0 8px 24px #0009}.ach-toast.fade{opacity:0;translate:-50% 12px}@keyframes achIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.ach-icon{color:#ffe2a0;background:radial-gradient(circle at 50% 35%,#5a4420,#1a120a);border-radius:6px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 0 0 1px #000,0 0 0 2px #c9a35b}.ach-icon .gi{width:32px;height:32px}.ach-body{flex:1;min-width:0}.ach-head{font:700 10px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:#c9a35b}.ach-name{font:800 17px var(--head);color:#fff3d0;text-shadow:0 1px 3px #000}.ach-desc{color:var(--muted);font-size:12px}.ach-points{color:#c9a35b;flex:none;justify-content:center;align-items:center;width:38px;height:42px;display:inline-flex;position:relative}.ach-points .gi{width:100%;height:100%;position:absolute;inset:0}.ach-points b{font:900 14px var(--head);color:#fff;text-shadow:0 1px 3px #000,0 0 4px #000;position:relative}.ach-panel{width:min(640px,94vw);max-width:none;height:min(780px,90vh)}.ach-summary{font:700 14px var(--head);background:#08060480;border-radius:5px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;box-shadow:inset 0 0 0 1px #c9a35b40}.ach-summary .gi{width:18px;height:18px;color:var(--gold);vertical-align:-3px;margin-right:6px}.ach-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:4px;display:flex;overflow:auto}.ach-row{filter:grayscale()brightness(.7);background:#08060480;border-radius:5px;align-items:center;gap:12px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.ach-row.earned{filter:none;background:linear-gradient(90deg,#5a421873,#08060480 70%);box-shadow:inset 0 0 0 1px #c9a35b73}.ach-row .ach-icon{width:40px;height:40px}.ach-row .ach-icon .gi{width:28px;height:28px}.ach-side{flex-direction:column;align-items:center;gap:2px;display:flex}.ach-date{color:var(--muted);font-size:10px}.tr-key{--kc:#ffd76a;margin:-4px 0 8px}.tr-key-bar{background:#0000008c;border-radius:3px;height:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.tr-key-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--kc) 55%, #000), var(--kc));height:100%;box-shadow:0 0 6px var(--kc);transition:background .4s}.tr-key-bar i{background:#ffffff8c;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tr-key-row{font-variant-numeric:tabular-nums;color:var(--muted);align-items:baseline;gap:8px;margin-top:3px;font-size:11px;display:flex}.tr-key-lv{font:700 12px var(--head);color:var(--kc);text-shadow:0 1px 2px #000}.tr-key-deaths{color:#ff9a8a;margin-left:auto}.tr-key.done .tr-key-left{color:var(--kc)}.res-key{font-weight:700}.res-key.lv1{color:#9ae86f}.res-key.lv2{color:#8ac8ff}.res-key.lv3{color:#ffd76a}.loading-screen.theme-lair{background:radial-gradient(80% 50% at 50% 115%,#ff3c0a66,#0000 70%),radial-gradient(80% 60% at 50% 40%,#1a0a07,#040101 75%)}.theme-lair .ld-title{background:linear-gradient(#ffe6c8,#ff8a3a 55%,#8a1a0a);-webkit-background-clip:text;background-clip:text}.theme-lair .ld-fill{background:linear-gradient(#ffd0a0,#ff6a1a 55%,#8a1a08);box-shadow:0 0 12px #ff5a1499,inset 0 1px #fff6}.dungeon-panel.theme-lair{background-image:var(--c-tl), var(--c-tr), var(--c-bl), var(--c-br), radial-gradient(120% 50% at 50% 0%, #c81e0a42, transparent 75%), radial-gradient(130% 70% at 50% 0%, #3c140a33, transparent 70%), var(--grain)}.dungeon-card.theme-lair{background:linear-gradient(110deg,#96140880,#0a0606f5 70%)}.theme-lair .dg-name{color:#ff9a6a}.journal-tab.sel.theme-lair{color:#ff9a6a;box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(110deg,#96140880,#0e0807 75%)}.loading-screen.theme-blackrock{background:radial-gradient(70% 55% at 50% 110%,#ff461452,#0000 70%),radial-gradient(80% 60% at 50% 40%,#16100e,#040303 75%)}.theme-blackrock .ld-title{background:linear-gradient(#f0e6e0,#c9a090 55%,#6a2a1a);-webkit-background-clip:text;background-clip:text}.theme-blackrock .ld-fill{background:linear-gradient(#ffc0a0,#e0502a 55%,#6a1a0a);box-shadow:0 0 12px #e650288c,inset 0 1px #fff6}.dungeon-panel.theme-blackrock{background-image:var(--c-tl), var(--c-tr), var(--c-bl), var(--c-br), radial-gradient(120% 50% at 50% 0%, #781e143d, transparent 75%), radial-gradient(130% 70% at 50% 0%, #5046461f, transparent 70%), var(--grain)}.dungeon-card.theme-blackrock{background:linear-gradient(110deg,#5a1e1a8c,#0a0909f5 70%)}.theme-blackrock .dg-name{color:#e8b8a8}.journal-tab.sel.theme-blackrock{color:#e8b8a8;box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(110deg,#5a1e1a8c,#0c0a0a 75%)}.boss-timers{pointer-events:auto;flex-direction:column;gap:3px;width:min(300px,70%);margin:8px auto 0;display:flex}.bt-row{height:20px;font:700 12px var(--ui);color:#f4e6c8;text-shadow:0 1px 2px #000;background:#0c0806c7;border:1px solid #8a5a2ab3;border-radius:3px;align-items:center;gap:6px;padding:0 6px 0 2px;display:flex;position:relative;overflow:hidden}.bt-fill{background:linear-gradient(#d6a0468c,#8c5a1e8c);transition:width .12s linear;position:absolute;inset:0 auto 0 0}.bt-icon,.bt-name,.bt-time{position:relative}.bt-icon{display:inline-flex}.bt-icon .gt{--tsz:16px}.bt-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.bt-time{font-variant-numeric:tabular-nums}.bt-row.near{border-color:#ff6a3c}.bt-row.near .bt-fill{background:linear-gradient(#ff6e3cbf,#aa2814bf)}.bt-row.near .bt-time{color:#ffd0a0}.bt-row.now{border-color:#ff3c2a;animation:.5s ease-in-out infinite alternate btNow}.bt-row.now .bt-fill{background:linear-gradient(#ff4628d9,#aa140ad9)}@keyframes btNow{to{box-shadow:0 0 10px #ff4628cc}}.pframe:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .15s;position:absolute;inset:-1px;box-shadow:0 0 0 2px #ff3a26,0 0 12px #ff321eb3,inset 0 0 14px #ff281459}.pframe.aggro:before{opacity:1;animation:.8s ease-in-out infinite alternate pfAggro}@keyframes pfAggro{0%{opacity:.65}}.pframe.pulled{animation:.9s ease-out pfPulled}@keyframes pfPulled{0%,40%{filter:brightness(1.6)saturate(1.4);transform:translate(-2px)}20%{transform:translate(2px)}to{filter:none;transform:none}}.pframe.pulled:after{content:"Aggro!";pointer-events:none;font:800 10px/15px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#c8261a;border-radius:3px;padding:0 6px;animation:1.6s ease-out forwards pfPulledTag;position:absolute;inset:-9px 6px auto auto;box-shadow:0 0 0 1px #000,0 0 8px #ff3c1ecc}@keyframes pfPulledTag{0%{opacity:0;transform:translateY(4px)}12%,70%{opacity:1;transform:none}to{opacity:0}}.pf-aggro{min-width:15px;height:15px;font:800 10px/15px var(--ui);text-align:center;color:#fff;background:#c8261a;border-radius:8px;flex:none;padding:0 3px;box-shadow:0 0 0 1px #000,0 0 6px #ff3c1eb3}.pf-aggro.tank{background:#2f5f9a;box-shadow:0 0 0 1px #000}.pf-aggro:empty{display:none}.tr-forces{margin:-2px 0 8px}.tr-forces-bar{height:15px;font:700 10px var(--ui);color:#f2ead8;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;background:#0000008c;border-radius:3px;justify-content:space-between;align-items:center;padding:0 6px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.tr-forces-fill{background:linear-gradient(90deg,#4a3a8a,#8a6ad8);transition:width .3s ease-out;position:absolute;inset:0 auto 0 0}.tr-forces-label,.tr-forces-pct{position:relative}.tr-forces.done .tr-forces-fill{background:linear-gradient(90deg,#3d7a2c,#8fd16a);box-shadow:0 0 6px #8fd16a}.chat-frame{pointer-events:none;width:min(360px,34vw);position:absolute;bottom:240px;left:12px}@media (min-width:1500px){.chat-frame{bottom:16px}}.chat-lines{max-height:120px;font:600 12.5px/1.35 var(--ui);text-shadow:0 1px 2px #000,0 0 3px #000;flex-direction:column;justify-content:flex-end;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 22px);mask-image:linear-gradient(#0000,#000 22px)}.chat-line{color:#ffff9a;transition:opacity 1.2s}.chat-line.faded{opacity:0}.chat-line.yell{color:#ff4040}.chat-line.emote{color:#ff9c3c}.chat-line.loot{color:#00b000}.chat-line.death{color:#ff9a8a}.chat-line.ach{color:#ffff9a}.chat-line.party{color:#aaf}.chat-input{pointer-events:auto;box-sizing:border-box;width:100%;font:600 12.5px/1.35 var(--ui);color:#aaf;background:#080a12d1;border:1px solid #aaaaff73;border-radius:4px;outline:none;margin-top:4px;padding:4px 8px}.net-wait{font:600 15px/1.3 var(--ui);color:#f2e6c8;pointer-events:none;z-index:30;background:#0a0806cc;border:1px solid #dcb46e66;border-radius:6px;padding:10px 18px;position:absolute;top:22%;left:50%;transform:translate(-50%)}.chat-ach{color:#ffd76a}.chat-item{font-weight:800}.pf-ult{pointer-events:auto;border-radius:4px;flex:none;align-self:center;width:26px;height:26px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 0 2px #c9a35b73}.pf-ult-icon,.pf-ult-icon .gt{width:100%;height:100%;display:block}.pf-ult-sweep{position:absolute;inset:0}.pf-ult-time{font:800 11px var(--ui);color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;inset:0}.pf-ult.locked{filter:grayscale()brightness(.45)}.pf-ult.ready{box-shadow:0 0 0 1px #000,0 0 0 2px #f0d48c,0 0 9px #ffd26ebf}.pf-ult.up{animation:.7s ease-out pfUltUp}@keyframes pfUltUp{0%{filter:brightness(2);transform:scale(1.35)}to{filter:none;transform:scale(1)}}.pframe.dead .pf-ult{opacity:.5}.tg-station{margin:8px 0 6px}.tg-where{font:700 13px var(--head);color:#ffc04a;letter-spacing:.04em}.tg-hint{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.35}.tg-hint b{color:#f0e6d0}.tg-rates{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px;display:grid}.tg-rate{background:#00000059;border-radius:4px;flex-direction:column;align-items:center;padding:4px 2px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.tg-rate span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;font-size:9px}.tg-rate b{font:800 15px var(--ui);font-variant-numeric:tabular-nums}.tg-rate.dps b{color:#ffb070}.tg-rate.hps b{color:#8fe08a}.tg-rate.dtps b{color:#ff8a8a}.tg-bests{flex-direction:column;gap:2px;display:flex}.tg-best{color:#e8dcc0;justify-content:space-between;font-size:11.5px;display:flex}.tg-best b{color:#ffd76a;font-variant-numeric:tabular-nums}.tracker.training .btn{width:100%;margin-top:10px}.drill-frame{text-align:center;pointer-events:none;width:min(420px,100vw - 540px);min-width:280px;animation:.5s cubic-bezier(.2,.9,.3,1.2) bossIn;position:absolute;top:12px;left:50%;transform:translate(-50%)}.df-name{font:900 19px var(--head);letter-spacing:.06em;color:#ffd98a;text-shadow:0 2px 6px #000,0 0 16px #ffb43c73}.df-count{font:900 64px/1 var(--head);color:#fff3c8;text-shadow:0 3px 10px #000,0 0 30px #ffbe50cc}.drill-frame:not(.counting) .df-count{display:none}.drill-frame.counting .df-count{animation:1s ease-out infinite dfTick}@keyframes dfTick{0%{opacity:.4;transform:scale(1.4)}25%{opacity:1;transform:scale(1)}}.df-bar{background:#1a1206;border:2px solid #8a6a2a;border-radius:5px;height:18px;margin-top:5px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 6px 18px #0009}.df-fill{background:linear-gradient(#ffd070,#c88a20 60%,#7a4a08);height:100%;transition:width .15s linear}.df-time{font:800 12px var(--ui);color:#fff;text-shadow:0 1px 2px #000;place-items:center;display:grid;position:absolute;inset:0}.df-score{font:900 26px var(--head);color:#fff3c8;text-shadow:0 2px 8px #000;font-variant-numeric:tabular-nums;margin-top:4px}.df-detail{font:600 12.5px var(--ui);color:#f0e2c0;text-shadow:0 1px 3px #000,0 0 4px #000}.pf-group-label{text-transform:uppercase;letter-spacing:.12em;color:#9ad89a;text-shadow:0 1px 2px #000;margin:8px 0 3px 2px;font-size:10px}.pframe.patient{padding-top:4px;padding-bottom:4px}.pframe.patient .pf-top{margin-bottom:2px;font-size:11px}.pf-ready{font:900 17px/1 var(--ui);text-shadow:0 1px 2px #000;cursor:help;background:#080604b8;border-radius:50%;justify-content:center;align-items:center;animation:.25s ease-out pfReadyIn;display:none;position:absolute;inset:3px}.pf-ready.pending{color:#ffd76a;display:flex;box-shadow:0 0 0 2px #c8962a}.pf-ready.ready{color:#7dff8a;display:flex;box-shadow:0 0 0 2px #3cbf4a,0 0 10px #50ff6473}.pf-ready.notReady{color:#ff5a4a;display:flex;box-shadow:0 0 0 2px #d0352a,0 0 10px #ff3c2873}@keyframes pfReadyIn{0%{opacity:0;transform:scale(1.6)}}.pull-timer{pointer-events:none;z-index:5;width:min(260px,60vw);position:absolute;top:118px;left:50%;transform:translate(-50%)}.pull-timer .bt-icon .gi{width:14px;height:14px}.ready-pop{width:min(320px,100vw - 32px);font:600 13.5px/1.35 var(--ui);color:var(--text);z-index:40;animation:readyPopIn .22s var(--back);background:linear-gradient(#1d1711,#120e0a);border:1px solid #000;border-radius:6px;flex-direction:column;gap:10px;padding:12px 14px 13px;display:flex;position:absolute;top:150px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #c9a35b59,0 12px 32px #000000a6}@keyframes readyPopIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.96)}}.rp-head{align-items:center;gap:10px;display:flex}.rp-head b{color:var(--gold2)}.rp-icon .gi{color:#7dff8a;width:22px;height:22px}.rp-bar{background:#0a0806;border-radius:3px;height:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #000c}.rp-fill{background:linear-gradient(90deg,#c9a35b,#f0d48c);height:100%}.rp-btns{gap:8px;display:flex}.rp-btns .btn{flex:1}.char-xp>.char-xp-fill{position:relative}.char-xp>.char-xp-rested{background:linear-gradient(90deg,#508cff8c,#78b4ff66);position:absolute;top:0;bottom:0;box-shadow:0 0 6px #6eaaff73}.char-xp.rested{cursor:help}.tt-rested{color:#7fb4ff}.ping-wheel{pointer-events:none;z-index:60;width:0;height:0;position:fixed}.pw-hub{width:92px;height:92px;animation:pingWheelIn .14s var(--ease);background:radial-gradient(#0a08068c,#0a080626 70%,#0000);border:2px solid #ffffff2e;border-radius:50%;position:absolute;top:-46px;left:-46px;box-shadow:0 0 0 1px #0009}.pw-opt{white-space:nowrap;font:700 12.5px var(--ui);color:var(--pc);border:1px solid color-mix(in srgb, var(--pc) 45%, transparent);text-shadow:0 1px 2px #000;animation:pingWheelIn .14s var(--ease);background:#0a0806d1;border-radius:14px;padding:5px 10px;transition:transform 80ms,background 80ms;position:absolute;transform:translate(-50%,-50%)}.pw-up{top:-66px;left:0}.pw-down{top:66px;left:0}.pw-left{top:0;left:-86px}.pw-right{top:0;left:86px}.pw-opt.on{background:color-mix(in srgb, var(--pc) 30%, #0a0806e6);border-color:var(--pc);color:#fff;transform:translate(-50%,-50%)scale(1.15)}@keyframes pingWheelIn{0%{opacity:0;scale:.8}}html .game-root[data-cursor=loot] .game-canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='19' r='13.5' fill='%23ffc94a' opacity='0.22'/%3E%3Cpath d='M12 11 L9.5 4.5 L13.6 6.8 L16 3.2 L18.4 6.8 L22.5 4.5 L20 11 Z' fill='%23c48a42' stroke='%23180a02' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M11.2 12.4 C5.5 15.4 4.2 22.2 6.2 26.2 C8.4 30.4 23.6 30.4 25.8 26.2 C27.8 22.2 26.5 15.4 20.8 12.4 Z' fill='%23a86a2e' stroke='%23180a02' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M10.6 10.6 H21.4 V13.4 H10.6 Z' fill='%23ffd060' stroke='%233a2206' stroke-width='1'/%3E%3Cpath d='M9 18.5 C10.5 16.6 12.6 15.6 14.6 15.4' stroke='%23f0c080' stroke-width='1.3' fill='none' opacity='0.8'/%3E%3Ccircle cx='21.2' cy='23' r='3.4' fill='%23ffe27a' stroke='%236a4206' stroke-width='1'/%3E%3Cpath d='M27 2.5 L27.9 5.1 L30.5 6 L27.9 6.9 L27 9.5 L26.1 6.9 L23.5 6 L26.1 5.1 Z' fill='%23fffbe0' stroke='%23a07010' stroke-width='0.6'/%3E%3C/svg%3E") 10 6,pointer}.meter .mtt-row{cursor:help}.meter .mtt-row:hover{box-shadow:inset 0 0 0 1px #ffd67899}.tooltip:has(.mtt){max-width:620px}.mtt{border-collapse:collapse;font-variant-numeric:tabular-nums;margin-top:6px;font-size:11.5px}.mtt th{font:700 9.5px var(--ui,sans-serif);text-transform:uppercase;letter-spacing:.08em;color:#9a8a70;text-align:right;padding:0 6px 3px}.mtt th:nth-child(2){text-align:left}.mtt td{text-align:right;color:#e8dcc4;white-space:nowrap;padding:2px 6px}.mtt td:first-child{padding:1px 2px 1px 0}.mtt td.mtt-name{text-align:left;color:#fff4dc;min-width:120px;font-weight:600}.mtt-over span{color:#9a8a70}.mtt-none{color:#9a8a70;margin-top:6px}.raidwarn{pointer-events:none;z-index:6;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:31%;left:0;right:0}.rw-line{--rw:#ff9a3a;max-width:min(900px,100vw - 40px);font:800 22px var(--ui,sans-serif);letter-spacing:.01em;color:var(--rw);text-align:center;text-shadow:0 0 2px #000, 0 2px 3px #000, 0 0 14px color-mix(in srgb, var(--rw) 60%, transparent);-webkit-text-stroke:.6px #000c;align-items:center;gap:10px;animation:.35s cubic-bezier(.2,1.6,.4,1) both rw-in;display:flex}.rw-line .gt{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--rw) 70%, transparent));flex:none}.rw-self{color:#ffe9e0;text-shadow:0 0 3px #000, 0 2px 4px #000, 0 0 18px var(--rw), 0 0 30px var(--rw);background:radial-gradient(#a00a008c,#5a000000 75%);border-radius:8px;padding:6px 18px;font-size:30px;animation:.35s cubic-bezier(.2,1.6,.4,1) both rw-in,.5s ease-in-out .35s 5 alternate rw-pulse}@keyframes rw-in{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}@keyframes rw-pulse{0%{filter:brightness()}to{filter:brightness(1.45);transform:scale(1.04)}}@media (max-width:900px){.rw-line{font-size:17px}.rw-self{font-size:22px}}.meter-title .meter-label{cursor:pointer}.meter-title .meter-label:hover{color:var(--gold2)}.meter-seg{font:700 9.5px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:#d8c8a0;cursor:pointer;background:#ffd27814;border:none;border-radius:3px;padding:2px 6px;box-shadow:inset 0 0 0 1px #c9a35b59}.meter-seg:hover{color:var(--gold2);box-shadow:inset 0 0 0 1px var(--gold)}.meter{width:270px}.meter-head{height:14px;font:700 9px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:-2px 0 3px;position:relative}.meter-head>span:first-child{position:absolute;left:6px}.meter .meter-val{gap:6px;display:flex}.meter-head .meter-val{position:absolute;right:6px}.mv-total{text-align:right;min-width:52px;font-weight:700}.mv-ps{text-align:right;color:#f0d890;min-width:44px}.meter-head .mv-total,.meter-head .mv-ps{color:var(--dim);font-weight:700}.meter .meter-name{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 122px);overflow:hidden}div.toast-stack{right:298px}div.p-cast{border-radius:5px;width:380px;height:28px;box-shadow:inset 0 0 0 1px #c9a35bbf,0 0 0 1px #000,0 4px 14px #0009}div.p-cast .p-cast-name{font-size:14px;line-height:28px;inset:0 52px 0 10px}div.p-cast .p-cast-time{font-size:13px;line-height:28px;right:10px}.banner .banner-sub{max-width:min(640px,82vw);margin-left:auto;margin-right:auto;line-height:1.4}.tt-itemmeta{color:var(--text);margin:4px 0 2px;font-size:12px}.tt-bind{color:var(--text)}.tt-slotline{justify-content:space-between;gap:18px;display:flex}.tt-bad{color:#ff5a4a}.tt-classes{color:var(--muted)}.tt-stat.off{color:var(--dim)}.tt-why-off{color:var(--dim);font-size:11px}.tt-dur{color:var(--muted);margin-top:4px;font-size:12px}.tt-dur.low{color:#f0b050}.tt-dur.broken{color:#ff5a4a;font-weight:600}.tt-set{margin-top:8px;font-size:12px;line-height:1.4}.tt-set-name{color:#f0d48c;margin-bottom:2px}.tt-set-piece{color:var(--dim);padding-left:10px}.tt-set-piece.have{color:#f0e6c8}.tt-set-bonus{color:var(--dim);margin-top:3px}.tt-set-bonus.on{color:#3fd463}.goods-strip{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 14px;margin:6px 0 0;font-size:12px;display:flex}.goods-strip .good{align-items:center;gap:5px;display:inline-flex}.goods-strip .good b{color:var(--text)}.goods-strip .good.none b{color:var(--dim)}.bag-slot.set-piece,.gear-slot.set-piece{box-shadow:inset 0 0 0 1px #f0d48c8c}.gear-slot.broken .gt{filter:sepia()saturate(4)hue-rotate(-40deg)brightness(.7)}.gear-slot .dur-warn{color:#ff6a5a;text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;position:absolute;top:2px;left:3px}.rest-slot .food-count{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.rest-slot.no-food .slot-icon{opacity:.22;filter:grayscale()}.rest-slot.no-food .food-count{color:#ff8a7a}.loot-row.goods .loot-icon .gt{width:28px;height:28px}.emote-menu{background:var(--hud-bg,#100d0aeb);min-width:150px;box-shadow:var(--hud-line,inset 0 0 0 1px #c9a35b52), 0 6px 18px #0000008c;pointer-events:auto;z-index:30;animation:emote-menu-in .14s var(--ease,ease-out);border-radius:6px;flex-direction:column;gap:3px;padding:8px;display:flex;position:absolute;bottom:380px;left:12px}@media (min-width:1500px){.emote-menu{bottom:160px}}.emote-menu.hidden{display:none}@keyframes emote-menu-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}.emote-menu-title{font:700 12px/1.2 var(--head,serif);letter-spacing:.06em;color:var(--gold2,#f0d48c);justify-content:space-between;align-items:baseline;margin:0 2px 4px;display:flex}.emote-menu-key{font:600 10.5px/1 var(--ui,sans-serif);color:var(--muted,#a3988a)}.emote-btn{font:600 12.5px/1.2 var(--ui,sans-serif);color:var(--text,#efe7d6);cursor:var(--cur-pointer,pointer);text-align:left;background:#ffffff08;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:3px 8px 3px 4px;display:flex}.emote-btn:hover{color:var(--gold3,#fff1c9);background:#f0d48c1a;border-color:#f0d48c59}.emote-key{width:12px;color:var(--dim,#6e665b);text-align:center;font-size:10.5px}.emote-name{flex:1}.chat-line.p-emote{color:#ffb070}.dr-panel{background:var(--hud-bg);width:min(380px,100vw - 560px);min-width:260px;box-shadow:var(--hud-line), 0 6px 18px #00000073;pointer-events:auto;border:1px solid #000;border-radius:6px;padding:7px 10px 8px;animation:.45s cubic-bezier(.2,.9,.3,1.2) drIn;position:absolute;top:12px;left:50%;transform:translate(-50%)}.dr-panel.hidden{display:none}.dr-panel.low{top:170px}@keyframes drIn{0%{opacity:0;transform:translate(-50%,-12px)}}.dr-vault{--medal:#ffd76a}.dr-head{font:600 11px var(--ui);color:#e8dcc0;align-items:baseline;gap:10px;display:flex}.dr-name{font:700 13px var(--head);color:var(--gold2);letter-spacing:.04em;margin-right:auto}.dr-medal{color:var(--medal);text-shadow:0 0 8px color-mix(in srgb, var(--medal) 60%, transparent)}.dr-time{font-variant-numeric:tabular-nums;color:#fff}.dr-wave{color:#c8b8a0}.dr-track{background:#0000008c;border-radius:4px;height:8px;margin-top:6px;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff14}.dr-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--medal) 55%, #000), var(--medal));box-shadow:0 0 10px color-mix(in srgb, var(--medal) 50%, transparent);border-radius:4px;transition:background .4s;position:absolute;inset:0 auto 0 0}.dr-mark{background:var(--mc);width:2px;height:14px;box-shadow:0 0 6px var(--mc);margin-left:-1px;position:absolute;top:-3px}.dr-vault.urgent .dr-medal{animation:.5s ease-in-out infinite alternate drPulse}@keyframes drPulse{to{opacity:.45}}.dr-altar{text-align:center}.dr-title{font:700 13px var(--head);color:#d8b8ff;letter-spacing:.04em}.dr-sockets{justify-content:center;gap:10px;margin:6px 0 4px;display:flex}.dr-socket{border:2px solid var(--oc);width:18px;height:18px;box-shadow:0 0 6px color-mix(in srgb, var(--oc) 40%, transparent);opacity:.75;background:#0009;border-radius:50%}.dr-socket.filled{background:radial-gradient(circle at 35% 30%, #fff, var(--oc) 45%, color-mix(in srgb, var(--oc) 40%, #000));box-shadow:0 0 12px var(--oc);opacity:1}.dr-hint{font:500 10.5px var(--ui);color:#a89a88}.pf-orbs{z-index:2;gap:3px;display:flex;position:absolute;top:-6px;right:-8px}.pf-orb{background:radial-gradient(circle at 35% 30%, #fff, var(--oc) 45%, color-mix(in srgb, var(--oc) 35%, #000));width:13px;height:13px;box-shadow:0 0 8px var(--oc), 0 0 0 1px #000;border-radius:50%;animation:2.2s ease-in-out infinite drOrb}.pf-orb.mine{cursor:pointer;width:16px;height:16px}.pf-orb.mine:hover{transform:scale(1.2)}@keyframes drOrb{50%{box-shadow:0 0 14px var(--oc), 0 0 0 1px #000}}.dr-menu{z-index:50;background:var(--hud-bg,#1a1512);min-width:170px;box-shadow:var(--hud-line,none), 0 8px 22px #0009;border:1px solid #000;border-radius:5px;flex-direction:column;padding:4px;display:flex;position:fixed}.dr-menu-head{font:700 12px var(--head,serif);padding:4px 8px 6px}.dr-menu-item{font:600 12px var(--ui,sans-serif);color:#e8dcc0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:5px 8px}.dr-menu-item:hover:not(:disabled){color:#fff4d8;background:#f0d48c24}.dr-menu-item:disabled{color:#776b5c;cursor:default}.dr-letterbox{pointer-events:none;z-index:5;position:absolute;inset:0}.dr-bar{background:#000;height:9vh;transition:transform 1.1s cubic-bezier(.5,0,.2,1);position:absolute;left:0;right:0}.dr-bar.top{top:0;transform:translateY(-100%)}.dr-bar.bottom{bottom:0;transform:translateY(100%)}.dr-letterbox.on .dr-bar{transform:none}.dr-card{text-align:center;pointer-events:none;z-index:6;position:absolute;top:66%;left:50%;transform:translate(-50%,-50%)}.dr-card.hidden{display:none}.dr-card-name{font:700 clamp(26px, 3.8vw, 50px) var(--head);color:#fff1d8;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 22px #ff7828bf,0 3px #000}.dr-card-title{font:600 clamp(13px, 1.6vw, 19px) var(--head);color:#e8b878;letter-spacing:.32em;text-transform:uppercase;text-shadow:0 2px #000;margin-top:4px}.dr-card-rule{background:linear-gradient(90deg,#0000,#e8b878,#0000);width:0;height:2px;margin:10px auto}.dr-card.play .dr-card-name{animation:4.2s cubic-bezier(.2,.8,.2,1) both drCardName}.dr-card.play .dr-card-title{animation:4.2s both drCardTitle}.dr-card.play .dr-card-rule{animation:4.2s both drCardRule}@keyframes drCardName{0%{opacity:0;letter-spacing:.6em;filter:blur(8px)}18%{opacity:1;letter-spacing:.08em;filter:none}82%{opacity:1}to{opacity:0}}@keyframes drCardTitle{0%,20%{opacity:0;transform:translateY(8px)}34%{opacity:1;transform:none}82%{opacity:1}to{opacity:0}}@keyframes drCardRule{0%,10%{opacity:0;width:0}30%{opacity:1;width:min(520px,70vw)}82%{opacity:1}to{opacity:0;width:min(520px,70vw)}}.target-frame{width:330px;padding:9px 11px 10px;top:12px;bottom:auto;left:calc(50% - 380px)}.target-frame .tf-top{gap:8px;margin-bottom:7px;font-size:17px}.target-frame .tf-level{width:28px;height:28px;font-size:12px}.target-frame .tf-bar{height:22px}.target-frame .tf-text{font-size:13px}.target-frame.locked{box-shadow:inset 0 0 0 1px var(--gold), 0 0 16px #ffc85a2e, 0 4px 14px #0006}.tot-frame{background:var(--hud-bg);width:170px;box-shadow:var(--hud-line), 0 3px 10px #00000059;pointer-events:none;border:1px solid #000;border-radius:4px;padding:5px 7px 6px;position:absolute;top:calc(100% + 6px);right:0}.tot-frame.hidden{display:none}.tot-label{font:600 9px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-bottom:1px}.tot-name{font:700 12px var(--ui);color:var(--cc,#e8dcc8);text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;overflow:hidden}.tot-bar{background:#140c0a;border-radius:2px;height:6px;overflow:hidden;box-shadow:0 0 0 1px #000c}.tot-fill{background:linear-gradient(#6aea84,#2f9e4a);height:100%}.tot-frame.enemy .tot-fill{background:linear-gradient(#ff6a50,#b8281c)}.tot-frame.danger{box-shadow:inset 0 0 0 1px #ff7a5a,0 3px 10px #00000059}.tot-frame.danger.me{animation:.5s ease-in-out infinite alternate totPulse}@keyframes totPulse{to{box-shadow:inset 0 0 0 1px #ffd0c0,0 0 14px #ff5a4080}}@media (max-width:1000px),(max-height:620px){.target-frame{width:280px;top:14px;bottom:auto;left:14px}}@media (min-width:1001px) and (min-height:621px){.party-frames{top:14px}}.bot-hint{font:600 10.5px var(--ui);color:#b8c8e8;pointer-events:auto;cursor:help;background:#0a0c148c;border-radius:4px;margin:-3px 0 7px;padding:3px 8px;box-shadow:inset 0 0 0 1px #96b4ff2e}.confirm-backdrop{z-index:200;position:fixed;inset:0}.confirm-panel{flex-direction:column;gap:16px;width:min(400px,100vw - 32px);padding:20px 22px 18px;display:flex}.confirm-text{font:600 15px var(--ui);color:var(--text);line-height:1.45}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.vendor-panel{flex-direction:column;gap:8px;width:min(760px,94vw);max-height:88vh;padding:18px 20px 16px;display:flex}.vd-head{align-items:center;gap:12px;display:flex}.vd-id{flex:1;min-width:0}.vd-title{font-family:var(--head);color:var(--gold2);font-size:20px}.vd-sub{color:var(--muted);font-size:12px}.vd-gold{color:var(--gold2);align-items:center;gap:5px;font-size:15px;display:inline-flex}.vd-gold .gi{width:18px;height:18px}.vd-tabs{border-bottom:1px solid var(--border);gap:6px;padding-bottom:6px;display:flex}.vd-tab{border:1px solid var(--border);background:var(--raise);color:var(--muted);font-family:var(--head);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.vd-tab .gi{width:16px;height:16px}.vd-tab:hover{color:var(--text);border-color:var(--border2)}.vd-tab.sel{color:var(--gold2);border-color:var(--gold);background:var(--raise2)}.vd-due{color:#ff8a6a;font-style:normal;font-family:var(--ui);font-size:11px}.vd-msg{color:var(--gold2);border-left:2px solid var(--gold);background:#c9a35b14;padding:4px 8px;font-size:13px}.vd-msg.bad{color:#ff8a7a;border-left-color:var(--red);background:#e0402a14}.vd-body{min-height:200px;overflow-y:auto}.vd-list{flex-direction:column;gap:6px;display:flex}.vd-row{background:var(--raise);border:1px solid var(--border);border-radius:4px;grid-template-columns:44px 1fr auto auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.vd-row:hover{border-color:var(--border2)}.vd-row.vd-offer.tier2{border-color:#b45cff59}.vd-icon{display:inline-flex}.vd-name{font-size:14px;font-weight:600}.vd-have{color:var(--muted);font-size:12px;font-weight:400}.vd-desc{color:var(--muted);font-size:12px}.vd-price{color:var(--gold2);white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:inline-flex}.vd-price .gi{width:15px;height:15px}.vd-price .short{color:#ff8a7a}.vd-note{color:var(--muted);padding:2px 2px 4px;font-size:12px}.vd-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.vd-dur{border:1px solid var(--border);vertical-align:middle;background:#1a1410;border-radius:3px;width:90px;height:6px;display:inline-block;overflow:hidden}.vd-dur i{background:#6fbf5a;height:100%;display:block}.vd-dur i.low{background:#e0a040}.vd-dur i.broken{background:var(--red)}.vd-row .bad{color:#ff6a5a}.vd-sellgrid{grid-template-columns:repeat(auto-fill,52px);gap:6px;display:grid}.vd-sell{cursor:pointer;width:52px;height:52px;padding:0;position:relative}.meta-vendor{border:1px solid var(--border2);background:var(--raise);color:var(--gold2);font-family:var(--head);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.meta-vendor .gi{width:18px;height:18px}.meta-vendor:hover{border-color:var(--gold)}.dg-rec.tier-note{margin-top:4px}.tier-warn{font:700 12.5px var(--ui);color:#ffd8d0;background:linear-gradient(#9618108c,#5a0c088c);border-radius:5px;align-items:flex-start;gap:8px;margin-top:8px;padding:9px 11px;line-height:1.4;display:flex;box-shadow:inset 0 0 0 1px #ff6e5ab3,0 0 14px #ff3c282e}.tier-warn .gi{color:#ff8a6a;flex:none;width:18px;height:18px;margin-top:1px}.journal-panel.loot-browser{flex-direction:column;width:min(1000px,100vw - 32px);max-width:none;max-height:calc(100vh - 60px);display:flex}.lb-filters{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;display:flex}.lb-select,.lb-search{font:600 12.5px var(--ui);color:var(--text);background:#00000073;border:1px solid #c9a35b66;border-radius:4px;padding:5px 8px}.lb-search{flex:1;min-width:140px}.lb-mine{font:600 12.5px var(--ui);color:#d8c8a8;cursor:pointer;align-items:center;gap:6px;display:flex}.lb-scroll{scrollbar-width:thin;scrollbar-color:#5e4c36 transparent;flex:1;min-height:0;overflow:auto}.lb-table{border-collapse:collapse;width:100%;font:500 12.5px var(--ui);color:#e0d4bc}.lb-table th{z-index:1;text-align:left;font:700 10.5px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#1b1410;border-bottom:1px solid #c9a35b4d;padding:6px 8px;position:sticky;top:0}.lb-table th:hover,.lb-table th.sorted{color:var(--gold2)}.lb-table td{white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:4px 8px}.lb-table tbody tr:hover{background:#ffd2780f}.lb-table .num{text-align:right}.lb-name{align-items:center;gap:7px;font-weight:700;display:flex}.lb-icon .gt{--tsz:22px}.lb-chance{color:#f0d890;font-weight:700}.lb-unusable{opacity:.55}.lb-empty{text-align:center;color:var(--dim);padding:18px}.lb-foot{color:var(--dim);margin-top:8px;font-size:11.5px;line-height:1.4}.dg-book-row{gap:8px;display:flex}.dg-book-row>*{flex:1}.journal-loot-btn{align-items:center;gap:6px;margin-left:auto;margin-right:10px;display:inline-flex}.journal-loot-btn .gi{width:15px;height:15px}.lb-diff{border-radius:4px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a35b66}.lb-diff-btn{font:700 11px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:#bfae90;cursor:pointer;background:#00000059;border:none;padding:6px 12px}.lb-diff-btn:hover{color:var(--gold2)}.lb-diff-btn.sel.d1{color:#1a1206;background:linear-gradient(#e8d8a8,#b89a5a)}.lb-diff-btn.sel.d2{color:#fff;background:linear-gradient(#3d8bff,#1f5ab8)}.lb-diff-btn.sel.d3{color:#fff;background:linear-gradient(#b45cff,#6e2aa8)}.gear-slot.slot-hint,.bag-slot.slot-hint{outline-offset:1px;filter:brightness(1.25);outline:2px solid #ffd678f2;transition:box-shadow .12s,filter .12s;box-shadow:0 0 14px #ffc85a8c,inset 0 0 12px #ffd27859}.gear-slot.slot-hint .slot-ghost,.gear-slot.slot-hint .slot-name{color:#ffe2a0;opacity:1}.paperdoll>.doll-col.doll-left{justify-content:flex-start}.paperdoll>.doll-col.doll-right{justify-content:flex-start;gap:6px;height:auto}.doll-weapon{justify-content:center;margin-top:-2px;display:flex}.jb-loot{border-top:1px solid var(--border);align-items:flex-start;gap:10px;margin-top:8px;padding-top:6px;display:flex}.jb-loot-label{font-family:var(--head);color:var(--gold);min-width:34px;padding-top:6px;font-size:12px}.bl-items{flex-wrap:wrap;gap:6px;display:flex}.bl-item{border-radius:4px;display:inline-flex;position:relative}.bl-item.set{box-shadow:0 0 0 1px #f0d48c99}.bl-pct{color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000;pointer-events:none;font-size:9px;font-weight:700;position:absolute;bottom:-4px;right:-2px}.loot-rolls{z-index:56;pointer-events:none;flex-direction:column-reverse;gap:6px;display:flex;position:absolute;bottom:168px;left:50%;transform:translate(-50%)}.roll-frame{pointer-events:auto;border-radius:8px;align-items:center;gap:9px;width:330px;padding:7px 9px;animation:.14s ttIn;display:flex;box-shadow:inset 0 0 0 1px #c9a35b73,0 10px 26px #0009}.roll-tile{width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--rc,#888);border-radius:6px;flex:none;overflow:hidden}.roll-tile.rar-uncommon{--rc:#1eff00}.roll-tile.rar-rare{--rc:#0070dd}.roll-tile.rar-epic{--rc:#a335ee}.roll-tile.rar-legendary{--rc:#ff8000}.roll-body{flex:1;min-width:0}.roll-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.roll-btns{gap:5px;margin:5px 0;display:flex}.roll-btn{color:#f2dfb4;font:inherit;cursor:pointer;background:#1e160ee6;border:1px solid #c9a35b80;border-radius:5px;flex:1;padding:3px 0;font-size:12px;font-weight:700}.roll-btn:hover:not([disabled]){background:#46321af2}.roll-btn[disabled]{opacity:.35;cursor:default}.roll-need{color:#ffd76a}.roll-pass{color:#c9b8a0}.roll-track{background:#00000080;border-radius:2px;height:4px;overflow:hidden}.roll-bar{background:linear-gradient(90deg,#c98a2b,#ffd76a);height:100%}.trade-panel{flex-direction:column;gap:10px;width:min(720px,94vw);max-height:88vh;padding:16px 18px;display:flex;overflow-y:auto}.trade-panel.small{width:min(420px,92vw)}.tr-head{align-items:center;gap:10px;display:flex}.tr-title{font-family:var(--head);color:var(--gold2);flex:1;font-size:18px}.tr-wait{color:var(--text);padding:8px 0;font-size:14px}.tr-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tr-side{border:1px solid var(--border);background:var(--raise);border-radius:4px;padding:8px}.tr-side.ok{border-color:#3fd463;box-shadow:inset 0 0 0 1px #3fd46359}.tr-side-title{font-family:var(--head);color:var(--gold2);align-items:center;gap:6px;margin-bottom:6px;display:flex}.tr-ok .gi{color:#3fd463;width:16px;height:16px}.tr-items{grid-template-columns:repeat(4,52px);gap:6px;display:grid}.tr-slot{width:52px;height:52px;position:relative}.tr-slot.empty{opacity:.45}.tr-slot.add{opacity:1;cursor:pointer;color:var(--gold);justify-content:center;align-items:center;display:flex}.tr-slot.add .gi{width:22px;height:22px}.tr-goods{color:var(--muted);flex-direction:column;gap:4px;margin-top:8px;font-size:12px;display:flex}.tr-good{align-items:center;gap:6px;display:flex}.tr-good b{color:var(--text)}.tr-num{width:72px;color:var(--text);border:1px solid var(--border2);font:inherit;-webkit-user-select:text;user-select:text;background:#120e0b;border-radius:3px;padding:2px 4px}.tr-pick{border-top:1px solid var(--border);padding-top:6px}.tr-picker{grid-template-columns:repeat(auto-fill,52px);gap:6px;max-height:180px;display:grid;overflow-y:auto}.tr-picker .bag-slot{cursor:pointer;width:52px;height:52px;position:relative}.tr-note{color:#f0b050;font-size:12px}.tr-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.tr-status{color:var(--muted);flex:1;font-size:12px}.trade-btn{margin-left:auto}.trade-toast{z-index:60;background:var(--panel2);border:1px solid var(--gold);color:var(--gold2);pointer-events:none;border-radius:4px;padding:8px 14px;font-size:13px;position:fixed;top:72px;left:50%;transform:translate(-50%)}.trade-toast.bad{border-color:var(--red);color:#ff8a7a}.dg-group{font:700 12px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--gold2);justify-content:space-between;align-items:baseline;gap:8px;margin:6px 2px -2px;display:flex}.dg-group:first-child{margin-top:0}.dg-group small{font:500 11px var(--ui);letter-spacing:0;text-transform:none;color:var(--dim)}.dg-tier{font:700 10px var(--ui);letter-spacing:.05em;text-transform:uppercase;vertical-align:3px;text-shadow:none;border-radius:3px;margin-left:8px;padding:1px 6px;display:inline-block}.dg-tier.t1{color:#9cc8ff;background:#3d8bff2e;box-shadow:inset 0 0 0 1px #3d8bff8c}.dg-tier.t2{color:#d9a8ff;background:#b45cff2e;box-shadow:inset 0 0 0 1px #b45cff99}.dungeon-card.locked{cursor:not-allowed;filter:grayscale(.85)brightness(.6)}.dungeon-card.locked:hover{filter:grayscale(.85)brightness(.68);transform:none;box-shadow:inset 0 0 0 1px #c9a35b33}.dg-lock{color:#e8c890;align-items:center;gap:5px;display:flex}.dg-lock .gi{width:13px;height:13px}@media (min-width:1101px){.lobby-col.dungeon-panel{overflow:hidden}.dungeon-panel .dungeon-cards{scrollbar-width:thin;scrollbar-color:#5e4c36 transparent;flex:auto;min-height:140px;margin-right:-10px;padding-right:10px;overflow:hidden auto}.dungeon-panel .dg-settings,.dungeon-panel .dg-actions{flex:none}}.name-backdrop{z-index:60}.name-panel{flex-direction:column;gap:12px;width:min(420px,100vw - 32px);padding:22px 24px;display:flex}.name-hint{color:#bdb1a0;font-size:13px;line-height:1.45}.name-input{font:600 18px var(--ui);color:var(--text);background:#00000073;border:1px solid #c9a35b73;border-radius:5px;outline:none;padding:10px 12px}.name-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #ffbe5a2e}.name-err{color:#ff8a7a;min-height:16px;font-size:12px}.name-actions{justify-content:flex-end;gap:8px;display:flex}.you-name{cursor:pointer;border-bottom:1px dashed #c9a35b80}.you-name:hover{color:var(--gold2)}