.aslot{width:var(--abtn);height:var(--abtn);border:2px solid var(--school,#5fe0ff);box-shadow:0 2px 8px #0000008c, inset 0 0 0 1px #ffffff2e, 0 0 10px color-mix(in srgb, var(--school) 35%, transparent);touch-action:none;background:#0a0e1d;border-radius:11px;flex:none;padding:0;transition:transform .12s cubic-bezier(.22,1,.36,1),box-shadow .12s,filter .12s;display:block;position:relative;overflow:hidden}.aslot-big{width:calc(var(--abtn) + 10px);height:calc(var(--abtn) + 10px);border-radius:14px}.aslot .spell-art{width:100%;height:100%;display:block}.aslot-shade{pointer-events:none;background:linear-gradient(#ffffff29,#0000 38%,#0000006b);position:absolute;inset:0}.aslot .sweep{pointer-events:none;background:conic-gradient(from 0deg, #04060ecc calc(var(--p,0) * 360deg), transparent 0);position:absolute;inset:0}.aslot .cdnum{font:800 16px/1 var(--font-sans), system-ui, sans-serif;font-variant-numeric:tabular-nums lining-nums;color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.aslot .key{min-width:12px;font:800 11px/1.1 var(--font-sans), system-ui, sans-serif;color:#fff;pointer-events:none;background:#04060eb8;border-radius:4px;padding:1px 3px;position:absolute;top:2px;left:3px}.aslot .key:empty{display:none}.aslot .cost{font:800 11px/1 var(--font-sans), system-ui, sans-serif;color:#9bd0ff;text-shadow:0 1px 2px #000,0 0 4px #000;pointer-events:none;position:absolute;bottom:2px;right:3px}@media (hover:hover){.aslot:hover{box-shadow:0 6px 14px #0009, 0 0 16px color-mix(in srgb, var(--school) 70%, transparent);transform:translateY(-3px)}}.aslot:active{transform:scale(.94)}.aslot:focus-visible{outline-offset:2px;outline:2px solid #fff}.aslot.nomana{filter:grayscale(.7)brightness(.55);border-color:#566079}.aslot.nomana .cost{color:#ff6a6a}.aslot.u-range .spell-art,.aslot.u-sight .spell-art{filter:sepia()saturate(5)hue-rotate(-38deg)brightness(.75)}.aslot.u-range,.aslot.u-sight{border-color:#c4322e;box-shadow:inset 0 0 0 100px #c81e1e47}.aslot.u-range .key,.aslot.u-sight .key{color:#ff5a5a}.aslot.silenced:after{content:"";border-top:3px solid var(--blood,#d2283c);position:absolute;top:50%;left:4px;right:4px;transform:rotate(-35deg)}.aslot.active{border-color:#fff;animation:.9s ease-in-out infinite alternate aslot-active}@keyframes aslot-active{0%{box-shadow:0 0 6px var(--glow,#fff)}to{box-shadow:0 0 18px 3px var(--glow,#fff)}}.aslot.oncd{border-color:color-mix(in srgb, var(--school) 45%, #222)}.spell-tip{z-index:60;pointer-events:none;width:min(260px,100vw - 16px);animation:.12s ease-out both tip-in;position:fixed}@keyframes tip-in{0%{opacity:0;transform:translateY(4px)}}.spell-card{border:1px solid var(--school);box-shadow:0 6px 18px #0009, 0 0 12px color-mix(in srgb, var(--school) 28%, transparent);color:#eaf2ff;font:500 12px/1.3 var(--font-sans), system-ui, sans-serif;text-align:left;white-space:normal;background:linear-gradient(#10162ef5,#080b1af5);border-radius:9px;padding:7px 9px 8px}.spell-card-head{align-items:center;gap:7px;margin-bottom:5px;display:flex}.spell-card-head .spell-art{border:1px solid var(--school);border-radius:6px;flex:none}.spell-card-name{font:700 13px/1.1 var(--font-serif), serif;color:#fff}.spell-card-sub{color:#aab6d6;gap:7px;font-size:11px;display:flex}.spell-card-head kbd{font:700 11px/18px var(--font-sans), system-ui, sans-serif;color:#fff;background:#ffffff24;border-radius:4px;padding:0 6px}.spell-card-rows{grid-template-columns:1fr 1fr;gap:1px 12px;margin:0 0 5px;font-size:11.5px;display:grid}.spell-card-rows>div{justify-content:space-between;gap:6px;display:flex}.spell-card-rows dt{color:#8d9ac0}.spell-card-rows dd{color:#fff;font-variant-numeric:tabular-nums lining-nums;margin:0;font-weight:700}.spell-card-what{color:#dce6ff;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:11.5px;display:-webkit-box;overflow:hidden}.spell-card-dmg{color:#aab6d6;gap:12px;margin-top:4px;font-size:11.5px;display:flex}.spell-card-dmg b{color:#9bf0ff;font-variant-numeric:tabular-nums lining-nums;font-size:12.5px}.spell-card-dmg .shatter b{color:#f2c14e}.spell-card-tip{color:#f2c14e;border-top:1px solid #ffffff1f;margin:4px 0 0;padding-top:4px;font-size:11.5px}.cast-hint{font:600 11.5px/1.25 var(--font-sans), system-ui, sans-serif;color:#ffd9a8;text-shadow:0 1px 2px #000;white-space:normal}@media (prefers-reduced-motion:reduce){.aslot,.spell-tip{transition:none;animation:none}}
.uf-row{--uo:74px;--uw:214px}@media (max-width:900px){.uf-row{--uo:52px;--uw:150px}}@media (max-width:560px){.uf-row{--uo:44px;--uw:122px}.uf-row .uf-num{font-size:9px}.uf-row .uf-bar+.uf-bar .uf-num{font-size:8px}.uf-row .uf-name{font-size:11px}}@media (max-height:460px) and (min-width:561px){.uf-row{--uo:46px;--uw:150px}}.uf{width:calc(var(--uo) + var(--uw) - 10px);color:#fff;position:relative}.uf-main{align-items:center;display:flex}.uf.mirror .uf-main{flex-direction:row-reverse}.uf-orb{width:var(--uo);height:var(--uo);z-index:2;filter:drop-shadow(0 2px 3px #000000b3);flex:none;position:relative}.uf-face{background:radial-gradient(circle at 40% 30%,#2a3a52,#0b1118);border-radius:50%;position:absolute;inset:11%;overflow:hidden;box-shadow:inset 0 0 8px #000}.uf-face img{object-fit:cover;width:100%;height:100%;display:block}.uf-ph{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--cc) 40%, #0b1118), #0b1118 70%);width:100%;height:100%;display:block}.uf-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.uf-orb.elite{filter:drop-shadow(0 0 5px #f2c14e8c)drop-shadow(0 2px 3px #000000b3)}.uf-orb.dead .uf-face{filter:grayscale()brightness(.55)}.uf-lvl{min-width:20px;height:20px;font:800 11px/1 var(--font-sans), system-ui, sans-serif;color:#ffe9a8;text-shadow:0 1px 1px #000;background:radial-gradient(circle at 35% 30%,#4a4f63,#14182a 75%);border:2px solid #c89a3a;border-radius:12px;place-items:center;padding:0 4px;display:grid;position:absolute;bottom:-3px;right:-2px;box-shadow:0 1px 3px #000,inset 0 0 3px #ffffff40}.uf-lvl svg{color:#f2c14e;width:12px;height:12px}.uf-orb.mirror .uf-lvl{left:-2px;right:auto}.uf-plate{background:linear-gradient(#1e2438f0,#0a0d18f0);border:1.5px solid #b98a2e;border-left-width:0;border-radius:0 9px 9px 0;flex-direction:column;flex:1;gap:3px;min-width:0;margin-left:-12px;padding:4px 8px 5px 18px;display:flex;position:relative;box-shadow:0 2px 6px #0009,inset 0 1px #ffe89659,inset 0 -1px #0009}.uf.mirror .uf-plate{border-left-width:1.5px;border-right-width:0;border-radius:9px 0 0 9px;margin-left:0;margin-right:-12px;padding:4px 18px 5px 8px}.uf.hostile .uf-plate{border-color:#a43a3a}.uf.elite .uf-plate{border-color:#f2c14e;box-shadow:0 2px 6px #0009,0 0 8px #f2c14e59,inset 0 1px #ffe89680}.uf-name{min-width:0;font:700 13px/1.1 var(--font-serif), Georgia, serif;text-shadow:0 1px 2px #000,0 0 3px #000;letter-spacing:.01em;align-items:center;gap:4px;display:flex}.uf.mirror .uf-name{flex-direction:row-reverse;justify-content:flex-start}.uf-state{color:#ff6b6b;filter:drop-shadow(0 0 3px #ff5050b3);flex:none;width:13px;height:13px}.uf-state.rest{width:auto;font:800 10px/1 var(--font-sans), sans-serif;color:#9fd8ff;filter:none}.uf-state.combat{animation:.9s ease-in-out infinite alternate uf-pulse}@keyframes uf-pulse{0%{opacity:.55}to{opacity:1}}.uf-bar{background:#05070d;border:1px solid #000;border-radius:3px;height:17px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,inset 0 2px 4px #000c}.uf-bar+.uf-bar{height:13px}.uf-bar>i,.uf-bar>b,.uf-bar>u{display:block;position:absolute;top:0;bottom:0;left:0}.uf-bar>i{z-index:1;transition:width .11s linear}.uf-bar>b{opacity:.8;background:#f4f1e6;transition:width .65s ease-out .26s}.uf-bar>u{z-index:1;opacity:.8;background:repeating-linear-gradient(135deg,#ffffffd9 0 3px,#beebffb3 3px 6px)}.uf-bar>i:before{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#ffffff12 0 2px,#0000 2px 6px);position:absolute;inset:0}.uf-bar>i:after{content:"";background:linear-gradient(#ffffff80,#ffffff0a);height:42%;position:absolute;top:0;left:0;right:0}.uf-hp>i{background:linear-gradient(#7bf26f,#1fae33 55%,#0d6a1d)}.uf-mana>i{background:linear-gradient(#7fb0ff,#1f6fe5 55%,#0f3e9c)}.uf-rage>i{background:linear-gradient(#ff7c7c,#d3202a 55%,#7c0d14)}.uf-energy>i{background:linear-gradient(#fff59a,#f2d20a 55%,#a88a00)}.uf-none{visibility:hidden}.uf-num{z-index:3;font:800 11px/1 var(--font-sans), system-ui, sans-serif;font-variant-numeric:tabular-nums lining-nums;text-shadow:0 1px 2px #000,0 0 3px #000;place-items:center;display:grid;position:absolute;inset:0}.uf-bar+.uf-bar .uf-num{font-size:10px}.uf-num>span{grid-area:1/1}.n-pct{opacity:0}@media (hover:hover){.uf:hover .n-abs{opacity:0}.uf:hover .n-pct{opacity:1}}.uf.dead .uf-plate{filter:grayscale()brightness(.7)}.uf-buffs{min-height:30px;padding:4px 0 0 calc(var(--uo) - 4px);flex-wrap:wrap;gap:3px;display:flex}.uf-buffs.mirror{padding:4px calc(var(--uo) - 4px) 0 0;justify-content:flex-end}.uf-buffs.empty{min-height:0;padding:0}.uf-aura{color:#bfe9ff;background:linear-gradient(#243148,#0a0f20);border:2px solid #3fbf5a;border-radius:4px;place-items:center;width:28px;height:28px;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 3px #000}.uf-aura.bad{color:#ffb0b8;border-color:#d9363e}.uf-aura>svg{z-index:1;width:16px;height:16px;position:relative}.uf-sweep{z-index:2;background:conic-gradient(#04060eb8 calc(var(--p,0) * 360deg), transparent 0);pointer-events:none;position:absolute;inset:0}.uf-aura small{z-index:3;text-align:center;font:800 9px/1 var(--font-sans), sans-serif;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000;position:absolute;bottom:0;left:0;right:0}.uf-stack{z-index:3;font:800 10px/1 var(--font-sans), sans-serif;color:#ffe08a;text-shadow:0 1px 2px #000;position:absolute;top:0;right:2px}.cb{filter:drop-shadow(0 2px 4px #0009);align-items:center;gap:6px;width:100%;display:flex}.cb-player{width:min(360px,92vw);height:26px}.cb-target{width:100%;height:22px}.cb-icon{color:#ffd47a;background:#0a0f20;border:2px solid #c89a3a;border-radius:4px;flex:none;place-items:center;width:1.3em;height:1.3em;font-size:26px;display:grid;position:relative;overflow:hidden}.cb-player .cb-icon{width:34px;height:34px;margin-top:-4px}.cb-target .cb-icon{width:26px;height:26px}.cb-icon svg{width:100%;height:100%}.cb-target .cb-icon svg{width:70%;height:70%}.cb-lock{color:#fff;background:#4b5163;border-radius:3px;padding:1px;position:absolute;bottom:0;right:0;width:12px!important;height:12px!important}.cb-track{background:linear-gradient(#0a0d18,#151a2c);border:2px solid #c89a3a;border-radius:4px;flex:1;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000,0 0 0 1px #000}.cb-track>i{background:linear-gradient(#ffe48a,#f0b429 50%,#b87812);transition:width 90ms linear;position:absolute;top:0;bottom:0;left:0}.cb-track>i:after{content:"";background:linear-gradient(#ffffff8c,#ffffff05);height:45%;position:absolute;top:0;left:0;right:0}.cb-track>em{pointer-events:none;z-index:2;background:radial-gradient(#fff 0 18%,#fff4bed9 30%,#0000 70%);width:14px;margin-left:-7px;transition:left 90ms linear;position:absolute;top:-30%;bottom:-30%}.cb-frost .cb-track>i{background:linear-gradient(#d9f7ff,#5fe0ff 50%,#1b86b4)}.cb-arcane .cb-track>i{background:linear-gradient(#f1d7ff,#b87bff 50%,#6b3bb0)}.cb-fire .cb-track>i{background:linear-gradient(#ffd08a,#ff8a2a 50%,#b3430c)}.cb-shadow .cb-track>i{background:linear-gradient(#d9b8ff,#8e4fe0 50%,#4a1f8e)}.cb-holy .cb-track>i{background:linear-gradient(#fffbd0,#ffe36b 50%,#c79a1a)}.cb-physical .cb-track>i{background:linear-gradient(#ffd6a6,#e0a15a 50%,#8f5a22)}.cb.chan .cb-track>i{filter:saturate(1.2)brightness(1.08)}.cb-name,.cb-time{z-index:3;font:800 13px/1 var(--font-sans), system-ui, sans-serif;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;align-items:center;display:flex;position:absolute;top:0;bottom:0}.cb-name{text-overflow:ellipsis;left:8px;right:54px;overflow:hidden}.cb-time{font-variant-numeric:tabular-nums;right:8px}.cb-target .cb-name,.cb-target .cb-time{font-size:12px}.cb.locked .cb-track{border-color:#7b8196}.cb.locked .cb-track>i{background:linear-gradient(#c3c8d6,#858ba0 50%,#4f566b)}.cb.locked .cb-icon{color:#c3c8d6;border-color:#7b8196}.cb-track>i.push{animation:.22s ease-out cb-push}@keyframes cb-push{0%{filter:brightness(2.4)}to{filter:brightness()}}.cb.ok .cb-track{animation:.38s ease-out forwards cb-ok}@keyframes cb-ok{0%{border-color:#7dff9a;box-shadow:inset 0 2px 5px #000,0 0 0 1px #000,0 0 #50ff78e6}to{opacity:0;border-color:#7dff9a;box-shadow:inset 0 2px 5px #000,0 0 0 1px #000,0 0 16px 6px #50ff7800}}.cb.ok .cb-track>i{background:linear-gradient(#b8ffc8,#3fd45f 50%,#1a8a35)}.cb.fail{animation:.36s ease-in-out cb-shake,1.1s ease-in forwards cb-away}.cb.fail .cb-track{border-color:#ff4a4a}.cb.fail .cb-track>i{background:linear-gradient(#ff9a9a,#e02b2b 50%,#7c1010)}.cb.fail .cb-name{color:#ffd0d0;justify-content:center;left:0;right:0}@keyframes cb-shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}35%{transform:translate(6px)}55%{transform:translate(-4px)}75%{transform:translate(3px)}}@keyframes cb-away{0%,70%{opacity:1}to{opacity:0}}@media (max-width:560px),(max-height:460px){.cb-player{width:min(300px,70vw);height:22px}.cb-player .cb-icon{width:28px;height:28px}.cb-name,.cb-time{font-size:11px}}@media (prefers-reduced-motion:reduce){.cb.fail,.cb.ok .cb-track,.uf-state.combat{animation:none}}.uf-tcast{width:calc(var(--uo) + var(--uw) - 10px)}.uf-tcast .cast-hint{background:#080a14b3;border-radius:4px;margin-top:3px;padding:2px 5px;font-size:11px;line-height:1.25}