@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&family=Cinzel:wght@600;700&display=swap";:root{--hk-scale: 1;--hk-edge: 12px;--hk-safe-w: 44vw;--hk-safe-h: 50vh;--hk-silver: #c8cdd6;--hk-silver-hi: #f2f4f8;--hk-silver-lo: #6d7380;--hk-gold: #d6b26a;--hk-gold-hi: #f6e2a8;--hk-gold-lo: #8a6a33;--hk-line: rgba(200, 205, 214, .22);--hk-line-strong: rgba(200, 205, 214, .45);--hk-line-gold: rgba(214, 178, 106, .55);--hk-trim-silver: linear-gradient(160deg, var(--hk-silver-hi) 0%, var(--hk-silver-lo) 38%, var(--hk-silver) 62%, var(--hk-silver-lo) 100%);--hk-trim-gold: linear-gradient(160deg, var(--hk-gold-hi) 0%, var(--hk-gold-lo) 40%, var(--hk-gold) 65%, var(--hk-gold-lo) 100%);--hk-rule: linear-gradient(90deg, transparent, var(--hk-line-strong) 18%, var(--hk-line-strong) 82%, transparent);--hk-rule-gold: linear-gradient(90deg, transparent, var(--hk-line-gold) 18%, var(--hk-line-gold) 82%, transparent);--hk-fill: rgba(9, 11, 16, .58);--hk-fill-strong: rgba(9, 11, 16, .82);--hk-fill-soft: rgba(9, 11, 16, .34);--hk-fill-hi: rgba(255, 255, 255, .05);--hk-fill-panel: linear-gradient(180deg, rgba(18, 21, 29, .74), rgba(8, 9, 13, .6));--hk-fill-fade-left: linear-gradient(270deg, rgba(8, 10, 15, .7) 0%, rgba(8, 10, 15, .5) 55%, rgba(8, 10, 15, 0) 100%);--hk-fill-fade-right: linear-gradient(90deg, rgba(8, 10, 15, .7) 0%, rgba(8, 10, 15, .5) 55%, rgba(8, 10, 15, 0) 100%);--hk-bar-track: rgba(4, 5, 8, .72);--hk-hp: #d8323a;--hk-hp-hi: #ff6a5e;--hk-hp-lo: #8e1a22;--hk-hp-grad: linear-gradient(180deg, var(--hk-hp-hi) 0%, var(--hk-hp) 45%, var(--hk-hp-lo) 100%);--hk-hp-friendly: #3fbf5a;--hk-hp-friendly-grad: linear-gradient(180deg, #7be38b 0%, #3fbf5a 45%, #1f7a35 100%);--hk-hp-ghost: rgba(255, 226, 190, .85);--hk-absorb: rgba(236, 240, 255, .6);--hk-cast: #e6b422;--hk-cast-channel: #4fb3e8;--hk-cast-locked: #8d97a8;--hk-xp: #b48cff;--hk-res-mana: #2fa8ff;--hk-res-rage: #e2483f;--hk-res-resolve: #3fd0bb;--hk-res-maelstrom: #4a8dff;--hk-res-holy_power: #f5d04a;--hk-res-default: #aab2c0;--hk-font: "Inter", "SF Pro Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--hk-font-display: "Avenir Next", "SF Pro Display", "Segoe UI", system-ui, sans-serif;--hk-font-num: "Avenir Next Condensed", "SF Pro Display", "Segoe UI", system-ui, sans-serif;--hk-text: #eef0f4;--hk-text-dim: #a9afbb;--hk-text-faint: #6c7383;--hk-text-gold: #f0d590;--hk-text-bad: #ff5a4e;--hk-text-good: #5fe08a;--hk-key: #f3ead2;--hk-fs-2xs: 8px;--hk-fs-xs: 9px;--hk-fs-sm: 10.5px;--hk-fs-md: 12px;--hk-fs-lg: 14px;--hk-fs-xl: 18px;--hk-fs-2xl: 24px;--hk-text-outline: 0 0 1px #000, 0 1px 1px rgba(0, 0, 0, .9), 0 0 3px rgba(0, 0, 0, .6);--hk-glow-0: none;--hk-glow-1: 0 0 4px rgba(255, 238, 200, .25);--hk-glow-2: 0 0 8px rgba(255, 238, 200, .4);--hk-glow-3: 0 0 14px rgba(255, 238, 200, .55);--hk-glow-gold: 0 0 8px rgba(246, 210, 120, .55);--hk-glow-blue: 0 0 8px rgba(90, 170, 255, .55);--hk-glow-red: 0 0 8px rgba(255, 70, 60, .55);--hk-shadow: 0 2px 10px rgba(0, 0, 0, .45);--hk-inner-hi: inset 0 1px 0 rgba(255, 255, 255, .07);--hk-icon-xs: 22px;--hk-icon-sm: 30px;--hk-icon-md: 40px;--hk-icon-lg: 48px;--hk-round-sm: 26px;--hk-round-md: 34px;--hk-round-lg: 44px;--hk-crest: 78px;--hk-bar-h: 7px;--hk-bar-h-sm: 4px;--hk-tracker-w: 248px;--hk-party-w: 132px;--hk-gap-1: 2px;--hk-gap-2: 4px;--hk-gap-3: 6px;--hk-gap-4: 10px;--hk-gap-5: 16px;--hk-r-icon: 4px;--hk-r-panel: 3px;--hk-ease: cubic-bezier(.2, .8, .2, 1);--hk-fade-ms: .16s}.hk-layout{position:fixed;inset:0;pointer-events:none;font-family:var(--hk-font);color:var(--hk-text)}.hk-region{position:fixed;display:flex;pointer-events:none;transform:scale(var(--hk-scale))}.hk-region:empty{display:none}.hk-hit,.hk-region button,.hk-region .uframe,.hk-region .panel{pointer-events:auto}.hk-r-bottomCenter{left:50%;bottom:var(--hk-edge);transform:translate(-50%) scale(var(--hk-scale));transform-origin:50% 100%;flex-direction:column;align-items:center;gap:var(--hk-gap-3)}.hk-r-topLeft{left:var(--hk-edge);top:var(--hk-edge);transform-origin:0 0;flex-direction:row;align-items:center;gap:var(--hk-gap-4)}.hk-r-topRight{right:calc(var(--hk-edge) + (var(--hk-round-md) + var(--hk-gap-3)) * var(--hk-scale));top:var(--hk-edge);transform-origin:100% 0;flex-direction:row;align-items:flex-start;gap:var(--hk-gap-3)}.hk-r-right{right:var(--hk-edge);top:calc(var(--hk-edge) + 58px * var(--hk-scale));transform-origin:100% 0;width:var(--hk-tracker-w);flex-direction:column;align-items:stretch;gap:var(--hk-gap-4)}.hk-r-leftCenter{right:72vw;bottom:30vh;transform-origin:100% 100%;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:var(--hk-gap-1)}.hk-r-bottomRight{right:var(--hk-edge);bottom:var(--hk-edge);transform-origin:100% 100%;flex-direction:column;align-items:flex-end;gap:var(--hk-gap-1)}.hk-r-party{left:calc(33vw - var(--hk-party-w) * var(--hk-scale));top:30vh;transform-origin:0 0;flex-direction:column;gap:var(--hk-gap-3);width:var(--hk-party-w)}.hk-r-target{left:50%;top:var(--hk-edge);transform:translate(-50%) scale(var(--hk-scale));transform-origin:50% 0;flex-direction:column;align-items:center;gap:var(--hk-gap-2)}.hk-layout.guides .hk-region{outline:1px dashed rgba(120,200,255,.7)}.hk-layout.guides .hk-region:empty{display:flex;min-width:40px;min-height:20px}.hk-layout.guides:after{content:"";position:fixed;left:50%;top:50%;width:var(--hk-safe-w);height:var(--hk-safe-h);transform:translate(-50%,-50%);outline:1px dashed rgba(255,90,80,.7)}.hk-panel{background:var(--hk-fill-panel);border:1px solid var(--hk-line);border-radius:var(--hk-r-panel);box-shadow:var(--hk-inner-hi),var(--hk-shadow);box-sizing:border-box}.hk-panel-fade{background:var(--hk-fill-fade-left);border:0;box-shadow:none;padding:var(--hk-gap-3) var(--hk-gap-4);position:relative}.hk-panel-fade.to-right{background:var(--hk-fill-fade-right)}.hk-panel-fade:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--hk-rule)}.hk-trim{border:1px solid transparent;background:linear-gradient(var(--hk-fill-strong),var(--hk-fill-strong)) padding-box,var(--hk-trim-silver) border-box}.hk-trim-gold{border:1px solid transparent;background:linear-gradient(var(--hk-fill-strong),var(--hk-fill-strong)) padding-box,var(--hk-trim-gold) border-box}.hk-rule{height:1px;border:0;margin:var(--hk-gap-2) 0;background:var(--hk-rule)}.hk-rule.gold{background:var(--hk-rule-gold)}.hk-title{font-family:var(--hk-font-display);font-size:var(--hk-fs-md);font-weight:600;letter-spacing:.02em;color:var(--hk-text);text-shadow:var(--hk-text-outline)}.hk-title.gold{color:var(--hk-text-gold)}.hk-caption{font-size:var(--hk-fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hk-text-dim);text-shadow:var(--hk-text-outline)}.hk-num{font-family:var(--hk-font-num);font-variant-numeric:tabular-nums;letter-spacing:.01em}.hk-outline{text-shadow:var(--hk-text-outline)}.hk-dim{color:var(--hk-text-dim)}.hk-key{position:absolute;left:2px;top:1px;z-index:3;font-family:var(--hk-font-num);font-size:var(--hk-fs-xs);font-weight:700;line-height:1;color:var(--hk-key);text-shadow:0 0 1px #000,0 0 2px #000,0 1px 1px #000;pointer-events:none;white-space:nowrap}.hk-key:empty{display:none}.hk-keycap{display:inline-block;min-width:14px;padding:1px 4px;border:1px solid var(--hk-line-strong);border-radius:2px;background:var(--hk-fill-soft);font-family:var(--hk-font-num);font-size:var(--hk-fs-2xs);font-weight:700;line-height:10px;text-align:center;color:var(--hk-key)}.hk-badge{position:absolute;right:-3px;top:-3px;z-index:3;min-width:13px;height:13px;padding:0 3px;box-sizing:border-box;border-radius:7px;background:linear-gradient(180deg,#ff5a4a,#b2141b);border:1px solid rgba(255,220,200,.6);box-shadow:0 0 4px #ff3c3299;font-family:var(--hk-font-num);font-size:var(--hk-fs-2xs);font-weight:700;line-height:11px;text-align:center;color:#fff;pointer-events:none}.hk-badge:empty{display:none}.hk-badge.dot{min-width:7px;width:7px;height:7px;padding:0;right:0;top:0}.hk-round{position:relative;display:inline-grid;place-items:center;flex:none;width:var(--hk-round-md);height:var(--hk-round-md);padding:0;margin:0;box-sizing:border-box;border-radius:50%;border:1px solid transparent;cursor:pointer;color:var(--hk-silver);pointer-events:auto;font:inherit;background:radial-gradient(circle at 50% 35%,#2a2f3ceb,#080a0eeb 70%) padding-box,var(--hk-trim-silver) border-box;box-shadow:0 1px 4px #0009;transition:none}.hk-round.sm{width:var(--hk-round-sm);height:var(--hk-round-sm)}.hk-round.lg{width:var(--hk-round-lg);height:var(--hk-round-lg)}.hk-round.gold{color:var(--hk-gold-hi);background:radial-gradient(circle at 50% 35%,#342c1eeb,#0a0907eb 70%) padding-box,var(--hk-trim-gold) border-box}.hk-round>svg,.hk-round>img{width:58%;height:58%;pointer-events:none}.hk-round>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.hk-round:hover{color:var(--hk-silver-hi);box-shadow:0 1px 4px #0009,var(--hk-glow-2)}.hk-round.active{color:var(--hk-gold-hi);box-shadow:0 1px 4px #0009,var(--hk-glow-gold)}.hk-round.is-pressed,.hk-round.pressed{transform:scale(.92);filter:brightness(1.35)}.hk-round:focus-visible{outline:1px solid var(--hk-gold);outline-offset:2px}.hk-round .hk-key{left:50%;top:auto;bottom:-11px;transform:translate(-50%);font-size:var(--hk-fs-2xs);color:var(--hk-text-dim)}.hk-round-caption{position:absolute;left:50%;top:100%;transform:translate(-50%);margin-top:1px;font-family:var(--hk-font-num);font-size:var(--hk-fs-2xs);color:var(--hk-text);text-shadow:var(--hk-text-outline);white-space:nowrap;pointer-events:none}.hk-round-caption:empty{display:none}.hk-currency{display:inline-flex;align-items:center;gap:var(--hk-gap-2);font-family:var(--hk-font-num);font-size:var(--hk-fs-md);font-weight:600;color:var(--hk-text);text-shadow:var(--hk-text-outline);white-space:nowrap}.hk-currency>svg,.hk-currency>img{width:15px;height:15px;flex:none}.hk-hint{display:flex;align-items:center;justify-content:flex-end;gap:var(--hk-gap-3);font-size:var(--hk-fs-sm);color:var(--hk-text);text-shadow:var(--hk-text-outline);white-space:nowrap}.hk-crest{position:relative;flex:none;width:var(--hk-crest);height:var(--hk-crest);display:grid;place-items:center;color:var(--hk-silver-hi)}.hk-crest>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hk-crest-level{position:relative;z-index:1;margin-top:30%;font-family:var(--hk-font-num);font-size:var(--hk-fs-xl);font-weight:700;line-height:1;color:#fff;text-shadow:var(--hk-text-outline),var(--hk-glow-1)}.hk-crest-sub{position:absolute;left:50%;top:100%;transform:translate(-50%);margin-top:1px;font-family:var(--hk-font-num);font-size:var(--hk-fs-sm);font-weight:600;color:var(--hk-text);text-shadow:var(--hk-text-outline);white-space:nowrap}.hk-hidden{display:none!important}@media (prefers-reduced-motion: reduce){:root{--hk-fade-ms: 0ms}}.hk-slot{--size: var(--hk-icon-md);position:relative;flex:none;width:var(--size);height:var(--size);padding:0;margin:0;box-sizing:border-box;border:0;border-radius:var(--hk-r-icon);background:#040508bf;color:#fff;font:inherit;cursor:pointer;overflow:hidden;pointer-events:auto;contain:layout paint style;transition:none}.hk-slot.xs{--size: var(--hk-icon-xs)}.hk-slot.sm{--size: var(--hk-icon-sm)}.hk-slot.lg{--size: var(--hk-icon-lg)}.hk-slot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.hk-slot-img[hidden],.hk-slot-fallback[hidden]{display:none}.hk-slot-fallback{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--hk-font-display);font-weight:700;font-size:calc(var(--size) * .34);color:#ffffffeb;text-shadow:0 1px 2px #000;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--school, #888) 80%,white),color-mix(in srgb,var(--school, #888) 50%,black))}.hk-slot-frame{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 1px #c8cdd68c,inset 0 0 0 2px #0000008c,inset 0 1px 6px #00000059}.hk-slot-sweep,.hk-slot-gcd{position:absolute;inset:0;z-index:1;visibility:hidden;pointer-events:none;background:conic-gradient(rgba(0,0,0,.7) var(--p, 0deg),transparent 0);transform:scaleX(-1)}.hk-slot-gcd{background:conic-gradient(rgba(70,58,30,.34) 0 var(--q, 0deg),rgba(0,0,0,.48) var(--q, 0deg) var(--p, 0deg),transparent 0)}.hk-slot-gcd:after{content:"";position:absolute;inset:0;pointer-events:none;background:conic-gradient(rgba(255,232,160,.2) 0 var(--q, 0deg),transparent 0)}.hk-slot-sweep.on,.hk-slot-gcd.on{visibility:visible}.hk-slot-cd{position:absolute;inset:0;z-index:3;display:grid;place-items:center;font-size:calc(var(--size) * .36);font-weight:700;color:#fff;text-shadow:0 0 2px #000,0 0 3px #000,0 1px 1px #000;pointer-events:none}.hk-slot-charges{position:absolute;right:2px;bottom:1px;z-index:3;font-size:calc(var(--size) * .28);font-weight:700;line-height:1;color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000;pointer-events:none}.hk-slot-rank{position:absolute;left:0;right:0;bottom:0;z-index:3;font-size:var(--hk-fs-2xs);line-height:10px;text-align:center;color:var(--hk-text);background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);text-shadow:0 0 2px #000;pointer-events:none}.hk-slot-cd:empty,.hk-slot-charges:empty,.hk-slot-rank:empty{display:none}.hk-slot.xs .hk-key,.hk-slot.sm .hk-key{font-size:var(--hk-fs-2xs)}.hk-slot.is-empty{cursor:default;background:#04050873}.hk-slot.is-empty .hk-slot-frame{box-shadow:inset 0 0 0 1px #c8cdd62e}.hk-slot.is-cd .hk-slot-img,.hk-slot.is-cd .hk-slot-fallback{filter:saturate(.3) brightness(.8)}.hk-slot.is-nores .hk-slot-img,.hk-slot.is-nores .hk-slot-fallback{filter:saturate(.45) brightness(.55) sepia(.3) hue-rotate(175deg)}.hk-slot.is-oor .hk-slot-img,.hk-slot.is-oor .hk-slot-fallback{filter:brightness(.9) saturate(.6)}.hk-slot-tint{position:absolute;inset:0;pointer-events:none;display:none;background:#ff1f1f;mix-blend-mode:multiply}.hk-slot.is-oor .hk-slot-tint{display:block}.hk-slot.is-oor .hk-key{color:var(--hk-text-bad)}.hk-slot.is-unusable .hk-slot-img,.hk-slot.is-unusable .hk-slot-fallback{filter:grayscale(1) brightness(.5)}.hk-slot.casting .hk-slot-frame{box-shadow:inset 0 0 0 1px var(--hk-gold-hi),inset 0 0 0 2px var(--hk-gold),inset 0 0 10px #f6d27899}.hk-slot.queued .hk-slot-frame{box-shadow:inset 0 0 0 2px #ffffffe6}.hk-slot.pressed{transform:scale(.92)}.hk-slot.pressed .hk-slot-img,.hk-slot.pressed .hk-slot-fallback{filter:brightness(1.4)}.hk-slot.pressed .hk-slot-frame{box-shadow:inset 0 0 0 2px #ffffffe6}.hk-slot:not(.is-empty):hover .hk-slot-frame{box-shadow:inset 0 0 0 1px var(--hk-silver-hi),inset 0 0 8px #ffffff40}.hk-slot:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 2px var(--hk-gold-hi),inset 0 0 12px #f6d278d9}.hk-slot.is-proc:after{animation:hk-proc 1.4s ease-in-out infinite alternate}@keyframes hk-proc{0%{opacity:.25}to{opacity:.6}}.hk-slot.is-activation:after{animation:hk-act-burst .45s ease-out 1 both}@keyframes hk-act-burst{0%{opacity:1;transform:scale(1.18)}to{opacity:.55;transform:scale(1)}}.hk-slot-glow{position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;overflow:hidden;display:none}@supports (mask-composite: exclude) or (-webkit-mask-composite: xor){.hk-slot-glow{display:block;visibility:hidden;opacity:0;padding:2px;box-sizing:border-box;background:#f6d27880;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hk-slot-glow:before{content:"";position:absolute;inset:-25%;will-change:transform;background:conic-gradient(transparent 0 6%,#fff4cf 12%,transparent 20% 31%,var(--hk-gold-hi) 37%,transparent 45% 56%,#fff4cf 62%,transparent 70% 81%,var(--hk-gold-hi) 87%,transparent 95%)}.hk-slot.is-activation .hk-slot-glow{visibility:visible;animation:hk-act-ring .25s ease-out 1 both}.hk-slot.is-activation .hk-slot-glow:before{animation:hk-ants 1.6s linear infinite}}@keyframes hk-act-ring{0%{opacity:0}to{opacity:.9}}@keyframes hk-ants{to{transform:rotate(360deg)}}@supports not ((mask-composite: exclude) or (-webkit-mask-composite: xor)){.hk-slot.is-activation:after{animation:hk-act-burst .45s ease-out 1,hk-proc-fallback .9s ease-in-out .45s infinite alternate}}@keyframes hk-proc-fallback{0%{opacity:.45}to{opacity:.9}}.hk-slot.is-transformed .hk-slot-img,.hk-slot.is-transformed .hk-slot-fallback{animation:hk-swap .3s ease-out 1}@keyframes hk-swap{0%{transform:scale(1.25);opacity:.4}to{transform:scale(1);opacity:1}}.hk-slot.is-transformed .hk-slot-frame:after{content:"";position:absolute;right:0;top:0;width:0;height:0;border-style:solid;border-width:0 9px 9px 0;border-color:transparent var(--hk-gold-hi) transparent transparent;filter:drop-shadow(0 0 2px rgba(0,0,0,.8))}.hk-stat{--hk-stat-fill: var(--hk-hp-grad);position:relative;display:flex;flex-direction:column;gap:1px;min-width:0}.hk-stat-text{font-size:var(--hk-fs-sm);line-height:1;color:var(--hk-text);text-shadow:var(--hk-text-outline);white-space:nowrap}.hk-stat-text.left{text-align:left}.hk-stat-text.right{text-align:right}.hk-stat-text.center{text-align:center}.hk-stat-track{position:relative;height:var(--hk-bar-h);overflow:hidden;background:var(--hk-bar-track);box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #c8cdd62e;border-radius:1px}.hk-stat.sm .hk-stat-track{height:var(--hk-bar-h-sm)}.hk-stat-fill,.hk-stat-ghost,.hk-stat-extra{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);will-change:transform}.hk-stat.rtl .hk-stat-fill,.hk-stat.rtl .hk-stat-ghost,.hk-stat.rtl .hk-stat-extra{transform-origin:100% 50%}.hk-stat-fill{background:var(--hk-stat-fill)}.hk-stat-ghost{background:var(--hk-hp-ghost)}.hk-stat-extra{background:repeating-linear-gradient(-45deg,var(--hk-absorb) 0 3px,rgba(255,255,255,.25) 3px 6px)}.hk-stat-gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff47,#fff0 55%)}.hk-stat.segmented .hk-stat-gloss{background:repeating-linear-gradient(90deg,transparent 0 calc(100% / var(--hk-segs) - 1px),rgba(0,0,0,.85) calc(100% / var(--hk-segs) - 1px) calc(100% / var(--hk-segs))),linear-gradient(180deg,#ffffff47,#fff0 55%)}.hk-auras{display:flex;flex-wrap:wrap;gap:var(--hk-gap-1)}.hk-aura{--size: var(--hk-icon-xs);--edge: rgba(200, 205, 214, .6);position:relative;flex:none;width:var(--size);height:var(--size);box-sizing:border-box;border-radius:2px;overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--edge),0 1px 3px #0009;contain:layout paint style}.hk-aura.sm{--size: var(--hk-icon-sm)}.hk-aura.debuff{--edge: #c8322a}.hk-aura.dispel-magic{--edge: #3d8bff}.hk-aura.dispel-poison{--edge: #3fbf3f}.hk-aura.dispel-curse{--edge: #a64dff}.hk-aura.dispel-disease{--edge: #b5882c}.hk-aura.dispel-enrage{--edge: #ff7a1a}.hk-aura-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.hk-aura-img[hidden],.hk-aura-fallback[hidden]{display:none}.hk-aura-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--size) * .4);font-weight:800;color:#fff;text-shadow:0 0 2px #000;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--school, #888) 80%,white),color-mix(in srgb,var(--school, #888) 50%,black))}.hk-aura-sweep{position:absolute;inset:0;pointer-events:none;background:conic-gradient(rgba(0,0,0,.6) var(--p, 0deg),transparent 0)}.hk-aura-time{position:absolute;left:0;right:0;bottom:0;font-size:var(--hk-fs-2xs);font-weight:700;line-height:9px;text-align:center;color:#fff;background:#0000008c;pointer-events:none}.hk-aura-stacks{position:absolute;right:1px;top:0;font-size:var(--hk-fs-2xs);font-weight:800;line-height:9px;color:#ffe066;text-shadow:0 0 2px #000,0 0 1px #000;pointer-events:none}.hk-aura-time:empty,.hk-aura-stacks:empty{display:none}.hk-aura.is-expiring{animation:hk-aura-blink .6s ease-in-out infinite alternate}@keyframes hk-aura-blink{0%{opacity:1}to{opacity:.55}}@media (prefers-reduced-motion: reduce){.hk-slot.is-proc:after{animation:none;opacity:.5}.hk-slot.is-activation:after{animation:none;opacity:.8}.hk-slot.is-activation .hk-slot-glow{animation:none;opacity:.9}.hk-slot.is-activation .hk-slot-glow:before{animation:none}.hk-slot.is-transformed .hk-slot-img,.hk-slot.is-transformed .hk-slot-fallback,.hk-aura.is-expiring{animation:none}}.fc-cast{--cast-h: 12px;--cast-fill: linear-gradient(180deg, #fff1b8 0%, var(--hk-cast) 50%, #a77810 100%);--cast-edge: rgba(246, 226, 168, .75);display:none;align-items:center;gap:3px;height:calc(var(--cast-h) + 2px)}.fc-cast.active{display:flex;pointer-events:auto}.fc-cast.channel{--cast-fill: linear-gradient(180deg, #c9ecff 0%, var(--hk-cast-channel) 50%, #1f6d9c 100%)}.fc-cast.locked{--cast-fill: repeating-linear-gradient(-45deg, #a3abb8 0 5px, #6c7586 5px 10px);--cast-edge: rgba(200, 205, 214, .5)}.fc-cast-icon{position:relative;flex:none;width:calc(var(--cast-h) + 2px);height:calc(var(--cast-h) + 2px);box-sizing:border-box;border-radius:2px;overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--cast-edge),0 1px 3px #0009}.fc-cast-img{width:100%;height:100%;object-fit:cover;display:block}.fc-cast-img[hidden],.fc-cast-fallback[hidden]{display:none}.fc-cast-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--cast-h) * .55);font-weight:800;color:#fff;text-shadow:0 0 2px #000;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--school, #888) 80%,white),color-mix(in srgb,var(--school, #888) 50%,black))}.fc-cast-track{position:relative;flex:1;min-width:0;height:var(--cast-h);overflow:hidden;border-radius:1px;background:var(--hk-bar-track);box-shadow:0 0 0 1px #000000bf,inset 0 0 0 1px #d6b26a59}.fc-cast-fill{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);will-change:transform;background:var(--cast-fill)}.fc-cast-spark{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff4d,#fff0 55%)}.fc-cast-label{position:absolute;left:4px;right:26px;top:0;font-size:var(--hk-fs-xs);font-weight:600;line-height:var(--cast-h);color:#fff;text-shadow:var(--hk-text-outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-cast-time{position:absolute;right:4px;top:0;font-size:var(--hk-fs-xs);line-height:var(--cast-h);color:#fff;text-shadow:var(--hk-text-outline)}.fc-cast.locked .fc-cast-label:before{content:"";display:inline-block;width:7px;height:8px;margin-right:3px;vertical-align:-1px;background:var(--hk-silver);clip-path:polygon(50% 0,100% 18%,100% 52%,50% 100%,0 52%,0 18%)}.fc-cast.active:not(.locked) .fc-cast-track{box-shadow:0 0 0 1px #000000bf,inset 0 0 0 1px var(--cast-edge),0 0 6px #f6d27873}.fc-cast.locked .fc-cast-track{box-shadow:0 0 0 1px #000000bf,inset 0 0 0 1px #c8cdd659}.fc-cast.locked .fc-cast-label{color:#d9dde4}.fc-cast.locked .fc-cast-icon:after{content:"";position:absolute;right:-1px;bottom:-1px;width:55%;height:62%;background:var(--hk-silver-hi, #e6e9f0);clip-path:polygon(50% 0,100% 18%,100% 52%,50% 100%,0 52%,0 18%);filter:drop-shadow(0 0 1px #000)}.fc-cast.locked .fc-cast-img{filter:grayscale(.7) brightness(.8)}.fc-cast.kickable{--cast-fill: linear-gradient(180deg, #ffd2b0 0%, #ff7a3d 50%, #a8340b 100%);--cast-edge: #ffb07a}.fc-cast.kickable .fc-cast-track{animation:fc-kick .5s ease-in-out infinite alternate}@keyframes fc-kick{0%{box-shadow:0 0 0 1px #000000bf,inset 0 0 0 1px #ffb07a,0 0 4px #ff7a3d80}to{box-shadow:0 0 0 1px #000000bf,inset 0 0 0 1px #ffe0c8,0 0 9px #ff7a3df2}}.fc-cast.interrupted{display:flex;--cast-fill: linear-gradient(180deg, #ff9a8a 0%, #d8322a 55%, #7a0f0c 100%);--cast-edge: #ff8a7a;animation:fc-int-fade 1.3s ease-in forwards}.fc-cast.interrupted .fc-cast-track{overflow:visible}.fc-cast.interrupted .fc-cast-label{right:auto;overflow:visible;text-overflow:clip;font-weight:700;color:#fff}.fc-cast.interrupted .fc-cast-img{filter:grayscale(1) brightness(.6)}@keyframes fc-int-fade{0%,65%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.fc-cast.kickable .fc-cast-track,.fc-cast.interrupted{animation:none}}.fr-auras{gap:2px}.fr-role-svg{width:100%;height:100%;display:block}.fr-role-svg.role-tank{color:#8fb9ff}.fr-role-svg.role-healer{color:#7fe39a}.fr-role-svg.role-dps{color:#ffb36b}.ft{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:340px;pointer-events:none}.ft.empty{display:none}.ft.dead{opacity:.6}.ft.oor .ft-main,.ft.oor .ft-auras{opacity:.55;filter:grayscale(.65)}.ft-main{position:relative;display:flex;align-items:center;gap:8px;width:100%;padding:4px 14px 4px 6px;box-sizing:border-box;background:radial-gradient(ellipse at 45% 55%,#080a0fa8,#080a0f00 72%)}.ft-main:after{content:"";position:absolute;left:50px;right:10px;bottom:0;height:1px;background:var(--hk-rule)}.ft.boss .ft-main:after,.ft.elite .ft-main:after{background:var(--hk-rule-gold)}.ft-portrait{position:relative;flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--hk-silver);background:radial-gradient(circle at 50% 38%,#2c3242,#0d1017 70%) padding-box,var(--hk-trim-silver) border-box;border:1.5px solid transparent;box-shadow:0 1px 6px #000000b3}.ft.enemy .ft-portrait{color:#ff9c90}.ft.boss .ft-portrait,.ft.elite .ft-portrait{color:var(--hk-gold-hi);background:radial-gradient(circle at 50% 38%,#3a2c22,#110b08 70%) padding-box,var(--hk-trim-gold) border-box;box-shadow:0 1px 6px #000000b3,var(--hk-glow-gold)}.ft.friendly .ft-portrait{background:transparent;border:0;box-shadow:none}.ft-portrait>svg{position:absolute;inset:0;width:100%;height:100%}.ft-portrait>svg.hk-glyph{inset:22%;width:56%;height:56%}.ft-badge{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);z-index:2;min-width:18px;padding:0 4px;box-sizing:border-box;border-radius:6px;font-size:var(--hk-fs-xs);font-weight:700;line-height:11px;text-align:center;color:#fff;background:linear-gradient(180deg,#2a2f3c,#0b0d12) padding-box,var(--hk-trim-gold) border-box;border:1px solid transparent;text-shadow:var(--hk-text-outline)}.ft-badge:empty{display:none}.ft-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ft-head{display:flex;align-items:baseline;gap:6px;white-space:nowrap;text-shadow:var(--hk-text-outline)}.ft-name{font-family:var(--hk-font-display);font-size:var(--hk-fs-lg);font-weight:600;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis}.ft-rank{font-size:var(--hk-fs-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hk-text-dim)}.ft-rank:empty{display:none}.ft.boss .ft-rank{color:var(--hk-text-gold)}.ft.elite .ft-rank{color:#e8c98a}.ft-hp .hk-stat-track{height:6px}.ft-nums{display:flex;justify-content:space-between;margin-top:-1px;font-size:var(--hk-fs-xs);line-height:1;color:var(--hk-text-dim);text-shadow:var(--hk-text-outline)}.ft-pct{color:var(--hk-text);font-weight:700}.ft-cast{--cast-h: 12px;margin-top:2px}.ft-auras{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%}.ft-auras .fr-auras{justify-content:center}.ft-auras .fr-auras:empty{display:none}.ft-tot{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:92px;margin-left:4px;padding:2px 6px 3px;box-sizing:border-box;background:var(--hk-fill-fade-right);cursor:pointer}.ft-tot.empty{display:none}.ft-tot-head{display:flex;gap:3px;font-size:var(--hk-fs-xs);line-height:12px;white-space:nowrap;overflow:hidden;text-shadow:var(--hk-text-outline)}.ft-tot-arrow{color:var(--hk-text-faint)}.ft-tot-name{overflow:hidden;text-overflow:ellipsis;font-weight:600}.fp{display:flex;flex-direction:column;gap:3px;width:100%}.fp-title{align-self:center;margin-bottom:1px;font-family:var(--hk-font-display, inherit);font-size:var(--hk-fs-sm);font-weight:700;color:#f2c541;text-shadow:var(--hk-text-outline);letter-spacing:.02em}.fp-row{--dispel: transparent;position:relative;height:50px;box-sizing:border-box;cursor:pointer;overflow:visible;background:#0b0c10;border:1px solid #000;box-shadow:0 0 0 1px #ffffff14,0 2px 6px #0009}.fp-row.empty{display:none}.fp-hp{position:absolute;inset:0}.fp-hp .hk-stat-track{height:100%;border-radius:0;background:linear-gradient(180deg,#17181d,#0b0c10);box-shadow:none}.fp-hp .hk-stat-fill{filter:saturate(.82) brightness(.88)}.fp-hp .hk-stat-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff1a,#0000 45%,#00000038);pointer-events:none}.fp-head{position:absolute;left:3px;right:4px;top:3px;display:flex;align-items:center;gap:4px;white-space:nowrap;pointer-events:none}.fp-role{flex:none;width:15px;height:15px;padding:2px;box-sizing:border-box;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3a3f52,#12141b 70%);box-shadow:0 0 0 1.5px #c9a246,0 0 0 2.5px #000000b3;display:grid;place-items:center}.fp-role svg{width:100%;height:100%}.fp-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--hk-fs-sm);font-weight:700;color:#fff;text-shadow:0 1px 0 #000,0 0 2px #000,0 0 4px rgba(0,0,0,.8)}.fp-row.me .fp-name:after{content:" •";color:#fff9}.fp-pct{position:absolute;right:4px;bottom:4px;font-size:var(--hk-fs-xs);color:#ffffffd9;text-shadow:0 1px 0 #000,0 0 3px #000;pointer-events:none}.fp-res{position:absolute;left:0;right:0;bottom:0}.fp-res .hk-stat-track{height:3px;border-radius:0}.fp-debuffs{position:absolute;left:3px;bottom:5px;flex-wrap:nowrap}.fp-row.hovered{box-shadow:0 0 0 1px #ffffff59,0 2px 6px #0009}.fp-row.selected{border-color:#fff;box-shadow:0 0 0 1px #ffffff8c,0 2px 6px #0009}.fp-row.dead .hk-stat-fill{opacity:0}.fp-row.dead .fp-name{color:#9a9a9a}.fp-row.dead .fp-pct{left:0;right:0;bottom:16px;text-align:center;color:#d9d9d9;font-weight:700}.fp-row.oor{opacity:.45}.fp-row.dead.oor{opacity:.32}.fp-row.dispel{border-color:var(--dispel);box-shadow:0 0 0 1px var(--dispel),0 0 9px 1px var(--dispel),inset 0 0 12px -2px var(--dispel)}.fp-row.dispel-magic{--dispel: #3d8bff}.fp-row.dispel-poison{--dispel: #3fbf3f}.fp-row.dispel-curse{--dispel: #a64dff}.fp-row.dispel-disease{--dispel: #c79a3a}.fp-row.dispel-enrage{--dispel: #ff7a1a}.np-layer{position:fixed;inset:0;pointer-events:none}.np{position:absolute;left:0;top:0;width:0;height:0;will-change:transform;pointer-events:none}.np.selected{z-index:2}.np-scale{position:absolute;left:0;bottom:0;transform:translate(-50%) scale(var(--hk-scale));transform-origin:50% 100%}.np-body{position:relative;width:104px;display:flex;flex-direction:column;align-items:stretch;gap:1px;transform-origin:50% 80%;pointer-events:auto;cursor:pointer}.np.boss .np-body{width:150px}.np.elite .np-body{width:122px}.np.minor .np-body{width:80px}.np-name{font-family:var(--hk-font-display);font-size:var(--hk-fs-sm);font-weight:600;line-height:12px;text-align:center;color:#f6ddd8;text-shadow:var(--hk-text-outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np.boss .np-name{color:var(--hk-text-gold);font-size:var(--hk-fs-md)}.np-bar{position:relative;height:4px;overflow:hidden;background:var(--hk-bar-track);border-radius:1px;box-shadow:0 0 0 1px #000c,inset 0 0 0 1px #ffc8be1f}.np.boss .np-bar{height:5px}.np-fill{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);will-change:transform;background:var(--hk-hp-grad)}.np-gloss{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff4d,#fff0 60%)}.np.loose .np-fill{background:linear-gradient(180deg,#ffc27a,#ff8a1e 50%,#a64d08)}.np.aggro .np-fill{background:linear-gradient(180deg,#ff9b7a,#ff3b1e 50%,#8e1206)}.np.aggro .np-bar{box-shadow:0 0 0 1px #000c,0 0 6px #ff4628cc}.np.aggro .np-name:after{content:" !";color:#ff6a4a}.np.selected .np-name{color:#fff}.np.selected .np-bar{height:6px;box-shadow:0 0 0 1px #000000d9,0 0 0 2px #f6e2a88c,0 0 8px #f6d27880}.np.selected .np-fill{filter:brightness(1.25) saturate(1.1)}.np.selected .np-body:before,.np.selected .np-body:after{content:"";position:absolute;top:12px;width:6px;height:10px;border:1.5px solid var(--hk-gold-hi);filter:drop-shadow(0 0 2px rgba(246,210,120,.8));pointer-events:none}.np.selected .np-body:before{left:-9px;border-right:0}.np.selected .np-body:after{right:-9px;border-left:0}.np-layer.has-target .np:not(.selected){opacity:.72}.np.oor .np-name,.np.oor .np-bar,.np.oor .np-auras{filter:grayscale(.7) brightness(.8);opacity:.7}.np-layer.has-target .np.oor:not(.selected){opacity:.55}.np-cast{--cast-h: 9px;margin-top:1px}.np-cast.fc-cast{align-self:center;width:max(100%,118px)}.np-cast .fc-cast-label,.np-cast .fc-cast-time{font-size:var(--hk-fs-2xs)}.np-cast .fc-cast-label{right:18px}.np-auras{position:absolute;left:50%;bottom:100%;transform:translate(-50%);display:flex;gap:2px;margin-bottom:2px;pointer-events:none}.np-aura{--aura-color: #8e7cc3;position:relative;flex:none;width:18px;height:18px;box-sizing:border-box;border-radius:2px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #c85046d9,0 1px 3px #000000b3;pointer-events:auto;contain:layout paint style}.np-aura.cc{width:22px;height:22px;box-shadow:0 0 0 1px #ff4a3d,0 0 5px #ff4a3d99}.np-aura-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.np-aura-img[hidden],.np-aura-fallback[hidden]{display:none}.np-aura-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:8px;font-weight:800;color:#fff;text-shadow:0 0 2px #000;background:var(--aura-color)}.np-aura-sweep{position:absolute;inset:0;pointer-events:none;background:conic-gradient(rgba(0,0,0,.6) var(--p, 0deg),transparent 0)}.np-aura-time{position:absolute;left:0;right:0;bottom:0;font-size:8px;font-weight:700;line-height:8px;text-align:center;color:#fff;background:#0000008c;pointer-events:none}.np-aura-stacks{position:absolute;top:0;right:1px;font-size:8px;font-weight:800;line-height:8px;color:#ffe066;text-shadow:0 0 2px #000;pointer-events:none}.np-aura-time:empty,.np-aura-stacks:empty{display:none}.np-aura.refresh{box-shadow:0 0 0 1px #ffe066,0 0 6px #ffe066bf}.np-aura.refresh:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffe066,inset 0 0 6px #ffe066e6;animation:np-pandemic .8s ease-in-out infinite alternate;pointer-events:none}@keyframes np-pandemic{0%{opacity:.25}to{opacity:1}}@media (prefers-reduced-motion: reduce){.np-aura.refresh:after{animation:none}}.floaters{--ct-scale: 1;position:fixed;inset:0;pointer-events:none;overflow:hidden}.ct{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform,opacity;contain:layout style;transform-origin:50% 60%;--ct-c: #fff;color:var(--ct-c);font-family:var(--hk-font-num),"Arial Narrow",Impact,sans-serif;font-weight:800;font-size:calc(24px * var(--ct-scale) * var(--hk-scale));line-height:1;letter-spacing:.01em;font-variant-numeric:tabular-nums;text-shadow:-1.5px -1.5px 0 #06070a,1.5px -1.5px 0 #06070a,-1.5px 1.5px 0 #06070a,1.5px 1.5px 0 #06070a,0 2px 5px rgba(0,0,0,.7)}@supports (paint-order: stroke){.ct{-webkit-text-stroke:.14em #06070a;paint-order:stroke fill;text-shadow:0 .06em 0 #06070a,0 .1em .24em rgba(0,0,0,.65)}}.ct-x{margin-left:.25em;font-size:.6em;vertical-align:.2em;color:var(--hk-silver);letter-spacing:.02em;font-weight:700}.ct-x:empty{display:none}.ct.ct-s{font-size:calc(17px * var(--ct-scale) * var(--hk-scale))}.ct.ct-m{font-size:calc(22px * var(--ct-scale) * var(--hk-scale))}.ct.ct-l{font-size:calc(28px * var(--ct-scale) * var(--hk-scale))}.ct.ct-xl{font-size:calc(42px * var(--ct-scale) * var(--hk-scale));letter-spacing:.02em}.ct.ct-xxl{font-size:calc(50px * var(--ct-scale) * var(--hk-scale));letter-spacing:.02em}.ct.ct-crit:not(.ct-party){-webkit-text-stroke-color:#1a0c02;text-shadow:0 .06em 0 #1a0c02,0 0 .35em rgba(255,190,80,.55)}.ct.ct-huge:not(.ct-party){text-shadow:0 .06em 0 #1a0c02,0 0 .3em rgba(255,170,60,.7),0 0 .8em rgba(255,120,40,.3)}.ct.ct-absorb,.ct.ct-absorb .ct-x{color:var(--ct-c);font-style:italic}.ct.ct-avoid,.ct.ct-kick{font-family:var(--hk-font-display),sans-serif;font-style:italic;letter-spacing:.04em;text-transform:uppercase}.ct.ct-avoid{font-size:calc(15px * var(--ct-scale) * var(--hk-scale))}.ct.ct-party{font-weight:700}.ct.ct-dot{font-weight:700;-webkit-text-stroke-width:.11em}.ct.ct-heal .ct-x{color:color-mix(in srgb,var(--ct-c) 45%,#8a93a3);opacity:.8;font-size:.55em}.ct.ct-overheal{opacity:.75;font-weight:700}.ct.ct-proc{font-family:var(--hk-font-display),sans-serif;font-size:calc(14px * var(--ct-scale) * var(--hk-scale));font-weight:700;letter-spacing:.04em;text-shadow:0 .06em 0 #1a0c02,0 0 .4em rgba(255,200,90,.55)}.ct.ct-reward{display:inline-flex;align-items:center;gap:.18em;font-size:calc(24px * var(--ct-scale) * var(--hk-scale));font-weight:800;text-shadow:0 .06em 0 #06070a,0 0 .45em color-mix(in srgb,var(--ct-c) 55%,transparent)}.ct.ct-reward.ct-boss{font-size:calc(32px * var(--ct-scale) * var(--hk-scale))}.ct.ct-reward:before{content:"";flex:none;width:1.05em;height:1.05em;background:center / contain no-repeat;filter:drop-shadow(0 1px 1px #000) drop-shadow(0 0 3px rgba(0,0,0,.6))}.ct.ct-reward .ct-x{margin-left:.12em;vertical-align:0;font-size:.62em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ct-c)}.ct.ct-xp:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f1e2ff'/%3E%3Cstop offset='.45' stop-color='%23b98cff'/%3E%3Cstop offset='1' stop-color='%235a2ea6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M12 1.5 19.5 9 12 22.5 4.5 9z' fill='url(%23g)' stroke='%23140a26' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M4.5 9h15M12 1.5 9 9l3 13.5L15 9z' fill='none' stroke='%23f6eeff' stroke-opacity='.55' stroke-width='.8'/%3E%3C/svg%3E")}.ct.ct-gold:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CradialGradient id='g' cx='.38' cy='.32' r='.75'%3E%3Cstop offset='0' stop-color='%23fff6c8'/%3E%3Cstop offset='.5' stop-color='%23ffd24a'/%3E%3Cstop offset='1' stop-color='%23a2700f'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='9.6' fill='url(%23g)' stroke='%232a1a02' stroke-width='1.4'/%3E%3Ccircle cx='12' cy='12' r='6.4' fill='none' stroke='%23a2700f' stroke-width='1.1'/%3E%3Cpath d='M12 8.2v7.6M9.8 10h3.6a1.4 1.4 0 0 1 0 2.8h-2.8a1.4 1.4 0 0 0 0 2.8h3.6' fill='none' stroke='%237a5008' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E")}:root{--panel: var(--hk-fill-strong);--panel-border: var(--hk-line);--text: var(--hk-text);--muted: var(--hk-text-dim);--hp: var(--hk-hp-friendly);--hp-enemy: var(--hk-hp);--absorb: var(--hk-absorb);--cast: var(--hk-cast);--cast-locked: var(--hk-cast-locked);--cast-channel: var(--hk-cast-channel);--accent: var(--hk-gold);--danger: var(--hk-text-bad);font-family:var(--hk-font)}body{color:var(--text);user-select:none}.hidden{display:none!important}.hud-root{position:fixed;inset:0;pointer-events:none}.hud-root button,.uframe,.plate,.panel,.actionbar{pointer-events:auto}.panel{background:var(--hk-fill-panel);border:1px solid var(--hk-line);border-radius:var(--hk-r-panel);box-shadow:var(--hk-inner-hi),var(--hk-shadow)}.bar{position:relative;height:8px;background:var(--hk-bar-track);border-radius:1px;overflow:hidden;box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #c8cdd629}.bar-fill{position:absolute;inset:0 auto 0 0;background:var(--hk-hp-friendly-grad);transition:width 80ms linear}.uframe.snap .bar-fill{transition:none}.bar-absorb{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(-45deg,var(--absorb) 0 3px,rgba(255,255,255,.25) 3px 6px)}.bar-text{position:absolute;right:4px;top:-1px;font-size:var(--hk-fs-xs);color:#fff;text-shadow:var(--hk-text-outline)}.bar.res{height:4px;margin-top:2px}.bar.res .bar-text{display:none}.pips{display:flex;gap:2px;margin-top:2px}.pip{flex:1;height:4px;border:1px solid rgba(200,205,214,.35);border-radius:1px}.uframe{background:var(--hk-fill-fade-right);border:0;border-top:1px solid var(--hk-line);border-radius:0;padding:3px 6px 4px;cursor:pointer}.uframe.empty{visibility:hidden}.uframe.dead{opacity:.55}.uframe.selected{border-top-color:var(--hk-gold);box-shadow:inset 2px 0 0 var(--hk-gold)}.uframe.hovered{background:linear-gradient(90deg,#3c4254bf,#080a0f00)}.uframe.enemy .bar.hp .bar-fill{background:var(--hk-hp-grad)}.uframe-top{display:flex;justify-content:space-between;gap:8px;font-size:var(--hk-fs-sm);margin-bottom:2px;white-space:nowrap;text-shadow:var(--hk-text-outline)}.uframe-name{font-weight:600;overflow:hidden;text-overflow:ellipsis}.uframe-hptext{color:var(--hk-text-dim);font-family:var(--hk-font-num);font-variant-numeric:tabular-nums}.uframe.large{width:280px}.uframe.large .bar.hp{height:8px}.uframe.small{width:var(--hk-party-w);box-sizing:border-box}.uframe.small .bar.hp{height:7px}.hk-r-target .uframe{background:radial-gradient(ellipse at 50% 60%,#080a0f9e,#080a0f00 72%);border-top:0;text-align:center;padding:3px 18px 4px}.hk-r-target .uframe-top{justify-content:center;gap:10px}.hk-r-target .auras{justify-content:center}.party-frames{display:flex;flex-direction:column;gap:var(--hk-gap-3)}.auras{display:flex;flex-wrap:wrap;gap:2px;margin-top:3px;min-height:0}.aura{font-size:var(--hk-fs-2xs);padding:1px 4px;border-radius:2px;background:#50a0ff33;border:1px solid rgba(80,160,255,.45);display:flex;gap:3px;text-shadow:0 0 2px #000}.aura.debuff{background:#ff50502e;border-color:#ff505080}.aura-time{color:var(--muted)}.castbar{position:relative;height:12px;margin-top:3px;background:var(--hk-bar-track);border:1px solid transparent;border-radius:1px;overflow:hidden;display:none;box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #d6b26a73}.castbar.active{display:block}.castbar-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#ffe08a,var(--cast) 50%,#a77810)}.castbar.channel .castbar-fill{background:linear-gradient(180deg,#a9e0ff,var(--cast-channel) 50%,#1f6d9c)}.castbar.locked{box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #dce1ebb3}.castbar.locked .castbar-fill{background:repeating-linear-gradient(-45deg,var(--cast-locked) 0 6px,#6c7586 6px 12px)}.castbar.locked .castbar-label:before{content:"🛡"}.castbar-label{position:absolute;left:4px;right:30px;top:0;font-size:var(--hk-fs-xs);line-height:12px;color:#fff;text-shadow:var(--hk-text-outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.castbar-time{position:absolute;right:4px;top:0;font-size:var(--hk-fs-xs);line-height:12px;color:#fff;text-shadow:var(--hk-text-outline);font-family:var(--hk-font-num)}.player-cast{width:260px;height:14px;margin:0 auto 6px}.player-cast .castbar-label,.player-cast .castbar-time{line-height:14px;font-size:var(--hk-fs-sm)}.main-frames{display:flex;justify-content:center}.actionbar{display:flex;gap:var(--hk-gap-2);padding:var(--hk-gap-2) var(--hk-gap-3);background:radial-gradient(ellipse at 50% 100%,#080a0fb3,#080a0f00 75%)}.actionbar>.action:nth-child(5){margin-left:var(--hk-gap-4)}.actionbar>.action:nth-child(9){margin-left:var(--hk-gap-4)}.keystone{width:100%;box-sizing:border-box;padding:var(--hk-gap-3) var(--hk-gap-4) var(--hk-gap-4);font-size:var(--hk-fs-md);text-shadow:var(--hk-text-outline);background:var(--hk-fill-fade-left);border:0;border-radius:0;box-shadow:none;position:relative}.keystone:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--hk-rule-gold)}.ks-title{font-family:var(--hk-font-display);font-weight:600;color:var(--hk-text-gold);margin-bottom:3px;text-align:right}.ks-time{font-family:var(--hk-font-num);font-size:var(--hk-fs-2xl);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.ks-time.over{color:var(--danger)}.ks-timebar{position:relative;height:3px;background:#ffffff14;margin:4px 0}.ks-timebar-fill{height:100%;background:linear-gradient(90deg,var(--hk-gold-lo),var(--hk-gold-hi))}.ks-mark{position:absolute;top:-2px;width:1px;height:7px;background:#fff;opacity:.7}.ks-thresholds{color:var(--muted);font-family:var(--hk-font-num);font-variant-numeric:tabular-nums;margin-bottom:6px;text-align:right;font-size:var(--hk-fs-sm)}.ks-bosses{white-space:pre;margin-bottom:6px;line-height:1.5}.ks-forces{position:relative;height:12px;background:var(--hk-bar-track);border-radius:1px;overflow:hidden;box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #c8cdd629}.ks-forces-fill{height:100%;background:linear-gradient(180deg,#c9a8ff,#8a5cf0 55%,#5a34b0)}.ks-forces-text{position:absolute;inset:0;font-size:var(--hk-fs-xs);line-height:12px;text-align:center;text-shadow:var(--hk-text-outline)}.ks-deaths{margin-top:6px;color:#ff9b94;font-size:var(--hk-fs-sm)}.ks-hint{margin-top:4px;color:var(--muted);font-style:italic;font-size:var(--hk-fs-sm)}.meters{width:100%;box-sizing:border-box;padding:var(--hk-gap-3);font-size:var(--hk-fs-sm);background:var(--hk-fill-fade-left);border:0;border-radius:0;box-shadow:none;position:relative}.meters:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--hk-rule)}.meters.static{width:auto;background:var(--hk-fill-panel);border:1px solid var(--hk-line);border-radius:var(--hk-r-panel)}.meter-scope{flex:none;white-space:nowrap;background:none;border:0;padding:0 2px;font:inherit;font-size:var(--hk-fs-xs);color:var(--muted);cursor:pointer}.meter-scope:hover,.meter-scope.overall{color:var(--hk-text-gold)}.meter-tabs{display:flex;gap:3px;margin-bottom:5px}.meter-tab{flex:1;background:#ffffff0a;color:var(--muted);border:1px solid transparent;border-radius:2px;font:inherit;font-size:var(--hk-fs-xs);padding:2px 0;cursor:pointer;transition:none}.meter-tab.active{color:var(--hk-text-gold);border-color:var(--hk-line-gold);background:#d6b26a1a}.meter-tab.is-pressed{filter:brightness(1.35)}.meter-title{font-weight:700;margin-bottom:5px;color:var(--accent)}.meter-row{position:relative;height:16px;margin-bottom:2px;background:#ffffff08}.meter-fill{position:absolute;inset:0 auto 0 0;opacity:.5}.meter-name,.meter-value{position:absolute;top:0;line-height:16px;text-shadow:var(--hk-text-outline)}.meter-name{left:5px}.meter-value{right:5px;font-family:var(--hk-font-num);font-variant-numeric:tabular-nums}.error-text{position:fixed;top:calc(var(--hk-edge, 8px) + 136px * var(--hk-scale, 1));left:50%;transform:translate(-50%);z-index:5;pointer-events:none;max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--hk-font-display, inherit);font-size:calc(15px * var(--hk-scale, 1));font-weight:700;letter-spacing:.03em;color:#ff4a3a;text-shadow:0 1px 0 #000,0 0 3px #000,0 0 8px rgba(0,0,0,.8);opacity:0;transition:opacity .32s ease-in}.error-text.show{opacity:1;transition:none}.error-text.warn{color:#ffc35a}.status-text{position:fixed;top:12px;left:50%;transform:translate(-50%);color:var(--muted);font-size:12px}.death-box{position:fixed;top:32%;left:50%;transform:translate(-50%);padding:14px 20px;background:var(--panel);border:1px solid var(--danger);border-radius:6px;text-align:center;display:none;font-size:12px;color:var(--muted)}.death-box.show{display:block}.death-title{color:var(--danger);font-size:18px;font-weight:700;margin-bottom:4px}.death-release{margin-top:10px;pointer-events:auto;padding:6px 18px;background:var(--danger);color:#fff;border:0;border-radius:4px;font-weight:700;cursor:pointer}.screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#141822db,#050609f5);pointer-events:auto;overflow:auto;padding:16px;box-sizing:border-box}.screen-box{width:min(640px,100%);background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:24px 28px;box-sizing:border-box}.screen-box.wide{width:min(1080px,100%)}.screen h1{margin:0 0 4px;font-size:32px;color:var(--accent);letter-spacing:.5px}.screen h2{margin:6px 0 14px;font-size:18px;text-align:center}.subtitle{color:var(--muted);margin-bottom:18px}.role-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.role-card{--role: #888;background:#ffffff0a;border:1px solid var(--panel-border);border-top:3px solid var(--role);border-radius:6px;color:var(--text);padding:12px 6px;cursor:pointer;font:inherit;text-align:center}.role-card.active{background:color-mix(in srgb,var(--role) 22%,transparent);border-color:var(--role)}.role-card.spectate{--role: #9aa3b5}.role-name{font-weight:700;text-transform:capitalize}.role-role{font-size:11px;color:var(--muted);margin-top:3px;text-transform:capitalize}.start-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.field input,.field select{background:#0b0d12;color:var(--text);border:1px solid var(--panel-border);border-radius:4px;padding:6px;font:inherit;font-size:13px}.btn{background:#ffffff14;color:var(--text);border:1px solid var(--panel-border);border-radius:5px;padding:9px 18px;font:inherit;font-weight:600;cursor:pointer}.btn.primary{background:var(--accent);color:#1a1405;border-color:transparent}.btn:hover{filter:brightness(1.1)}.controls-help{margin-top:18px;font-size:11px;color:var(--muted);line-height:1.7}.chest{font-size:64px;font-weight:800;text-align:center;color:var(--accent)}.chest.depleted{color:var(--danger);font-size:44px}.end-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:16px}.end-stat{background:#ffffff0a;border-radius:5px;padding:8px;text-align:center}.end-stat-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.end-stat-label{font-size:11px;color:var(--muted)}.end-meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.end-buttons{display:flex;gap:10px;justify-content:center;margin-top:18px}.gfx-settings{position:fixed;top:var(--hk-edge);right:var(--hk-edge);pointer-events:auto;z-index:6;transform:scale(var(--hk-scale));transform-origin:100% 0}.gfx-gear{width:var(--hk-round-md);height:var(--hk-round-md);padding:0;border-radius:50%;border:1px solid transparent;cursor:pointer;color:var(--hk-silver);background:radial-gradient(circle at 50% 35%,#2a2f3ceb,#080a0eeb 70%) padding-box,var(--hk-trim-silver) border-box;box-shadow:0 1px 4px #0009;font-size:17px;line-height:1;transition:none}.gfx-gear:hover,.gfx-gear[aria-expanded=true]{color:var(--hk-gold-hi);box-shadow:0 1px 4px #0009,var(--hk-glow-gold)}.gfx-gear.is-pressed{transform:scale(.92);filter:brightness(1.35)}.gfx-gear:focus-visible,.gfx-panel select:focus-visible,.gfx-panel input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gfx-panel{position:absolute;top:calc(var(--hk-round-md) + 6px);right:0;width:260px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;font-size:12px}.gfx-title{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--muted)}.gfx-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px}.gfx-row input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--accent);margin:0}.gfx-row select{background:#0006;color:var(--text);border:1px solid var(--panel-border);border-radius:4px;padding:3px 4px;font:inherit}.gfx-row.check input{accent-color:var(--accent)}.gfx-val{color:var(--muted);font-variant-numeric:tabular-nums}.gfx-hint{color:var(--muted);font-size:10.5px}.loading-box{min-width:320px;text-align:center}.loading-bar{height:8px;border-radius:4px;background:#ffffff14;overflow:hidden;margin:14px 0 8px}.loading-fill{height:100%;width:0;background:linear-gradient(90deg,#e08a3a,var(--accent));transition:width .12s linear}.loading-text{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}:root{--kui-bg-0: #05060a;--kui-bg-1: #0b0d13;--kui-panel: rgba(12, 14, 20, .74);--kui-panel-strong: rgba(11, 13, 19, .96);--kui-panel-hi: rgba(255, 255, 255, .04);--kui-border: rgba(200, 205, 214, .15);--kui-border-hi: rgba(200, 205, 214, .3);--kui-text: var(--hk-text, #eef0f4);--kui-muted: var(--hk-text-dim, #a9afbb);--kui-faint: var(--hk-text-faint, #6c7383);--kui-gold: var(--hk-gold, #d6b26a);--kui-gold-deep: var(--hk-gold-lo, #8a6a33);--kui-accent: #9cc3e6;--kui-good: var(--hk-text-good, #5fe08a);--kui-bad: var(--hk-text-bad, #ff5a4e);--kui-radius: 3px;--kui-radius-sm: 2px;--kui-shadow: 0 10px 30px rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 255, 255, .05) inset;--kui-font: var(--hk-font, "Inter", system-ui, sans-serif);--kui-display: var(--hk-font-display, "Avenir Next", system-ui, sans-serif)}.kui-screen{position:fixed;inset:0;display:flex;flex-direction:column;pointer-events:auto;color:var(--kui-text);font-family:var(--kui-font);font-size:13px;background:radial-gradient(1200px 600px at 15% -10%,rgba(124,92,255,.16),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(242,197,90,.1),transparent 60%),linear-gradient(180deg,var(--kui-bg-1),var(--kui-bg-0));z-index:5}.kui-topbar{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--kui-border);background:#080a108c;backdrop-filter:blur(10px)}.kui-topbar-titles{flex:1;min-width:0}.kui-screen-title{margin:0;font-family:var(--kui-display);font-size:22px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--kui-text)}.kui-hub .kui-screen-title{color:var(--kui-gold);letter-spacing:.14em}.kui-screen-subtitle{color:var(--kui-muted);font-size:12px;margin-top:2px}.kui-screen-subtitle:empty{display:none}.kui-topbar-right{display:flex;align-items:center;gap:8px}.kui-screen-scroll{flex:1;overflow:auto}.kui-screen-body{max-width:1240px;margin:0 auto;padding:22px 24px 40px;box-sizing:border-box}.kui-panel{background:var(--kui-panel);border:1px solid var(--kui-border);border-radius:var(--kui-radius);box-shadow:var(--kui-shadow);backdrop-filter:blur(8px);padding:16px 18px;box-sizing:border-box}.kui-panel-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.kui-panel-titles{flex:1}.kui-panel-title,.kui-section-title{margin:0;font-family:var(--kui-display);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kui-muted)}.kui-section-title{margin-bottom:10px}.kui-panel-subtitle{color:var(--kui-faint);font-size:12px;margin-top:3px}.kui-panel-actions{display:flex;gap:6px}.kui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--kui-radius-sm);border:1px solid var(--kui-border-hi);background:#ffffff0f;color:var(--kui-text);font:600 13px/1.1 var(--kui-font);padding:9px 16px;cursor:pointer;transition:background .12s,border-color .12s,transform 80ms,box-shadow .12s}.kui-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff42}.kui-btn:active:not(:disabled),.kui-btn.is-pressed:not(:disabled){transform:translateY(1px);filter:brightness(1.15);transition:none}button.kui-slot:active,button.kui-slot.is-pressed,.kui-tab:active,.kui-tab.is-pressed{transition:none;filter:brightness(1.2)}.is-pressed{transition:none!important}.kui-btn:focus-visible,.kui-slot:focus-visible,.kui-hero-card:focus-visible,.kui-tab:focus-visible,.kui-hub-vault:focus-visible{outline:2px solid var(--kui-accent);outline-offset:2px}.kui-btn:disabled{opacity:.45;cursor:not-allowed}.kui-btn .kui-glyph{width:16px;height:16px;flex:none}.kui-btn-label{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.kui-btn-label:has(.kui-btn-text:empty){display:none}.kui-btn-hint{font-size:11px;font-weight:500;color:var(--kui-muted)}.kui-btn-sm{padding:6px 10px;font-size:12px}.kui-btn-lg{padding:14px 22px;font-size:16px;letter-spacing:.06em;text-transform:uppercase}.kui-btn-primary{background:linear-gradient(180deg,#ffd978,var(--kui-gold) 45%,var(--kui-gold-deep));color:#241703;border-color:#ffdc8cb3;box-shadow:0 6px 22px #f2c55a40,0 1px #ffffff80 inset;text-shadow:0 1px 0 rgba(255,255,255,.35)}.kui-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#ffe39a,#f7cf6d 45%,#d89f33);border-color:#ffe7a6;box-shadow:0 8px 28px #f2c55a61,0 1px #ffffff80 inset}.kui-btn-ghost{background:transparent;border-color:transparent;color:var(--kui-muted)}.kui-btn-ghost:hover:not(:disabled){color:var(--kui-text);background:#ffffff0f;border-color:var(--kui-border)}.kui-btn-danger{background:#ff5d5d29;border-color:#ff5d5d8c;color:#ffd6d6}.kui-btn-danger:hover:not(:disabled){background:#ff5d5d47}.kui-btn-nav{justify-content:flex-start;padding:14px 16px;background:var(--kui-panel);border-color:var(--kui-border);text-align:left;min-height:62px}.kui-btn-nav .kui-glyph{width:26px;height:26px;color:var(--kui-gold);opacity:.9}.kui-btn-nav .kui-btn-text{font-size:14px}.kui-btn-nav:hover:not(:disabled){background:#1e2436eb;border-color:#f2c55a73}.kui-btn-nav.attention{border-color:#f2c55a99;box-shadow:0 0 0 1px #f2c55a40 inset,0 0 18px #f2c55a26}.kui-btn-nav.attention .kui-btn-hint{color:var(--kui-gold)}.kui-icon-btn{padding:6px}.kui-back{padding:7px 12px 7px 8px}.kui-tabs{display:flex;gap:2px;border-bottom:1px solid var(--kui-border);margin-bottom:14px}.kui-tab{position:relative;display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--kui-muted);font:600 13px var(--kui-font);padding:10px 14px;cursor:pointer}.kui-tab:hover:not(:disabled){color:var(--kui-text)}.kui-tab.active{color:var(--kui-text)}.kui-tab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--kui-gold);box-shadow:0 0 10px #f2c55a99}.kui-tab:disabled{opacity:.4;cursor:default}.kui-tab-badge{min-width:16px;padding:1px 5px;border-radius:9px;background:var(--kui-gold);color:#241703;font-size:10px;font-weight:800;text-align:center}.kui-progress{--fill: linear-gradient(90deg, #5b8cff, #8fb6ff);position:relative;height:16px;border-radius:8px;background:#00000073;border:1px solid rgba(255,255,255,.07);overflow:hidden}.kui-progress.thin{height:6px}.kui-progress.thin .kui-progress-text{display:none}.kui-progress-fill{position:absolute;inset:0 auto 0 0;background:var(--fill);border-radius:inherit;transition:width .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px #ffffff26}.kui-progress-text{position:absolute;inset:0;display:grid;place-items:center;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.kui-progress-xp{--fill: linear-gradient(90deg, #7b4dff, #c59bff)}.kui-progress-rating{--fill: linear-gradient(90deg, color-mix(in srgb, var(--tier, #ffb547) 70%, black), var(--tier, #ffb547))}.kui-progress-vault,.kui-progress-gold{--fill: linear-gradient(90deg, var(--kui-gold-deep), #ffe08a)}.kui-progress-danger{--fill: linear-gradient(90deg, #a52a2a, var(--kui-bad))}.kui-pips{display:flex;gap:5px}.kui-pip{width:18px;height:8px;border-radius:3px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);transform:skew(-18deg)}.kui-pip.on{background:linear-gradient(180deg,#ffe08a,var(--kui-gold-deep));border-color:#ffe7a6;box-shadow:0 0 8px #f2c55a80}.kui-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 7px;border-radius:999px;background:#00000059;border:1px solid var(--kui-border);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.kui-chip .kui-glyph{width:16px;height:16px}.kui-chip-label{font-weight:500;color:var(--kui-muted);font-size:11px}.kui-chip.delta{padding:8px 14px 8px 10px;font-size:15px}.kui-chip.delta .kui-glyph{width:20px;height:20px}.kui-chip-gold .kui-chip-value{color:#ffe08a}.kui-chip-shards .kui-chip-value{color:#aef0ff}.kui-chip-xp .kui-chip-value{color:#dcc6ff}.kui-slot{--rarity: #a8adb7;--size: 52px;position:relative;display:inline-grid;place-items:center;width:var(--size);height:var(--size);flex:none;padding:0;box-sizing:border-box;border-radius:8px;color:var(--rarity);border:1.5px solid color-mix(in srgb,var(--rarity) 75%,transparent);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rarity) 30%,transparent),transparent 70%),linear-gradient(160deg,#1b2030,#0b0d14);box-shadow:0 0 0 1px #0009,0 0 14px color-mix(in srgb,var(--rarity) 25%,transparent),inset 0 1px #ffffff14;font:inherit}button.kui-slot{cursor:pointer;transition:transform .1s,box-shadow .12s}button.kui-slot:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #0009,0 0 20px color-mix(in srgb,var(--rarity) 45%,transparent),inset 0 1px #ffffff1f}.kui-slot-sm{--size: 40px;border-radius:7px}.kui-slot-lg{--size: 72px;border-radius:10px}.kui-slot .kui-glyph{width:62%;height:62%;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--rarity) 50%,transparent))}.kui-slot.empty{color:#ffffff2e;border-style:dashed;border-color:#ffffff24;background:#0000004d;box-shadow:none}.kui-slot.empty .kui-glyph{filter:none}.kui-slot.selected{outline:2px solid var(--kui-gold);outline-offset:2px}.kui-slot.muted{filter:grayscale(.8) brightness(.6)}.kui-slot.legendary-fx:after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;box-shadow:0 0 16px 2px #ff8a1c73;animation:kui-legendary 2.4s ease-in-out infinite alternate}@keyframes kui-legendary{0%{opacity:.45}to{opacity:1}}.kui-slot-ilvl{position:absolute;right:3px;bottom:2px;font-size:10px;font-weight:800;color:#fff;text-shadow:0 0 3px #000,0 0 2px #000;font-variant-numeric:tabular-nums}.kui-slot-sm .kui-slot-ilvl{font-size:9px}.kui-slot-sockets{position:absolute;left:3px;top:3px;display:flex;gap:2px}.kui-socket{width:7px;height:7px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.35)}.kui-socket.gem-ruby{background:#ff4d6d;border-color:#ffb3c1}.kui-socket.gem-sapphire{background:#4d8dff;border-color:#b3ceff}.kui-socket.gem-emerald{background:#2fd38a;border-color:#aef2d2}.kui-slot-mw{position:absolute;top:1px;right:3px;font-size:8px;color:#ffe08a;text-shadow:0 0 2px #000}.kui-item-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;background:#ffffff08;border:1px solid transparent}.kui-item-row.mine{border-color:color-mix(in srgb,var(--rarity) 45%,transparent);background:color-mix(in srgb,var(--rarity) 8%,transparent)}.kui-item-row-name{font-weight:700;color:var(--rarity)}.kui-item-row-sub{font-size:11px;color:var(--kui-muted);margin-top:2px}.kui-tooltip-layer{position:fixed;left:0;top:0;z-index:50;pointer-events:none;opacity:0;transition:opacity 90ms;max-width:320px}.kui-tooltip-layer.show{opacity:1}.kui-tip-text{background:var(--kui-panel-strong);border:1px solid var(--kui-border-hi);border-radius:6px;padding:6px 9px;font:12px var(--kui-font);color:var(--kui-text);box-shadow:var(--kui-shadow)}.kui-tooltip{--rarity: #a8adb7;width:290px;box-sizing:border-box;padding:12px 14px;border-radius:8px;font:12.5px/1.45 var(--kui-font);color:var(--kui-text);background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 10%,rgba(14,16,26,.97)),#0a0c14f7 40%);border:1px solid color-mix(in srgb,var(--rarity) 55%,transparent);box-shadow:0 14px 40px #0009,0 0 0 1px #000000b3}.kui-tt-name{font-family:var(--kui-display);font-size:15px;font-weight:700;color:var(--rarity);line-height:1.25}.kui-tt-meta{display:flex;justify-content:space-between;color:var(--kui-muted);font-size:11.5px;margin-top:2px}.kui-tt-rarity{color:var(--rarity)}.kui-tt-ilvl{color:#ffd76a;font-weight:700;margin:6px 0}.kui-tt-lines{display:flex;flex-direction:column;gap:2px}.kui-tt-line{display:flex;align-items:center;gap:6px}.kui-tt-line.stat{color:#e6f0ff}.kui-tt-line.tone-reforged{color:#8fd3ff}.kui-tt-line.socket{color:var(--kui-muted)}.kui-tt-line.socket .kui-glyph{width:14px;height:14px}.kui-tt-line.tone-ruby{color:#ff8da1}.kui-tt-line.tone-sapphire{color:#9dbdff}.kui-tt-line.tone-emerald{color:#7ff0bb}.kui-socket-empty{width:10px;height:10px;border-radius:50%;border:1px dashed rgba(255,255,255,.4)}.kui-tt-line.effect{color:#3ddc5a;margin-top:6px}.kui-tt-line.meta{color:#ffe08a;margin-top:4px}.kui-tt-compare{margin-top:8px;font-weight:700;font-size:12px}.kui-tt-compare.up{color:var(--kui-good)}.kui-tt-compare.down{color:var(--kui-bad)}.kui-tt-compare.same{color:var(--kui-muted)}.kui-tt-equipped,.kui-tt-source{color:var(--kui-muted);font-size:11px;margin-top:6px}.kui-tt-footer{margin-top:8px;padding-top:6px;border-top:1px solid var(--kui-border);color:var(--kui-faint);font-size:11px}.kui-rank{--tier: #9aa4b5;display:inline-flex;align-items:center;gap:10px}.kui-rank-shield{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:44px;height:50px;color:#fff;clip-path:polygon(50% 0,100% 16%,100% 58%,50% 100%,0 58%,0 16%);background:linear-gradient(160deg,color-mix(in srgb,var(--tier) 95%,white),color-mix(in srgb,var(--tier) 60%,black));filter:drop-shadow(0 0 8px color-mix(in srgb,var(--tier) 60%,transparent))}.kui-rank-shield:before{content:"";position:absolute;inset:3px;clip-path:inherit;background:linear-gradient(170deg,#0a0c1499,#0a0c14d9)}.kui-rank-letter{position:relative;font-family:var(--kui-display);font-weight:800;font-size:18px;line-height:1;color:var(--tier);margin-top:-3px}.kui-rank-sub{position:relative;font-size:9px;line-height:1;font-weight:800;letter-spacing:.05em;color:#fff}.kui-rank-sm .kui-rank-shield{width:30px;height:34px}.kui-rank-sm .kui-rank-letter{font-size:13px}.kui-rank-sm .kui-rank-sub{font-size:7px}.kui-rank-lg .kui-rank-shield{width:72px;height:82px}.kui-rank-lg .kui-rank-letter{font-size:30px}.kui-rank-lg .kui-rank-sub{font-size:12px}.kui-rank-name{font-family:var(--kui-display);font-weight:700;font-size:15px;color:var(--tier)}.kui-rank-rating{color:var(--kui-muted);font-size:12px;font-variant-numeric:tabular-nums}.kui-empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:64px 24px;margin:24px auto;max-width:520px;border:1px dashed var(--kui-border-hi);border-radius:var(--kui-radius);background:#ffffff05}.kui-empty-icon .kui-glyph{width:48px;height:48px;color:var(--kui-gold);opacity:.7}.kui-empty-title{font-family:var(--kui-display);font-size:18px;font-weight:700}.kui-empty-hint{color:var(--kui-muted);max-width:380px;line-height:1.5;margin-bottom:6px}.kui-empty-inline{color:var(--kui-muted);font-style:italic;padding:10px 0}.kui-banner{padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:12.5px}.kui-banner.info{background:#7cc4ff1a;border:1px solid rgba(124,196,255,.35);color:#cfe8ff}.kui-banner.warn{background:#ffb5471a;border:1px solid rgba(255,181,71,.45);color:#ffe3b8}.kui-toasts{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;font-family:var(--kui-font)}.kui-toast{padding:9px 16px;border-radius:8px;background:var(--kui-panel-strong);border:1px solid var(--kui-border-hi);color:var(--kui-text);font-size:13px;font-weight:600;box-shadow:var(--kui-shadow);animation:kui-toast-in .18s ease-out;transition:opacity .3s,transform .3s}.kui-toast.success{border-color:#4fd18b99}.kui-toast.error{border-color:#ff5d5db3;color:#ffd6d6}.kui-toast.out{opacity:0;transform:translateY(-6px)}@keyframes kui-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.kui-modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:#030408a8;backdrop-filter:blur(4px);font-family:var(--kui-font);color:var(--kui-text);pointer-events:auto}.kui-modal{width:min(440px,100%);background:var(--kui-panel-strong);border:1px solid var(--kui-border-hi);border-radius:12px;box-shadow:0 24px 80px #0009}.kui-modal.wide{width:min(640px,100%)}.kui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 0 18px}.kui-modal-body{padding:12px 18px}.kui-modal-text{margin:0 0 10px;color:var(--kui-muted);line-height:1.5}.kui-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 16px}.kui-textarea{width:100%;min-height:180px;box-sizing:border-box;resize:vertical;background:#07090e;color:#cfd6e4;border:1px solid var(--kui-border-hi);border-radius:6px;padding:10px;font:11px/1.4 ui-monospace,SF Mono,Menlo,monospace;user-select:text}.kui-form-error{color:var(--kui-bad);font-size:12px;min-height:16px;margin-top:6px}.kui-form{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.kui-field{display:flex;flex-direction:column;gap:6px}.kui-field-label,.kui-stat-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--kui-muted)}.kui-field-hint{font-size:11px;color:var(--kui-faint)}.kui-select{appearance:none;background:#0006 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238e97aa' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--kui-text);border:1px solid var(--kui-border-hi);border-radius:6px;padding:8px 28px 8px 10px;font:13px var(--kui-font)}.kui-select option{background:#11141d}.kui-stepper{display:flex;align-items:center;gap:6px;background:#00000059;border:1px solid var(--kui-border);border-radius:8px;padding:4px}.kui-step{width:40px;height:40px;padding:0;font-size:20px;color:var(--kui-text)}.kui-key-level{flex:1;text-align:center;font-family:var(--kui-display);font-size:30px;font-weight:800;color:var(--kui-gold);text-shadow:0 0 18px rgba(242,197,90,.35);font-variant-numeric:tabular-nums}.kui-toggle{display:flex;align-items:center;gap:8px;color:var(--kui-muted);cursor:pointer}.kui-toggle input{accent-color:var(--kui-gold);width:15px;height:15px}.kui-muted{color:var(--kui-muted)}.kui-muted.small,.small{font-size:11.5px;margin-top:6px}.kui-portrait{--accent: #888;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 80%,white),color-mix(in srgb,var(--accent) 45%,black));box-shadow:0 0 0 2px #0009,0 0 0 3px color-mix(in srgb,var(--accent) 70%,transparent),0 0 18px color-mix(in srgb,var(--accent) 35%,transparent);font-family:var(--kui-display);font-weight:800;font-size:22px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.kui-portrait.lg{width:64px;height:64px;font-size:26px}.kui-hero-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kui-hero-card{--accent: #888;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:30px 10px 14px;border-radius:var(--kui-radius);cursor:pointer;font:inherit;color:var(--kui-text);text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,transparent),#ffffff05);border:1px solid var(--kui-border);transition:border-color .12s,transform .1s,background .12s}.kui-hero-card:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent);transform:translateY(-2px)}.kui-hero-card.active{border-color:var(--kui-gold);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 22%,transparent),#f2c55a0d);box-shadow:0 0 0 1px #f2c55a66 inset,0 0 26px #f2c55a1f;cursor:default}.kui-hero-tag{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border-radius:999px;white-space:nowrap}.kui-hero-tag.you{background:var(--kui-gold);color:#241703}.kui-hero-tag.bot{background:#ffffff14;color:var(--kui-muted)}.kui-hero-name{font-family:var(--kui-display);font-size:16px;font-weight:700;margin-top:6px}.kui-hero-title{font-size:11px;color:var(--kui-muted);font-style:italic;min-height:14px}.kui-hero-class{font-size:11.5px;color:color-mix(in srgb,var(--accent) 80%,white);text-transform:capitalize}.kui-hero-meta{display:flex;gap:10px;font-size:11px;color:var(--kui-muted);margin-top:4px;font-variant-numeric:tabular-nums}.kui-hub-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"status status" "party key" "nav key";gap:16px}.kui-hub-status{grid-area:status;display:grid;grid-template-columns:minmax(200px,1.2fr) minmax(160px,1fr) minmax(200px,1.2fr) auto auto;gap:22px;align-items:center}.kui-hub-who{display:flex;align-items:center;gap:14px}.kui-hub-name{font-family:var(--kui-display);font-size:22px;font-weight:800}.kui-hub-class{color:var(--kui-muted);text-transform:capitalize}.kui-hub-level,.kui-hub-rank{display:flex;flex-direction:column;gap:6px}.kui-stat-big{font-family:var(--kui-display);font-size:26px;font-weight:800;line-height:1}.kui-stat-sub{font-size:11px;color:var(--kui-muted)}.kui-hub-vault{display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:none;border:1px solid transparent;border-radius:8px;padding:6px 8px;color:inherit;font:inherit;cursor:pointer}.kui-hub-vault:hover{border-color:var(--kui-border-hi);background:#ffffff08}.kui-hub-vault.ready{border-color:#f2c55a99;box-shadow:0 0 20px #f2c55a33}.kui-hub-vault.ready .kui-stat-label{color:var(--kui-gold)}.kui-hub-purse{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.kui-hub-party{grid-area:party}.kui-hub-key{grid-area:key;display:flex;flex-direction:column}.kui-hub-key .kui-panel-body{display:flex;flex-direction:column;flex:1}.kui-start{margin-top:auto;width:100%}.kui-hub-nav{grid-area:nav;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kui-hub-profile{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:18px;padding-top:12px;border-top:1px solid var(--kui-border)}.kui-hub-profile .kui-muted{margin-right:auto;font-size:12px}@media (max-width: 1080px){.kui-hub-status{grid-template-columns:1fr 1fr}.kui-hub-purse{flex-direction:row;align-items:center}}@media (max-width: 860px){.kui-hub-grid{grid-template-columns:1fr;grid-template-areas:"status" "party" "key" "nav"}.kui-hero-cards,.kui-hub-nav{grid-template-columns:repeat(2,1fr)}.kui-topbar{padding:12px 16px;flex-wrap:wrap}.kui-screen-body{padding:16px}}.kui-rewards{font-family:var(--kui-font);margin:6px 0 18px;display:flex;flex-direction:column;gap:12px;text-align:left}.kui-rewards .kui-panel{box-shadow:none;padding:14px 16px}.kui-rewards-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kui-reward-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.kui-rewards-gains .kui-stat-label{margin-bottom:6px}.kui-rating-row{display:flex;align-items:center;gap:14px;margin-bottom:10px}.kui-rating-value{font-family:var(--kui-display);font-size:28px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.kui-rating-delta{font-weight:700;margin-top:4px}.kui-rating-delta.up{color:var(--kui-good);font-size:16px}.kui-rating-delta.down{color:var(--kui-bad)}.kui-rating-delta.same{color:var(--kui-muted);font-weight:500;font-size:12px}.kui-tier-up{color:var(--kui-gold);font-weight:800;margin-bottom:8px;letter-spacing:.02em}.kui-vault-note{margin-top:10px;padding:8px 10px;border-radius:6px;background:#f2c55a1a;border:1px solid rgba(242,197,90,.4);color:#ffe7b0;font-size:12px}.kui-levelup{text-align:center;padding:12px;border-radius:10px;background:radial-gradient(ellipse at center,rgba(197,155,255,.28),transparent 70%);border:1px solid rgba(197,155,255,.45);animation:kui-pop .5s cubic-bezier(.2,1.4,.4,1)}.kui-levelup-title{font-family:var(--kui-display);font-size:26px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#e7d6ff;text-shadow:0 0 18px rgba(197,155,255,.8)}.kui-levelup-sub{color:#d6c7f5;margin-top:2px}@keyframes kui-pop{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}.kui-loot-reveal{min-height:64px}.kui-loot-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}@media (max-width: 760px){.kui-rewards-cols{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.kui-slot.legendary-fx:after,.kui-levelup,.kui-toast{animation:none}.kui-progress-fill{transition:none}}.kui-screen{background:radial-gradient(1400px 620px at 50% -18%,rgba(214,178,106,.09),transparent 62%),radial-gradient(1000px 520px at 50% 118%,rgba(70,92,140,.12),transparent 60%),linear-gradient(180deg,var(--kui-bg-1),var(--kui-bg-0))}.kui-screen.kui-as-overlay{z-index:7;background:radial-gradient(ellipse at 50% 40%,#080a0fd6,#030407f0 80%)}.kui-overlay-note{flex:none;font-size:11px;letter-spacing:.04em;color:var(--hk-text-gold, #f0d590);opacity:.85;white-space:nowrap}.kui-topbar{position:relative;padding:10px 24px;border-bottom:0;background:linear-gradient(180deg,#080a0fe6,#080a0f8c);backdrop-filter:none}.kui-topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--hk-rule-gold)}.kui-screen-title{font-size:15px;font-weight:600;letter-spacing:.24em;color:var(--hk-text-gold, #f0d590);text-shadow:0 0 10px rgba(246,210,120,.25)}.kui-hub .kui-screen-title{color:var(--hk-gold-hi, #f6e2a8);letter-spacing:.3em}.kui-screen-subtitle{font-size:11px;letter-spacing:.04em}.kui-panel{position:relative;border-color:var(--kui-border);backdrop-filter:none;box-shadow:0 8px 26px #00000061,var(--hk-inner-hi)}.kui-panel:before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:var(--hk-rule-gold);pointer-events:none}.kui-panel-title,.kui-section-title{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--hk-text-gold, #f0d590)}.kui-panel-subtitle{font-size:11.5px}.kui-btn{border-radius:var(--kui-radius-sm);border-color:var(--kui-border-hi);background:linear-gradient(180deg,#ffffff12,#ffffff05);font-weight:600;letter-spacing:.02em;transition:none}.kui-btn:hover:not(:disabled){background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border-color:var(--hk-line-gold);color:var(--hk-text-gold, #f0d590)}.kui-btn-primary{color:#1f1504;border-color:#f6e2a8d9;background:linear-gradient(180deg,var(--hk-gold-hi),var(--hk-gold) 48%,var(--hk-gold-lo));box-shadow:0 4px 18px #d6b26a38,0 1px #ffffff73 inset}.kui-btn-primary:hover:not(:disabled){color:#1f1504;border-color:#fff1c8;background:linear-gradient(180deg,#fff1c8,#e3c37f 48%,#9c7a3c);box-shadow:0 6px 22px #d6b26a52,0 1px #ffffff80 inset}.kui-btn-lg{letter-spacing:.18em;font-size:14px}.kui-btn-ghost{background:transparent}.kui-btn-nav{border-radius:var(--kui-radius);background:var(--kui-panel);border-color:var(--kui-border)}.kui-btn-nav .kui-glyph{color:var(--hk-gold, #d6b26a)}.kui-btn-nav:hover:not(:disabled){background:#161a24e6;border-color:var(--hk-line-gold)}.kui-btn:focus-visible,.kui-slot:focus-visible,.kui-hero-card:focus-visible,.kui-tab:focus-visible,.kui-hub-vault:focus-visible{outline:1px solid var(--hk-gold);outline-offset:2px}.kui-tabs{border-bottom-color:var(--kui-border)}.kui-tab{font-size:12px;letter-spacing:.06em;padding:9px 14px}.kui-tab.active{color:var(--hk-text-gold, #f0d590)}.kui-tab.active:after{height:1px;left:6px;right:6px;background:var(--hk-gold-hi);box-shadow:0 0 8px #f6d278b3}.kui-tab-badge{border-radius:2px;background:var(--hk-gold);color:#1f1504}.kui-progress{height:12px;border-radius:1px;background:var(--hk-bar-track);border:0;box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #c8cdd624}.kui-progress.thin{height:4px}.kui-progress-fill{box-shadow:inset 0 1px #fff3}.kui-progress-text{font-size:10px;text-shadow:var(--hk-text-outline)}.kui-progress-xp{--fill: linear-gradient(180deg, #d6bcff, #9a6cf5 55%, #5a34b0)}.kui-progress-vault,.kui-progress-gold{--fill: linear-gradient(180deg, var(--hk-gold-hi), var(--hk-gold) 55%, var(--hk-gold-lo))}.kui-pip{border-radius:1px;background:#ffffff0f;border-color:var(--kui-border-hi)}.kui-pip.on{background:linear-gradient(180deg,var(--hk-gold-hi),var(--hk-gold-lo));border-color:var(--hk-gold-hi)}.kui-chip{border-radius:2px;background:#00000052;border-color:var(--kui-border);font-family:var(--hk-font-num)}.kui-chip-label{font-family:var(--kui-font)}.kui-slot{border-radius:var(--kui-radius);border-width:1px}.kui-slot-sm{border-radius:2px}.kui-slot-lg{border-radius:4px}button.kui-slot{transition:none}.kui-item-row{border-radius:2px}.kui-tooltip{border-radius:3px;box-shadow:0 14px 40px #0009,0 0 0 1px #000000b3,inset 0 1px #ffffff0f}.kui-tip-text{border-radius:2px;border-color:var(--hk-line-strong)}.kui-banner{border-radius:2px}.kui-empty{border-radius:var(--kui-radius);border-color:var(--kui-border)}.kui-toast{border-radius:2px;border-color:var(--hk-line-gold);background:var(--kui-panel-strong);font-size:12.5px}.kui-modal-backdrop{background:#030408b8;backdrop-filter:none}.kui-modal{border-radius:3px;border:1px solid transparent;background:linear-gradient(var(--kui-panel-strong),var(--kui-panel-strong)) padding-box,var(--hk-trim-gold) border-box}.kui-select{border-radius:2px;border-color:var(--kui-border-hi);background-color:#00000073;font-size:12.5px}.kui-stepper{border-radius:2px}.kui-key-level{color:var(--hk-gold-hi);text-shadow:0 0 14px rgba(246,210,120,.35);font-family:var(--hk-font-num)}.kui-field-label,.kui-stat-label{font-size:10.5px;font-weight:600;letter-spacing:.14em;color:var(--kui-muted)}.kui-stat-big{font-family:var(--hk-font-num);font-weight:700}.kui-portrait.kui-crest{position:relative;background:none;box-shadow:none;border-radius:50%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.kui-portrait.kui-crest>svg{position:absolute;inset:0;width:100%;height:100%}.kui-hero-card{border-radius:var(--kui-radius);padding-top:28px;transition:none}.kui-hero-card:hover{transform:none;border-color:var(--hk-line-gold)}.kui-hero-card.active{border-color:var(--hk-gold);box-shadow:inset 0 0 0 1px #d6b26a4d,0 0 22px #d6b26a1f}.kui-hero-tag{border-radius:2px}.kui-hero-tag.you{background:linear-gradient(180deg,var(--hk-gold-hi),var(--hk-gold));color:#1f1504}.kui-hub-vault{border-radius:2px}.kui-hub-vault.ready{border-color:var(--hk-line-gold)}.kui-hub-profile{border-top-color:var(--kui-border)}.kui-levelup,.kui-vault-note{border-radius:2px}.kui-rating-value{font-family:var(--hk-font-num)}.kui-btn-nav{position:relative}.kui-nav-key{position:absolute;right:10px;top:50%;transform:translateY(-50%);min-width:16px;font-size:9px;line-height:12px;color:var(--hk-text-dim)}.kui-btn-nav:hover .kui-nav-key{color:var(--hk-key);border-color:var(--hk-line-gold)}:root{--ku: max(.6px, min(calc(1px * var(--hk-scale, 1.44) / 1.44), calc(100vw / 1920)));--km-bg-0: #050a1a;--km-bg-1: #0a1430;--km-bg-2: #10224d;--km-bg-3: #1b3770;--km-panel-0: rgba(16, 24, 52, .88);--km-panel-1: rgba(10, 16, 38, .92);--km-panel-solid-0: #17224a;--km-panel-solid-1: #0c142f;--km-line: rgba(140, 162, 220, .2);--km-line-hi: rgba(170, 190, 240, .34);--km-line-gold: rgba(206, 164, 92, .55);--km-indigo: #2a3a78;--km-indigo-hi: #3a4d94;--km-indigo-lo: #1a2554;--km-text: #eef2ff;--km-text-2: #b8c2de;--km-text-3: #7d88a8;--km-gold: #e7b45a;--km-gold-hi: #ffdb92;--km-gold-lo: #9a6522;--km-gold-text: #f4c870;--km-good: #5fe08a;--km-mid: #f2c14e;--km-bad: #ff6457;--km-blue: #5aa8ff;--km-red-dot: #ff3b3b;--km-common: #a8adb7;--km-common-0: #3c4456;--km-common-1: #191e2b;--km-uncommon: #3ddc5a;--km-uncommon-0: #1f6a3e;--km-uncommon-1: #0b2717;--km-rare: #3b8cff;--km-rare-0: #1f4fae;--km-rare-1: #0c1f4f;--km-epic: #b24cf0;--km-epic-0: #5a2a96;--km-epic-1: #230e42;--km-legendary: #ff8a1c;--km-legendary-0: #8f561a;--km-legendary-1: #351c06;--km-font: "Noto Sans KR", "Noto Sans", "Pretendard", system-ui, -apple-system, "Segoe UI", sans-serif;--km-display: "Cinzel", "Trajan Pro", Georgia, serif;--km-radius: calc(4 * var(--ku))}.km-num{font-variant-numeric:tabular-nums}.km-ico{width:1em;height:1em;flex:none}.km-img{display:block;object-fit:cover}.km-dot{position:absolute;top:calc(6 * var(--ku));right:calc(6 * var(--ku));width:calc(10 * var(--ku));height:calc(10 * var(--ku));border-radius:50%;background:var(--km-red-dot);box-shadow:0 0 0 calc(1.5 * var(--ku)) #0000008c;pointer-events:none}.km-block{width:100%}.km-screen{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;color:var(--km-text);font-family:var(--km-font);font-size:calc(22 * var(--ku));line-height:1.35;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 70% 55% at 50% 38%,rgba(48,86,170,.55),transparent 70%),radial-gradient(ellipse 40% 60% at 50% 0%,rgba(70,110,200,.22),transparent 70%),linear-gradient(180deg,#0d1b42,#0a1636 45%,#060d24)}.km-screen:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 85% 80% at 50% 45%,transparent 55%,rgba(2,5,16,.6) 100%)}.km-backdrop{position:absolute;inset:0;z-index:0}.km-header,.km-body{position:relative;z-index:1}.km-header{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:calc(84 * var(--ku));padding:0 calc(40 * var(--ku)) 0 calc(28 * var(--ku));border-bottom:1px solid rgba(150,172,230,.16);background:linear-gradient(180deg,#060c208c,#060c2000)}.km-header-left{display:flex;align-items:center;gap:calc(14 * var(--ku));min-width:0}.km-header-center{justify-self:center}.km-header-center-text{font-size:calc(30 * var(--ku));font-weight:500;letter-spacing:.01em;white-space:nowrap}.km-header-right{display:flex;align-items:center;justify-content:flex-end;gap:calc(22 * var(--ku))}.km-title{margin:0;font-size:calc(36 * var(--ku));font-weight:500;letter-spacing:.01em;color:var(--km-text);white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.5)}.km-brand{margin:0 calc(10 * var(--ku)) 0 calc(8 * var(--ku));font-family:var(--km-display);font-size:calc(38 * var(--ku));font-weight:700;letter-spacing:.06em;background:linear-gradient(180deg,#ffe7ad 10%,#e2a84e 60%,#a8702a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.km-body{flex:1;min-height:0}.km-vsep{width:1px;height:calc(34 * var(--ku));background:#aabef040;margin:0 calc(4 * var(--ku))}.km-icon-btn{position:relative;display:inline-grid;place-items:center;padding:0;width:calc(48 * var(--ku));height:calc(48 * var(--ku));font-size:calc(36 * var(--ku));border:0;background:none;color:var(--km-text-2);cursor:pointer;border-radius:var(--km-radius);transition:color .12s,background .12s}.km-icon-btn:hover:not(:disabled){color:var(--km-text)}.km-icon-btn:disabled{opacity:.35;cursor:default}.km-icon-btn.framed{width:calc(40 * var(--ku));height:calc(40 * var(--ku));font-size:calc(22 * var(--ku));color:var(--km-text);border:1px solid var(--km-line-hi);background:linear-gradient(180deg,#28386eb3,#101838d9);border-radius:calc(3 * var(--ku))}.km-back{color:var(--km-gold);font-size:calc(42 * var(--ku));width:calc(56 * var(--ku))}.km-back:hover:not(:disabled){color:var(--km-gold-hi)}.km-back .km-ico{stroke-width:2}.km-info{font-size:calc(30 * var(--ku));color:var(--km-text-2)}.km-util{font-size:calc(38 * var(--ku))}.km-util .km-dot{top:calc(4 * var(--ku));right:calc(2 * var(--ku))}.km-currencies{display:flex;align-items:center;gap:calc(30 * var(--ku))}.km-currency{display:inline-flex;align-items:center;gap:calc(10 * var(--ku));font-size:calc(23 * var(--ku));font-weight:500;color:var(--km-text);white-space:nowrap}.km-currency>.km-ico,.km-currency>.km-img{width:calc(34 * var(--ku));height:calc(34 * var(--ku))}.km-currency-img{border-radius:50%;box-shadow:0 0 0 1px #00000080}.km-currency-label{color:var(--km-text-2);font-size:calc(19 * var(--ku))}.km-panel{position:relative;box-sizing:border-box;padding:calc(26 * var(--ku)) calc(28 * var(--ku));border:1px solid var(--km-line);border-radius:calc(2 * var(--ku));background:radial-gradient(ellipse 90% 60% at 50% 0%,rgba(80,110,190,.12),transparent 70%),linear-gradient(180deg,var(--km-panel-0),var(--km-panel-1));box-shadow:0 calc(14 * var(--ku)) calc(40 * var(--ku)) #00000073,inset 0 0 0 1px #ffffff06,inset 0 0 calc(60 * var(--ku)) #00000040}.km-panel-solid{background:radial-gradient(ellipse 90% 60% at 50% 0%,rgba(80,110,190,.16),transparent 70%),linear-gradient(180deg,var(--km-panel-solid-0),var(--km-panel-solid-1))}.km-panel-flat{border:0;box-shadow:none;background:#080e2273}.km-ornate:before{content:"";position:absolute;inset:calc(-3 * var(--ku));pointer-events:none;--c: rgba(214, 172, 96, .85);--l: calc(22 * var(--ku));--w: calc(2 * var(--ku));background:linear-gradient(var(--c),var(--c)) top left / var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) top left / var(--w) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) top right / var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) top right / var(--w) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) bottom left / var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) bottom left / var(--w) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) bottom right / var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) bottom right / var(--w) var(--l) no-repeat}.km-ornate:after{content:"";position:absolute;inset:calc(5 * var(--ku));pointer-events:none;border:1px solid rgba(206,164,92,.12)}.km-panel-title{margin:0 0 calc(18 * var(--ku));font-size:calc(26 * var(--ku));font-weight:500;color:var(--km-text-2);padding-bottom:calc(14 * var(--ku));border-bottom:1px solid var(--km-line)}.km-panel-body{position:relative;z-index:1}.km-divider{position:relative;height:calc(14 * var(--ku));margin:calc(18 * var(--ku)) 0}.km-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--km-line-gold) 20%,var(--km-line-gold) 80%,transparent)}.km-divider i{position:absolute;left:50%;top:50%;width:calc(9 * var(--ku));height:calc(9 * var(--ku));transform:translate(-50%,-50%) rotate(45deg);border:1px solid var(--km-gold);background:var(--km-bg-1)}.km-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:calc(14 * var(--ku));box-sizing:border-box;min-height:calc(62 * var(--ku));padding:0 calc(34 * var(--ku));border-radius:calc(3 * var(--ku));cursor:pointer;white-space:nowrap;font:500 calc(25 * var(--ku)) / 1.1 var(--km-font);letter-spacing:.01em;transition:filter .12s,transform 80ms,box-shadow .12s}.km-btn:active:not(:disabled),.km-btn.is-pressed:not(:disabled){transform:translateY(1px);filter:brightness(1.1);transition:none}.km-btn:focus-visible,.km-tab:focus-visible,.km-slot:focus-visible,.km-crest:focus-visible,.km-round:focus-visible{outline:2px solid var(--km-gold-hi);outline-offset:3px}.km-btn .km-ico{font-size:calc(28 * var(--ku))}.km-btn-label{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--ku))}.km-btn-sub{font-size:calc(19 * var(--ku));font-weight:500;opacity:.85;text-transform:none;letter-spacing:0}.km-btn-cost{display:inline-flex;align-items:center;gap:calc(10 * var(--ku))}.km-btn-cost .km-ico,.km-btn-cost .km-img{width:calc(32 * var(--ku));height:calc(32 * var(--ku));font-size:inherit;border-radius:50%}.km-btn-sep{width:1px;align-self:stretch;margin:calc(14 * var(--ku)) calc(8 * var(--ku));background:currentColor;opacity:.35}.km-btn-primary{color:#3a2207;border:1px solid #ffe2a2;background:linear-gradient(180deg,#fbdc95,#efbd63 38%,#d99a3c 62%,#b97a2a);box-shadow:0 0 0 calc(2 * var(--ku)) #462808d9,0 0 0 calc(3 * var(--ku)) #e2b260b3,inset 0 1px #fffae1d9,inset 0 calc(-3 * var(--ku)) calc(6 * var(--ku)) #78420a59,0 calc(6 * var(--ku)) calc(18 * var(--ku)) #00000073;text-shadow:0 1px 0 rgba(255,238,190,.55);font-weight:700}.km-btn-primary:hover:not(:disabled){filter:brightness(1.07) saturate(1.05)}.km-btn-lg{min-height:calc(76 * var(--ku));padding:0 calc(64 * var(--ku));font-size:calc(30 * var(--ku));letter-spacing:.04em;text-transform:uppercase}.km-btn-sm{min-height:calc(46 * var(--ku));padding:0 calc(20 * var(--ku));font-size:calc(20 * var(--ku))}.km-btn-primary.km-btn-lg:before,.km-btn-primary.km-btn-lg:after{content:"";position:absolute;top:50%;width:calc(26 * var(--ku));height:calc(26 * var(--ku));transform:translateY(-50%) rotate(45deg);background:linear-gradient(135deg,#fff0c4,#d9a04a 55%,#8a5a1c);border:1px solid #5a3608;box-shadow:0 0 0 calc(2 * var(--ku)) #e2b26080}.km-btn-primary.km-btn-lg:before{left:calc(-15 * var(--ku))}.km-btn-primary.km-btn-lg:after{right:calc(-15 * var(--ku))}.km-btn-primary .km-btn-cost{font-weight:700}.km-btn-secondary{color:var(--km-text);border:1px solid rgba(150,170,235,.5);background:linear-gradient(180deg,#34457f,#263467,#1c2754);box-shadow:0 0 0 calc(2 * var(--ku)) #080c1ecc,inset 0 1px #c8d7ff40,0 calc(5 * var(--ku)) calc(14 * var(--ku)) #0006}.km-btn-secondary:hover:not(:disabled){filter:brightness(1.15)}.km-btn-ghost{color:var(--km-text-2);border:1px solid transparent;background:none}.km-btn-ghost:hover:not(:disabled){color:var(--km-text);border-color:var(--km-line)}.km-btn:disabled{cursor:not-allowed;filter:grayscale(.85) brightness(.6);box-shadow:none}.km-btn-secondary:disabled{filter:none;color:var(--km-text-3);background:linear-gradient(180deg,#1c2648,#141c3a);border-color:#788cc838}.km-tabs{display:flex;position:relative}.km-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:calc(10 * var(--ku));border:0;background:none;cursor:pointer;color:var(--km-text-3);font:500 calc(24 * var(--ku)) / 1 var(--km-font);padding:0;transition:color .12s}.km-tab:hover:not(:disabled){color:var(--km-text-2)}.km-tab.active{color:var(--km-gold-text)}.km-tab:disabled{opacity:.35;cursor:default}.km-tabs-icon{border-bottom:1px solid var(--km-line)}.km-tabs-icon .km-tab{flex:1;height:calc(72 * var(--ku));font-size:calc(40 * var(--ku))}.km-tabs-icon .km-tab .km-ico{stroke-width:1.4}.km-tabs-icon .km-tab.active{color:var(--km-gold-hi);background:radial-gradient(ellipse 60% 70% at 50% 100%,rgba(231,180,90,.16),transparent 70%)}.km-tabs-icon .km-tab.active:after,.km-tabs-text .km-tab.active:after{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:calc(3 * var(--ku));background:linear-gradient(90deg,transparent,var(--km-gold) 15%,var(--km-gold-hi) 50%,var(--km-gold) 85%,transparent)}.km-tabs-icon .km-tab-label{display:none}.km-tabs-text{gap:calc(8 * var(--ku));border-bottom:1px solid var(--km-line)}.km-tabs-text .km-tab{height:calc(58 * var(--ku));padding:0 calc(46 * var(--ku));font-size:calc(25 * var(--ku))}.km-tabs-text .km-tab.active{color:var(--km-text);background:linear-gradient(180deg,transparent,rgba(231,180,90,.1))}.km-tabs-box{gap:0;border-bottom:1px solid var(--km-line)}.km-tabs-box .km-tab{height:calc(52 * var(--ku));min-width:calc(170 * var(--ku));padding:0 calc(28 * var(--ku));font-size:calc(23 * var(--ku));border:1px solid var(--km-line);border-bottom:0;margin-right:-1px;background:linear-gradient(180deg,#1e2c5a99,#0e1630b3);color:var(--km-text-2)}.km-tabs-box .km-tab.active{color:#fff3d6;border-color:#d6ac60b3;background:linear-gradient(180deg,#8a6a34,#5a4220 60%,#3e2d14);box-shadow:inset 0 1px #ffe6aa59}.km-sidenav{display:flex;flex-direction:column;gap:calc(6 * var(--ku))}.km-sidenav .km-tab{justify-content:flex-start;gap:calc(20 * var(--ku));text-align:left}.km-sidenav .km-tab .km-ico{font-size:calc(36 * var(--ku))}.km-sidenav-list .km-tab{height:calc(84 * var(--ku));padding:0 calc(32 * var(--ku));color:var(--km-text-2);font-size:calc(25 * var(--ku));border:1px solid rgba(140,162,220,.1);background:linear-gradient(90deg,#18244cbf,#0e163073)}.km-sidenav-list .km-tab.active{color:var(--km-text);border-color:#d6ac608c;background:linear-gradient(90deg,#9670328c,#46361e59 60%,#1e1e2833)}.km-sidenav-list .km-tab.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(5 * var(--ku));background:linear-gradient(180deg,var(--km-gold-hi),var(--km-gold-lo))}.km-sidenav-list .km-tab.active .km-ico{color:var(--km-gold-hi)}.km-sidenav-tiles{gap:calc(14 * var(--ku))}.km-sidenav-tiles .km-tab{width:calc(240 * var(--ku));height:calc(84 * var(--ku));padding:0 calc(24 * var(--ku));color:var(--km-text);font-size:calc(26 * var(--ku));border:1px solid rgba(206,164,92,.45);background:linear-gradient(180deg,#223264d9,#101a3ae6);box-shadow:inset 0 0 0 calc(4 * var(--ku)) #080c1e80,inset 0 0 0 calc(5 * var(--ku)) #cea45c2e,0 calc(6 * var(--ku)) calc(16 * var(--ku)) #00000059}.km-sidenav-tiles .km-tab:hover:not(:disabled){color:#fff;border-color:#f0c878cc}.km-sidenav-tiles .km-tab .km-ico{color:var(--km-text-2);font-size:calc(42 * var(--ku))}.km-sidenav-tiles .km-tab .km-dot{top:calc(10 * var(--ku));right:calc(10 * var(--ku))}.km-slot-wrap{--s: calc(96 * var(--ku));display:inline-flex;flex-direction:column;align-items:center;gap:calc(6 * var(--ku));width:var(--s)}.km-slot-wrap.km-size-sm{--s: calc(64 * var(--ku))}.km-slot-wrap.km-size-lg{--s: calc(128 * var(--ku))}.km-slot-wrap.km-size-xl{--s: calc(180 * var(--ku))}.km-slot{--r: var(--km-common);--r0: var(--km-common-0);--r1: var(--km-common-1);position:relative;display:grid;place-items:center;width:var(--s);height:var(--s);padding:0;box-sizing:border-box;overflow:hidden;color:var(--r);border:calc(2 * var(--ku)) solid color-mix(in srgb,var(--r) 80%,white 5%);border-radius:calc(3 * var(--ku));font:inherit;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--r) 30%,transparent),transparent 62%),linear-gradient(160deg,var(--r0),var(--r1));box-shadow:0 0 0 1px #000000b3,inset 0 0 calc(14 * var(--ku)) #0000008c,inset 0 1px #ffffff1f}.km-slot[data-rarity=uncommon]{--r: var(--km-uncommon);--r0: var(--km-uncommon-0);--r1: var(--km-uncommon-1)}.km-slot[data-rarity=rare]{--r: var(--km-rare);--r0: var(--km-rare-0);--r1: var(--km-rare-1)}.km-slot[data-rarity=epic]{--r: var(--km-epic);--r0: var(--km-epic-0);--r1: var(--km-epic-1)}.km-slot[data-rarity=legendary]{--r: var(--km-legendary);--r0: var(--km-legendary-0);--r1: var(--km-legendary-1)}button.km-slot{cursor:pointer;transition:filter .12s,transform .1s}button.km-slot:hover{filter:brightness(1.15)}.km-slot-icon.km-img{width:100%;height:100%}.km-slot-icon.km-ico,.km-slot .km-glyph{width:66%;height:66%;color:color-mix(in srgb,var(--r) 70%,white 30%);filter:drop-shadow(0 calc(2 * var(--ku)) calc(3 * var(--ku)) rgba(0,0,0,.7))}.km-slot .km-glyph{stroke-width:1.3}.km-slot.selected{border-color:var(--km-gold-hi);box-shadow:0 0 0 calc(2 * var(--ku)) #3c2406e6,0 0 0 calc(4 * var(--ku)) var(--km-gold),0 0 calc(16 * var(--ku)) #f0be6473,inset 0 0 calc(14 * var(--ku)) #00000073}.km-slot.empty{color:#aabef02e;border:1px solid rgba(140,162,220,.16);background:linear-gradient(160deg,#1a24488c,#0a1024a6);box-shadow:inset 0 0 calc(12 * var(--ku)) #0006}.km-slot.empty .km-glyph{opacity:.6;filter:none;color:#aabef038}.km-slot-empty-mark{width:16%;height:16%;transform:rotate(45deg);border:1px solid rgba(170,190,240,.22)}.km-slot.dim{filter:grayscale(.7) brightness(.55)}.km-slot.locked>:not(.km-slot-lock){filter:grayscale(.8) brightness(.45)}.km-slot-lock{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--s) * .34);color:#d8deef;background:#04081459}.km-badge-plus{position:absolute;top:calc(var(--s) * .04);right:calc(var(--s) * .07);font-size:max(calc(15 * var(--ku)),calc(var(--s) * .24));font-weight:700;line-height:1;color:#fff;text-shadow:0 0 calc(3 * var(--ku)) #000,0 1px 1px #000,0 0 1px #000}.km-badge-count{position:absolute;right:calc(var(--s) * .07);bottom:calc(var(--s) * .04);font-size:max(calc(14 * var(--ku)),calc(var(--s) * .22));font-weight:500;line-height:1;color:#fff;text-shadow:0 0 calc(3 * var(--ku)) #000,0 1px 1px #000}.km-badge-e{position:absolute;display:grid;place-items:center;width:max(calc(18 * var(--ku)),calc(var(--s) * .22));height:max(calc(18 * var(--ku)),calc(var(--s) * .22));font-size:max(calc(13 * var(--ku)),calc(var(--s) * .17));font-weight:700;line-height:1;color:#2a1904;background:linear-gradient(180deg,#ffe09a,#d29a3e);border:1px solid #5a3608}.km-badge-e.br{right:calc(var(--s) * .03);bottom:calc(var(--s) * .03)}.km-badge-e.tl{left:calc(var(--s) * .03);top:calc(var(--s) * .03);color:#fff;background:#0a0e1e99;border-color:#ffffff59}.km-badge-set{position:absolute;left:calc(var(--s) * .08);top:calc(var(--s) * .08);width:calc(var(--s) * .12);height:calc(var(--s) * .12);transform:rotate(45deg);background:linear-gradient(135deg,#fff0c4,#e0a94e 60%,#8a5a1c);box-shadow:0 0 calc(4 * var(--ku)) #000c}.km-slot .km-dot{top:calc(var(--s) * .05);right:calc(var(--s) * .05)}.km-slot-ribbon{position:absolute;left:0;right:0;bottom:0;padding:calc(4 * var(--ku)) 0;font-size:calc(var(--s) * .11);text-align:center;color:#fff;background:#0a0804b8;border-top:1px solid rgba(214,172,96,.5)}.km-slot-caption{max-width:calc(var(--s) * 1.5);font-size:calc(20 * var(--ku));color:var(--km-text);text-align:center;line-height:1.2}.km-size-sm .km-slot-caption{font-size:calc(16 * var(--ku))}.km-slot-caption2{margin-top:calc(-4 * var(--ku));font-size:calc(21 * var(--ku));color:var(--km-text-2)}.km-slot-caption2.good{color:var(--km-good)}.km-slot-caption2.bad{color:var(--km-bad)}.km-slot-caption2.gold{color:var(--km-gold-text)}.km-round-wrap{--s: calc(78 * var(--ku));display:inline-flex;flex-direction:column;align-items:center;gap:calc(6 * var(--ku))}.km-round-wrap.km-size-sm{--s: calc(62 * var(--ku))}.km-round-wrap.km-size-lg{--s: calc(104 * var(--ku))}.km-round-wrap.km-size-xl{--s: calc(132 * var(--ku))}.km-round{position:relative;display:grid;place-items:center;width:var(--s);height:var(--s);padding:0;border-radius:50%;overflow:hidden;box-sizing:border-box;font:inherit;color:var(--km-text-2);border:calc(3 * var(--ku)) solid #8a90a0;background:radial-gradient(circle,#24305a,#0c1430);box-shadow:0 0 0 calc(2 * var(--ku)) #000000a6,0 calc(4 * var(--ku)) calc(10 * var(--ku)) #00000080}.km-round.gold{border-color:#e2b462;box-shadow:0 0 0 calc(2 * var(--ku)) #3c2406e6,0 0 calc(14 * var(--ku)) #f0be6459}button.km-round{cursor:pointer}button.km-round:hover{filter:brightness(1.12)}.km-round.dim{filter:grayscale(.85) brightness(.55)}.km-round-icon.km-img{width:100%;height:100%;border-radius:50%}.km-round-icon.km-ico,.km-round-lock{width:55%;height:55%}.km-round-caption{font-size:calc(19 * var(--ku));color:var(--km-text)}.km-skill-ring{position:relative;width:calc(270 * var(--ku));height:calc(270 * var(--ku))}.km-skill-ring-circle{position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(214,172,96,.55)}.km-skill-ring-item,.km-skill-ring-center{position:absolute;transform:translate(-50%,-50%)}.km-skill-ring-center{left:50%;top:50%}.km-stats{margin:0;display:flex;flex-direction:column}.km-stat{display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--ku));padding:calc(10 * var(--ku)) 0;border-bottom:1px solid rgba(140,162,220,.12)}.km-stat:last-child{border-bottom:0}.km-stat dt{display:flex;align-items:center;gap:calc(14 * var(--ku));color:var(--km-text-2);font-size:calc(22 * var(--ku))}.km-stat dt .km-ico{font-size:calc(28 * var(--ku));color:#9aa6c6}.km-stat dd{margin:0;font-size:calc(23 * var(--ku));color:var(--km-text)}.km-t-good{color:var(--km-good)}.km-t-bad{color:var(--km-bad)}.km-t-gold{color:var(--km-gold-text)}.km-t-blue{color:var(--km-blue)}.km-diff{display:grid;grid-template-columns:auto auto auto auto;justify-content:center;column-gap:calc(40 * var(--ku));row-gap:calc(8 * var(--ku));font-size:calc(22 * var(--ku))}.km-diff-head{grid-column:1 / -1;display:flex;justify-content:center;gap:calc(28 * var(--ku));font-size:calc(28 * var(--ku));padding:calc(8 * var(--ku)) 0;margin-bottom:calc(6 * var(--ku));border-bottom:1px solid var(--km-line)}.km-diff-row{display:contents}.km-diff-label{color:var(--km-text-2)}.km-diff-row .km-num{text-align:right}.km-diff-arrow{color:var(--km-text-2)}.km-diff-to{text-align:left!important}.km-diff-to.up{color:var(--km-good)}.km-diff-to.down{color:var(--km-bad)}.km-radar{width:calc(320 * var(--ku))}.km-radar-svg{display:block;width:100%;height:auto;overflow:visible}.km-radar-outer{fill:#0a102466;stroke:#aabef066;stroke-width:1.2}.km-radar-ring{fill:none;stroke:#aabef029;stroke-width:1}.km-radar-spoke{stroke:#aabef029;stroke-width:1}.km-radar-area{fill:#2eaa629e;stroke:#7ef0a8;stroke-width:1.5;stroke-linejoin:round;transition:all .3s}.km-radar-dot{fill:#e8fff0}.km-radar-label{fill:var(--km-text);font:500 15px var(--km-font)}.km-crest{--s: calc(96 * var(--ku));display:inline-flex;flex-direction:column;align-items:center;gap:calc(12 * var(--ku));padding:0;border:0;background:none;font:inherit;color:var(--km-text)}.km-crest.km-size-sm{--s: calc(64 * var(--ku))}.km-crest.km-size-lg{--s: calc(150 * var(--ku))}button.km-crest{cursor:pointer}.km-crest-diamond{position:relative;display:grid;place-items:center;width:var(--s);height:var(--s)}.km-crest-diamond:before,.km-crest-inner{content:"";position:absolute;inset:15%;transform:rotate(45deg)}.km-crest-diamond:before{border:calc(2 * var(--ku)) solid #7f96cc;background:linear-gradient(135deg,#2c3f7c,#121c42 70%);box-shadow:0 0 0 calc(3 * var(--ku)) #060a1ad9,0 calc(6 * var(--ku)) calc(14 * var(--ku)) #00000080}.km-crest-inner{inset:24%;border:1px solid rgba(160,182,235,.4)}.km-crest .km-emblem,.km-crest-icon{position:relative;width:44%;height:44%;color:#dce6ff;stroke-width:1.4}.km-crest-label{font-size:calc(22 * var(--ku));color:var(--km-text-2);white-space:nowrap}.km-crest.selected .km-crest-diamond:before{border-color:#f2cd84;background:linear-gradient(135deg,#a8742e,#5c3c14 55%,#2c1c08);box-shadow:0 0 0 calc(3 * var(--ku)) #281804e6,0 0 calc(22 * var(--ku)) #f0b45a66}.km-crest.selected .km-crest-inner{border-color:#ffe2a099}.km-crest.selected .km-emblem,.km-crest.selected .km-crest-icon{color:#fff4d8}.km-crest.selected .km-crest-label{color:var(--km-gold-text);font-weight:700}button.km-crest:hover:not(.selected) .km-crest-diamond:before{border-color:#a9bdf0}.km-progress{--f0: #a87a2c;--f1: #f6cf7a;display:flex;align-items:center;gap:calc(18 * var(--ku));font-size:calc(22 * var(--ku))}.km-progress.km-tone-blue{--f0: #1d58c9;--f1: #4f9bff}.km-progress.km-tone-green{--f0: #1f9a52;--f1: #5fe08a}.km-progress.km-tone-red{--f0: #9a2a22;--f1: #ff6457}.km-progress-label{color:var(--km-text-2);white-space:nowrap}.km-progress-track{position:relative;flex:1;height:calc(16 * var(--ku));border-radius:calc(2 * var(--ku));overflow:hidden;background:linear-gradient(180deg,#050914,#111a36);border:1px solid rgba(150,170,230,.28);box-shadow:inset 0 1px calc(3 * var(--ku)) #000000b3}.km-progress.thin .km-progress-track{height:calc(9 * var(--ku))}.km-progress-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,var(--f1),var(--f0));box-shadow:inset 0 1px #ffffff59;transition:width .4s cubic-bezier(.2,.8,.2,1)}.km-progress-track.segmented{height:calc(30 * var(--ku));border-color:#d6ac6080}.km-progress-tick{position:absolute;top:0;bottom:0;width:calc(3 * var(--ku));margin-left:calc(-1.5 * var(--ku));background:#0b1230;z-index:1}.km-progress-value{min-width:calc(54 * var(--ku));text-align:right;color:var(--km-text)}.km-progress-reward{display:grid;place-items:center;width:calc(76 * var(--ku));height:calc(76 * var(--ku));font-size:calc(48 * var(--ku));color:var(--km-gold-hi);border:calc(2 * var(--ku)) solid #c99a4c;background:radial-gradient(circle at 50% 40%,rgba(240,180,90,.35),transparent 65%),linear-gradient(160deg,#5a3a14,#24160a);box-shadow:0 0 0 1px #000000b3}.km-progress-reward .km-img{width:100%;height:100%}.km-percent{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--ku))}.km-percent-line{display:flex;align-items:baseline;gap:calc(18 * var(--ku))}.km-percent-label{font-size:calc(28 * var(--ku));color:var(--km-text)}.km-percent-num{font-size:calc(36 * var(--ku));font-weight:700}.km-percent-num[data-tone=high]{color:var(--km-good)}.km-percent-num[data-tone=mid]{color:var(--km-mid)}.km-percent-num[data-tone=low]{color:var(--km-bad)}.km-percent-note{font-size:calc(20 * var(--ku));color:var(--km-text-2)}.km-percent.compact{display:inline-flex;flex-direction:row;padding:calc(4 * var(--ku)) calc(14 * var(--ku));border-radius:999px;background:#050916a6;border:1px solid var(--km-line)}.km-percent.compact .km-percent-label{font-size:calc(18 * var(--ku));color:var(--km-text-2)}.km-percent.compact .km-percent-num{font-size:calc(22 * var(--ku))}.km-percent.compact .km-percent-note{display:none}.km-toggle{display:flex;align-items:center;gap:calc(16 * var(--ku));font-size:calc(22 * var(--ku));color:var(--km-text)}.km-toggle-icon{width:calc(40 * var(--ku));height:calc(40 * var(--ku))}.km-toggle-label{flex:1}.km-switch{position:relative;width:calc(64 * var(--ku));height:calc(34 * var(--ku));padding:0;border-radius:999px;cursor:pointer;border:1px solid var(--km-line-hi);background:#0a1028;transition:background .15s}.km-switch i{position:absolute;top:calc(3 * var(--ku));left:calc(3 * var(--ku));width:calc(26 * var(--ku));height:calc(26 * var(--ku));border-radius:50%;background:#9aa6c6;transition:transform .15s,background .15s}.km-switch.on{background:linear-gradient(180deg,#d9a04a,#8a5a1c);border-color:#f2cd84}.km-switch.on i{transform:translate(calc(30 * var(--ku)));background:#fff}.km-stepper{display:inline-flex;align-items:center;gap:calc(10 * var(--ku))}.km-stepper-num{min-width:calc(92 * var(--ku));padding:calc(6 * var(--ku)) 0;text-align:center;font-size:calc(28 * var(--ku));color:var(--km-text);border:1px solid var(--km-line);background:#05091699}.km-card{--r: var(--km-common);--r0: var(--km-common-0);width:calc(400 * var(--ku));box-sizing:border-box;overflow:hidden;font-size:calc(20 * var(--ku));color:var(--km-text);border:1px solid color-mix(in srgb,var(--r) 55%,transparent);border-radius:calc(3 * var(--ku));background:linear-gradient(180deg,var(--km-panel-solid-0),var(--km-panel-solid-1));box-shadow:0 calc(16 * var(--ku)) calc(40 * var(--ku)) #0009}.km-card[data-rarity=uncommon]{--r: var(--km-uncommon);--r0: var(--km-uncommon-0)}.km-card[data-rarity=rare]{--r: var(--km-rare);--r0: var(--km-rare-0)}.km-card[data-rarity=epic]{--r: var(--km-epic);--r0: var(--km-epic-0)}.km-card[data-rarity=legendary]{--r: var(--km-legendary);--r0: var(--km-legendary-0)}.km-card-head{display:flex;align-items:center;gap:calc(16 * var(--ku));padding:calc(16 * var(--ku)) calc(18 * var(--ku));background:linear-gradient(90deg,color-mix(in srgb,var(--r0) 85%,transparent),transparent 85%);border-bottom:1px solid color-mix(in srgb,var(--r) 35%,transparent)}.km-card-name{font-size:calc(24 * var(--ku));font-weight:700;color:color-mix(in srgb,var(--r) 75%,white 25%)}.km-card-meta{margin-top:calc(4 * var(--ku));font-size:calc(18 * var(--ku));color:var(--km-text-2)}.km-card-stats{padding:calc(12 * var(--ku)) calc(18 * var(--ku)) calc(4 * var(--ku))}.km-card-stat{display:flex;justify-content:space-between;gap:calc(12 * var(--ku));padding:calc(4 * var(--ku)) 0;color:var(--km-text-2)}.km-card-stat .km-num:not([class*=km-t-]){color:var(--km-text)}.km-card-effect{margin:calc(8 * var(--ku)) calc(18 * var(--ku));color:var(--km-gold-text);line-height:1.4}.km-card-set{margin:calc(8 * var(--ku)) calc(18 * var(--ku)) 0;padding-top:calc(10 * var(--ku));border-top:1px solid var(--km-line)}.km-card-set-name{color:var(--km-gold-text);font-weight:700;margin-bottom:calc(4 * var(--ku))}.km-card-set-bonus{color:var(--km-text-3);line-height:1.4;padding:calc(2 * var(--ku)) 0}.km-card-set-bonus.on{color:var(--km-good)}.km-card-hint{margin-top:calc(10 * var(--ku));padding:calc(10 * var(--ku)) calc(18 * var(--ku));font-size:calc(17 * var(--ku));color:var(--km-text-3);border-top:1px solid var(--km-line)}.km-card>:last-child:not(.km-card-hint){margin-bottom:calc(16 * var(--ku))}.km-hover{position:fixed;left:0;top:0;z-index:60;pointer-events:none;opacity:0;transition:opacity 90ms;font-family:var(--km-font)}.km-hover.show{opacity:1}.km-hover-text{max-width:calc(380 * var(--ku));padding:calc(10 * var(--ku)) calc(14 * var(--ku));font-size:calc(19 * var(--ku));color:var(--km-text);background:var(--km-panel-solid-1);border:1px solid var(--km-line-hi);border-radius:calc(3 * var(--ku))}.km-modal-back{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#0205109e;backdrop-filter:blur(3px);animation:km-fade .14s ease-out;font-family:var(--km-font);color:var(--km-text)}.km-modal-back.out{opacity:0;transition:opacity .15s}.km-modal{width:min(calc(640 * var(--ku)),92vw);padding:calc(34 * var(--ku)) calc(40 * var(--ku)) calc(36 * var(--ku));animation:km-pop .16s ease-out}.km-modal.wide{width:min(calc(980 * var(--ku)),94vw)}.km-modal-title{margin:0;text-align:center;font-size:calc(30 * var(--ku));font-weight:500;color:var(--km-text)}.km-modal-body{position:relative;z-index:1;font-size:calc(22 * var(--ku));color:var(--km-text-2)}.km-modal-text{margin:0 0 calc(10 * var(--ku));text-align:center;line-height:1.5}.km-modal-footer{position:relative;z-index:1;display:flex;justify-content:center;gap:calc(28 * var(--ku));margin-top:calc(28 * var(--ku))}.km-modal-footer:empty{display:none}.km-modal-footer .km-btn{min-width:calc(220 * var(--ku))}.km-modal-x{position:absolute;z-index:2;top:calc(12 * var(--ku));right:calc(12 * var(--ku));font-size:calc(28 * var(--ku))}.km-toasts{position:fixed;top:calc(110 * var(--ku));left:50%;transform:translate(-50%);z-index:70;display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--ku));pointer-events:none;font-family:var(--km-font)}.km-toast{min-width:calc(420 * var(--ku));padding:calc(14 * var(--ku)) calc(48 * var(--ku));text-align:center;font-size:calc(23 * var(--ku));color:var(--km-text);background:linear-gradient(90deg,transparent,rgba(10,18,44,.94) 18%,rgba(10,18,44,.94) 82%,transparent);border-top:1px solid;border-bottom:1px solid;border-image:linear-gradient(90deg,transparent,var(--km-line-gold),transparent) 1;animation:km-pop .16s ease-out;transition:opacity .3s,transform .3s}.km-toast.success .km-toast-text{color:var(--km-gold-hi)}.km-toast.error .km-toast-text{color:#ff9a8f}.km-toast.out{opacity:0;transform:translateY(calc(-8 * var(--ku)))}@keyframes km-fade{0%{opacity:0}}@keyframes km-pop{0%{opacity:0;transform:scale(.96)}}.km-stage{position:absolute;inset:0;overflow:hidden}.km-stage.interactive{cursor:grab;touch-action:none}.km-stage.dragging{cursor:grabbing}.km-stage-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:1;transition:opacity .4s ease-out}.km-stage.loading .km-stage-canvas{opacity:0}.km-stage.loading:after{content:"";position:absolute;left:50%;top:50%;width:calc(54 * var(--ku));height:calc(54 * var(--ku));margin:calc(-27 * var(--ku)) 0 0 calc(-27 * var(--ku));border:calc(3 * var(--ku)) solid rgba(214,172,96,.2);border-top-color:var(--km-gold);border-radius:50%;animation:km-spin .9s linear infinite}@keyframes km-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.km-modal,.km-toast,.km-modal-back{animation:none}.km-progress-fill,.km-radar-area{transition:none}}.ktip{position:fixed;left:0;top:0;z-index:10000;display:none;min-width:220px;max-width:330px;padding:8px 10px 9px;box-sizing:border-box;pointer-events:none;background:linear-gradient(180deg,#0e1122f0,#050710f0);border:1px solid #9a9ca3;border-radius:4px;box-shadow:inset 0 0 0 1px #000000d9,inset 0 1px 0 1px #ffffff14,0 0 0 1px #000000bf,0 6px 18px #0009;color:#fff;font:12px/1.38 Segoe UI,system-ui,-apple-system,sans-serif;text-align:left;user-select:none;will-change:transform}.ktip.show{display:block}.ktip-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.ktip-icon{--ktip-icon: #5a6375;flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:3px;border:1px solid #000;box-shadow:0 0 0 1px #6f7480;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ktip-icon) 85%,#fff),color-mix(in srgb,var(--ktip-icon) 60%,#000));color:#fff;font-weight:700;font-size:11px;text-shadow:0 1px 1px #000;overflow:hidden}.ktip-icon img{width:100%;height:100%;object-fit:cover;display:block}.ktip-titles{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.ktip-title{font-size:14px;font-weight:600;color:#fff;line-height:1.2}.ktip-title.debuff{color:#ff4d4d}.ktip-title.enemy{color:#ffb347}.ktip-tag{font-size:11px;color:#9d9d9d}.ktip-grid{display:grid;grid-template-columns:1fr auto;column-gap:14px;color:#fff}.ktip-grid .ktip-r{text-align:right}.ktip-grid:empty{display:none}.ktip-line{margin-top:2px;white-space:normal;overflow-wrap:anywhere}.ktip-line.tone-desc{color:#ffd100;margin-top:5px}.ktip-line.tone-white{color:#fff}.ktip-line .ktip-num{color:#fff;font-weight:600}.ktip-line.tone-talent .ktip-num{color:#c8ffbe}.ktip-line.tone-talent,.ktip-line.tone-good{color:#1eff00}.ktip-line.tone-error{color:#ff2020}.ktip-line.tone-muted{color:#9d9d9d}.ktip-line.tone-formula{color:#7fd0ff;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}.ktip-line.small{font-size:11px}.ktip-sep{height:1px;margin:6px 0 3px;background:linear-gradient(90deg,transparent,#6f7480,transparent)}.ktip-hint{margin-top:6px;font-size:10px;color:#6f7480}.hud-root .plate-auras .plate-aura,.hud-root .uframe .aura,.hud-root .castbar.active{pointer-events:auto}:root{--ir-xp: #a77bff;--ir-xp-hi: #d6bcff;--ir-gold: #ffd24a}.ir-dock{display:flex;flex-direction:column;align-items:stretch;min-width:380px}.ir-dock>.actionbar{align-self:center}.ir-xp{margin-top:5px;padding:0 2px;pointer-events:auto}.ir-xp-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:2px;font-size:10px;line-height:12px;letter-spacing:.04em;color:#c9c2dc;text-shadow:0 1px 2px #000,0 0 2px #000;white-space:nowrap}.ir-xp-level{font-weight:800;color:var(--ir-xp-hi);text-transform:uppercase}.ir-xp-text{font-variant-numeric:tabular-nums;color:#b7b0c9}.ir-xp-track{position:relative;height:4px;border-radius:1px;overflow:hidden;background:#080610c7;border:1px solid rgba(0,0,0,.85);box-shadow:0 0 0 1px #a77bff29}.ir-xp-fill,.ir-xp-gain{position:absolute;top:0;bottom:0;left:0;width:0;transition:width .45s cubic-bezier(.2,.8,.2,1),left .45s cubic-bezier(.2,.8,.2,1)}.ir-xp-fill{background:linear-gradient(180deg,#8c62e0,#5a3aa6)}.ir-xp-gain{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.14) 0 4px,transparent 4px 8px),linear-gradient(180deg,var(--ir-xp-hi),var(--ir-xp));box-shadow:0 0 6px #a77bff8c}.ir-xp-tick{position:absolute;top:0;bottom:0;width:1px;background:#00000073}.ir-xp.leveled .ir-xp-track{animation:ir-xp-glow 1.1s ease-out}@keyframes ir-xp-glow{0%{box-shadow:0 0 0 1px #d6bcffe6,0 0 14px #a77bffcc}to{box-shadow:0 0 0 1px #a77bff29}}.ir-levelup{position:fixed;left:50%;top:auto;bottom:calc(50vh + var(--hk-safe-h, 50vh) / 2 + 6px);transform:translate(-50%,-6px);text-align:center;pointer-events:none;opacity:0;transition:opacity .5s ease,transform .5s ease}.ir-levelup.show{opacity:1;transform:translate(-50%)}.ir-levelup-title{position:relative;font-family:var(--hk-font-display);font-size:calc(30px * var(--hk-scale, 1));font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff3c4;background:linear-gradient(180deg,#fffbe8 0%,var(--hk-gold-hi, #f6d278) 50%,var(--hk-gold-lo, #9a7417) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #1a1204) drop-shadow(0 0 8px rgba(246,210,120,.4))}.ir-levelup-title:after{content:"";display:block;height:1px;width:120%;margin:3px auto 0 -10%;background:var(--hk-rule-gold, linear-gradient(90deg, transparent, #c9a24a, transparent))}.ir-levelup-sub{position:relative;margin-top:3px;font-size:calc(12px * var(--hk-scale, 1));font-weight:600;letter-spacing:.06em;color:var(--hk-text, #eef0f4);text-shadow:0 1px 3px #000}.ir-levelup-burst{position:absolute;left:50%;top:24px;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;opacity:0;background:radial-gradient(circle,rgba(255,226,150,.26) 0%,rgba(246,210,120,.1) 38%,transparent 66%)}.ir-levelup-burst:after{content:"";position:absolute;inset:22%;border-radius:50%;border:1px solid rgba(246,210,120,.5)}.ir-levelup.play .ir-levelup-burst{animation:ir-burst 1.2s cubic-bezier(.15,.7,.3,1) forwards}.ir-levelup.play .ir-levelup-title{animation:ir-title-pop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes ir-burst{0%{opacity:.85;transform:scale(.35)}to{opacity:0;transform:scale(1.5)}}@keyframes ir-title-pop{0%{transform:scale(.7)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.ir-levelup.play .ir-levelup-burst,.ir-levelup.play .ir-levelup-title,.ir-xp.leveled .ir-xp-track{animation:none}.ir-xp-fill,.ir-xp-gain{transition:none}}.ct.ct-reward{font-size:calc(15px * var(--ct-scale));letter-spacing:.02em}.ct.ct-reward.ct-boss{font-size:calc(21px * var(--ct-scale))}.ct.ct-reward .ct-x{color:var(--ct-c);font-size:.72em;vertical-align:.08em;margin-left:.22em}.ct.ct-reward.ct-boss .ct-v{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--ct-c) 55%,transparent))}.ct.ct-gold .ct-v:before{content:"";display:inline-block;width:.78em;height:.78em;margin-right:.22em;vertical-align:-.04em;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff4c0 0 14%,#ffd24a 15% 52%,#c88a14 53% 100%);box-shadow:0 0 0 .09em #3a2604,inset 0 0 0 .08em #78460099}.kui-btn-nav.attention{position:relative}.kui-btn-nav.attention:after{content:"";position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff1c2,var(--kui-gold, #f2c55a) 60%);box-shadow:0 0 0 2px #0a0c12e6,0 0 8px #f2c55ab3;animation:ir-pip 1.8s ease-in-out infinite}@keyframes ir-pip{50%{box-shadow:0 0 0 2px #0a0c12e6,0 0 2px #f2c55a4d}}@media (prefers-reduced-motion: reduce){.kui-btn-nav.attention:after{animation:none}}.hkc{--hkc-side-w: 212px;--hkc-tuck: 9px;position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding-bottom:6px;pointer-events:none;font-family:var(--hk-font);color:var(--hk-text)}.hkc.no-player{visibility:hidden}.hkc-cast.player-cast{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;grid-template-rows:12px 4px;column-gap:5px;row-gap:2px;width:260px;height:auto;margin:0 0 4px;padding:0;background:none;border:0;box-shadow:none;overflow:visible;visibility:hidden;opacity:0;pointer-events:none}.hkc-cast.active,.hkc-cast.interrupted{visibility:visible;opacity:1;pointer-events:auto}.hkc-cast.interrupted{animation:hkc-cast-fade .9s ease-in forwards}@keyframes hkc-cast-fade{0%,55%{opacity:1}to{opacity:0}}.hkc-cast-icon{grid-row:1 / 3;grid-column:1;width:18px;height:18px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px #c8cdd68c,0 1px 3px #000}.hkc-cast-icon[hidden]{display:block;visibility:hidden}.hkc-cast.interrupted .hkc-cast-icon{filter:grayscale(1) brightness(.6)}.hkc-cast-name{grid-row:1;grid-column:2;align-self:end;font-size:var(--hk-fs-sm);font-weight:600;line-height:12px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--hk-text-outline)}.hkc-cast.interrupted .hkc-cast-name{color:var(--hk-text-bad)}.hkc-cast-time{grid-row:1;grid-column:3;align-self:end;font-size:var(--hk-fs-sm);line-height:12px;color:var(--hk-text-gold);text-shadow:var(--hk-text-outline)}.hkc-cast-esc{grid-row:1 / 3;grid-column:4;align-self:center;opacity:.75}.hkc-cast-esc .hk-keycap{font-size:7px;line-height:9px;padding:0 3px}.hkc-cast-track{grid-row:2;grid-column:2 / 4;position:relative;overflow:hidden;background:var(--hk-bar-track);border-radius:1px;box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #c8cdd62e}.hkc-cast-fill{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);will-change:transform;background:linear-gradient(180deg,#ffe9a8,var(--hk-cast) 55%,#9a6d0e)}.hkc-cast.channel .hkc-cast-fill{background:linear-gradient(180deg,#c4ecff,var(--hk-cast-channel) 55%,#1d6894)}.hkc-cast.locked .hkc-cast-fill{background:repeating-linear-gradient(-45deg,var(--hk-cast-locked) 0 4px,#646d7e 4px 8px)}.hkc-cast.interrupted .hkc-cast-fill{transform:scaleX(1);background:linear-gradient(180deg,#ff8a7a,var(--hk-hp) 55%,var(--hk-hp-lo))}.hkc-cast-spark{position:absolute;right:0;top:-1px;bottom:-1px;width:1px;background:#fff;box-shadow:0 0 4px 1px #ffecb4e6}.hkc-cast.channel .hkc-cast-spark,.hkc-cast.interrupted .hkc-cast-spark{display:none}.hkc-cast-queue{position:absolute;inset:0;transform-origin:100% 50%;transform:scaleX(0);pointer-events:none;background:repeating-linear-gradient(-60deg,#ffffff29 0 2px,#ffffff0d 2px 4px);box-shadow:inset 1px 0 #fff6d68c}.hkc-cast.channel .hkc-cast-queue{transform-origin:0 50%;box-shadow:inset -1px 0 #d6f0ff8c}.hkc-cast-fill{z-index:0}.hkc-cast-queue{z-index:1}.hkc-cast.in-queue .hkc-cast-queue{background:#fff8e16b}.hkc-cast.in-queue .hkc-cast-fill{filter:brightness(1.25)}.hkc-cast.done .hkc-cast-queue,.hkc-cast.interrupted .hkc-cast-queue,.hkc-cast.cancelled .hkc-cast-queue{display:none}.hkc-cast.done,.hkc-cast.cancelled{visibility:visible;opacity:1}.hkc-cast.done{animation:hkc-cast-done .38s ease-out forwards}.hkc-cast.done .hkc-cast-fill{transform:scaleX(1);background:linear-gradient(180deg,#fff,#fff1c4 55%,#e6b422);box-shadow:0 0 8px #ffecb4f2}.hkc-cast.done .hkc-cast-spark{display:none}@keyframes hkc-cast-done{0%{opacity:1;filter:brightness(1.6)}to{opacity:0;filter:brightness(1)}}.hkc-cast.cancelled{animation:hkc-cast-fade .75s ease-in forwards}.hkc-cast.cancelled .hkc-cast-fill{transform:scaleX(1);background:linear-gradient(180deg,#b9c0cc,#7b8494 55%,#4a515e)}.hkc-cast.cancelled .hkc-cast-name{color:var(--hk-text-dim)}.hkc-cast.cancelled .hkc-cast-icon{filter:grayscale(1) brightness(.7)}.hkc-cast.cancelled .hkc-cast-spark{display:none}.hkc-cast.interrupted.hold{animation:none;opacity:1}.hkc-cast.interrupted .hkc-cast-time{color:#ffb1a6}.hkc-body{position:relative;display:flex;align-items:flex-start;justify-content:center}.hkc-side{position:relative;z-index:0;display:flex;flex-direction:column;gap:5px;width:var(--hkc-side-w);padding-top:20px}.hkc-side.left{align-items:flex-end;margin-right:calc(var(--hkc-tuck) * -1)}.hkc-side.right{align-items:flex-start;margin-left:calc(var(--hkc-tuck) * -1)}.hkc-side .hk-stat{width:100%}.hkc-side .hk-stat-track{height:9px}.hkc-side.left .hk-stat-text{padding-right:calc(var(--hkc-tuck) + 6px)}.hkc-side.right .hk-stat-text{padding-left:calc(var(--hkc-tuck) + 6px)}.hkc-side .hk-stat-text{font-size:var(--hk-fs-xs);letter-spacing:.03em;color:var(--hk-text)}.hkc-side .hk-stat:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;pointer-events:none}.hkc-side.left .hk-stat:after{background:linear-gradient(90deg,transparent,var(--hk-line-gold) 70%)}.hkc-side.right .hk-stat:after{background:linear-gradient(270deg,transparent,var(--hk-line-gold) 70%)}.hkc-side .hk-stat:before{content:"";position:absolute;bottom:1px;width:5px;height:5px;transform:rotate(45deg);pointer-events:none;z-index:1;background:var(--hk-trim-silver);box-shadow:0 0 0 1px #0009}.hkc-side.left .hk-stat:before{left:-4px}.hkc-side.right .hk-stat:before{right:-4px}.hkc-hp{--hk-stat-fill: var(--hk-hp-grad)}.hkc.low-hp .hkc-hp .hk-stat-track{box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #ff5a5080,var(--hk-glow-red)}.hkc.low-hp .hkc-hp .hk-stat-text{color:#ffb3a8}.hkc-res{--hk-stat-fill: linear-gradient(180deg, #d4dae4 0%, var(--hk-res-default) 45%, #5b6372 100%)}.hkc.res-maelstrom .hkc-res{--hk-stat-fill: linear-gradient(180deg, #a9d2ff 0%, #3f86ff 45%, #1b3f9e 100%)}.hkc.res-mana .hkc-res{--hk-stat-fill: linear-gradient(180deg, #9fdcff 0%, #2fa2f5 45%, #11589c 100%)}.hkc.res-rage .hkc-res{--hk-stat-fill: linear-gradient(180deg, #ffbf8a 0%, #ec5a2c 45%, #8e2414 100%)}.hkc.res-resolve .hkc-res{--hk-stat-fill: linear-gradient(180deg, #eef2f7 0%, #93a1b6 45%, #4b5568 100%)}.hkc-pips{position:absolute;right:2px;top:19px;display:flex;gap:5px}.hkc-pip{display:block;width:7px;height:7px;transform:rotate(45deg);box-sizing:border-box;border:1px solid rgba(240,213,144,.6);background:#0a0906bf}.hkc-pip.lit{border-color:var(--hk-gold-hi);background:linear-gradient(135deg,#fff3c4,var(--hk-res-holy_power) 50%,#9a7417);box-shadow:0 0 5px #f6d278cc}.hkc-pips.full .hkc-pip.lit{animation:hkc-pip-glow .8s ease-in-out infinite alternate}@keyframes hkc-pip-glow{0%{opacity:.8}to{opacity:1}}.hkc-flank{display:flex;flex-direction:column;gap:4px;min-height:var(--hk-icon-xs)}.hkc-side.left .hkc-flank{align-items:flex-end;padding-right:calc(var(--hkc-tuck) + 8px)}.hkc-side.right .hkc-flank{align-items:flex-start;padding-left:calc(var(--hkc-tuck) + 8px)}.hkc-side.left .hk-auras{flex-direction:row-reverse}.hkc-auras,.hkc-buffs,.hkc-debuffs{flex-wrap:nowrap}.hkc-consumables{display:flex;gap:3px}.hkc-crest{z-index:1;margin-bottom:8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.hkc-level{margin-top:34%;font-size:20px;letter-spacing:.02em}.hkc.no-progress .hkc-gold{display:none}.hkc-gold{display:inline-flex;align-items:center;gap:4px;top:calc(100% - 9px);margin-top:0;padding:1px 9px 1px 7px;font-size:var(--hk-fs-sm);line-height:14px;border:1px solid transparent;border-radius:9px;background:linear-gradient(180deg,#14161ef2,#06070af2) padding-box,var(--hk-trim-gold) border-box;box-shadow:0 1px 4px #000000b3}.hkc-gold>svg{width:11px;height:11px;flex:none}.hkc-gold.ticking{color:var(--hk-text-gold)}.hkc.dead .hkc-crest{filter:grayscale(1) brightness(.7) drop-shadow(0 2px 6px rgba(0,0,0,.6))}.hkc-procs{position:absolute;left:50%;bottom:calc(100% + 2px);transform:translate(-50%);z-index:1;flex-wrap:nowrap;gap:4px}.hkc-procs .hk-aura{box-shadow:0 1px 4px #000000b3}.hkc-procs .hk-aura-time{font-size:var(--hk-fs-xs)}.hkc-procs .hk-aura-stacks{font-size:var(--hk-fs-sm);color:var(--hk-text-gold)}.hkc.dead .hkc-procs{visibility:hidden}.hkc-main{position:relative;display:flex;align-items:center;gap:7px;padding:0 8px;margin-top:2px}.hkc-main:before{content:"";position:absolute;left:-30px;right:-30px;top:50%;height:30px;transform:translateY(-50%);z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(8,10,15,.55) 18%,rgba(8,10,15,.55) 82%,transparent)}.hkc-main:after{content:"";position:absolute;left:-10px;right:-10px;top:calc(50% - 15px);height:1px;z-index:-1;pointer-events:none;background:var(--hk-rule-gold)}.hkc-main .actionbar{display:flex;align-items:center;gap:2px}.hkc-main .actionbar .bind-Q,.hkc-main .actionbar .bind-R{margin-left:6px}.hkc-main .actionbar .hk-slot{box-shadow:0 1px 4px #000000b3}.hkc-main .actionbar .hk-slot-frame{box-shadow:inset 0 0 0 1px #d6dce699,inset 0 0 0 2px #0000008c,inset 0 1px 6px #00000059}.hkc-main .actionbar .hk-slot-charges{font-size:11px;color:var(--hk-text-gold)}.hkc-main .actionbar .hk-slot-rank{color:var(--hk-gold-hi);font-weight:700}.hkc-main .actionbar .hk-slot.is-round{--size: 44px;margin-left:9px;border-radius:50%}.hkc-main .actionbar .hk-slot.is-round .hk-slot-frame{box-shadow:inset 0 0 0 1.5px var(--hk-gold),inset 0 0 0 3px #0009,inset 0 0 8px #00000080}.hkc-main .actionbar .hk-slot.is-round .hk-key{left:50%;top:2px;transform:translate(-50%)}.hkc-main .actionbar .hk-slot.is-round .hk-slot-rank{background:none}.hkc-main .hk-slot.action-dodge{--size: 40px;margin-left:4px;border-radius:50%;box-shadow:0 1px 4px #000000b3}.hkc-main .hk-slot.action-dodge .hk-slot-frame{border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--hk-silver, #c8d0dc),inset 0 0 0 3px #0009,inset 0 0 8px #00000080}.hkc-main .hk-slot.action-dodge .hk-key{left:50%;top:2px;transform:translate(-50%);font-size:9px}.hkc-main .hk-slot.action-dodge .hk-slot-charges{font-size:11px;color:var(--hk-text-gold)}.hkc-combat{margin-right:9px;color:var(--hk-silver-lo)}.hkc-combat.in-combat{color:#ff8a7a;box-shadow:0 1px 4px #0009,var(--hk-glow-red)}.hk-slot.is-kick .hk-slot-frame{box-shadow:inset 0 0 0 2px #ff7a3d,inset 0 0 0 3px #00000080}.hk-slot:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 1px #ffe2c4,inset 0 0 5px 1px #ff6e32d9}.hk-slot.is-kick:before{animation:hkc-kick .45s ease-in-out infinite alternate}@keyframes hkc-kick{0%{opacity:.2}to{opacity:1}}.hk-slot.is-kick .hk-key{color:#ffd0a0}.hkc.dead .hkc-main .actionbar{opacity:.55}.hkc-xp{position:absolute;left:6%;right:6%;bottom:0;height:2px;pointer-events:auto}.hkc-xp:before{content:"";position:absolute;inset:-4px 0 -3px}.hkc-xp-track{position:absolute;inset:0;overflow:hidden;background:#040508b3;box-shadow:0 0 0 1px #00000073}.hkc-xp-fill,.hkc-xp-gain{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0)}.hkc-xp-fill{background:linear-gradient(90deg,#6b46c1,var(--hk-xp))}.hkc-xp-gain{background:linear-gradient(90deg,#d6bcff,#f0e6ff);box-shadow:0 0 4px #d6bcffcc}.hkc.no-progress .hkc-xp{display:none}.hk-sao{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hk-sao-side{--sao: #f6e2a8;--s: var(--hk-scale, 1);position:absolute;top:47%;width:calc(110px * var(--s));height:calc(270px * var(--s));margin-top:calc(-135px * var(--s));visibility:hidden;opacity:0}.hk-sao-side.left{right:calc(50% + 140px * var(--s))}.hk-sao-side.right{left:calc(50% + 140px * var(--s))}.hk-sao-art{position:absolute;inset:0;background:radial-gradient(ellipse 100% 50% at 100% 50%,transparent 72%,color-mix(in srgb,var(--sao) 50%,transparent) 79%,color-mix(in srgb,var(--sao) 18%,transparent) 86%,transparent 93%),radial-gradient(ellipse 82% 41% at 100% 50%,transparent 84%,color-mix(in srgb,var(--sao) 40%,transparent) 87%,transparent 90%),radial-gradient(ellipse 30% 22% at 92% 50%,color-mix(in srgb,var(--sao) 14%,transparent),transparent 70%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent)}.hk-sao-side.right .hk-sao-art{transform:scaleX(-1)}.hk-sao-side.on{visibility:visible;animation:hk-sao-in .4s ease-out both}.hk-sao-side.on .hk-sao-art{animation:hk-sao-breathe 1.8s ease-in-out .4s infinite alternate}.hk-sao-side.on.expiring .hk-sao-art{animation:hk-sao-fade .55s ease-in-out infinite alternate}@keyframes hk-sao-in{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:none}}@keyframes hk-sao-breathe{0%{opacity:1}to{opacity:.72}}@keyframes hk-sao-fade{0%{opacity:.75}to{opacity:.3}}@media (prefers-reduced-motion: reduce){.hk-sao-side.on,.hk-sao-side.on .hk-sao-art,.hk-sao-side.on.expiring .hk-sao-art{animation:none;opacity:.9}.hk-slot.is-kick:before{animation:none;opacity:1}.hkc-pips.full .hkc-pip.lit,.hkc-cast.interrupted,.hkc-cast.cancelled,.hkc-cast.done{animation:none}}.hk-currencies{display:flex;align-items:center;gap:16px;padding:2px 4px}.hk-currencies .hk-currency{position:relative;gap:5px;font-size:var(--hk-fs-md);cursor:default}.hk-currencies .hk-currency>svg{width:15px;height:15px;filter:drop-shadow(0 0 2px rgba(0,0,0,.8))}.hk-currencies .cur-key>svg{color:var(--hk-gold)}.hk-currencies .cur-key .hk-num{color:var(--hk-text-gold)}.hk-currencies .cur-gold.ticking>.hk-num:first-of-type{color:var(--hk-text-gold);text-shadow:var(--hk-text-outline),var(--hk-glow-gold)}.cur-delta{position:absolute;left:20px;top:-11px;font-size:var(--hk-fs-xs);font-weight:700;color:#ffd24a;opacity:0;pointer-events:none}.cur-delta:empty{display:none}.cur-delta.flash-a{animation:hk-cur-a 1.6s ease-out both}.cur-delta.flash-b{animation:hk-cur-b 1.6s ease-out both}@keyframes hk-cur-a{0%{opacity:1;transform:translateY(4px);color:#fff3c4}15%{transform:none}75%{opacity:1;color:#ffd24a}to{opacity:0}}@keyframes hk-cur-b{0%{opacity:1;transform:translateY(4px);color:#fff3c4}15%{transform:none}75%{opacity:1;color:#ffd24a}to{opacity:0}}.hk-r-topRight{right:calc(var(--hk-edge) + (var(--hk-round-sm) + 8px) * var(--hk-scale))}.hk-menu{display:flex;align-items:flex-start;gap:8px;padding-bottom:12px}.hk-menu .hk-round{color:var(--hk-silver)}.hk-menu .hk-round .hk-key,.gfx-settings .hk-round .hk-key{bottom:-12px;font-size:var(--hk-fs-2xs);color:var(--hk-text-dim)}.hk-menu .hk-round.active .hk-key{color:var(--hk-text-gold)}.hk-menu-sep{flex:none;width:1px;height:18px;margin:4px 1px 0;background:linear-gradient(180deg,transparent,var(--hk-line-strong),transparent)}.hk-menu .hk-badge:not(.hk-hidden){animation:hk-badge-pulse 1.8s ease-in-out infinite}@keyframes hk-badge-pulse{50%{opacity:.72}}.gfx-settings{padding-bottom:12px}.gfx-settings .gfx-gear.hk-round{font-size:inherit}.gfx-settings .gfx-panel.hk-settings{top:calc(var(--hk-round-sm) + 16px);width:272px;max-height:calc(100vh / var(--hk-scale) - 90px);overflow:auto;padding:10px 12px 12px;gap:7px;border:1px solid transparent;border-radius:var(--hk-r-panel);font-size:var(--hk-fs-md);color:var(--hk-text);background:linear-gradient(180deg,#12151df0,#08090deb) padding-box,var(--hk-trim-silver) border-box;box-shadow:var(--hk-shadow),var(--hk-inner-hi);scrollbar-width:thin}.hk-settings .gfx-title{font-family:var(--hk-font-display);font-size:var(--hk-fs-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--hk-text-gold);padding-bottom:4px;margin-top:4px;background:var(--hk-rule-gold) left bottom / 100% 1px no-repeat}.hk-settings .gfx-title:first-child{margin-top:0}.hk-settings .gfx-row{font-size:var(--hk-fs-sm);color:var(--hk-text)}.hk-settings .gfx-row select{background:var(--hk-fill-strong);color:var(--hk-text);border:1px solid var(--hk-line-strong);border-radius:2px;padding:2px 4px;font-size:var(--hk-fs-sm)}.hk-settings input[type=range],.hk-settings input[type=checkbox]{accent-color:var(--hk-gold)}.hk-settings .gfx-val{font-family:var(--hk-font-num);color:var(--hk-text-dim)}.hk-settings .gfx-hint{color:var(--hk-text-faint);font-size:var(--hk-fs-xs);line-height:1.4}.hk-settings .btn{align-self:flex-start;padding:4px 12px;font-size:var(--hk-fs-sm);border-radius:2px;background:var(--hk-fill-hi);border:1px solid var(--hk-line-strong);color:var(--hk-text)}.hk-settings .btn:hover{border-color:var(--hk-line-gold);color:var(--hk-text-gold);filter:none}.hk-tracker{width:100%;box-sizing:border-box;padding:8px 10px 10px 30px;text-align:right;text-shadow:var(--hk-text-outline);font-size:var(--hk-fs-md)}.hk-tracker.hk-panel-fade:before{background:var(--hk-rule-gold)}.trk-head{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.trk-key{flex:none;width:14px;height:14px;color:var(--hk-gold)}.trk-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trk-level{flex:none;font-size:var(--hk-fs-lg);font-weight:700;color:var(--hk-gold-hi);text-shadow:var(--hk-text-outline),var(--hk-glow-gold)}.trk-affixes{display:flex;justify-content:flex-end;gap:4px;margin-top:5px}.trk-affixes:empty{display:none}.trk-affix{display:grid;place-items:center;width:20px;height:20px;box-sizing:border-box;border-radius:50%;border:1px solid transparent;color:var(--hk-silver-hi);cursor:help;background:radial-gradient(circle at 50% 35%,#2a2f3cf2,#080a0ef2 70%) padding-box,var(--hk-trim-silver) border-box}.trk-affix>svg{width:14px;height:14px}.trk-timer{display:flex;justify-content:flex-end;align-items:baseline;gap:5px;margin-top:4px}.trk-time{font-size:26px;font-weight:700;line-height:1;color:#fff;text-shadow:var(--hk-text-outline),var(--hk-glow-1)}.trk-total{font-size:var(--hk-fs-sm);color:var(--hk-text-dim)}.hk-tracker.over .trk-time{color:var(--hk-text-bad);text-shadow:var(--hk-text-outline),var(--hk-glow-red)}.hk-tracker.done:not(.over) .trk-time{color:var(--hk-text-good)}.trk-timebar{position:relative;height:3px;margin:5px 0 4px;background:var(--hk-bar-track);box-shadow:0 0 0 1px #0009}.trk-timebar-fill{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--hk-gold-lo),var(--hk-gold-hi))}.trk-timebar-fill.p2{background:linear-gradient(90deg,var(--hk-silver-lo),var(--hk-silver-hi))}.trk-timebar-fill.p1{background:linear-gradient(90deg,#6b4524,#d08a50)}.hk-tracker.over .trk-timebar-fill{background:linear-gradient(90deg,var(--hk-hp-lo),var(--hk-hp-hi))}.trk-mark{position:absolute;top:-2px;width:1px;height:7px;background:var(--hk-silver-hi);opacity:.75}.trk-chests{display:flex;justify-content:flex-end;gap:12px;font-size:var(--hk-fs-sm);color:var(--hk-text)}.trk-chest b{margin-right:4px;font-weight:700;color:var(--hk-gold-hi)}.trk-chest.missed,.trk-chest.missed b{color:var(--hk-text-faint)}.trk-chest.missed .hk-num{text-decoration:line-through}.hk-tracker .hk-rule{margin:7px 0 5px}.trk-forces-head{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;font-size:var(--hk-fs-sm)}.trk-label{margin-right:auto;font-size:var(--hk-fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hk-text-dim)}.trk-forces-count{color:var(--hk-text-faint)}.trk-forces-pct{font-weight:700;color:#e4d6ff}.hk-tracker.forces-done .trk-forces-pct{color:var(--hk-text-good)}.trk-forces{margin-top:3px}.trk-bosses{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:3px}.trk-boss{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:var(--hk-fs-md);color:var(--hk-text)}.trk-check{flex:none;width:8px;height:8px;box-sizing:border-box;transform:rotate(45deg);border:1px solid var(--hk-silver);background:#0006}.trk-boss.killed{color:var(--hk-text-faint)}.trk-boss.killed .trk-boss-name{text-decoration:line-through;text-decoration-color:#c8cdd673}.trk-boss.killed .trk-check{border-color:var(--hk-gold-hi);background:linear-gradient(135deg,var(--hk-gold-hi),var(--hk-gold-lo));box-shadow:0 0 4px #f6d27899}.trk-boss.engaged{color:#ffd2c8}.trk-boss.engaged .trk-check{border-color:var(--hk-hp-hi);background:var(--hk-hp);animation:hk-engaged 1s ease-in-out infinite alternate}@keyframes hk-engaged{0%{opacity:.55}to{opacity:1}}.trk-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;font-size:var(--hk-fs-sm);color:var(--hk-text-dim)}.trk-deaths{display:inline-flex;align-items:center;gap:4px;cursor:default}.trk-deaths>svg{width:13px;height:13px}.trk-deaths.has{color:#ffb0a8}.trk-penalty{color:var(--hk-text-bad)}.trk-penalty:empty,.trk-wipes:empty{display:none}.trk-hint{margin-top:4px;font-size:var(--hk-fs-sm);font-style:italic;color:var(--hk-text-dim)}.trk-hint:empty{display:none}.meters.hk-meters{padding:5px 8px 6px 22px;font-size:var(--hk-fs-sm);background:var(--hk-fill-fade-left)}.hk-meters .meter-head{display:flex;align-items:center;gap:6px;margin-bottom:4px}.hk-meters .meter-head-title{flex:1;min-width:0;font-size:var(--hk-fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hk-text-dim);text-shadow:var(--hk-text-outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hk-meters .meter-tabs{display:flex;gap:2px;margin:0}.hk-meters .meter-tab{flex:none;padding:1px 5px;font-size:var(--hk-fs-2xs);line-height:11px;letter-spacing:.04em;border-radius:2px}.meter-collapse{flex:none;position:relative;width:16px;height:16px;padding:0;border:1px solid var(--hk-line);border-radius:2px;background:var(--hk-fill-soft);cursor:pointer;transition:none}.meter-collapse:before{content:"";position:absolute;left:4px;top:6px;width:6px;height:1px;background:var(--hk-silver)}.meter-collapse:hover{border-color:var(--hk-line-gold)}.meter-collapse.is-pressed{filter:brightness(1.4)}.hk-meters.collapsed .meter-collapse:after{content:"";position:absolute;left:6.5px;top:3.5px;width:1px;height:6px;background:var(--hk-silver)}.hk-meters.collapsed .meter-list,.hk-meters.collapsed .meter-tabs{display:none}.hk-meters.collapsed{padding-bottom:5px}.hk-meters .meter-list{display:flex;flex-direction:column;gap:2px}.hk-meters .meter-row{position:relative;display:flex;align-items:center;gap:5px;height:15px;margin:0;padding:0 4px;background:#ffffff06;overflow:hidden}.hk-meters .meter-fill{position:absolute;inset:0;width:auto;opacity:1;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,color-mix(in srgb,var(--meter-c, #888) 46%,transparent),color-mix(in srgb,var(--meter-c, #888) 14%,transparent));box-shadow:inset 0 1px #ffffff1f,inset 0 -1px color-mix(in srgb,var(--meter-c, #888) 80%,transparent)}.hk-meters .meter-rank{position:relative;flex:none;width:10px;font-family:var(--hk-font-num);font-size:var(--hk-fs-2xs);color:var(--hk-text-dim);text-shadow:var(--hk-text-outline)}.hk-meters .meter-name,.hk-meters .meter-value{position:relative;left:auto;right:auto;line-height:15px}.hk-meters .meter-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hk-meters .meter-value{flex:none;color:var(--hk-text)}.hk-feed{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.hk-feed-row{display:flex;align-items:center;gap:6px;min-width:150px;padding:2px 18px 2px 4px;box-sizing:border-box;opacity:0;background:var(--hk-fill-fade-right);border-left:1px solid var(--hk-line-strong);font-size:var(--hk-fs-sm);color:var(--hk-text);text-shadow:var(--hk-text-outline);white-space:nowrap}.hk-feed-icon{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2a2f3cf2,#080a0ef2 70%);box-shadow:inset 0 0 0 1px var(--hk-line-strong)}.hk-feed-icon>svg{width:13px;height:13px}.hk-feed-amount{color:var(--hk-text-gold)}.hk-feed-row[data-kind=xp] .hk-feed-amount{color:#d6bcff}.hk-feed-row[data-kind=boss]{border-left-color:var(--hk-gold)}.hk-feed-row[data-kind=boss] .hk-feed-label{color:var(--hk-text-gold);font-weight:600}.hk-feed-row[data-kind=level]{border-left-color:#b48cff}.hk-feed-row[data-kind=level] .hk-feed-label{color:#e2cfff;font-weight:600}.hk-feed-row.live-a{animation:hk-feed-a 4.2s linear both}.hk-feed-row.live-b{animation:hk-feed-b 4.2s linear both}@keyframes hk-feed-a{0%{opacity:0;transform:translate(-10px)}4%{opacity:1;transform:none}78%{opacity:1}to{opacity:0}}@keyframes hk-feed-b{0%{opacity:0;transform:translate(-10px)}4%{opacity:1;transform:none}78%{opacity:1}to{opacity:0}}.hk-hints{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.hk-hints .hk-hint{gap:8px;font-size:var(--hk-fs-sm);color:var(--hk-text-dim)}.hk-hints .hk-keycap{min-width:22px;color:var(--hk-key)}.hk-hints .dead-only{color:var(--hk-text)}.hk-hints .dead-only .hk-keycap{border-color:var(--hk-line-gold);color:var(--hk-gold-hi)}.hk-hints-stub{display:none!important}.hk-hints.collapsed .hk-hint{display:none}.hk-hints.collapsed .hk-hints-stub{display:flex!important;opacity:.6}.hud-root.hk-ui-off .hk-layout,.hud-root.hk-ui-off~.gfx-settings{visibility:hidden}.hk-ui-note{position:fixed;top:10px;left:50%;transform:translate(-50%);font-size:11px;color:var(--hk-text-dim);text-shadow:var(--hk-text-outline);opacity:0;pointer-events:none;white-space:nowrap}.hud-root.hk-ui-off .hk-ui-note{animation:hk-ui-note 2.6s ease both}@keyframes hk-ui-note{0%,70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.hk-menu .hk-badge:not(.hk-hidden),.trk-boss.engaged .trk-check{animation:none}}.hk-meters .meter-head-title{display:none}.hk-meters.collapsed .meter-head-title{display:block}.hk-meters .meter-head{flex-wrap:wrap;row-gap:2px}.hk-meters .meter-scope{order:-1;flex-basis:100%;text-align:left;padding:0}.bw-banner{--bw-color: #f0903a;position:fixed;left:50%;top:27vh;z-index:30;transform:translate(-50%) scale(var(--hk-scale, 1));transform-origin:50% 0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 64px 8px;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(ellipse 50% 100% at 50% 50%,#08090d9e,#08090d61 55%,#08090d00);font-family:var(--hk-font-display);white-space:nowrap}.bw-banner:before,.bw-banner:after{content:"";position:absolute;left:6%;right:6%;height:1px;background:var(--hk-rule-gold)}.bw-banner:before{top:0}.bw-banner:after{bottom:0}.bw-banner[data-severity=deadly]:before,.bw-banner[data-severity=deadly]:after{background:linear-gradient(90deg,transparent,rgba(232,71,58,.7) 18%,rgba(232,71,58,.7) 82%,transparent)}.bw-banner.show{visibility:visible;animation:bw-in 2.8s ease-out both}.bw-banner.show[data-severity=deadly] .bw-main{animation:bw-glow 1.1s ease-in-out .25s 3 alternate}.bw-row{display:flex;align-items:center;gap:10px}.bw-icon{width:30px;height:30px;border-radius:3px;flex:none;box-shadow:0 0 0 1px #000000d9,0 0 0 2px var(--hk-line-gold),0 0 10px color-mix(in srgb,var(--bw-color) 45%,transparent)}.bw-icon[hidden]{display:none}.bw-main{font-size:25px;font-weight:700;letter-spacing:.03em;line-height:1.1;color:var(--bw-color);text-shadow:0 0 2px #000,0 2px 3px rgba(0,0,0,.9),0 0 14px color-mix(in srgb,var(--bw-color) 35%,transparent)}.bw-sub{font-family:var(--hk-font);font-size:var(--hk-fs-md);font-weight:600;letter-spacing:.04em;color:var(--hk-text-gold);text-shadow:var(--hk-text-outline)}.bw-sub[hidden]{display:none}@keyframes bw-in{0%{opacity:0;transform:translate(-50%) scale(calc(var(--hk-scale, 1) * 1.18))}9%{opacity:1;transform:translate(-50%) scale(var(--hk-scale, 1))}to{opacity:1;transform:translate(-50%) scale(var(--hk-scale, 1))}}@keyframes bw-glow{0%{text-shadow:0 0 2px #000,0 2px 3px rgba(0,0,0,.9),0 0 10px color-mix(in srgb,var(--bw-color) 25%,transparent)}to{text-shadow:0 0 2px #000,0 2px 3px rgba(0,0,0,.9),0 0 20px color-mix(in srgb,var(--bw-color) 60%,transparent)}}@media (prefers-reduced-motion: reduce){.bw-banner.show{animation:none;opacity:1}.bw-banner.show[data-severity=deadly] .bw-main{animation:none}}.fc-cast-warn{display:none;flex:none;align-self:center;margin-left:3px;padding:0 3px;border-radius:2px;font-family:var(--hk-font-num);font-size:var(--hk-fs-2xs);font-weight:800;letter-spacing:.06em;line-height:11px;color:#1a0d08;background:var(--fc-warn, #f0903a);box-shadow:0 0 0 1px #000c}.fc-cast.warned .fc-cast-warn{display:block}.fc-cast.warned .fc-cast-icon{box-shadow:0 0 0 1px #000000d9,0 0 0 2px var(--fc-warn, #f0903a)}.fc-cast.warned.warn-deadly .fc-cast-track{box-shadow:0 0 0 1px #000000bf,inset 0 0 0 1px #e8473ab3,0 0 6px #e8473a73}.hk-ltoasts{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:6px}.hk-ltoast{--lt-c: #c9ccd3;--lt-life: 3.6s;position:relative;display:flex;align-items:center;gap:8px;min-width:176px;padding:3px 22px 3px 3px;box-sizing:border-box;overflow:hidden;opacity:0;background:linear-gradient(90deg,color-mix(in srgb,var(--lt-c) 16%,rgba(8,10,15,.82)),#080a0f9e 55%,#080a0f00);border-left:2px solid var(--lt-c);border-radius:2px;font-size:12px;font-weight:600;color:var(--lt-c);text-shadow:var(--hk-text-outline);white-space:nowrap}.hk-ltoast-icon{position:relative;flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:3px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#282c38f2,#06080cf2 72%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lt-c) 70%,transparent),0 0 6px color-mix(in srgb,var(--lt-c) 45%,transparent)}.hk-ltoast-icon>img{width:100%;height:100%;object-fit:cover}.hk-ltoast-icon>svg{width:17px;height:17px}.hk-ltoast-name{font-variant-numeric:tabular-nums;letter-spacing:.01em}.hk-ltoast.note{font-weight:500;font-style:italic}.hk-ltoast[data-rarity=rare]:after,.hk-ltoast[data-rarity=epic]:after,.hk-ltoast[data-rarity=legendary]:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--lt-c) 32%,transparent) 50%,transparent 70%);transform:translate(-100%);animation:hk-lt-sheen .9s ease-out 80ms 1 both}.hk-ltoast[data-rarity=legendary] .hk-ltoast-icon{box-shadow:inset 0 0 0 1px var(--lt-c),0 0 10px color-mix(in srgb,var(--lt-c) 60%,transparent)}@keyframes hk-lt-sheen{to{transform:translate(100%)}}.hk-ltoast.live-a{animation:hk-lt-in-a var(--lt-life) linear both}.hk-ltoast.live-b{animation:hk-lt-in-b var(--lt-life) linear both}@keyframes hk-lt-in-a{0%{opacity:0;transform:translate(-14px)}5%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}@keyframes hk-lt-in-b{0%{opacity:0;transform:translate(-14px)}5%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.hk-ltoast.merged.live-a{animation-name:hk-lt-pop-a}.hk-ltoast.merged.live-b{animation-name:hk-lt-pop-b}@keyframes hk-lt-pop-a{0%{opacity:1;transform:scale(1.07)}4%{transform:none}80%{opacity:1}to{opacity:0}}@keyframes hk-lt-pop-b{0%{opacity:1;transform:scale(1.07)}4%{transform:none}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.hk-ltoast.live-a,.hk-ltoast.live-b{animation-name:hk-lt-fade}.hk-ltoast:after{display:none}@keyframes hk-lt-fade{0%{opacity:1}80%{opacity:1}to{opacity:0}}}.screen.hk-screen{background:radial-gradient(ellipse at 50% 35%,#12151dc7,#040508f0 75%);font-family:var(--hk-font);color:var(--hk-text)}.hk-screen .screen-box{position:relative;border:1px solid transparent;border-radius:var(--hk-r-panel);padding:22px 28px 24px;background:linear-gradient(180deg,#12151de6,#07080ce0) padding-box,var(--hk-trim-gold) border-box;box-shadow:0 18px 60px #0009,var(--hk-inner-hi)}.hk-screen .screen-box:before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:var(--hk-rule-gold);filter:brightness(1.4)}.hk-screen h1{font-family:var(--hk-font-display);font-size:28px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--hk-text-gold);text-shadow:var(--hk-glow-gold)}.hk-screen h2{font-family:var(--hk-font-display);font-size:var(--hk-fs-xl);font-weight:600;letter-spacing:.04em;color:var(--hk-text);margin:2px 0 16px}.hk-screen .subtitle,.hk-screen .controls-help{color:var(--hk-text-dim)}.hk-screen .chest{width:104px;height:104px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;box-sizing:border-box;font-family:var(--hk-font-num);font-size:46px;font-weight:700;color:var(--hk-gold-hi);text-shadow:var(--hk-text-outline),var(--hk-glow-gold);border:1px solid transparent;background:radial-gradient(circle at 50% 38%,#342c1ef2,#0a0907f2 70%) padding-box,var(--hk-trim-gold) border-box;box-shadow:0 0 0 4px #00000059,0 0 30px #f6d27840}.hk-screen .chest.depleted{width:auto;height:auto;padding:8px 22px;border-radius:3px;font-size:26px;letter-spacing:.12em;text-transform:uppercase;color:#ff8a80;text-shadow:var(--hk-text-outline),var(--hk-glow-red);background:#280a0cb3;border:1px solid rgba(255,90,78,.45);box-shadow:none}.hk-screen .end-stats{gap:0;margin-bottom:14px;border-top:1px solid var(--hk-line);border-bottom:1px solid var(--hk-line)}.hk-screen .end-stat{background:none;border-radius:0;padding:9px 6px}.hk-screen .end-stat+.end-stat{box-shadow:inset 1px 0 0 var(--hk-line)}.hk-screen .end-stat-value{font-family:var(--hk-font-num);font-size:var(--hk-fs-xl);font-weight:600;color:var(--hk-text)}.hk-screen .end-stat-label{margin-top:2px;font-size:var(--hk-fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--hk-text-dim)}.hk-screen .end-meters{gap:10px}.hk-screen .meters.static{padding:8px 10px;background:var(--hk-fill-soft);border:1px solid var(--hk-line);border-radius:var(--hk-r-panel);box-shadow:none}.hk-screen .meter-title{font-size:var(--hk-fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hk-text-gold);margin-bottom:6px}.hk-screen .meter-row{height:17px;background:#ffffff06}.hk-screen .meter-fill{opacity:.55;box-shadow:inset 0 1px #ffffff26}.hk-screen .meter-name,.hk-screen .meter-value{line-height:17px;font-size:var(--hk-fs-sm)}.hk-screen .meter-value{font-family:var(--hk-font-num)}.hk-screen .btn{padding:8px 20px;border-radius:2px;border:1px solid var(--hk-line-strong);background:var(--hk-fill-hi);color:var(--hk-text);font-weight:600;letter-spacing:.04em;transition:none}.hk-screen .btn:hover{filter:none;border-color:var(--hk-line-gold);color:var(--hk-text-gold)}.hk-screen .btn.primary{color:#241703;border:1px solid rgba(255,226,160,.8);background:linear-gradient(180deg,var(--hk-gold-hi),var(--hk-gold) 50%,var(--hk-gold-lo));text-shadow:0 1px 0 rgba(255,255,255,.3)}.hk-screen .btn.primary:hover{color:#241703;filter:brightness(1.08)}.hk-screen .btn.is-pressed{filter:brightness(1.25);transform:translateY(1px)}.hk-screen .role-card{border-radius:2px;border-top-width:2px}.hk-screen .field input,.hk-screen .field select{background:var(--hk-fill-strong);border:1px solid var(--hk-line-strong);border-radius:2px}.screen .loading-bar{height:4px;border-radius:0;background:var(--hk-bar-track);box-shadow:0 0 0 1px #0009,inset 0 0 0 1px var(--hk-line)}.screen .loading-fill{background:linear-gradient(90deg,var(--hk-gold-lo),var(--hk-gold-hi))}.kpt .km-modal-body{display:flex;flex-direction:column;align-items:center;gap:calc(16 * var(--ku));min-width:calc(760 * var(--ku))}.kpt-join{display:flex;gap:calc(14 * var(--ku));align-items:center}.kpt-code-input{width:calc(460 * var(--ku));padding:calc(10 * var(--ku)) calc(14 * var(--ku));font:inherit;font-size:calc(22 * var(--ku));text-align:center;color:var(--km-text);background:#00000059;border:1px solid var(--km-line-gold);border-radius:calc(6 * var(--ku));outline:none}.kpt-code-input:focus{border-color:var(--km-gold-text)}.kpt-invite{display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--ku));width:100%}.kpt-label{color:var(--km-text-2);font-size:calc(19 * var(--ku))}.kpt-link{box-sizing:border-box;width:min(100%,calc(640 * var(--ku)));padding:calc(10 * var(--ku)) calc(14 * var(--ku));font:inherit;font-size:calc(20 * var(--ku));text-align:center;color:var(--km-gold-text);background:#00000059;border:1px solid var(--km-line-gold);border-radius:calc(6 * var(--ku));outline:none}.kpt-invite-actions{display:flex;gap:calc(14 * var(--ku))}.kpt-copy{min-width:calc(260 * var(--ku))}.kpt-sub{color:var(--km-text-2);font-size:calc(16 * var(--ku));letter-spacing:.08em}.kpt-status{color:var(--km-text-2)}.kpt-slots{display:flex;gap:calc(22 * var(--ku));justify-content:center}.kpt-slot{display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--ku));min-width:calc(150 * var(--ku))}.kpt-slot.bot{opacity:.6}.kpt-who{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--ku));font-size:calc(19 * var(--ku))}.kpt-tag{font-size:calc(15 * var(--ku));color:var(--km-text-2)}.kpt-tag.ok{color:var(--km-good, #7fd17f)}.kpt-tag.off{color:var(--km-bad)}.kpt-key{display:flex;align-items:center;gap:calc(18 * var(--ku));font-size:calc(22 * var(--ku))}.kpt-level{color:var(--km-gold-text);font-size:calc(26 * var(--ku))}.kpt-blocked{margin:0;color:var(--km-text-2);font-size:calc(18 * var(--ku));text-align:center}.km-screen.km-as-overlay{background:radial-gradient(ellipse 70% 55% at 50% 38%,#1e3878d1,#060c22f0 75%)}.km-overlay-note{font-size:calc(18 * var(--ku));color:var(--km-gold-text);padding:calc(6 * var(--ku)) calc(16 * var(--ku));border:1px solid var(--km-line-gold);background:#1e160880;white-space:nowrap}.km-settings .km-modal-body{display:flex;flex-direction:column;gap:calc(18 * var(--ku));min-width:calc(560 * var(--ku))}.km-set-row{display:flex;align-items:center;justify-content:space-between;gap:calc(24 * var(--ku))}.km-set-label{font-size:calc(22 * var(--ku));color:var(--km-text-2)}.km-set-ctl{display:flex;align-items:center;gap:calc(12 * var(--ku))}.km-set-ctl .km-stepper-num{min-width:calc(150 * var(--ku));text-align:center}.km-set-foot{font-size:calc(17 * var(--ku));color:var(--km-text-3);text-align:right}.km-btn.km-danger{color:#ff8a80}.km-textarea{box-sizing:border-box;width:100%;min-height:calc(220 * var(--ku));padding:calc(12 * var(--ku));resize:vertical;font:calc(16 * var(--ku)) / 1.4 ui-monospace,Menlo,monospace;color:var(--km-text);background:#040816b3;border:1px solid var(--km-line-hi);border-radius:calc(3 * var(--ku))}.km-form-error{min-height:1.2em;margin-top:calc(8 * var(--ku));color:var(--km-bad);font-size:calc(19 * var(--ku))}.km-info-sheet .km-modal-text{max-width:calc(760 * var(--ku))}.km-stage-fallback{position:absolute;top:46%;transform:translate(-50%,-50%);display:flex;gap:calc(60 * var(--ku));opacity:.9;pointer-events:none}.km-stage-fallback .km-crest{--s: calc(220 * var(--ku))}.km-slot .km-res-coin{width:62%;height:62%}.km-slot .km-res-xp{width:56%;height:56%;color:#9cc8ff}.gfx-settings.km-gfx{z-index:30}.gfx-settings.km-gfx .gfx-gear{visibility:hidden}.klb .km-body{position:relative}.klb .km-backdrop .km-stage{cursor:grab}.klb-banner{position:absolute;left:50%;top:calc(14 * var(--ku));transform:translate(-50%);z-index:2;padding:calc(8 * var(--ku)) calc(20 * var(--ku));font-size:calc(19 * var(--ku));color:var(--km-gold-text);border:1px solid var(--km-line-gold);background:#1e160899}.klb-rank{position:absolute;left:calc(34 * var(--ku));top:calc(10 * var(--ku));display:flex;align-items:center;gap:calc(12 * var(--ku));padding:0;border:0;background:none;color:var(--km-text);font:inherit;cursor:pointer;text-align:left}.klb-rank .km-crest{--s: calc(70 * var(--ku))}.klb-rank-tier{font-size:calc(19 * var(--ku));color:var(--km-text-2)}.klb-rank-rating{font-size:calc(25 * var(--ku));font-weight:500;line-height:1.1}.klb-rank:hover .klb-rank-tier{color:var(--km-gold-text)}.klb-nav{position:absolute;left:calc(40 * var(--ku));top:calc(104 * var(--ku))}.klb-nav .km-sidenav-tiles{gap:calc(16 * var(--ku))}.klb-nav .km-sidenav-tiles .km-tab{width:calc(196 * var(--ku));height:calc(80 * var(--ku))}.klb-center{position:absolute;left:50%;bottom:calc(38 * var(--ku));transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.klb-hero-line{font-size:calc(21 * var(--ku));letter-spacing:.02em;color:var(--km-text);text-shadow:0 2px 6px rgba(0,0,0,.8);white-space:nowrap}.klb-hero-rule{display:block;width:calc(300 * var(--ku));height:1px;margin:calc(8 * var(--ku)) 0 calc(16 * var(--ku));background:linear-gradient(90deg,transparent,rgba(214,172,96,.6),transparent)}.klb-crests{display:flex;gap:calc(44 * var(--ku))}.klb-crests .km-crest{--s: calc(98 * var(--ku));width:calc(120 * var(--ku));gap:calc(6 * var(--ku))}.klb-crests .km-crest-label{font-size:calc(19 * var(--ku))}.klb-daily{position:absolute;left:calc(40 * var(--ku));bottom:calc(52 * var(--ku));width:calc(352 * var(--ku));box-sizing:border-box;display:flex;align-items:center;gap:calc(18 * var(--ku));padding:calc(16 * var(--ku)) calc(22 * var(--ku));color:var(--km-text);font:inherit;text-align:left;cursor:pointer}.klb-daily:hover{filter:brightness(1.12)}.klb-chest{flex:none;display:grid;place-items:center;width:calc(76 * var(--ku));height:calc(68 * var(--ku));font-size:calc(58 * var(--ku));color:#c9a25e;background:radial-gradient(circle at 50% 60%,rgba(214,172,96,.22),transparent 70%)}.klb-chest.ready{color:#f3c972;filter:drop-shadow(0 0 calc(8 * var(--ku)) rgba(240,180,90,.35))}.klb-daily-text{flex:1;display:flex;flex-direction:column;gap:calc(6 * var(--ku));min-width:0}.klb-daily-title{font-size:calc(20 * var(--ku))}.klb-daily-title.ready{color:var(--km-gold-text)}.klb-daily-sub{font-size:calc(17 * var(--ku));color:var(--km-text-2)}.klb-daily .km-progress{margin-top:calc(2 * var(--ku))}.klb-enter{position:absolute;right:calc(52 * var(--ku));bottom:calc(54 * var(--ku));display:flex;flex-direction:column;align-items:center;gap:calc(12 * var(--ku))}.klb-key{font-size:calc(23 * var(--ku));white-space:pre;text-shadow:0 2px 6px rgba(0,0,0,.8)}.klb-enter .km-btn-lg{min-width:calc(370 * var(--ku));min-height:calc(84 * var(--ku));font-size:calc(32 * var(--ku))}.klb-mig-row{display:flex;flex-wrap:wrap;gap:calc(16 * var(--ku));justify-content:center;margin:calc(14 * var(--ku)) 0}.krw .km-body{position:relative}.krw-top{position:absolute;left:50%;top:calc(-6 * var(--ku));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--ku));z-index:1}.krw-banner{position:relative;display:flex;align-items:baseline;gap:calc(16 * var(--ku));padding:calc(6 * var(--ku)) calc(70 * var(--ku));font-size:calc(34 * var(--ku));font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--km-gold-hi);background:linear-gradient(180deg,#241e12eb,#100e0aeb);border-top:1px solid var(--km-line-gold);border-bottom:1px solid var(--km-line-gold);clip-path:polygon(calc(26 * var(--ku)) 0,calc(100% - 26 * var(--ku)) 0,100% 50%,calc(100% - 26 * var(--ku)) 100%,calc(26 * var(--ku)) 100%,0 50%)}.krw-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(214,172,96,.55),transparent 12%,transparent 88%,rgba(214,172,96,.55));opacity:.6}.krw-banner-plus{color:var(--km-good)}.krw-banner.depleted{color:#cfd6ea}.krw-banner.abandoned{color:#ff9a8e}.krw-time{font-size:calc(25 * var(--ku));text-shadow:0 2px 6px rgba(0,0,0,.8)}.krw-stars{display:flex;gap:calc(14 * var(--ku));font-size:calc(46 * var(--ku))}.krw-star{color:#8c96b459;display:inline-flex}.krw-star.on{color:#f4c24e;filter:drop-shadow(0 calc(2 * var(--ku)) calc(4 * var(--ku)) rgba(0,0,0,.6))}.krw-heroline{display:flex;align-items:center;gap:calc(10 * var(--ku));font-size:calc(19 * var(--ku));color:var(--km-text-2);text-shadow:0 2px 6px rgba(0,0,0,.8)}.krw-lvup{padding:calc(1 * var(--ku)) calc(10 * var(--ku));color:#2a1a04;font-weight:700;background:linear-gradient(180deg,#ffe08f,#d79a3a);border-radius:calc(3 * var(--ku))}.krw-card{position:absolute;left:50%;transform:translate(-50%);bottom:calc(96 * var(--ku));width:calc(1160 * var(--ku));box-sizing:border-box;padding:calc(28 * var(--ku)) calc(44 * var(--ku)) calc(56 * var(--ku));display:flex;flex-direction:column;align-items:stretch;gap:calc(8 * var(--ku));background:linear-gradient(180deg,#182040f0,#0c122af5)}.krw-slots{display:flex;justify-content:center;gap:calc(50 * var(--ku));min-height:calc(176 * var(--ku))}.krw-slots .km-slot-wrap{--s: calc(140 * var(--ku));opacity:0;transform:translateY(calc(10 * var(--ku)));transition:opacity .26s ease-out,transform .26s ease-out}.krw-slots .km-slot-wrap.in{opacity:1;transform:none}.krw-slots .km-slot-caption{font-size:calc(20 * var(--ku));white-space:nowrap;max-width:none;margin-top:calc(6 * var(--ku))}.krw-slots .km-slot-icon.km-img{width:86%;height:86%;margin:7%}.krw-slots .km-slot-ribbon{font-size:calc(15 * var(--ku));white-space:nowrap}.krw-slots .km-slot:has(.km-slot-ribbon) .km-badge-count{bottom:24%}.krw-more-plus{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(46 * var(--ku));font-weight:700;color:#fff;text-shadow:0 2px 6px #000}.krw-slots .km-slot .km-ico.km-slot-icon{opacity:.35}.krw-empty{align-self:center;color:var(--km-text-2);font-size:calc(21 * var(--ku))}.krw-chips{display:flex;justify-content:space-around;gap:calc(30 * var(--ku))}.krw-chip{display:inline-flex;align-items:center;gap:calc(12 * var(--ku));font-size:calc(18 * var(--ku));color:var(--km-text-2);white-space:nowrap}.krw-chip .km-ico{font-size:calc(30 * var(--ku));color:#c9a25e}.krw-chip.good span{color:var(--km-text)}.krw-rating{display:flex;align-items:center;justify-content:center;gap:calc(26 * var(--ku));margin-top:calc(4 * var(--ku))}.krw-rating .km-crest{--s: calc(84 * var(--ku))}.krw-rating-text{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--ku))}.krw-tier{font-size:calc(24 * var(--ku));color:var(--km-gold-text)}.krw-tier.up{font-weight:700;color:var(--km-gold-hi)}.krw-rating-line{font-size:calc(25 * var(--ku))}.krw-rating-line .up{color:var(--km-good)}.krw-rating-line .same{color:var(--km-text-3)}.krw-actions{position:absolute;left:50%;bottom:calc(-38 * var(--ku));transform:translate(-50%);display:flex;align-items:center;gap:calc(40 * var(--ku))}.krw-actions .km-btn-secondary{min-width:calc(300 * var(--ku));min-height:calc(68 * var(--ku));font-size:calc(25 * var(--ku))}.krw-actions .km-btn-lg{min-width:calc(310 * var(--ku))}.krw-again{position:absolute;right:calc(40 * var(--ku));bottom:calc(-24 * var(--ku));padding:0 calc(12 * var(--ku));color:var(--km-text-2);background:#0b1433}.krw-details{display:flex;flex-direction:column;gap:calc(20 * var(--ku));min-width:calc(820 * var(--ku))}.krw-dstats{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(10 * var(--ku))}.krw-dstat{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--ku))}.krw-dstat b{font-size:calc(24 * var(--ku));font-weight:500}.krw-dstat span{font-size:calc(15 * var(--ku));color:var(--km-text-3)}.krw-meters{display:grid;grid-template-columns:1fr 1fr;gap:calc(16 * var(--ku)) calc(28 * var(--ku))}.krw-meter-title{font-size:calc(17 * var(--ku));color:var(--km-gold-text);margin-bottom:calc(6 * var(--ku))}.krw-meter-row{position:relative;display:flex;justify-content:space-between;padding:calc(3 * var(--ku)) calc(8 * var(--ku));font-size:calc(17 * var(--ku))}.krw-meter-row i{position:absolute;left:0;top:0;bottom:0;opacity:.28}.krw-meter-row span,.krw-meter-row b{position:relative;font-weight:400}.krw-dnote{font-size:calc(16 * var(--ku));color:var(--km-text-3);margin:0}.krw-tabs{align-self:center;margin:calc(-8 * var(--ku)) 0 calc(6 * var(--ku));font-size:calc(22 * var(--ku))}.krw-pane{display:flex;flex-direction:column;align-items:stretch;gap:calc(8 * var(--ku))}.krw-pane.hidden{display:none}.krw-sstrip{display:flex;justify-content:center;gap:calc(54 * var(--ku));padding-bottom:calc(10 * var(--ku));border-bottom:1px solid rgba(214,178,106,.18)}.krw-sstat{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--ku))}.krw-sstat b{font-size:calc(26 * var(--ku));color:var(--km-text)}.krw-sstat span{font-size:calc(15 * var(--ku));color:var(--km-text-2);letter-spacing:.08em;text-transform:uppercase}.krw-sstat.good b{color:#8fe08a}.krw-sstat.bad b{color:#ff8a7a}.krw-stable{display:flex;flex-direction:column;gap:calc(4 * var(--ku))}.krw-srow{display:grid;grid-template-columns:2.1fr 1.6fr 1.6fr 1fr .7fr .7fr;align-items:center;gap:calc(14 * var(--ku));min-height:calc(54 * var(--ku));padding:0 calc(14 * var(--ku));background:#ffffff08;border-radius:calc(4 * var(--ku))}.krw-srow.you{background:#d6b26a17;box-shadow:inset calc(3 * var(--ku)) 0 0 #d6b26a}.krw-shead{min-height:calc(30 * var(--ku));background:none;font-size:calc(15 * var(--ku));color:var(--km-text-2);letter-spacing:.08em;text-transform:uppercase}.krw-shead span:not(:first-child){text-align:right}.krw-swho{display:flex;align-items:center;gap:calc(12 * var(--ku));min-width:0}.krw-swho .km-crest{flex:none}.krw-sname{font-size:calc(21 * var(--ku));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.krw-syou{font-style:normal;font-size:calc(13 * var(--ku));padding:0 calc(6 * var(--ku));color:#2a1a04;background:#d6b26a;border-radius:calc(3 * var(--ku))}.krw-snum{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;font-size:calc(21 * var(--ku));color:var(--km-text)}.krw-snum b{position:relative;font-weight:600}.krw-snum small{position:relative;font-size:calc(14 * var(--ku));color:var(--km-text-2)}.krw-snum.best b,.krw-snum.best{color:#ffd479}.krw-snum.bad{color:#ff8a7a}.krw-sbar{position:absolute;left:0;top:18%;bottom:18%;opacity:.22;border-radius:calc(2 * var(--ku))}.tut-active .ct-xp,.tut-active .ct-gold,.tut-active .hk-r-leftCenter{display:none!important}.tut-root{position:fixed;inset:0;z-index:40;pointer-events:none;font-family:var(--hk-font);color:var(--hk-text)}.tut-stack{position:absolute;left:var(--hk-edge);top:calc(24vh + 200px * var(--hk-scale));width:360px;display:flex;flex-direction:column;align-items:stretch;gap:6px;transform:scale(var(--hk-scale));transform-origin:top left}.tut-panel{position:relative;width:360px;box-sizing:border-box;padding:7px 14px 9px;background:var(--hk-fill-panel);border:1px solid var(--hk-line-gold);border-radius:3px;box-shadow:0 0 0 1px #0000008c,inset 0 1px #f6e2a81f,0 6px 22px #00000073}.tut-panel:before,.tut-panel:after{content:"";position:absolute;left:10px;right:10px;height:1px;background:var(--hk-rule-gold)}.tut-panel:before{top:-1px}.tut-panel:after{bottom:-1px}.tut-panel.tut-flash{animation:tut-flash .9s ease-out}@keyframes tut-flash{0%{box-shadow:0 0 0 1px #0000008c,0 0 22px #f0d590a6}to{box-shadow:0 0 0 1px #0000008c,inset 0 1px #f6e2a81f,0 6px 22px #00000073}}.tut-head{display:flex;align-items:center;gap:8px;font-size:var(--hk-fs-xs);color:var(--hk-text-dim);letter-spacing:.08em;text-transform:uppercase}.tut-badge{color:var(--hk-text-gold);font-weight:700}.tut-step{font-family:var(--hk-font-num)}.tut-pips{display:inline-flex;gap:2px;flex:1}.tut-pips i{width:7px;height:3px;background:#c8cdd62e}.tut-pips i.done{background:var(--hk-gold-lo)}.tut-pips i.on{background:var(--hk-gold-hi);box-shadow:0 0 4px #f6e2a8cc}.tut-skip{pointer-events:auto;cursor:pointer;font:inherit;font-size:var(--hk-fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--hk-text-dim);background:transparent;border:1px solid var(--hk-line);border-radius:2px;padding:2px 6px}.tut-skip:hover{color:var(--hk-text);border-color:var(--hk-line-strong)}.tut-title{margin-top:4px;font-family:var(--hk-font-display);font-size:var(--hk-fs-lg);font-weight:600;color:var(--hk-text-gold);text-shadow:var(--hk-text-outline)}.tut-text{margin-top:3px;font-size:var(--hk-fs-md);line-height:1.55;text-shadow:var(--hk-text-outline)}.tut-key.hk-keycap{font-size:var(--hk-fs-xs);line-height:12px;min-width:15px;margin:0 1px;padding:1px 4px;vertical-align:1px;border-color:var(--hk-line-gold);color:var(--hk-gold-hi);background:#090b10bf;box-shadow:inset 0 -1px #0009}.tut-goals{list-style:none;margin:5px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:3px 14px;font-size:var(--hk-fs-sm);color:var(--hk-text-dim)}.tut-goals li:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border:1px solid var(--hk-line-gold);transform:rotate(45deg);vertical-align:0}.tut-goals li.done{color:var(--hk-text-good)}.tut-goals li.done:before{background:var(--hk-text-good);border-color:var(--hk-text-good)}.tut-panel.tut-finished .tut-title{color:var(--hk-text-good)}.tut-alert{position:absolute;left:50%;top:62vh;transform:translate(-50%) scale(var(--hk-scale));transform-origin:center;padding:4px 14px;font-family:var(--hk-font-display);font-size:var(--hk-fs-lg);font-weight:700;color:#ffd08a;white-space:nowrap;background:linear-gradient(90deg,transparent,rgba(60,22,6,.78) 15%,rgba(60,22,6,.78) 85%,transparent);text-shadow:var(--hk-text-outline);opacity:0;transition:opacity .12s}.tut-alert.on{opacity:1;animation:tut-pulse .7s ease-in-out infinite alternate}@keyframes tut-pulse{0%{filter:brightness(1)}to{filter:brightness(1.35)}}.tut-toasts{display:flex;flex-direction:column;gap:6px}.tut-toast{display:flex;gap:9px;width:360px;box-sizing:border-box;padding:7px 10px 8px 8px;background:var(--hk-fill-panel);border:1px solid var(--hk-line-gold);border-radius:3px;box-shadow:0 0 0 1px #0000008c,0 4px 16px #0006;animation:tut-in .35s cubic-bezier(.2,.9,.3,1.2)}.tut-toast.out{opacity:0;transform:translate(10px);transition:opacity .35s,transform .35s}@keyframes tut-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.tut-toast-icon{position:relative;flex:none;width:40px;height:40px;border:1px solid var(--hk-gold);border-radius:2px;background:#111 center / cover no-repeat;box-shadow:0 0 6px #f0d59073}.tut-toast-key{position:absolute;right:-6px;bottom:-6px}.tut-toast-body{min-width:0}.tut-toast-label{font-size:var(--hk-fs-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hk-text-gold)}.tut-toast-name{font-family:var(--hk-font-display);font-size:var(--hk-fs-md);font-weight:600;text-shadow:var(--hk-text-outline)}.tut-toast-why{margin-top:1px;font-size:var(--hk-fs-sm);line-height:1.35;color:var(--hk-text-dim)}.tut-marker,.tut-edge{position:absolute;left:0;top:0;will-change:transform}.tut-marker-ring{position:absolute;left:-34px;top:-13px;width:68px;height:26px;border:3px solid var(--hk-gold-hi);border-radius:50%;box-shadow:0 0 10px #f0d590cc,inset 0 0 8px #f0d59080;animation:tut-ring 1.4s ease-out infinite}.tut-marker-chev{position:absolute;left:-13px;top:-70px;width:26px;height:26px;border-right:5px solid var(--hk-gold-hi);border-bottom:5px solid var(--hk-gold-hi);transform:rotate(45deg);filter:drop-shadow(0 0 4px rgba(240,213,144,.9));animation:tut-bob .9s ease-in-out infinite alternate}@keyframes tut-ring{0%{transform:scale(.7);opacity:1}to{transform:scale(1.35);opacity:.25}}@keyframes tut-bob{0%{margin-top:0}to{margin-top:8px}}.tut-edge:before{content:"";position:absolute;left:-12px;top:-10px;border-left:22px solid var(--hk-gold-hi);border-top:10px solid transparent;border-bottom:10px solid transparent;filter:drop-shadow(0 0 5px rgba(240,213,144,.9))}.action.tut-locked,.action-dodge.tut-locked{opacity:.75;pointer-events:none}.tut-locked .hk-slot-img,.tut-locked .hk-slot-fallback{filter:grayscale(1) brightness(.28)}.action.tut-locked:after,.action-dodge.tut-locked:after{content:"";position:absolute;inset:0;z-index:6;opacity:1;animation:none;box-shadow:none;border:0;background:center / 42% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23c8cdd6' d='M4 7V5a4 4 0 1 1 8 0v2h1v8H3V7h1zm2 0h4V5a2 2 0 1 0-4 0v2z'/%3E%3C/svg%3E")}.tut-focus{outline:2px solid var(--hk-gold-hi);outline-offset:3px;border-radius:3px;animation:tut-focus .8s ease-in-out infinite alternate}.action-dodge.tut-focus,.action.is-round.tut-focus{border-radius:50%}.tut-focus .hk-key{color:var(--hk-gold-hi)}@keyframes tut-focus{0%{outline-color:#f6e2a873;box-shadow:0 0 4px #f0d5904d}to{outline-color:#fff0c8;box-shadow:0 0 16px #f0d590e6}}.tut-point{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}.tut-point:before{content:"";position:absolute;left:calc(-8px * var(--hk-scale));top:calc(-22px * var(--hk-scale));width:calc(12px * var(--hk-scale));height:calc(12px * var(--hk-scale));border-right:calc(3px * var(--hk-scale)) solid var(--hk-gold-hi);border-bottom:calc(3px * var(--hk-scale)) solid var(--hk-gold-hi);transform:rotate(45deg);filter:drop-shadow(0 0 4px rgba(240,213,144,.95));animation:tut-bob .6s ease-in-out infinite alternate}.tut-point.side:before{left:calc(4px * var(--hk-scale));top:calc(-8px * var(--hk-scale));transform:rotate(135deg)}@media (prefers-reduced-motion: reduce){.tut-marker-ring,.tut-marker-chev,.tut-alert.on,.tut-focus,.tut-point:before,.tut-panel.tut-flash,.tut-toast{animation:none}}.tut-pick-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(14 * var(--ku));margin-top:calc(14 * var(--ku))}.tut-pick-card{display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--ku));padding:calc(18 * var(--ku)) calc(12 * var(--ku)) calc(16 * var(--ku));font:inherit;color:var(--km-text);cursor:pointer;text-align:center;background:linear-gradient(180deg,#2a3a7859,#0a0e2099);border:1px solid var(--km-line);border-radius:var(--km-radius);transition:border-color .12s,box-shadow .12s,transform .12s}.tut-pick-card:hover{border-color:var(--km-line-hi);transform:translateY(-2px)}.tut-pick-card.selected{border-color:var(--km-gold);box-shadow:0 0 0 1px var(--km-gold-lo),0 0 calc(18 * var(--ku)) #e7b45a59}.tut-pick-card .km-crest{pointer-events:none}.tut-pick-name{font-size:calc(22 * var(--ku));font-weight:600}.tut-pick-role{font-size:calc(14 * var(--ku));color:var(--km-gold-text);letter-spacing:.06em;text-transform:uppercase}.tut-pick-pitch{font-size:calc(14 * var(--ku));line-height:1.45;opacity:.8}.tut-pick-best{font-size:calc(13 * var(--ku));color:var(--km-good)}@media (max-width: 760px){.tut-pick-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.tut-sum-top{display:flex;align-items:center;justify-content:center;gap:calc(48 * var(--ku));margin:calc(8 * var(--ku)) 0 calc(18 * var(--ku))}.tut-sum-grade{display:grid;place-items:center;width:calc(96 * var(--ku));height:calc(96 * var(--ku));font-family:var(--km-display);font-size:calc(58 * var(--ku));font-weight:700;color:var(--km-gold-hi);border:2px solid var(--km-gold);transform:rotate(45deg);background:radial-gradient(circle,rgba(231,180,90,.25),transparent 70%);text-shadow:0 0 calc(12 * var(--ku)) rgba(255,219,146,.7)}.tut-sum-grade>span{display:block;line-height:1;transform:rotate(-45deg)}.tut-sum-grade.g-S{color:#ffe9b0;border-color:var(--km-gold-hi)}.tut-sum-grade.g-C,.tut-sum-grade.g-D{color:var(--km-text);border-color:var(--km-line-hi)}.tut-sum-label{font-size:calc(14 * var(--ku));letter-spacing:.12em;text-transform:uppercase;color:var(--km-gold-text)}.tut-sum-num{font-size:calc(48 * var(--ku));font-weight:700;line-height:1.05}.tut-sum-sub{font-size:calc(14 * var(--ku));opacity:.75}.tut-sum-rows{display:grid;gap:calc(8 * var(--ku));max-width:calc(560 * var(--ku));margin:0 auto calc(14 * var(--ku))}.tut-sum-row{display:grid;grid-template-columns:calc(170 * var(--ku)) 1fr calc(70 * var(--ku));align-items:center;gap:calc(12 * var(--ku));font-size:calc(16 * var(--ku))}.tut-sum-row b{text-align:right}.tut-sum-bar{height:calc(8 * var(--ku));background:#ffffff14;border-radius:calc(4 * var(--ku));overflow:hidden}.tut-sum-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--km-gold-lo),var(--km-gold-hi))}.tut-sum-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(8 * var(--ku));margin-bottom:calc(12 * var(--ku))}.tut-sum-chip{padding:calc(4 * var(--ku)) calc(12 * var(--ku));font-size:calc(14 * var(--ku));border:1px solid var(--km-line);border-radius:999px;background:#2a3a784d}.tut-sum-note{opacity:.65;font-size:calc(14 * var(--ku))}.tut-dg{cursor:default}.tut-dg-text{margin-top:auto;padding:calc(12 * var(--ku)) calc(6 * var(--ku)) 0;font-size:calc(17 * var(--ku));line-height:1.45;text-align:center;color:var(--km-text);text-shadow:0 1px 4px #000}.tut-dg-text p{margin:0 0 calc(6 * var(--ku))}.tut-dg-done{color:var(--km-good)}.tut-coach{margin:calc(4 * var(--ku)) 0 calc(10 * var(--ku));padding:calc(10 * var(--ku)) calc(16 * var(--ku));border:1px solid var(--km-line-gold);border-radius:var(--km-radius);background:linear-gradient(180deg,#3c2c1259,#0e122880)}.tut-coach-head{display:flex;align-items:center;gap:calc(8 * var(--ku));font-size:calc(15 * var(--ku));letter-spacing:.12em;text-transform:uppercase;color:var(--km-gold-text)}.tut-coach-head svg{width:calc(18 * var(--ku));height:calc(18 * var(--ku))}.tut-coach-tip{margin:calc(6 * var(--ku)) 0 0;font-size:calc(17 * var(--ku));line-height:1.45}.tut-coach-tip .tut-key.hk-keycap{font-size:calc(14 * var(--ku));line-height:calc(18 * var(--ku));padding:0 calc(5 * var(--ku))}.kh-screen .km-body{display:block}.kh-crest-stage{position:absolute;left:38.5%;top:52%;transform:translate(-50%,-50%)}.kh-left{position:absolute;left:calc(36 * var(--ku));top:calc(30 * var(--ku));width:calc(460 * var(--ku));bottom:calc(76 * var(--ku));padding-top:calc(20 * var(--ku));padding-bottom:calc(14 * var(--ku))}.kh-left>.km-panel-body{display:flex;flex-direction:column;align-items:stretch;height:100%}.kh-id{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--ku))}.kh-name{font-size:calc(36 * var(--ku));font-weight:700;margin-top:calc(4 * var(--ku));line-height:1.15}.kh-class{color:var(--km-text-2);font-size:calc(22 * var(--ku))}.kh-lv{display:flex;justify-content:space-between;align-items:baseline;margin:calc(12 * var(--ku)) 0 calc(6 * var(--ku));font-size:calc(26 * var(--ku))}.kh-lv b{font-weight:500;color:var(--km-blue);font-size:calc(22 * var(--ku))}.kh-left .km-stats{margin-top:calc(8 * var(--ku))}.kh-left .km-stat{padding:calc(7 * var(--ku)) 0;cursor:default}.kh-left .km-stats.kh-stats-7 .km-stat{padding:calc(4 * var(--ku)) 0}.kh-left .km-stat:focus-visible{outline:1px solid var(--km-line-gold)}.kh-left .km-divider{margin:calc(6 * var(--ku)) 0}.kh-left .km-radar{align-self:center;margin-block:auto;width:calc(330 * var(--ku))}.kh-left .km-radar-label{font-size:17px}.kh-stat-tip{max-width:calc(420 * var(--ku))}.kh-stat-tip-head{display:flex;justify-content:space-between;gap:calc(16 * var(--ku));font-size:calc(22 * var(--ku));font-weight:500;margin-bottom:calc(6 * var(--ku))}.kh-gear{position:absolute;left:calc(994 * var(--ku));top:calc(30 * var(--ku));width:calc(290 * var(--ku));bottom:calc(76 * var(--ku));padding:calc(22 * var(--ku)) calc(24 * var(--ku))}.kh-gear>.km-panel-body{display:flex;flex-direction:column;height:100%}.kh-gear-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(14 * var(--ku)) calc(26 * var(--ku))}.kh-gear-cell{display:flex;flex-direction:column;gap:calc(6 * var(--ku))}.kh-gear-label{font-size:calc(19 * var(--ku));color:var(--km-text-2)}.kh-set{display:flex;justify-content:center;gap:calc(12 * var(--ku));padding-left:calc(10 * var(--ku))!important;padding-right:calc(10 * var(--ku))!important;margin:calc(26 * var(--ku)) 0 calc(22 * var(--ku));padding:calc(10 * var(--ku)) 0;font-size:calc(18 * var(--ku));color:var(--km-gold-text);border:1px solid var(--km-line-gold);background:linear-gradient(180deg,#3c2c1466,#14100a66);cursor:default}.kh-set span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kh-set b{font-weight:500;flex:none}.kh-set.full{box-shadow:inset 0 0 calc(14 * var(--ku)) #e7b45a2e}.kh-set-tip{max-width:calc(440 * var(--ku))}.kh-autoequip{margin-top:auto}.kh-bag{position:absolute;left:calc(1304 * var(--ku));right:calc(36 * var(--ku));top:calc(30 * var(--ku));bottom:calc(76 * var(--ku));display:flex}.kh-bag>.km-panel-body{flex:1;display:flex;flex-direction:column;min-height:0}.kh-bag-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:min-content;gap:calc(14 * var(--ku));margin:calc(22 * var(--ku)) 0 calc(16 * var(--ku));justify-items:center;align-content:start;scrollbar-width:thin;scrollbar-color:rgba(140,162,220,.3) transparent}.kh-bag-grid.kh-locked{display:flex;align-items:center;justify-content:center}.kh-bag-foot{display:flex;align-items:center;gap:calc(16 * var(--ku))}.kh-count{color:var(--km-text-2);font-size:calc(21 * var(--ku));margin-right:auto}.kh-yield{display:flex;justify-content:center;gap:calc(14 * var(--ku));margin-top:calc(16 * var(--ku))}.kh-cmp{margin-top:calc(10 * var(--ku));padding-top:calc(8 * var(--ku));border-top:1px solid var(--km-line)}.kh-cmp-row{display:flex;justify-content:space-between;gap:calc(14 * var(--ku));font-size:calc(18 * var(--ku));color:var(--km-text-2)}.kh-cmp-row.up b{color:var(--km-good)}.kh-cmp-row.down b{color:var(--km-bad)}.kx-gem{width:62%;height:62%}.kx-info-p{text-align:left}.kh-gear .km-slot .km-dot,.kh-bag-grid .km-slot .km-dot{top:auto;right:auto;left:calc(var(--s) * .07);bottom:calc(var(--s) * .07)}.kh-bag .km-tabs-icon .km-tab .km-dot{right:34%;top:22%}.km-xrow{position:relative;display:flex;align-items:center;gap:calc(22 * var(--ku));width:100%;min-height:calc(84 * var(--ku));box-sizing:border-box;padding:calc(8 * var(--ku)) calc(20 * var(--ku)) calc(8 * var(--ku)) calc(16 * var(--ku));margin:0;border:1px solid transparent;border-bottom-color:#8ca2dc1f;background:transparent;color:var(--km-text);font:inherit;text-align:left;cursor:pointer}.km-xrow:hover{background:linear-gradient(90deg,#3c549638,#283c780f)}.km-xrow.selected{border:1px solid rgba(226,180,98,.85);border-radius:calc(3 * var(--ku));background:linear-gradient(90deg,#785c2a6b,#342e2e40 60%,#1e243c26);box-shadow:inset 0 0 calc(18 * var(--ku)) #f0be641f}.km-xrow.selected:before{content:"";position:absolute;left:calc(-7 * var(--ku));top:50%;width:calc(8 * var(--ku));height:calc(8 * var(--ku));transform:translateY(-50%) rotate(45deg);background:var(--km-gold-hi)}.km-xrow-icon{flex:none;display:grid;place-items:center;width:calc(62 * var(--ku));height:calc(62 * var(--ku));border-radius:50%;overflow:hidden;box-sizing:border-box;border:calc(3 * var(--ku)) solid #8a90a0;background:radial-gradient(circle,#24305a,#0c1430);color:var(--km-text-2);box-shadow:0 0 0 calc(2 * var(--ku)) #0009}.km-xrow-icon.gold{border-color:#e2b462;box-shadow:0 0 0 calc(2 * var(--ku)) #3c2406e6,0 0 calc(10 * var(--ku)) #f0be644d}.km-xrow-icon.dim .km-xrow-img{filter:grayscale(.8) brightness(.6)}.km-xrow-img.km-img{width:100%;height:100%}.km-xrow-img.km-ico,.km-xrow-lock{width:50%;height:50%}.km-xrow-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(2 * var(--ku))}.km-xrow-name{font-size:calc(23 * var(--ku));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.km-xrow-sub{font-size:calc(18 * var(--ku));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.km-xrow-sub.blue{color:var(--km-blue)}.km-xrow-sub.muted{color:var(--km-text-3)}.km-xrow-sub.gold{color:var(--km-gold-text)}.km-xrow-sub.bad{color:#e88a80}.km-xrow-key{flex:none;display:grid;place-items:center;min-width:calc(38 * var(--ku));height:calc(40 * var(--ku));padding:0 calc(6 * var(--ku));box-sizing:border-box;border:1px solid rgba(190,200,230,.45);border-radius:calc(4 * var(--ku));background:#060a1a99;color:var(--km-text);font-size:calc(22 * var(--ku))}.km-xrow-tag{flex:none;font-size:calc(18 * var(--ku));padding:calc(3 * var(--ku)) calc(12 * var(--ku));border-radius:calc(3 * var(--ku))}.km-xrow-tag.gold{color:#2a1a04;background:linear-gradient(180deg,#f6d38a,#d49a44)}.km-xrow-tag.muted{color:var(--km-text-2);border:1px solid var(--km-line-hi)}.km-xrow.locked .km-xrow-name{color:var(--km-text-3)}.km-xrow.locked:not(.selected){background:transparent}.km-xgroup{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--ku));padding:calc(14 * var(--ku)) calc(16 * var(--ku)) calc(6 * var(--ku));font-size:calc(18 * var(--ku));letter-spacing:.08em;text-transform:uppercase;color:var(--km-gold-text)}.km-xgroup.locked .km-xgroup-label{color:var(--km-text-3)}.km-xgroup-note{display:inline-flex;align-items:center;gap:calc(6 * var(--ku));color:var(--km-text-3);text-transform:none;letter-spacing:0}.km-xgroup-note .km-ico{font-size:calc(18 * var(--ku))}.ksk .km-body{overflow:hidden}.ksk-crest{position:absolute;inset:0;display:grid;place-items:center;padding-right:8%;opacity:.9}.ksk-tabs{position:absolute;left:calc(56 * var(--ku));top:calc(12 * var(--ku));width:calc(520 * var(--ku))}.ksk-tabs .km-tab{position:relative}.ksk-tabs .km-tabs-text{border-bottom-color:#8ca2dc24}.ksk-list{position:absolute;left:calc(56 * var(--ku));top:calc(92 * var(--ku));width:calc(520 * var(--ku));bottom:calc(150 * var(--ku));padding:calc(8 * var(--ku)) calc(8 * var(--ku));display:flex;flex-direction:column}.ksk-list>.km-panel-body{flex:1;min-height:0;display:flex;flex-direction:column}.ksk-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 calc(4 * var(--ku));scrollbar-width:thin;scrollbar-color:rgba(206,164,92,.45) transparent}.ksk-empty{padding:calc(24 * var(--ku));color:var(--km-text-3)}.ksk-points{display:flex;align-items:baseline;gap:calc(10 * var(--ku));padding:calc(10 * var(--ku)) calc(16 * var(--ku)) calc(12 * var(--ku));border-bottom:1px solid var(--km-line)}.ksk-points-label{font-size:calc(20 * var(--ku));color:var(--km-text-2);margin-right:auto}.ksk-points-n{font-size:calc(34 * var(--ku));color:var(--km-text)}.ksk-points-n.has{color:var(--km-gold-hi)}.ksk-points-total{font-size:calc(22 * var(--ku));color:var(--km-text-3)}.ksk-actions{position:absolute;left:calc(56 * var(--ku));width:calc(520 * var(--ku));bottom:calc(46 * var(--ku));display:grid;grid-template-columns:2fr 3fr;gap:calc(18 * var(--ku))}.ksk-actions:empty{display:none}.ksk-actions .km-btn,.ksk-info-foot .km-btn{width:100%;min-height:calc(68 * var(--ku));font-size:calc(26 * var(--ku))}.ksk-ring{position:absolute;left:calc(1070 * var(--ku));top:calc(590 * var(--ku));width:calc(290 * var(--ku));height:calc(290 * var(--ku))}.ksk-ring .km-skill-ring{width:100%;height:100%}.ksk-info{position:absolute;right:calc(40 * var(--ku));top:calc(56 * var(--ku));bottom:calc(46 * var(--ku));width:calc(520 * var(--ku));padding:calc(34 * var(--ku)) calc(34 * var(--ku)) calc(28 * var(--ku));display:flex;flex-direction:column}.ksk-info>.km-panel-body{flex:1;min-height:0;display:flex;flex-direction:column}.ksk-info-head{display:flex;align-items:center;gap:calc(24 * var(--ku));margin-bottom:calc(26 * var(--ku))}.ksk-info-titles{min-width:0}.ksk-info-name{font-size:calc(36 * var(--ku));font-weight:500;line-height:1.15;margin-bottom:calc(10 * var(--ku))}.ksk-info-facts{font-size:calc(19 * var(--ku));color:var(--km-text-2)}.ksk-blue{color:var(--km-blue);white-space:nowrap}.ksk[data-tab=rotation] .ksk-list{bottom:calc(46 * var(--ku))}.ksk-info-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(206,164,92,.45) transparent}.ksk-info-scroll .km-divider{margin:calc(22 * var(--ku)) 0 calc(16 * var(--ku))}.ksk-desc{margin:0 0 calc(10 * var(--ku));font-size:calc(23 * var(--ku));line-height:1.45;color:var(--km-text)}.ksk-desc.long{font-size:calc(20 * var(--ku))}.ksk-h{margin:0 0 calc(10 * var(--ku));font-size:calc(25 * var(--ku));font-weight:500;color:var(--km-text-2)}.ksk-proc{margin:0 0 calc(6 * var(--ku));font-size:calc(20 * var(--ku));line-height:1.4;color:var(--km-blue)}.ksk-lockline{margin:calc(8 * var(--ku)) 0 0;font-size:calc(20 * var(--ku));color:var(--km-text-3)}.ksk-change{margin-bottom:calc(10 * var(--ku))}.ksk-change-head{font-size:calc(19 * var(--ku));color:var(--km-text-2);margin-bottom:calc(2 * var(--ku))}.ksk-talent-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(28 * var(--ku));margin-top:calc(16 * var(--ku))}.ksk-info-foot{flex:none;display:flex;flex-direction:column;gap:calc(12 * var(--ku));padding-top:calc(18 * var(--ku));border-top:1px solid var(--km-line)}.ksk-state{text-align:center;font-size:calc(20 * var(--ku));color:var(--km-text-2)}.ksk-state.good{color:var(--km-gold-text)}.ksk-state.bad{color:#e88a80}@media (max-aspect-ratio: 4/3){.ksk-ring{display:none}}.km-xf-range{--f: 0%;display:flex;align-items:center;gap:calc(22 * var(--ku))}.km-xf-range-input{-webkit-appearance:none;appearance:none;flex:1;height:calc(12 * var(--ku));margin:0;border-radius:calc(6 * var(--ku));cursor:pointer;border:1px solid rgba(140,162,220,.25);background:linear-gradient(90deg,#1f9a52,#5fe08a var(--f),rgba(6,10,26,.9) var(--f))}.km-xf-range-input:disabled{cursor:default;opacity:.45}.km-xf-range-input::-webkit-slider-thumb{-webkit-appearance:none;width:calc(30 * var(--ku));height:calc(30 * var(--ku));border-radius:50%;border:1px solid #fff0c2;background:radial-gradient(circle at 40% 35%,#fff2c4,#e7b45a 55%,#9a6522);box-shadow:0 calc(2 * var(--ku)) calc(5 * var(--ku)) #0009}.km-xf-range-input::-moz-range-thumb{width:calc(30 * var(--ku));height:calc(30 * var(--ku));border-radius:50%;border:1px solid #fff0c2;background:radial-gradient(circle at 40% 35%,#fff2c4,#e7b45a 55%,#9a6522)}.km-xf-range-out{min-width:calc(56 * var(--ku));text-align:right;color:var(--km-text-2);font-size:calc(22 * var(--ku))}.km-xf-odds{--r: var(--km-common);display:grid;grid-template-columns:calc(120 * var(--ku)) 1fr calc(76 * var(--ku));align-items:center;gap:calc(16 * var(--ku))}.km-xf-odds[data-rarity=uncommon]{--r: var(--km-uncommon)}.km-xf-odds[data-rarity=rare]{--r: var(--km-rare)}.km-xf-odds[data-rarity=epic]{--r: var(--km-epic)}.km-xf-odds[data-rarity=legendary]{--r: var(--km-legendary)}.km-xf-odds-name{color:color-mix(in srgb,var(--r) 80%,white 20%);font-size:calc(23 * var(--ku))}.km-xf-odds-track{position:relative;height:calc(16 * var(--ku));border:1px solid rgba(140,162,220,.2);background:#060a1ad9;border-radius:calc(2 * var(--ku));overflow:hidden}.km-xf-odds-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--r) 75%,white 25%),color-mix(in srgb,var(--r) 70%,black 30%));box-shadow:inset 0 1px #ffffff4d;transition:width .38s cubic-bezier(.2,.8,.2,1)}.km-xf-odds-pct{text-align:right;font-size:calc(23 * var(--ku));color:var(--km-text)}.km-xf-mark{position:absolute;z-index:2;pointer-events:auto;line-height:1;font-size:calc(var(--s, calc(96 * var(--ku))) * .2);text-shadow:0 1px 2px rgba(0,0,0,.9)}.km-xf-mark-star{left:calc(var(--s, calc(96 * var(--ku))) * .05);bottom:calc(var(--s, calc(96 * var(--ku))) * .04);color:#ffd26a}.km-xf-mark-up{right:calc(var(--s, calc(96 * var(--ku))) * .06);bottom:calc(var(--s, calc(96 * var(--ku))) * .04);color:var(--km-good);font-size:calc(var(--s, calc(96 * var(--ku))) * .17)}.km-xf-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.km-xf-ring-c{fill:none;stroke:#d6ac608c;stroke-width:.25;vector-effect:non-scaling-stroke}.km-xf-ring-c.outer{stroke:#d6ac60bf;stroke-width:1.4}.km-xf-ring-c.faint{stroke:#d6ac602e;stroke-width:1}.km-xf-ring-ticks line{stroke:#d6ac6061;stroke-width:1;vector-effect:non-scaling-stroke}.km-xf-ring-link{stroke:#e6ba68cc;stroke-width:1.4;vector-effect:non-scaling-stroke}.km-xf-ring-dia{fill:#0c1636;stroke:#e6ba68e6;stroke-width:1.2;vector-effect:non-scaling-stroke}.km-xf-ring .km-xf-ring-c:not(.faint):not(.outer){stroke-width:1}.kaf-screen .km-body{position:relative}.kaf-rail{position:absolute;left:0;top:calc(30 * var(--ku));width:calc(270 * var(--ku))}.kaf-rail .km-sidenav-list .km-tab{width:100%}.kaf-rail .km-sidenav{gap:0}.kaf-rail .km-sidenav .km-tab+.km-tab{border-top:1px solid rgba(140,162,220,.12)}.kaf-view{position:absolute;left:calc(290 * var(--ku));right:0;top:0;bottom:0}.kaf-wait{position:absolute;inset:0;display:grid;place-items:center}.kaf-wait-text{color:var(--km-text-3);font-size:calc(24 * var(--ku))}.kaf-craft{position:absolute;inset:0}.kaf-slots{position:absolute;left:calc(10 * var(--ku));top:calc(26 * var(--ku));width:calc(500 * var(--ku));height:calc(560 * var(--ku));display:flex;flex-direction:column}.kaf-slots>.km-panel-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:calc(30 * var(--ku))}.kaf-slot-grid{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;row-gap:calc(34 * var(--ku))}.kaf-slot-grid .km-slot-caption{color:var(--km-text-2);margin-top:calc(4 * var(--ku))}.kaf-fav{display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--ku));color:var(--km-text-2);font-size:calc(21 * var(--ku))}.kaf-fav-star{color:#ffd26a;font-size:calc(26 * var(--ku))}.kaf-graph{position:absolute;left:calc(540 * var(--ku));top:calc(14 * var(--ku));width:calc(540 * var(--ku));height:calc(560 * var(--ku))}.kaf-ring{position:absolute;left:0;top:calc(10 * var(--ku));width:calc(540 * var(--ku));height:calc(540 * var(--ku));background:radial-gradient(circle at 50% 50%,rgba(70,110,200,.22),transparent 62%);border-radius:50%}.kaf-nodes{position:absolute;inset:0}.kaf-node{position:absolute;transform:translate(-50%,calc(-1 * var(--s) / 2));z-index:2}.kaf-node .km-slot{border-color:#e6ba68e6;box-shadow:0 0 0 1px #000000b3,0 0 0 calc(4 * var(--ku)) #080e22e6,inset 0 0 calc(14 * var(--ku)) #00000080}.kaf-node .km-slot-caption{font-size:calc(21 * var(--ku));white-space:nowrap;max-width:none;text-shadow:0 1px 3px #000}.kaf-node .km-slot-caption2{font-size:calc(20 * var(--ku));white-space:nowrap;max-width:none;line-height:1.15;text-shadow:0 1px 3px #000}.kaf-core{--c: #e7b45a;position:absolute;left:50%;top:47%;width:calc(170 * var(--ku));height:calc(170 * var(--ku));transform:translate(-50%,-50%);z-index:3;display:grid;place-items:center}.kaf-core-box{position:relative;display:grid;place-items:center;width:100%;height:100%;box-sizing:border-box;overflow:hidden;border:calc(3 * var(--ku)) solid var(--km-gold);border-radius:calc(3 * var(--ku));background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--c) 32%,transparent),transparent 70%),linear-gradient(160deg,#23315f,#0b1330);box-shadow:0 0 0 calc(2 * var(--ku)) #281804e6,0 0 0 calc(5 * var(--ku)) #e2b26059,0 0 calc(36 * var(--ku)) color-mix(in srgb,var(--c) 45%,transparent),inset 0 0 calc(18 * var(--ku)) #0000008c}.kaf-core-ghost{position:absolute;width:70%;height:70%;color:#a0b4e629}.kaf-core-q{position:relative;font-family:var(--km-display);font-size:calc(84 * var(--ku));font-weight:700;line-height:1;background:linear-gradient(180deg,#ffeab4,#e7b45a 60%,#a8702a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}.kaf-core-glow{position:absolute;inset:-30%;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,color-mix(in srgb,var(--c) 55%,transparent),transparent 62%);transition:opacity .2s}.kaf-core.revealing .kaf-core-glow{opacity:.75}.kaf-core.revealing .kaf-core-box{border-color:var(--c);cursor:pointer}.kaf-core.pulse .kaf-core-box{animation:kaf-pulse .26s ease-out}.kaf-core.hit .kaf-core-glow{opacity:.5;transition:opacity .9s}.kaf-core.settled .kaf-core-glow{opacity:0}.kaf-core-flash{position:absolute;bottom:calc(-40 * var(--ku));left:50%;transform:translate(-50%);white-space:nowrap;font-size:calc(24 * var(--ku));font-weight:700;color:var(--c);text-shadow:0 1px 4px #000}@keyframes kaf-pulse{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.kaf-core-item{--s: calc(170 * var(--ku)) !important;width:var(--s)}.kaf-core-item .km-slot{animation:kaf-land .32s cubic-bezier(.2,.9,.3,1.2)}@keyframes kaf-land{0%{transform:scale(.82);opacity:.4}}.kaf-core-name{position:absolute;left:50%;top:calc(47% + 95 * var(--ku));transform:translate(-50%);z-index:3;width:calc(330 * var(--ku));text-align:center;pointer-events:none}.kaf-core-title{--r: var(--km-common);font-size:calc(23 * var(--ku));font-weight:700;color:color-mix(in srgb,var(--r) 75%,white 25%);text-shadow:0 1px 4px #000;line-height:1.2}.kaf-core-title[data-rarity=uncommon]{--r: var(--km-uncommon)}.kaf-core-title[data-rarity=rare]{--r: var(--km-rare)}.kaf-core-title[data-rarity=epic]{--r: var(--km-epic)}.kaf-core-title[data-rarity=legendary]{--r: var(--km-legendary)}.kaf-core-sub{font-size:calc(19 * var(--ku));color:var(--km-text-2);text-shadow:0 1px 3px #000}.kaf-core-sub.good{color:var(--km-good)}.kaf-odds{position:absolute;left:calc(1110 * var(--ku));top:calc(26 * var(--ku));width:calc(480 * var(--ku));height:calc(560 * var(--ku));display:flex;flex-direction:column}.kaf-odds>.km-panel-body{flex:1;display:flex;flex-direction:column;justify-content:space-between}.kaf-odds .km-panel-title{font-size:calc(30 * var(--ku));color:var(--km-text);margin-bottom:calc(10 * var(--ku))}.kaf-odds-rows{display:flex;flex-direction:column;gap:calc(26 * var(--ku))}.kaf-odds .km-divider{margin:calc(4 * var(--ku)) 0}.kaf-pity-label{color:var(--km-text-2);font-size:calc(22 * var(--ku));margin-bottom:calc(-6 * var(--ku))}.kaf-pity .km-progress-track.segmented{height:calc(28 * var(--ku))}.kaf-venom .km-toggle-icon{border-radius:50%}.kaf-venom-range{margin-top:calc(-8 * var(--ku))}.kaf-actions{position:absolute;left:calc(400 * var(--ku));width:calc(820 * var(--ku));top:calc(620 * var(--ku));display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--ku))}.kaf-actions-row{display:flex;align-items:center;gap:calc(40 * var(--ku))}.kaf-craft-btn{min-width:calc(360 * var(--ku))}.kaf-x5-btn{min-width:calc(200 * var(--ku))}.kaf-sec-lg{text-transform:none!important;letter-spacing:0!important;font-weight:500}.kaf-reason{color:#ff9a8f;font-size:calc(20 * var(--ku))}.kaf-last{position:absolute;left:calc(230 * var(--ku));width:calc(1120 * var(--ku));top:calc(740 * var(--ku));height:calc(200 * var(--ku));box-sizing:border-box}.kaf-last>.km-panel-body{height:100%}.kaf-last-row{display:flex;align-items:flex-start;height:100%}.kaf-last-title{width:calc(170 * var(--ku));flex:none;font-size:calc(23 * var(--ku));color:var(--km-text-2)}.kaf-last-items{flex:1;display:flex;justify-content:center;gap:calc(52 * var(--ku));align-self:center;padding-right:calc(170 * var(--ku))}.kaf-last-items .km-slot-wrap{--s: calc(112 * var(--ku))}.kaf-sheet-card{display:flex;justify-content:center}.kaf-info{display:flex;flex-direction:column;gap:calc(14 * var(--ku))}.kaf-info-row{display:grid;grid-template-columns:calc(150 * var(--ku)) 1fr;gap:calc(16 * var(--ku));line-height:1.45}.kaf-info-row b{color:var(--km-gold-text);font-weight:500}.kaf-info-table{display:grid;grid-template-columns:1fr 1fr;gap:calc(4 * var(--ku)) calc(24 * var(--ku));margin-top:calc(6 * var(--ku));font-size:calc(19 * var(--ku));color:var(--km-text-3)}.kaf-sets{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;padding-top:calc(40 * var(--ku))}.kaf-set-card{width:calc(1180 * var(--ku))}.kaf-set-card>.km-panel-body{display:flex;flex-direction:column;gap:calc(34 * var(--ku));padding:calc(10 * var(--ku)) calc(20 * var(--ku))}.kaf-set-head{display:flex;align-items:center;gap:calc(28 * var(--ku))}.kaf-set-titles{flex:1;display:flex;flex-direction:column;gap:calc(14 * var(--ku))}.kaf-set-name{font-size:calc(34 * var(--ku));font-weight:500;color:var(--km-gold-text)}.kaf-set-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(4 * var(--ku));max-width:calc(560 * var(--ku))}.kaf-set-bar span{position:relative;height:calc(14 * var(--ku));background:#060a1ad9;border:1px solid rgba(140,162,220,.2)}.kaf-set-bar span.on{background:linear-gradient(180deg,#f6cf7a,#a87a2c);border-color:#ffe2a099}.kaf-set-bar span.mark:after{content:"";position:absolute;right:calc(-7 * var(--ku));top:50%;width:calc(10 * var(--ku));height:calc(10 * var(--ku));transform:translateY(-50%) rotate(45deg);background:var(--km-gold);border:1px solid #3a2207;z-index:1}.kaf-set-count{font-size:calc(46 * var(--ku));font-weight:700;color:var(--km-text)}.kaf-set-slots{display:flex;justify-content:space-between;padding:0 calc(40 * var(--ku))}.kaf-set-slots .km-slot-caption{color:var(--km-text-2);margin-top:calc(4 * var(--ku))}.kaf-ghost{border-style:dashed!important;border-color:#d6ac6066!important}.kaf-ghost:hover{border-color:var(--km-gold)!important}.kaf-set-bonuses{display:flex;flex-direction:column;gap:calc(14 * var(--ku))}.kaf-bonus{display:flex;gap:calc(22 * var(--ku));align-items:flex-start;padding:calc(16 * var(--ku)) calc(20 * var(--ku));border:1px solid var(--km-line);background:#060a1a73;color:var(--km-text-3)}.kaf-bonus-pc{position:relative;flex:none;display:grid;place-items:center;width:calc(54 * var(--ku));height:calc(54 * var(--ku));font-size:calc(22 * var(--ku));font-weight:700;line-height:1;z-index:0}.kaf-bonus-pc:before{content:"";position:absolute;inset:14%;z-index:-1;transform:rotate(45deg);border:1px solid rgba(140,162,220,.4);background:#121c42}.kaf-bonus-text{flex:1}.kaf-bonus-name{font-size:calc(24 * var(--ku));color:var(--km-text-2)}.kaf-bonus-status{margin-left:calc(14 * var(--ku));font-size:calc(19 * var(--ku));color:var(--km-text-3)}.kaf-bonus-desc{margin-top:calc(4 * var(--ku));font-size:calc(20 * var(--ku));line-height:1.4}.kaf-bonus.on{color:var(--km-text-2);border-color:#d6ac6073;background:linear-gradient(90deg,#5a401859,#060a1a73 60%)}.kaf-bonus.on .kaf-bonus-pc{color:#fff4d8}.kaf-bonus.on .kaf-bonus-pc:before{border-color:#f2cd84;background:linear-gradient(135deg,#a8742e,#5c3c14)}.kaf-bonus.on .kaf-bonus-name{color:var(--km-gold-text)}.kaf-bonus.on .kaf-bonus-status{color:var(--km-good)}.kaf-set-foot{display:flex;align-items:center;justify-content:center;gap:calc(40 * var(--ku));margin-top:calc(6 * var(--ku))}.kaf-set-sigils{display:flex;align-items:center;gap:calc(10 * var(--ku));margin-right:auto;font-size:calc(28 * var(--ku))}.kaf-set-sigil-img{width:calc(44 * var(--ku));height:calc(44 * var(--ku));border-radius:50%}.kaf-set-sigils-label{color:var(--km-text-2);font-size:calc(21 * var(--ku))}.kaf-set-foot>.km-btn:last-child{margin-right:auto}.kaf-convert{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(24 * var(--ku));margin-top:calc(18 * var(--ku))}.kfx-burst{position:absolute;left:50%;top:75px;width:0;height:0;pointer-events:none;z-index:4}.kfx-p{position:absolute;left:0;top:0;width:var(--s);height:var(--s);margin:calc(var(--s) / -2);border-radius:50%;background:var(--pc);box-shadow:0 0 6px var(--pc);opacity:0;animation:kfx-fly .95s cubic-bezier(.15,.7,.3,1) var(--d) forwards}@keyframes kfx-fly{0%{transform:translate(0) scale(1);opacity:.95}70%{opacity:.7}to{transform:translate(var(--dx),calc(var(--dy) + 30px)) scale(.4);opacity:0}}.kfx-wave{position:absolute;left:50%;top:75px;width:150px;height:150px;margin:-75px;border-radius:50%;border:2px solid var(--wc);opacity:.7;pointer-events:none;animation:kfx-wave .7s ease-out forwards;z-index:4}.kfx-wave.big{border-width:3px;animation-duration:.9s}@keyframes kfx-wave{0%{transform:scale(.5);opacity:.75}to{transform:scale(2.4);opacity:0}}.kaf-core .kfx-burst,.kaf-core .kfx-wave{top:50%}@media (prefers-reduced-motion: reduce){.kaf-core.pulse .kaf-core-box,.kaf-core-item .km-slot,.kfx-p,.kfx-wave{animation:none!important}.kfx-burst,.kfx-wave{display:none}}.ke-root{position:absolute;inset:0}.ke-center{position:absolute;left:0;right:calc(600 * var(--ku));top:0;bottom:0;display:flex;flex-direction:column;align-items:center;padding-top:calc(20 * var(--ku))}.ke-empty{margin-top:30vh;color:var(--km-text-2)}.ke-title{position:relative;z-index:2;display:flex;align-items:center;gap:calc(14 * var(--ku));font-size:calc(28 * var(--ku));font-weight:500;padding:calc(4 * var(--ku)) calc(22 * var(--ku));background:radial-gradient(ellipse 70% 100% at 50% 50%,rgba(6,12,32,.75),transparent)}.ke-name.km-r-uncommon{color:#9af0ad}.ke-name.km-r-rare{color:#9cc4ff}.ke-name.km-r-epic{color:#d9a8ff}.ke-name.km-r-legendary{color:#ffc27a}.ke-tag{font-size:calc(17 * var(--ku));padding:calc(3 * var(--ku)) calc(10 * var(--ku));color:var(--km-gold-text);border:1px solid var(--km-line-gold);background:#3c2c1473}.ke-graph{position:relative;flex:none;width:calc(760 * var(--ku));height:calc(530 * var(--ku));margin-top:calc(-30 * var(--ku))}.ke-ring{position:absolute;left:50%;top:calc(230 * var(--ku));border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.ke-ring-1{width:calc(460 * var(--ku));height:calc(460 * var(--ku));border:1px solid rgba(214,172,96,.38);box-shadow:0 0 calc(40 * var(--ku)) #d6ac6012 inset}.ke-ring-2{width:calc(340 * var(--ku));height:calc(340 * var(--ku));border:1px solid rgba(214,172,96,.22);background:radial-gradient(circle,rgba(70,100,180,.18),transparent 70%)}.ke-ring-pip{position:absolute;width:calc(16 * var(--ku));height:calc(16 * var(--ku));transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(214,172,96,.7);background:var(--km-bg-1);pointer-events:none}.ke-pip-n{left:50%;top:0}.ke-pip-s{left:50%;top:calc(460 * var(--ku))}.ke-pip-e{left:calc(610 * var(--ku));top:calc(230 * var(--ku))}.ke-pip-w{left:calc(150 * var(--ku));top:calc(230 * var(--ku))}.ke-lines{position:absolute;inset:0;pointer-events:none}.ke-lines svg{width:100%;height:100%}.ke-lines path{stroke:#d6ac608c;stroke-width:1.4;fill:none;vector-effect:non-scaling-stroke}.ke-item-node{position:absolute;left:50%;top:calc(230 * var(--ku));transform:translate(-50%,-50%);z-index:1}.ke-mat{position:absolute;top:calc(336 * var(--ku));transform:translate(-50%);z-index:1}.ke-mat-l{left:calc(190 * var(--ku))}.ke-mat-r{left:calc(570 * var(--ku))}.ke-mat .km-slot-caption{white-space:nowrap;max-width:none}.ke-odds{display:flex;align-items:center;gap:calc(18 * var(--ku));margin-top:calc(6 * var(--ku))}.ke-hide{visibility:hidden}.ke-bless{display:inline-flex;align-items:center;gap:calc(8 * var(--ku));padding:calc(4 * var(--ku)) calc(14 * var(--ku)) calc(4 * var(--ku)) calc(6 * var(--ku));border-radius:999px;cursor:pointer;font:500 calc(18 * var(--ku)) var(--km-font);color:var(--km-text-3);background:#05091699;border:1px solid var(--km-line)}.ke-bless.on{color:#ffe9a8;border-color:#ffe9a880;background:#46381480}.ke-bless-ico{width:calc(28 * var(--ku));height:calc(28 * var(--ku));border-radius:50%}.ke-bless:not(.on) .ke-bless-ico{filter:grayscale(1) brightness(.7)}.ke-res{width:calc(560 * var(--ku));margin-top:calc(16 * var(--ku))}.ke-diff{width:calc(620 * var(--ku));margin-top:calc(18 * var(--ku))}.ke-maxed{margin-top:calc(26 * var(--ku));color:var(--km-text-2)}.ke-actions{display:flex;align-items:center;gap:calc(30 * var(--ku));margin-top:calc(26 * var(--ku))}.ke-actions .km-btn-secondary{min-width:calc(250 * var(--ku));min-height:calc(76 * var(--ku))}.ke-go{min-width:calc(400 * var(--ku))}.km-icon-btn.ke-more{width:calc(62 * var(--ku));height:calc(62 * var(--ku));font-size:calc(30 * var(--ku))}.ke-reason{margin-top:calc(12 * var(--ku));font-size:calc(19 * var(--ku));color:var(--km-bad)}.ke-item-node.ke-pulse .km-slot{animation:ke-pulse .7s ease-out}.ke-item-node.ke-shake{animation:ke-shake .38s ease-in-out}@keyframes ke-pulse{0%{filter:brightness(1)}30%{filter:brightness(1.45);box-shadow:0 0 0 calc(4 * var(--ku)) var(--km-gold),0 0 calc(30 * var(--ku)) #f0be648c}to{filter:brightness(1)}}@keyframes ke-shake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 6px),-50%)}75%{transform:translate(calc(-50% + 6px),-50%)}}.ke-side{position:absolute;right:calc(28 * var(--ku));top:calc(22 * var(--ku));bottom:calc(64 * var(--ku));width:calc(545 * var(--ku));display:flex}.ke-side>.km-panel-body{flex:1;display:flex;flex-direction:column;min-height:0}.ke-side .km-tabs-text .km-tab{flex:1}.ke-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:calc(26 * var(--ku)) calc(20 * var(--ku));justify-items:center;align-content:start;margin-top:calc(26 * var(--ku));scrollbar-width:thin;scrollbar-color:rgba(140,162,220,.3) transparent}.ke-grid .km-slot-wrap{--s: calc(140 * var(--ku))}.ke-opt{padding:calc(14 * var(--ku)) 0;border-bottom:1px solid var(--km-line);text-align:left}.ke-opt:last-child{border-bottom:0}.ke-opt-title{font-size:calc(23 * var(--ku));color:var(--km-text)}.ke-opt-line{font-size:calc(19 * var(--ku));color:var(--km-text-2);margin-top:calc(4 * var(--ku))}.ke-opt-foot{display:flex;gap:calc(12 * var(--ku));justify-content:flex-end;margin-top:calc(8 * var(--ku))}.ke-opt-foot:empty{display:none}.ke-opt-row{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8 * var(--ku));margin-top:calc(8 * var(--ku))}.ke-opt-from{min-width:calc(170 * var(--ku));color:var(--km-text-2);font-size:calc(19 * var(--ku))}.kdg .km-body{position:relative}.kdg-tabs{position:absolute;left:calc(44 * var(--ku));right:calc(44 * var(--ku));top:calc(10 * var(--ku))}.kdg-view{position:absolute;inset:calc(92 * var(--ku)) calc(44 * var(--ku)) calc(34 * var(--ku))}.kdg-list{position:absolute;left:0;top:calc(24 * var(--ku));width:calc(310 * var(--ku))}.kdg-list .km-tab{width:100%;height:calc(76 * var(--ku));padding:0 calc(24 * var(--ku));font-size:calc(22 * var(--ku));white-space:nowrap}.kdg-list .km-tab-label{overflow:hidden;text-overflow:ellipsis}.kdg-cards{position:absolute;left:calc(340 * var(--ku));right:0;top:calc(24 * var(--ku));bottom:calc(150 * var(--ku));display:flex;gap:calc(22 * var(--ku))}.kdg-card{position:relative;flex:0 0 calc(430 * var(--ku));display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;overflow:hidden;padding:calc(18 * var(--ku)) calc(20 * var(--ku)) calc(20 * var(--ku));border:1px solid var(--km-line-hi);border-radius:var(--km-radius);background:linear-gradient(180deg,#0e1632f5,#080d20fa);box-shadow:0 calc(10 * var(--ku)) calc(30 * var(--ku)) #00000073;cursor:pointer}.kdg-card.selected{border:calc(2 * var(--ku)) solid rgba(222,178,98,.9);box-shadow:0 0 0 1px #503814cc,0 0 calc(22 * var(--ku)) #e6aa5038,0 calc(10 * var(--ku)) calc(30 * var(--ku)) #00000080;cursor:default}.kdg-card>*{position:relative;z-index:1}.kdg-art{position:absolute!important;z-index:0!important;left:0;right:0;top:calc(150 * var(--ku));bottom:calc(150 * var(--ku));background:var(--art) center / cover no-repeat,radial-gradient(ellipse at 50% 60%,#1f4a4a,#0a1430 75%)}.kdg-card.practice .kdg-art{background:var(--art) center / cover no-repeat,radial-gradient(ellipse at 50% 60%,#4a3a22,#0a1430 75%)}.kdg-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a1026,#0a102600 22% 62%,#090e22)}.kdg-card:not(.selected) .kdg-art{filter:saturate(.75) brightness(.8)}.kdg-name{margin:0 0 calc(10 * var(--ku));text-align:center;font-family:var(--km-display);font-weight:700;font-size:calc(28 * var(--ku));color:var(--km-text);letter-spacing:.02em;padding-bottom:calc(8 * var(--ku));border-bottom:1px solid var(--km-line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kdg-meta{display:flex;justify-content:space-between;align-items:flex-end;font-size:calc(19 * var(--ku));color:var(--km-text-2)}.kdg-key{color:var(--km-blue);font-weight:500}.kdg-best{font-size:calc(17 * var(--ku));color:var(--km-text-3)}.kdg-target{color:var(--km-good);font-weight:500}.kdg-step{display:flex;justify-content:center;margin-top:calc(12 * var(--ku))}.kdg-card:not(.selected) .kdg-step{visibility:hidden}.kdg-affixes{margin-top:auto;display:flex;justify-content:center;gap:calc(40 * var(--ku));min-height:calc(110 * var(--ku));align-items:flex-end}.kdg-affixes .km-round-caption{font-size:calc(18 * var(--ku));color:var(--km-text);text-shadow:0 1px 4px #000}.kdg-noaffix{font-size:calc(17 * var(--ku));color:var(--km-text-2);text-shadow:0 1px 4px #000;padding-bottom:calc(10 * var(--ku))}.kdg-rewards{display:flex;justify-content:center;gap:calc(10 * var(--ku));margin-top:calc(14 * var(--ku));min-height:calc(92 * var(--ku))}.kdg-reward{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--ku));width:calc(76 * var(--ku))}.kdg-reward .km-slot-wrap{--s: calc(70 * var(--ku))}.kdg-reward-label{font-size:calc(14 * var(--ku));color:var(--km-text-2);white-space:nowrap}.kdg-foot{display:flex;align-items:center;gap:calc(12 * var(--ku));margin-top:calc(14 * var(--ku))}.kdg-foot .km-btn{flex:1}.kdg-opts{flex:none}.kdg-weekly{position:absolute!important;left:calc(340 * var(--ku));right:0;bottom:0;height:calc(118 * var(--ku));box-sizing:border-box}.kdg-weekly .km-panel-body{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:calc(28 * var(--ku));height:100%;padding:calc(14 * var(--ku)) calc(28 * var(--ku));box-sizing:border-box}.kdg-weekly-head{display:flex;align-items:baseline;gap:calc(22 * var(--ku))}.kdg-weekly-title{font-family:var(--km-display);font-size:calc(26 * var(--ku))}.kdg-weekly-note{font-size:calc(18 * var(--ku));color:var(--km-text-2)}.kdg-weekly-bar{grid-column:1}.kdg-weekly-chest{grid-column:2;grid-row:1 / span 2;--s: calc(84 * var(--ku))}.kdg-opt-label{font-size:calc(18 * var(--ku));color:var(--km-text-2);margin-bottom:calc(8 * var(--ku))}.kdg-opt-tabs .km-tab{min-width:0;padding:0 calc(18 * var(--ku));font-size:calc(19 * var(--ku))}.kdg-opt-toggle{margin-top:calc(22 * var(--ku))}.kdg-opt-note{margin-top:calc(14 * var(--ku));font-size:calc(17 * var(--ku));color:var(--km-text-3)}.kdg-weekly-panel{position:absolute!important;left:50%;top:calc(24 * var(--ku));width:calc(1000 * var(--ku));max-width:100%;transform:translate(-50%)}.kdg-weekly-panel .km-panel-body{padding:calc(14 * var(--ku)) calc(34 * var(--ku)) calc(24 * var(--ku));display:flex;flex-direction:column}.kdg-wrow{display:flex;align-items:center;gap:calc(26 * var(--ku));padding:calc(20 * var(--ku)) 0;border-bottom:1px solid var(--km-line)}.kdg-wrow-icon{flex:none;display:grid;place-items:center;width:calc(64 * var(--ku));height:calc(64 * var(--ku));font-size:calc(46 * var(--ku));color:#c9a25e}.kdg-wrow.ready .kdg-wrow-icon{color:var(--km-gold-hi)}.kdg-wrow-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(10 * var(--ku))}.kdg-wrow-head{display:flex;justify-content:space-between;align-items:baseline;gap:calc(16 * var(--ku))}.kdg-wrow-title{font-size:calc(24 * var(--ku))}.kdg-wrow-status{font-size:calc(18 * var(--ku));color:var(--km-text-2)}.kdg-wrow.ready .kdg-wrow-status{color:var(--km-gold-text)}.kdg-lastvault{margin-top:calc(16 * var(--ku));font-size:calc(17 * var(--ku));color:var(--km-text-3)}.kdg-weekly-panel .km-btn{align-self:flex-start;margin-top:calc(16 * var(--ku))}.kdg-rank-panel{position:absolute!important;left:50%;top:calc(24 * var(--ku));width:calc(1000 * var(--ku));max-width:100%;transform:translate(-50%)}.kdg-rank-panel .km-panel-body{padding:calc(30 * var(--ku)) calc(44 * var(--ku));display:flex;flex-direction:column;gap:calc(26 * var(--ku))}.kdg-rank-top{display:flex;align-items:center;gap:calc(36 * var(--ku))}.kdg-rank-text{flex:1;display:flex;flex-direction:column;gap:calc(8 * var(--ku))}.kdg-rank-label{font-family:var(--km-display);font-size:calc(34 * var(--ku));color:var(--tier, var(--km-gold-text))}.kdg-rank-rating{font-size:calc(30 * var(--ku));font-weight:500}.kdg-rank-next{font-size:calc(18 * var(--ku));color:var(--km-text-2)}.kdg-ladder{display:flex;justify-content:space-between;padding:calc(18 * var(--ku)) calc(30 * var(--ku));border-top:1px solid var(--km-line);border-bottom:1px solid var(--km-line)}.kdg-ladder .km-crest-label{font-size:calc(18 * var(--ku))}.kdg-ladder .kdg-tier-done .km-crest-label{color:var(--tier)}.kdg-ladder .kdg-tier-locked{opacity:.5}.kdg-unlock{font-size:calc(20 * var(--ku));color:var(--km-gold-text)}.kdg-best-rows{display:flex;flex-direction:column;gap:calc(6 * var(--ku))}.kdg-best-row{display:flex;justify-content:space-between;font-size:calc(19 * var(--ku));color:var(--km-text-2);padding:calc(6 * var(--ku)) 0}.kdg-best-row .km-num{color:var(--km-text)}