:root{--paper-bg: #ecece8;--paper-light: #f5f5f1;--paper-white: #f8f8f5;--wash-ink: rgba(17, 17, 17, .12);--light-ink: #757575;--ink-black: #111111;--ink-dark: #21242a;--ink-grey: #555555;--ink-light: #b2b2b2;--panel-frame-border: 1.5px solid var(--ink-black);--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-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);--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;--wash-ink: rgba(255, 244, 229, .16);--light-ink: #b9ab9e;--ink-black: #f6eee0;--ink-dark: #f0e5d6;--ink-grey: #d7c7b8;--ink-light: #9f9082;--panel-frame-border: 1.5px solid rgba(246, 238, 224, .82);--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-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)}#hud{height:100%}#hud.hidden{display:none}.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-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-value{font-size:var(--font-size-role-realm-level-40);font-family:var(--font-role-realm-level);color:var(--ink-black);line-height:1;width:100%;text-align:center}.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;font-style:italic;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 rgba(17,17,17,.12);border-radius:999px;background:#11111114;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 rgba(17,17,17,.12);background:#11111114;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--ifdian{width:auto;min-width:96px;height:40px;padding:0 16px;border-radius:12px;background:linear-gradient(180deg,#ff787833,#ff5e621f),var(--surface-muted-strong);border-color:#b73e3e4d;color:#a33131;font-size:var(--font-size-role-body-14);font-weight:var(--font-weight-semibold);letter-spacing:.04em}.hud-link-btn--ifdian:hover{border-color:#b73e3e73;background:linear-gradient(180deg,#ff787847,#ff5e622e),var(--surface-hover);color:#8f2626}.hud-link-btn--tutorial{width:auto;min-width:116px;height:40px;padding:0 16px;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-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 #ffffff5c,inset 0 0 0 1px color-mix(in srgb,var(--react-ui-item-grade-border) 90%,rgba(255,255,255,.08)),0 0 0 1px rgba(var(--react-ui-item-grade-rgb),.05)}.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),.2),rgba(var(--react-ui-item-grade-rgb),0) 72%) top / 100% 18px no-repeat,linear-gradient(0deg,rgba(var(--react-ui-item-grade-rgb),.16),rgba(var(--react-ui-item-grade-rgb),0) 70%) bottom / 100% 16px no-repeat,linear-gradient(90deg,rgba(var(--react-ui-item-grade-rgb),.12),rgba(var(--react-ui-item-grade-rgb),0) 68%) left / 14px 100% no-repeat,linear-gradient(270deg,rgba(var(--react-ui-item-grade-rgb),.12),rgba(var(--react-ui-item-grade-rgb),0) 68%) right / 14px 100% no-repeat;opacity:.9;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),.1),inset 0 0 24px rgba(var(--react-ui-item-grade-rgb),.05);z-index:1}.react-ui-game-item--grade-mortal{--react-ui-item-grade-border: rgba(126, 116, 104, .52);--react-ui-item-grade-rgb: 126, 116, 104}.react-ui-game-item--grade-yellow{--react-ui-item-grade-border: rgba(173, 143, 74, .58);--react-ui-item-grade-rgb: 173, 143, 74}.react-ui-game-item--grade-mystic{--react-ui-item-grade-border: rgba(96, 126, 170, .6);--react-ui-item-grade-rgb: 96, 126, 170}.react-ui-game-item--grade-earth{--react-ui-item-grade-border: rgba(82, 134, 96, .62);--react-ui-item-grade-rgb: 82, 134, 96}.react-ui-game-item--grade-heaven{--react-ui-item-grade-border: rgba(105, 154, 191, .64);--react-ui-item-grade-rgb: 105, 154, 191}.react-ui-game-item--grade-spirit{--react-ui-item-grade-border: rgba(76, 153, 142, .64);--react-ui-item-grade-rgb: 76, 153, 142}.react-ui-game-item--grade-saint{--react-ui-item-grade-border: rgba(183, 106, 132, .66);--react-ui-item-grade-rgb: 183, 106, 132}.react-ui-game-item--grade-emperor{--react-ui-item-grade-border: rgba(146, 104, 178, .7);--react-ui-item-grade-rgb: 146, 104, 178}.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}}