:root{--obsidian:#101820;--jade:#38c6a5;--gold:#d9b66f;--blue:#59bfff;--red:#e76b72;--obsidian-2:#16212b;--obsidian-3:#1d2b37;--obsidian-4:#263847;--ink:#eaf1f0;--ink-dim:#aebcc0;--ink-mute:#7f9298;--jade-hi:#52d6b7;--gold-hi:#e6c98b;--jade-dim:#1f7f6b;--gold-dim:#8f7a4a;--blue-dim:#2f6e96;--red-dim:#9a4a50;--on-jade:#06241d;--on-gold:#2a1f08;--on-red:#2c0c10;--panel:#101820eb;--panel-solid:#101820;--scrim:#060a0e9e;--edge:#d9b66f8c;--edge-soft:#d9b66f3d;--edge-jade:#38c6a580;--hover:#38c6a524;--press:#38c6a542;--shadow-1:0 2px 8px #00000073;--shadow-2:0 6px 18px #00000080;--glow-jade:0 0 8px #38c6a566;--glow-gold:0 0 8px #d9b66f66;--glow-red:0 0 8px #e76b7273;--hud-violet:#a66bff;--hud-violet-soft:#a66bff59;--hud-navy:linear-gradient(180deg, #121a2cf0, #080c18f0);--hud-violet-panel:linear-gradient(180deg, #281e48f5, #0e1022f5);--hud-sheen:#ffecaa1a;--hud-ring:#060a14e6;--hud-mana-blue:#4f7dff;--ink-cool:#9aa4b8;--white:#fff;--inset-dark:#0009;--track:#ffffff26;--edge-bronze:#bea05a59;--knob-gold:#ffd76a;--knob-gold-edge:#8a6e2f;--knob-gold-glow:#ffd76a80;--gold-pale:#ffe9a0;--font-ui:"LXGW WenKai TC", "Noto Serif Variable", "Noto Serif", "Times New Roman", serif;--font-title:"Charm", "LXGW WenKai TC", "Noto Serif Variable", Georgia, serif;--fs-xs:11px;--fs-s:12px;--fs-m:13px;--fs-l:15px;--fs-xl:18px;--fs-2xl:24px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--r-s:4px;--r-m:8px;--r-l:14px;--z-hud:20;--z-panel:40;--z-tip:60;--z-modal:80;--z-toast:90;--t-fast:.12s;--t-base:.16s;--t-slow:.2s;--ease:cubic-bezier(.2, .7, .2, 1)}@media (prefers-reduced-motion:reduce){:root{--t-fast:1ms;--t-base:1ms;--t-slow:1ms}}.ux-panel{color:var(--ink);font:500 var(--fs-m) / 1.45 var(--font-ui);background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-m);box-shadow:var(--shadow-2)}.ux-panel__head{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--edge-soft);font:700 var(--fs-l) / 1.2 var(--font-title);letter-spacing:.5px;color:var(--gold);display:flex}.ux-panel__body{padding:var(--s3)}.ux-btn{justify-content:center;align-items:center;gap:var(--s1);min-height:32px;padding:0 var(--s3);border:1px solid var(--edge);border-radius:var(--r-s);background:var(--obsidian-3);color:var(--ink);font:700 var(--fs-s) / 1 var(--font-ui);letter-spacing:.4px;cursor:pointer;transition:transform var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);display:inline-flex}.ux-btn:hover{background:var(--obsidian-4);border-color:var(--gold)}.ux-btn:active{background:var(--press);transform:translateY(1px)}.ux-btn:focus-visible,.ux-slot:focus-visible,.ux-tab:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.ux-btn:disabled,.ux-btn[aria-disabled=true]{opacity:.45;cursor:default;background:var(--obsidian-2);border-color:var(--edge-soft);transform:none}.ux-btn--primary{background:var(--jade);border-color:var(--jade);color:var(--on-jade)}.ux-btn--primary:hover{background:var(--jade-hi);border-color:var(--jade-hi)}.ux-btn--gold{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.ux-btn--gold:hover{background:var(--gold-hi);border-color:var(--gold-hi)}.ux-btn--danger{border-color:var(--red);color:var(--red);background:0 0}.ux-btn--danger:hover{background:var(--red-dim);color:var(--ink)}.ux-btn--ghost{color:var(--ink-dim);background:0 0;border-color:#0000}.ux-chip{align-items:center;gap:var(--s1);padding:2px var(--s2);border:1px solid var(--edge-soft);background:var(--obsidian-2);color:var(--ink-dim);font:700 var(--fs-xs) / 1.4 var(--font-ui);letter-spacing:.4px;border-radius:999px;display:inline-flex}.ux-chip--jade{color:var(--jade);border-color:var(--edge-jade)}.ux-chip--gold{color:var(--gold);border-color:var(--edge)}.ux-chip--blue{color:var(--blue);border-color:var(--blue-dim)}.ux-chip--red{color:var(--red);border-color:var(--red-dim)}.ux-badge{background:var(--red);min-width:18px;color:var(--on-red);font:800 var(--fs-xs) / 18px var(--font-ui);text-align:center;border-radius:9px;padding:0 5px;display:inline-block}.ux-bar{background:var(--obsidian-2);border:1px solid var(--edge-soft);border-radius:4px;height:8px;position:relative;overflow:hidden}.ux-bar>i{background:var(--jade);transform-origin:0;transform:scaleX(var(--v,0));transition:transform var(--t-base) linear;position:absolute;inset:0}.ux-bar--hp>i{background:var(--red)}.ux-bar--mp>i{background:var(--blue)}.ux-bar--xp>i{background:var(--gold)}.ux-tip{z-index:var(--z-tip);max-width:260px;padding:var(--s2) var(--s3);border:1px solid var(--edge);border-radius:var(--r-s);background:var(--panel-solid);color:var(--ink);font:500 var(--fs-s) / 1.45 var(--font-ui);box-shadow:var(--shadow-1);pointer-events:none;opacity:0;transition:opacity var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);position:absolute;transform:translateY(2px)}.ux-tip.show{opacity:1;transform:none}.ux-tip b{color:var(--gold);font-size:var(--fs-m);display:block}.ux-modal{z-index:var(--z-modal);background:var(--scrim);opacity:0;visibility:hidden;transition:opacity var(--t-slow) var(--ease), visibility 0s linear var(--t-slow);place-items:center;display:grid;position:fixed;inset:0}.ux-modal.show{opacity:1;visibility:visible;transition:opacity var(--t-slow) var(--ease)}.ux-modal>.ux-panel{width:min(560px,92vw);max-height:86vh;transition:transform var(--t-slow) var(--ease);overflow:auto;transform:translateY(6px)}.ux-modal.show>.ux-panel{transform:none}.ux-tabs{gap:var(--s1);border-bottom:1px solid var(--edge-soft);display:flex}.ux-tab{padding:var(--s2) var(--s3);color:var(--ink-dim);font:700 var(--fs-s) / 1 var(--font-ui);cursor:pointer;transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;border:0;border-bottom:2px solid #0000}.ux-tab:hover{color:var(--ink)}.ux-tab[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}.ux-slot{border:1px solid var(--edge-soft);border-radius:var(--r-s);background:var(--obsidian-2);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);place-items:center;display:grid;position:relative}.ux-slot:hover{border-color:var(--gold);background:var(--obsidian-3)}.ux-slot[aria-pressed=true],.ux-slot.sel{border-color:var(--jade);box-shadow:var(--glow-jade)}.ux-slot:disabled,.ux-slot.locked{opacity:.45;cursor:default}.ux-title{font:700 var(--fs-xl) / 1.2 var(--font-title);color:var(--gold);letter-spacing:.5px}.ux-num{font-variant-numeric:tabular-nums}.ux-dim{color:var(--ink-dim)}.ux-row{align-items:center;gap:var(--s2);display:flex}.ux-stack{gap:var(--s2);flex-direction:column;display:flex}.ux-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ux-panel{background:linear-gradient(145deg, var(--obsidian-2), var(--panel-solid) 75%);box-shadow:inset 0 1px 0 var(--hud-sheen), var(--shadow-2)}.ux-panel__head{background:linear-gradient(90deg, var(--hud-sheen), transparent);padding-block:var(--s3)}.ux-btn:not(:disabled):not([aria-disabled=true]){box-shadow:inset 0 1px 0 var(--hud-sheen)}.ux-panel__body{scrollbar-color:var(--gold-dim) var(--obsidian-2);scrollbar-width:thin}#quest-panel{color:#eee6cd;pointer-events:auto;background:#132c35e8;border:1px solid #ad9658;border-radius:8px;max-width:300px;padding:10px 12px;font-size:12px;position:absolute;top:70px;left:16px}#quest-panel[hidden]{display:none}#quest-panel strong{color:#f0d58a;margin-bottom:5px;display:block}#quest-panel button{color:#fff0c3;cursor:pointer;background:#284653;border:1px solid #917742;border-radius:4px;margin:7px 5px 3px 0;padding:5px 8px}#quest-panel button:disabled{opacity:.45;cursor:default}:root{--edge-blue:#7fd4ff}*{box-sizing:border-box;scrollbar-color:#d6b263c7 #081219b8;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:linear-gradient(90deg,#050d14e6,#102226d9);border:1px solid #a8894b40;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(#d8bd79,#8c784a 52%,#4f9b8c);border:2px solid #081219db;border-radius:10px;min-height:28px;box-shadow:inset 0 0 0 1px #ffefb940}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#f2d994,#b49252 52%,#62b8a7)}html,body{color:#e8f0ff;height:100%;font-family:var(--font-ui);-webkit-user-select:none;user-select:none;touch-action:none;background:#0b1020;margin:0;overflow:hidden}#app,#app canvas{display:block;position:fixed;inset:0}#bars,#hud{pointer-events:none;position:fixed;inset:0}#stats{white-space:nowrap;font-variant-numeric:tabular-nums;background:linear-gradient(#141a2cd1,#060a14d1);border:1px solid #bea05a8c;border-radius:999px;align-items:stretch;font-size:13px;display:flex;position:absolute;top:8px;right:10px;overflow:hidden;box-shadow:0 2px 8px #00000073,inset 0 1px #ffecaa1f}#stats .st{align-items:baseline;gap:6px;padding:4px 12px;display:inline-flex}#stats .lbl{letter-spacing:.08em;color:#a9b4c8;font-size:10px;font-style:normal;font-weight:600}#stats b{color:#fff;font-weight:700}#stats .gold{align-items:center}#stats .gem{background:linear-gradient(135deg,#fff2b8,#e2b255 55%,#9a6a1e);border-radius:1px;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 5px #f0c864b3}#toast{text-align:center;text-shadow:0 0 6px #000,0 0 2px #000;opacity:0;padding:0 16px;font-size:22px;font-weight:700;transition:opacity .4s;position:absolute;top:64px;left:0;right:0}#toast.show{opacity:1}#bottom{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#skills{gap:10px;display:flex}#sect-passive-badge{border:1px solid var(--sect-passive-color,#9ab6ee);color:#e5ebf5;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;opacity:.66;background:#091120d6;border-radius:999px;width:max-content;max-width:min(70vw,330px);padding:4px 12px;font-size:11px;font-weight:600;transition:opacity .18s,box-shadow .18s;position:absolute;top:-31px;left:50%;overflow:hidden;transform:translate(-50%);display:none!important}#sect-passive-badge[hidden]{display:none}#sect-passive-badge.active{opacity:1;box-shadow:0 0 12px var(--sect-passive-color,#9ab6ee)}.skill{pointer-events:auto;border:2px solid var(--edge-blue);text-align:center;background:#101a33d9;border-radius:10px;width:64px;height:64px;font-size:11px;position:relative;overflow:hidden}.skill.has-icon{background-color:#1a1f30;background-position:50%;background-size:cover}.skill.has-icon .name{display:none}.skill.has-icon .key{background:#060a14d1;border-radius:0 0 6px;min-width:18px;padding:0 4px;font-size:13px;line-height:18px;top:0;left:0}.skill{transition:filter .2s}.skill .key{color:var(--gold);font-size:15px;font-weight:700;position:absolute;top:2px;left:6px}.skill .name{position:absolute;bottom:3px;left:0;right:0}.skill .cd{background:#000000b3;justify-content:center;align-items:center;font-size:19px;font-weight:700;display:none;position:absolute;inset:0}.skill.cooling .cd{display:flex}.skill .lock,.tskill .lock{pointer-events:none;filter:drop-shadow(0 0 4px #ffce6ecc);background-position:50%;background-repeat:no-repeat;background-size:contain;width:74%;height:74%;animation:3.6s ease-in-out infinite lockGlow;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill.locked .lock,.tskill.locked .lock{display:block}.skill.locked .cd,.tskill.locked .cdfill{background:#05091280}@keyframes lockGlow{0%,to{opacity:.9;filter:drop-shadow(0 0 3px #ffc8648c)}50%{opacity:1;filter:drop-shadow(0 0 10px #ffe296f2)}}.skill.fly{background:radial-gradient(circle at 50% 40%,#2b5a78 0%,#14263d 70%);border-color:#5fb8d8;align-self:flex-end;width:54px;height:54px;margin-left:6px}.skill.fly .key{text-align:center;color:#cfeaff;text-shadow:0 1px 2px #000000e6;background:#030a149e;border-radius:3px 3px 3px 0;min-width:13px;padding:0 3px;font-size:11px;line-height:13px;top:2px;left:3px}.skill.fly .name{text-align:center;overflow-wrap:anywhere;color:#e2f5ff;text-shadow:0 1px 2px #000000e6,0 0 6px #50b4dc66;justify-content:center;align-items:center;font-size:9px;font-weight:600;line-height:10.5px;display:flex;inset:15px 3px 7px}.skill.fly .flybar{background:#000000a6;height:6px;position:absolute;bottom:0;left:0;right:0}.skill.fly .flybar i{background:linear-gradient(90deg,#4fc3f7,#b3ecff);width:100%;height:100%;display:block}.skill.fly.cooling .flybar i{background:#3a7894}.skill.fly.ready{box-shadow:0 0 10px #78dcff8c}.skill.fly.flying{filter:brightness(1.3)}.skill.fly .cd{padding-bottom:6px;font-size:16px}.skill.med{background:radial-gradient(circle at 50% 40%,#2a5a4a 0%,#12302a 70%);border-color:#8fd8a0;align-self:flex-end;width:54px;height:54px;margin-left:4px}.skill.med .name{color:#c8f5d4;font-size:10px;bottom:9px}.skill.med.on{filter:brightness(1.25);box-shadow:0 0 12px #8cf0b4b3}.skill.med .cd{font-size:16px}.bar{background:#222;border:1px solid #000;border-radius:8px;width:340px;max-width:calc(100vw - 32px);height:18px;position:relative;overflow:hidden}.bar.thin{border-radius:3px;height:5px}.bar .fill{background:linear-gradient(#5f5,#2a2);width:100%;height:100%}#manatext{text-shadow:0 0 3px #000;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex;position:absolute;inset:0}#xptext{color:#f4ecff;text-shadow:0 0 3px #000,0 0 2px #000;white-space:nowrap;justify-content:center;align-items:center;font-size:9.5px;line-height:1;display:flex;position:absolute;inset:0}#hptext{text-shadow:0 0 3px #000;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex;position:absolute;inset:0}.panel{background:var(--panel);border-radius:8px;padding:9px 11px;font-size:12px;line-height:1.6;position:absolute;bottom:10px}#help{opacity:.95;font-size:10.5px;line-height:1.4;left:10px}#help:not(.collapsed){pointer-events:auto;cursor:pointer}#helptitle{pointer-events:auto;cursor:pointer;letter-spacing:.04em;font-size:10.5px;display:block}#shop{font-size:13px;display:none;right:10px}#shop b{color:var(--gold)}#end{pointer-events:auto;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:none;position:absolute;inset:0}#endtext{color:var(--gold);text-align:center;font-size:44px;font-weight:800}#end button{cursor:pointer;border:0;border-radius:8px;padding:10px 28px;font-size:18px}html.vw900 #help{display:none}html.vw900 #stats{font-size:12px}html.vw900 #stats .st{padding:3px 9px}.skill.passive{border-color:#6b5aa8;border-radius:8px;align-self:flex-end;width:46px;height:46px}.skill.passive .name{color:#cbb8ff;font-size:10px;bottom:14px}#deathveil{pointer-events:none;opacity:0;background:radial-gradient(#10182029 0%,#04060ecc 100%);justify-content:center;align-items:flex-start;padding-top:7vh;transition:opacity .7s;display:flex;position:fixed;inset:0}#deathveil.on{opacity:1}#deathbox{text-align:center;text-shadow:0 2px 14px #000c}#deathlabel{color:#d9c9a0;letter-spacing:.32em;font-size:18px;font-weight:700}#deathcount{color:#fff;font-variant-numeric:tabular-nums;font-size:84px;font-weight:800;line-height:1.05}#bottom.dead #skills,#bottom.dead #portrait{filter:grayscale()brightness(.55)}#audiobtns{pointer-events:auto;gap:6px;display:flex;position:absolute;top:46px;right:10px}#audiobtns button{color:#e9dcb4;cursor:pointer;background:#060a14b3;border:1px solid #bea05a80;border-radius:6px;width:30px;height:30px;padding:5px}#audiobtns button:hover{background:#1e2846e6}#audiobtns button[data-key]{position:relative}#audiobtns button[data-key]:before{content:attr(data-key);font:700 9px/1 var(--font-ui);color:#e9dcb4;opacity:.75;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}#audiobtns svg{width:100%;height:100%;display:block}#portrait{aspect-ratio:1;pointer-events:auto;background:#1a1f30;border:3px solid #b8964a;border-radius:50%;position:absolute;top:0;bottom:0;right:calc(100% + 12px);box-shadow:0 0 0 2px #060a14e6,0 3px 10px #0009}#portrait img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}html.vw700 #portrait{border-width:2px}.skill.aiming{border-color:#ffd76a;box-shadow:0 0 10px 2px #ffd76ab3}html,body{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='32'%20height='32'%3e%3cdefs%3e%3cfilter%20id='sh'%20x='-30%25'%20y='-30%25'%20width='160%25'%20height='160%25'%3e%3cfeDropShadow%20dx='0.8'%20dy='1.4'%20stdDeviation='0.9'%20flood-color='%23000'%20flood-opacity='0.55'/%3e%3c/filter%3e%3clinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%2322345a'/%3e%3cstop%20offset='1'%20stop-color='%230b1426'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20filter='url(%23sh)'%3e%3cpath%20d='M3.5%202.5%20L3.5%2024.5%20L9.2%2019%20L13.6%2028.4%20L17.6%2026.5%20L13.2%2017.3%20L21.4%2017.3%20Z'%20fill='url(%23g)'%20stroke='%23d8b45a'%20stroke-width='1.6'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.4%206.8%20L5.4%2020.6%20L9.4%2016.8'%20fill='none'%20stroke='%23fff3c4'%20stroke-opacity='0.45'%20stroke-width='0.9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3ccircle%20cx='5.9'%20cy='5.1'%20r='0.9'%20fill='%23ffe9a8'/%3e%3c/g%3e%3c/svg%3e") 3 2,auto}button,.skill,#portrait,#helptitle,#restart,#audiobtns button{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='32'%20height='32'%3e%3cdefs%3e%3cfilter%20id='sh'%20x='-30%25'%20y='-30%25'%20width='160%25'%20height='160%25'%3e%3cfeDropShadow%20dx='0.8'%20dy='1.4'%20stdDeviation='0.9'%20flood-color='%23000'%20flood-opacity='0.55'/%3e%3c/filter%3e%3clinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%2322345a'/%3e%3cstop%20offset='1'%20stop-color='%230b1426'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20filter='url(%23sh)'%3e%3cpath%20d='M3.5%202.5%20L3.5%2024.5%20L9.2%2019%20L13.6%2028.4%20L17.6%2026.5%20L13.2%2017.3%20L21.4%2017.3%20Z'%20fill='url(%23g)'%20stroke='%23d8b45a'%20stroke-width='1.6'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.4%206.8%20L5.4%2020.6%20L9.4%2016.8'%20fill='none'%20stroke='%23fff3c4'%20stroke-opacity='0.45'%20stroke-width='0.9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3ccircle%20cx='5.9'%20cy='5.1'%20r='0.9'%20fill='%23ffe9a8'/%3e%3c/g%3e%3c/svg%3e") 3 2,auto!important}#minimap{pointer-events:auto;background:#060a14e0;border:2px solid #b8964a;border-radius:6px;padding:3px;line-height:0;position:absolute;bottom:10px;right:10px;box-shadow:0 3px 12px #0009}#minimap canvas{border-radius:3px;display:block}#minimap .mm-coord{font:700 12px/1.3 var(--font-ui);letter-spacing:.5px;color:#ffe9a8;text-shadow:0 1px 2px #000,0 0 4px #000;pointer-events:none;font-variant-numeric:tabular-nums;background:#060a148c;border-radius:3px;padding:1px 5px;position:absolute;bottom:6px;left:7px}#minimap .mm-goto{box-sizing:border-box;line-height:1;font:700 12px var(--font-ui);color:#ffe9a8;background:#060a14e0;border:1px solid #b8964a;border-radius:6px;align-items:center;gap:4px;padding:4px 6px;display:flex;position:absolute;bottom:calc(100% + 6px);left:-2px;right:-2px}#minimap .mm-goto span{white-space:nowrap;flex:none}#minimap .mm-goto input{box-sizing:border-box;min-width:0;font:600 12px var(--font-ui);color:#fff;-moz-appearance:textfield;background:#ffffff14;border:1px solid #b8964a99;border-radius:3px;flex:1 1 0;padding:3px 4px}#minimap .mm-goto input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#minimap .mm-goto input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#minimap .mm-goto button{font:700 12px var(--font-ui);color:#1a1206;cursor:pointer;background:linear-gradient(#ffe39a,#d9a94a);border:none;border-radius:3px;flex:none;padding:3px 9px}#minimap .mm-goto-msg{white-space:nowrap;color:#ffd2c0;background:#3c0a0ae6;border-radius:3px;padding:3px 6px;display:none;position:absolute;bottom:calc(100% + 4px);right:0}#shop{bottom:178px}html.vw700 #minimap{display:none}html.vw700 #shop{bottom:10px}html.openworld #shop{bottom:232px}html.vw700.openworld #shop{bottom:10px}html.rotated body{width:var(--vw);height:var(--vh);transform-origin:0 0;transform:translateX(var(--sw)) rotate(90deg);position:fixed;top:0;left:0}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#shop{pointer-events:auto}.shopbtn{color:#e9edf8;width:100%;font:inherit;text-align:left;cursor:pointer;background:#1e2846b3;border:1px solid #bea05a73;border-radius:5px;margin-top:4px;padding:5px 8px;display:block}.shopbtn:active{background:#3c5082d9}#touchui{pointer-events:none;touch-action:none;display:none;position:absolute;inset:0}html.touch #touchui{display:block}#joy-zone{pointer-events:auto;touch-action:none;width:46%;height:74%;position:absolute;bottom:0;left:0}#joy-base{opacity:.55;background:radial-gradient(circle,#ffffff1a,#ffffff0a);border:2px solid #ffffff59;border-radius:50%;width:124px;height:124px;margin:-62px 0 0 -62px;transition:opacity .12s;position:absolute;top:calc(100% - 104px);left:104px}#joy-base.active{opacity:1;border-color:#ffd76acc}#joy-knob{background:radial-gradient(circle at 35% 30%,#fff4c88c,#b8964a80);border:2px solid #ffd76ad9;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}#tbtns{pointer-events:none;width:320px;height:300px;position:absolute;bottom:0;right:0}.tbtn{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:inherit;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.tattack{color:#fff3d6;background:radial-gradient(circle at 35% 30%,#b0382e,#5a1410);border:3px solid #e0b858;width:98px;height:98px;box-shadow:0 3px 12px #0009}.tattack svg{fill:none;stroke:currentColor;stroke-width:2.4px;width:56%;height:56%}.tattack.down{filter:brightness(1.25);transform:translate(-50%,-50%)scale(.94)}.tattack.dead{filter:grayscale()brightness(.6)}.tskill{background:#1a1f30;border:2.5px solid #d3b160;width:66px;height:66px;overflow:hidden;box-shadow:0 2px 8px #0009}.tskill img{object-fit:cover;pointer-events:none;width:100%;height:100%}.tskill .cdfill{border-radius:50%;position:absolute;inset:0}.tskill .cdnum{color:#fff;text-shadow:0 0 4px #000,0 0 2px #000;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;position:absolute;inset:0}.tskill .tkey{display:none}.tskill.cooling img{filter:grayscale(.85)brightness(.8)}.tskill.nomana img{filter:brightness(.55)saturate(.7)}.tskill.down{border-color:#ffe08a;transform:translate(-50%,-50%)scale(1.14);box-shadow:0 0 14px 3px #ffd76abf}html.touch #help,html.touch #skills{display:none!important}html.touch #minimap{display:block;inset:8px auto auto 8px}html.touch #minimap .mm-goto{top:calc(100% + 6px);bottom:auto}html.touch #minimap .mm-goto-msg{top:calc(100% + 4px);bottom:auto}html.touch #minimap canvas{width:190px!important;height:auto!important}html.touch.vw700 #minimap canvas{width:150px!important}html.touch #bottom{bottom:8px}html.touch #bottom .bar{width:230px;height:17px}html.touch #bottom #hptext{font-size:11px}html.touch #bottom .bar.mana{height:13px}html.touch #bottom #manatext{font-size:9px}html.touch #bottom .bar.thin{height:4px}html.touch #bottom .bar.xpbar{height:10px}html.touch #shop{max-width:230px;font-size:12px;inset:96px auto auto 8px}html.touch #audiobtns{top:46px}html.touch #audiobtns button{width:38px;height:38px}#t-cancel{color:#ff9a92;opacity:0;pointer-events:none;background:#280a0eb3;border:3px solid #ffffffbf;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;transition:opacity .1s,transform .1s;display:flex;position:absolute;top:-34px;left:128px;transform:scale(.8)}#t-cancel.show{opacity:1;transform:scale(1)}#t-cancel.hot{color:#fff;background:#c82828eb;border-color:#fff;transform:scale(1.16)}#t-cancel svg{fill:none;stroke:currentColor;stroke-width:3px;width:52%;height:52%}.tattack.auto{box-shadow:0 0 0 3px #ffd76a8c,0 0 16px 4px #ffc8508c}html.touch #minimap{transform-origin:0 0;transition:transform .12s ease-out}html.touch #minimap.pressed{transform:scale(1.22)}#splash{z-index:10000;background:#0b1020;transition:opacity .9s .15s;position:absolute;inset:0;overflow:hidden}#splash.hide{opacity:0;pointer-events:none}#splash.hide #splash-img{filter:brightness(1.15);transform:scale(1.12)}#splash.hide #splash-bottom{opacity:0;transform:translate(-50%,14px)}#splash-img{transition:transform 1.05s cubic-bezier(.2,.7,.3,1),filter 1.05s}#splash-bottom{transition:opacity .35s,transform .45s}#hud.enter{animation:.9s both hud-enter}@keyframes hud-enter{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}#splash-img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#splash{--p:0;--gold:#e2be6c;--jade:#5fd4b4;container-type:size}#splash:after{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#060a1600 45%,#03060e9e 100%),linear-gradient(#04081200 52%,#0408128c 74%,#040812e6 100%);position:absolute;inset:0}#splash:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(40% 14% at 20% 78%,#dcf0ff3d,#0000 70%),radial-gradient(46% 12% at 74% 86%,#c8ebf533,#0000 70%),radial-gradient(34% 10% at 52% 68%,#fff4d61a,#0000 70%);animation:26s ease-in-out infinite alternate splash-mist;position:absolute;inset:-10%}@keyframes splash-mist{0%{transform:translate(-4%)}to{transform:translate(5%)}}.splash-sparks{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.splash-sparks .sp{bottom:-10px;left:var(--x);width:var(--s);height:var(--s);opacity:0;animation:splash-rise var(--d) linear var(--t) infinite;background:#c9fbe9;border-radius:50%;position:absolute;box-shadow:0 0 8px 2px #7fe3c6cc}@keyframes splash-rise{0%{opacity:0;transform:translate(0)}12%{opacity:.9}to{transform:translate(var(--dx,20px), -78vh);opacity:0}}#splash-bottom{z-index:3;text-align:center;width:min(88%,980px);position:absolute;bottom:max(12px,3cqmin);left:50%;transform:translate(-50%)}#splash-ring{width:clamp(124px,24cqmin,320px);height:clamp(124px,24cqmin,320px);margin:0 auto 1.6cqmin;position:relative}.sr-rays{pointer-events:none;background:repeating-conic-gradient(#ffe8a033 0deg 3deg,#0000 3deg 15deg);border-radius:50%;width:420%;height:420%;margin:-210% 0 0 -210%;animation:140s linear infinite sr-spin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 4%,#0000 38%);mask:radial-gradient(circle,#000 4%,#0000 38%)}.sr-glow{background:radial-gradient(circle,#5fd4b457 0%,#e2be6c24 45%,#0000 70%);border-radius:50%;animation:2.6s ease-in-out infinite sr-pulse;position:absolute;inset:-22%}@keyframes sr-pulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.sr-ticks{width:100%;height:100%;animation:48s linear infinite sr-spin;position:absolute;inset:0}.sr-ticks.rev{opacity:.8;width:86%;height:86%;animation-duration:36s;animation-direction:reverse;inset:7%}@keyframes sr-spin{to{transform:rotate(360deg)}}.sr-prog{background:conic-gradient(from 0deg, #2fb797 0%, #9fe8c8 calc(var(--p) * 0.55%), #f6dc8e calc(var(--p) * 1%), #ffffff1a calc(var(--p) * 1%));filter:drop-shadow(0 0 5px #f6dc8ea6);border-radius:50%;position:absolute;inset:13%;-webkit-mask:radial-gradient(circle,#0000 0 62%,#000 64%);mask:radial-gradient(circle,#0000 0 62%,#000 64%)}.sr-head{transform:rotate(calc(var(--p) * 3.6deg));position:absolute;inset:13%}.sr-head:before{content:"";background:#fff6d2;border-radius:50%;width:max(9px,1.5cqmin);height:max(9px,1.5cqmin);margin-left:calc(max(9px,1.5cqmin)/-2);position:absolute;top:-.6cqmin;left:50%;box-shadow:0 0 10px 3px #ffe08cf2,0 0 20px 6px #5fd4b499}.sr-core{background:radial-gradient(circle at 50% 35%,#16303c 0%,#080f1c 72%);border:1px solid #e2be6cb3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:20.5%;overflow:hidden;box-shadow:inset 0 0 14px #000c,0 0 12px #e2be6c40}.sr-core:before{content:"Đạo";font:normal 800 clamp(30px, 7cqmin, 80px) / 1 var(--font-ui);color:#e2be6c1a;position:absolute}#splash-pct{font-family:var(--font-title);letter-spacing:.02em;background:linear-gradient(#fff3c4,#e2be6c 60%,#b98a32);color:#0000;filter:drop-shadow(0 1px 3px #000c);-webkit-background-clip:text;background-clip:text;font-size:clamp(22px,5.4cqmin,66px);font-weight:700;position:relative}#splash.done .sr-core{animation:.9s ease-out sr-burst}#splash.done .sr-prog{filter:drop-shadow(0 0 10px #ffe08cf2);background:conic-gradient(#9fe8c8,#f6dc8e,#fff3c4,#f6dc8e,#9fe8c8)}@keyframes sr-burst{0%{box-shadow:0 0 #ffe08cf2,inset 0 0 14px #000c}to{box-shadow:0 0 0 26px #ffe08c00,inset 0 0 14px #000c}}#splash-label{letter-spacing:.22em;color:#fff1c8;text-shadow:0 1px 4px #000,0 0 10px #5fd4b48c;margin-bottom:1.4cqmin;font-size:clamp(14px,2.5cqmin,28px);font-weight:700}#splash-track{background:#040a14cc;border:1px solid #e2be6cbf;border-radius:4px 9px;width:min(100%,860px);height:clamp(8px,1.3cqmin,16px);margin:0 auto;position:relative;box-shadow:0 2px 10px #0009,inset 0 0 6px #000c}#splash-track:before,#splash-track:after{content:"";background:linear-gradient(135deg,#fff3c4,#c8912e);width:max(9px,1.5cqmin);height:max(9px,1.5cqmin);margin-top:calc(max(9px,1.5cqmin)/-2);position:absolute;top:50%;transform:rotate(45deg);box-shadow:0 0 8px #e2be6ccc}#splash-track:before{left:calc(max(9px,1.5cqmin)/-1.4)}#splash-track:after{right:calc(max(9px,1.5cqmin)/-1.4)}#splash-fill{border-radius:inherit;background:linear-gradient(90deg,#2fb797,#9fe8c8 55%,#f6dc8e);width:0;height:100%;position:relative;box-shadow:0 0 10px #f6dc8eb3}#splash-fill:before{content:"";filter:drop-shadow(0 0 6px #ffe08cf2);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='0'><stop offset='0' stop-color='%23b98a32'/><stop offset='.35' stop-color='%23fff3c4'/><stop offset='1' stop-color='%23ffffff'/></linearGradient></defs><path d='M2 12h8l2-4h4l-1 4h2l26 2-26 2h-2l1 4h-4l-2-4H2z' fill='url(%23g)' stroke='%23e2be6c' stroke-width='.8'/></svg>") 50%/contain no-repeat;width:max(28px,5cqmin);height:max(14px,2.5cqmin);margin-top:calc(max(14px,2.5cqmin)/-2);position:absolute;top:50%;right:calc(max(28px,5cqmin)/-2)}#splash-fill:after{content:"";border-radius:inherit;background:linear-gradient(105deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/200% 100%;animation:1.5s linear infinite splash-shine;position:absolute;inset:0}@keyframes splash-shine{0%{background-position:150% 0}to{background-position:-50% 0}}#splash-tip{color:#ecf4ffe6;letter-spacing:.03em;text-shadow:0 1px 3px #000;min-height:1.2em;margin-top:1.5cqmin;font-size:clamp(12px,1.9cqmin,20px);font-style:italic;transition:opacity .4s}#splash.fail #splash-label{color:#ff9a8a}@media (prefers-reduced-motion:reduce){#splash:before,.sr-glow,.sr-rays,.sr-ticks,.splash-sparks .sp,#splash-fill:after{animation:none}}#menu{z-index:9000;background:#0b1020;transition:opacity .7s;position:absolute;inset:0;overflow:hidden}#menu.hide{opacity:0;pointer-events:none}#menu-img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.3,1);animation:24s ease-in-out infinite alternate menu-drift;position:absolute;inset:0}@keyframes menu-drift{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.09)translate(-1.2%,-.8%)}}#menu.hide #menu-img{animation:none;transform:scale(1.25)}#menu:after{content:"";pointer-events:none;background:radial-gradient(at 50% 60%,#060a160d,#060a168c 100%),linear-gradient(#060a1600 55%,#060a16b3);position:absolute;inset:0}#menu-box{z-index:1;text-align:center;opacity:0;flex-direction:column;align-items:center;gap:14px;animation:.9s .2s forwards menu-in;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}@keyframes menu-in{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}#menu.hide #menu-box{opacity:0;transition:opacity .3s;animation:none}#menu-title{background:linear-gradient(#fff3bf,#f4be4a 50%,#b9741a);color:#0000;filter:drop-shadow(0 2px #3a1c05)drop-shadow(0 4px 10px #000000bf);-webkit-background-clip:text;background-clip:text;flex-direction:column;align-items:center;margin-top:-.28em;padding-top:.28em;font-weight:900;line-height:1.25;display:flex;overflow:visible}#menu-title .a{letter-spacing:.08em;font-size:clamp(34px,8vh,74px);line-height:1.22;overflow:visible}#menu-title .b{letter-spacing:.7em;margin-top:4px;padding-left:.7em;font-size:clamp(16px,3.4vh,30px)}#menu-sub{letter-spacing:.12em;color:#fff4d2;text-shadow:0 1px 4px #000,0 0 10px #000c;font-size:clamp(11px,2vh,15px);font-weight:600}.menu-cta{justify-content:center;align-items:center;margin-top:2px;display:flex;position:relative}.menu-bagua{opacity:.4;pointer-events:none;width:clamp(300px,52vh,520px);height:clamp(300px,52vh,520px);margin:calc(clamp(300px,52vh,520px)/-2) 0 0 calc(clamp(300px,52vh,520px)/-2);animation:90s linear infinite menu-spin;position:absolute;top:50%;left:50%}.menu-bagua svg{width:100%;height:100%}#menu-play,#menu-login{min-width:clamp(230px,40vh,380px);font:inherit;font-family:var(--font-title);letter-spacing:.34em;cursor:pointer;background:linear-gradient(#ffffff24 0%,#fff0 46%),linear-gradient(#24574f 0%,#123638 52%,#0a2024 100%);border:1px solid #f0cf7a;border-radius:6px 24px;padding:clamp(10px,2.1vh,17px) clamp(40px,6vh,64px);font-size:clamp(19px,3.5vh,30px);font-weight:700;transition:transform .12s,filter .12s,box-shadow .12s;animation:2.4s ease-in-out infinite menu-pulse;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 0 3px #060e16eb,0 0 0 4px #e2be6cb3,0 12px 28px #000000b3,0 0 30px #5fd4b461,inset 0 0 14px #0000008c}#menu-login{letter-spacing:.16em;font-size:clamp(15px,2.7vh,23px);display:none}#menu-play span,#menu-login span{z-index:1;background:linear-gradient(#fff6d0 0%,#f2cf75 52%,#c8912e 100%);color:#0000;filter:drop-shadow(0 2px 3px #000000d9);-webkit-background-clip:text;background-clip:text;padding-left:.2em;position:relative}#menu-play:before,#menu-login:before,#menu-play:after,#menu-login:after{content:"";background:linear-gradient(135deg,#fff3c4,#c8912e);width:9px;height:9px;margin-top:-4.5px;position:absolute;top:50%;transform:rotate(45deg);box-shadow:0 0 8px #e2be6ce6}#menu-play:before,#menu-login:before{left:clamp(14px,2.4vh,22px)}#menu-play:after,#menu-login:after{right:clamp(14px,2.4vh,22px)}#menu-play span:after,#menu-login span:after{content:"";-webkit-text-fill-color:initial;background:linear-gradient(100deg,#0000,#fff5c880,#0000);width:28%;height:180%;animation:4.2s ease-in-out infinite menu-shine;position:absolute;top:-40%;left:-60%;transform:skew(-20deg)}@keyframes menu-shine{0%,55%{left:-60%}to{left:150%}}#menu-play:hover:not(:disabled),#menu-login:hover:not(:disabled){filter:brightness(1.14);transform:translateY(-2px)scale(1.03);box-shadow:0 0 0 3px #060e16eb,0 0 0 4px #ffe49a,0 14px 30px #000000b3,0 0 44px #96f0d2b3,inset 0 0 14px #0000008c}#menu-play:active:not(:disabled),#menu-login:active:not(:disabled){transform:translateY(3px)scale(.98)}#menu-login:disabled{filter:grayscale(.55)brightness(.8);cursor:wait;animation:none}#menu.starting #menu-play{pointer-events:none;filter:brightness(.9)saturate(.85);letter-spacing:.2em;animation:none;transform:translateY(3px)scale(.98)}#menu.starting #menu-play span:before{content:"";vertical-align:-.06em;-webkit-text-fill-color:initial;border:.14em solid #ffe08c59;border-top-color:#ffe49a;border-radius:50%;width:.7em;height:.7em;margin-right:.6em;animation:.7s linear infinite menu-spin;display:inline-block}@keyframes menu-spin{to{transform:rotate(360deg)}}@keyframes menu-pulse{50%{box-shadow:0 0 0 3px #060e16eb,0 0 0 4px #e2be6ce6,0 12px 28px #000000b3,0 0 46px #7eebc8b3,inset 0 0 14px #0000008c}}#menu .menu-frame{z-index:1;pointer-events:none;opacity:.75;background:linear-gradient(#e2be6c,#e2be6c) 0 0/34px 2px no-repeat,linear-gradient(#e2be6c,#e2be6c) 0 0/2px 34px no-repeat,linear-gradient(#e2be6c,#e2be6c) 100% 0/34px 2px no-repeat,linear-gradient(#e2be6c,#e2be6c) 100% 0/2px 34px no-repeat,linear-gradient(#e2be6c,#e2be6c) 0 100%/34px 2px no-repeat,linear-gradient(#e2be6c,#e2be6c) 0 100%/2px 34px no-repeat,linear-gradient(#e2be6c,#e2be6c) 100% 100%/34px 2px no-repeat,linear-gradient(#e2be6c,#e2be6c) 100% 100%/2px 34px no-repeat;position:absolute;inset:clamp(8px,1.8vh,18px)}#menu .menu-mist{z-index:1;pointer-events:none;background:radial-gradient(40% 14% at 18% 80%,#dcf0ff33,#0000 70%),radial-gradient(46% 12% at 78% 88%,#c8ebf52e,#0000 70%);animation:28s ease-in-out infinite alternate splash-mist;position:absolute;inset:-10%}#menu .splash-sparks{z-index:1}#menu-sub{letter-spacing:.3em;align-items:center;gap:.9em;display:flex}#menu-sub i{background:linear-gradient(90deg,#0000,#e2be6c);width:clamp(28px,7vh,80px);height:1px;display:block}#menu-sub i:last-child{background:linear-gradient(90deg,#e2be6c,#0000)}@media (prefers-reduced-motion:reduce){.menu-bagua,#menu .menu-mist,#menu-play,#menu-login,#menu-play span:after,#menu-login span:after{animation:none}}#menu-foot{z-index:1;text-align:right;color:#ffffffb3;text-shadow:0 1px 3px #000;max-width:calc(100% - 28px);font-size:10px;position:absolute;bottom:8px;right:14px}#menu-foot a{color:inherit;pointer-events:auto;text-decoration:underline}html.vw700 #menu-box{gap:8px;bottom:9%}#menu-box:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#060a16b8,#060a1600 68%);position:absolute;inset:-60px -140px -40px}#settings{z-index:9500;pointer-events:auto;color:#e9dcb4;background:#0407109e;justify-content:center;align-items:center;font-family:inherit;display:none;position:absolute;inset:0}#settings.open{display:flex}.st-card{background:linear-gradient(#141b30fa,#090d1afa);border:2px solid #b8964a;border-radius:10px;flex-direction:column;width:min(92%,640px);height:min(86%,440px);display:flex;overflow:hidden;box-shadow:0 8px 30px #000000b3}.st-head{border-bottom:1px solid #b8964a73;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.st-title{letter-spacing:.3em;color:#f4be4a;font-size:15px;font-weight:900}.st-close{color:#e9dcb4;background:#060a14b3;border:1px solid #bea05a80;border-radius:6px;width:30px;height:30px;padding:6px}.st-close:hover{background:#3c1e1ee6}.st-close svg{fill:none;stroke:currentColor;stroke-width:2.4px;width:100%;height:100%;display:block}.st-body{flex:1;min-height:0;display:flex}.st-tabs{background:#0000002e;border-right:1px solid #b8964a4d;flex-direction:column;flex:0 0 150px;gap:4px;padding:10px 8px;display:flex;overflow-y:auto}.st-tab{color:#b9b090;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:9px 10px;font-size:13px;font-weight:700;display:flex}.st-tab svg{flex:none;width:18px;height:18px}.st-tab:hover{background:#ffffff0f}.st-tab.on{color:#ffe9a0;background:#f4be4a1f;border-color:#f4be4a99}.st-pages{flex:1;min-width:0;padding:6px 14px 14px;overflow-y:auto}.st-page{display:none}.st-page.on{display:block}.st-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.st-text{min-width:0}.st-label{color:#fff3d6;font-size:14px;font-weight:800}.st-desc{color:#a9a58f;margin-top:3px;font-size:11.5px;line-height:1.4}.st-switch{background:#060a14cc;border:1px solid #bea05a80;border-radius:13px;flex:none;width:48px;height:26px;padding:0;transition:background .15s;position:relative}.st-switch i{background:#8a8f9c;border-radius:50%;width:20px;height:20px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.st-switch.on{background:#f4be4a47;border-color:#f4be4a}.st-switch.on i{background:#ffd76a;transform:translate(22px)}.st-seg{border:1px solid #bea05a80;border-radius:8px;flex:none;display:flex;overflow:hidden}.st-seg button{color:#b9b090;font:inherit;white-space:nowrap;background:#060a14cc;border:0;border-left:1px solid #bea05a59;padding:7px 12px;font-size:12px;font-weight:700}.st-seg button:first-child{border-left:0}.st-seg button.on{color:#ffe9a0;background:#f4be4a40}html.touch .st-card{width:min(96%,620px);height:min(94%,400px)}html.touch .st-switch{border-radius:15px;width:54px;height:30px}html.touch .st-switch i{width:24px;height:24px}html.touch .st-switch.on i{transform:translate(24px)}html.touch .st-seg button{padding:9px 12px}html.touch .st-tab{padding:11px 10px}.tprefer{color:#e9dcb4;width:46px;height:46px;font:inherit;letter-spacing:.02em;background:radial-gradient(circle at 35% 30%,#2a3558,#0e1426);border:2px solid #b8964a;font-size:11px;font-weight:900;box-shadow:0 2px 8px #0009}.tfly{color:#bfe8f7;border-color:#5fb8d8;overflow:hidden}.tfly .cdfill{border-radius:50%;position:absolute;inset:0}.tfly .flytxt{position:relative}.tfly.cooling .flytxt{color:#fff;text-shadow:0 0 4px #000;font-size:17px}.tprefer.auto{box-shadow:0 0 0 3px #ffd76a8c,0 0 16px 4px #ffc8508c}.tprefer.down{filter:brightness(1.25)}.tprefer.dead{filter:grayscale()brightness(.6)}#hero-select{z-index:8500;color:#f3ead2;background:#0b1020;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(170px,22%) 1fr minmax(260px,32%);gap:10px 18px;padding:18px 24px;transition:opacity .6s;display:none;position:absolute;inset:0;overflow:hidden}#hero-select.show{display:grid}#hero-select.hide{opacity:0;pointer-events:none}#hs-bg{object-fit:cover;opacity:.4;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.06)}#hero-select>:not(#hs-bg){z-index:1;position:relative}#hs-title{text-align:center;letter-spacing:.4em;background:linear-gradient(#fff3bf,#f4be4a 55%,#b9741a);color:#0000;filter:drop-shadow(0 2px 6px #000c);-webkit-background-clip:text;background-clip:text;grid-column:1/-1;padding-left:.4em;font-size:clamp(18px,3.6vh,30px);font-weight:900}#hs-list{flex-direction:column;grid-area:2/1;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.hs-card{color:inherit;font:inherit;text-align:left;background:linear-gradient(90deg,#141a2cd9,#141a2c8c);border:1px solid #d8a64059;border-radius:10px;align-items:center;gap:10px;padding:6px 10px 6px 6px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.hs-card.on{background:linear-gradient(90deg,#6e480ed9,#281c0a99);border-color:#ffd36b;box-shadow:0 0 16px #ffc45073,inset 0 0 0 1px #ffe6a066}.hs-face{background:#1b2133;border:2px solid #b8964a;border-radius:8px;flex:none;width:clamp(44px,9vh,64px);height:clamp(44px,9vh,64px);overflow:hidden}.hs-card.on .hs-face{border-color:#ffe39a}.hs-face img{object-fit:cover;width:100%;height:100%;display:block}.hs-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.hs-meta b{white-space:nowrap;font-size:clamp(13px,2.4vh,17px)}.hs-meta i{color:#c9b98f;font-size:12px;font-style:normal}#hs-stage{grid-area:2/1/4/3;min-height:0;position:relative}#hs-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}#hs-list{display:flex}#hs-stage{grid-column:2}#hs-mini-showcase{display:none}.hs-mini-card{color:#f3ead2;width:min(100%,190px);height:74px;font:inherit;cursor:pointer;animation:3.2s ease-in-out infinite hs-mini-float;animation-delay:var(--hs-delay);background:linear-gradient(#0c1323e0,#0c0e19b8);border:1px solid #d8a64066;border-radius:12px;justify-items:center;gap:2px;padding:5px 6px 6px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative}.hs-mini-card:hover{border-color:#ffd36b;transform:translateY(-5px)}.hs-mini-card.on{border-color:#ffe39a;transform:translateY(-7px);box-shadow:0 0 18px #ffc6527a}.hs-mini-face{z-index:1;background:#20283b;border:1px solid #b8964a;border-radius:50%;width:34px;height:34px;position:relative;overflow:hidden}.hs-mini-face img{object-fit:cover;width:100%;height:100%;display:block}.hs-mini-card b{z-index:1;white-space:nowrap;font-size:clamp(11px,1.2vw,15px);position:relative}.hs-mini-card small{z-index:1;color:#c9b98f;white-space:nowrap;font-size:clamp(9px,.9vw,12px);position:relative}.hs-mini-glow{background:radial-gradient(circle,#f6bb3e4d,#f6bb3e00 70%);border-radius:50%;width:42px;height:42px;animation:2.4s ease-in-out infinite hs-mini-breathe;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes hs-mini-breathe{50%{opacity:.45;transform:translate(-50%)scale(1.18)}}@keyframes hs-mini-float{50%{margin-top:-4px}}#hs-origin{color:#cab98e;flex-wrap:wrap;gap:6px;font-size:11px;display:flex}#hs-origin span{background:#253a573d;border:1px solid #89b5db57;border-radius:9px;padding:2px 7px}#hs-info{background:#0a0e1ab8;border:1px solid #d8a64059;border-radius:12px;flex-direction:column;grid-area:2/3;gap:8px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}#hs-name{letter-spacing:.04em;color:#ffe7a6;text-shadow:0 2px 8px #000000b3;font-size:clamp(20px,4.4vh,34px);font-weight:900}#hs-role{flex-wrap:wrap;gap:5px;display:flex}#hs-role span{color:#e9d9ad;border:1px solid #d8a64080;border-radius:10px;padding:1px 8px;font-size:11px}#hs-stats{gap:4px;display:grid}.hs-stat{grid-template-columns:112px 1fr 46px;align-items:center;gap:8px;font-size:12px;display:grid}.hs-stat i{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.hs-stat em{background:linear-gradient(90deg,#c07a14,#ffd36b);border-radius:3px;height:100%;transition:width .35s;display:block}.hs-stat b{text-align:right;color:#fff3d0}#hs-skills{gap:8px;margin-top:2px;display:flex}.hs-skill{background:#151b2b;border:2px solid #6d5a2e;border-radius:8px;width:clamp(38px,7.5vh,52px);height:clamp(38px,7.5vh,52px);padding:0;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.hs-skill img{width:100%;height:100%;display:block}.hs-skill span{color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;font-size:10px;font-weight:800;position:absolute;bottom:1px;right:2px}.hs-skill.on{border-color:#ffd36b;transform:translateY(-2px);box-shadow:0 0 12px #ffc85a80}#hs-desc{color:#e3dccb;min-height:5.5em;font-size:12.5px;line-height:1.45}.hs-desc-head{justify-content:space-between;gap:8px;margin-bottom:3px;display:flex}.hs-desc-head span{color:#b9a982;white-space:nowrap;font-size:11px}.hs-desc-body b.magic{color:#7ec4ff}.hs-desc-body b.physical{color:#ffb36b}.hs-desc-body b.slow{color:#5fe0c8}.hs-desc-body b.stun{color:#ffe06b}.hs-desc-body b.mark{color:#b79cff}.hs-desc-body .tag{color:#b79cff;border:1px solid #6b5aa8;border-radius:3px;margin-left:4px;padding:0 6px;font-size:11px;display:inline-block}#hs-go{font:inherit;letter-spacing:.25em;color:#4a2603;background:linear-gradient(#ffe9a0,#f2b035 55%,#c07a14);border:2px solid #ffe49a;border-radius:40px;grid-area:3/3;justify-self:stretch;padding:clamp(8px,1.8vh,13px) 20px;font-size:clamp(16px,3.2vh,24px);font-weight:900;animation:1.8s ease-in-out infinite menu-pulse;box-shadow:0 4px #7a4a0c,0 8px 22px #0009,0 0 22px #ffc85a8c}#hs-go:active{transform:translateY(3px)scale(.98)}html.vw900 #hero-select{grid-template-columns:64px 1fr minmax(230px,40%);gap:6px 10px;padding:8px 12px}html.vw900 .hs-meta{display:none}html.vw900 .hs-card{justify-content:center;padding:4px}html.vw900 .hs-face{width:48px;height:48px}html.vw900 #hs-info{gap:5px;padding:8px 10px}html.vw900 .hs-stat{grid-template-columns:88px 1fr 40px;font-size:10.5px}html.vw900 #hs-desc{min-height:4em;font-size:11px}html.vw900 #hs-title{font-size:16px}#zonelabel{letter-spacing:.06em;color:#e9f4d6;text-shadow:0 1px 3px #000000e6;pointer-events:none;white-space:nowrap;background:#0a10168c;border:1px solid #a0c87866;border-radius:10px;padding:2px 12px;font-size:12px;font-weight:700;position:absolute;top:40px;left:50%;transform:translate(-50%)}#zonelabel:empty{display:none}#zonelabel[data-level="3"]{color:#ffe7a6;border-color:#e6be5a8c}#zonelabel[data-level="4"],#zonelabel[data-level="5"]{color:#ffb2a0;border-color:#e6645099}#acct{z-index:5;box-sizing:border-box;color:#f3e7c3;text-align:left;background:radial-gradient(at 18% 0,#5fd4b438,#0000 60%),radial-gradient(at 100% 100%,#e2be6c24,#0000 55%),linear-gradient(170deg,#0e1e28e6,#060a14eb);border:1px solid #e2be6cb3;border-radius:5px 18px;width:244px;padding:12px 14px 8px;font-size:13px;position:absolute;top:14px;right:16px;box-shadow:0 6px 22px #0000008c,0 0 22px #5fd4b429,inset 0 0 14px #e2be6c14}#acct:before{content:"";pointer-events:none;border:1px solid #e2be6c33;border-radius:3px 14px;position:absolute;inset:4px}.acct-co{pointer-events:none;border:0 solid #e2be6c;width:11px;height:11px;position:absolute}.acct-co.tl{border-width:2px 0 0 2px;top:1px;left:1px}.acct-co.tr{border-width:2px 2px 0 0;top:1px;right:1px}.acct-co.bl{border-width:0 0 2px 2px;bottom:1px;left:1px}.acct-co.br{border-width:0 2px 2px 0;bottom:1px;right:1px}#acct button,.acct-card button{cursor:pointer;font:inherit}.acct-top{align-items:center;gap:11px;display:flex;position:relative}.acct-ring{background:conic-gradient(#f6dc8e calc(var(--p,0) * 1%), #ffffff24 0);border-radius:50%;flex:none;width:54px;height:54px;position:relative;box-shadow:0 0 12px #f6dc8e59}.acct-face{color:#ffe9d2;font:normal 800 13px/1 var(--font-ui);text-shadow:0 1px 2px #0009;background:radial-gradient(circle at 35% 30%,#e0443d,#8c1612 70%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:4px;box-shadow:inset 0 0 8px #0000008c}.acct-ring .acct-rank{margin:0;position:absolute;bottom:-3px;right:-5px;box-shadow:0 0 6px #000000b3}.acct-id{min-width:0}.acct-name{font-family:var(--font-title);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#fff3c4,#e2be6c);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;overflow:hidden}.acct-lv{color:#7fe3c6;letter-spacing:.05em;text-shadow:0 0 8px #7fe3c666;margin-top:2px;font-size:12px;font-weight:700}.acct-bar{background:#00000073;border:1px solid #e2be6c59;border-radius:4px;height:6px;margin:16px 0 3px;overflow:hidden}.acct-bar i{background:linear-gradient(90deg,#2fb797,#f6dc8e);height:100%;transition:width .5s;display:block;box-shadow:0 0 8px #f6dc8e99}.acct-exp{color:#8fa3a0;letter-spacing:.06em;justify-content:space-between;font-size:10px;display:flex}.acct-stats{border-top:1px solid #e2be6c40;border-bottom:1px solid #e2be6c40;margin:9px 0 4px;display:flex}.acct-stats>div{text-align:center;flex:1;padding:5px 0 4px}.acct-stats>div+div{border-left:1px solid #e2be6c33}.acct-stats b{color:#fff3c4;font-size:15px;display:block}.acct-stats span{color:#8fa3a0;letter-spacing:.05em;font-size:10px}#acct #acct-out{color:#8e9bb3;letter-spacing:.08em;background:0 0;border:0;margin:6px auto 0;padding:2px 14px;font-size:11px;display:block}#acct #acct-out:hover{color:#ffe9a8;text-shadow:0 0 8px #ffe9a899}.acct-seal{color:#ffe9d2;width:20px;height:20px;font:normal 800 9px/1 var(--font-ui);background:linear-gradient(145deg,#d8352f,#8c1612);border-radius:3px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 6px #d8352f8c}#acct-gate{text-align:center;color:#f4ead2;width:min(420px,92vw);font:500 13px/1.5 var(--font-ui);pointer-events:auto;background:#0a0e1ce6;border:1px solid #b8964a;border-radius:10px;margin:0 auto 14px;padding:14px 16px;display:none;box-shadow:0 4px 18px #0000008c}#acct-gate .ag-title{font:800 16px var(--font-ui);letter-spacing:2px;color:#ffd98a;margin-bottom:6px}#acct-gate .ag-ts{justify-content:center;min-height:66px;margin:8px 0 4px;display:flex}#acct-gate .ag-err{color:#ffb6a0;min-height:18px}#acct-gate .ag-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}#acct-gate button{font:700 13px var(--font-ui);color:#ffe9a8;cursor:pointer;background:#ffffff0f;border:1px solid #b8964a;border-radius:6px;padding:7px 14px}#acct-gate button.ag-go{color:#1a1206;background:linear-gradient(#ffe39a,#d9a94a);border:none}#acct-modal .acct-ts{justify-content:center;min-height:66px;margin:6px 0 2px;display:flex}#acct-modal .acct-ts[hidden]{display:none}#menu.need-gate #menu-login{display:none!important}#acct-modal{z-index:9500;background:radial-gradient(at 50% 40%,#142e348c,#02040aeb 70%);justify-content:center;align-items:center;display:none;position:fixed;inset:0}#acct-modal.open{display:flex}.acct-card{--gold:#e2be6c;--jade:#5fd4b4;box-sizing:border-box;color:#f3e7c3;background:radial-gradient(at 50% -10%,#5fd4b433,#0000 55%),radial-gradient(at 50% 112%,#e2be6c29,#0000 50%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='390' height='120' viewBox='0 0 390 120'><g fill='none' stroke='%23e2be6c' stroke-opacity='.16' stroke-width='1.4'><path d='M-10 96c30-26 56-2 84-18 24-14 40-26 70-12 26 12 44 4 70-10 30-16 52 6 84 0 30-6 52-24 86-8'/><path d='M-10 112c26-18 50-2 76-12 28-10 38-22 66-10 30 12 50 2 78-8 28-10 50 8 80 2 28-6 52-16 80-4'/><circle cx='64' cy='82' r='8'/><circle cx='86' cy='74' r='5'/><circle cx='292' cy='70' r='9'/><circle cx='316' cy='62' r='5'/></g></svg>") bottom/100% no-repeat,linear-gradient(#0f1c2a 0%,#080d18 100%);border:1px solid #e2be6cbf;border-radius:6px 22px;width:min(390px,92vw);padding:26px 28px 20px;animation:.35s cubic-bezier(.2,.9,.3,1.1) acct-in;position:relative;box-shadow:0 0 0 1px #000c,0 18px 60px #000c,0 0 40px #5fd4b42e}.acct-card:before{content:"";pointer-events:none;border:1px solid #e2be6c4d;border-radius:3px 17px;position:absolute;inset:6px}.acct-card:after{content:"";pointer-events:none;background:linear-gradient(var(--gold), var(--gold)) 0 0 / 18px 2px no-repeat, linear-gradient(var(--gold), var(--gold)) 0 0 / 2px 18px no-repeat, linear-gradient(var(--gold), var(--gold)) 100% 0 / 18px 2px no-repeat, linear-gradient(var(--gold), var(--gold)) 100% 0 / 2px 18px no-repeat, linear-gradient(var(--gold), var(--gold)) 0 100% / 18px 2px no-repeat, linear-gradient(var(--gold), var(--gold)) 0 100% / 2px 18px no-repeat, linear-gradient(var(--gold), var(--gold)) 100% 100% / 18px 2px no-repeat, linear-gradient(var(--gold), var(--gold)) 100% 100% / 2px 18px no-repeat;position:absolute;inset:2px}@keyframes acct-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.acct-head{text-align:center;margin-bottom:14px}.acct-seal.big{border-radius:6px;width:44px;height:44px;margin:0 auto 6px;font-size:12px;transform:rotate(-4deg);box-shadow:0 0 16px #d8352f99,inset 0 0 6px #ffdcc859}.acct-title{font-family:var(--font-title);letter-spacing:.28em;background:linear-gradient(#fff3c4,#e2be6c 55%,#b98a32);color:#0000;filter:drop-shadow(0 2px 6px #000000b3);-webkit-background-clip:text;background-clip:text;padding-left:.28em;font-size:26px;font-weight:700}.acct-subtitle{color:#8fa3a0;letter-spacing:.12em;margin-top:2px;font-size:11px}.acct-x{z-index:2;color:#9fb0c4;background:0 0;border:0;font-size:24px;line-height:1;position:absolute;top:10px;right:14px}.acct-x:hover{color:#ffe9a8}.acct-tabs{border-bottom:1px solid #e2be6c47;margin-bottom:14px;display:flex}.acct-tabs button{color:#8e9bb3;letter-spacing:.06em;background:0 0;border:0;flex:1;padding:8px 0 9px;font-weight:700;transition:color .2s;position:relative}.acct-tabs button.on{color:#ffe9a8}.acct-tabs button.on:after{content:"";background:linear-gradient(90deg, transparent, var(--gold,#e2be6c), transparent);height:2px;position:absolute;bottom:-1px;left:18%;right:18%;box-shadow:0 0 8px #e2be6ce6}.acct-card label{margin-bottom:11px;display:block}.acct-card label[hidden]{display:none}.acct-card label>span{color:#86d9c0;letter-spacing:.1em;text-transform:uppercase;font-size:11px;display:block}.acct-card input{box-sizing:border-box;color:#fff6dc;width:100%;font:inherit;background:linear-gradient(#00000080,#0a181e8c);border:1px solid #e2be6c47;border-bottom:2px solid #e2be6c8c;border-radius:4px;margin-top:4px;padding:9px 11px;font-size:14px;transition:border-color .2s,box-shadow .2s;display:block}.acct-card input::placeholder{color:#566377}.acct-card input:focus{border-color:#5fd4b4e6;outline:none;box-shadow:0 0 12px #5fd4b459}.acct-err{color:#ff8f7e;text-align:center;min-height:17px;margin-bottom:8px;font-size:12px}.acct-err:not(:empty):before{content:"✦ "}.acct-go{color:#1a0d00;letter-spacing:.2em;text-shadow:0 1px #fff0be59;background:linear-gradient(#f2cf75 0%,#c8912e 55%,#8f5f14 100%);border:1px solid #f6dc8e;border-radius:4px 14px;width:100%;padding:11px 0;font-size:16px;font-weight:900;position:relative;overflow:hidden;box-shadow:0 3px #5c3a08,0 6px 16px #0000008c,0 0 18px #e2be6c59}.acct-go span{z-index:1;padding-left:.22em;position:relative}.acct-go:after{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:40%;height:100%;animation:3.2s ease-in-out infinite acct-shine;position:absolute;top:0;left:-60%;transform:skew(-20deg)}@keyframes acct-shine{0%,60%{left:-60%}to{left:130%}}.acct-go:hover{filter:brightness(1.1)}.acct-go:active{transform:translateY(2px);box-shadow:0 1px #5c3a08,0 3px 10px #0000008c}.acct-or{color:#6f8f8a;align-items:center;gap:10px;margin:12px 0;display:flex}.acct-or i{background:linear-gradient(90deg,#0000,#e2be6c73,#0000);flex:1;height:1px}.acct-or b{font-size:16px;font-weight:400}.acct-google{color:#d6f5ec;letter-spacing:.04em;background:linear-gradient(#5fd4b41f,#5fd4b40a);border:1px solid #5fd4b48c;border-radius:4px 14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:9px 0;font-weight:700;transition:box-shadow .2s,border-color .2s;display:flex}.acct-google svg{width:18px;height:18px}.acct-google:hover{border-color:#5fd4b4;box-shadow:0 0 14px #5fd4b466}.acct-go:disabled,.acct-google:disabled{opacity:.55;cursor:wait}.acct-note{color:#77869c;text-align:center;margin-top:12px;font-size:11px;line-height:1.5}.acct-spark{opacity:0;pointer-events:none;background:#bff7e6;border-radius:50%;width:4px;height:4px;animation:6s linear infinite acct-rise;position:absolute;bottom:14px;box-shadow:0 0 8px 2px #7fe3c6bf}.acct-spark.s1{left:14%}.acct-spark.s2{animation-duration:7.5s;animation-delay:2.1s;left:52%}.acct-spark.s3{animation-duration:6.6s;animation-delay:4s;left:84%}@keyframes acct-rise{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:.9}to{opacity:0;transform:translateY(-300px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.acct-card,.acct-go:after,.acct-spark{animation:none}}#hs-mastery{color:#ffd877;margin:2px 0 6px;font-size:13px;font-weight:700}#menu.need-login #menu-login{display:inline-block}#menu.need-login #menu-play{display:none}.acct-rank{color:#ffe9a8;text-align:center;min-width:22px;text-shadow:none;background:linear-gradient(#3a566a,#1d3040);border:1px solid #e2be6c8c;border-radius:3px;margin-right:4px;padding:0 5px;font-size:11px;line-height:16px;display:inline-block}.acct-rank.r-ex,.acct-rank.r-sss{color:#ffd9c9;background:linear-gradient(#8c1d18,#4d0b08)}.acct-rank.r-tiên,.acct-rank.r-đế{color:#2b1703;background:linear-gradient(#f2cf75,#a7761c);box-shadow:0 0 8px #f6dc8eb3}#menu-login,.acct-go,.acct-google{transition:transform .12s,filter .12s,box-shadow .12s;position:relative;overflow:hidden}#menu-login:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}#menu-login:active:not(:disabled),.acct-go:active:not(:disabled),.acct-google:active:not(:disabled){filter:brightness(.92);transform:translateY(3px)scale(.97)}.press-ring{z-index:2;pointer-events:none;background:radial-gradient(circle,#ffffffd9 0%,#ffeca08c 35%,#ffeca000 70%);border-radius:50%;animation:.6s ease-out forwards press-ring;position:absolute;transform:scale(0)}@keyframes press-ring{to{opacity:0;transform:scale(1)}}#menu-login.pressed,.acct-go.pressed,.acct-google.pressed{animation:.6s ease-out press-flash}@keyframes press-flash{0%{box-shadow:0 0 #ffeca0f2,0 0 30px 6px #ffdc78e6}to{box-shadow:0 0 0 14px #ffeca000,0 0 22px #ffc85a8c}}@media (prefers-reduced-motion:reduce){.press-ring{animation-duration:10ms}}#portalbar{z-index:6;text-align:center;pointer-events:none;width:min(300px,70vw);display:none;position:absolute;bottom:170px;left:50%;transform:translate(-50%)}#portalbar.on{display:block}#portalbar .pb-label{color:#bff7ff;letter-spacing:.06em;text-shadow:0 0 8px #78dcffcc,0 1px 2px #000;margin-bottom:4px;font-size:13px;font-weight:700}#portalbar .pb-track{background:#020a16b3;border:1px solid #bef0ffb3;border-radius:5px;height:8px;overflow:hidden}#portalbar .pb-track i{background:linear-gradient(90deg,#3ea8ff,#d6fbff);width:0;height:100%;display:block;box-shadow:0 0 10px #96e6ffe6}#maptransit{z-index:9800;color:#e9fbff;text-align:center;opacity:0;pointer-events:all;background:radial-gradient(#10283a 0%,#02050b 75%);justify-content:center;align-items:center;transition:opacity .55s;display:flex;position:fixed;inset:0}#maptransit.on{opacity:1}#maptransit b{letter-spacing:.4em;color:#9be7ff;text-shadow:0 0 14px #78dcffe6;font-size:22px;display:block}#maptransit span{letter-spacing:.1em;margin-top:8px;font-size:15px;display:block}.acct-sect{color:#ffd877;letter-spacing:.05em;margin-top:1px;font-size:11px}#menu-title{filter:drop-shadow(0 2px #3a1c05)drop-shadow(0 0 18px #ffc85a73)drop-shadow(0 4px 10px #000000bf);position:relative;overflow:visible}#menu-title .a{font-family:var(--font-title);letter-spacing:.12em;padding-left:.12em;font-size:clamp(40px,9.6vh,90px);line-height:1.22;overflow:visible}.menu-titlewrap{display:inline-block;position:relative;overflow:visible}.menu-seal{color:#ffe9d2;width:clamp(18px,3.8vh,34px);height:clamp(18px,3.8vh,34px);font:normal 800 clamp(8px, 1.6vh, 12px) / 1 var(--font-ui);background:linear-gradient(145deg,#d8352f,#8c1612);border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:.4em;right:-.9em;transform:rotate(6deg);box-shadow:0 0 8px #d8352fb3}#onlinebadge{z-index:7;color:#cfd6ea;pointer-events:none;background:#060c18b3;border:1px solid #e2be6c73;border-radius:10px;max-width:60vw;padding:2px 9px;font-size:11px;position:fixed;top:8px;left:8px}#onlinebadge.on{color:#9bf0c4;font-variant-numeric:tabular-nums;border-color:#5fd4b4b3}#onlinebadge.on.mid{color:#ffe9a8;border-color:#e2be6ccc}#onlinebadge.on.bad{color:#ff9a8a;border-color:#ff7864cc}html.touch #onlinebadge{left:208px}#onlinebadge.connecting{color:#ffe9a8}#zonelabel[data-safe="1"]{color:#aef5dc;border-color:#5fd4b4b3;box-shadow:0 0 10px #5fd4b459}#hs-back{color:#f3e7c3;font:inherit;letter-spacing:.2em;cursor:pointer;background:#0e1424cc;border:1px solid #ffe9a080;border-radius:40px;grid-area:3/1;justify-self:stretch;padding:clamp(8px,1.8vh,13px) 14px;font-size:clamp(13px,2.4vh,18px);font-weight:700}#hs-back:hover{background:#28200ed9;border-color:#ffe49a}#char-select{z-index:8400;box-sizing:border-box;color:#f3ead2;opacity:0;background:radial-gradient(at 50% 30%,#142e34b3,#050810f5 75%),#0b1020;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(250px,32%) 1fr;gap:12px 24px;padding:20px 28px;transition:opacity .5s;display:none;position:fixed;inset:0}#char-select.show{display:grid}#char-select.in{opacity:1}#char-select.hide{opacity:0;pointer-events:none}.cs-title{text-align:center;letter-spacing:.4em;background:linear-gradient(#fff3bf,#f4be4a 55%,#b9741a);color:#0000;filter:drop-shadow(0 2px 6px #000c);-webkit-background-clip:text;background-clip:text;grid-column:1/-1;padding-left:.4em;font-size:clamp(18px,3.6vh,30px);font-weight:900}.cs-list{touch-action:pan-y;flex-direction:column;grid-area:2/1;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.cs-slot{width:100%;min-height:clamp(62px,13vh,84px);color:inherit;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(90deg,#141a2ce0,#141a2c8c);border:1px solid #d8a64059;border-radius:12px;align-items:center;gap:12px;padding:7px 12px 7px 7px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.cs-slot:hover{border-color:#ffd678b3;transform:translate(4px)}.cs-slot.on{background:linear-gradient(90deg,#6e480ed9,#281c0a99);border-color:#ffd36b;box-shadow:0 0 16px #ffc45073,inset 0 0 0 1px #ffe6a066}.cs-slot.empty{background:#0e142473;border-style:dashed;border-color:#e2be6c73}.cs-face,.cs-plus{background:#1b2133;border:2px solid #b8964a;border-radius:9px;flex:none;width:clamp(48px,10vh,68px);height:clamp(48px,10vh,68px);overflow:hidden}.cs-face img{object-fit:cover;width:100%;height:100%;display:block}.cs-plus{color:#e2be6c;border-style:dashed;justify-content:center;align-items:center;font-size:30px;display:flex}.cs-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.cs-meta b{color:#ffe9a8;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,2.4vh,18px);overflow:hidden}.cs-meta i{color:#9fb4b0;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,1.8vh,13px);font-style:normal;overflow:hidden}.cs-detail{touch-action:pan-y;background:linear-gradient(#0f1c2adb,#080d18e6);border:1px solid #e2be6c8c;border-radius:8px 24px;grid-area:2/2;grid-template-columns:minmax(150px,40%) 1fr;align-items:stretch;gap:22px;padding:18px 22px;display:grid;overflow:auto;box-shadow:0 14px 44px #0009}.cs-portrait{background:#1b2133;border:2px solid #b8964a;border-radius:14px;min-height:160px;overflow:hidden}.cs-portrait img{object-fit:cover;width:100%;height:100%;display:block}.cs-info{flex-direction:column;gap:8px;min-width:0;display:flex}.cs-name{color:#ffe9a8;letter-spacing:.08em;text-overflow:ellipsis;font-size:clamp(20px,4vh,32px);font-weight:900;overflow:hidden}.cs-line{align-items:center;gap:10px;font-size:clamp(14px,2.4vh,18px);display:flex}.cs-rank{color:#3a2002;text-align:center;background:linear-gradient(#ffe9a0,#c98a1c);border-radius:4px;min-width:26px;padding:1px 7px;font-weight:900}.cs-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.cs-bar i{background:linear-gradient(90deg,#5fd4b4,#e2be6c);height:100%;display:block}.cs-exp{color:#9fb4b0;font-size:12px}.cs-rows{grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:6px;display:grid}.cs-rows div{background:#ffffff0a;border-left:3px solid #e2be6c99;flex-direction:column;gap:1px;padding:6px 10px;display:flex}.cs-rows span{color:#8fa3a0;letter-spacing:.05em;font-size:11px}.cs-rows b{font-size:15px}.cs-none{color:#aeb7d0;text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;display:flex}.cs-none b{color:#ffe9a8;font-size:20px}.cs-actions{grid-column:1/-1;justify-content:center;align-items:center;gap:22px;display:flex}.cs-go{min-width:min(380px,60vw);font:inherit;letter-spacing:.25em;color:#4a2603;cursor:pointer;background:linear-gradient(#ffe9a0,#f2b035 55%,#c07a14);border:2px solid #ffe49a;border-radius:40px;padding:clamp(8px,1.8vh,13px) 28px;font-size:clamp(16px,3.2vh,24px);font-weight:900;box-shadow:0 4px #7a4a0c,0 8px 22px #0009,0 0 22px #ffc85a8c}.cs-go:active{transform:translateY(3px)scale(.98)}.cs-del{color:#ffb4a8;font:inherit;letter-spacing:.15em;cursor:pointer;background:#3c0e0e8c;border:1px solid #ff786e8c;border-radius:30px;padding:9px 18px;font-size:13px;font-weight:700}.cs-del:hover:not(:disabled){color:#fff;background:#6e1414bf}.cs-go:disabled,.cs-del:disabled{opacity:.4;cursor:not-allowed}.cs-modal{z-index:5;background:#02040adb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cs-box{touch-action:pan-y;background:radial-gradient(at 50% 0,#3c696347,#0000 54%),linear-gradient(#10232c,#0b1421 58%,#080d18);border:1px solid #e2be6cc7;border-radius:8px 24px;width:min(460px,92vw);max-height:min(90vh,700px);padding:28px 30px 24px;position:relative;overflow-y:auto;box-shadow:0 18px 60px #000c,inset 0 0 0 4px #e2be6c0e,0 0 24px #6bb7a41f}.cs-form-seal{color:#f5d98e;background:radial-gradient(circle,#437d7194,#0a161ee6);border:1px solid #eccf85d1;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 10px;font-family:Noto Serif,Noto Serif SC,serif;font-size:22px;display:grid;box-shadow:0 0 18px #5fbea733,inset 0 0 0 3px #e2be6c1f}.cs-field{color:#d7c58e;letter-spacing:.2em;gap:7px;margin-top:15px;font-size:11px;font-weight:800;display:grid}.cs-select-wrap{display:block;position:relative}.cs-select{appearance:none;border:1px solid var(--cs-sect-color,#e2be6c9e);color:#f7eed3;width:100%;font:600 14px var(--font-ui);letter-spacing:.02em;cursor:pointer;background:linear-gradient(115deg,#1c383ef5,#09131df5);border-radius:8px;outline:none;padding:12px 42px 12px 13px;box-shadow:inset 0 1px #fff0c214,0 5px 16px #0000002e}.cs-select:focus-visible,.cs-input:focus-visible{border-color:#f0d17e;box-shadow:0 0 0 3px #66bea633,0 0 18px #dbbb6724}.cs-select option{color:#f7eed3;background:#10232c}.cs-select-wrap>i{color:#e6c871;pointer-events:none;font-size:22px;font-style:normal;position:absolute;top:50%;right:14px;transform:translateY(-58%)}.cs-box h3{color:#ffe9a8;letter-spacing:.3em;text-align:center;margin:0 0 6px}.cs-box p{color:#aeb7d0;text-align:center;margin:0 0 12px;font-size:13px}.cs-input{box-sizing:border-box;color:#fff;width:100%;font:inherit;letter-spacing:.04em;touch-action:auto;-webkit-user-select:text;user-select:text;background:#00000073;border:1px solid #e2be6c99;border-radius:6px;padding:10px 12px;font-size:16px}.cs-btns{justify-content:center;gap:12px;margin-top:14px;display:flex}.cs-btns button{color:#f3e7c3;font:inherit;cursor:pointer;background:#0e1424d9;border:1px solid #ffe9a08c;border-radius:24px;padding:9px 20px;font-weight:700}.cs-btns .cs-ok{color:#4a2603;background:linear-gradient(#ffe9a0,#f2b035 55%,#c07a14)}.cs-btns .cs-ok.danger{color:#fff;background:linear-gradient(#ff9d8f,#d03a2c 60%,#8a1a12)}.cs-btns .cs-ok:disabled{opacity:.4;cursor:not-allowed}.cs-toast{color:#fff;z-index:6;background:#781414e6;border-radius:8px;padding:8px 16px;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}@media (max-width:760px){#char-select{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;padding:12px}.cs-list{touch-action:pan-x;flex-direction:row;grid-row:2;overflow-x:auto}.cs-slot{min-width:210px}.cs-detail{grid-area:3/1;grid-template-columns:1fr}}#hs-form{grid-area:3/2;grid-template-columns:1fr 1.4fr;align-self:center;gap:6px 12px;display:grid}#hs-form label{letter-spacing:.15em;color:#c9b27a;flex-direction:column;gap:3px;font-size:11px;display:flex}#hs-form input,#hs-form select{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#080c16e6;border:1px solid #e2be6c99;border-radius:6px;padding:8px 10px;font-size:15px}#hs-sect-note{color:#d8e6e2;text-shadow:0 1px 3px #000;grid-column:1/-1;min-height:1.3em;font-size:12px}#hs-go:disabled{opacity:.45;cursor:not-allowed;animation:none}#char-select.loading{pointer-events:none;cursor:progress}#char-select.loading .cs-go{opacity:.8}.cs-region{z-index:3;background:#0a101cc7;border:1px solid #e2be6c73;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:flex;position:absolute;top:14px;right:22px}.cs-region-label{color:#c9b27a;letter-spacing:.15em;padding:0 6px;font-size:10px;font-weight:800}.cs-reg{color:#f3e7c3;font:inherit;cursor:pointer;background:#182034d9;border:1px solid #ffe9a04d;border-radius:14px;padding:5px 11px;font-weight:700}.cs-reg i{opacity:.9;margin-left:4px;font-style:normal;font-weight:600}.cs-reg.on{background:linear-gradient(#6b4a12,#3a2808);border-color:#ffd36b;box-shadow:0 0 10px #ffc45066}.cs-reg.good i{color:#7be08a}.cs-reg.mid i{color:#ffd877}.cs-reg.bad i{color:#ff8a7a}.cs-reg.invite{color:#9fe8d0;border-color:#5fd4b499}@media (max-width:760px){.cs-region{transform-origin:100% 0;top:6px;right:6px;transform:scale(.88)}}.cs-channel{top:58px}.cs-reg.ch-full i{color:#ff8a7a}.cs-reg.ch-crowded i{color:#ffd877}.cs-reg.ch-ok i{color:#7be08a}@media (max-width:760px){.cs-channel{top:48px}}#onlinebadge.on{pointer-events:auto;cursor:pointer}#chan-picker{z-index:60;background:#02060e99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cp-box{color:#f3e7c3;background:#0a101cf5;border:1px solid #e2be6c99;border-radius:14px;width:min(340px,90vw);padding:16px}.cp-title{letter-spacing:.08em;color:#ffd36b;margin-bottom:10px;font-weight:800}.cp-list{gap:6px;display:grid}.cp-ch{color:inherit;font:inherit;cursor:pointer;background:#182034d9;border:1px solid #ffe9a04d;border-radius:10px;justify-content:space-between;padding:9px 12px;display:flex}.cp-ch i{opacity:.9;font-style:normal}.cp-ch.on{background:linear-gradient(#6b4a12,#3a2808);border-color:#ffd36b}.cp-ch.full i{color:#ff8a7a}.cp-ch.crowded i{color:#ffd877}.cp-note{opacity:.75;margin:10px 0;font-size:11px}.cp-close{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffe9a04d;border-radius:10px;padding:8px}#char-select{background:radial-gradient(70% 50% at 50% 0,#508c8238,#0000 70%),radial-gradient(60% 40% at 15% 100%,#785a282e,#0000 70%),radial-gradient(at 50% 30%,#0e222acc,#04070ef7 78%),#070c18}.cs-head{flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;display:flex}.cs-title{grid-column:auto;align-items:center;gap:18px;font-family:Noto Serif,Times New Roman,serif;display:flex}.cs-title:before,.cs-title:after{content:"";-webkit-text-fill-color:initial;background:linear-gradient(90deg,#0000,#d9a441);width:clamp(40px,12vw,150px);height:2px}.cs-title:after{transform:scaleX(-1)}.cs-servers{flex-wrap:wrap;justify-content:center;gap:8px 14px;display:flex}.cs-region{background:linear-gradient(#141e2ee6,#080d18e6);border-color:#d9a4418c;padding:4px 8px;position:static;transform:none;box-shadow:0 2px 10px #00000073,inset 0 0 0 1px #ffe6a00f}.cs-region.cs-channel{top:auto}.cs-slot{background:linear-gradient(100deg,#162230eb,#0c1220b3);border-color:#d9a44166;border-radius:6px 16px;box-shadow:0 4px 14px #0006}.cs-slot.on{background:linear-gradient(100deg,#785212e6,#221808b3)}.cs-face,.cs-plus{border:2px solid #c9a24f;border-radius:8px;box-shadow:0 0 0 2px #00000080,0 0 10px #d9a44140}.cs-detail{background:radial-gradient(60% 70% at 20% 30%,#3c64642e,#0000 70%),linear-gradient(#0e1a28e6,#060a14f0);border:1px solid #d9a44199;border-radius:6px 26px;grid-template-columns:minmax(180px,280px) 1fr;gap:26px;padding:22px 26px;position:relative;box-shadow:0 14px 44px #0009,inset 0 0 0 4px #060a14e6,inset 0 0 0 5px #d9a44140}.cs-portrait{aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#2c4650,#101826 75%);border:3px solid #d9a441;border-radius:50%;place-self:start center;width:min(100%,256px);min-height:0;box-shadow:0 0 0 5px #080c16f2,0 0 0 7px #d9a4418c,0 0 36px #5fd4b447}.cs-portrait img{object-fit:cover;object-position:50% 20%}.cs-name{background:linear-gradient(#fff3bf,#f4be4a 60%,#c28a22);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-family:Noto Serif,Times New Roman,serif}.cs-rows div{background:linear-gradient(90deg,#d9a4411a,#ffffff08);border-left-color:#d9a441}@media (max-width:760px){.cs-region{top:auto;right:auto;transform:none}.cs-title:before,.cs-title:after{width:24px}.cs-detail{grid-template-columns:1fr}.cs-portrait{width:min(60%,200px)}}.cs-ch{color:#f3e7c3;min-width:66px;font:inherit;cursor:pointer;background:#182034d9;border:1px solid #ffe9a04d;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:4px 9px;line-height:1.25;display:flex}.cs-ch b{font-size:12px}.cs-ch .cs-ch-n{opacity:.85;font-size:11px}.cs-ch i{font-size:11px;font-style:normal;font-weight:700}.cs-ch i.good{color:#7be08a}.cs-ch i.mid{color:#ffd877}.cs-ch i.bad{color:#ff8a7a}.cs-ch.on{background:linear-gradient(#6b4a12,#3a2808);border-color:#ffd36b;box-shadow:0 0 10px #ffc45066}.cs-ch.ch-crowded .cs-ch-n{color:#ffd877}.cs-ch.full{opacity:.55;cursor:not-allowed}.cs-ch.full .cs-ch-n{color:#ff8a7a}.rp-card{color:#f3ead2;background:linear-gradient(#0e1a28f7,#060a14fa);border:1px solid #d9a441b3;border-radius:6px 22px;flex-direction:column;width:min(560px,94vw);max-height:86vh;display:flex;box-shadow:0 16px 50px #000000b3,inset 0 0 0 4px #060a14e6,inset 0 0 0 5px #d9a44140}.rp-head{justify-content:space-between;align-items:center;padding:12px 18px 6px;display:flex}.rp-title{letter-spacing:.35em;background:linear-gradient(#fff3bf,#f4be4a 60%,#b9741a);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900}.rp-close{color:#e9dcb4;cursor:pointer;background:0 0;border:1px solid #ffe9a059;border-radius:8px;width:28px;height:28px}.rp-now{border-bottom:1px solid #d9a4414d;padding:4px 18px 10px}.rp-now-name{color:#ffe9a8;align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex}.rp-rank{color:#3a2002;background:linear-gradient(#ffe9a0,#c98a1c);border-radius:4px;padding:1px 8px;font-size:13px}.rp-now-sub{color:#9fb4b0;margin:3px 0 6px;font-size:12px}.rp-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.rp-bar i{background:linear-gradient(90deg,#5fd4b4,#e2be6c);height:100%;display:block}.rp-body{flex-direction:column;gap:5px;padding:8px 14px 14px;display:flex;overflow-y:auto}.rp-step{letter-spacing:.18em;color:#0b1020;border-radius:4px;margin-top:8px;padding:3px 8px;font-size:11px;font-weight:800}.rp-step.s1{background:#4fcfae}.rp-step.s2{background:#6aa8ff}.rp-step.s3{background:#b690ff}.rp-step.s4{background:linear-gradient(90deg,#ff9a7a,#ffd36b,#7fd8ff)}.rp-realm{background:#ffffff0a;border-left:3px solid #e2be6c73;border-radius:3px;padding:6px 10px}.rp-realm.done{opacity:.55;border-left-color:#5fd4b4}.rp-realm.cur{background:linear-gradient(90deg,#7852128c,#ffffff0a);border-left-color:#ffd36b;box-shadow:0 0 14px #ffc4504d}.rp-line{align-items:center;gap:8px;display:flex}.rp-line b{color:#ffe9a8;font-size:14px}.rp-rk{opacity:.7;margin-left:auto;font-size:11px}.rp-tag{border-radius:3px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:800}.rp-tag.t{color:#3a2002;background:#ffb347}.rp-tag.p{color:#2a0a4a;background:#d6a8ff}.rp-meta,.rp-prog,.rp-need,.rp-note{color:#aebfba;font-size:11.5px}.rp-prog b{color:#ffd36b}.rp-need{color:#c9d8e8}.rp-note{color:#ffb347}.rp-quest{background:linear-gradient(#281c0873,#0000);border-bottom:1px solid #d9a4414d;padding:8px 18px}.rp-qhead{letter-spacing:.12em;color:#ffd36b;margin-bottom:5px;font-size:12px;font-weight:800}.rp-items{gap:3px;display:grid}.rp-item{background:#ffffff0a;border-left:3px solid #b05a4a;grid-template-columns:1fr auto;gap:0 10px;padding:3px 8px;font-size:12.5px;display:grid}.rp-item.ok{border-left-color:#5fd4b4}.rp-item b{font-variant-numeric:tabular-nums}.rp-item i{color:#8fa3a0;grid-column:1/-1;font-size:11px;font-style:normal}.rp-qact{align-items:center;gap:10px;margin-top:6px;display:flex}.rp-break{color:#4a2603;font:inherit;letter-spacing:.2em;cursor:pointer;background:linear-gradient(#ffe9a0,#f2b035 55%,#c07a14);border:2px solid #ffe49a;border-radius:20px;padding:6px 22px;font-weight:900}.rp-break:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}.rp-msg{color:#ffb4a8;font-size:12px}#trib-bar{z-index:8700;color:#efe6ff;text-align:center;pointer-events:none;background:#0e081ed1;border:1px solid #b690ffcc;border-radius:10px;width:min(360px,80vw);padding:6px 12px 8px;position:fixed;top:56px;left:50%;transform:translate(-50%);box-shadow:0 0 22px #a06eff8c}.tb-title{letter-spacing:.2em;color:#d9c4ff;font-size:11px;font-weight:800}.tb-row{justify-content:center;align-items:baseline;gap:12px;display:flex}.tb-time{font-variant-numeric:tabular-nums;text-shadow:0 0 12px #b690ff;font-size:26px}.tb-hits{color:#ffd0c8;font-size:12px}.tb-track{background:#ffffff1f;border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.tb-track i{background:linear-gradient(90deg,#7a5cff,#e6d6ff);height:100%;display:block}.realm-banner{z-index:8800;text-align:center;pointer-events:none;animation:.5s cubic-bezier(.2,1.4,.4,1) both rb-in,.6s ease-in 1.6s both rb-out;position:fixed;top:24%;left:50%;transform:translate(-50%)}.realm-banner.major{animation-duration:.6s,.7s;animation-delay:0s,2.4s}.realm-banner.step{animation-duration:.7s,.8s;animation-delay:0s,3.2s}.rb-title{letter-spacing:.5em;color:#fff6c9;text-shadow:0 0 10px #ffd36b,0 2px 4px #000;padding-left:.5em;font-size:15px;font-weight:900}.rb-name{background:linear-gradient(#fff,#ffe28a 55%,#ffa63d);color:#0000;filter:drop-shadow(0 0 12px #ffd264e6)drop-shadow(0 2px 3px #000);-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:34px;font-weight:900}.realm-banner.major .rb-name{font-size:44px}.realm-banner.step .rb-name{background:linear-gradient(90deg,#ff9a7a,#ffe28a,#9ff0ff,#e6a8ff,#ff9a7a) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;font-size:54px;animation:1.6s linear infinite rb-hue}.realm-banner i{width:6px;height:6px;animation:rb-spark 1.6s ease-out var(--d) infinite;transform:rotate(var(--a)) translateX(30px);background:#fff6c9;border-radius:50%;margin:-3px;position:absolute;top:60%;left:50%;box-shadow:0 0 10px 3px #ffdc78e6}@keyframes rb-in{0%{opacity:0;transform:translate(-50%)scale(.5)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes rb-out{to{opacity:0;transform:translate(-50%)translateY(-20px)scale(1.1)}}@keyframes rb-hue{to{background-position:200% 0}}@keyframes rb-spark{0%{opacity:1;transform:rotate(var(--a)) translateX(30px) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateX(150px) scale(.2)}}.cp-invite{color:#bff5e2;width:100%;font:inherit;cursor:pointer;background:#143c34bf;border:1px solid #5fd4b4b3;border-radius:10px;margin-bottom:6px;padding:8px;font-weight:700}.cp-invite-msg{color:#9fe8d0;word-break:break-all;min-height:1.2em;margin-bottom:8px;font-size:11.5px}#btn-attr{position:relative}#btn-attr .ap-btn-glyph{font:800 12px/1 var(--font-ui);letter-spacing:.5px}#btn-attr .ap-badge{min-width:16px;height:16px;font:800 10px/16px var(--font-ui);color:#1a1206;pointer-events:none;background:linear-gradient(#ffe39a,#e0a63a);border-radius:8px;padding:0 4px;font-style:normal;animation:1.6s ease-in-out infinite ap-pulse;position:absolute;top:-5px;right:-6px;box-shadow:0 0 8px #ffd26ee6}@keyframes ap-pulse{50%{box-shadow:0 0 14px #ffdc82}}#attr-panel{z-index:9000;background:#02060e9e;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#attr-panel.show{display:flex}.ap-card{color:#f3ead2;width:min(820px,96vw);max-height:90vh;font:500 13px/1.45 var(--font-ui);background:radial-gradient(at 15% 0,#78aaff1f,#0000 55%),radial-gradient(at 90% 100%,#d9a4411a,#0000 50%),linear-gradient(#0e1a28f7,#060a14fa);border:1px solid #d9a441bf;border-radius:6px 22px;flex-direction:column;display:flex;box-shadow:0 16px 50px #000000b3,inset 0 0 0 4px #060a14e6,inset 0 0 0 5px #d9a44140}.ap-head{border-bottom:1px solid #d9a4414d;justify-content:space-between;align-items:center;padding:12px 18px 8px;display:flex}.ap-title{font:800 17px/1 var(--font-ui);letter-spacing:5px;background:linear-gradient(#fff3c4,#d9a441);color:#0000;-webkit-background-clip:text;background-clip:text}.ap-close{color:#d9c79a;cursor:pointer;background:0 0;border:none;font-size:18px}.ap-top{color:#cbbd97;justify-content:space-between;align-items:center;padding:8px 18px;display:flex}.ap-free strong{color:#ffe39a;text-shadow:0 0 10px #ffd26eb3;margin-left:4px;font-size:20px}.ap-body{grid-template-columns:1.55fr 1fr;gap:14px;padding:4px 18px 10px;display:grid;overflow:auto}.ap-rows{flex-direction:column;gap:8px;display:flex}.ap-row{background:linear-gradient(90deg,#d9a44114,#508cdc0a);border:1px solid #d9a44138;border-radius:4px 14px;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.ap-seal{width:42px;height:42px;font:800 13px/1 var(--font-ui);color:#ffe9b0;background:radial-gradient(circle at 35% 30%,#5a3b16,#241608 70%);border:1px solid #ffd26e99;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 10px #ffc85a59,inset 0 0 6px #000000b3}.ap-info{flex-direction:column;min-width:0;display:flex}.ap-info b{color:#ffe9b0;letter-spacing:1px;font-size:14px}.ap-info i{color:#b9b09a;font-size:11.5px;font-style:normal}.ap-info em{color:#8fd0ff;font-size:11px;font-style:normal}.ap-ctl{align-items:center;gap:6px;display:flex}.ap-ctl button{color:#ffe39a;width:28px;height:28px;font:800 16px/1 var(--font-ui);cursor:pointer;background:radial-gradient(circle at 40% 35%,#3d3020,#17110a);border:1px solid #d9a441cc;border-radius:50%}.ap-ctl button:hover:not([disabled]){box-shadow:0 0 10px #ffd26eb3}.ap-ctl button[disabled]{opacity:.3;cursor:default}.ap-val{text-align:center;min-width:46px;font:800 17px/1 var(--font-ui);color:#fff}.ap-val sup{color:#7dff9e;margin-left:2px;font-size:11px}.ap-stats{background:#0408108c;border:1px solid #d9a44138;border-radius:4px 14px;padding:8px 12px}.ap-sub{font:800 11px/1 var(--font-ui);letter-spacing:3px;color:#d9a441;margin:2px 0 8px}.ap-stat{border-bottom:1px dashed #d9a4411f;align-items:baseline;gap:6px;padding:3px 0;font-size:12.5px;display:flex}.ap-stat span{color:#b9b09a;flex:1}.ap-stat b{color:#f3ead2}.ap-stat em{color:#7dff9e;font-style:normal;font-weight:700}.ap-note{color:#8f8770;margin-top:8px;font-size:11px}.ap-act{border-top:1px solid #d9a4414d;align-items:center;gap:10px;padding:10px 18px 14px;display:flex}.ap-msg{color:#ffd2a0;flex:1;font-size:12px}.ap-auto{color:#bdb28f;font:800 12px/1 var(--font-ui);letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #d9a44199;border-radius:4px 12px;padding:8px 12px}.ap-auto.on{color:#c9f5d4;background:#6fd38a2e;border-color:#6fd38a}.ap-undo,.ap-ok{font:800 13px/1 var(--font-ui);letter-spacing:1px;cursor:pointer;border-radius:4px 12px;padding:8px 18px}.ap-undo{color:#e9dcb6;background:#ffffff0a;border:1px solid #d9a44199}.ap-ok{color:#1a1206;background:linear-gradient(#ffe39a,#d9a441);border:none;box-shadow:0 0 12px #ffd26e73}.ap-undo[disabled],.ap-ok[disabled]{opacity:.4;cursor:default}@media (max-width:700px){.ap-body{grid-template-columns:1fr}}.st-action{color:#f3ead2;font:800 13px/1 var(--font-ui);cursor:pointer;background:#ffffff0d;border:1px solid #d9a441b3;border-radius:6px;padding:8px 18px}.st-action.danger{color:#fff0e8;background:linear-gradient(#c8453d,#8c1612);border-color:#ff6e64cc}.st-action[disabled]{opacity:.5;cursor:default}.skill.unavailable{filter:brightness(.5)}.skill .slotbar{background:#050912bf;border-radius:2px;height:4px;display:none;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.skill.hasbar .slotbar{display:block}.skill .slotbar i{background:linear-gradient(90deg,#7fdcae,#6fc6f0,#b58cf0);width:100%;height:100%;transition:width .15s linear;display:block}.skill.hasbar.unavailable{filter:none}.skill.hasbar .cd{background:#05091259;font-size:12px}#bufftray{z-index:7;pointer-events:auto;flex-wrap:wrap;gap:3px;max-width:40vw;display:flex;position:fixed;top:31px;left:8px}#bufftray:empty{display:none}#bufftray .bt-i{color:#e9fff6;background:radial-gradient(circle at 35% 30%,#3c786ee6,#060e18eb);border:1px solid #5fd4b4bf;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;line-height:1;display:grid;position:relative;box-shadow:0 0 5px #5fd4b459}#bufftray .bt-i.bad{background:radial-gradient(circle at 35% 30%,#822828e6,#140608eb);border-color:#ff6e6ecc;box-shadow:0 0 5px #ff5a5a59}#bufftray .bt-i em{font:normal 700 7.5px / 1 var(--font-ui,sans-serif);color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;position:absolute;bottom:-4px;right:-3px}.st-multi{flex-wrap:wrap;gap:8px 12px;max-width:340px;display:flex}.st-multi label{cursor:pointer;align-items:center;gap:5px;font-size:12px;display:inline-flex}.st-multi input{accent-color:#d9a441}.st-heading{background:linear-gradient(90deg,#f4be4a29,#3cc8a00d 70%,#0000);border:1px solid #bea05a59;border-left:3px solid #f4be4a;border-radius:8px;align-items:center;gap:10px;margin:14px 0 2px;padding:8px 10px;display:flex}.st-heading:first-child{margin-top:6px}.st-heading svg{color:#f4be4a;flex:none;width:22px;height:22px}.st-heading b{letter-spacing:.6px;color:#ffe9a0;font-size:13px;display:block}.st-heading span{color:#9fb7a8;margin-top:1px;font-size:11px;display:block}.st-row.st-dim{opacity:.5;transition:opacity .15s}.st-row.st-dim:hover{opacity:.85}.st-chips{gap:8px;max-width:none}.st-chips label{color:#b9b090;background:#060a14cc;border:1px solid #bea05a80;border-radius:50%;justify-content:center;width:38px;height:38px;font-size:15px;font-weight:800;transition:background .15s,color .15s,border-color .15s;position:relative}.st-chips input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.st-chips label:has(input:checked){color:#c9ffe9;background:#3cc8a038;border-color:#5fe0b8}.st-chips label:has(input:focus-visible){outline-offset:2px;outline:2px solid #ffd76a}.st-chips label:hover{border-color:#f4be4a}#stats{top:var(--s2);right:var(--s3);background:var(--panel);border:1px solid var(--edge-soft);border-radius:var(--r-m);box-shadow:var(--shadow-1);font-family:var(--font-ui);font-size:var(--fs-m)}#stats .st{gap:var(--s1);padding:5px var(--s3)}#stats .st+.st{border-left:1px solid var(--edge-soft)}#stats .lbl{font-size:var(--fs-xs);color:var(--ink-mute)}#stats b{color:var(--ink)}#stats .gold b{color:var(--gold)}#stats .gem{background:var(--gold);box-shadow:var(--glow-gold)}#audiobtns{top:44px;right:var(--s3);gap:var(--s1)}#audiobtns button{border:1px solid var(--edge-soft);border-radius:var(--r-s);background:var(--panel);width:32px;height:32px;color:var(--gold);transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);padding:6px}#audiobtns button:hover{background:var(--obsidian-3);border-color:var(--gold)}#audiobtns button:active{background:var(--press);transform:translateY(1px)}#audiobtns button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}#audiobtns button[data-key]:before{font:700 var(--fs-xs) / 1 var(--font-ui);color:var(--ink-mute);opacity:1}#audiobtns .ap-btn-glyph{font:800 var(--fs-xs) / 1 var(--font-ui);letter-spacing:.3px}#zonelabel{top:var(--s2);padding:3px var(--s3);font:700 var(--fs-s) / 1.3 var(--font-ui);color:var(--gold);background:var(--panel);border:1px solid var(--edge-soft);border-radius:var(--r-s);text-shadow:none;letter-spacing:.4px}#toast{width:max-content;max-width:min(720px,92vw);padding:var(--s2) var(--s4);border:1px solid var(--edge-soft);border-radius:var(--r-m);background:var(--panel);box-shadow:var(--shadow-1);font:600 var(--fs-m) / 1.4 var(--font-ui);color:var(--ink);text-shadow:none;transition:opacity var(--t-slow) var(--ease);pointer-events:none;top:76px;left:50%;right:auto;transform:translate(-50%)}#bottom{bottom:var(--s3);gap:var(--s2)}#skills{gap:var(--s2)}.skill{border:1px solid var(--edge);border-radius:var(--r-m);background:var(--obsidian-2);width:60px;height:60px;box-shadow:var(--shadow-1);transition:border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease)}.skill:hover{border-color:var(--gold)}.skill:active{transform:translateY(1px)}.skill.has-icon{background-color:var(--obsidian-2)}.skill.has-icon .key,.skill .key{background:var(--obsidian);color:var(--gold);font:800 var(--fs-s) / 18px var(--font-ui);border-radius:0 0 var(--r-s) 0}.skill .cd{font:800 var(--fs-xl) / 1 var(--font-ui);color:var(--ink);font-variant-numeric:tabular-nums}.bar{background:var(--obsidian-2);border:1px solid var(--edge-soft);border-radius:var(--r-s);width:360px;height:14px}.bar .fill{background:var(--red);transition:width var(--t-base) linear}.bar.mana{height:10px}.bar.xpbar{height:10px}.bar .fill.xp{background:var(--gold)}#hptext,#manatext,#xptext{font:700 var(--fs-xs) / 1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink);text-shadow:0 0 2px var(--obsidian)}#hptext{font-size:var(--fs-s)}#portrait{border:2px solid var(--gold);background:var(--obsidian);box-shadow:var(--shadow-1)}#minimap{right:var(--s3);bottom:var(--s3);background:var(--obsidian);border:1px solid var(--edge);border-radius:var(--r-m);box-shadow:var(--shadow-1);padding:3px}#camlock{right:calc(var(--s3) + 208px);bottom:var(--s3);width:32px;height:32px;z-index:var(--z-hud);border-radius:var(--r-s);border:1px solid var(--edge-soft);background:var(--panel);box-shadow:var(--shadow-1);color:var(--gold);cursor:pointer;pointer-events:auto;transition:all var(--t-fast) var(--ease);justify-content:center;align-items:center;padding:5px;display:inline-flex;position:fixed}#camlock:hover{background:var(--obsidian-3);border-color:var(--gold);color:var(--gold-hi);box-shadow:var(--glow-gold)}#camlock:active{background:var(--press);transform:translateY(1px)}#camlock svg{width:18px;height:18px;display:block}#camlock.locked{border-color:var(--gold);color:var(--gold-hi);background:var(--obsidian-2)}#camlock:not(.locked){opacity:.65;color:var(--ink-mute);border-color:var(--edge-soft)}#help{pointer-events:auto;z-index:60;bottom:10px;left:10px;box-shadow:none!important;white-space:normal!important;background:0 0!important;border:none!important;padding:0!important}#helptitle{background:var(--obsidian-2);border:1px solid var(--edge);border-radius:var(--r-s);box-shadow:var(--shadow-1);color:var(--gold);font:700 var(--fs-s) / 1.3 var(--font-ui);letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;padding:5px 12px;transition:all .18s;display:inline-flex}#helptitle:hover{background:var(--obsidian-3);border-color:var(--gold);box-shadow:var(--glow-gold);color:var(--gold-hi)}.hlp-btn-icon{font-size:13px;line-height:1}.hlp-btn-arrow{color:var(--ink-mute);font-size:11px;transition:transform .2s}#help:not(.collapsed) .hlp-btn-arrow{color:var(--gold);transform:rotate(180deg)}#help.collapsed #helpbody{display:none}#help:not(.collapsed) #helpbody{z-index:70;background:var(--panel-solid);border:1px solid var(--edge);border-radius:var(--r-m);width:min(580px,94vw);box-shadow:var(--shadow-2);white-space:normal;flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) hlpFadeUp;display:flex;position:fixed;overflow:hidden}@keyframes hlpFadeUp{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.hlp-head{background:var(--obsidian-2);border-bottom:1px solid var(--edge-soft);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;display:flex}.hlp-title-wrap{align-items:center;gap:8px;display:flex}.hlp-sym{color:var(--gold);font-size:14px}.hlp-title{color:var(--gold);font:700 var(--fs-m) / 1.2 var(--font-title);letter-spacing:.08em;text-transform:uppercase}.hlp-mode-pill{background:var(--obsidian-3);border:1px solid var(--edge-soft);border-radius:var(--r-s);font:500 var(--fs-xs) / 1 var(--font-ui);color:var(--ink-dim);white-space:nowrap;padding:3px 8px}.hlp-mode-pill b{color:var(--jade)}.hlp-close{border-radius:var(--r-s);width:24px;height:24px;color:var(--ink-mute);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;font-size:13px;transition:all .15s;display:inline-flex}.hlp-close:hover{background:var(--obsidian-4);border-color:var(--edge-soft);color:var(--gold)}.hlp-content{flex-direction:column;flex:auto;gap:12px;min-height:0;padding:12px 14px;display:flex;overflow:hidden auto}.hlp-sec{flex-direction:column;gap:6px;display:flex}.hlp-sec-title{font:700 var(--fs-xs) / 1 var(--font-ui);color:var(--gold-hi);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px dashed var(--edge-soft);align-items:center;gap:6px;padding-bottom:4px;display:flex}.hlp-dot{background:var(--jade);width:5px;height:5px;box-shadow:var(--glow-jade);border-radius:50%}.hlp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;display:grid}.hlp-row{font-size:var(--fs-xs);align-items:flex-start;gap:8px;min-width:0;padding:2px 0;line-height:1.45;display:flex}.hlp-keys{flex-wrap:wrap;flex:none;align-items:center;gap:3px;display:inline-flex}.hlp-kbd{text-align:center;background:var(--obsidian-3);border:1px solid var(--edge-soft);border-bottom:2px solid var(--edge);border-radius:var(--r-s);min-width:18px;color:var(--gold);font:700 var(--fs-xs) / 1 var(--font-ui);box-shadow:var(--shadow-1);white-space:nowrap;padding:2px 6px;display:inline-block}.hlp-kbd.mouse{color:var(--jade);border-color:var(--edge-jade);border-bottom-color:var(--jade)}.hlp-plus{color:var(--ink-mute);font-size:10px}.hlp-desc{color:var(--ink);word-break:break-word;overflow-wrap:break-word;white-space:normal;flex:1;min-width:0}.hlp-footer{background:var(--obsidian-2);border-top:1px solid var(--edge-soft);color:var(--ink-mute);font:italic var(--fs-xs) / 1.4 var(--font-ui);flex:none;padding:7px 14px}@media (max-width:600px){.hlp-grid{grid-template-columns:1fr}}@media (max-height:800px){.skill{width:56px;height:56px}.bar{width:320px}#toast{top:70px}}#stats{background:var(--hud-navy);border:1px solid var(--edge);box-shadow:var(--shadow-1), inset 0 1px 0 var(--hud-sheen), 0 0 10px var(--hud-violet-soft);pointer-events:auto}#stats .st{flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:52px;padding:4px 10px 5px;line-height:1.1}#stats .lbl{font:600 10px / 1 var(--font-ui);letter-spacing:.02em;color:color-mix(in srgb, var(--gold) 70%, var(--ink-cool))}#stats b{font:700 14px / 1.15 var(--font-ui);font-variant-numeric:tabular-nums}#stats .gold{flex-direction:column}#stats .gold .gem{opacity:0;position:absolute}#stats .gold b:before{content:"◆ ";color:var(--gold);text-shadow:var(--glow-gold);font-size:10px}#audiobtns{flex-wrap:wrap;justify-content:flex-end;max-width:min(560px,60vw);top:52px}#audiobtns button{background:var(--hud-navy);border:1px solid var(--edge-soft);border-radius:var(--r-m);width:auto;min-width:32px;height:30px;color:var(--gold-hi,var(--gold-hi));justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:relative}#audiobtns button:hover,#audiobtns button:focus-visible{background:var(--hud-violet-panel);border-color:var(--gold);box-shadow:0 0 8px var(--hud-violet-soft), var(--glow-gold)}#audiobtns button svg{flex:none;width:16px;height:16px}#audiobtns .ap-btn-glyph{display:none}#audiobtns .ap-btn-label{font:700 12px / 1 var(--font-ui);white-space:nowrap}#audiobtns button[data-key]:before{content:attr(data-key);border:1px solid var(--edge-soft);background:var(--obsidian);min-width:13px;font:700 9px / 1 var(--font-ui);color:var(--gold);text-shadow:none;opacity:1;border-radius:4px;padding:1px 3px;top:-6px;left:auto;right:-4px;transform:none}#audiobtns #btn-auto{padding:0 10px!important}@media (max-width:1180px){#audiobtns .ap-btn-label{display:none}#audiobtns .ap-btn-glyph{display:inline}#audiobtns button{min-width:32px;padding:0 7px}#stats .st{min-width:44px;padding:3px 7px 4px}}@media (max-width:760px){#stats .lbl{font-size:9px}#stats b{font-size:12px}#stats .st{min-width:36px;padding:3px 5px}}.atp{top:92px!important}#portrait{border-color:var(--gold);box-shadow:0 0 0 2px var(--hud-ring), 0 0 12px var(--hud-violet-soft), var(--shadow-1)}#portrait .pt-lv{border:1px solid var(--gold);background:var(--hud-navy);color:var(--gold-hi,var(--gold-hi));font:700 11px / 1.2 var(--font-ui);white-space:nowrap;box-shadow:var(--shadow-1);pointer-events:none;border-radius:999px;padding:2px 8px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}#portrait .pt-info{border:1px solid var(--edge-soft);border-radius:var(--r-m);background:var(--hud-navy);text-align:center;white-space:nowrap;box-shadow:var(--shadow-1);pointer-events:none;padding:3px 10px 4px;line-height:1.2;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:none!important}#portrait .pt-name{font:700 13px / 1.2 var(--font-title);color:var(--ink);display:block}#portrait .pt-realm{font:600 10.5px / 1.2 var(--font-ui);color:color-mix(in srgb, var(--hud-violet) 75%, var(--white));display:block}.bar{border-color:var(--edge-soft);box-shadow:inset 0 1px 2px var(--inset-dark)}.bar.mana .fill{background:linear-gradient(90deg, var(--hud-mana-blue), var(--hud-violet))}.skill:hover,.skill:focus-visible{box-shadow:0 0 10px var(--hud-violet-soft), var(--shadow-1)}.ux-tip{border:1px solid var(--edge);border-radius:var(--r-m);background:var(--hud-navy);max-width:280px;box-shadow:var(--shadow-1), 0 0 14px var(--hud-violet-soft), inset 0 1px 0 var(--hud-sheen);font:500 12.5px / 1.5 var(--font-ui);transform-origin:var(--tip-ox,50%) var(--tip-oy,100%);padding:8px 12px 9px;transition:opacity .14s,transform .16s cubic-bezier(.2,.8,.3,1.2);position:fixed;transform:translateY(3px)scale(.96)}.ux-tip.show{transform:none}.ux-tip b{font:700 13.5px / 1.3 var(--font-ui);color:var(--gold-hi,var(--gold-hi));align-items:center;gap:8px;margin-bottom:2px;display:flex}.ux-tip kbd{border:1px solid var(--edge);background:var(--obsidian);font:700 11px / 1.3 var(--font-ui);color:var(--gold);border-radius:4px;margin-left:auto;padding:1px 6px}@media (prefers-reduced-motion:reduce){.ux-tip{transition:opacity .1s linear;transform:none}}.st-slider-wrap{flex:none;align-items:center;gap:12px;min-width:180px;display:flex}.st-slider{appearance:none;background:var(--track);border:1px solid var(--edge-bronze);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.st-slider::-webkit-slider-thumb{appearance:none;background:var(--knob-gold);border:2px solid var(--knob-gold-edge);width:16px;height:16px;box-shadow:0 0 6px var(--knob-gold-glow);cursor:pointer;border-radius:50%;transition:transform .1s}.st-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.st-slider::-moz-range-thumb{background:var(--knob-gold);border:2px solid var(--knob-gold-edge);width:16px;height:16px;box-shadow:0 0 6px var(--knob-gold-glow);cursor:pointer;border-radius:50%}.st-slider-val{min-width:42px;color:var(--gold-pale);text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}#sect-passive-badge{display:none!important}#bufftray{gap:6px;top:34px}#bufftray .bt-i{--bt:95, 212, 180;border:1.5px solid rgba(var(--bt), .9);background:radial-gradient(circle at 35% 28%, rgba(var(--bt), .55), #080e1af0 72%);width:26px;height:26px;box-shadow:0 0 8px rgba(var(--bt), .55), inset 0 0 6px #ffecbe2e;color:#fff8e4;font-size:14px}#bufftray .bt-i b{text-shadow:0 0 6px rgba(var(--bt), .95);z-index:1;font-weight:400}#bufftray .bt-i:before{content:"";pointer-events:none;background:conic-gradient(from 0deg, transparent 0 55%, rgba(var(--bt), .85) 75%, transparent 90%);border-radius:50%;animation:4s linear infinite bt-spin;position:absolute;inset:-4px;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60% 100%);mask:radial-gradient(circle,#0000 58%,#000 60% 100%)}#bufftray .bt-i.bad:before{animation-duration:2.2s}#bufftray .bt-i.k-haste{--bt:255, 214, 110}#bufftray .bt-i.k-shield{--bt:110, 235, 205}#bufftray .bt-i.k-med{--bt:190, 150, 255}#bufftray .bt-i.k-rank{--bt:255, 196, 70}#bufftray .bt-i.bad{--bt:255, 100, 100;background:radial-gradient(circle at 35% 28%, rgba(var(--bt), .45), #180608f0 72%);border-color:#ff6e6ee6}#bufftray .bt-i.k-slow{--bt:120, 200, 255}#bufftray .bt-i.k-poison{--bt:120, 220, 90}#bufftray .bt-i.k-burn{--bt:255, 140, 60}#bufftray .bt-i em{font-size:9px;bottom:-5px;right:-4px}@keyframes bt-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#bufftray .bt-i:before{animation:none}}#stats,#zonelabel,#helpbody{background:linear-gradient(145deg, var(--obsidian-3), var(--panel-solid) 75%);border-color:var(--edge);box-shadow:inset 0 1px 0 var(--hud-sheen), var(--shadow-2)}#stats b{font-variant-numeric:tabular-nums;letter-spacing:.03em}#audiobtns button{background:linear-gradient(160deg, var(--obsidian-3), var(--panel-solid));box-shadow:inset 0 1px 0 var(--hud-sheen), var(--shadow-1)}#audiobtns button:hover{background:linear-gradient(160deg, var(--obsidian-4), var(--obsidian-2));color:var(--gold-hi)}.skill{border-color:var(--edge);box-shadow:inset 0 1px 0 var(--hud-sheen), var(--shadow-1)}.skill .key{color:var(--gold-hi);background:var(--panel-solid);border:1px solid var(--edge-soft);border-radius:var(--r-s);text-shadow:none}.skill .cd{font-variant-numeric:tabular-nums}#helptitle:focus-visible,.skill:focus-visible{outline:2px solid var(--jade-hi);outline-offset:3px}#helpbody kbd{box-shadow:inset 0 1px 0 var(--hud-sheen), 0 2px 0 var(--inset-dark)}@media (hover:hover) and (prefers-reduced-motion:no-preference){#audiobtns button:hover{transform:translateY(-2px)}#audiobtns button:active{transform:translateY(1px)}}.skill.cast-flash{animation:.3s ease-out both castAura}@keyframes castAura{0%{border-color:var(--gold);box-shadow:var(--glow-gold)}to{border-color:var(--edge-soft);box-shadow:var(--shadow-1)}}#portrait.basic-attack-flash{animation:.22s ease-out both xuanHoaiAttackFlash}@keyframes xuanHoaiAttackFlash{0%{border-color:var(--gold-hi);box-shadow:var(--glow-gold)}to{border-color:var(--gold);box-shadow:0 0 0 2px var(--hud-ring), 0 0 12px var(--hud-violet-soft), var(--shadow-1)}}@media (prefers-reduced-motion:reduce){.skill.cast-flash,#portrait.basic-attack-flash{animation:none}}#hero-select{background:var(--obsidian);color:var(--ink);gap:var(--s2) var(--s5);padding:var(--s4) var(--s5);transition:opacity var(--t-slow) var(--ease);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(140px,14%) 1fr minmax(300px,30%)}#hs-bg{opacity:.32;transform:none}#hs-title{color:var(--gold);filter:none;font:700 clamp(18px, 3.4vh, 28px) / 1.2 var(--font-title);letter-spacing:.32em;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;padding-left:.32em}#hs-stage{grid-area:2/1/auto/3}#hs-list{padding:var(--s2) 0 0;flex-direction:row;grid-area:3/1/auto/3;justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,28px);overflow:visible}.hs-card{width:clamp(120px,13vw,176px);padding:0 var(--s2) var(--s3);box-shadow:none;text-align:center;cursor:pointer;transition:transform var(--t-base) var(--ease);background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:2px;position:relative}.hs-card:before,.hs-card:after{content:"";pointer-events:none;position:absolute;bottom:0;left:0;right:0}.hs-card:before{background:var(--gold-dim);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);transition:background-color var(--t-base) var(--ease);top:34px}.hs-card:after{background:linear-gradient(180deg, var(--obsidian-4), var(--obsidian-2));clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);inset:38px 3px 3px}.hs-card:hover{border-color:#0000;transform:translateY(-3px)}.hs-card:hover:before{background:var(--gold)}.hs-card.on{box-shadow:none;background:0 0;border-color:#0000;transform:translateY(-8px)}.hs-card.on:before{background:var(--jade)}.hs-card.on:after{background:linear-gradient(180deg, var(--jade-dim), var(--obsidian-3))}.hs-card:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.hs-face{z-index:1;border:2px solid var(--gold);background:var(--obsidian);width:clamp(48px,8.5vh,64px);height:clamp(48px,8.5vh,64px);box-shadow:var(--shadow-1);transition:border-color var(--t-base) var(--ease);border-radius:50%;position:relative}.hs-card.on .hs-face{border-color:var(--jade);box-shadow:var(--glow-jade)}.hs-meta{z-index:1;align-items:center;gap:1px;position:relative}.hs-meta b{color:var(--gold);font:700 var(--fs-m) / 1.25 var(--font-title);letter-spacing:.3px}.hs-card.on .hs-meta b{color:var(--ink)}.hs-meta i{color:var(--ink-dim);font-size:var(--fs-xs)}#hs-info{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-m);box-shadow:var(--shadow-2);color:var(--ink);font-family:var(--font-ui);grid-area:2/3/4}#hs-name{color:var(--gold);font-family:var(--font-title);text-shadow:none}.hs-stat i{background:var(--obsidian-2);border:1px solid var(--edge-soft)}.hs-stat em{background:var(--jade)}.hs-stat b,.hs-stat span{color:var(--ink-dim);font-variant-numeric:tabular-nums}.hs-skill{border:1px solid var(--edge-soft);border-radius:var(--r-s);background:var(--obsidian-2);transition:border-color var(--t-fast) var(--ease)}.hs-skill:hover{border-color:var(--gold)}.hs-skill.on{border-color:var(--jade);box-shadow:var(--glow-jade)}.hs-skill:focus-visible{outline:2px solid var(--blue);outline-offset:2px}#hs-desc{color:var(--ink-dim)}.hs-desc-head b{color:var(--gold)}#hs-origin span{border:1px solid var(--edge-soft);background:var(--obsidian-2);color:var(--ink-dim)}#hs-origin b{color:var(--ink)}#hs-back{border:1px solid var(--edge);border-radius:var(--r-m);background:var(--obsidian-2);min-height:44px;color:var(--ink);font:700 var(--fs-m) / 1 var(--font-ui);letter-spacing:.14em;transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);grid-area:4/1;align-self:center}#hs-back:hover{border-color:var(--gold);background:var(--obsidian-3)}#hs-form{grid-area:4/2}#hs-form label{color:var(--ink-dim);font-size:var(--fs-xs);letter-spacing:.12em}#hs-form input,#hs-form select{border:1px solid var(--edge);border-radius:var(--r-s);background:var(--obsidian-2);min-height:40px;color:var(--ink);font:600 var(--fs-m) / 1.2 var(--font-ui)}#hs-form input:focus-visible,#hs-form select:focus-visible{outline:2px solid var(--blue);outline-offset:1px}#hs-sect-note{color:var(--ink-dim);text-shadow:none}#hs-go{border:1px solid var(--gold);border-radius:var(--r-m);background:var(--gold);min-height:44px;color:var(--on-gold);font:800 var(--fs-m) / 1.1 var(--font-ui);letter-spacing:.1em;box-shadow:none;transition:background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);grid-area:4/3;align-self:center}#hs-go:hover:not(:disabled){background:var(--gold-hi)}#hs-go:active:not(:disabled){transform:translateY(1px)}#hs-go:disabled{opacity:.45}#hs-go:focus-visible,#hs-back:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (max-height:800px){#hero-select{padding:var(--s3) var(--s4)}.hs-card{width:clamp(112px,12vw,150px)}}#btn-cq{position:relative}#btn-cq .ap-btn-glyph{font:800 12px/1 var(--font-ui);letter-spacing:.5px}#btn-cq .cq-badge{min-width:16px;height:16px;font:800 10px/16px var(--font-ui);color:#04160c;pointer-events:none;background:linear-gradient(#b8ffd0,#3fbf7a);border-radius:8px;padding:0 4px;font-style:normal;animation:1.6s ease-in-out infinite ap-pulse;position:absolute;top:-5px;right:-6px;box-shadow:0 0 8px #78ffb4e6}#cq-panel{z-index:9000;background:#02060e9e;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#cq-panel.show{display:flex}.cq-wrap{color:#f3ead2;width:min(920px,96vw);max-height:92vh;font:500 13px/1.45 var(--font-ui);background:radial-gradient(at 12% 0,#78dcaa1a,#0000 55%),radial-gradient(at 92% 100%,#d9a4411a,#0000 50%),linear-gradient(#0e1a28f7,#060a14fa);border:1px solid #d9a441b3;border-radius:8px 24px;flex-direction:column;display:flex;box-shadow:0 16px 50px #000000b3,inset 0 0 0 4px #060a14e6,inset 0 0 0 5px #d9a44140}.cq-head{border-bottom:1px solid #d9a4414d;align-items:center;gap:12px;padding:12px 20px 10px;display:flex}.cq-title{font:800 17px/1 var(--font-ui);letter-spacing:5px;background:linear-gradient(#fff3c4,#d9a441);color:#0000;-webkit-background-clip:text;background-clip:text}.cq-realmtag{color:#d9c79a;border:1px solid #d9a44166;border-radius:999px;margin-right:auto;padding:3px 10px;font-size:11px}.cq-close{color:#d9c79a;cursor:pointer;background:0 0;border:none;font-size:18px}.cq-strips{grid-template-columns:1.4fr 1fr;gap:10px;padding:10px 20px 4px;display:grid}.cq-cult,.cq-loc{background:#ffffff08;border:1px solid #d9a44140;border-radius:6px 16px;padding:10px 12px}.cq-cult-h{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.cq-cult-h b{color:#ffe9b0;font-size:14px}.cq-cult-h span{color:#cbbd97;font-size:12px}.cq-hint{color:#b9c9d8;margin-top:6px;font-size:12px}.cq-hint.hot{color:#7dff9e;font-weight:700}.cq-loc{color:#cbbd97;flex-direction:column;justify-content:center;gap:8px;font-size:12px;display:flex}.cq-loc b{color:#ffe39a}.cq-loc.ok{color:#b8f5cf;background:#3caa6e14;border-color:#78ffb48c}.cq-loc .cq-sub{align-self:flex-start}.cq-body{flex-direction:column;gap:10px;padding:8px 20px 10px;display:flex;overflow:auto}.cq-cols{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.cq-col{flex-direction:column;gap:8px;min-width:0;display:flex}.cq-sub-h{min-height:24px;font:800 11px/1 var(--font-ui);letter-spacing:3px;color:#d9a441;justify-content:space-between;align-items:center;display:flex}.cq-card{background:linear-gradient(135deg,#d9a44114,#508cdc0a);border:1px solid #d9a44140;border-radius:6px 16px;flex-direction:column;gap:7px;padding:11px 12px 10px;display:flex}.cq-card.ready{border-color:#78ffb4bf;box-shadow:0 0 14px #78ffb438}.cq-card.quest-auto-active{border-color:#5adcffd9;animation:1.6s ease-in-out infinite alternate qa-glow;box-shadow:0 0 16px #5adcff59}@keyframes qa-glow{0%{box-shadow:0 0 8px #5adcff33}to{box-shadow:0 0 18px #5adcff80}}.cq-card.gate{background:linear-gradient(135deg,#ff824621,#d9a4410d);border-color:#ff965abf}.cq-card-h{align-items:center;gap:8px;display:flex}.cq-card-h b{color:#ffe9b0;font-size:14px;line-height:1.3}.cq-tag{font:800 10.5px/1.2 var(--font-ui);color:#ffe9b0;white-space:nowrap;background:#2b1d0b;border:1px solid #ffd26e80;border-radius:999px;flex:none;padding:3px 8px}.cq-tag.k-kill{color:#ffd2c4;background:#3a1a12;border-color:#e0795a}.cq-tag.k-boss{color:#ffd0da;background:#3a1220;border-color:#e0607a}.cq-tag.k-gather{color:#cdf5da;background:#10301d;border-color:#6ec28a}.cq-tag.k-alchemy{color:#ecd8ff;background:#2a1a40;border-color:#c78bff}.cq-tag.k-explore{color:#d3ecff;background:#10283f;border-color:#6ab8f0}.cq-tag.k-trial{color:#fff0c4;background:#3a2a0c;border-color:#f0c05a}.cq-tag.k-breakthrough{color:#ffe0cc;background:#40200c;border-color:#ff9a5a}.cq-obj{color:#dcd3bb;margin:0;font-size:12.5px}.cq-obj b{color:#ffb98a}.cq-obj kbd{font:700 11px var(--font-ui);border:1px solid #ffffff4d;border-radius:4px;padding:0 5px}.cq-prog{align-items:center;gap:10px;display:flex}.cq-bar{background:#ffffff17;border-radius:4px;flex:1;height:8px;overflow:hidden}.cq-bar.big{border-radius:6px;height:12px}.cq-bar span{background:linear-gradient(90deg,#3fbf7a,#ffe39a);height:100%;transition:width .3s;display:block}.cq-count{text-align:right;min-width:42px;font:800 13px/1 var(--font-ui);color:#ffe9b0;flex:none}.cq-zones,.cq-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cq-zone{color:#cfc7b0;border:1px solid #ffffff2e;border-radius:999px;padding:2px 9px;font-size:11.5px}.cq-zone.ok{color:#7dff9e;border-color:#7dff9e99}.cq-chip{font:700 11.5px/1.5 var(--font-ui);border-radius:6px;padding:2px 9px}.cq-chip.xp{color:#04160c;background:linear-gradient(#c8ffd9,#5fd694)}.cq-chip.gold{color:#1a1206;background:linear-gradient(#ffe9a8,#e0b347)}.cq-chip.item{color:#d3ecff;background:#6ab8f02e;border:1px solid #6ab8f073}.cq-chips small{color:#8f8770;font-size:11px}.cq-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.cq-state{color:#a8a08a;font-size:11.5px}.cq-state.ok{color:#7dff9e;font-weight:700}.cq-btns{flex:none;gap:6px;display:flex}.cq-ok,.cq-sub{font:800 12px/1 var(--font-ui);letter-spacing:.5px;cursor:pointer;border-radius:4px 12px;padding:7px 14px}.cq-ok{color:#1a1206;background:linear-gradient(#ffe39a,#d9a441);border:none;box-shadow:0 0 10px #ffd26e66}.cq-sub{color:#e9dcb6;letter-spacing:0;background:#ffffff0a;border:1px solid #d9a44199}.cq-ok[disabled],.cq-sub[disabled]{opacity:.4;cursor:default}.cq-empty{color:#a39b83;border:1px dashed #d9a44159;border-radius:6px 16px;flex-direction:column;gap:4px;padding:14px 12px;font-size:12px;display:flex}.cq-empty b{color:#d9c79a}.cq-empty em{color:#ffe39a;font-style:normal}.cq-note{color:#8f8770;padding:2px 4px;font-size:11.5px}.cq-act{border-top:1px solid #d9a4414d;min-height:38px;padding:8px 20px 12px}.cq-msg{color:#ffd2a0;font-size:12.5px;display:inline-block}.cq-msg.on{background:#ffd2a01a;border:1px solid #ffd2a04d;border-radius:6px;padding:4px 10px}@media (max-width:760px){.cq-strips,.cq-cols{grid-template-columns:1fr}}#realm-panel{z-index:9000;background:radial-gradient(#060c16b3,#02040adb);justify-content:center;align-items:center;display:none;position:fixed;inset:0}#realm-panel.show{display:flex}.rm-card{color:#f3ead2;width:min(720px,96vw);max-height:min(90vh,880px);font:500 13px/1.5 var(--font-ui);background:radial-gradient(at 12% 0,#6ebedc29,#0000 55%),radial-gradient(at 95% 100%,#d9a4411f,#0000 55%),linear-gradient(#0d1a28,#060b15);border:1px solid #d9a441cc;border-radius:6px 26px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #000000bf,inset 0 0 0 4px #060a14eb,inset 0 0 0 5px #d9a44147}.rm-mist{pointer-events:none;background:radial-gradient(40% 18% at 20% 30%,#a0d2e612,#0000 70%),radial-gradient(45% 20% at 80% 65%,#d9a4410f,#0000 70%);animation:26s ease-in-out infinite alternate rm-drift;position:absolute;inset:-20% -10%}@keyframes rm-drift{to{transform:translate(4%,3%)scale(1.06)}}.rm-head{border-bottom:1px solid #d9a4414d;align-items:center;gap:10px;padding:12px 18px 10px;display:flex;position:relative}.rm-title{font:800 17px/1 var(--font-ui);letter-spacing:6px;background:linear-gradient(#fff3c4,#d9a441);color:#0000;-webkit-background-clip:text;background-clip:text;flex:1}.rm-key{font:800 11px/1.4 var(--font-ui);color:#d9c79a;border:1px solid #d9a44180;border-radius:4px;padding:2px 7px}.rm-close{color:#d9c79a;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;width:30px;height:30px;font-size:15px}.rm-close:hover{background:#ffffff1f}.rm-scroll{scrollbar-width:thin;scrollbar-color:#d9a44180 transparent;flex-direction:column;gap:12px;padding:14px 18px 18px;display:flex;position:relative;overflow:auto}.rm-now{background:linear-gradient(110deg,#d9a4411a,#3c78aa0f 60%,#0000);border:1px solid #d9a44166;border-radius:6px 20px;grid-template-columns:150px 1fr;align-items:center;gap:18px;padding:14px 16px;display:grid}.rm-seal{background:radial-gradient(circle at 50% 38%,#1b3347 0%,#08111e 72%);border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative;box-shadow:inset 0 0 22px #000000d9,0 0 24px #d9a44138}.rm-seal svg{width:100%;height:100%;position:absolute;inset:0}.rm-ring-bg{fill:none;stroke:#ffffff14;stroke-width:6px}.rm-ring{fill:none;stroke:#ffd36b;stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 5px #ffc85acc);transition:stroke-dashoffset .6s}.rm-seal.g10 .rm-ring{stroke:#9be8ff}.rm-seal-in{text-align:center;flex-direction:column;align-items:center;padding:0 14px;display:flex;position:relative}.rm-seal-in b{font:800 17px/1.15 var(--font-ui);color:#ffe9b0;text-shadow:0 0 12px #ffc85a8c}.rm-seal-in span{font:700 12px/1 var(--font-ui);color:#9fd3ff;margin-top:4px}.rm-now-label{font:800 19px/1.2 var(--font-ui);color:#fff3c4;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rm-rank,.rm-rk{font:800 11px/1.4 var(--font-ui);color:#ffd36b;background:#d9a4411a;border:1px solid #d9a441b3;border-radius:10px;padding:2px 8px}.rm-now-sub{color:#b9c9d6;margin-top:2px;font-size:12px}.rm-xp{align-items:baseline;gap:8px;margin-top:10px;display:flex}.rm-xp b{font:800 24px/1 var(--font-ui);color:#ffe9b0}.rm-xp span{color:#9fb2c2;font-size:12px}.rm-bar{background:#ffffff14;border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.rm-bar i{background:linear-gradient(90deg,#3fb8a5,#ffe39a);border-radius:4px;height:100%;transition:width .6s;display:block;box-shadow:0 0 8px #ffdc8299}.rm-dots{gap:6px;margin-top:10px;display:flex}.rm-dots i{background:#ffffff1a;border-radius:3px;flex:1;max-width:36px;height:6px}.rm-dots.many i{max-width:18px;height:5px}.rm-dots i.on{background:#c8993a}.rm-dots i.now{background:#ffe39a;box-shadow:0 0 8px #ffdc82e6}.rm-path{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;display:grid}.rm-pc{background:#ffffff08;border:1px solid #d9a4414d;border-radius:4px 14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.rm-pc small{font:800 10px/1 var(--font-ui);letter-spacing:2px;color:#8fa3b5}.rm-pc b{font:800 15px/1.2 var(--font-ui);color:#ffe9b0}.rm-pc span{color:#b9c9d6;font-size:11.5px}.rm-pc.cur{background:linear-gradient(135deg,#ffd36b24,#ffd36b08);border-color:#ffd36bcc;box-shadow:0 0 14px #ffc85a2e}.rm-pc.next{background:linear-gradient(135deg,#64aae624,#64aae608);border-color:#78bef0b3}.rm-pc.next.tr{border-color:#ffb347cc}.rm-arrow{color:#d9a441;place-items:center;font-size:18px;display:grid}.rm-q{background:linear-gradient(110deg,#ff82461a,#d9a4410a);border:1px solid #ff965a80;border-radius:6px 20px;padding:12px 14px}.rm-q.done{background:#ffffff08;border-color:#d9a4414d}.rm-q.fire{border-color:#ffd36b;box-shadow:0 0 20px #ffbe5059}.rm-qhead{font:800 12px/1.3 var(--font-ui);letter-spacing:2px;color:#ffb98a}.rm-qhead b{color:#ffe9b0;letter-spacing:1px;font-size:15px}.rm-qbar{background:#ffffff14;border-radius:3px;height:5px;margin:8px 0 10px;overflow:hidden}.rm-qbar i{background:linear-gradient(90deg,#ff9a5a,#ffe39a);height:100%;display:block}.rm-conds{flex-direction:column;gap:5px;display:flex}.rm-cond{background:#00000040;border-left:3px solid #b0453d;border-radius:4px 10px;grid-template-columns:22px 1fr auto auto;align-items:center;gap:8px;padding:6px 10px;display:grid}.rm-cond.ok{border-left-color:#3fbf7a}.rm-cond.tri{border-left-color:#b690ff}.rm-chk{color:#ff8a80;font-weight:800}.rm-cond.ok .rm-chk{color:#7dff9e}.rm-cond.tri .rm-chk{color:#d6b8ff}.rm-cn{min-width:0}.rm-cond b{font:800 12.5px/1 var(--font-ui);color:#ffe9b0}.rm-cond i{color:#8fd3ff;cursor:help;border:1px dashed #8fd3ff99;border-radius:8px;padding:1px 7px;font-size:10.5px;font-style:normal}.rm-cond .rm-src{font:600 10.5px/1 var(--font-ui);color:#8fd3ff;cursor:pointer;background:0 0;border:1px dashed #8fd3ff99;border-radius:8px;padding:2px 8px;transition:background .15s,color .15s,border-color .15s}.rm-cond .rm-src:hover,.rm-cond .rm-src:focus-visible{color:#dff1ff;background:#8fd3ff29;border-color:#8fd3fff2;outline:none}.rm-guide{display:none}.rm-guide.on{background:linear-gradient(#142a44eb,#0c182aeb);border:1px solid #78c8ff66;border-radius:10px;margin:10px 2px 2px;padding:10px 12px 11px;display:block;box-shadow:inset 0 0 22px #5ab4ff1f}.rm-ghead{font:700 11px/1 var(--font-ui);letter-spacing:.12em;color:#9fd8ff;justify-content:space-between;align-items:center;display:flex}.rm-gclose{color:#9fd8ff;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px}.rm-gname{font:700 13px/1.2 var(--font-ui);color:#ffe9b0;margin-top:7px}.rm-gbar{background:#060e1acc;border-radius:3px;height:5px;margin-top:7px;overflow:hidden}.rm-gbar i{background:linear-gradient(90deg,#4fc3f7,#b3ecff);height:100%;display:block}.rm-gprog{font:600 11px/1 var(--font-ui);color:#a9c6e0;margin-top:4px}.rm-gtext{color:#cfe0ef;margin-top:8px;font-size:12px;line-height:1.45}.rm-gtag{color:#8fb6d4;margin-top:7px;font-size:11px;line-height:1.4}.rm-gact{gap:10px;margin-top:9px;display:flex}.rm-gwalk{font:700 11.5px/1 var(--font-ui);letter-spacing:.06em;color:#dff1ff;cursor:pointer;background:#4fc3f729;border:1px solid #78c8ffb3;border-radius:8px;padding:6px 14px;transition:background .15s}.rm-gwalk:hover{background:#4fc3f74d}.rm-meta{color:#b9b09a;margin-top:8px;font-size:12px}.rm-qact{align-items:center;gap:12px;margin-top:10px;display:flex}.rm-break{color:#2a1604;font:800 15px/1 var(--font-ui);letter-spacing:3px;cursor:pointer;background:linear-gradient(#ffe39a,#d9941f);border:1px solid #ffdc8ce6;border-radius:6px 16px;padding:12px 34px;animation:1.8s ease-in-out infinite rm-pulse;position:relative;box-shadow:0 0 18px #ffbe508c}.rm-home{color:#b8f5cf;font:800 12px/1 var(--font-ui);letter-spacing:1.5px;cursor:pointer;background:#3caa6e2e;border:1px solid #78ffb4b3;border-radius:6px 16px;padding:12px 18px}.rm-home:hover{background:#3caa6e52}.rm-break:disabled{box-shadow:none;opacity:.4;cursor:default;filter:grayscale(.6);animation:none}@keyframes rm-pulse{50%{box-shadow:0 0 30px #ffd778f2}}.rm-msg{color:#ffd2a0;font-size:12px}.rm-tag{font:800 10px/1.5 var(--font-ui);letter-spacing:1px;cursor:help;border-radius:10px;margin-left:6px;padding:1px 8px;font-style:normal}.rm-tag.t{color:#3a2002;background:#ffb347}.rm-tag.p{color:#2a0a4a;background:#d6a8ff}.rm-body{flex-direction:column;gap:6px;display:flex}.rm-step{border:1px solid #ffffff1a;border-left:4px solid var(--st,#4fcfae);color:#f3ead2;font:700 12px/1 var(--font-ui);text-align:left;cursor:pointer;background:#ffffff0a;border-radius:4px 12px;grid-template-columns:auto 1fr auto 18px;align-items:center;gap:10px;margin-top:6px;padding:8px 12px;display:grid}.rm-step.s1{--st:#4fcfae}.rm-step.s2{--st:#6aa8ff}.rm-step.s3{--st:#b690ff}.rm-step.s4{--st:#ffb98a}.rm-step.here{background:linear-gradient(90deg,#ffffff1a,#ffffff08)}.rm-step-n{letter-spacing:2px;color:var(--st);font-size:10.5px}.rm-step-c{color:#9fb2c2;font-size:11px}.rm-realm{border:1px solid #0000;border-radius:4px 12px;grid-template-columns:22px 1fr;grid-template-areas:"dot rl"".rm"".pg"".nd";column-gap:10px;padding:8px 12px 8px 10px;display:grid;position:relative}.rm-realm>.rm-dot{width:16px;height:16px;font:800 10px/1 var(--font-ui);color:#04160c;border:1px solid #ffffff59;border-radius:50%;grid-area:dot;place-items:center;margin-top:3px;display:grid}.rm-rl{flex-wrap:wrap;grid-area:rl;align-items:center;gap:6px;display:flex}.rm-rl b{color:#f3ead2;font-size:14px}.rm-rm{color:#98aab8;grid-area:rm;font-size:11.5px}.rm-prog{color:#cfe9ff;grid-area:pg;margin-top:4px;font-size:12px}.rm-prog b{color:#ffe39a}.rm-need,.rm-note{color:#b9b09a;grid-area:nd;margin-top:4px;font-size:11.5px}.rm-note{color:#ffb347}.rm-realm.done{opacity:.62}.rm-realm.done .rm-dot{background:#3fbf7a;border-color:#3fbf7a}.rm-realm.cur{background:linear-gradient(90deg,#ffd36b29,#ffd36b08);border-color:#ffd36bd9;box-shadow:0 0 16px #ffc85a33}.rm-realm.cur .rm-dot{background:#ffd36b;border-color:#fff3c4;box-shadow:0 0 8px #ffdc82e6}.rm-realm.nxt{background:linear-gradient(90deg,#64aae61f,#64aae605);border-color:#78bef0a6}.rm-realm.nxt .rm-dot{border-color:#6aa8ff}.rm-realm.todo:not(.nxt){opacity:.78}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus:after{content:attr(data-tip);z-index:5;color:#f3ead2;width:max-content;max-width:min(260px,70vw);font:500 11.5px/1.45 var(--font-ui);letter-spacing:0;text-transform:none;white-space:normal;text-align:left;pointer-events:none;background:#080e18f7;border:1px solid #d9a441cc;border-radius:6px;padding:7px 10px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0009;display:none!important}[data-tip]:focus{outline:none}@media (max-width:620px){.rm-card{border-radius:0;width:100vw;max-height:100vh}.rm-now{text-align:center;grid-template-columns:1fr;justify-items:center}.rm-now-info{width:100%}.rm-now-label,.rm-xp,.rm-dots{justify-content:center}.rm-path{grid-template-columns:1fr}.rm-arrow{transform:rotate(90deg)}.rm-cond{grid-template-columns:22px 1fr auto}.rm-cond i{display:none}.rm-break{width:100%}.rm-qact{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.rm-mist,.rm-break{animation:none}}#btn-evo{position:relative}#btn-evo .ap-btn-glyph{font:800 12px/1 var(--font-ui);letter-spacing:.5px}#evo-panel{z-index:9000;background:#02060e9e;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#evo-panel.show{display:flex}.evo-wrap{color:#f3ead2;width:min(1040px,97vw);max-height:92vh;font:500 12.5px/1.45 var(--font-ui);background:linear-gradient(#0e1a28f7,#060a14fa);border:1px solid #d9a441b3;border-radius:8px 24px;flex-direction:column;display:flex;box-shadow:0 16px 50px #000000b3,inset 0 0 0 4px #060a14e6,inset 0 0 0 5px #d9a44140}.evo-top{border-bottom:1px solid #d9a4414d;align-items:center;gap:16px;padding:12px 20px;display:flex}.evo-title{font:800 16px/1 var(--font-ui);letter-spacing:4px;background:linear-gradient(#fff3c4,#d9a441);color:#0000;-webkit-background-clip:text;background-clip:text}.evo-tabs{gap:6px;margin-right:auto;display:flex}.evo-tab,.evo-chip{color:#e9dcb6;font:700 11.5px/1 var(--font-ui);cursor:pointer;background:#ffffff0a;border:1px solid #d9a44173;border-radius:999px;padding:6px 14px}.evo-tab.on,.evo-chip.on{color:#1a1206;background:linear-gradient(#ffe39a,#d9a441);border-color:#0000}.evo-close{color:#d9c79a;cursor:pointer;background:0 0;border:none;font-size:18px}.evo-body{padding:10px 20px 16px;overflow:auto}.evo-note{color:#cbbd97;margin:4px 0 10px}.evo-note b{color:#ffe39a}.evo-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.evo-scroll{padding-bottom:6px;overflow-x:auto}.evo-head,.evo-row{grid-template-columns:34px repeat(7,minmax(210px,1fr));gap:8px;min-width:1560px;display:grid}.evo-head{font:800 11px/1 var(--font-ui);letter-spacing:2px;color:#d9a441;margin-bottom:6px}.evo-head .cur{color:#7dff9e}.evo-row{align-items:stretch;margin-bottom:8px}.evo-key{font:800 16px/1 var(--font-ui);color:#ffe9b0;justify-content:center;align-items:center;display:flex}.evo-cell{background:linear-gradient(135deg,#d9a44112,#508cdc0a);border:1px solid #d9a44138;border-radius:6px 14px;gap:10px;padding:9px 10px;display:flex}.evo-cell.cur{border-color:#78ffb4bf;box-shadow:0 0 12px #78ffb438}.evo-icon{border-radius:10px;flex:none;width:54px;height:54px}.evo-txt{min-width:0}.evo-txt b{color:#ffe9b0;font-size:13px;display:block}.evo-realm{letter-spacing:1px;color:#9fb4c9;margin-bottom:3px;font-size:10.5px;display:block}.evo-txt p{color:#cfc7b0;margin:0 0 3px;font-size:11.5px}.evo-diff{color:#8fd0ff!important}.skill.has-icon.tier1{box-shadow:0 0 8px #dfe7ef73}.skill.has-icon.tier2{box-shadow:0 0 12px #ffe08ab3}.skill.has-icon.tier3{box-shadow:0 0 12px #7fe8ffcc}.skill.has-icon.tier4{box-shadow:0 0 14px #d49cffd9}.skill.has-icon.tier5{box-shadow:0 0 16px #ff8a6ae6}.skill.has-icon.tier6{box-shadow:0 0 18px #ff7ad8f2,0 0 6px #fff}.skill.upgraded{animation:2.4s ease-out skill-upgrade}@keyframes skill-upgrade{0%{filter:brightness(2.4)drop-shadow(0 0 14px #ffe08a);transform:scale(1.35)}40%{filter:brightness(1.6)drop-shadow(0 0 10px #ffe08a);transform:scale(1.08)}to{filter:none;transform:scale(1)}}.evo-9 .evo-head,.evo-9 .evo-row{grid-template-columns:34px repeat(9,minmax(210px,1fr));min-width:2000px}#btn-bag{position:relative}#btn-bag .ap-btn-glyph{font:800 12px/1 var(--font-ui);letter-spacing:.5px}#btn-bag.has-new:after{content:"";background:#ffd36b;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;right:3px;box-shadow:0 0 8px 2px #ffd36be6}#bag-panel{z-index:9000;background:#02060e9e;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#bag-panel.show{display:flex}.bag-wrap{color:#f3ead2;width:min(720px,97vw);max-height:92vh;font:500 12.5px/1.45 var(--font-ui);background:linear-gradient(#0e1a28f7,#060a14fa);border:1px solid #d9a441b3;border-radius:8px 24px;flex-direction:column;display:flex;box-shadow:0 16px 50px #000000b3,inset 0 0 0 4px #060a14e6,inset 0 0 0 5px #d9a44140}.bag-top{border-bottom:1px solid #d9a4414d;align-items:center;gap:12px;padding:12px 18px;display:flex}.bag-title{font:800 15px/1 var(--font-ui);letter-spacing:2px;color:#ffd36b}.bag-tabs{flex:1;justify-content:center;gap:6px;display:flex}.bag-tab-btn{color:#c9d6df;font:700 11px/1.8 var(--font-ui);cursor:pointer;background:#ffffff0d;border:1px solid #d9a44140;border-radius:4px;padding:0 10px;transition:all .15s}.bag-tab-btn:hover{color:#ffd36b;background:#d9a44126;border-color:#d9a44180}.bag-tab-btn.active{color:#fff;background:linear-gradient(#d9a44166,#78501499);border-color:#ffd36b;box-shadow:0 0 8px #d9a44166}.bag-sort{color:#b8e0ff;font:700 11px/1.8 var(--font-ui);cursor:pointer;background:#283c5a80;border:1px solid #64b4ff66;border-radius:4px;padding:0 10px;transition:all .15s}.bag-sort:hover{color:#fff;background:#3c78c899;box-shadow:0 0 10px #64b4ff80}.bag-close{color:inherit;cursor:pointer;background:0 0;border:0;font-size:16px}.bag-body{gap:16px;padding:16px 18px 18px;display:flex;overflow:auto}.bag-grid{flex:1;grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;gap:7px;display:grid}.bag-slot{aspect-ratio:1;border:2px solid var(--rc,#ffffff26);cursor:pointer;background:radial-gradient(circle at 50% 35%,#283c5ae6,#080e1af2);border-radius:8px;padding:0;position:relative;overflow:hidden}.bag-slot.empty{cursor:default;background:#ffffff08;border:1px solid #ffffff14}.bag-slot img{width:100%;height:100%;display:block}.bag-slot.on{box-shadow:0 0 0 2px #fff, 0 0 14px var(--rc)}.bag-slot.fresh:after{content:"";background:#ffd36b;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;left:3px;box-shadow:0 0 8px 2px #ffd36be6}.bag-n{font:800 11px/1 var(--font-ui);color:#fff;text-shadow:0 0 3px #000,0 0 3px #000,1px 1px #000;position:absolute;bottom:1px;right:3px}.bag-detail{text-align:center;background:#ffffff08;border:1px solid #d9a44140;border-radius:10px;flex:none;width:200px;padding:12px}.bag-big{background:radial-gradient(circle at 50% 35%,#283c5ae6,#080e1af2);border:2px solid;border-radius:12px;width:96px;height:96px}.bag-name{font:800 14px/1.2 var(--font-ui);margin-top:8px}.bag-rank{opacity:.7;margin-top:2px;font-size:11px}.bag-detail p{text-align:left;margin:8px 0 0}.bag-hint{opacity:.7}@media (max-width:640px){.bag-body{flex-direction:column}.bag-detail{width:auto}}#char-panel{z-index:950;-webkit-backdrop-filter:blur(8px);background:#03060eb8;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#char-panel.show{display:flex}.cp-wrap{color:#edf3ff;background:radial-gradient(circle at top,#141f36 0%,#090e1a 100%);border:1px solid #e2be6c66;border-radius:12px;flex-direction:column;width:900px;max-width:95vw;max-height:90vh;font-family:inherit;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #000c,0 0 32px #e2be6c26}.cp-header{background:linear-gradient(90deg,#233454cc 0%,#0d1424e6 100%);border-bottom:1px solid #e2be6c4d;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.cp-title-box{align-items:center;gap:12px;display:flex}.cp-badge-sect{color:#f1cd7a;letter-spacing:.5px;background:#e2be6c26;border:1px solid #e2be6c80;border-radius:4px;padding:3px 10px;font-size:13px;font-weight:600}.cp-title{color:#f6dc9c;letter-spacing:1.5px;text-shadow:0 0 12px #f6dc9c66;font-size:20px;font-weight:700}.cp-close{color:#b0c4de;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;place-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:grid}.cp-close:hover{color:#fff;background:#ff4d4d40;border-color:#ff6b6b}.cp-content{grid-template-columns:360px 1fr;gap:20px;padding:20px;display:grid;overflow-y:auto}.cp-left{background:#080d1899;border:1px solid #e2be6c33;border-radius:8px;flex-direction:column;align-items:center;padding:16px;display:flex;position:relative}.cp-hero-box{background:radial-gradient(circle,#22345566 0%,#0000 70%);justify-content:center;align-items:center;width:100%;height:280px;display:flex;position:relative}.cp-hero-avatar{object-fit:cover;background:#0f172a;border:2px solid #e2be6c;border-radius:50%;width:130px;height:130px;box-shadow:0 0 20px #e2be6c66}.cp-equip-grid{pointer-events:none;position:absolute;inset:0}.cp-slot{cursor:pointer;pointer-events:auto;background:#0e1626e6;border:1px solid #e2be6c66;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex;position:absolute;box-shadow:0 4px 12px #00000080}.cp-slot:hover{z-index:10;border-color:#f1cd7a;transform:scale(1.08);box-shadow:0 0 16px #f1cd7a80}.cp-slot.has-item{border-color:var(--slot-color,#5fd4b4);box-shadow:0 0 10px var(--slot-glow,#5fd4b44d)}.cp-slot img{object-fit:contain;width:32px;height:32px}.cp-slot-lbl{color:#94a3b8;text-align:center;white-space:nowrap;margin-top:2px;font-size:9px}.cp-slot-0{top:10px;left:16px}.cp-slot-1{top:76px;left:16px}.cp-slot-2{top:142px;left:16px}.cp-slot-3{top:208px;left:16px}.cp-slot-4{top:10px;right:16px}.cp-slot-5{top:76px;right:16px}.cp-slot-6{top:142px;right:16px}.cp-slot-7{top:208px;right:16px}.cp-hero-meta{border-top:1px solid #e2be6c33;flex-direction:column;gap:6px;width:100%;margin-top:14px;padding-top:12px;display:flex}.cp-meta-row{justify-content:space-between;font-size:13px;display:flex}.cp-meta-lbl{color:#94a3b8}.cp-meta-val{color:#f1cd7a;font-weight:600}.cp-right{flex-direction:column;gap:16px;display:flex}.cp-sec{background:#080d1899;border:1px solid #e2be6c33;border-radius:8px;padding:14px 18px}.cp-sec-title{color:#f1cd7a;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #e2be6c26;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:6px;font-size:14px;font-weight:700;display:flex}.cp-stat-grid{grid-template-columns:repeat(2,1fr);gap:8px 16px;display:grid}.cp-stat-item{border-bottom:1px dashed #ffffff0d;justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.cp-stat-lbl{color:#cbd5e1}.cp-stat-val{color:#5fd4b4;font-weight:600}.cp-stat-val.emp{color:#ffb86c}.cp-stat-val.crit{color:#ff79c6}.cp-xp-track{background:#0009;border:1px solid #e2be6c66;border-radius:9px;width:100%;height:18px;margin-top:6px;position:relative;overflow:hidden}.cp-xp-fill{background:linear-gradient(90deg,#d97706,#f59e0b,#fde047);height:100%;transition:width .3s;box-shadow:0 0 12px #f59e0b99}.cp-xp-text{color:#fff;text-shadow:0 1px 3px #000000e6;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.cp-actions{gap:12px;margin-top:auto;display:flex}.cp-btn-act{color:#f1cd7a;letter-spacing:.5px;cursor:pointer;background:linear-gradient(#2a3f68 0%,#17243c 100%);border:1px solid #e2be6c;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.cp-btn-act:hover{background:linear-gradient(#37538a 0%,#1f3050 100%);border-color:#ffd885;box-shadow:0 0 14px #e2be6c66}#pk-badge{z-index:25;position:absolute;top:-6px;right:-6px}.pk-trigger{text-align:center;box-sizing:border-box;width:32px;height:32px;box-shadow:0 2px 8px #000000b3, 0 0 8px var(--pk-glow,#5fd4b466);color:var(--pk-color,#5fd4b4);font-family:var(--font-ui,system-ui, -apple-system, sans-serif);letter-spacing:-.2px;text-shadow:0 1px 3px #000000e6, 0 0 6px var(--pk-glow,#5fd4b480);cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 35%,#1e2c44 0%,#090e18 100%);border:1.5px solid #e2be6c;border-radius:50%;outline:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:11.5px;font-weight:800;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.pk-trigger:hover{box-shadow:0 0 14px var(--pk-glow,#5fd4b4cc);transform:scale(1.12)}.pk-trigger-text{text-align:center;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex}.pk-menu{-webkit-backdrop-filter:blur(8px);z-index:100;background:#090e1af2;border:1px solid #e2be6c66;border-radius:8px;flex-direction:column;gap:4px;min-width:170px;padding:6px;display:none;position:absolute;bottom:40px;left:0;box-shadow:0 8px 24px #000c,0 0 16px #00000080}.pk-menu.open{animation:.2s ease-out pkFadeIn;display:flex}@keyframes pkFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pk-opt{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.pk-opt:hover{color:#fff;background:#ffffff14;border-color:#e2be6c4d}.pk-opt.active{color:#f1cd7a;background:#e2be6c26;border-color:#e2be6c}.pk-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px}.pk-dot.peace{color:#5fd4b4;background:#5fd4b4}.pk-dot.sect{color:#60a5fa;background:#60a5fa}.pk-dot.pk{color:#f87171;background:#f87171}#loot-layer{pointer-events:none;z-index:200;position:fixed;inset:0;overflow:hidden}.loot-label{border:1.5px solid var(--loot-color,#5fd4b4);box-shadow:0 2px 8px #000c, 0 0 10px var(--loot-glow,#5fd4b466);color:#fff;font:700 11px/1.3 var(--font-ui,system-ui);letter-spacing:.3px;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#060a14e0;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;transition:transform .12s,border-color .15s,box-shadow .15s;display:flex;position:absolute;transform:translate(-50%,-100%)}.loot-label:hover{box-shadow:0 0 16px var(--loot-glow,#5fd4b4cc);z-index:10;border-color:#fff;transform:translate(-50%,-108%)scale(1.08)}.loot-label .loot-tag{background:var(--loot-color,#5fd4b4);color:#060a14;border-radius:2px;padding:1px 4px;font-size:9.5px;font-weight:800}.loot-label .loot-name{color:var(--loot-text,#fff);text-shadow:0 1px 2px #000}.loot-label .loot-count{color:#ffd36b;font-weight:800}#refine-panel{z-index:9100;-webkit-backdrop-filter:blur(6px);background:#02060eb8;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#refine-panel.show{display:flex}.rf-wrap{color:#f3ead2;width:min(620px,96vw);max-height:94vh;font:500 13px/1.45 var(--font-ui,system-ui);background:linear-gradient(#0e1626fa,#060a12fc);border:1.5px solid #e2be6ca6;border-radius:12px 32px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 50px #000000d9,0 0 24px #e2be6c40}.rf-header{background:radial-gradient(circle at 50% 0,#e2be6c26,#0000 70%);border-bottom:1px solid #e2be6c4d;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.rf-title{font:800 16px/1 var(--font-ui);letter-spacing:2.5px;color:#ffd36b;text-shadow:0 0 10px #ffd36b80}.rf-close{color:#94a3b8;cursor:pointer;background:0 0;border:0;font-size:18px;transition:color .15s}.rf-close:hover{color:#fff}.rf-tabs{background:#0003;border-bottom:1px solid #ffffff14;gap:8px;padding:10px 18px 0;display:flex}.rf-tab-btn{color:#94a3b8;font:700 12.5px/1 var(--font-ui);cursor:pointer;background:#ffffff08;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;transition:all .2s;display:flex}.rf-tab-btn:hover{color:#ffd36b;background:#e2be6c1a}.rf-tab-btn.active{color:#fff;background:linear-gradient(#e2be6c40,#101a2cf2);border-color:#e2be6c80;box-shadow:0 -2px 10px #e2be6c4d}.rf-body{flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.rf-furnace-area{background:radial-gradient(circle,#e2be6c1f 0%,#060a1499 70%);border:1px solid #e2be6c33;border-radius:12px;justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.rf-bagua-bg{opacity:.6;border:2px dashed #e2be6c59;border-radius:50%;width:220px;height:220px;animation:30s linear infinite baguaSpin;position:absolute}@keyframes baguaSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rf-item-preview{z-index:2;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.rf-item-icon{filter:drop-shadow(0 0 12px var(--glow-color,#ffd36b99));font-size:42px;animation:2.5s ease-in-out infinite itemFloat}@keyframes itemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.rf-level-badge{font:900 16px/1 var(--font-ui);color:var(--glow-color,#ffd36b);text-shadow:0 0 12px var(--glow-color,#ffd36b);letter-spacing:1px}.rf-stat-compare{background:#ffffff08;border:1px solid #e2be6c33;border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.rf-stat-box{flex-direction:column;gap:3px;display:flex}.rf-stat-box.next{text-align:right}.rf-stat-lbl{color:#94a3b8;font-size:11px}.rf-stat-val{color:#fff;font-size:15px;font-weight:800}.rf-stat-val.up{color:#4ade80;text-shadow:0 0 8px #4ade8080}.rf-stat-arrow{color:#ffd36b;font-size:18px;font-weight:900}.rf-cost-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rf-cost-card{background:#0000004d;border:1px solid #ffffff12;border-radius:6px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.rf-cost-card .lbl{color:#94a3b8;font-size:11px}.rf-cost-card .val{color:#ffd36b;font-size:14px;font-weight:800}.rf-cost-card .val.lack{color:#f87171}.rf-action-box{flex-direction:column;align-items:center;gap:8px;display:flex}.rf-btn-upgrade{color:#fff;width:100%;font:900 15px/1 var(--font-ui);letter-spacing:2px;cursor:pointer;background:linear-gradient(#d9a441 0%,#8c5d12 100%);border:1.5px solid #ffd36b;border-radius:8px;padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #d9a44166}.rf-btn-upgrade:hover:not(:disabled){background:linear-gradient(#f1cd7a 0%,#a8721c 100%);transform:translateY(-2px);box-shadow:0 6px 24px #d9a441b3}.rf-btn-upgrade:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.rf-tip{color:#94a3b8;text-align:center;font-size:11.5px}#title-panel{z-index:95;-webkit-backdrop-filter:blur(8px);pointer-events:auto;-webkit-user-select:none;user-select:none;background:#04070cbf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#title-panel.show{display:flex}.tp-card{color:#e2e8f0;width:90vw;max-width:820px;max-height:88vh;font-family:var(--font-ui,system-ui, sans-serif);background:linear-gradient(145deg,#0f172af5 0%,#090d18fa 100%);border:1.5px solid #d6b26273;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 48px #000c,0 0 32px #d6b26226}.tp-head{background:linear-gradient(90deg,#1e293bb3 0%,#0f172ae6 100%);border-bottom:1px solid #d6b26240;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.tp-title{letter-spacing:1.5px;color:#ffd36b;text-shadow:0 0 12px #ffd36b66;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.tp-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;transition:all .2s}.tp-close:hover{color:#f87171;background:#ef444426}.tp-tabs{background:#0a0f1a99;border-bottom:1px solid #ffffff0f;gap:8px;padding:10px 20px;display:flex}.tp-tab-btn{color:#94a3b8;cursor:pointer;background:#1e293b80;border:1px solid #ffffff1a;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.tp-tab-btn:hover{color:#f1f5f9;border-color:#ffd36b66}.tp-tab-btn.active{color:#ffd36b;background:linear-gradient(135deg,#d6b26240,#b4823226);border-color:#ffd36b;box-shadow:0 0 12px #ffd36b33}.tp-body{flex:1;grid-template-columns:1fr 280px;gap:16px;padding:16px 20px;display:grid;overflow-y:auto}.tp-list{flex-direction:column;gap:10px;display:flex}.tp-item{background:#121a2ba6;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.tp-item:hover{background:#18233acc;border-color:#ffffff2e}.tp-item.equipped{background:#d6b26214;border-color:#ffd36b;box-shadow:inset 0 0 16px #d6b26214}.tp-item-left{flex-direction:column;gap:4px;display:flex}.tp-badge-preview{letter-spacing:.5px;border-radius:5px;align-items:center;width:-moz-fit-content;width:fit-content;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.tp-item-cond{color:#94a3b8;font-size:11.5px}.tp-item-bonus{color:#4ade80;font-size:12px;font-weight:600}.tp-item-right{align-items:center;gap:10px;display:flex}.tp-btn-action{cursor:pointer;border:1px solid #0000;border-radius:7px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s}.tp-btn-action.equip{color:#0f172a;background:linear-gradient(135deg,#f59e0b,#d97706)}.tp-btn-action.equip:hover{filter:brightness(1.15);box-shadow:0 0 10px #f59e0b66}.tp-btn-action.unequip{color:#cbd5e1;background:#334155b3;border-color:#ffffff26}.tp-btn-action.unequip:hover{color:#f87171;background:#475569e6}.tp-btn-action.locked{color:#64748b;cursor:not-allowed;background:#1e293b66;border-color:#ffffff0d}.tp-preview-box{background:#0c121eb3;border:1px solid #d6b26240;border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.tp-preview-title{color:#ffd36b;text-align:center;border-bottom:1px solid #ffffff14;padding-bottom:8px;font-size:13.5px;font-weight:700}.tp-current-badge-wrap{background:#121a2bb3;border:1px dashed #ffffff26;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;display:flex}.tp-mantle-section{flex-direction:column;gap:8px;display:flex}.tp-mantle-header{color:#cbd5e1;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;display:flex}.tp-mantle-card{background:#16213699;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.tp-mantle-icon{font-size:24px}.tp-mantle-info b{color:#f1f5f9;font-size:13px;display:block}.tp-mantle-info span{color:#94a3b8;font-size:11px}.tp-stat-summary{background:#0a0f1a99;border-radius:8px;flex-direction:column;gap:6px;padding:10px;font-size:12px;display:flex}.tp-stat-row{color:#94a3b8;justify-content:space-between;display:flex}.tp-stat-row b{color:#4ade80}#btn-title{position:relative}#btn-title .ap-btn-glyph{font-family:var(--font-title,serif);color:#f43f5e;text-shadow:0 0 8px #f43f5e99;font-weight:700}@media (max-width:640px){.tp-body{grid-template-columns:1fr}}.tp-item-prog{background:#ffffff12;border:1px solid #ffffff1f;border-radius:6px;width:min(260px,100%);height:12px;margin-top:4px;display:block;position:relative;overflow:hidden}.tp-item-prog i{opacity:.55;position:absolute;inset:0 auto 0 0}.tp-item-prog em{font:normal 700 9.5px / 12px var(--font-ui,sans-serif);text-align:center;color:#f1f5f9;text-shadow:0 0 2px #000;display:block;position:relative}#reward-popup{z-index:9500;pointer-events:none;display:none;position:fixed;top:18%;left:50%;transform:translate(-50%)}#reward-popup.show{display:block}.rw-card{text-align:center;color:#f3ead2;min-width:min(340px,88vw);font-family:var(--font-ui);pointer-events:auto;cursor:pointer;background:radial-gradient(at 50% 0,#ffdc8238,#0000 65%),linear-gradient(#101c2af5,#060a12f7);border:1px solid #ffd36be6;border-radius:6px 24px;padding:16px 30px 18px;animation:.45s cubic-bezier(.2,1.2,.3,1) rw-in;position:relative;box-shadow:0 14px 44px #000000b3,0 0 28px #ffc85a59,inset 0 0 0 4px #060a14e6,inset 0 0 0 5px #d9a4414d}.rw-card.big{border-color:#fff3c4;box-shadow:0 14px 54px #000000bf,0 0 46px #ffd26ea6,inset 0 0 0 4px #060a14e6,inset 0 0 0 5px #ffdc8c8c}.rw-glow{pointer-events:none;background:radial-gradient(#ffdc8259,#0000 70%);width:220px;height:120px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.rw-kicker{font:800 11px/1 var(--font-ui);letter-spacing:6px;color:#d9a441}.rw-title{font:800 22px/1.15 var(--font-ui);letter-spacing:3px;background:linear-gradient(#fff9d6,#e3a93a);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:8px}.rw-card.big .rw-title{font-size:26px}.rw-label{color:#9fd3ff;margin-top:4px;font-size:13px}.rw-gold{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.rw-gem{background:linear-gradient(135deg,#bff0ff,#4c9fe0);border-radius:6px;width:22px;height:22px;transform:rotate(45deg)scale(.8);box-shadow:0 0 12px #78c8ffe6}.rw-amt{font:800 30px/1 var(--font-ui);color:#ffe9b0;text-shadow:0 0 14px #ffc85ab3;min-width:90px}.rw-gold span{font:700 13px/1 var(--font-ui);color:#cbbd97}.rw-note{color:#98aab8;margin-top:10px;font-size:11.5px}@keyframes rw-in{0%{opacity:0;transform:translateY(-14px)scale(.92)}}@media (prefers-reduced-motion:reduce){.rw-card{animation:none}}#rank-panel{z-index:9000;background:#02060e9e;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#rank-panel.show{display:flex}.rk-card{color:#f3ead2;width:min(640px,96vw);max-height:88vh;font:500 13px/1.45 var(--font-ui);background:radial-gradient(at 10% 0,#78bedc24,#0000 55%),linear-gradient(#0d1a28,#060b15);border:1px solid #d9a441cc;border-radius:6px 24px;flex-direction:column;display:flex;box-shadow:0 18px 54px #000000bf,inset 0 0 0 4px #060a14eb,inset 0 0 0 5px #d9a44147}.rk-head{border-bottom:1px solid #d9a4414d;align-items:center;gap:10px;padding:12px 18px 10px;display:flex}.rk-title{font:800 15px/1.2 var(--font-ui);letter-spacing:3px;background:linear-gradient(#fff3c4,#d9a441);color:#0000;-webkit-background-clip:text;background-clip:text;flex:1}.rk-close,.rk-refresh{color:#d9c79a;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;width:30px;height:30px;font-size:15px}.rk-body{flex-direction:column;gap:6px;padding:12px 18px 16px;display:flex;overflow:auto}.rk-mine{background:linear-gradient(110deg,#ffd36b1f,#3c78aa0d);border:1px solid #ffd36b99;border-radius:6px 16px;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px;display:grid}.rk-mine small{font:800 9.5px/1.2 var(--font-ui);letter-spacing:1px;color:#8fa3b5;display:block}.rk-mine b{font:800 19px/1.3 var(--font-ui);color:#ffe9b0}.rk-mine b.sm{font-size:12.5px}.rk-h{font:800 11px/1 var(--font-ui);letter-spacing:3px;color:#d9a441;margin-top:10px}.rk-row{background:#ffffff08;border-radius:4px 12px;grid-template-columns:34px minmax(90px,170px) 1fr auto auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.rk-row.mine{background:linear-gradient(90deg,#ffd36b24,#ffd36b05);border:1px solid #ffd36bb3}.rk-row.home .rk-name:after{content:" ★";color:#ffd36b}.rk-pos{text-align:center;color:#cbbd97;font-weight:800}.rk-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rk-bar{background:#ffffff12;border-radius:3px;height:6px;overflow:hidden}.rk-bar i{background:linear-gradient(90deg,#3fb8a5,#ffe39a);height:100%;display:block}.rk-row b{color:#ffe9b0;font-weight:800}.rk-row small{color:#8fa3b5;text-align:right;min-width:52px}.rk-empty,.rk-note{color:#8f8770;padding:6px 4px;font-size:12px}.rk-buff-banner{color:#fff9d6;background:linear-gradient(90deg,#ffd7002e,#00e5ff14);border:1px solid #ffd70073;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;display:flex;box-shadow:0 0 12px #ffd70026}.rk-buff-icon{font-size:15px;animation:2s ease-in-out infinite alternate auraGlow}.rk-badge{white-space:nowrap;letter-spacing:.5px;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.rk-badge-supreme{color:#fff3a8;background:linear-gradient(135deg,#50320ae6,#1e1405f2);border-color:gold;animation:2.5s infinite alternate supremePulse;box-shadow:0 0 8px #ffd70073}.rk-badge-elder{color:#f1dbff;background:linear-gradient(135deg,#32144be6,#14081ef2);border-color:#c27bff;box-shadow:0 0 7px #c27bff66}.rk-badge-guardian{color:#bbf9ff;background:linear-gradient(135deg,#0a2d41e6,#05141ef2);border-color:#00e5ff;box-shadow:0 0 7px #00e5ff59}.rk-badge-elite{color:#d4ffd4;background:linear-gradient(135deg,#0f3219e6,#05140af2);border-color:#50fa7b}.rk-badge-inner{color:#dbe8ff;background:#1e283ccc;border-color:#70a1ff}.rk-badge-outer{color:#cfd8dc;background:#ffffff0d;border-color:#90a4ae}@keyframes supremePulse{0%{border-color:gold;box-shadow:0 0 6px #ffd7004d}to{border-color:#fff5a5;box-shadow:0 0 16px #ffd700bf,inset 0 0 8px #ffd7004d}}@keyframes auraGlow{0%{filter:drop-shadow(0 0 2px #ffd70066);transform:scale(1)}to{filter:drop-shadow(0 0 8px #ffd700e6);transform:scale(1.18)}}@media (max-width:560px){.rk-mine{grid-template-columns:repeat(2,1fr)}.rk-row{grid-template-columns:30px 1fr auto}.rk-row .rk-bar,.rk-row small{display:none}}#sect-rank-tooltip{z-index:99999;pointer-events:none;opacity:0;visibility:hidden;width:min(340px,92vw);transform-origin:var(--stip-ox,50%) var(--stip-oy,100%);color:#f3ead2;font:500 12.5px/1.45 var(--font-ui);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 0,#2d4b7859,#0000 70%),linear-gradient(#101a2cf7 0%,#070c16fa 100%);border:1px solid #d9a441a6;border-radius:6px 20px;padding:12px 14px;transition:opacity .16s cubic-bezier(.2,.8,.25,1),transform .18s cubic-bezier(.2,.8,.25,1.15),visibility .16s;position:fixed;transform:translateY(6px)scale(.96);box-shadow:0 16px 48px #000000d9,0 0 24px #d9a44138,inset 0 0 0 1px #ffebaf1f,inset 0 1px #ffffff40}#sect-rank-tooltip.show{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.srt-head{border-bottom:1px solid #d9a44140;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:9px;display:flex}.srt-ico{background:linear-gradient(135deg,#ffd70033,#0009);border:1px solid #ffd70066;border-radius:8px 14px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;animation:3s ease-in-out infinite alternate srtIconFloat;display:flex;box-shadow:0 0 12px #ffd70040,inset 0 0 8px #ffd70026}.srt-title-wrap{flex:1;min-width:0}.srt-title-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.srt-title-name{font:800 15px/1.2 var(--font-ui);letter-spacing:.5px;color:#fff4ca;text-shadow:0 0 10px #ffd70073}.srt-badge{letter-spacing:.5px;border:1px solid #0000;border-radius:4px;align-items:center;padding:1px 7px;font-size:9.5px;font-weight:800;display:inline-flex}.srt-sub{color:#9cb3c9;letter-spacing:.3px;margin-top:2px;font-size:11px}.srt-stats-box{background:#00000052;border:1px solid #ffffff12;border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.srt-stat-row{grid-template-columns:20px minmax(80px,1fr) auto auto;align-items:center;gap:8px;font-size:12px;display:grid}.srt-stat-ico{text-align:center;font-size:13px}.srt-stat-name{color:#b0c4de;font-weight:600}.srt-stat-pct{color:#ffd866;text-align:center;background:#ffd7001f;border:1px solid #ffd70040;border-radius:3px;min-width:44px;padding:1px 6px;font-size:11px;font-weight:800;display:inline-block}.srt-stat-compare{color:#fff9e6;text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.srt-stat-before{color:#8fa3b5;font-weight:500}.srt-stat-arrow{color:#d9a441;margin:0 3px;font-weight:800}.srt-stat-after{color:#50fa7b;text-shadow:0 0 6px #50fa7b59;font-weight:800}.srt-stat-zero{color:#8e9ca8}.srt-countdown{color:#e0d7be;background:linear-gradient(90deg,#4078b426,#d9a44114);border:1px dashed #d9a44159;border-radius:4px;align-items:center;gap:6px;margin-top:8px;padding:6px 8px;font-size:11px;display:flex}.srt-timer-icon{font-size:13px;animation:8s linear infinite srtSpinClock}.srt-timer-val{color:#ffe380;font-variant-numeric:tabular-nums;font-weight:800}.srt-lore{color:#7b8e9f;text-align:center;margin-top:6px;font-size:10.5px;font-style:italic;line-height:1.35}#sect-rank-notifier{z-index:100000;opacity:0;pointer-events:none;visibility:hidden;color:#fff9e6;width:min(440px,94vw);font:500 13px/1.4 var(--font-ui);box-shadow:0 20px 60px #000000e6, 0 0 35px var(--srn-glow,#ffd70066);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px 24px;padding:16px 18px 14px;transition:opacity .28s cubic-bezier(.2,.8,.25,1),transform .32s cubic-bezier(.2,.8,.25,1.2),visibility .28s;position:fixed;top:48px;left:50%;overflow:hidden;transform:translate(-50%)translateY(-30px)scale(.9)}#sect-rank-notifier.show{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}#sect-rank-notifier.promoted{--srn-glow:#ffd70080;background:radial-gradient(circle at 50% 0,#ffd70040,#0000 75%),linear-gradient(#1e160afa,#0c0a05fa);border:1.5px solid gold}#sect-rank-notifier.demoted{--srn-glow:#64a0ff59;background:radial-gradient(circle at 50% 0,#4678c833,#0000 75%),linear-gradient(#101622fa,#080c14fa);border:1.5px solid #64b5f6}.srn-shimmer{pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff1f 50%,#0000 60%);animation:4s ease-in-out infinite srnShimmerSweep;position:absolute;inset:-100%;transform:translate(-100%)}.srn-head{align-items:center;gap:12px;display:flex}.srn-icon-box{background:#00000080;border:1px solid #ffd70080;border-radius:10px 18px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;animation:2s ease-in-out infinite alternate srnPulse;display:flex;box-shadow:0 0 16px #ffd70059}.srn-title-area{flex:1}.srn-badge-action{letter-spacing:1.5px;text-transform:uppercase;border-radius:4px;margin-bottom:3px;padding:1px 8px;font-size:10px;font-weight:800;display:inline-block}.promoted .srn-badge-action{color:#1a0f00;background:linear-gradient(90deg,gold,#ff9100);box-shadow:0 0 8px #ffd70080}.demoted .srn-badge-action{color:#051426;background:linear-gradient(90deg,#64b5f6,#1976d2);box-shadow:0 0 8px #2196f366}.srn-main-title{font:800 16px/1.2 var(--font-ui);letter-spacing:1px;color:#fff9e6}.srn-close{color:#d9c79a;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;transition:background .15s,color .15s;display:flex}.srn-close:hover{color:#fff;background:#fff3}.srn-buff-list{background:#00000059;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:4px;margin-top:10px;padding:8px 10px;font-size:12px;display:flex}.srn-buff-item{align-items:center;gap:6px;display:flex}.srn-buff-gain{color:#50fa7b;font-weight:700}.srn-buff-loss{color:#ff6b81;font-weight:700}.srn-footer{color:#a4b8cc;justify-content:space-between;align-items:center;margin-top:9px;font-size:11px;display:flex}.srn-next-timer{color:#ffe380;font-weight:700}.srn-progress-bar{transform-origin:0;background:linear-gradient(90deg,gold,#ff9100);width:100%;height:3px;position:absolute;bottom:0;left:0}.demoted .srn-progress-bar{background:linear-gradient(90deg,#64b5f6,#1e88e5)}[data-sect-title]{cursor:pointer;transition:filter .16s,transform .16s;position:relative}[data-sect-title]:hover{filter:brightness(1.22)drop-shadow(0 0 8px #ffd70066);transform:translateY(-1px)}.sect-badge-item{letter-spacing:.5px;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:4px 12px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:800;transition:all .18s;display:inline-flex}.sect-badge-supreme{color:#fff3a8;background:linear-gradient(135deg,#50320af2,#1e1405fa);border-color:gold;box-shadow:0 0 10px #ffd70073}.sect-badge-elder{color:#f1dbff;background:linear-gradient(135deg,#32144bf2,#14081efa);border-color:#c27bff;box-shadow:0 0 9px #c27bff66}.sect-badge-guardian{color:#bbf9ff;background:linear-gradient(135deg,#0a2d41f2,#05141efa);border-color:#00e5ff;box-shadow:0 0 9px #00e5ff59}.sect-badge-inner{color:#d7ffd7;background:linear-gradient(135deg,#0f2d19f2,#05140afa);border-color:#50fa7b;box-shadow:0 0 8px #50fa7b4d}.sect-badge-outer{color:#cfd8dc;background:#ffffff0f;border-color:#90a4ae}@keyframes srtIconFloat{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes srtSpinClock{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes srnPulse{0%{filter:drop-shadow(0 0 4px #ffd70066);transform:scale(1)}to{filter:drop-shadow(0 0 12px #ffd700cc);transform:scale(1.06)}}@keyframes srnShimmerSweep{0%{transform:translate(-100%)}40%,to{transform:translate(100%)}}#st-pop,#st-quick{--k:var(--gold);color:var(--ink);font:500 var(--fs-s) / 1.4 var(--font-ui);background:var(--panel-solid);border:1px solid var(--k);border-radius:var(--r-m);box-shadow:var(--shadow-2);opacity:0;visibility:hidden;pointer-events:none;position:fixed;top:0;left:0}#st-pop{z-index:var(--z-panel);width:300px;padding:var(--s3);transition:opacity var(--t-base) var(--ease), visibility 0s linear var(--t-base);will-change:transform, opacity}#st-pop.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--t-base) var(--ease)}#st-quick{z-index:var(--z-tip);max-width:260px;padding:var(--s1) var(--s3);font-size:var(--fs-xs);white-space:nowrap;box-shadow:var(--shadow-1);transition:opacity var(--t-fast) var(--ease)}#st-quick.show{opacity:1;visibility:visible}#st-quick b{color:var(--k);margin-right:var(--s2);font-weight:800}#st-pop[data-kind=shop],#st-quick[data-kind=shop]{--k:var(--gold)}#st-pop[data-kind=board],#st-quick[data-kind=board]{--k:var(--jade)}#st-pop[data-kind=rank],#st-quick[data-kind=rank]{--k:var(--blue)}.sp-head{align-items:center;gap:var(--s3);padding-bottom:var(--s2);margin-bottom:var(--s2);border-bottom:1px solid var(--edge-soft);display:flex}.sp-ico{background:var(--k);border-radius:3px;flex:none;width:14px;height:14px;transform:rotate(45deg)}.sp-head b{font:800 var(--fs-m) / 1.2 var(--font-ui);letter-spacing:.12em;color:var(--k);display:block}.sp-head small{color:var(--ink-dim);font-size:var(--fs-xs)}.sp-sub{margin:var(--s1) 0 var(--s2);color:var(--ink-dim)}.sp-sub b{color:var(--gold)}.sp-sub b.g{color:var(--jade)}.sp-sub2{margin:var(--s2) 0 var(--s1);font:800 var(--fs-xs) / 1 var(--font-ui);letter-spacing:.16em;color:var(--k)}.sp-row{gap:var(--s2);width:100%;margin-top:var(--s1);padding:var(--s2) var(--s3);border:1px solid var(--edge-soft);border-radius:var(--r-s);background:var(--obsidian-2);color:var(--ink);font:600 var(--fs-s) / 1.2 var(--font-ui);text-align:left;cursor:pointer;transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);grid-template-columns:1fr auto auto;align-items:center;display:grid}.sp-row:hover:not([disabled]){background:var(--obsidian-3);border-color:var(--gold)}.sp-row em{color:var(--blue);font-style:normal}.sp-row b{color:var(--gold);font-variant-numeric:tabular-nums}.sp-row[disabled],.sp-go[disabled],.sp-full[disabled]{opacity:.45;cursor:default}.sp-q{gap:var(--s2);margin-top:var(--s1);padding:var(--s1) var(--s2);border-radius:var(--r-s);background:var(--obsidian-2);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.sp-q.ok{box-shadow:inset 0 0 0 1px var(--jade)}.sp-qn{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sp-q i{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-style:normal;font-weight:700}.sp-tag{padding:1px var(--s2);border:1px solid var(--k);border-radius:var(--r-s);font:800 var(--fs-xs) / 1.4 var(--font-ui);color:var(--k);white-space:nowrap}.sp-pos{text-align:center;width:20px;color:var(--k);font-weight:800}.sp-go{padding:var(--s1) var(--s3);border:1px solid var(--jade);border-radius:var(--r-s);background:var(--jade);color:var(--on-jade);font:800 var(--fs-xs) / 1 var(--font-ui);cursor:pointer;transition:background-color var(--t-fast) var(--ease)}.sp-go:hover:not([disabled]){background:var(--jade-hi)}.sp-full{width:100%;margin-top:var(--s2);padding:var(--s2);border:1px solid var(--k);border-radius:var(--r-s);background:var(--obsidian-2);color:var(--ink);font:800 var(--fs-s) / 1 var(--font-ui);cursor:pointer;transition:background-color var(--t-fast) var(--ease)}.sp-full:hover:not([disabled]){background:var(--obsidian-3)}#st-pop button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.sp-note{margin-top:var(--s2);font-size:var(--fs-xs);color:var(--ink-mute)}#war-banner{z-index:var(--z-hud);align-items:center;gap:var(--s2);min-width:280px;max-width:min(560px,100vw - 540px);padding:4px var(--s3);border:1px solid var(--red-dim);border-radius:var(--r-m);background:var(--panel);box-shadow:var(--shadow-1);color:var(--ink);font:600 var(--fs-s) / 1.3 var(--font-ui);pointer-events:none;white-space:nowrap;display:flex;position:fixed;top:36px;left:50%;overflow:hidden;transform:translate(-50%)}#war-banner[hidden]{display:none}.wb-kind{padding:1px var(--s2);border-radius:var(--r-s);font:800 var(--fs-xs) / 1.5 var(--font-ui);letter-spacing:.6px;background:var(--gold);color:var(--on-gold);flex:none}.wb-kind.great{background:var(--red);color:var(--on-red)}.wb-kind.raid{background:var(--gold)}.wb-sides{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.wb-sides b{color:var(--gold)}.wb-where{color:var(--blue);flex:none}.wb-state{color:var(--ink-dim);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}@media (max-width:700px){#war-banner{font-size:var(--fs-xs)}.wb-where{display:none}}#war-banner{cursor:pointer;pointer-events:auto;font-family:inherit}#war-panel{z-index:9000;background:#02060e9e;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#war-panel.show{display:flex}.wp-card{color:#f3ead2;width:min(720px,96vw);max-height:90vh;font:500 13px/1.45 var(--font-ui);background:radial-gradient(at 10% 0,#ff6e4629,#0000 55%),linear-gradient(#170d12,#08060a);border:1px solid #ff785acc;border-radius:6px 24px;flex-direction:column;display:flex;box-shadow:0 18px 54px #000000bf,inset 0 0 0 4px #0a0608eb,inset 0 0 0 5px #ff785a47}.wp-head{border-bottom:1px solid #ff785a59;align-items:center;gap:10px;padding:12px 18px 10px;display:flex}.wp-title{font:800 16px/1.2 var(--font-ui);letter-spacing:4px;background:linear-gradient(#ffe9c4,#ff8a5a);color:#0000;-webkit-background-clip:text;background-clip:text;flex:1}.wp-head small{color:#a8978a}.wp-close{color:#d9c79a;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;width:30px;height:30px;font-size:15px}.wp-body{flex-direction:column;gap:6px;padding:12px 18px 16px;display:flex;overflow:auto}.wp-note{color:#b9ab98;font-size:12px}.wp-h{font:800 11px/1 var(--font-ui);letter-spacing:3px;color:#ff9a6a;margin-top:10px}.wp-me{background:#ff965a12;border:1px solid #ffbe7880;border-radius:6px 16px;grid-template-columns:1fr 1fr 1.6fr;gap:8px;padding:10px 12px;display:grid}.wp-me small{font:800 9.5px/1.2 var(--font-ui);letter-spacing:1px;color:#a8978a;display:block}.wp-me b{font:800 19px/1.3 var(--font-ui);color:#ffe9b0}.wp-me b.sm{font-size:13px}.wp-reward{background:linear-gradient(90deg,#ffd36b29,#ffd36b0a);border:1px solid #ffd36b;border-radius:6px 16px;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 0 14px #ffc85a40}.wp-reward>div{flex:1}.wp-reward small{color:#cbbd97;display:block}.wp-reward button{color:#2a1604;font:800 13px/1 var(--font-ui);cursor:pointer;background:linear-gradient(#ffe39a,#d9941f);border:none;border-radius:4px 12px;padding:9px 18px}.wp-ev{background:#ffffff0a;border-radius:4px 12px;grid-template-columns:auto auto auto 1fr;align-items:center;gap:8px;padding:6px 10px;display:grid}.wp-ev.hot{background:#ff5a3c1a;box-shadow:inset 0 0 0 1px #ff6e46b3}.wp-ev i{color:#9fd3ff;text-align:right;font-size:12px;font-style:normal}.wp-row{background:#ffffff08;border-radius:4px 10px;grid-template-columns:26px minmax(100px,190px) 1fr auto;align-items:center;gap:10px;padding:5px 10px;display:grid}.wp-pos{text-align:center;color:#ff9a6a;font-weight:800}.wp-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.wp-row small{color:#8f8770}.wp-bar{background:#ffffff12;border-radius:4px;height:7px;overflow:hidden}.wp-bar i{background:linear-gradient(90deg,#ff6a3c,#ffe39a);height:100%;display:block}.wp-row b{color:#ffe9b0}.wp-log{border-left:3px solid #fff3;grid-template-columns:48px 1fr;gap:8px;padding:3px 8px;font-size:12px;display:grid}.wp-log time{color:#8f8770}.wp-log.declare{border-left-color:#ff9a3c}.wp-log.master_fall{color:#ffb0a0;border-left-color:#ff4a4a}.wp-log.victory{border-left-color:#ffd36b}.wp-log.intercept{border-left-color:#8fd3ff}.wp-empty{color:#8f8770;padding:6px 4px;font-size:12px}@media (max-width:560px){.wp-me{grid-template-columns:1fr 1fr}.wp-ev{grid-template-columns:1fr}.wp-ev i{text-align:left}.wp-row{grid-template-columns:24px 1fr auto}.wp-bar{display:none}}.wp-hot{color:#ff8a6a;font-size:11px;font-style:normal}#pillar-bar{z-index:var(--z-hud);align-items:center;gap:var(--s2);min-width:300px;max-width:min(640px,100vw - 540px);padding:4px var(--s3);border:1px solid var(--red-dim);border-radius:var(--r-m);background:var(--panel);box-shadow:var(--shadow-1);color:var(--ink);font:600 var(--fs-s) / 1.3 var(--font-ui);pointer-events:none;white-space:nowrap;display:flex;position:fixed;top:68px;left:50%;transform:translate(-50%)}#pillar-bar[hidden],#pillar-act[hidden]{display:none}.pb-k{padding:1px var(--s2);border-radius:var(--r-s);font:800 var(--fs-xs) / 1.5 var(--font-ui);letter-spacing:.6px;background:var(--gold);color:var(--on-gold);flex:none}.pb-s{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.pb-s b{color:var(--gold)}.pb-s b.att{color:var(--red)}.pb-bar{background:var(--obsidian-2);border:1px solid var(--edge-soft);border-radius:4px;flex:0 0 110px;height:8px;position:relative;overflow:hidden}.pb-bar i{background:var(--red);transition:width var(--t-slow) linear;position:absolute;inset:0 auto 0 0}.pb-n{color:var(--ink-dim);font-variant-numeric:tabular-nums;flex:none}#pillar-act{z-index:var(--z-panel);min-width:200px;padding:var(--s2) var(--s4);border:1px solid var(--gold);border-radius:var(--r-m);background:var(--panel);box-shadow:var(--shadow-1);color:var(--ink-dim);font:600 var(--fs-xs) / 1.3 var(--font-ui);cursor:pointer;transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);flex-direction:column;align-items:center;gap:2px;display:flex;position:fixed;bottom:150px;left:50%;transform:translate(-50%)}#pillar-act b{font:800 var(--fs-l) / 1.2 var(--font-ui);letter-spacing:1px;color:var(--gold)}#pillar-act.go:hover{background:var(--obsidian-3);border-color:var(--gold-hi)}#pillar-act:focus-visible{outline:2px solid var(--blue);outline-offset:2px}#pillar-act.own,#pillar-act.blocked{cursor:default;pointer-events:none;border-color:var(--edge-soft)}#pillar-act.own b,#pillar-act.blocked b{font-size:var(--fs-m);letter-spacing:0;color:var(--blue)}.med-pop{z-index:20;font:800 17px/1 var(--font-ui);letter-spacing:1px;color:#c9fff0;text-shadow:0 0 10px #4cf0c0,0 0 22px #1fbf94,0 2px 3px #000000b3;pointer-events:none;white-space:nowrap;animation:1.5s ease-out forwards med-pop;position:absolute;transform:translate(-50%,-50%)}@keyframes med-pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}to{opacity:0;transform:translate(-50%,-220%)scale(1)}}@media (prefers-reduced-motion:reduce){.med-pop{animation-duration:.9s}}#bag-panel,#cq-panel,#realm-panel,#rank-panel,#war-panel,#evo-panel,#attr-panel{background:var(--scrim)}#bag-panel .bag-wrap,#cq-panel .cq-wrap,#realm-panel .rm-card,#rank-panel .rk-card,#war-panel .wp-card,#evo-panel .evo-wrap,#attr-panel .ap-card{background:var(--panel-solid);border:1px solid var(--edge);border-radius:var(--r-m);box-shadow:var(--shadow-2);color:var(--ink);font-family:var(--font-ui)}#bag-panel .bag-top,#cq-panel .cq-head,#realm-panel .rm-head,#rank-panel .rk-head,#war-panel .wp-head,#evo-panel .evo-top,#attr-panel .ap-head{background:var(--obsidian-2);border-bottom:1px solid var(--edge-soft)}#bag-panel .bag-title,#cq-panel .cq-title,#realm-panel .rm-title,#rank-panel .rk-title,#war-panel .wp-title,#evo-panel .evo-title,#attr-panel .ap-title{color:var(--gold);font:700 var(--fs-l) / 1.2 var(--font-title);letter-spacing:.12em;-webkit-text-fill-color:currentColor;text-shadow:none;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}#bag-panel .bag-close,#cq-panel .cq-close,#realm-panel .rm-close,#rank-panel .rk-close,#war-panel .wp-close,#evo-panel .evo-close,#attr-panel .ap-close{border:1px solid var(--edge-soft);border-radius:var(--r-s);min-width:32px;min-height:32px;color:var(--ink-dim);cursor:pointer;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0}#bag-panel .bag-close:hover,#cq-panel .cq-close:hover,#realm-panel .rm-close:hover,#rank-panel .rk-close:hover,#war-panel .wp-close:hover,#evo-panel .evo-close:hover,#attr-panel .ap-close:hover{background:var(--red-dim);border-color:var(--red);color:var(--ink)}#bag-panel .bag-close:focus-visible,#cq-panel .cq-close:focus-visible,#realm-panel .rm-close:focus-visible,#rank-panel .rk-close:focus-visible,#war-panel .wp-close:focus-visible,#evo-panel .evo-close:focus-visible,#attr-panel .ap-close:focus-visible{outline:2px solid var(--blue);outline-offset:2px}#cq-panel .cq-bar,#realm-panel .rm-bar,#rank-panel .rk-bar,#war-panel .wp-bar{background:var(--obsidian-2);border:1px solid var(--edge-soft);border-radius:4px}#cq-panel .cq-bar>*,#realm-panel .rm-bar i,#rank-panel .rk-bar i,#war-panel .wp-bar i{background:var(--jade)}#rank-panel .rk-row,#war-panel .wp-row{border-bottom:1px solid var(--edge-soft)}#rank-panel .rk-row b,#war-panel .wp-row b,#war-panel .wp-me b{color:var(--gold);font-variant-numeric:tabular-nums}#rank-panel .rk-pos,#war-panel .wp-pos{color:var(--ink-mute);font-variant-numeric:tabular-nums}#rank-panel .rk-note,#war-panel .wp-note,#war-panel .wp-empty,#rank-panel .rk-empty{color:var(--ink-dim)}#rank-panel .rk-h,#war-panel .wp-h{color:var(--gold);font:700 var(--fs-xs) / 1.3 var(--font-ui);letter-spacing:.14em}#war-panel .wp-reward button,#rank-panel .rk-refresh{border:1px solid var(--gold);border-radius:var(--r-s);background:var(--gold);min-height:32px;color:var(--on-gold);font:800 var(--fs-s) / 1 var(--font-ui);cursor:pointer;transition:background-color var(--t-fast) var(--ease)}#war-panel .wp-reward button:hover,#rank-panel .rk-refresh:hover{background:var(--gold-hi)}#evo-panel .evo-tab{border-radius:var(--r-s);transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease)}#evo-panel .evo-tab.on{border-color:var(--gold);color:var(--gold)}#bag-panel .bag-slot{border:1px solid var(--edge-soft);border-radius:var(--r-s);background:var(--obsidian-2);transition:border-color var(--t-fast) var(--ease)}#bag-panel .bag-slot:hover{border-color:var(--gold)}#bag-panel .bag-slot.on,#bag-panel .bag-slot.sel{border-color:var(--jade);box-shadow:var(--glow-jade)}#bag-panel .bag-slot:focus-visible{outline:2px solid var(--blue);outline-offset:2px}#char-select{background:var(--obsidian);color:var(--ink);font-family:var(--font-ui)}.cs-title{font-family:var(--font-title);color:var(--gold);letter-spacing:.3em}.cs-title:before,.cs-title:after{background:linear-gradient(90deg, transparent, var(--gold))}.cs-region{background:var(--panel);border:1px solid var(--edge-soft);border-radius:var(--r-m);box-shadow:var(--shadow-1)}.cs-region-label{color:var(--ink-mute);font-size:var(--fs-xs);letter-spacing:.14em}.cs-reg,.cs-ch{border:1px solid var(--edge-soft);border-radius:var(--r-s);background:var(--obsidian-2);color:var(--ink);transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease)}.cs-reg:hover,.cs-ch:hover{border-color:var(--gold);background:var(--obsidian-3)}.cs-reg.on,.cs-ch.on{border-color:var(--jade);background:var(--hover);box-shadow:var(--glow-jade)}.cs-reg i.good,.cs-ch i.good{color:var(--jade)}.cs-reg i.mid,.cs-ch i.mid{color:var(--gold)}.cs-reg i.bad,.cs-ch i.bad{color:var(--red)}.cs-reg:focus-visible,.cs-ch:focus-visible,.cs-slot:focus-visible,.cs-go:focus-visible,.cs-del:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.cs-slot{border:1px solid var(--edge-soft);border-radius:var(--r-m);background:var(--obsidian-2);color:var(--ink);box-shadow:none;transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease)}.cs-slot:hover{border-color:var(--gold);background:var(--obsidian-3)}.cs-slot.on{border-color:var(--jade);background:var(--obsidian-3);box-shadow:var(--glow-jade)}.cs-slot.empty{color:var(--ink-dim);border-style:dashed}.cs-face{border:2px solid var(--gold);background:var(--obsidian)}.cs-slot.on .cs-face{border-color:var(--jade)}.cs-meta b{color:var(--ink)}.cs-meta i{color:var(--ink-dim)}.cs-detail{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-m);box-shadow:var(--shadow-2)}.cs-portrait{border:3px solid var(--gold);background:var(--obsidian);box-shadow:var(--shadow-1)}.cs-name{color:var(--gold);font-family:var(--font-title)}.cs-bar{background:var(--obsidian-2);border:1px solid var(--edge-soft)}.cs-bar i{background:var(--gold)}.cs-exp{color:var(--ink-dim);font-variant-numeric:tabular-nums}.cs-rows>div{background:var(--obsidian-2);border:1px solid var(--edge-soft);border-radius:var(--r-s)}.cs-rows span{color:var(--ink-mute)}.cs-rows b{color:var(--ink)}.cs-go{border:1px solid var(--gold);border-radius:var(--r-m);background:var(--gold);min-height:48px;color:var(--on-gold);box-shadow:none;font-family:var(--font-ui);letter-spacing:.12em;transition:background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease)}.cs-go:hover:not(:disabled){background:var(--gold-hi)}.cs-go:active:not(:disabled){transform:translateY(1px)}.cs-go:disabled{opacity:.55}.cs-del{border:1px solid var(--red);border-radius:var(--r-m);min-height:48px;color:var(--red);letter-spacing:.1em;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0}.cs-del:hover:not(:disabled){background:var(--red-dim);color:var(--ink)}.cs-del:disabled{opacity:.4}.cs-modal{background:var(--scrim)}.cs-box{background:var(--panel-solid);border:1px solid var(--edge);border-radius:var(--r-m);box-shadow:var(--shadow-2);color:var(--ink)}.cs-box h3{color:var(--gold);font-family:var(--font-title)}.cs-input{border:1px solid var(--edge);border-radius:var(--r-s);background:var(--obsidian-2);color:var(--ink)}.cs-input:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.cs-btns button{border:1px solid var(--edge);border-radius:var(--r-s);background:var(--obsidian-3);min-height:36px;color:var(--ink);cursor:pointer;transition:background-color var(--t-fast) var(--ease)}.cs-btns button:hover:not(:disabled){background:var(--obsidian-4)}.cs-btns .danger{border-color:var(--red);color:var(--red)}.cs-btns .danger:disabled{opacity:.4}.cs-toast{background:var(--panel-solid);border:1px solid var(--edge);border-radius:var(--r-m);color:var(--ink)}#reward-popup .rw-card{background:var(--panel-solid);border:1px solid var(--gold);border-radius:var(--r-m);box-shadow:var(--shadow-2);color:var(--ink)}#reward-popup .rw-title{color:var(--gold);font-family:var(--font-title)}#reward-popup .rw-kicker,#reward-popup .rw-note{color:var(--ink-dim)}#reward-popup .rw-gold,#reward-popup .rw-amt{color:var(--gold);font-variant-numeric:tabular-nums}#skillpanel{z-index:60;border:1px solid var(--edge);width:320px;max-width:min(92vw,340px);color:var(--ink);pointer-events:auto;background:linear-gradient(#0c1016f0,#080b10f5);border-radius:10px;padding:10px 12px 11px;font-size:12px;line-height:1.45;position:fixed;box-shadow:0 10px 28px #0000008c,inset 0 1px #d9b66f24}#skillpanel[hidden]{display:none}.sp-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.sp-key{min-width:20px;height:20px;color:var(--gold);background:#d9b66f29;border:1px solid #d9b66f66;border-radius:4px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.sp-icon{object-fit:contain;flex:none;width:26px;height:26px}.sp-title{flex:auto;min-width:0}.sp-title b{color:#f2ead6;font-size:13px;display:block}.sp-meta{opacity:.72;font-size:10.5px;display:block}.sp-x{color:var(--ink-dim);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;padding:2px 4px;font-size:13px}.sp-x:hover{color:#f2ead6;background:#ffffff14}.sp-x:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.sp-desc{opacity:.9;border-bottom:1px solid #d9b66f29;margin-bottom:7px;padding-bottom:7px;font-size:11.5px}.sp-desc b{color:#f2ead6}.sp-desc .magic{color:#9fd8ff}.sp-desc .slow{color:#7fd8c0}.sp-desc .mark{color:var(--gold)}.sp-rows{flex-direction:column;gap:2px;display:flex}.sp-row{border-radius:4px;justify-content:space-between;align-items:baseline;gap:10px;padding:2px 4px;display:flex}.sp-row:nth-child(odd){background:#ffffff08}.sp-row>span{opacity:.72;font-size:11px}.sp-row>b{text-align:right;font-weight:600}.sp-row.strong>b{color:var(--gold)}.sp-row i{opacity:.6;font-size:10px;font-style:normal}.sp-row .magic{color:#9fd8ff}.sp-row.k-slow>b,.sp-row.k-stun>b,.sp-row.k-knockup>b{color:#ffb27a}.sp-row.k-shield>b,.sp-row.k-buff>b{color:#7fd8c0}.sp-row.k-ally>b{color:#86c7ff}.sp-row.k-unlock>b{color:var(--gold)}.sp-live{color:#9fd8ff;margin-top:6px;font-size:11px}.sp-live.warn{color:#ff9d9d}.sp-live[hidden]{display:none}.sp-cmp{border-top:1px solid #d9b66f29;margin-top:8px;padding-top:7px}.sp-cmp-t{text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin-bottom:3px;font-size:10.5px}.sp-cmp.muted{opacity:.6;border-top-color:#ffffff14;font-size:10.5px}.sp-row.up>b{color:#8fe6a8}.sp-row.down>b{color:#ff9d9d}.sp-row.same>b{color:var(--ink-dim)}@media (max-width:720px){#skillpanel{right:auto;bottom:calc(96px + env(safe-area-inset-bottom,0px));width:min(94vw,360px);max-width:94vw;max-height:min(52vh,420px);font-size:11.5px;overflow-y:auto;transform:translate(-50%);top:auto!important;left:50%!important}}#skillpanel .tn-evo{background:#ffd54a0f;border:1px solid #ffd54a40;border-radius:6px;margin-top:8px;padding:6px 8px}#skillpanel .tn-evo-t{letter-spacing:.04em;color:#ffd86a;margin-bottom:4px;font-size:11px}#skillpanel .tn-evo-row{opacity:.72;grid-template-columns:auto 1fr;gap:0 8px;padding:2px 0;font-size:11px;line-height:1.35;display:grid}#skillpanel .tn-evo-row span{color:#a8b3c7;white-space:nowrap}#skillpanel .tn-evo-row i{color:#c9d4e6;grid-column:1/-1;font-style:normal}#skillpanel .tn-evo-row.now{opacity:1}#skillpanel .tn-evo-row.now b{color:#ffe9a8}#screen-fx{pointer-events:none;z-index:85;position:fixed;inset:0;overflow:hidden}.sfx-blood-vignette{opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,#0000 55%,#8c0a1473 80%,#c8141ebf 100%);transition:opacity .35s;position:absolute;inset:0}.sfx-blood-vignette.active{animation:.9s ease-in-out infinite alternate sfx-heartbeat}.sfx-blood-vignette.critical{background:radial-gradient(circle,#0000 42%,#a00a1999 75%,#e60f23e6 100%);animation:.55s ease-in-out infinite alternate sfx-heartbeat-fast}@keyframes sfx-heartbeat{0%{opacity:.35;transform:scale(1)}50%{opacity:.75;transform:scale(1.02)}to{opacity:.45;transform:scale(1)}}@keyframes sfx-heartbeat-fast{0%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.035)}to{opacity:.65;transform:scale(1)}}.sfx-impact-flash{opacity:0;mix-blend-mode:multiply;background:radial-gradient(circle,#0000 40%,#b4141e66 75%,#28050acc 100%);transition:opacity 50ms ease-out;position:absolute;inset:0}.sfx-impact-flash.trigger{opacity:1;animation:.22s cubic-bezier(.1,.9,.2,1) forwards sfx-flash-out}@keyframes sfx-flash-out{0%{opacity:.9}to{opacity:0}}.sfx-gold-breakthrough{opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,#ffeba066 0%,#f0c35040 45%,#c8911e8c 85%,#0000 100%);position:absolute;inset:0}.sfx-gold-breakthrough.trigger{animation:1.6s cubic-bezier(.15,.85,.35,1) forwards sfx-breakthrough-pulse}@keyframes sfx-breakthrough-pulse{0%{opacity:0;transform:scale(.92)}18%{opacity:.95;transform:scale(1.04)}50%{opacity:.6;transform:scale(1.01)}to{opacity:0;transform:scale(1)}}.sfx-wind-flight{opacity:0;mix-blend-mode:screen;background:radial-gradient(#0000 60%,#afe1ff1f 82%,#82c3ff4d 100%);transition:opacity .6s;position:absolute;inset:0}.sfx-wind-flight.active{opacity:1;animation:3.5s ease-in-out infinite alternate sfx-wind-breeze}@keyframes sfx-wind-breeze{0%{opacity:.75;background-size:100% 100%;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.82;transform:scale(.99)}}.sfx-ult-shockwave{opacity:0;mix-blend-mode:screen;position:absolute;inset:0;box-shadow:inset 0 0 90px #a05aff99,inset 0 0 160px #46b4ff59}.sfx-ult-shockwave.trigger{animation:.65s cubic-bezier(.1,.85,.25,1) forwards sfx-ult-pulse}@keyframes sfx-ult-pulse{0%{opacity:0;transform:scale(1.08)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}#btn-mount{color:#c8f0ff;background:radial-gradient(circle at 50% 30%,#1e506ebf 0%,#0a1928e6 100%);border:1px solid #50dcff59;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;box-shadow:0 0 10px #00b4ff33,inset 0 1px #fff3}#btn-mount:hover{color:#fff;border-color:#78f0ffcc;transform:translateY(-2px);box-shadow:0 0 16px #00c8ff80,inset 0 0 8px #00dcff4d}#btn-mount:active{transform:translateY(0)}#btn-mount .ap-btn-glyph{background:linear-gradient(#fff 0%,#7ee6ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px #50dcff99);-webkit-background-clip:text;font-weight:700}#btn-mount.nk-active{background:radial-gradient(circle at 50% 40%,#00a0dce6 0%,#051e32f2 100%);border-color:#5cf5ff;animation:1.8s ease-in-out infinite swordPulse;box-shadow:0 0 20px #5cf5ffbf,inset 0 0 12px #ffffff80}#btn-mount.nk-active:before{content:"";border-radius:inherit;pointer-events:none;border:1px dashed #78f0ffd9;animation:6s linear infinite swordOrbit;position:absolute;inset:-3px}#btn-mount.nk-active .ap-btn-glyph{background:linear-gradient(#fff 0%,#ffa 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px #fff096e6);-webkit-background-clip:text}@keyframes swordPulse{0%,to{box-shadow:0 0 15px #5cf5ff99,inset 0 0 10px #5cf5ff4d}50%{box-shadow:0 0 26px #78faffe6,inset 0 0 15px #fff9}}@keyframes swordOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mount-flight-badge{letter-spacing:.5px;color:#e0f8ff;text-shadow:0 0 6px #00c8ffcc;pointer-events:none;background:linear-gradient(90deg,#00b4ff40 0%,#64f0ff73 50%,#00b4ff40 100%);border:1px solid #78f0ff99;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 0 10px #00b4ff4d}@font-face{font-family:LXGW WenKai TC;font-style:normal;font-display:swap;font-weight:400;src:url(./lxgw-wenkai-tc-vietnamese-400-normal-Cd1JAxeM.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:LXGW WenKai TC;font-style:normal;font-display:swap;font-weight:400;src:url(./lxgw-wenkai-tc-latin-400-normal-123bg8iA.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:LXGW WenKai TC;font-style:normal;font-display:swap;font-weight:700;src:url(./lxgw-wenkai-tc-vietnamese-700-normal-COPfXaN8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:LXGW WenKai TC;font-style:normal;font-display:swap;font-weight:700;src:url(./lxgw-wenkai-tc-latin-700-normal-Bu8RQm0l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Charm;font-style:normal;font-display:swap;font-weight:700;src:url(./charm-vietnamese-700-normal-Dj5311GZ.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Charm;font-style:normal;font-display:swap;font-weight:700;src:url(./charm-latin-700-normal-WwDgov_0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./noto-serif-vietnamese-wght-normal-G-hP2cUo.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Serif Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./noto-serif-latin-wght-normal-DKWgU5qY.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.skill.cfly{cursor:pointer;pointer-events:auto;background:radial-gradient(circle at 50% 42%,#24445e 0%,#101d30 72%);border-color:#6aa8c8;align-self:flex-end;width:46px;height:46px;margin-left:2px;overflow:visible}.skill.cfly[hidden]{display:none}.skill.cfly .key{color:#cfeaff;background:#030a149e;border-radius:3px 3px 3px 0;padding:0 3px;font-size:10px;line-height:12px;top:2px;left:3px}.skill.cfly .cf-ico{color:#8fd8ff;filter:drop-shadow(0 0 1px #8fd8ff66);transition:color .3s,filter .3s;position:absolute;inset:6px 4px 8px 6px}.skill.cfly .cf-ico svg{width:100%;height:100%}.skill.cfly.on .cf-ico{color:#ffe39a;filter:drop-shadow(0 0 4px #ffe39ad9)drop-shadow(0 0 9px #8fd8ff8c);animation:1.6s ease-in-out infinite cfGlow}.skill.cfly.on{border-color:#ffe39a;box-shadow:0 0 10px #ffe39a73}.skill.cfly.landing .cf-ico{color:#bfe7ff}.skill.cfly.forced{border-color:#ff7a6a}.skill.cfly.forced .cf-ico{color:#ff9a8a;animation:.6s ease-in-out infinite cfWarn}.skill.cfly.low .cf-ico{opacity:.45}.skill.cfly .cfbar{background:#00000080;border-radius:2px;height:3px;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.skill.cfly .cfbar i{background:linear-gradient(90deg,#4ac8ff,#9fe8ff);width:0;height:100%;transition:width .15s linear;display:block}.skill.cfly.on .cfbar i{background:linear-gradient(90deg,#ffd24a,#fff2b0)}.skill.cfly .cf-hint{color:#d8eefc;text-align:right;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #000;background:#060e1ab8;border:1px solid #8fd8ff59;border-radius:6px;width:max-content;max-width:230px;padding:3px 8px 4px;font-size:11px;line-height:15px;position:absolute;bottom:calc(100% + 6px);right:-4px;display:none!important}.skill.cfly .cf-hint b{color:#ffe39a;font-weight:700}.skill.cfly .cf-sub{color:#9fd8ff;font-size:10.5px;display:block}.skill.cfly .cf-hint.air{border-color:#ffe39a80}.skill.cfly.forced .cf-sub{color:#ffb0a4}.skill.cfly.low .cf-sub{color:#9aa8b4}.skill.cfly .cf-toast{color:#fff2c8;white-space:nowrap;opacity:0;pointer-events:none;background:#0a1624db;border:1px solid #ffe39a8c;border-radius:12px;padding:3px 10px;font-size:12px;transition:opacity .25s,transform .25s;position:absolute;bottom:calc(100% + 46px);right:-4px;transform:translateY(4px)}.skill.cfly .cf-toast.show{opacity:1;transform:none}@media (max-width:1100px){.skill.cfly .cf-hint{font-size:10px}.skill.cfly .cf-sub{display:none}}.cf-guide{color:#d8eefc;opacity:0;pointer-events:auto;z-index:40;background:linear-gradient(#0e1c2cf2,#08101cf2);border:1px solid #ffe39a8c;border-radius:10px;align-items:flex-start;gap:12px;max-width:min(92vw,460px);padding:12px 16px;font-size:13px;line-height:19px;transition:opacity .35s,transform .35s;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%,-8px);box-shadow:0 6px 24px #00000080,0 0 18px #8fd8ff2e}.cf-guide.show{opacity:1;transform:translate(-50%)}.cf-guide-ico{color:#ffe39a;filter:drop-shadow(0 0 6px #ffe39ab3);flex:none;width:44px;height:44px}.cf-guide-title{color:#ffe39a;margin-bottom:2px;font-size:15px;font-weight:700}.cf-guide-note{color:#9fb8c8;margin-top:2px;font-size:12px}.cf-guide kbd{min-width:14px;font:inherit;text-align:center;background:#ffffff14;border:1px solid #cfeaff73;border-radius:3px;padding:0 4px;font-size:11px;line-height:16px;display:inline-block}.cf-guide button{color:#fff2c8;font:inherit;cursor:pointer;background:#ffe39a24;border:1px solid #ffe39a99;border-radius:6px;margin-top:8px;padding:3px 14px}@keyframes cfGlow{0%,to{filter:drop-shadow(0 0 3px #ffe39ab3)drop-shadow(0 0 7px #8fd8ff73)}50%{filter:drop-shadow(0 0 6px #ffe39af2)drop-shadow(0 0 12px #8fd8ffb3)}}@keyframes cfWarn{0%,to{opacity:1}50%{opacity:.55}}#boss-hud{pointer-events:none;z-index:25;text-align:center;width:min(500px,100vw - 28px);font-family:var(--font-ui,system-ui, sans-serif);color:#f6ecd2;text-shadow:0 1px 2px #000,0 0 6px #000c;animation:.35s ease-out bh-in;position:fixed;top:60px;left:50%;transform:translate(-50%)}#boss-hud[hidden]{display:none}.bh-gold-tag{letter-spacing:2px;color:#ffd76a;text-shadow:0 0 8px #ffd76ab3,0 0 14px #f59e0b80;margin-bottom:2px;font-size:11px;font-weight:800}.bh-header{justify-content:space-between;align-items:center;margin-bottom:3px;padding:0 4px;display:flex}#boss-hud .bh-title{letter-spacing:.08em;color:#fffbeb;text-shadow:0 0 10px #fff9,0 1px 2px #000;font-size:16px;font-weight:800}.bh-layer-badge{font-family:var(--font-title,serif);color:#0f172a;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0bd9,#d97706f2);border-radius:4px;padding:1px 7px;font-size:14px;font-weight:900;box-shadow:0 0 8px #f59e0b99}#boss-hud .bh-bar{background:#0f172a;border:1.5px solid #d97706;border-radius:8px;height:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000c,0 0 16px #f59e0b59}#boss-hud .bh-under,#boss-hud .bh-fill,#boss-hud .bh-lag{border-radius:6px;position:absolute;inset:0 auto 0 0}#boss-hud .bh-under{opacity:.9;width:100%}#boss-hud .bh-lag{opacity:.45;background:#fff}#boss-hud .bh-fill{transition:width 80ms linear;box-shadow:inset 0 1px #ffffff59}#boss-hud .bh-bar i{z-index:5;background:#ffffff73;width:1px;position:absolute;top:0;bottom:0}#boss-hud .bh-sub{color:#e2e8f0;opacity:.95;margin-top:4px;font-size:11.5px;font-weight:600}#boss-hud[data-phase="2"] .bh-bar{animation:.8s ease-in-out infinite bh-pulse}@keyframes bh-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes bh-pulse{50%{box-shadow:0 0 0 1px #000c,0 0 20px #ef4444d9}}#boss-hud .bh-cast{opacity:0;width:65%;margin:5px auto 0;transition:opacity .12s,transform .12s;transform:translateY(-3px)scale(.96)}#boss-hud .bh-cast.on{opacity:1;transform:none}#boss-hud .bh-cast span{letter-spacing:.08em;color:#ffe9a8;font-size:12px;font-weight:700;animation:.6s ease-in-out infinite alternate bh-cast-glow;display:block}#boss-hud .bh-cast div{background:#0a0610bf;border:1px solid #ffd77899;border-radius:3px;height:5px;margin-top:2px;overflow:hidden}#boss-hud .bh-cast i{background:linear-gradient(90deg,#f0627a,#f6a45a,#f3d27a,#7fdcae,#6fc6f0,#7e8ff0,#b58cf0);width:0;height:100%;display:block}@keyframes bh-cast-glow{0%{text-shadow:0 0 4px #ffb43c80,0 1px 2px #000}to{text-shadow:0 0 10px #ff783ce6,0 1px 2px #000}}#server-broadcast{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(720px,100vw - 32px);display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.sb-banner{text-align:center;font-family:var(--font-title,serif);color:#fef08a;letter-spacing:1px;text-shadow:0 0 10px #facc15cc,0 2px 4px #000;opacity:0;background:linear-gradient(90deg,#0f172a00 0%,#1e140af2 15%,#2d1a0cfa 50%,#1e140af2 85%,#0f172a00 100%);border-top:1.5px solid #fbbf24;border-bottom:1.5px solid #fbbf24;padding:8px 32px;font-size:14.5px;font-weight:700;animation:.45s cubic-bezier(.16,1,.3,1) forwards sb-slide-in;transform:translateY(-16px)scale(.92);box-shadow:0 0 24px #f59e0b99,inset 0 0 16px #f59e0b33}.sb-banner.out{animation:.4s ease-in forwards sb-slide-out}.sb-tag{color:#f43f5e;text-shadow:0 0 8px #f43f5eb3;margin-right:6px;font-weight:800}.sb-killer{color:#38bdf8;text-shadow:0 0 8px #38bdf8cc;font-weight:800}.sb-boss{color:#fbbf24;text-shadow:0 0 10px #fbbf24e6;font-weight:900}@keyframes sb-slide-in{0%{opacity:0;transform:translateY(-16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sb-slide-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.95)}}#linhbao-panel{z-index:9000;background:var(--scrim);justify-content:center;align-items:center;display:none;position:fixed;inset:0}#linhbao-panel.show{display:flex}#linhbao-panel .lb-card{background:var(--panel-solid);border:1px solid var(--edge);border-radius:var(--r-m);width:min(760px,96vw);max-height:90vh;box-shadow:var(--shadow-2);color:var(--ink);font:500 var(--fs-m) / 1.4 var(--font-ui);flex-direction:column;display:flex}#linhbao-panel .lb-head{background:var(--obsidian-2);border-bottom:1px solid var(--edge-soft);align-items:center;gap:12px;padding:10px 16px;display:flex}#linhbao-panel .lb-title{font:700 var(--fs-xl) / 1 var(--font-title);letter-spacing:3px;color:var(--gold);flex:1}#linhbao-panel .lb-count{color:var(--jade)}#linhbao-panel .lb-close{color:var(--ink-dim);font-size:var(--fs-xl);cursor:pointer;background:0 0;border:none}#linhbao-panel .lb-body{padding:6px 16px;overflow-y:auto}#linhbao-panel .lb-row{border-bottom:1px solid var(--edge-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:7px 0;display:flex}#linhbao-panel .lb-name{flex-direction:column;width:190px;display:flex}#linhbao-panel .lb-name i{color:var(--ink-mute);font-size:var(--fs-xs);font-style:normal}#linhbao-panel .lb-chips{flex-wrap:wrap;flex:1;gap:4px;display:flex}#linhbao-panel .lb-chip,#linhbao-panel .lb-off{border:1px solid var(--edge-soft);border-radius:var(--r-s);background:var(--obsidian-3);min-width:46px;color:var(--ink);font:inherit;font-size:var(--fs-s);cursor:pointer;padding:3px 7px}#linhbao-panel .lb-chip{border-left:4px solid var(--lb-c)}#linhbao-panel .lb-chip:hover,#linhbao-panel .lb-off:hover{background:var(--hover)}#linhbao-panel .lb-chip.on{border-color:var(--lb-c);box-shadow:0 0 6px var(--lb-c);background:var(--press)}#linhbao-panel .lb-off.on{color:var(--ink-mute);border-color:var(--edge)}#linhbao-panel .lb-foot{color:var(--ink-mute);font-size:var(--fs-xs);padding:8px 16px 12px}#lab-panel{z-index:60;width:270px;font:12px/1.35 var(--font-ui,system-ui, sans-serif);color:#f2ead6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;background:#0c0e18db;border:1px solid #ffd2788c;border-radius:8px;position:fixed;top:10px;left:10px;box-shadow:0 6px 20px #00000073}#lab-panel header{border-bottom:1px solid #ffd27840;align-items:center;gap:6px;padding:6px 8px;display:flex}#lab-panel header b{color:#ffd76a;letter-spacing:.12em}#lab-panel header span{opacity:.75;flex:1;font-size:11px}#lab-panel.folded .lab-body{display:none}#lab-panel .lab-body{gap:6px;padding:6px 8px 8px;display:grid}#lab-panel label{justify-content:space-between;align-items:center;gap:6px;display:flex}#lab-panel label.row{justify-content:flex-start}#lab-panel fieldset{border:1px solid #ffffff26;border-radius:6px;flex-wrap:wrap;gap:8px;padding:4px 6px;display:flex}#lab-panel fieldset label{justify-content:flex-start;gap:3px}#lab-panel legend{opacity:.8;padding:0 4px}#lab-panel select,#lab-panel input[type=number]{color:#f2ead6;background:#1c2030;border:1px solid #556;border-radius:4px;padding:2px 4px}#lab-panel input[type=number]{width:52px}#lab-panel button{color:#f2ead6;cursor:pointer;background:linear-gradient(#2c3248,#20253a);border:1px solid #5a6488;border-radius:4px;padding:3px 6px}#lab-panel button:hover{color:#ffe9a8;border-color:#ffd76a}#lab-panel .lab-keys,#lab-panel .lab-tp{flex-wrap:wrap;gap:4px;display:flex}#lab-panel .lab-keys button{min-width:34px;font-weight:700}#lab-panel .lab-stat{opacity:.8;font-variant-numeric:tabular-nums;font-size:11px}#lab-panel .lab-skill{gap:4px;display:grid}#lab-panel .lab-skill-ids,#lab-panel .lab-skill-acts{flex-wrap:wrap;gap:4px;display:flex}#lab-panel .lab-skill-ids button.on{color:#ffe9a8;border-color:#ffd76a}#lab-panel .lab-skill-view{opacity:.9;gap:2px;font-size:11px;display:grid}#lab-panel textarea{box-sizing:border-box;color:#f2ead6;-webkit-user-select:text;user-select:text;resize:vertical;background:#1c2030;border:1px solid #556;border-radius:4px;width:100%;font:10px/1.3 ui-monospace,monospace}#lab-panel .lab-skill-msg{color:#9fe0a0;min-height:1em;font-size:11px}#lab-panel .lab-skill-msg.bad{color:#ff9a8a}