: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-heading-main: "Zhi Mang Xing", cursive;--font-heading-sub: "Ma Shan Zheng", cursive;--font-body: "Noto Serif SC", serif;--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: #444444;--panel-tab-hover-bg: var(--highlight);--panel-tab-active-bg: var(--surface-muted);--panel-tab-active-text: var(--ink-black);--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);--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);--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: 34px;--split-rail-size: 38px;--map-rail-size: 42px}: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);--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: #e2d5c7;--panel-tab-hover-bg: rgba(86, 73, 65, .96);--panel-tab-active-bg: rgba(108, 91, 81, .98);--panel-tab-active-text: #fff4e6;--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);--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)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;overscroll-behavior:none}body{background:var(--body-backdrop);overflow:hidden;font-family:var(--font-body);color:var(--ink-dark)}body.layout-resizing,body.layout-resizing *{user-select:none!important;-webkit-user-select:none!important}#game-canvas{display:block}#login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}#login-overlay.hidden{display:none}.login-box{background:var(--paper-light);border:2px solid var(--ink-black);padding:40px;min-width:380px;max-width:440px;box-shadow:16px 16px #0000001a;position:relative}.login-box:before,.login-box:after{content:"";position:absolute;width:30px;height:30px;border:3px solid var(--ink-black);opacity:.7;pointer-events:none}.login-box:before{top:8px;left:8px;border-right:none;border-bottom:none}.login-box:after{bottom:8px;right:8px;border-left:none;border-top:none}.login-title{font-family:var(--font-heading-main);font-size:var(--font-size-52);text-align:center;color:var(--ink-black);margin-bottom:6px;letter-spacing:8px}.login-logo{width:min(168px,46vw);display:block;margin:0 auto 16px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.12))}.login-subtitle{font-family:var(--font-heading-sub);font-size:var(--font-size-16);text-align:center;color:var(--ink-grey);margin-bottom:30px;letter-spacing:4px}.login-mode-tabs{display:flex;gap:10px;margin-bottom:24px}.login-mode-tab{flex:1;padding:10px 0;border:1.5px solid var(--ink-light);background:var(--surface-elevated);font-family:var(--font-heading-sub);font-size:var(--font-size-18);color:var(--ink-grey);letter-spacing:4px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.login-mode-tab:hover{border-color:var(--ink-dark);color:var(--ink-dark)}.login-mode-tab.active{border-color:var(--stamp-red);background:#c53c3c14;color:var(--ink-black)}.login-stamp{position:absolute;top:16px;right:20px;font-family:var(--font-heading-sub);font-size:var(--font-size-14);color:var(--paper-bg);background:var(--stamp-red);width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #000c;opacity:.85;transform:rotate(6deg)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-group.hidden{display:none}.form-group label{font-family:var(--font-heading-sub);font-size:var(--font-size-16);color:var(--ink-dark)}.form-group input{font-family:var(--font-body);font-size:var(--font-size-16);padding:12px;border:1.5px solid var(--ink-light);background:var(--surface-base);color:var(--ink-dark);transition:border-color .3s;outline:none}.form-group input:focus{border-color:var(--ink-black)}.form-group input::placeholder{color:var(--light-ink);font-size:var(--font-size-14)}.form-help{margin-top:6px;font-size:var(--font-size-12);color:var(--ink-grey);line-height:1.5}.field-status{min-height:18px;margin-top:6px;font-size:var(--font-size-12);color:var(--ink-grey)}.field-status.success{color:var(--success-ink)}.field-status.error{color:var(--stamp-red)}.login-actions{display:flex;gap:12px;margin-top:24px}.action-btn{position:relative;flex:1;padding:12px 0;background:transparent;border:none;font-family:var(--font-heading-sub);font-size:var(--font-size-20);cursor:pointer;color:var(--ink-black);outline:none}.btn-border{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid var(--ink-black);transition:all .2s;z-index:1}.btn-text{position:relative;z-index:2;letter-spacing:4px}.action-btn:hover .btn-border{top:-3px;left:-3px;right:-3px;bottom:-3px;border-width:2px}.action-btn:active .btn-border{background:var(--ink-black)}.action-btn:active .btn-text{color:var(--paper-light)}.primary-btn .btn-border{border:2px solid var(--stamp-red)}.primary-btn:hover .btn-border{border-color:var(--stamp-red-hover)}.primary-btn:active .btn-border{background:var(--stamp-red)}.login-error{font-size:var(--font-size-14);color:var(--stamp-red);min-height:20px;margin-top:12px;text-align:center}#game-shell{--layout-left-size: min(520px, 40vw);--layout-right-size: min(680px, 50vw);--layout-bottom-size: min(480px, 55vh);--layout-rail-size: 18px;--layout-collapsed-rail-size: var(--layout-rail-size);position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:var(--layout-left-size) minmax(0,1fr) var(--layout-right-size);gap:0;padding:14px 0 0;background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#ecece80d,#1110);z-index:20;transition:grid-template-columns .16s ease}#game-shell.hidden{display:none}#game-shell[data-left-collapsed=true]{grid-template-columns:var(--layout-collapsed-rail-size) minmax(0,1fr) var(--layout-right-size)}#game-shell[data-right-collapsed=true]{grid-template-columns:var(--layout-left-size) minmax(0,1fr) var(--layout-collapsed-rail-size)}#game-shell[data-left-collapsed=true][data-right-collapsed=true]{grid-template-columns:var(--layout-collapsed-rail-size) minmax(0,1fr) var(--layout-collapsed-rail-size)}.layout-column{min-width:0;min-height:0;display:grid;row-gap:0;column-gap:0;height:100%}#layout-left{grid-template-columns:minmax(0,1fr) var(--layout-rail-size);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}#layout-right{grid-template-columns:var(--layout-rail-size) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}#layout-left>.layout-section{grid-column:1}#layout-right>.layout-section{grid-column:2}#layout-left>.layout-collapse-toggle{grid-column:2;grid-row:1 / span 2}#layout-right>.layout-collapse-toggle{grid-column:1;grid-row:1 / span 2}#layout-center{grid-template-rows:minmax(0,1fr) var(--layout-rail-size) var(--layout-bottom-size);transition:grid-template-rows .16s ease}#game-shell[data-bottom-collapsed=true] #layout-center{grid-template-rows:minmax(0,1fr) var(--layout-rail-size) 0}.layout-section{min-height:0;min-width:0;background:var(--panel-shell-bg);border:var(--panel-frame-border);box-shadow:var(--panel-shell-shadow);position:relative;overflow:hidden}.layout-section:before,.layout-section:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--ink-black);opacity:.4;pointer-events:none}.layout-section:before{top:6px;left:6px;border-right:none;border-bottom:none}.layout-section:after{right:6px;bottom:6px;border-left:none;border-top:none}.layout-collapse-toggle{position:relative;z-index:2;width:100%;height:100%;border:var(--panel-frame-border);background:var(--collapse-rail-bg);color:var(--collapse-rail-text);font-family:var(--font-body);font-size:var(--font-size-11);font-weight:700;line-height:1;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none;transition:background .18s ease,color .18s ease,transform .18s ease,opacity .18s ease}.layout-collapse-toggle:before{content:"";position:absolute;width:8px;height:8px;top:4px;left:4px;border-top:1px solid var(--collapse-rail-mark);border-left:1px solid var(--collapse-rail-mark);opacity:.9;pointer-events:none}.layout-collapse-toggle[data-layout-axis=horizontal]{cursor:ew-resize}.layout-collapse-toggle[data-layout-axis=vertical]{cursor:ns-resize}.layout-collapse-toggle:hover{background:var(--collapse-rail-hover-bg);color:var(--ink-black)}.layout-collapse-toggle:active{opacity:.82}#layout-left .layout-collapse-toggle,#layout-right .layout-collapse-toggle{border-radius:0;box-shadow:none}#layout-toggle-bottom{grid-row:2;box-shadow:none}#game-shell[data-left-collapsed=true] #layout-left>.layout-section,#game-shell[data-right-collapsed=true] #layout-right>.layout-section,#game-shell[data-bottom-collapsed=true] #layout-center-bottom{display:none}#game-shell[data-left-collapsed=true] #layout-left,#game-shell[data-right-collapsed=true] #layout-right{overflow:hidden}#game-shell[data-left-collapsed=true] #layout-left,#game-shell[data-right-collapsed=true] #layout-right{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}#game-shell[data-left-collapsed=true] #layout-left>.layout-collapse-toggle,#game-shell[data-right-collapsed=true] #layout-right>.layout-collapse-toggle{grid-column:1;grid-row:1}.section-shell{display:grid;grid-template-columns:var(--title-rail-size) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;position:relative;z-index:1}.section-header{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 8px;border-right:1px solid var(--wash-ink);background:var(--panel-rail-bg)}.section-header>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%}.section-title{font-family:var(--font-heading-sub);font-size:var(--font-size-18);color:var(--ink-black);letter-spacing:2px;writing-mode:vertical-rl;text-orientation:mixed}.section-subtitle{font-size:var(--font-size-11);color:var(--ink-grey);letter-spacing:1px;opacity:.9;writing-mode:vertical-rl;text-orientation:mixed}.section-tabs,.tab-bar{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;border-bottom:1px solid var(--ink-black);background:var(--panel-tab-bar-bg);flex-shrink:0}.tab-btn{flex:1 1 0;min-width:0;padding:10px 12px;background:transparent;border:none;border-right:1px solid var(--wash-ink);font-family:var(--font-heading-sub);font-size:var(--font-size-14);color:var(--panel-tab-text);cursor:pointer;transition:all .2s;white-space:nowrap}.tab-btn:last-child{border-right:none}.tab-btn:hover{background:var(--panel-tab-hover-bg)}.tab-btn.active{color:var(--panel-tab-active-text);background:var(--panel-tab-active-bg);box-shadow:inset 0 -2px 0 var(--stamp-red)}.section-body,.tab-content{grid-column:2;grid-row:2;flex:1;min-height:0;overflow-y:auto;padding:14px}.section-body.flush{padding:0;overflow:hidden}.tab-pane{display:none;height:100%}.tab-pane.active{display:block}#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 64px;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-heading-sub);font-size:var(--font-size-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-40);font-family:var(--font-heading-sub);color:var(--ink-black);line-height:1;width:100%;text-align:center}.hud-realm-sub{font-size:var(--font-size-18);font-family:var(--font-heading-sub);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:700;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-heading-main);font-size:var(--font-size-11);color:var(--ink-black);text-align:center;line-height:1;white-space:nowrap;z-index:1}.hud-name{font-family:var(--font-heading-main);font-size:var(--font-size-28);color:var(--ink-black);letter-spacing:3px;line-height:1;writing-mode:vertical-rl;text-orientation:mixed}.hud-title{font-family:var(--font-heading-sub);font-size:var(--font-size-13);color:var(--ink-grey);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(--ink-grey);margin-bottom:4px}.hud-highlight-value{font-family:var(--font-heading-sub);font-size:var(--font-size-22);color:var(--ink-black)}.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(--ink-grey);margin-bottom:4px}.hud-resource-value{font-size:var(--font-size-16);color:var(--ink-black);font-weight:700}.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(--ink-grey)}.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:700;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(--ink-grey);margin-bottom:4px}.hud-toggle-value{font-family:var(--font-heading-sub);font-size:var(--font-size-16);color:var(--ink-black)}.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-corner-btn{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-heading-sub);font-size:var(--font-size-13);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.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-heading-sub);font-size:var(--font-size-13);color:var(--ink-grey)}.hud-value{color:var(--ink-black);font-weight:700;font-size:var(--font-size-14);word-break:break-word}.map-shell{display:grid;grid-template-columns:var(--map-rail-size) minmax(0,1fr) var(--map-rail-size);height:100%;min-height:0;isolation:isolate}.map-side-rail{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;padding:12px 8px;background:var(--map-rail-bg);position:relative;z-index:2}.map-side-rail.left{grid-column:1;border-right:var(--map-rail-border)}.map-side-rail.right{grid-column:3;border-left:var(--map-rail-border)}.map-side-tool-top{display:flex;flex-direction:column;align-items:center;gap:14px;align-self:stretch;padding-top:10px}.map-side-tool-center{display:flex;align-items:center;justify-content:center;width:100%;flex:1}.map-zoom-value{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-family:var(--font-heading-sub);font-size:var(--font-size-14);color:var(--ink-grey);line-height:1.1}.map-zoom-value span{display:block}.map-tool-controls{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 10px;border:1px solid rgba(49,38,31,.14);border-radius:18px;background:var(--surface-gradient-paper),var(--surface-muted);box-shadow:inset 0 1px #fffc}.map-zoom-slider{writing-mode:vertical-lr;direction:rtl;inline-size:144px;block-size:18px;margin:0;accent-color:var(--ink-black);cursor:ns-resize}.map-zoom-slider::-webkit-slider-runnable-track{background:linear-gradient(180deg,#31261f24,#31261f5c);border-radius:999px}.map-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin:0;border:1px solid rgba(49,38,31,.82);border-radius:50%;background:linear-gradient(180deg,#fff7ec,#d6b07d);box-shadow:0 2px 5px #31261f3d}.map-zoom-slider::-moz-range-track{background:linear-gradient(180deg,#31261f24,#31261f5c);border:none;border-radius:999px;block-size:100%}.map-zoom-slider::-moz-range-thumb{width:18px;height:18px;border:1px solid rgba(49,38,31,.82);border-radius:50%;background:linear-gradient(180deg,#fff7ec,#d6b07d);box-shadow:0 2px 5px #31261f3d}.map-zoom-slider:focus-visible{outline:2px solid rgba(120,79,43,.42);outline-offset:4px}.map-zoom-reset{min-width:0;margin-top:8px;padding:4px 8px;border:1px solid var(--wash-ink);background:var(--surface-base);color:var(--ink-grey);font-family:var(--font-heading-sub);font-size:var(--font-size-11);line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.map-zoom-reset:hover{background:var(--surface-hover);color:var(--ink-black);border-color:var(--ink-light)}.map-tick-rate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.map-side-info-stack{display:flex;flex-direction:column;align-items:center;justify-content:space-between;align-self:stretch;flex:1;padding:10px 0}.map-tick-rate-char,.map-tick-rate-number{display:block;line-height:1;text-align:center}.map-tick-rate-char{font-family:var(--font-heading-main);font-size:var(--font-size-14);color:var(--ink-grey)}.map-tick-rate-value{display:flex;flex-direction:column;align-items:center;gap:2px}.map-tick-rate-number{font-family:var(--font-heading-main);font-size:var(--font-size-22);color:var(--ink-black)}.map-side-phase{font-family:var(--font-heading-sub);font-size:var(--font-size-12);color:var(--ink-grey);letter-spacing:2px;writing-mode:vertical-rl;text-orientation:upright;line-height:1.1}#game-stage{grid-column:2;position:relative;z-index:1;width:100%;height:100%;min-height:0;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 45%),linear-gradient(180deg,#1d1b18e0,#0f0d0bf5)}#game-canvas{display:block;width:100%;height:100%}.map-targeting-indicator{position:absolute;left:12px;top:12px;z-index:3;padding:6px 10px;border:1px solid rgba(34,26,19,.18);background:#f8f8f5eb;color:var(--ink-black);font-size:var(--font-size-12);font-family:var(--font-heading-sub);box-shadow:0 6px 16px #00000014;pointer-events:none}.map-targeting-indicator.hidden{display:none}.map-minimap-shell{position:absolute;right:12px;top:12px;z-index:4;display:grid;justify-items:end;gap:8px;pointer-events:none}.map-minimap-shell.hidden{display:none}.map-minimap-controls{display:flex;gap:6px;pointer-events:auto}.map-minimap-btn{min-width:34px;height:34px;padding:0 10px;border:1px solid rgba(235,220,184,.24);background:#0a0b0dc7;color:#f5ebd8eb;font-family:var(--font-heading-sub);font-size:var(--font-size-14);letter-spacing:2px;cursor:pointer;box-shadow:0 10px 24px #00000038;transition:background .2s,border-color .2s,transform .2s}.map-minimap-btn:hover{background:#121418e6;border-color:#f5e3b966}.map-minimap-btn:active{transform:translateY(1px)}.map-minimap{width:clamp(132px,18vw,204px);aspect-ratio:1;pointer-events:auto;cursor:pointer}.map-minimap.hidden{display:none}.map-minimap-frame{position:relative;width:100%;height:100%;padding:10px;border:1px solid rgba(240,224,196,.22);background:linear-gradient(180deg,#141210d1,#080809d6);box-shadow:0 16px 36px #00000047,inset 0 0 0 1px #ffffff0a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.map-minimap-title{position:absolute;left:10px;top:8px;right:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-heading-sub);font-size:var(--font-size-12);letter-spacing:2px;color:#f5ebd8eb}.map-minimap-canvas,.map-minimap-modal-canvas{display:block;width:100%;height:100%;border:1px solid rgba(255,255,255,.05);background:#0000002e}.map-minimap-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#03040614;pointer-events:auto}.map-minimap-modal.hidden{display:none}.map-minimap-modal-window{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1320px,calc(100vw - 28px));height:min(860px,calc(100vh - 28px));display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(236,222,192,.24);background:linear-gradient(180deg,#0e0f12c7,#090a0ccc);box-shadow:0 24px 48px #00000057,inset 0 0 0 1px #ffffff0a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;-webkit-user-select:none;user-select:none;overflow:hidden}.map-minimap-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.map-minimap-modal-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-heading-sub);font-size:var(--font-size-14);letter-spacing:3px;color:#f5ebd8f0}.map-minimap-modal-actions{display:flex;gap:6px}.map-minimap-modal-catalog-toggle,.map-minimap-modal-close{min-width:34px;height:30px;border:1px solid rgba(235,220,184,.24);background:#ffffff0a;color:#f5ebd8e6;font-family:var(--font-heading-sub);font-size:var(--font-size-14);cursor:pointer}.map-minimap-modal-catalog-toggle{display:none;min-width:52px;padding:0 10px}.map-minimap-modal-catalog-toggle.active{background:#ead29e29;border-color:#f5e3b952;color:#fff4ddf5}.map-minimap-modal-catalog-toggle:hover,.map-minimap-modal-close:hover{background:#ffffff1a}.map-minimap-modal-body{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;min-height:0;padding:12px;overflow:hidden}.map-minimap-modal-sidebar{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;min-height:0}.map-minimap-modal-toolbar{display:flex;justify-content:flex-end}.map-minimap-modal-filters{display:flex;gap:6px}.map-minimap-modal-filter{flex:1;min-width:0;height:30px;border:1px solid rgba(235,220,184,.2);background:#ffffff0a;color:#f5ebd8c2;font-family:var(--font-body);font-size:var(--font-size-12);cursor:pointer}.map-minimap-modal-filter.active{background:#ead29e29;color:#fff4ddf5;border-color:#f5e3b952}.map-minimap-modal-list{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:grid;align-content:start;gap:8px;padding-right:2px}.map-minimap-modal-empty{padding:12px;border:1px dashed rgba(245,227,185,.18);color:#f5ebd89e;font-size:var(--font-size-12);line-height:1.7}.map-minimap-modal-item{width:100%;padding:10px 10px 9px;border:1px solid rgba(235,220,184,.16);background:#ffffff08;color:#f5ebd8e6;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;overflow:hidden}.map-minimap-modal-item:hover{border-color:#f5e3b952;background:#ffffff0f}.map-minimap-modal-item.active{background:#e1c18c1f;border-color:#f5e3b961;transform:translate(2px)}.map-minimap-modal-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.map-minimap-modal-item-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-heading-sub);font-size:var(--font-size-14);letter-spacing:1px}.map-minimap-modal-item-badges{display:inline-flex;gap:4px;flex-shrink:0}.map-minimap-modal-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;font-size:var(--font-size-11);line-height:1;color:#0f0e0c}.map-minimap-modal-badge.unlock{background:#f0d38a}.map-minimap-modal-badge.memory{background:#91c5d8}.map-minimap-modal-item-desc{margin-top:6px;font-size:var(--font-size-11);line-height:1.7;color:#f5ebd89e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.map-minimap-modal-stage{position:relative;min-width:0;min-height:0;overflow:hidden;overscroll-behavior:contain}@media (max-width: 900px){.map-minimap-modal-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.map-minimap-modal-sidebar{grid-template-rows:auto auto auto}.map-minimap-modal-list{max-height:148px}}.observe-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.observe-modal.hidden{display:none}.observe-modal-shell{display:flex;align-items:flex-start;justify-content:center;gap:14px;width:min(1520px,100%)}.observe-modal-card{flex:1 1 auto;width:min(1280px,100%);max-height:min(84vh,860px);overflow-y:auto;padding:20px 20px 18px;background:radial-gradient(circle at top right,rgba(214,188,142,.18),transparent 30%),var(--surface-gradient-paper);border:1.5px solid var(--ink-black);box-shadow:14px 14px #00000029}.observe-modal-aside{display:grid;gap:8px;width:min(220px,calc(100vw - 48px));max-height:min(84vh,860px);overflow-y:auto;flex:0 0 auto}.observe-modal-aside.hidden{display:none}.observe-modal-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:8px;margin-bottom:12px;border-bottom:1px solid var(--wash-ink)}.observe-modal-title{font-family:var(--font-heading-sub);font-size:var(--font-size-22);color:var(--ink-black);letter-spacing:2px}.observe-modal-subtitle{font-size:var(--font-size-12);color:var(--ink-grey)}.observe-modal-hint{font-size:var(--font-size-11);color:var(--ink-grey)}.observe-modal-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:14px}.observe-modal-top .observe-modal-section+.observe-modal-section{margin-top:0}.observe-modal-section+.observe-modal-section{margin-top:14px}.observe-modal-section-title{font-family:var(--font-heading-sub);font-size:var(--font-size-15);color:var(--ink-black);padding-bottom:4px;margin-bottom:8px;border-bottom:1px solid var(--wash-ink)}.observe-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.observe-modal-row{padding:9px 10px;border:1px solid var(--wash-ink);background:var(--surface-muted-strong)}.observe-modal-label{display:block;font-size:var(--font-size-11);color:var(--ink-grey);margin-bottom:4px}.observe-modal-value{display:block;font-size:var(--font-size-14);font-weight:700;color:var(--ink-black);word-break:break-word;line-height:1.5}.observe-entity-list{display:grid;gap:10px}.observe-entity-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.observe-entity-card{padding:12px;border:1px solid var(--wash-ink);background:var(--surface-gradient-entry)}.observe-entity-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.observe-entity-name{font-family:var(--font-heading-sub);font-size:var(--font-size-15);color:var(--ink-black)}.observe-entity-kind{font-size:var(--font-size-11);color:var(--ink-grey)}.observe-entity-verdict{margin-bottom:8px;font-size:var(--font-size-12);line-height:1.7;color:var(--ink-dark);padding-left:10px;border-left:2px solid rgba(140,108,74,.25)}.observe-entity-empty{padding:12px;border:1px dashed rgba(44,47,51,.18);background:var(--surface-muted);color:var(--ink-grey);font-size:var(--font-size-12);line-height:1.7}.observe-buff-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.observe-buff-section{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--observe-buff-section-border);background:var(--observe-buff-section-bg)}.observe-buff-title{font-family:var(--font-heading-sub);font-size:var(--font-size-13);color:var(--ink-black);letter-spacing:1px}.observe-buff-list{display:flex;flex-wrap:wrap;gap:8px}.observe-buff-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 8px;border:1px solid var(--observe-buff-chip-border);background:var(--observe-buff-chip-bg);text-align:left;color:var(--ink-black);cursor:help}.observe-buff-chip.buff{box-shadow:inset 3px 0 0 var(--observe-buff-buff-accent)}.observe-buff-chip.debuff{box-shadow:inset 3px 0 0 var(--observe-buff-debuff-accent)}.observe-buff-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--observe-buff-mark-bg);color:var(--observe-buff-mark-ink);font-family:var(--font-heading-sub);font-size:var(--font-size-14);line-height:1}.observe-buff-name{font-size:var(--font-size-12);font-weight:700;color:var(--ink-black);line-height:1.2;white-space:nowrap}.observe-buff-duration{font-size:var(--font-size-11);color:var(--ink-grey)}.observe-buff-stack{min-width:16px;padding:1px 5px;border-radius:999px;background:var(--observe-buff-stack-bg);color:var(--observe-buff-stack-ink);font-size:var(--font-size-11);font-weight:700;text-align:center}@media (max-width: 820px){.observe-modal-shell{flex-direction:column;align-items:stretch}.observe-modal-card,.observe-modal-aside{width:100%}.observe-modal-top,.observe-modal-grid{grid-template-columns:minmax(0,1fr)}.observe-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.observe-buff-columns{grid-template-columns:minmax(0,1fr)}}@media (min-width: 821px) and (max-width: 1180px){.observe-entity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-grey)}#toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 24px;font-size:var(--font-size-14);z-index:200;pointer-events:none;transition:opacity .3s;opacity:0}#toast.show{opacity:1}#toast.hidden{opacity:0}#toast.toast-kind-quest{background:#664a23e6}#toast.toast-kind-loot{background:#295836e6}#toast.toast-kind-combat{background:#7b2626eb}#chat-panel{display:flex;flex-direction:column;height:100%;min-height:0}#chat-panel.hidden{display:none}.chat-log-stack{position:relative;flex:1;min-height:0}.chat-log-panel{display:none;height:100%}.chat-log-panel.active{display:flex}.chat-log{flex:1;height:100%;overflow-y:auto;padding:10px 12px;background:var(--chat-log-bg);border:1px solid var(--wash-ink);color:var(--ink-dark);font-size:var(--font-size-14);line-height:1.5}.chat-line+.chat-line{margin-top:4px;padding-top:4px;border-top:1px solid rgba(0,0,0,.08)}.chat-kind-quest{color:#7b4f00}.chat-kind-loot{color:#1d6e42}.chat-kind-combat{color:#9c2c2c}.chat-compose{display:flex;gap:8px;padding-top:6px;border-top:1px solid var(--wash-ink)}.split-tabs-shell{display:grid;grid-template-columns:var(--split-rail-size) minmax(0,1fr);height:100%;min-height:0}.split-tabs-rail{display:flex;flex-direction:column;border-right:1px solid var(--wash-ink);background:var(--panel-rail-bg);padding:8px 0}.split-tab-btn{flex:1 1 0;min-height:0;background:transparent;border:none;border-bottom:1px solid var(--wash-ink);font-family:var(--font-heading-sub);font-size:var(--font-size-14);color:var(--panel-tab-text);cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:2px;transition:all .2s}.split-tab-btn:last-child{border-bottom:none}.split-tab-btn:hover{background:var(--panel-tab-hover-bg)}.split-tab-btn.active{color:var(--panel-tab-active-text);background:var(--panel-tab-active-bg);box-shadow:inset -2px 0 0 var(--stamp-red)}.split-tabs-content{min-width:0;min-height:0;overflow:hidden}.split-tab-pane{display:none;height:100%;min-height:0}.split-tab-pane.active{display:block}.merged-pane-shell{display:flex;flex-direction:column;height:100%;min-height:0}#mobile-ui-shell{display:none;min-width:0;min-height:0;overflow:hidden;background:var(--panel-shell-bg);border:var(--panel-frame-border);box-shadow:var(--panel-shell-shadow)}.mobile-ui-tab-bar{display:flex;gap:8px;padding:10px;border-bottom:1px solid var(--wash-ink);background:var(--panel-tab-bar-bg);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.mobile-ui-tab-bar::-webkit-scrollbar{display:none}.mobile-ui-tab-btn{flex:0 0 auto;min-width:70px;padding:10px 12px;border:1px solid var(--wash-ink);border-right:1px solid var(--wash-ink);background:transparent;box-shadow:none}.mobile-ui-content{min-height:0;display:flex;flex-direction:column;overflow:hidden}.mobile-ui-pane{display:none;min-height:0;flex:1 1 auto;overflow:hidden;padding:0}.mobile-ui-pane.active{display:flex}.mobile-ui-pane>.layout-section{flex:1 1 auto;min-height:0;border:none;box-shadow:none}#chat-input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--ink-light);background:var(--surface-base);color:var(--ink-dark);font-family:var(--font-body);font-size:var(--font-size-14);outline:none}#chat-input:focus{border-color:var(--ink-black)}#debug-panel{position:fixed;right:18px;bottom:18px;width:220px;z-index:56;pointer-events:auto}#debug-panel.hidden{display:none}.debug-panel-inner{background:var(--surface-card-strong);border:1.5px solid var(--ink-black);box-shadow:8px 8px #0000001f;padding:12px;display:flex;flex-direction:column;gap:10px}.debug-title{font-family:var(--font-heading-sub);font-size:var(--font-size-16);color:var(--ink-black);border-bottom:1px solid var(--wash-ink);padding-bottom:4px}.debug-text{font-size:var(--font-size-12);color:var(--ink-grey);line-height:1.5}.panel-section{margin-bottom:16px}.panel-section-title{font-family:var(--font-heading-sub);font-size:var(--font-size-16);color:var(--ink-black);border-bottom:1px solid var(--wash-ink);padding-bottom:4px;margin-bottom:8px}.panel-row{display:flex;justify-content:space-between;padding:4px 0;font-size:var(--font-size-13);border-bottom:1px solid var(--wash-ink)}.panel-row:last-child{border-bottom:none}.panel-label{color:var(--ink-grey)}.panel-value{color:var(--ink-black);font-weight:700}.panel-subtext{margin-top:8px;font-size:var(--font-size-12);line-height:1.5;color:var(--ink-grey)}.intel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.intel-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.intel-card{padding:10px;background:var(--surface-muted-strong);border:1px solid var(--wash-ink)}.intel-label{font-size:var(--font-size-11);color:var(--ink-grey);margin-bottom:4px}.intel-value{font-size:var(--font-size-14);color:var(--ink-black);font-weight:700}.attr-card{padding:8px 10px;margin-bottom:6px;border:1px solid var(--wash-ink);background:var(--surface-muted-strong)}.attr-card-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.attr-card-sub{margin-top:4px;font-size:var(--font-size-12);color:var(--ink-grey)}.attr-layout{display:grid;gap:14px}.attr-radar-shell{display:grid;gap:12px;padding:12px;border:1px solid var(--wash-ink);background:var(--surface-gradient-pane)}.attr-radar-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.attr-radar-title{font-family:var(--font-heading-sub);font-size:var(--font-size-16);color:var(--ink-black)}.attr-radar-scale{font-size:var(--font-size-11);color:var(--ink-grey)}.attr-radar{width:100%;max-width:320px;margin:0 auto;display:block;overflow:visible}.attr-radar-ring{fill:none;stroke:var(--radar-grid-stroke);stroke-width:1}.attr-radar-axis{stroke:var(--radar-grid-stroke-strong);stroke-width:1}.attr-radar-area{fill:#7c251f24;stroke:#7c251fc7;stroke-width:2}.attr-radar-node circle{fill:var(--stamp-red);stroke:#ffffffe6;stroke-width:1.5}.attr-radar-label{font-family:var(--font-heading-sub);font-size:var(--font-size-12);fill:var(--ink-black)}.attr-radar-value{font-size:var(--font-size-11);fill:var(--ink-grey)}.attr-note{font-size:var(--font-size-12);line-height:1.55;color:var(--ink-grey)}.attr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.attr-grid.wide{grid-template-columns:repeat(3,minmax(0,1fr))}.attr-mini{padding:9px 10px;border:1px solid var(--wash-ink);background:var(--surface-muted)}.attr-mini-label{font-size:var(--font-size-11);color:var(--ink-grey);margin-bottom:4px}.attr-mini-value{font-size:var(--font-size-15);font-weight:700;color:var(--ink-black)}.attr-mini-sub{margin-top:4px;font-size:var(--font-size-11);color:var(--ink-grey);line-height:1.45}.inventory-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.inventory-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.inventory-filter-tab{padding:4px 10px;border:1px solid rgba(34,26,19,.16);background:var(--surface-muted-strong);color:var(--ink-grey);font-family:var(--font-heading-sub);font-size:var(--font-size-12);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.inventory-filter-tab:hover{border-color:#221a1352;color:var(--ink-black);background:var(--surface-hover)}.inventory-filter-tab.active{border-color:#8b302361;color:var(--stamp-red);background:#8b302314}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.inventory-cell{display:grid;grid-template-rows:auto 1fr auto;gap:6px;min-height:84px;width:100%;padding:8px;border:1px solid var(--wash-ink);background:var(--surface-gradient-entry);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}.inventory-cell:hover{transform:translateY(-1px);border-color:#00000026;box-shadow:inset 0 0 0 1px #ffffffa6,0 8px 18px #00000014}.inventory-cell-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.inventory-cell-type{font-size:var(--font-size-10);line-height:1.2;color:var(--ink-grey)}.inventory-cell-count{font-size:var(--font-size-11);font-weight:700;color:var(--ink-black)}.inventory-cell-name{display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-heading-sub);font-size:var(--font-size-15);line-height:1.28;color:var(--ink-black);letter-spacing:0;min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-cell-name--compact{font-size:var(--font-size-13)}.inventory-cell-name--tiny{font-size:var(--font-size-12)}.inventory-cell-actions{display:flex;width:100%;min-width:0;justify-content:flex-start;align-items:center;gap:6px;min-height:22px}.inventory-cell-actions .small-btn{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}.inventory-cell-actions .small-btn.danger{margin-left:auto}.small-btn{padding:2px 8px;background:transparent;border:1px solid var(--ink-black);font-family:var(--font-heading-sub);font-size:var(--font-size-12);cursor:pointer;color:var(--ink-black);transition:all .2s;pointer-events:auto}.small-btn:hover{background:var(--ink-black);color:var(--paper-light)}.small-btn.ghost{border-color:var(--ghost-btn-border);color:var(--ink-grey)}.small-btn.ghost:hover{background:var(--ghost-btn-hover-bg);color:var(--ink-black)}.small-btn.ghost.active{border-color:var(--ghost-btn-active-border);background:var(--ghost-btn-active-bg);color:var(--ghost-btn-active-ink)}.small-btn.danger{border-color:var(--stamp-red);color:var(--stamp-red)}.small-btn.danger:hover{background:var(--stamp-red);color:var(--paper-light)}.small-btn:disabled{cursor:not-allowed;opacity:.45;background:var(--highlight);color:var(--ink-light)}.small-btn:disabled:hover{background:var(--highlight);color:var(--ink-light)}.equip-slot{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px;margin-bottom:6px;background:var(--paper-white);border:1px solid var(--wash-ink)}.equip-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.equip-slot-name{font-family:var(--font-heading-sub);font-size:var(--font-size-14);color:var(--ink-grey);min-width:40px}.equip-slot-item{font-size:var(--font-size-13);color:var(--ink-black)}.equip-slot-empty{font-size:var(--font-size-13);color:var(--ink-light);font-style:italic}.equip-slot-meta{font-size:var(--font-size-12);color:var(--ink-grey)}.tech-card{width:100%;padding:11px 12px;margin-bottom:8px;background:var(--paper-white);border:1px solid var(--wash-ink);display:flex;align-items:stretch;justify-content:space-between;gap:12px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.tech-card:hover{border-color:#8b302359;transform:translateY(-1px);box-shadow:0 8px 18px #1111110f}.tech-card.cultivating{border-color:#8b302366;box-shadow:inset 0 0 0 1px #8b302314}.tech-card-main{flex:1;min-width:0;display:grid;gap:8px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.tech-summary-main{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.tech-name{font-family:var(--font-heading-sub);font-size:var(--font-size-15);color:var(--ink-black)}.tech-realm{font-size:var(--font-size-12);color:var(--stamp-red);margin-left:6px}.tech-layer{font-size:var(--font-size-12);color:var(--ink-grey)}.tech-card-actions{display:flex;align-items:center;flex:0 0 auto}.tech-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--font-size-12);color:var(--ink-grey)}.tech-progress-text{font-family:var(--font-heading-sub);color:var(--ink-black)}.tech-progress-bar{position:relative;display:block;width:100%;height:8px;overflow:hidden;border-radius:999px;background:#221a1314}.tech-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a74029e0,#d68a4aeb)}.tech-progress-remain{display:block;font-size:var(--font-size-11);color:var(--ink-grey)}.detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.detail-modal.hidden{display:none}.detail-modal-card{width:min(760px,100%);max-height:min(80vh,760px);overflow-y:auto;padding:20px 20px 18px;background:var(--surface-card);border:1.5px solid var(--ink-black);box-shadow:12px 12px #0000001f}.detail-modal-card.detail-modal--settings{width:min(980px,calc(100vw - 24px));max-height:min(88vh,calc(100vh - 24px))}.detail-modal-card.detail-modal--quest{width:min(720px,calc(100vw - 32px));max-height:min(82vh,820px);background:radial-gradient(circle at top right,rgba(214,188,142,.16),transparent 32%),var(--surface-gradient-paper);box-shadow:14px 14px #00000029}.detail-modal-card.detail-modal--loot{width:min(860px,calc(100vw - 32px));max-height:min(84vh,860px)}.detail-modal-card.detail-modal--technique{width:min(1120px,calc(100vw - 24px));max-height:min(90vh,calc(100vh - 24px));background:radial-gradient(circle at top right,rgba(124,161,219,.12),transparent 32%),var(--surface-gradient-paper);box-shadow:14px 14px #00000029}.detail-modal.detail-modal--suggestion{padding:12px}.detail-modal-card.detail-modal--suggestion{width:min(1420px,calc(100vw - 24px));height:min(92vh,calc(100vh - 24px));max-height:none;display:flex;flex-direction:column;overflow:hidden;padding:18px 18px 16px;background:radial-gradient(circle at top right,rgba(214,188,142,.16),transparent 28%),var(--surface-gradient-paper);box-shadow:14px 14px #00000029}.detail-modal-card.detail-modal--suggestion #detail-modal-body{flex:1;min-height:0;overflow:hidden}.chronicle-shell{display:flex;flex-direction:column;gap:18px}.chronicle-entry-items{padding-left:20px;line-height:1.8}.chronicle-entry-items li{margin-bottom:4px}.chronicle-entry-list{display:flex;flex-direction:column;gap:12px}.chronicle-entry{border:1px solid var(--wash-ink);background:var(--surface-gradient-entry);padding:14px 16px;box-shadow:4px 4px #0000000f}.chronicle-entry-head{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.chronicle-entry-time{font-family:var(--font-heading-sub);color:var(--stamp-red);letter-spacing:1px}.chronicle-entry-summary{font-size:var(--font-size-16);color:var(--ink-black)}.detail-modal-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:8px;margin-bottom:12px;border-bottom:1px solid var(--wash-ink)}.detail-modal-title{font-family:var(--font-heading-sub);font-size:var(--font-size-22);color:var(--ink-black)}.detail-modal-subtitle{font-size:var(--font-size-12);color:var(--ink-grey)}.detail-modal-hint{font-size:var(--font-size-11);color:var(--ink-grey)}.loot-source-section+.loot-source-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--wash-ink)}.loot-source-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:10px}.loot-source-title{font-family:var(--font-heading-sub);font-size:var(--font-size-18);color:var(--ink-black)}.loot-source-subtitle,.loot-source-desc{font-size:var(--font-size-12);color:var(--ink-grey);line-height:1.5}.loot-search-state{margin-bottom:12px;padding:12px;border:1px solid rgba(34,26,19,.08);background:var(--surface-muted)}.loot-search-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:var(--font-size-12);color:var(--ink-grey)}.loot-search-bar{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#221a1314}.loot-search-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a74029e0,#d68a4aeb)}.loot-item-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.loot-source-empty{padding:14px 16px;border:1px solid rgba(34,26,19,.08);background:var(--surface-muted);color:var(--ink-grey);font-size:var(--font-size-13)}.account-settings-section+.account-settings-section{margin-top:14px}.account-settings-name-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;align-items:start}.account-settings-copy{margin-bottom:12px;font-size:var(--font-size-13);color:var(--ink-grey);line-height:1.6}.account-settings-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.account-settings-field label{font-family:var(--font-heading-sub);font-size:var(--font-size-14);color:var(--ink-dark)}.account-settings-field input{width:100%;padding:10px 12px;border:1px solid var(--input-border);background:var(--surface-base);color:var(--ink-black);font-family:var(--font-body);font-size:var(--font-size-15);outline:none}.account-settings-field input:focus{border-color:var(--input-border-strong)}.account-settings-field--display{max-width:180px}.account-settings-display-input{width:96px;padding:10px 8px;text-align:center;font-family:var(--font-heading-main);font-size:var(--font-size-38);line-height:1;letter-spacing:0}.account-settings-field--display .account-settings-actions{justify-content:flex-start}.account-settings-status{min-height:18px;margin-bottom:10px;font-size:var(--font-size-12);color:var(--ink-grey)}.account-settings-status.success{color:var(--success-ink)}.account-settings-status.error{color:var(--stamp-red)}.account-settings-actions{display:flex;justify-content:flex-end}.suggestion-shell{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;height:100%;min-height:0}.suggestion-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.suggestion-stat{display:grid;gap:4px;padding:12px;border:1px solid var(--wash-ink);background:var(--surface-muted)}.suggestion-stat-label{font-size:var(--font-size-11);color:var(--ink-grey);letter-spacing:.08em}.suggestion-stat-value{font-family:var(--font-heading-sub);font-size:var(--font-size-24);color:var(--ink-black);line-height:1}.suggestion-stat-note{font-size:var(--font-size-12);color:var(--ink-grey);line-height:1.5}.suggestion-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(0,1fr);gap:14px;min-height:0}.suggestion-pane{display:flex;flex-direction:column;min-height:0;padding:12px;border:1px solid var(--wash-ink);background:var(--surface-gradient-pane)}.suggestion-pane-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:6px;margin-bottom:10px;border-bottom:1px solid var(--wash-ink)}.suggestion-pane-note{font-size:var(--font-size-11);color:var(--ink-grey)}.suggestion-compose-copy{margin-bottom:12px;font-size:var(--font-size-13);line-height:1.6;color:var(--ink-grey)}.suggestion-form-grid{display:grid;gap:10px}.suggestion-field{display:flex;flex-direction:column;gap:6px}.suggestion-field label{font-family:var(--font-heading-sub);font-size:var(--font-size-14);color:var(--ink-dark)}.suggestion-field input,.suggestion-field textarea{width:100%;padding:10px 12px;border:1px solid var(--input-border);background:var(--surface-base);color:var(--ink-black);font-family:var(--font-body);font-size:var(--font-size-14);outline:none;resize:none}.suggestion-field input:focus,.suggestion-field textarea:focus{border-color:var(--input-border-strong)}.suggestion-field textarea{min-height:144px;line-height:1.6}.suggestion-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}.suggestion-compose-actions .small-btn{min-width:112px}.suggestion-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;align-content:start;gap:8px;padding-right:2px}.suggestion-entry{padding:12px;border:1px solid var(--wash-ink);background:var(--surface-entry)}.suggestion-entry.completed{background:var(--surface-entry-alt);border-color:#2c2f331f}.suggestion-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.suggestion-entry-title{font-family:var(--font-heading-sub);font-size:var(--font-size-15);color:var(--ink-black);line-height:1.4}.suggestion-entry-meta{flex-shrink:0;text-align:right;font-size:var(--font-size-11);color:var(--ink-grey);line-height:1.5}.suggestion-entry-desc{font-size:var(--font-size-13);color:var(--ink-dark);line-height:1.65;white-space:pre-wrap}.suggestion-entry-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.suggestion-vote-btn{min-width:72px;justify-content:center}.suggestion-vote-btn.active.up{border-color:var(--success-ink);color:var(--success-ink);background:#2e6d4614}.suggestion-vote-btn.active.down{border-color:var(--stamp-red);color:var(--stamp-red);background:#7d1b1b14}.suggestion-score{margin-left:auto;font-family:var(--font-heading-sub);font-size:var(--font-size-13);color:var(--ink-grey)}.suggestion-score.positive{color:#8b5e00}.suggestion-score.negative{color:var(--stamp-red)}.settings-modal-shell{display:grid;gap:14px}.settings-modal-tabs{display:flex;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--wash-ink)}.settings-modal-tab{min-width:120px;padding:8px 14px;border:1px solid var(--ink-light);background:var(--surface-elevated);color:var(--ink-grey);font-family:var(--font-heading-sub);font-size:var(--font-size-14);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.settings-modal-tab:hover{border-color:var(--ink-dark);color:var(--ink-black)}.settings-modal-tab.active{border-color:var(--stamp-red);background:#c53c3c14;color:var(--ink-black)}.settings-modal-pane{display:none;min-height:0}.settings-modal-pane.active{display:block}.settings-ui-copy{margin-bottom:12px;font-size:var(--font-size-13);color:var(--ink-grey);line-height:1.6}.settings-ui-mode-row{display:flex;flex-wrap:wrap;gap:8px}.settings-ui-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.settings-ui-table-head .panel-section-title{margin-bottom:0;flex:1}.settings-ui-table{display:grid;gap:10px}.settings-ui-table-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,1.2fr) 120px minmax(120px,.9fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--wash-ink);background:linear-gradient(180deg,var(--surface-elevated),var(--surface-muted))}.settings-ui-level-meta{min-width:0}.settings-ui-level-name{font-family:var(--font-heading-sub);font-size:var(--font-size-14);color:var(--ink-black)}.settings-ui-level-desc{margin-top:4px;font-size:var(--font-size-12);color:var(--ink-grey);line-height:1.5}.settings-ui-level-slider input,.settings-ui-level-input input{width:100%;accent-color:var(--stamp-red)}.settings-ui-level-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.settings-ui-level-input input{padding:6px 8px;border:1px solid var(--input-border);background:var(--surface-base);color:var(--ink-black);font-family:var(--font-body);font-size:var(--font-size-12);outline:none}.settings-ui-level-input input:focus{border-color:var(--input-border-strong)}.settings-ui-level-input span{font-size:var(--font-size-12);color:var(--ink-grey);white-space:nowrap}.settings-ui-level-preview{font-size:var(--font-size-13);color:var(--ink-black);white-space:nowrap;text-align:right}.settings-ui-level-preview--hero{font-family:var(--font-heading-main);font-size:var(--ui-font-size-hero);line-height:1}.settings-ui-level-preview--display{font-family:var(--font-heading-main);font-size:var(--ui-font-size-display);line-height:1}.settings-ui-level-preview--title{font-family:var(--font-heading-sub);font-size:var(--ui-font-size-title)}.settings-ui-level-preview--subtitle{font-family:var(--font-heading-sub);font-size:var(--ui-font-size-subtitle)}.settings-ui-level-preview--body{font-size:var(--ui-font-size-body)}.settings-ui-level-preview--caption{font-size:var(--ui-font-size-caption)}.settings-ui-level-preview--micro{font-size:var(--ui-font-size-micro)}@media (max-width: 720px){.account-settings-name-grid{grid-template-columns:minmax(0,1fr)}.account-settings-field--display{max-width:none}.account-settings-display-input{width:100%;max-width:120px}.detail-modal.detail-modal--suggestion{padding:8px}.detail-modal-card.detail-modal--suggestion{width:calc(100vw - 16px);height:calc(100vh - 16px);padding:14px 14px 12px}.detail-modal-card.detail-modal--settings{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:16px 14px 14px}.settings-ui-table-row{grid-template-columns:minmax(0,1fr)}.settings-ui-level-preview{text-align:left}.settings-ui-table-head{align-items:stretch;flex-direction:column}.suggestion-summary-grid,.suggestion-layout{grid-template-columns:minmax(0,1fr)}}@media (min-width: 721px) and (max-width: 1120px){.suggestion-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.suggestion-compose{grid-column:1 / -1}}.tech-modal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.tech-modal-stat{display:grid;gap:4px;padding:10px;background:var(--surface-muted);border:1px solid rgba(60,47,39,.08);font-size:var(--font-size-12);color:var(--ink-grey)}.tech-modal-label{font-family:var(--font-heading-sub);font-size:var(--font-size-12);color:var(--ink-black)}.tech-modal-section-title{font-family:var(--font-heading-sub);font-size:var(--font-size-15);color:var(--ink-black);padding-bottom:4px;margin-bottom:10px;border-bottom:1px solid var(--wash-ink)}.tech-starfield-shell{display:grid;gap:10px;margin-bottom:14px}.tech-starfield-canvas-shell{position:relative;min-height:clamp(360px,54vh,620px);border:1px solid rgba(56,189,248,.14);border-radius:14px;overflow:hidden;background:#020205;box-shadow:inset 0 0 20px #38bdf80d,0 14px 36px #0408123d}.tech-starfield-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.tech-starfield-skill-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.tech-starfield-skill-line{fill:none;stroke:#e9f0fc9e;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(15,23,42,.32));opacity:0}.tech-starfield-skill-line.unlocked{stroke:#f1f5f9e6;filter:drop-shadow(0 0 7px rgba(125,211,252,.22))}.tech-starfield-skill-line.locked{stroke:#64748b8a;stroke-dasharray:5 5;filter:none}.tech-starfield-skill-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.tech-starfield-skill-label{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:auto;padding:5px 11px;border-radius:999px;font-size:var(--font-size-12);line-height:1.2;letter-spacing:.03em;border-width:1px;border-style:solid;box-shadow:inset 0 1px #ffffff14,0 8px 20px #080f1c3d;opacity:0;transition:opacity .18s ease,box-shadow .12s ease,background .12s ease,color .12s ease}.tech-starfield-skill-label.unlocked{border-color:#7dd3fc47;background:linear-gradient(180deg,#081424d1,#070f1cb8),radial-gradient(circle at 22% 20%,rgba(125,211,252,.16),transparent 52%);color:#e8f5fff0;text-shadow:0 0 10px rgba(125,211,252,.12);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tech-starfield-skill-label.locked{border-color:#4755696b;background:linear-gradient(180deg,#151d2b8f,#0f172275),radial-gradient(circle at 22% 20%,rgba(148,163,184,.08),transparent 50%);color:#94a3b8e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);filter:saturate(.4)}.tech-starfield-skill-label:hover{box-shadow:inset 0 1px #ffffff1a,0 10px 24px #080f1c4d,0 0 0 1px #7dd3fc14}.tech-starfield-tooltip{position:absolute;min-width:180px;max-width:min(320px,calc(100vw - 48px));padding:12px;border-radius:8px;border:1px solid #38bdf8;background:#05080ff2;box-shadow:0 0 25px #38bdf866,inset 0 0 10px #38bdf833;color:#fff;pointer-events:none;opacity:0;transform:translate(-50%,-120%);transition:opacity .2s,transform .1s;z-index:2}.tech-starfield-tooltip.visible{opacity:1}.tech-starfield-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:rgba(56,189,248,.9) transparent transparent transparent}.tech-starfield-tooltip-title{padding-bottom:6px;margin-bottom:8px;border-bottom:1px solid rgba(71,85,105,.9);font-size:var(--font-size-13);font-weight:700;color:#38bdf8}.tech-starfield-tooltip-badge{margin-left:6px;color:#fbbf24;font-size:var(--font-size-11);font-weight:700}.tech-starfield-tooltip-status{margin-bottom:8px;font-size:var(--font-size-12)}.tech-starfield-tooltip-status.unlocked{color:#38bdf8}.tech-starfield-tooltip-status.current{color:#7dd3fc}.tech-starfield-tooltip-status.progress{color:#c084fc;font-weight:700;letter-spacing:.04em}.tech-starfield-tooltip-status.locked{color:#64748b}.tech-starfield-tooltip-status.milestone{color:#fbbf24;font-weight:700}.tech-starfield-tooltip-attrs{display:grid;gap:4px;font-size:var(--font-size-13);color:#dbeafe;line-height:1.45}.tech-starfield-note{font-size:var(--font-size-12);color:var(--ink-grey)}.tech-focus-card{display:grid;gap:10px;padding:12px;border:1px solid rgba(60,47,39,.08);background:var(--surface-gradient-focus),linear-gradient(135deg,#e3ceaa29,#93accc14);box-shadow:inset 0 1px #ffffff6b}.tech-focus-card.current{border-color:#a85f2338;box-shadow:inset 0 1px #ffffff6b,0 0 0 1px #e8c37c3d}.tech-focus-card.passed{background:var(--surface-gradient-focus-passed),linear-gradient(135deg,#d4b18024,#93accc0f)}.tech-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tech-focus-title{font-family:var(--font-heading-sub);font-size:var(--font-size-16);color:var(--ink-black)}.tech-focus-subtitle{margin-top:4px;font-size:var(--font-size-12);color:var(--ink-grey)}.tech-focus-state{flex:none;padding:4px 8px;border-radius:999px;background:#5b4d3d14;color:var(--ink-black);font-size:var(--font-size-11);white-space:nowrap}.tech-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tech-focus-stat{display:grid;gap:4px;padding:9px 10px;background:var(--surface-muted-strong);border:1px solid rgba(60,47,39,.08);font-size:var(--font-size-12);color:var(--ink-grey)}.tech-focus-skills{display:grid;gap:6px;font-size:var(--font-size-12);color:var(--ink-grey)}.tech-layer-skill-list{display:flex;flex-wrap:wrap;gap:6px}.tech-skill-tag{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid rgba(34,26,19,.14);background:var(--surface-muted-solid);color:var(--ink-black);cursor:help}.tech-layer-empty{color:var(--ink-light);font-style:italic}.tech-modal-actions{margin-top:14px;display:flex;justify-content:flex-end}.floating-tooltip{position:fixed;pointer-events:none;font-size:var(--font-size-13);color:var(--tooltip-ink);z-index:2000;opacity:0;transition:opacity .12s ease;min-width:0;max-width:calc(100vw - 24px)}.floating-tooltip.visible{opacity:1}.floating-tooltip-shell{display:flex;align-items:flex-start;gap:10px;max-width:min(720px,calc(100vw - 24px))}.floating-tooltip-body{display:flex;flex-direction:column;gap:4px;line-height:1.45;min-width:180px;max-width:min(360px,calc(100vw - 24px));padding:8px 12px;border-radius:8px;border:1px solid rgba(34,26,19,.15);background:var(--surface-gradient-tooltip);box-shadow:0 8px 24px #0000002e}.floating-tooltip-detail{display:flex;flex-direction:column;gap:2px;color:var(--tooltip-muted-ink)}.floating-tooltip-line{display:block}.floating-tooltip-aside{display:grid;gap:8px;width:min(220px,calc(100vw - 24px));flex:0 0 auto}.floating-tooltip-aside-card{display:grid;gap:4px;padding:8px 10px;border-radius:8px;border:1px solid rgba(34,26,19,.12);background:var(--surface-gradient-tooltip-alt);box-shadow:0 8px 18px #0000001f}.floating-tooltip-aside-card.buff{box-shadow:inset 3px 0 #45935db8,0 8px 18px #0000001f}.floating-tooltip-aside-card.debuff{box-shadow:inset 3px 0 #b04431b8,0 8px 18px #0000001f}.floating-tooltip-aside-head{display:flex;align-items:center;gap:6px;color:var(--tooltip-head-ink)}.floating-tooltip-aside-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#16110de0;color:#f7efda;font-size:var(--font-size-11);line-height:1;font-family:var(--font-heading-sub)}.floating-tooltip-aside-detail{display:grid;gap:2px;color:var(--tooltip-muted-ink);font-size:var(--font-size-12);line-height:1.45}.floating-tooltip-aside-line{display:block}.skill-tooltip-desc{color:var(--ink-dark)}.skill-tooltip-label{color:var(--ink-grey);font-weight:600}.skill-tooltip-note{color:var(--ink-grey);font-size:var(--font-size-12)}.skill-tooltip-buff-entry{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:999px;background:var(--tooltip-buff-entry-bg);color:var(--tooltip-buff-entry-ink);font-weight:600}.skill-tooltip-buff-entry.debuff{background:var(--tooltip-buff-entry-debuff-bg)}.skill-tooltip-buff-entry.buff{background:var(--tooltip-buff-entry-buff-bg)}.skill-tooltip-buff-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:var(--tooltip-buff-mark-bg);color:var(--tooltip-buff-mark-ink);font-size:var(--font-size-11);line-height:1;font-family:var(--font-heading-sub)}.skill-tooltip-buff-meta{color:var(--ink-grey);font-size:var(--font-size-12);font-weight:500}.skill-formula-breakdown{color:var(--tooltip-muted-ink)}.skill-formula-operator{color:var(--ink-grey)}.skill-formula-term{font-weight:700}.skill-formula-term-base{color:var(--ink-dark)}.skill-formula-term-generic{color:#4f5f6f}.skill-formula-term-tech{color:#785820}.skill-formula-term-phys-atk{color:#9b4a1a}.skill-formula-term-spell-atk{color:#295da8}.skill-formula-term-phys-def{color:#46515d}.skill-formula-term-spell-def{color:#6043a4}.skill-formula-term-hp{color:#a03f54}.skill-formula-term-qi{color:#1d7762}.skill-formula-term-speed{color:#9a6b00}.skill-formula-term-resolve{color:#6a5747}.skill-formula-term-buff-stack{color:#5d4e68}.skill-formula-term-percent{color:#7a4d1f}.skill-formula-buff-ref{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.skill-formula-buff-side,.skill-formula-buff-stacks{color:var(--ink-grey);font-size:var(--font-size-12);font-weight:600}.skill-formula-section-label{display:inline-block;margin-right:6px;color:var(--ink-grey);font-weight:700}.skill-formula-group{display:inline}.skill-formula-equals{color:var(--ink-grey);font-weight:700;margin:0 2px}.skill-formula-empty{color:var(--ink-grey);font-size:var(--font-size-12)}.skill-damage-total{font-size:var(--font-size-14);font-weight:800;margin-right:2px}.skill-damage-total-physical{color:#8f4317}.skill-damage-total-spell{color:#2b5fae}.skill-scaling{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;margin-left:2px;border-radius:999px;font-size:var(--font-size-11);font-weight:700;vertical-align:1px;white-space:nowrap}.skill-scaling-icon{line-height:1}.skill-scaling-tech{background:#efe2c2;color:#785820}.skill-scaling-phys-atk{background:#f7d8c8;color:#9b4a1a}.skill-scaling-spell-atk{background:#d8e7ff;color:#295da8}.skill-scaling-phys-def{background:#dce1e7;color:#46515d}.skill-scaling-spell-def{background:#e4dcff;color:#6043a4}.skill-scaling-hp{background:#f3d5da;color:#a03f54}.skill-scaling-qi{background:#d4eee6;color:#1d7762}.skill-scaling-speed{background:#f9e8b8;color:#9a6b00}.skill-scaling-resolve{background:#e6ddd5;color:#6a5747}.quest-subtabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.quest-subtab-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;border:1px solid var(--wash-ink);background:var(--surface-muted);color:var(--ink-grey);font-family:var(--font-heading-sub);font-size:var(--font-size-12);cursor:pointer;transition:all .18s ease}.quest-subtab-btn:hover{background:var(--highlight);color:var(--ink-black)}.quest-subtab-btn.active{border-color:var(--stamp-red);background:#7d1b1b14;color:var(--stamp-red);box-shadow:inset 0 -2px 0 var(--stamp-red)}.quest-subtab-count{min-width:16px;padding:1px 5px;border:1px solid currentColor;font-size:var(--font-size-11);line-height:1.1}.quest-card{padding:10px;margin-bottom:8px;background:var(--paper-white);border:1px solid var(--wash-ink)}.quest-card-toggle{width:100%;text-align:left;cursor:pointer}.quest-card-toggle:hover{border-color:#7d1b1b59;background:var(--surface-hover)}.quest-title-row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px}.quest-title{font-family:var(--font-heading-sub);font-size:var(--font-size-15);color:var(--ink-black)}.quest-status{font-size:var(--font-size-11);padding:1px 6px;border:1px solid var(--ink-black);background:var(--paper-bg)}.status-available{color:#365b7c;border-color:#365b7c}.status-active{color:#8b5e00;border-color:#8b5e00}.status-ready{color:#0d7a38;border-color:#0d7a38}.status-completed{color:#666;border-color:#666}.quest-desc{font-size:var(--font-size-12);color:var(--ink-grey);margin-bottom:4px}.quest-progress-label{font-size:var(--font-size-12);color:var(--ink-black);margin-bottom:4px}.quest-progress-bar{height:6px;background:var(--wash-ink);margin-bottom:6px}.quest-progress-fill{height:100%;background:var(--stamp-red);transition:width .3s}.quest-meta{font-size:var(--font-size-11);color:var(--ink-grey);margin-top:2px}.quest-expand-hint{margin-top:6px;font-size:var(--font-size-11);color:var(--ink-grey)}.quest-detail-line{font-family:var(--font-heading-sub);font-size:var(--font-size-12);color:var(--stamp-red);letter-spacing:.08em;margin-bottom:4px}.quest-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-bottom:10px}.quest-detail-section{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:var(--font-size-12);color:var(--ink-grey)}.quest-detail-section strong{font-family:var(--font-heading-sub);font-size:var(--font-size-12);color:var(--ink-black)}.quest-detail-location-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.inventory-detail-grid{margin-bottom:4px}.inventory-batch-use-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inventory-batch-use-row--dialog{margin-top:4px}.inventory-batch-use-row .gm-inline-input{width:auto;min-width:calc(5ch + 18px)}.inventory-batch-use-hint{color:var(--ink-grey);font-size:var(--font-size-12)}.inventory-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:16px}.inventory-detail-actions-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inventory-detail-actions-group--right{justify-content:flex-end;margin-left:auto}.inventory-detail-actions-group--stretch{width:100%}.inventory-detail-actions .small-btn{display:inline-flex;align-items:center;justify-content:center;min-width:84px;min-height:32px;padding:4px 10px}.action-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px;margin-bottom:6px;background:var(--paper-white);border:1px solid var(--wash-ink)}.action-item.cooldown{opacity:.7}.action-item-draggable{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.action-item-draggable.dragging{opacity:.45;transform:scale(.99)}.action-item-draggable.drag-over-before{border-top:2px solid var(--stamp-red)}.action-item-draggable.drag-over-after{border-bottom:2px solid var(--stamp-red)}.action-copy{flex:1;min-width:0}.action-copy-tooltip{cursor:help}.action-name{font-size:var(--font-size-13);color:var(--ink-black)}.action-type{font-size:var(--font-size-11);color:var(--ink-grey)}.action-shortcut-tag{display:inline-block;margin-left:6px;padding:1px 6px;border:1px solid rgba(34,26,19,.14);background:var(--surface-muted-solid);font-size:var(--font-size-10);color:var(--stamp-red);vertical-align:middle}.action-desc{margin-top:4px;font-size:var(--font-size-12);line-height:1.45;color:var(--ink-grey)}.action-section-hint{margin-bottom:8px;font-size:var(--font-size-11);line-height:1.5;color:var(--ink-grey)}.action-skill-list{display:flex;flex-direction:column;gap:6px}.action-skill-list .action-item{margin-bottom:0}.action-cta{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.action-drag-handle{cursor:grab}.action-drag-handle:active{cursor:grabbing}.auto-battle-enabled{color:var(--auto-battle-enabled-ink)}.auto-battle-disabled{color:var(--auto-battle-disabled-ink)}.action-cd{font-size:var(--font-size-12);color:var(--stamp-red)}.action-tab-bar{display:flex;gap:0;border:1px solid var(--wash-ink);margin-bottom:12px;background:var(--surface-muted)}.action-tab-btn{flex:1 1 0;min-width:0;padding:8px 10px;border:none;border-right:1px solid var(--wash-ink);background:transparent;color:var(--ink-grey);font-family:var(--font-heading-sub);font-size:var(--font-size-14);cursor:pointer;transition:all .2s}.action-tab-btn:last-child{border-right:none}.action-tab-btn:hover{background:var(--highlight)}.action-tab-btn.active{color:var(--ink-black);background:var(--surface-muted-strong);box-shadow:inset 0 -2px 0 var(--stamp-red)}.action-tab-pane{display:none}.action-tab-pane.active{display:block}.action-skill-subtabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}.action-skill-subtab-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;border:1px solid var(--wash-ink);background:var(--surface-muted);color:var(--ink-grey);font-family:var(--font-heading-sub);font-size:var(--font-size-12);cursor:pointer;transition:all .18s ease}.action-skill-subtab-btn:hover{background:var(--highlight);color:var(--ink-black)}.action-skill-subtab-btn.active{border-color:var(--stamp-red);background:#7d1b1b14;color:var(--stamp-red);box-shadow:inset 0 -2px 0 var(--stamp-red)}.action-skill-subtab-count{min-width:16px;padding:1px 5px;border:1px solid currentColor;font-size:var(--font-size-11);line-height:1.1}.world-hero{display:grid;grid-template-columns:1.35fr .9fr;gap:10px;padding:12px;margin-bottom:16px;background:var(--surface-gradient-world);border:1px solid var(--wash-ink)}.world-hero.compact{padding:10px;margin-bottom:12px}.world-kicker{font-size:var(--font-size-11);color:var(--ink-grey);letter-spacing:2px;text-transform:uppercase}.world-title{margin:4px 0 8px;font-family:var(--font-heading-sub);font-size:var(--font-size-24);color:var(--ink-black)}.world-desc{font-size:var(--font-size-12);line-height:1.55;color:var(--ink-grey)}.world-danger{padding:10px;border:1px solid rgba(0,0,0,.08);background:var(--surface-muted-strong)}.world-danger-label{font-size:var(--font-size-11);color:var(--ink-grey);margin-bottom:6px}.world-danger-value{font-family:var(--font-heading-sub);font-size:var(--font-size-20);color:var(--ink-black)}.world-danger-sub{margin-top:8px;font-size:var(--font-size-12);line-height:1.45;color:var(--ink-grey)}.danger-5,.danger-4{color:#9c2c2c}.danger-3{color:#8b5e00}.danger-2{color:#4b6a1d}.danger-1{color:#365b7c}.info-list,.entity-list,.action-suggestion-list{display:grid;gap:8px}.info-line,.entity-card,.suggestion-card{padding:8px 10px;border:1px solid var(--wash-ink);background:var(--surface-muted-strong)}.info-line{display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-12);color:var(--ink-grey)}.info-line strong{color:var(--ink-black);font-weight:700}.subsection-label{margin:8px 0 6px;font-size:var(--font-size-12);color:var(--ink-grey)}.entity-card{display:flex;align-items:center;justify-content:space-between;gap:8px}.entity-name,.suggestion-title{font-size:var(--font-size-13);color:var(--ink-black)}.entity-meta,.suggestion-desc{margin-top:4px;font-size:var(--font-size-12);line-height:1.45;color:var(--ink-grey)}.entity-hp{font-size:var(--font-size-12);color:var(--stamp-red)}.empty-hint{text-align:center;color:var(--ink-light);font-size:var(--font-size-13);padding:20px 0}.empty-hint.compact{font-size:var(--font-size-12);padding:10px 0}.gm-btn-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.gm-inline-input,.gm-field input,.gm-field select{min-width:0;padding:6px 8px;border:1px solid var(--ink-light);background:var(--surface-base);color:var(--ink-dark);font-family:var(--font-body);font-size:var(--font-size-13)}.gm-inline-input{width:72px}.gm-player-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto}.gm-player-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--wash-ink);background:var(--paper-white);text-align:left;cursor:pointer;color:var(--ink-dark)}.gm-player-row.active{border-color:var(--stamp-red);background:#c53c3c0f}.gm-player-name{font-family:var(--font-heading-sub);font-size:var(--font-size-14);color:var(--ink-black)}.gm-player-meta,.gm-player-stat{font-size:var(--font-size-12);color:var(--ink-grey)}.action-card-side{display:flex;align-items:center;gap:8px;flex-shrink:0}.gm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gm-field{display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-12);color:var(--ink-grey)}.gm-checkbox{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:var(--font-size-13);color:var(--ink-dark)}@media (max-width: 1180px){#game-shell{--layout-left-size: min(320px, 30vw);--layout-right-size: min(400px, 38vw);--layout-bottom-size: min(420px, 50vh)}.hud-top-row,.hud-resources,.hud-grid,.intel-grid,.world-hero{grid-template-columns:1fr}.quest-subtabs{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-detail-grid{grid-template-columns:1fr}.section-shell{grid-template-columns:max(28px,calc(var(--title-rail-size) - 6px)) minmax(0,1fr)}.split-tabs-shell{grid-template-columns:max(30px,calc(var(--split-rail-size) - 4px)) minmax(0,1fr)}.map-shell{grid-template-columns:minmax(0,1fr) max(56px,calc(var(--map-rail-size) - 4px))}.chat-tabs .tab-btn{padding:9px 8px;font-size:var(--font-size-13)}}@media (max-width: 920px),((max-width: 1180px) and (pointer: coarse)),((max-width: 1180px) and (hover: none)){html{height:100dvh;overflow:hidden}body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;overflow:hidden}.layout-collapse-toggle{display:none}#game-shell{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;min-height:0;padding:6px;grid-template-columns:1fr;grid-template-rows:minmax(0,1.18fr) minmax(0,.82fr);gap:6px;overflow:hidden}#layout-left,#layout-right{display:none}#layout-center,#game-shell[data-bottom-collapsed=true] #layout-center{grid-template-rows:minmax(0,1fr)}#mobile-ui-shell{display:grid;grid-template-rows:auto minmax(0,1fr)}.section-shell,.split-tabs-shell{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto}.map-shell{--mobile-map-rail-width: clamp(30px, 7.4vw, 34px);grid-template-columns:var(--mobile-map-rail-width) minmax(0,1fr) var(--mobile-map-rail-width);grid-template-rows:minmax(0,1fr)}.mobile-ui-pane .layout-section{min-height:0}.mobile-ui-pane .section-shell,.mobile-ui-pane .split-tabs-shell{height:100%}.mobile-ui-pane .section-shell{grid-template-rows:auto minmax(0,1fr)}.mobile-ui-pane .section-header{display:none}.section-header{grid-column:1;grid-row:auto;flex-direction:row;align-items:center;justify-content:space-between;border-right:none;border-bottom:1px solid var(--wash-ink);padding:8px 10px 6px}.section-header>div{flex-direction:row;gap:8px}.section-title,.section-subtitle,.hud-name,.hud-title,.split-tab-btn,.map-tick-rate{writing-mode:horizontal-tb;text-orientation:mixed}.section-tabs,.tab-bar,.section-body,.tab-content,.hud-highlight,.hud-resources,.hud-grid,.hud-panel>.hud-row:last-child{grid-column:1}.section-tabs,.tab-bar,.section-body,.tab-content{grid-row:auto}.split-tabs-shell,.map-shell{grid-template-rows:auto minmax(0,1fr)}.map-shell{grid-template-rows:minmax(0,1fr)}.mobile-ui-tab-bar{padding:6px;gap:4px}.mobile-ui-tab-btn{min-width:56px;padding:6px 8px;font-size:var(--font-size-12)}.hud-panel{padding:10px}.mobile-ui-pane [data-mobile-section=overview]{height:100%}.mobile-ui-pane [data-mobile-section=overview] #hud{height:100%;min-height:0}.mobile-ui-pane [data-mobile-section=overview] .hud-panel{grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;row-gap:6px;column-gap:2px;padding:16px 8px;overflow:hidden}.mobile-ui-pane [data-mobile-section=overview] .hud-identity{grid-column:1;grid-row:1 / 5;gap:6px;padding:4px 2px;border-right:1px solid var(--wash-ink);border-bottom:none;align-self:start}.mobile-ui-pane [data-mobile-section=overview] .hud-top-row,.mobile-ui-pane [data-mobile-section=overview] .hud-resource-bars,.mobile-ui-pane [data-mobile-section=overview] .hud-grid,.mobile-ui-pane [data-mobile-section=overview] .hud-corner-actions,.mobile-ui-pane [data-mobile-section=overview] .hud-mobile-scroll{grid-column:2}.mobile-ui-pane [data-mobile-section=overview] .hud-mobile-scroll{grid-row:1 / 4;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);width:100%;min-height:0;min-width:0;justify-self:stretch;align-self:stretch;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;padding-bottom:20px}.mobile-ui-pane [data-mobile-section=overview] .hud-mobile-scroll>.hud-top-row,.mobile-ui-pane [data-mobile-section=overview] .hud-mobile-scroll>.hud-resource-bars,.mobile-ui-pane [data-mobile-section=overview] .hud-mobile-scroll>.hud-grid{grid-column:1;width:100%;min-width:0}.mobile-ui-pane [data-mobile-section=overview] .hud-top-row{gap:6px}.mobile-ui-pane [data-mobile-section=overview] .hud-realm-block{min-height:94px;gap:5px;padding:26px 10px 8px}.mobile-ui-pane [data-mobile-section=overview] .hud-realm-label{left:10px}.mobile-ui-pane [data-mobile-section=overview] .hud-realm-action{top:6px;right:10px;min-width:58px;padding:2px 8px}.mobile-ui-pane [data-mobile-section=overview] .hud-realm-main{gap:2px;padding-top:0}.mobile-ui-pane [data-mobile-section=overview] .hud-resource-bars{gap:4px}.mobile-ui-pane [data-mobile-section=overview] .hud-resource-bar{gap:3px}.mobile-ui-pane [data-mobile-section=overview] .hud-resource-label,.mobile-ui-pane [data-mobile-section=overview] .hud-resource-text,.mobile-ui-pane [data-mobile-section=overview] .hud-label,.mobile-ui-pane [data-mobile-section=overview] .hud-value,.mobile-ui-pane [data-mobile-section=overview] .hud-corner-btn,.mobile-ui-pane [data-mobile-section=overview] .hud-realm-label,.mobile-ui-pane [data-mobile-section=overview] .hud-realm-action,.mobile-ui-pane [data-mobile-section=overview] .hud-progress-value{line-height:1.15}.mobile-ui-pane [data-mobile-section=overview] .hud-realm-value{font-size:var(--font-size-28)}.mobile-ui-pane [data-mobile-section=overview] .hud-realm-sub{font-size:var(--font-size-16)}.mobile-ui-pane [data-mobile-section=overview] .hud-grid{grid-template-columns:minmax(0,1fr);gap:6px;align-content:start;min-height:0}.mobile-ui-pane [data-mobile-section=overview] .hud-row{gap:2px;padding:7px 8px}.mobile-ui-pane [data-mobile-section=overview] .hud-corner-actions{grid-row:4;position:static;right:auto;bottom:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding-top:4px;border-top:1px solid rgba(17,17,17,.08);background:var(--panel-shell-bg)}.mobile-ui-pane [data-mobile-section=overview] .hud-corner-btn{min-width:0;padding:5px 2px;font-size:var(--font-size-11)}.hud-top-row{flex-direction:column}.hud-auto-column{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.hud-grid,.attr-grid.wide,.tech-modal-summary,.tech-focus-grid{grid-template-columns:1fr}.detail-modal-card.detail-modal--technique{width:min(100vw - 16px,1120px);max-height:min(94vh,calc(100vh - 16px));padding:16px 14px}.tech-starfield-canvas-shell{min-height:clamp(300px,48vh,460px)}.tech-starfield-tooltip{display:none}.tech-focus-head{flex-direction:column}.tech-card{flex-direction:column;align-items:stretch}.tech-card-actions{justify-content:flex-end}.detail-modal-card{width:min(100%,calc(100vw - 24px));max-height:min(82vh,760px);padding:16px}.split-tabs-rail{flex-direction:row;border-right:none;border-bottom:1px solid var(--wash-ink);padding:6px}.map-side-rail{flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(6px,1.8vw,10px);padding:clamp(4px,1.2vw,8px) 3px;overflow:hidden}.map-side-rail.left{border-right:var(--map-rail-border);border-bottom:none}.map-side-rail.right{border-left:var(--map-rail-border);border-top:none}.map-minimap-modal{z-index:260;background:#03040675;padding:6px}.map-minimap-modal-window{left:6px;top:6px;transform:none;width:calc(100vw - 12px);height:calc(100dvh - 12px);max-width:none;max-height:none;border-radius:14px}.map-minimap-modal-header{padding:10px}.map-minimap-modal-body{display:block;padding:8px}.map-minimap-modal-catalog-toggle{display:inline-flex;align-items:center;justify-content:center}.map-minimap-modal-sidebar{position:absolute;left:8px;right:8px;top:8px;z-index:3;max-height:min(42vh,320px);padding:10px;border:1px solid rgba(236,222,192,.24);border-radius:12px;background:linear-gradient(180deg,#141210f5,#0a0a0cf5);box-shadow:0 18px 36px #00000057;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:8px;transition:opacity .18s ease,transform .18s ease}.map-minimap-modal[data-mobile-catalog-open=false] .map-minimap-modal-sidebar{opacity:0;transform:translateY(-10px);pointer-events:none}.map-minimap-modal[data-mobile-catalog-open=true] .map-minimap-modal-sidebar{opacity:1;transform:translateY(0);pointer-events:auto}.map-minimap-modal-toolbar{justify-content:stretch}.map-minimap-modal-toolbar>*{flex:1 1 auto}.map-minimap-modal-list{max-height:min(28vh,180px);padding-right:0}.map-minimap-modal-stage{min-height:0;height:100%;position:relative;z-index:1}.map-minimap-modal-canvas{touch-action:none}#game-stage{grid-column:2;grid-row:1;min-width:0;min-height:0}.map-tool-controls{flex-direction:column;gap:clamp(6px,2vw,10px);padding:clamp(8px,2.2vw,10px) clamp(4px,1.2vw,6px);border-radius:14px;transform:scale(clamp(.68,.82 + .2vw,.92));transform-origin:center top}.map-zoom-slider{writing-mode:vertical-lr;direction:rtl;inline-size:clamp(84px,16vh,118px);block-size:clamp(12px,3vw,16px);cursor:ns-resize}.map-side-tool-top{flex-direction:column;align-items:center;justify-content:flex-start;align-self:stretch;gap:clamp(8px,2vw,12px);padding-top:0}.map-side-tool-center{flex:1 1 auto;width:100%}.map-side-info-stack{flex-direction:column;justify-content:space-between;align-self:stretch;flex:1 1 auto;gap:clamp(10px,2.4vw,14px);padding:0}.map-tick-rate{transform:scale(clamp(.72,.84 + .12vw,.96));transform-origin:center center}.split-tab-btn{border-bottom:none;border-right:1px solid var(--wash-ink);padding:6px 10px}.split-tab-btn:last-child{border-right:none}.split-tab-btn.active{box-shadow:inset 0 -2px 0 var(--stamp-red)}.map-section{min-height:0;height:100%}#layout-toggle-bottom{display:none}.mobile-ui-pane.active>.layout-section{display:block}.mobile-ui-pane .section-body,.mobile-ui-pane .tab-content,.mobile-ui-pane .split-tabs-content{min-height:0}#debug-panel{right:10px;bottom:10px;width:min(260px,calc(100vw - 20px))}}