:root{--paper-bg: #ecece8;--paper-light: #f5f5f1;--paper-white: #f8f8f5;--paper: var(--paper-light);--wash-ink: rgba(17, 17, 17, .12);--light-ink: #757575;--ink-black: #111111;--ink-dark: #21242a;--ink-grey: #555555;--ink-light: #b2b2b2;--ink-strong: var(--ink-black);--ink-muted: var(--ink-grey);--panel-frame-border: 1.5px solid var(--ink-black);--panel-border: rgba(34, 26, 19, .16);--border-strong: rgba(34, 26, 19, .32);--line-strong: rgba(34, 26, 19, .42);--accent: #9b5a2c;--accent-ink: #7e4b27;--accent-strong: var(--accent-ink);--accent-border: rgba(155, 90, 44, .42);--accent-contrast: #fffaf3;--accent-soft: rgba(155, 90, 44, .14);--stamp-red: #c53c3c;--stamp-red-hover: #a12b2b;--highlight: rgba(30, 30, 30, .08);--font-family-brush-wild: "Zhi Mang Xing", cursive;--font-family-brush-regular: "Ma Shan Zheng", cursive;--font-family-ui: "YouYuan", "幼圆", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;--font-family-serif: "Noto Serif SC", "Songti SC", "STSong", serif;--font-family-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-strong: 700;--font-weight-heavy: 800;--font-role-player-name: var(--font-family-brush-wild);--font-role-realm-level: var(--font-family-brush-wild);--font-role-title: var(--font-family-brush-regular);--font-role-body: var(--font-family-ui);--font-weight-role-subtitle: var(--font-weight-semibold);--font-weight-role-label: var(--font-weight-semibold);--font-weight-role-tab: var(--font-weight-semibold);--font-size-role-player-name-52: var(--ui-font-size-hero);--font-size-role-player-name-38: var(--ui-font-size-display);--font-size-role-player-name-28: var(--font-size-28);--font-size-role-realm-level-40: var(--font-size-40);--font-size-role-realm-level-18: var(--font-size-18);--font-size-role-title-52: var(--ui-font-size-hero);--font-size-role-title-46: 46px;--font-size-role-title-38: var(--ui-font-size-display);--font-size-role-title-30: 30px;--font-size-role-title-24: var(--font-size-24);--font-size-role-title-22: var(--ui-font-size-title);--font-size-role-title-18: var(--font-size-18);--font-size-role-title-16: var(--ui-font-size-subtitle);--font-size-role-title-15: var(--font-size-15);--font-size-role-title-14: var(--font-size-14);--font-size-role-title-13: var(--font-size-13);--font-size-role-title-12: var(--ui-font-size-caption);--font-size-role-body-24: var(--font-size-24);--font-size-role-body-22: var(--font-size-22);--font-size-role-body-20: var(--font-size-20);--font-size-role-body-18: var(--font-size-18);--font-size-role-body-16: var(--ui-font-size-subtitle);--font-size-role-body-15: var(--font-size-15);--font-size-role-body-14: var(--ui-font-size-body);--font-size-role-body-13: var(--font-size-13);--font-size-role-body-12: var(--ui-font-size-caption);--font-size-role-body-11: var(--ui-font-size-micro);--font-size-role-body-10: var(--font-size-10);--font-heading-main: var(--font-role-player-name);--font-heading-sub: var(--font-role-title);--font-body: var(--font-role-body);--color-role-title: var(--ink-black);--color-role-subtitle: #4b443c;--color-role-label: #534a41;--color-role-label-muted: #6b6258;--color-role-body: var(--ink-dark);--color-role-body-strong: var(--ink-black);--color-role-body-muted: #62584f;--color-role-tab-idle: #443c35;--color-role-tab-active: var(--ink-black);--body-backdrop: #111111;--surface-base: rgba(255, 255, 255, .92);--surface-elevated: rgba(255, 255, 255, .78);--surface: var(--surface-base);--surface-card: rgba(245, 245, 241, .98);--surface-card-strong: rgba(245, 245, 241, .96);--surface-muted: rgba(255, 255, 255, .6);--surface-muted-strong: rgba(255, 255, 255, .72);--surface-muted-solid: rgba(255, 255, 255, .84);--surface-hover: rgba(255, 255, 255, .9);--surface-entry: rgba(255, 255, 255, .8);--surface-entry-alt: rgba(247, 246, 241, .5);--surface-gradient-paper: linear-gradient(180deg, rgba(249, 247, 241, .98), rgba(239, 235, 225, .97));--surface-gradient-entry: linear-gradient(180deg, rgba(255,255,255,.7), rgba(236,236,232,.92));--surface-gradient-pane: linear-gradient(180deg, rgba(255,255,255,.62), rgba(250,248,242,.48));--surface-gradient-focus: linear-gradient(180deg, rgba(255,255,255,.66), rgba(247, 241, 229, .72));--surface-gradient-focus-passed: linear-gradient(180deg, rgba(255,255,255,.62), rgba(242, 233, 214, .7));--surface-gradient-world: linear-gradient(135deg, rgba(255,255,255,.45), rgba(0,0,0,.04));--surface-gradient-tooltip: linear-gradient(180deg, rgba(255,255,255,.86), rgba(243, 246, 251, .82));--surface-gradient-tooltip-alt: linear-gradient(180deg, rgba(248, 245, 238, .98), rgba(237, 232, 223, .96));--panel-shell-bg: rgba(238, 238, 234, .985);--panel-shell-shadow: 10px 10px 0 rgba(0, 0, 0, .12);--panel-rail-bg: linear-gradient(90deg, var(--surface-muted), transparent);--panel-tab-bar-bg: var(--paper-bg);--panel-tab-text: var(--color-role-tab-idle);--panel-tab-hover-bg: var(--highlight);--panel-tab-active-bg: var(--surface-muted);--panel-tab-active-text: var(--color-role-tab-active);--chat-log-bg: rgba(245, 245, 241, .88);--map-rail-bg: linear-gradient(180deg, var(--surface-muted), transparent);--map-rail-border: 1px solid var(--wash-ink);--map-target-indicator-border: rgba(34, 26, 19, .18);--map-target-indicator-bg: rgba(248, 248, 245, .92);--map-target-indicator-ink: var(--ink-black);--map-target-indicator-shadow: 0 6px 16px rgba(0,0,0,.08);--collapse-rail-bg: rgba(248, 248, 245, .98);--collapse-rail-hover-bg: var(--surface-hover);--collapse-rail-text: var(--ink-dark);--collapse-rail-mark: rgba(110, 110, 110, .65);--input-border: rgba(17, 17, 17, .16);--input-border-strong: rgba(17, 17, 17, .38);--overlay-backdrop: rgba(12, 10, 8, .44);--success-ink: #2e6d46;--ghost-btn-border: rgba(34, 26, 19, .18);--ghost-btn-hover-bg: rgba(34, 26, 19, .08);--ghost-btn-active-border: rgba(128, 28, 26, .42);--ghost-btn-active-bg: rgba(128, 28, 26, .08);--ghost-btn-active-ink: var(--stamp-red);--auto-battle-enabled-ink: #7c2d12;--auto-battle-disabled-ink: var(--ink-grey);--observe-buff-section-border: rgba(44, 47, 51, .1);--observe-buff-section-bg: var(--surface-muted);--observe-buff-chip-border: rgba(44, 47, 51, .14);--observe-buff-chip-bg: var(--surface-hover);--observe-buff-buff-accent: rgba(69, 147, 93, .72);--observe-buff-debuff-accent: rgba(176, 68, 49, .72);--observe-buff-mark-bg: rgba(22, 17, 13, .88);--observe-buff-mark-ink: #f7efda;--observe-buff-stack-bg: rgba(31, 26, 20, .1);--observe-buff-stack-ink: var(--ink-black);--tooltip-buff-entry-bg: rgba(34, 26, 19, .06);--tooltip-buff-entry-ink: #2f241b;--tooltip-buff-entry-buff-bg: rgba(69, 147, 93, .1);--tooltip-buff-entry-debuff-bg: rgba(176, 68, 49, .1);--tooltip-buff-mark-bg: rgba(22, 17, 13, .88);--tooltip-buff-mark-ink: #f7efda;--tooltip-ink: #1a120a;--tooltip-muted-ink: #5c5349;--tooltip-head-ink: #1f1710;--radar-grid-stroke: rgba(34, 26, 19, .22);--radar-grid-stroke-strong: rgba(34, 26, 19, .3);--tech-badge-border: rgba(34, 26, 19, .14);--tech-grade-ink: var(--stamp-red);--tech-grade-bg: rgba(139, 48, 35, .08);--tech-category-ink: #5b4331;--tech-category-bg: rgba(154, 117, 79, .12);--tech-realm-level-ink: #4f3f1f;--tech-realm-level-bg: rgba(196, 162, 99, .16);--tech-realm-ink: #385a73;--tech-realm-bg: rgba(74, 128, 168, .1);--tech-progress-track: rgba(34, 26, 19, .08);--tech-progress-fill-start: rgba(167, 64, 41, .88);--tech-progress-fill-end: rgba(214, 138, 74, .92);--chat-pill-dodge: #7dd3fc;--chat-pill-dodge-bg: rgba(125, 211, 252, .16);--chat-pill-dodge-border: rgba(125, 211, 252, .36);--chat-pill-dodge-shadow: rgba(125, 211, 252, .22);--chat-pill-debuff: #b91c1c;--chat-pill-debuff-bg: rgba(185, 28, 28, .16);--chat-pill-debuff-border: rgba(185, 28, 28, .36);--chat-pill-debuff-shadow: rgba(185, 28, 28, .22);--chat-pill-buff: #1d6e42;--chat-pill-buff-bg: rgba(29, 110, 66, .16);--chat-pill-buff-border: rgba(29, 110, 66, .36);--chat-pill-buff-shadow: rgba(29, 110, 66, .22);--chat-pill-result: #6a7282;--chat-pill-result-bg: rgba(106, 114, 130, .16);--chat-pill-result-border: rgba(106, 114, 130, .36);--chat-pill-result-shadow: rgba(106, 114, 130, .22);--chat-pill-damage-default: #ef4444;--chat-pill-damage-default-bg: rgba(239, 68, 68, .16);--chat-pill-damage-default-border: rgba(239, 68, 68, .36);--chat-pill-damage-default-shadow: rgba(239, 68, 68, .22);--attr-tooltip-border: rgba(34, 26, 19, .15);--attr-tooltip-shadow: rgba(0, 0, 0, .18);--attr-tooltip-primary-value: #b85c38;--attr-tooltip-fixed-ink: #7a4b22;--attr-tooltip-fixed-bg: rgba(197, 128, 53, .14);--attr-tooltip-percent-ink: #1d5d4f;--attr-tooltip-percent-bg: rgba(45, 140, 115, .14);--attr-tooltip-fixed-child-label: #8c6742;--attr-tooltip-percent-child-label: #2f7e6d;--attr-radar-shell-border: rgba(34, 26, 19, .18);--attr-radar-shell-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35), 0 6px 18px rgba(0, 0, 0, .08);--attr-radar-hover-shadow: rgba(124, 37, 31, .22);--attr-radar-icon-shadow: rgba(58, 38, 24, .16);--attr-radar-dot-stroke: rgba(255, 255, 255, .9);--ui-scale: 1;--ui-font-size-hero: 52px;--ui-font-size-display: 38px;--ui-font-size-title: 22px;--ui-font-size-subtitle: 16px;--ui-font-size-body: 14px;--ui-font-size-caption: 12px;--ui-font-size-micro: 11px;--font-size-52: var(--ui-font-size-hero);--font-size-40: calc(var(--ui-font-size-display) + 2px);--font-size-38: var(--ui-font-size-display);--font-size-28: calc(var(--ui-font-size-title) + 6px);--font-size-24: calc(var(--ui-font-size-title) + 2px);--font-size-22: var(--ui-font-size-title);--font-size-20: calc(var(--ui-font-size-subtitle) + 4px);--font-size-18: calc(var(--ui-font-size-subtitle) + 2px);--font-size-16: var(--ui-font-size-subtitle);--font-size-15: calc(var(--ui-font-size-body) + 1px);--font-size-14: var(--ui-font-size-body);--font-size-13: calc(var(--ui-font-size-body) - 1px);--font-size-12: var(--ui-font-size-caption);--font-size-11: var(--ui-font-size-micro);--font-size-10: calc(var(--ui-font-size-micro) - 1px);--title-rail-size: calc(34px * var(--ui-scale));--split-rail-size: calc(38px * var(--ui-scale));--map-rail-size: calc(42px * var(--ui-scale))}:root[data-color-mode=dark]{--paper-bg: #181411;--paper-light: #211c18;--paper-white: #2a2420;--paper: var(--paper-light);--wash-ink: rgba(255, 244, 229, .16);--light-ink: #b9ab9e;--ink-black: #f6eee0;--ink-dark: #f0e5d6;--ink-grey: #d7c7b8;--ink-light: #9f9082;--ink-strong: #fff4e6;--ink-muted: #cdbdab;--panel-frame-border: 1.5px solid rgba(246, 238, 224, .82);--panel-border: rgba(246, 238, 224, .18);--border-strong: rgba(246, 238, 224, .34);--line-strong: rgba(246, 238, 224, .46);--accent: #d38a4c;--accent-ink: #f2c28d;--accent-strong: var(--accent-ink);--accent-border: rgba(211, 138, 76, .56);--accent-contrast: #24170f;--accent-soft: rgba(211, 138, 76, .22);--stamp-red: #d36f5c;--stamp-red-hover: #ea8c79;--highlight: rgba(255, 244, 229, .08);--color-role-title: var(--ink-black);--color-role-subtitle: #dacbbc;--color-role-label: #e6d8ca;--color-role-label-muted: #c8b8aa;--color-role-body: var(--ink-dark);--color-role-body-strong: #fff4e6;--color-role-body-muted: #d0c1b3;--color-role-tab-idle: #e8dccf;--color-role-tab-active: #fff4e6;--body-backdrop: #090806;--surface-base: rgba(43, 37, 33, .94);--surface-elevated: rgba(49, 42, 37, .88);--surface: var(--surface-base);--surface-card: rgba(24, 20, 18, .985);--surface-card-strong: rgba(26, 22, 19, .98);--surface-muted: rgba(58, 49, 44, .8);--surface-muted-strong: rgba(66, 56, 50, .9);--surface-muted-solid: rgba(76, 65, 58, .94);--surface-hover: rgba(88, 75, 67, .98);--surface-entry: rgba(52, 45, 40, .94);--surface-entry-alt: rgba(39, 33, 29, .84);--surface-gradient-paper: linear-gradient(180deg, rgba(38, 32, 28, .98), rgba(28, 24, 21, .97));--surface-gradient-entry: linear-gradient(180deg, rgba(63, 55, 49, .82), rgba(37, 31, 27, .96));--surface-gradient-pane: linear-gradient(180deg, rgba(63, 54, 48, .72), rgba(36, 30, 27, .56));--surface-gradient-focus: linear-gradient(180deg, rgba(73, 62, 55, .78), rgba(45, 37, 32, .88));--surface-gradient-focus-passed: linear-gradient(180deg, rgba(67, 58, 51, .74), rgba(41, 34, 30, .84));--surface-gradient-world: linear-gradient(135deg, rgba(66, 57, 51, .72), rgba(0,0,0,.2));--surface-gradient-tooltip: linear-gradient(180deg, rgba(59, 50, 45, .92), rgba(34, 29, 25, .9));--surface-gradient-tooltip-alt: linear-gradient(180deg, rgba(54, 46, 41, .96), rgba(35, 30, 27, .94));--panel-shell-bg: rgba(16, 13, 12, .992);--panel-shell-shadow: 10px 10px 0 rgba(0, 0, 0, .34);--panel-rail-bg: linear-gradient(90deg, rgba(38, 32, 28, .98), rgba(24, 20, 17, .92));--panel-tab-bar-bg: rgba(29, 25, 22, .98);--panel-tab-text: var(--color-role-tab-idle);--panel-tab-hover-bg: rgba(86, 73, 65, .96);--panel-tab-active-bg: rgba(108, 91, 81, .98);--panel-tab-active-text: var(--color-role-tab-active);--chat-log-bg: rgba(19, 16, 14, .985);--map-rail-bg: linear-gradient(180deg, rgba(20, 17, 15, .99), rgba(14, 12, 10, .97));--map-rail-border: 1px solid rgba(246, 238, 224, .16);--map-target-indicator-border: rgba(246, 238, 224, .22);--map-target-indicator-bg: rgba(23, 20, 18, .9);--map-target-indicator-ink: #fff0dc;--map-target-indicator-shadow: 0 10px 24px rgba(0, 0, 0, .28);--collapse-rail-bg: rgba(24, 20, 18, .99);--collapse-rail-hover-bg: rgba(82, 69, 61, .99);--collapse-rail-text: #f6eee0;--collapse-rail-mark: rgba(232, 219, 205, .72);--input-border: rgba(246, 238, 224, .16);--input-border-strong: rgba(246, 238, 224, .32);--overlay-backdrop: rgba(0, 0, 0, .62);--success-ink: #63ba84;--ghost-btn-border: rgba(246, 238, 224, .28);--ghost-btn-hover-bg: rgba(246, 238, 224, .12);--ghost-btn-active-border: rgba(234, 140, 121, .68);--ghost-btn-active-bg: rgba(211, 111, 92, .22);--ghost-btn-active-ink: #ffd6c7;--auto-battle-enabled-ink: #ffbf9f;--auto-battle-disabled-ink: #d8cbbd;--observe-buff-section-border: rgba(246, 238, 224, .18);--observe-buff-section-bg: rgba(90, 78, 70, .94);--observe-buff-chip-border: rgba(246, 238, 224, .24);--observe-buff-chip-bg: rgba(117, 102, 92, .98);--observe-buff-buff-accent: rgba(110, 212, 141, .96);--observe-buff-debuff-accent: rgba(255, 142, 116, .94);--observe-buff-mark-bg: rgba(246, 238, 224, .16);--observe-buff-mark-ink: #fff4e8;--observe-buff-stack-bg: rgba(246, 238, 224, .16);--observe-buff-stack-ink: #fff4e6;--tooltip-buff-entry-bg: rgba(246, 238, 224, .2);--tooltip-buff-entry-ink: #fff4e8;--tooltip-buff-entry-buff-bg: rgba(110, 212, 141, .32);--tooltip-buff-entry-debuff-bg: rgba(255, 142, 116, .32);--tooltip-buff-mark-bg: rgba(246, 238, 224, .24);--tooltip-buff-mark-ink: #fff8f0;--tooltip-ink: var(--ink-black);--tooltip-muted-ink: var(--ink-grey);--tooltip-head-ink: var(--ink-black);--radar-grid-stroke: rgba(246, 238, 224, .28);--radar-grid-stroke-strong: rgba(246, 238, 224, .38);--tech-badge-border: rgba(246, 238, 224, .18);--tech-grade-ink: #ffb3a2;--tech-grade-bg: rgba(211, 111, 92, .18);--tech-category-ink: #efd1aa;--tech-category-bg: rgba(154, 117, 79, .24);--tech-realm-level-ink: #ffe0a4;--tech-realm-level-bg: rgba(196, 162, 99, .24);--tech-realm-ink: #b9ddff;--tech-realm-bg: rgba(74, 128, 168, .22);--tech-progress-track: rgba(246, 238, 224, .16);--tech-progress-fill-start: rgba(214, 126, 92, .9);--tech-progress-fill-end: rgba(255, 190, 122, .94);--chat-pill-dodge: #93e0ff;--chat-pill-dodge-bg: rgba(147, 224, 255, .16);--chat-pill-dodge-border: rgba(147, 224, 255, .36);--chat-pill-dodge-shadow: rgba(147, 224, 255, .22);--chat-pill-debuff: #f87171;--chat-pill-debuff-bg: rgba(248, 113, 113, .16);--chat-pill-debuff-border: rgba(248, 113, 113, .36);--chat-pill-debuff-shadow: rgba(248, 113, 113, .22);--chat-pill-buff: #6ee08d;--chat-pill-buff-bg: rgba(110, 224, 141, .16);--chat-pill-buff-border: rgba(110, 224, 141, .36);--chat-pill-buff-shadow: rgba(110, 224, 141, .22);--chat-pill-result: #a1a8b4;--chat-pill-result-bg: rgba(161, 168, 180, .16);--chat-pill-result-border: rgba(161, 168, 180, .36);--chat-pill-result-shadow: rgba(161, 168, 180, .22);--chat-pill-damage-default: #ff7b7b;--chat-pill-damage-default-bg: rgba(255, 123, 123, .16);--chat-pill-damage-default-border: rgba(255, 123, 123, .36);--chat-pill-damage-default-shadow: rgba(255, 123, 123, .22);--attr-tooltip-border: rgba(246, 238, 224, .18);--attr-tooltip-shadow: rgba(0, 0, 0, .36);--attr-tooltip-primary-value: #f2a87a;--attr-tooltip-fixed-ink: #efc48a;--attr-tooltip-fixed-bg: rgba(197, 128, 53, .22);--attr-tooltip-percent-ink: #7edbc8;--attr-tooltip-percent-bg: rgba(45, 140, 115, .22);--attr-tooltip-fixed-child-label: #e8b87a;--attr-tooltip-percent-child-label: #6ecfb8;--attr-radar-shell-border: rgba(246, 238, 224, .18);--attr-radar-shell-shadow: inset 0 0 0 1px rgba(246, 238, 224, .12), 0 6px 18px rgba(0, 0, 0, .28);--attr-radar-hover-shadow: rgba(255, 160, 140, .28);--attr-radar-icon-shadow: rgba(246, 238, 224, .12);--attr-radar-dot-stroke: rgba(0, 0, 0, .6)}#hud{height:100%}#hud.hidden{display:none}.pixi-profiler-window{position:fixed;right:14px;bottom:14px;z-index:9500;width:min(720px,calc(100vw - 28px));height:min(560px,calc(100vh - 28px));min-height:min(420px,calc(100vh - 28px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr);border:1px solid rgba(15,23,42,.72);border-radius:6px;background:#0f172af0;color:#e5e7eb;box-shadow:0 16px 42px #00000057;overflow:hidden;font-family:var(--font-family-monospace);font-size:12px;line-height:1.35;pointer-events:auto}.pixi-profiler-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:34px;padding:7px 9px;background:#1e293bf0;border-bottom:1px solid rgba(148,163,184,.18);cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.pixi-profiler-title{display:flex;align-items:baseline;gap:10px;min-width:0;color:#cbd5e1;white-space:nowrap;overflow:hidden}.pixi-profiler-title span{font-weight:700;color:#f8fafc}.pixi-profiler-title strong{color:#67e8f9;font-weight:700;overflow:hidden;text-overflow:ellipsis}.pixi-profiler-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex:0 0 auto}.pixi-profiler-actions button{min-width:52px;min-height:24px;padding:2px 7px;border:1px solid rgba(148,163,184,.36);border-radius:4px;background:#0f172ab8;color:#e2e8f0;font-family:var(--font-family-monospace);font-size:11px;cursor:pointer}.pixi-profiler-actions button:hover{border-color:#67e8f9b8;color:#f8fafc}.pixi-profiler-actions button:disabled{opacity:.48;cursor:not-allowed}.pixi-profiler-actions button[aria-pressed=true]{border-color:#facc15b8;color:#fef9c3}.pixi-profiler-actions button.is-copy-ok{border-color:#22c55eb8;color:#bbf7d0}.pixi-profiler-actions button.is-copy-failed{border-color:#f87171b8;color:#fecaca}.pixi-profiler-graph-shell{padding:8px 8px 6px;background:#020617b8;min-height:150px}.pixi-profiler-graph{display:block;width:100%;aspect-ratio:4 / 1;height:160px;min-height:160px;max-height:160px;border:1px solid rgba(148,163,184,.18);border-radius:4px;cursor:crosshair;touch-action:none}.pixi-profiler-counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px 8px;min-height:64px;border-top:1px solid rgba(148,163,184,.14);border-bottom:1px solid rgba(148,163,184,.14);background:#0f172ad1}.pixi-profiler-counters span{display:flex;justify-content:space-between;gap:6px;min-width:0;padding:3px 5px;border-radius:4px;background:#3341557a;color:#e2e8f0;overflow:hidden}.pixi-profiler-counters b{color:#94a3b8;font-weight:500;overflow:hidden;text-overflow:ellipsis}.pixi-profiler-detail{min-height:0;overflow:auto;background:#0f172aeb;overscroll-behavior:contain}.pixi-profiler-detail table{width:100%;border-collapse:collapse;table-layout:fixed}.pixi-profiler-detail th,.pixi-profiler-detail td{padding:4px 8px;border-bottom:1px solid rgba(148,163,184,.12);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pixi-profiler-detail th:last-child,.pixi-profiler-detail td:last-child{width:96px;text-align:right;color:#bae6fd}.pixi-profiler-selected-row td{background:#facc151f;color:#fef9c3;font-weight:700}.pixi-profiler-counter-row td{color:#cbd5e1;background:#3341552e}.pixi-profiler-section-row td{color:#f8fafc;background:#0ea5e929;font-weight:700;letter-spacing:0;text-transform:uppercase}@media (max-width: 560px),(max-height: 520px){.pixi-profiler-window{right:8px;bottom:8px;width:calc(100vw - 16px);height:calc(100vh - 16px)}.pixi-profiler-header{align-items:flex-start;gap:6px;padding:6px}.pixi-profiler-title{flex:1 1 100%;width:100%}.pixi-profiler-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.pixi-profiler-graph-shell{min-height:112px;padding:6px}.pixi-profiler-graph{height:118px;min-height:118px;max-height:118px}.pixi-profiler-counters{grid-template-columns:repeat(2,minmax(0,1fr));min-height:54px}.pixi-profiler-detail th:last-child,.pixi-profiler-detail td:last-child{width:84px}}.hud-panel{display:grid;grid-template-columns:var(--title-rail-size) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:12px;row-gap:12px;height:100%;min-height:0;padding:14px 14px 112px;position:relative}.hud-top-row{grid-column:2;display:flex;align-items:stretch;gap:12px}.hud-identity{grid-column:1;grid-row:1 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:6px 8px;border-right:1px solid var(--wash-ink)}.hud-realm-block{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:30px 14px 10px;border:1px solid var(--wash-ink);background:var(--surface-muted-strong);flex:1 1 auto;min-width:0;min-height:110px;position:relative}.hud-realm-label{position:absolute;top:8px;left:14px;font-size:var(--font-size-11);color:var(--ink-grey);line-height:1;pointer-events:none}.hud-realm-action{position:absolute;top:8px;right:14px;min-width:74px;padding:3px 10px;border:1px solid rgba(17,17,17,.2);background:#c53c3c1a;color:var(--stamp-red);font-family:var(--font-role-body);font-size:var(--font-size-role-body-13);line-height:1.2;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.hud-realm-action:hover{background:#c53c3c29;border-color:#11111152;color:var(--stamp-red-hover)}.hud-realm-action.is-unavailable{background:#1111110f;border-color:#11111124;color:var(--ink-grey)}.hud-realm-action.is-unavailable:hover{background:#1111111a;border-color:#11111138;color:var(--ink-black)}.hud-realm-main{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;align-items:stretch;justify-content:center;gap:6px;padding-top:4px;text-align:center}.hud-realm-heading{display:flex;align-items:baseline;gap:8px;width:100%;min-width:0}.hud-realm-value{font-size:var(--font-size-role-realm-level-40);font-family:var(--font-role-realm-level);color:var(--ink-black);line-height:1;flex:1 1 auto;min-width:0;width:100%;text-align:center;overflow-wrap:anywhere}.hud-realm-level{flex:0 0 auto;font-family:var(--font-role-body);font-size:var(--font-size-role-realm-level-18);font-weight:var(--font-weight-role-label);color:var(--ink-grey);line-height:1.1;text-align:right;white-space:nowrap}.hud-realm-sub{font-size:var(--font-size-role-realm-level-18);font-family:var(--font-role-realm-level);color:var(--stamp-red);line-height:1.1;opacity:.9;margin-top:2px;min-width:0;max-width:100%;text-align:right;white-space:normal;overflow-wrap:anywhere}.hud-top-spacer{display:none}.hud-mobile-scroll{display:contents}.hud-resource-bars{grid-column:2;display:grid;gap:8px}.hud-resource-bar{display:flex;flex-direction:column;gap:5px}.hud-resource-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.hud-resource-meter{position:relative;height:8px;border:1px solid var(--wash-ink);border-radius:999px;background:var(--highlight);overflow:hidden}.hud-resource-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:linear-gradient(90deg,#cf5a40e6,#cf5a4080);transition:width .2s}.hud-resource-meter--qi .hud-resource-fill{background:linear-gradient(90deg,#567ca4e6,#567ca480)}.hud-resource-text{font-size:var(--font-size-12);font-weight:var(--font-weight-strong);color:var(--ink-black)}.hud-progress-shell{position:relative;width:100%;margin-top:auto;padding-top:4px;border-top:1px solid rgba(17,17,17,.08)}.hud-progress-track{position:relative;height:8px;border-radius:999px;border:1px solid var(--wash-ink);background:var(--highlight);margin-top:6px}.hud-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:linear-gradient(90deg,#7c251fe6,#cf5a40b3)}.hud-progress-value{position:absolute;top:10px;left:50%;transform:translate(-50%,-50%);padding:0;font-family:var(--font-role-body);font-size:var(--font-size-role-body-11);color:var(--ink-black);text-align:center;line-height:1;white-space:nowrap;z-index:1}.hud-name{font-family:var(--font-role-player-name);font-size:var(--font-size-role-player-name-28);color:var(--ink-black);letter-spacing:3px;line-height:1;writing-mode:vertical-rl;text-orientation:mixed}.hud-title{font-family:var(--font-role-body);font-size:var(--font-size-role-body-13);color:var(--color-role-subtitle);font-weight:var(--font-weight-role-subtitle);letter-spacing:2px;writing-mode:vertical-rl;text-orientation:mixed}.hud-highlight{grid-column:2;padding:12px;border:1px solid var(--wash-ink);background:var(--surface-muted-strong)}.hud-topline{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:10px}.hud-highlight-label{font-size:var(--font-size-11);color:var(--color-role-label);font-weight:var(--font-weight-role-label);margin-bottom:4px}.hud-highlight-value{font-family:var(--font-role-body);font-size:var(--font-size-role-body-22);color:var(--color-role-body-strong)}.hud-resources{grid-column:2;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.hud-resource-card{padding:10px;border:1px solid var(--wash-ink);background:var(--surface-muted-strong)}.hud-resource-label{font-size:var(--font-size-11);color:var(--color-role-label);font-weight:var(--font-weight-role-label);margin-bottom:4px}.hud-resource-value{font-size:var(--font-size-16);color:var(--color-role-body-strong);font-weight:var(--font-weight-strong)}.hud-meter{height:8px;margin-top:8px;background:#00000014;overflow:hidden}.hud-meter-fill{width:0;height:100%;background:linear-gradient(90deg,#c53c3c,#e49b5d);transition:width .25s ease}.hud-bars{grid-column:2;display:grid;gap:8px}.hud-bar-card{padding:10px 12px;border:1px solid var(--wash-ink);background:var(--surface-muted-strong)}.hud-bar-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:var(--font-size-11);color:var(--color-role-label);font-weight:var(--font-weight-role-label)}.hud-bar-track{position:relative;height:18px;background:#00000014;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.hud-bar-fill{width:0;height:100%;transition:width .25s ease}.hud-bar-fill.hp{background:linear-gradient(90deg,#9f2626,#d56a54)}.hud-bar-fill.qi{background:linear-gradient(90deg,#285b78,#67a7b8)}.hud-bar-fill.cultivation{background:linear-gradient(90deg,#7b5b14,#d4a447)}.hud-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-12);font-weight:var(--font-weight-strong);color:var(--ink-black);text-shadow:0 1px 0 rgba(255,255,255,.7)}.hud-toggle-stack{display:grid;gap:8px}.hud-toggle-card{padding:10px 12px;border:1px solid var(--wash-ink);background:var(--surface-muted);cursor:pointer;transition:background .2s,border-color .2s,transform .2s;text-align:left}.hud-toggle-card:hover{background:var(--surface-muted-strong);border-color:#0000001f}.hud-toggle-card.active{box-shadow:inset 0 -2px 0 var(--stamp-red);background:var(--surface-hover)}.hud-toggle-card:active{transform:translateY(1px)}.hud-toggle-title{font-size:var(--font-size-11);color:var(--color-role-label);font-weight:var(--font-weight-role-label);margin-bottom:4px}.hud-toggle-value{font-family:var(--font-role-body);font-size:var(--font-size-role-body-16);color:var(--color-role-body-strong)}.hud-grid{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1 1 auto;align-content:start;padding-bottom:12px}.hud-corner-actions{position:absolute;right:14px;bottom:14px;display:flex;gap:8px;z-index:2}.hud-link-actions{position:absolute;right:14px;bottom:58px;display:flex;gap:8px;z-index:2}.hud-corner-btn{position:relative;min-width:72px;padding:7px 12px;border:1px solid rgba(17,17,17,.2);background:var(--surface-muted-strong);color:var(--ink-black);font-family:var(--font-role-body);font-size:var(--font-size-role-body-13);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.hud-corner-btn[data-has-unread=true]:after{content:"";position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:999px;background:var(--stamp-red);box-shadow:0 0 0 2px #f8f8f5e6}.hud-link-btn{text-decoration:none;min-width:0;width:36px;height:36px;padding:0;border-radius:10px}.hud-link-btn--labeled{width:auto;min-width:88px;height:40px;padding:0 14px;border-radius:12px}.hud-link-btn--tutorial{width:auto;min-width:72px;height:40px;padding:0 14px;border-radius:12px;background:linear-gradient(180deg,#d6bc8e38,#c53c3c14),var(--surface-muted-strong);border-color:#85442d47;color:var(--ink-black);font-size:var(--font-size-role-body-14);font-weight:var(--font-weight-semibold);letter-spacing:.04em}.hud-link-btn--tutorial:hover{border-color:#85442d73;background:linear-gradient(180deg,#d6bc8e4d,#c53c3c1f),var(--surface-hover)}.hud-link-btn-text{white-space:nowrap}.hud-link-icon{width:18px;height:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center}.hud-link-icon svg{width:100%;height:100%;fill:currentColor}.hud-icon-inner-fill{fill:var(--paper-white)}.hud-link-btn--labeled .hud-link-icon{width:16px;height:16px;flex:0 0 16px}.hud-link-btn--qq .hud-link-icon{color:#12b7f5}.hud-link-btn--github .hud-link-icon{color:#181717}.hud-corner-btn:hover{background:var(--surface-hover);border-color:#11111161}.hud-corner-btn.danger{color:var(--stamp-red);background:#c53c3c14}.hud-corner-btn.danger:hover{color:var(--stamp-red-hover);background:#c53c3c24}.hud-row{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--wash-ink);background:var(--surface-muted);min-width:0}.hud-label{font-family:var(--font-role-body);font-size:var(--font-size-role-body-13);color:var(--color-role-label);font-weight:var(--font-weight-role-label)}.hud-value{color:var(--ink-black);font-weight:var(--font-weight-strong);font-size:var(--font-size-14);word-break:break-word}.react-ui-root-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:900;pointer-events:none}.react-ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.react-ui-scaffold{position:absolute;top:16px;right:16px;width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;pointer-events:none}.react-ui-scaffold-card,.react-ui-scaffold .react-ui-empty-hint{pointer-events:auto}.react-ui-scaffold-card{margin-bottom:0;box-shadow:10px 10px #00000014}.react-ui-scaffold-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.react-ui-scaffold-row{display:flex;flex-direction:column;gap:2px}.react-ui-scaffold-label{color:var(--color-role-label);font-size:var(--font-size-11);font-weight:var(--font-weight-role-label)}.react-ui-scaffold-value{color:var(--color-role-body-strong);font-size:var(--font-size-13);font-weight:var(--font-weight-strong)}.react-ui-scaffold-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.react-ui-slider-field{gap:8px;min-width:0}.react-ui-slider-field-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.react-ui-slider-field-label{color:var(--ink-grey);font-size:var(--font-size-12)}.react-ui-slider-field-value{color:var(--ink-black);font-size:var(--font-size-13);font-weight:var(--font-weight-strong)}.react-ui-slider-input{width:100%}.react-ui-stepper{display:grid;gap:8px}.react-ui-stepper-label{color:var(--ink-grey);font-size:var(--font-size-12)}.react-ui-stepper-controls{justify-content:flex-start}.react-ui-stepper-input{width:88px}.react-ui-item-card{display:grid;gap:6px;padding:10px}.react-ui-item-card-head{gap:8px}.react-ui-price-editor{display:grid;gap:8px}.react-ui-price-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.react-ui-price-editor-label{color:var(--ink-grey);font-size:var(--font-size-12)}.react-ui-price-editor-value{color:var(--ink-black);font-size:var(--font-size-13);font-weight:var(--font-weight-strong)}.react-ui-price-editor-presets,.react-ui-price-editor-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.react-ui-price-editor-input{width:112px}.react-ui-game-item{display:grid;grid-template-rows:auto 1fr auto auto auto;gap:6px;min-height:84px;aspect-ratio:1 / 1;width:100%;padding:8px;border:1px solid var(--wash-ink);background:var(--surface-gradient-entry, linear-gradient(180deg, var(--surface-elevated), var(--surface-muted)));box-shadow:inset 0 0 0 1px #ffffff80;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:left;cursor:pointer;position:relative;overflow:visible;isolation:isolate}.react-ui-game-item>*{position:relative;z-index:2}.react-ui-game-item--grade{border-color:var(--react-ui-item-grade-border);box-shadow:inset 0 0 0 1px #ffffff80,inset 0 0 0 1px color-mix(in srgb,var(--react-ui-item-grade-border) 82%,rgba(255,255,255,.18)),0 0 0 1px rgba(var(--react-ui-item-grade-rgb),.08)}.react-ui-game-item--grade:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(var(--react-ui-item-grade-rgb),.24),rgba(var(--react-ui-item-grade-rgb),.06) 64%,rgba(var(--react-ui-item-grade-rgb),0)) top / 100% 28px no-repeat,linear-gradient(0deg,rgba(var(--react-ui-item-grade-rgb),.18),rgba(var(--react-ui-item-grade-rgb),.04) 62%,rgba(var(--react-ui-item-grade-rgb),0)) bottom / 100% 24px no-repeat;opacity:.94;z-index:0}.react-ui-game-item--grade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 14px rgba(var(--react-ui-item-grade-rgb),.12),inset 0 0 24px rgba(var(--react-ui-item-grade-rgb),.06);z-index:1}.react-ui-game-item--grade-mortal{--react-ui-item-grade-border: rgba(139, 143, 149, .7);--react-ui-item-grade-rgb: 139, 143, 149}.react-ui-game-item--grade-yellow{--react-ui-item-grade-border: rgba(69, 179, 107, .72);--react-ui-item-grade-rgb: 69, 179, 107}.react-ui-game-item--grade-mystic{--react-ui-item-grade-border: rgba(79, 143, 216, .74);--react-ui-item-grade-rgb: 79, 143, 216}.react-ui-game-item--grade-earth{--react-ui-item-grade-border: rgba(123, 97, 209, .74);--react-ui-item-grade-rgb: 123, 97, 209}.react-ui-game-item--grade-heaven{--react-ui-item-grade-border: rgba(226, 138, 46, .76);--react-ui-item-grade-rgb: 226, 138, 46}.react-ui-game-item--grade-spirit{--react-ui-item-grade-border: rgba(37, 184, 216, .76);--react-ui-item-grade-rgb: 37, 184, 216}.react-ui-game-item--grade-saint{--react-ui-item-grade-border: rgba(217, 74, 74, .78);--react-ui-item-grade-rgb: 217, 74, 74}.react-ui-game-item--grade-emperor{--react-ui-item-grade-border: rgba(236, 86, 72, .82);--react-ui-item-grade-rgb: 236, 86, 72}.react-ui-game-item--grade-emperor:before{background:linear-gradient(115deg,#ec56484d,#e5972b40 18%,#e3cc3f38,#45b36b3d,#25b8d840,#7b61d145 82%,#d24fb74d),linear-gradient(180deg,rgba(var(--react-ui-item-grade-rgb),.14),rgba(var(--react-ui-item-grade-rgb),0) 68%) top / 100% 28px no-repeat,linear-gradient(0deg,rgba(var(--react-ui-item-grade-rgb),.1),rgba(var(--react-ui-item-grade-rgb),0) 66%) bottom / 100% 24px no-repeat;opacity:.96}.react-ui-game-item:hover,.react-ui-game-item.is-active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--react-ui-item-grade-border, rgba(0,0,0,.15)) 74%,rgba(0,0,0,.12));box-shadow:inset 0 0 0 1px #ffffffa6,inset 0 0 0 1px color-mix(in srgb,var(--react-ui-item-grade-border, transparent) 82%,transparent),0 8px 18px #00000014,0 0 20px rgba(var(--react-ui-item-grade-rgb, 94, 94, 94),.1)}.react-ui-game-item-head,.react-ui-equipment-slot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.react-ui-game-item-type{font-size:var(--font-size-10);line-height:1.2;color:var(--ink-grey)}.react-ui-game-item-count,.react-ui-equipment-slot-state{font-size:var(--font-size-11);font-weight:var(--font-weight-strong);color:var(--ink-black)}.react-ui-game-item-name,.react-ui-equipment-slot-name{display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-role-body);font-size:var(--font-size-role-body-15);line-height:1.28;color:var(--ink-black);min-height:30px}.react-ui-game-item--compact-name .react-ui-game-item-name{font-size:var(--font-size-13)}.react-ui-game-item-chip-row{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end}.react-ui-game-item-chip{max-width:100%;padding:1px 7px 2px;border-radius:999px;border:1px solid rgba(17,17,17,.14);background:#ffffff94;color:var(--ink-grey);font-size:var(--font-size-10);line-height:1.1;font-weight:var(--font-weight-strong);white-space:nowrap}.react-ui-game-item-grade,.react-ui-game-item-note,.react-ui-equipment-slot-item{color:var(--ink-grey);font-size:var(--font-size-11);line-height:1.5}.react-ui-game-item-actions{display:flex;width:100%;min-width:0;justify-content:flex-start;align-items:center;gap:6px;min-height:22px}.react-ui-game-item-actions .react-ui-button{flex:0 1 auto;min-width:0;max-width:calc(50% - 3px);min-height:22px;padding:1px 6px;font-size:var(--font-size-11);white-space:nowrap}.react-ui-game-item-actions .react-ui-button--danger{margin-left:auto}.react-ui-quest-item,.react-ui-mail-item,.react-ui-technique-item,.react-ui-market-order-row,.react-ui-action-item,.react-ui-world-entity-row{gap:4px;width:100%}.react-ui-quest-item-head,.react-ui-mail-item-head,.react-ui-technique-item-head,.react-ui-market-order-row-head,.react-ui-action-item-head,.react-ui-world-entity-row-head{gap:8px}.react-ui-market-order-row-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.react-ui-market-order-row--buy{border-color:#4370a33d}.react-ui-market-order-row--sell{border-color:#ab593b3d}.react-ui-quest-detail-badges,.react-ui-technique-detail-badges{align-items:center}.react-ui-tooltip-probe{margin-bottom:0;padding:10px 12px;color:var(--ink-grey);font-size:var(--font-size-12);pointer-events:auto}.react-ui-tooltip-layer{position:fixed;z-index:1400;pointer-events:none}.react-ui-tooltip-shell{max-width:min(320px,calc(100vw - 24px));padding:10px 12px;border:1px solid var(--wash-ink);background:var(--surface-base);color:var(--ink-dark);box-shadow:8px 8px #0000001f;font-size:var(--font-size-12);line-height:1.5}.react-ui-tooltip-detail{margin-top:6px;color:var(--ink-grey)}.react-ui-detail-modal-layer{z-index:1300}.react-ui-detail-modal-card{pointer-events:auto}.react-ui-detail-modal-body{display:flex;flex-direction:column;gap:12px}.react-ui-detail-preview{color:var(--ink-grey);font-size:var(--font-size-13);line-height:1.6}.react-ui-detail-preview-actions{display:flex;justify-content:flex-end;margin-top:4px}.react-ui-toast-layer{position:fixed;top:16px;left:50%;z-index:1350;display:flex;flex-direction:column;gap:8px;transform:translate(-50%);pointer-events:none}.react-ui-toast{min-width:180px;max-width:min(88vw,720px);padding:10px 20px;border-radius:12px;background:#000c;color:#fff;text-align:center;box-shadow:0 10px 28px #0000002e;font-size:var(--font-size-13);line-height:1.55}.react-ui-toast--success{background:#356e38eb}.react-ui-toast--warn{background:#8c4f12f0}.react-ui-toast--quest{background:#664a23eb}.react-ui-toast--combat{background:#7b2626eb}.react-ui-toast--loot{background:#295836eb}.react-ui-toast--grudge{background:#681c34eb}.react-ui-toast--travel{background:#2e4f80eb}:root[data-color-mode=dark] .react-ui-scaffold-card{box-shadow:10px 10px #0000003d}@media (max-width: 920px),((max-width: 1180px) and (pointer: coarse)),((max-width: 1180px) and (hover: none)){.react-ui-scaffold{top:auto;right:8px;bottom:8px;width:min(340px,calc(100vw - 16px))}.react-ui-scaffold-grid{grid-template-columns:1fr}}
