:root{color-scheme:dark;--font-family-base: "Noto Serif SC", "Source Han Serif SC", serif;--font-family-display: "LXGW WenKai", "Noto Serif SC", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.75rem;--font-size-2xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--border-width: 1px;--shadow-panel: none;--shadow-soft: none;--shell-bg: #0d0f12;--surface-panel: rgba(17, 19, 24, .92);--surface-soft: rgba(15, 20, 26, .92);--border-color: #202734;--border-strong: #2d5b46;--text-primary: #d8dde6;--text-secondary: #7f8a99;--text-accent: #7cffb2;--accent-soft: rgba(124, 255, 178, .12);--accent-strong: #12221a;--accent-secondary: #12202c;--accent-danger: #3a1717;--divider-color: #1e2630;--progress-track: #1b212b;--progress-fill: #7cffb2;--overlay-backdrop: rgba(5, 7, 11, .72)}:root[data-theme=paper]{color-scheme:light;--font-family-base: "Noto Serif SC", "Source Han Serif SC", serif;--font-family-display: "STSong", "Noto Serif SC", serif;--font-size-lg: 1.2rem;--font-size-xl: 1.7rem;--font-size-2xl: 2.35rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--shell-bg: #f5f2ea;--surface-panel: rgba(251, 250, 246, .94);--surface-soft: rgba(247, 244, 236, .92);--border-color: #d8cfbf;--border-strong: #cdbfa9;--text-primary: #222222;--text-secondary: #756d62;--text-accent: #7d2e2e;--accent-soft: rgba(125, 46, 46, .1);--accent-strong: #efe8db;--accent-secondary: #f7f2e8;--accent-danger: #f3dfdf;--divider-color: #ddd5c8;--progress-track: #e8dfcf;--progress-fill: #7d2e2e;--overlay-backdrop: rgba(41, 29, 15, .32)}:root[data-theme=industrial]{--font-family-base: "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-family-display: "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-size-lg: 1.125rem;--font-size-xl: 1.65rem;--radius-sm: .625rem;--radius-md: 1rem;--radius-lg: 1.25rem;--shadow-panel: inset 0 1px 0 rgba(255, 255, 255, .03);--shell-bg: #161a1f;--surface-panel: rgba(29, 35, 43, .95);--surface-soft: rgba(36, 43, 52, .94);--border-color: #38404b;--border-strong: #74541d;--text-primary: #cfd6df;--text-secondary: #8f9ba9;--text-accent: #ffcf70;--accent-soft: rgba(255, 207, 112, .12);--accent-strong: #3a2d16;--accent-secondary: #1d2b33;--accent-danger: #442222;--divider-color: #343c48;--progress-track: #2a313b;--progress-fill: #ffcf70}:root[data-theme=occult]{--font-family-base: "Noto Serif SC", "KaiTi", serif;--font-family-display: "STKaiti", "KaiTi", serif;--font-size-lg: 1.2rem;--font-size-xl: 1.8rem;--font-size-2xl: 2.6rem;--radius-sm: .625rem;--radius-md: 1rem;--radius-lg: 1.25rem;--shell-bg: #151311;--surface-panel: rgba(28, 24, 20, .94);--surface-soft: rgba(24, 20, 16, .92);--border-color: #433526;--border-strong: #6f5532;--text-primary: #e6dccb;--text-secondary: #9d8f7b;--text-accent: #d8b26a;--accent-soft: rgba(216, 178, 106, .12);--accent-strong: #2a2118;--accent-secondary: #1b1c20;--accent-danger: #3a2220;--divider-color: #3a2f24;--progress-track: #261f18;--progress-fill: #d8b26a}:root[data-theme=saas]{color-scheme:light;--font-family-base: "Noto Sans SC", "PingFang SC", sans-serif;--font-family-display: "Noto Sans SC", "PingFang SC", sans-serif;--font-size-xs: .8125rem;--font-size-sm: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.625rem;--font-size-2xl: 2.25rem;--space-4: 1.125rem;--space-5: 1.75rem;--space-6: 2.25rem;--radius-sm: .75rem;--radius-md: 1.25rem;--radius-lg: 1.5rem;--shadow-panel: 0 16px 32px rgba(15, 23, 42, .06);--shadow-soft: 0 8px 24px rgba(15, 23, 42, .05);--shell-bg: #f3f5f9;--surface-panel: rgba(255, 255, 255, .95);--surface-soft: rgba(250, 251, 252, .96);--border-color: #e5e7eb;--border-strong: #1d4ed8;--text-primary: #111827;--text-secondary: #667085;--text-accent: #1d4ed8;--accent-soft: rgba(29, 78, 216, .1);--accent-strong: #dbeafe;--accent-secondary: #ffffff;--accent-danger: #fee2e2;--divider-color: #edf1f5;--progress-track: #eef2ff;--progress-fill: #1d4ed8;--overlay-backdrop: rgba(15, 23, 42, .28)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,var(--accent-soft),transparent 28rem),radial-gradient(circle at bottom right,color-mix(in srgb,var(--text-accent) 8%,transparent),transparent 22rem),var(--shell-bg);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:1.5;overflow:hidden}button{font:inherit}.app-shell{height:100vh;padding:12px}.app-layout{display:grid;gap:12px;height:100%;min-height:0;margin:0;max-width:none;overflow:hidden}.center-column,.page-content,.stack-medium,.stack-small,.nav-list,.side-stack,.theme-option-list,.modal-option-list{display:grid}.center-column,.page-content,.stack-medium{gap:12px}.stack-small,.side-stack,.theme-option-list,.modal-option-list{gap:8px}.theme-option-list,.modal-option-list{padding-top:2px;padding-inline:1px}.surface-panel,.surface-soft,.nav-tab,.tab-button,.theme-option,.button-primary,.button-secondary,.button-ghost,.button-danger,.icon-button,.modal-option{border:var(--border-width) solid var(--border-color);transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.surface-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--surface-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:12px}.surface-soft{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:8px 10px}.left-rail,.right-panel{align-self:stretch;height:100%;min-height:0;overflow:hidden}.left-rail{display:grid;gap:12px;grid-template-rows:auto minmax(0,1fr)}.rail-brand{display:grid;gap:4px}.resource-panel,.panel-heading,.detail-row,.modal-header,.modal-footer,.button-row,.tab-row{display:flex}.resource-panel,.panel-heading,.modal-header{align-items:flex-start;flex-direction:column;gap:10px}.panel-heading.compact{gap:4px}.detail-row,.modal-footer{align-items:center;justify-content:space-between;gap:8px}.button-row,.tab-row{flex-wrap:wrap;gap:8px;padding-top:2px}.nav-list{gap:6px;min-height:0;overflow:auto;padding-top:2px;padding-inline:1px}.nav-tab,.tab-button,.theme-option,.button-primary,.button-secondary,.button-ghost,.button-danger,.icon-button,.modal-option{border-radius:var(--radius-sm);cursor:pointer}.nav-tab{background:transparent;color:var(--text-primary);display:grid;gap:0;padding:9px 12px;text-align:left}.nav-tab.active,.tab-button.active,.theme-option.active{background:var(--accent-soft);border-color:var(--border-strong);color:var(--text-accent)}.nav-tab:hover,.tab-button:hover,.theme-option:hover,.button-primary:hover,.button-secondary:hover,.button-ghost:hover,.button-danger:hover,.icon-button:hover,.modal-option:hover{transform:translateY(-1px)}.tab-button:disabled,.button-primary:disabled,.button-secondary:disabled,.button-ghost:disabled,.button-danger:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.56;transform:none}.nav-label,.hero-title,.section-title,.card-title,.metric-value,.option-title,.modal-title{font-family:var(--font-family-display)}.nav-label,.option-title,.modal-title{font-size:var(--font-size-md)}.nav-hint,.meta-copy,.hero-copy,.modal-copy{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.eyebrow,.meta-label{color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.12em;margin:0;text-transform:uppercase}.hero-title{font-size:var(--font-size-xl);line-height:1.1;margin:0}.hero-copy{max-width:none}.section-title,.card-title{margin:0}.section-title{font-size:1.4rem}.card-title,.metric-value{font-size:1.05rem}.metric-value{display:block}.accent-text{color:var(--text-accent)}.resource-strip,.metric-grid,.content-columns,.node-grid,.shop-grid{display:grid;gap:8px}.metric-grid,.content-columns,.node-grid,.shop-grid,.nav-list,.theme-option-list,.modal-option-list,.map-list,.monster-hover-grid,.inventory-grid,.equipment-panel-layout,.equipment-grid,.log-list,.formation-grid{align-content:start;align-items:start}.metric-grid>*,.content-columns>*,.node-grid>*,.shop-grid>*,.nav-list>*,.theme-option-list>*,.modal-option-list>*,.map-list>*,.monster-hover-grid>*,.inventory-grid>*,.equipment-panel-layout>*,.equipment-grid>*,.log-list>*,.formation-grid>*{align-self:start}.resource-strip,.metric-grid,.node-grid,.shop-grid{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}.content-columns{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.resource-chip,.metric-card,.detail-card,.node-card,.shop-card{display:grid;gap:3px}.resource-panel{align-items:stretch;background:transparent;border:0;box-shadow:none;padding:0}.resource-strip{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.resource-chip{align-items:center;display:flex;flex:0 0 auto;gap:8px;min-width:fit-content;padding:6px 10px;white-space:nowrap}.resource-chip .meta-label,.resource-chip .metric-value,.resource-chip .accent-text{margin:0}.resource-chip .metric-value{display:inline;font-size:1rem}.resource-chip .meta-label{letter-spacing:.08em}.map-layout{align-items:start;display:grid;gap:8px;grid-template-columns:15rem minmax(0,1fr);height:100%;min-height:0}.battle-page{display:grid;grid-template-rows:minmax(0,1fr);height:100%;min-height:0}.map-layout-panel{overflow:visible}.map-list{align-self:start;display:grid;gap:6px;min-height:auto;overflow:auto;padding-top:2px;padding-inline:1px}.map-list-item{background:transparent;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:grid;gap:1px;padding:9px 11px;text-align:left;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.map-list-item.active{background:var(--accent-soft);border-color:var(--border-strong);color:var(--text-accent)}.map-list-item:hover{transform:translateY(-1px)}.map-list-title{font-family:var(--font-family-display);font-size:var(--font-size-md)}.map-list-detail{color:var(--text-secondary);font-size:var(--font-size-sm)}.map-detail{align-self:stretch;height:100%;min-height:0;overflow:auto}.map-detail-layout{display:grid;gap:8px;grid-template-columns:minmax(0,.92fr) minmax(18rem,1.08fr)}.map-detail-info,.map-detail-monsters{min-width:0}.map-detail-info{gap:8px}.monster-hover-grid{display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}.monster-hover-card{cursor:default}.hover-trigger{display:block}.hover-popover{background:color-mix(in srgb,var(--surface-panel) 96%,transparent);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);display:grid;gap:4px;max-width:min(18rem,calc(100vw - 24px));padding:8px 10px;pointer-events:auto;position:fixed;z-index:2000}.inventory-grid{--slot-size: 4.5rem;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(var(--slot-size),var(--slot-size)));justify-content:start}.equipment-grid{--slot-size: 4.5rem;display:grid;gap:18px 16px;grid-template-columns:repeat(2,minmax(var(--slot-size),var(--slot-size)));justify-content:center}.equipment-panel-layout{display:grid;gap:18px;justify-items:center}.inventory-equipment-panel{gap:var(--space-3);justify-items:center}.side-inventory-section,.side-inventory-tab-panel,.side-bag-equipment-list{display:grid}.side-inventory-section,.side-inventory-tab-panel,.side-bag-equipment-list{gap:var(--space-2)}.inventory-equipment-filter-tabs{gap:6px}.inventory-equipment-filter-tab{align-items:center;display:inline-flex;font-size:var(--font-size-xs);gap:6px;justify-content:center;min-height:1.9rem;padding:5px 8px}.equipment-filter-count{color:inherit;font-size:.68rem;opacity:.72}.equipment-grid-primary{gap:18px 20px}.equipment-grid-artifact{gap:18px 12px;grid-template-columns:repeat(4,minmax(var(--slot-size),var(--slot-size)))}.item-slot{display:grid;gap:7px;justify-items:center;min-width:0;width:var(--slot-size, 5.4rem)}.inventory-grid .item-slot{width:var(--slot-size)}.item-slot-action{cursor:pointer}.item-slot-manageable{gap:6px}.item-slot-action-card{background:transparent;border:none;color:inherit;cursor:pointer;display:grid;gap:7px;justify-items:center;padding:0;text-align:center;width:100%}.item-slot-action .item-tile,.item-slot-action-card .item-tile{cursor:pointer}.item-slot-action:hover .item-tile,.item-slot-action:focus-visible .item-tile{border-color:var(--border-strong);transform:translateY(-1px)}.item-slot-action-card:hover .item-tile,.item-slot-action-card:focus-visible .item-tile{border-color:var(--border-strong);transform:translateY(-1px)}.item-slot-action:focus-visible{outline:none}.item-slot-action-card:focus-visible{outline:none}.item-slot-actions{display:flex;justify-content:center;width:100%}.item-slot-inline-button{min-width:0;padding:.28rem .5rem;width:100%}.equipment-slot-label{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1;text-align:center}.item-tile{aspect-ratio:1 / 1;border-width:2px;cursor:default;display:flex;min-height:0;align-items:center;justify-content:center;min-width:0;position:relative;text-align:center;width:var(--slot-size, 5.4rem)}.equipment-tile.equipped{border-color:var(--border-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-accent) 18%,transparent)}.item-tile-level{color:var(--text-secondary);font-size:.62rem;left:8px;position:absolute;top:7px}.item-tile-mark{font-family:var(--font-family-display);font-size:1.5rem;line-height:1}.item-tile-mark.empty,.item-slot-name.empty{color:var(--text-secondary)}.item-slot-name{display:-webkit-box;color:var(--text-primary);font-size:var(--font-size-xs);line-height:1.25;min-width:0;overflow:hidden;text-align:center;width:var(--slot-size, 5.4rem);-webkit-box-orient:vertical;-webkit-line-clamp:2}.item-slot-meta,.item-slot-hint{color:var(--text-secondary);font-size:.68rem;line-height:1.25;text-align:center;width:var(--slot-size, 5.4rem)}.item-slot-meta{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.item-slot-hint{color:var(--text-accent)}.side-bag-equipment-name{display:block;flex:1 1 auto;text-align:left;width:auto;-webkit-line-clamp:1}.item-tile-count{color:var(--text-accent);font-size:var(--font-size-xs);position:absolute;right:8px;bottom:6px}.item-tile.quality-common{border-color:color-mix(in srgb,var(--border-color) 92%,#c6cbd4 8%)}.item-tile.quality-uncommon{border-color:color-mix(in srgb,#6ccf8f 72%,var(--border-color) 28%);box-shadow:inset 0 0 0 1px color-mix(in srgb,#6ccf8f 28%,transparent)}.item-tile.quality-rare{border-color:color-mix(in srgb,#56a9ff 74%,var(--border-color) 26%);box-shadow:inset 0 0 0 1px color-mix(in srgb,#56a9ff 32%,transparent)}.item-tile.quality-epic{border-color:color-mix(in srgb,#c56cff 74%,var(--border-color) 26%);box-shadow:inset 0 0 0 1px color-mix(in srgb,#c56cff 32%,transparent)}.item-tile.quality-legendary{border-color:color-mix(in srgb,#ffb347 78%,var(--border-color) 22%);box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffb347 35%,transparent)}.item-slot-name.quality-common{color:var(--text-primary)}.item-slot-name.quality-uncommon{color:#6ccf8f}.item-slot-name.quality-rare{color:#56a9ff}.item-slot-name.quality-epic{color:#c56cff}.item-slot-name.quality-legendary{color:#ffb347}.item-tile-mark.quality-common{color:var(--text-primary)}.item-tile-mark.quality-uncommon{color:#6ccf8f}.item-tile-mark.quality-rare{color:#56a9ff}.item-tile-mark.quality-epic{color:#c56cff}.item-tile-mark.quality-legendary{color:#ffb347}.equipment-tile.empty{border-color:color-mix(in srgb,var(--border-color) 92%,transparent)}.side-bag-equipment-card{gap:4px}.side-bag-equipment-actions{justify-content:flex-end}.side-gem-tile{border-color:color-mix(in srgb,var(--border-strong) 45%,var(--border-color) 55%)}.node-card{min-height:0}.shop-card{align-content:space-between;min-height:0}.strengthen-panel,.strengthen-selector,.strengthen-selector-list{display:grid}.strengthen-panel,.strengthen-selector{gap:var(--space-3)}.strengthen-selector{padding:var(--space-3)}.strengthen-trigger,.strengthen-selector-option{background:transparent;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);display:grid;gap:var(--space-1);padding:var(--space-3);text-align:left;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;width:100%}.strengthen-trigger{cursor:pointer}.strengthen-trigger:hover,.strengthen-selector-option:hover{transform:translateY(-1px)}.strengthen-trigger.active,.strengthen-selector-option.active{background:var(--accent-soft);border-color:var(--border-strong)}.strengthen-trigger.active .card-title,.strengthen-selector-option.active .card-title{color:var(--text-accent)}.strengthen-selector-list{gap:var(--space-2);max-height:min(22rem,52vh);overflow:auto}.strengthen-action-row{justify-content:flex-end}.equipment-panel-toolbar{flex-wrap:wrap;gap:8px;justify-content:flex-end}.right-panel{display:grid;gap:8px;grid-template-rows:auto minmax(0,1fr);min-height:0}.right-panel-header{display:grid;gap:4px}.center-column{gap:6px;grid-template-rows:auto minmax(0,1fr) minmax(9rem,22vh);height:100%;min-height:0;overflow:hidden}.page-fill,.page-fill-panel,.page-fill-battle,.page-fill-gathering{min-height:0}.page-fill{display:grid;height:100%}.page-fill-battle{display:grid;gap:8px;grid-template-rows:auto minmax(0,1fr);height:100%}.page-fill-gathering{display:grid;gap:var(--space-2);grid-template-rows:auto minmax(0,1fr);height:100%}.page-fill-panel{align-content:start;height:100%;overflow:auto}.empty-state-card,.inline-guidance-card,.settings-group,.settings-list,.settings-row,.settings-row-copy,.settings-action-grid{display:grid}.empty-state-card,.inline-guidance-card,.settings-group,.settings-list,.settings-row,.settings-row-copy{gap:var(--space-2)}.compact-button-row{gap:6px}.inline-guidance-card{padding:10px}.settings-row{align-items:center;grid-template-columns:minmax(0,1fr) auto;padding:10px}.settings-action-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.side-panel-content{min-height:0;overflow:auto}.page-content{align-content:stretch;height:100%;min-height:0;overflow:auto}.log-panel{display:grid;gap:8px;min-height:0}.log-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.log-section{display:grid;grid-template-rows:minmax(0,1fr);min-height:0}.log-panel-heading{align-items:center;display:flex;gap:10px;justify-content:space-between}.center-log-panel{margin:0}.log-list{display:grid;gap:6px;grid-auto-rows:minmax(3rem,auto);min-height:0;overflow:auto;padding-right:4px}.log-row{align-items:flex-start;display:grid;gap:4px;grid-template-columns:4.8rem minmax(0,1fr);min-height:3rem;overflow:hidden}.log-empty{align-items:center;display:flex;min-height:3.5rem}.log-time{color:var(--text-accent);font-size:var(--font-size-xs);line-height:1.4;padding-top:2px}.log-text{color:var(--text-primary);display:-webkit-box;font-size:var(--font-size-sm);line-height:1.45;margin:0;max-height:2.9em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.info-value{color:var(--text-accent);font-size:var(--font-size-sm);white-space:nowrap}.status-chip{align-items:center;background:var(--accent-soft);border:var(--border-width) solid var(--border-strong);border-radius:999px;color:var(--text-accent);display:inline-flex;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.toast-banner{left:50%;max-width:min(28rem,calc(100vw - 24px));pointer-events:none;position:fixed;top:12px;transform:translate(-50%);z-index:2100}.tab-button,.button-primary,.button-secondary,.button-ghost,.button-danger,.icon-button{min-height:2.25rem;padding:8px 12px}.tab-button{background:transparent;color:var(--text-secondary)}.button-primary{background:var(--accent-strong);border-color:var(--border-strong);color:var(--text-accent)}.button-secondary{background:var(--accent-secondary);color:var(--text-primary)}.button-ghost,.icon-button{background:transparent;color:var(--text-secondary)}.button-danger{background:var(--accent-danger);border-color:color-mix(in srgb,var(--border-strong) 40%,#8f1d1d);color:var(--text-primary)}.icon-button{min-height:auto;padding:var(--space-2) var(--space-3)}.full-width{width:100%}.theme-option{align-items:center;background:var(--surface-soft);color:var(--text-primary);display:flex;justify-content:flex-start;gap:8px;text-align:left;width:100%}.combat-panel{align-content:start;display:grid;grid-template-rows:auto;min-height:0}.combat-stage{display:grid;gap:8px;grid-template-rows:auto auto minmax(24rem,1fr);height:auto;min-height:100%}.combat-status-row{align-items:stretch;display:grid;gap:6px;grid-template-columns:minmax(0,1fr)}.combat-summary-card{align-content:start;display:grid;gap:var(--space-2);grid-template-rows:auto minmax(0,1fr);min-height:5.4rem}.combat-callout{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 92%,transparent),transparent 54%),color-mix(in srgb,var(--surface-panel) 88%,#05070a 12%);border-color:color-mix(in srgb,var(--border-strong) 78%,var(--text-accent) 22%);display:flex;min-height:3rem;overflow:hidden;position:relative}.combat-callout:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text-accent) 22%,transparent),transparent);content:"";top:0;right:0;bottom:0;left:0;opacity:.42;pointer-events:none;position:absolute}.combat-callout-line,.combat-callout-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;min-height:1.5rem;position:relative;z-index:1}.combat-callout-line{flex-wrap:nowrap;min-width:0;width:100%}.combat-callout-title{color:var(--text-primary);display:block;flex:1 1 auto;font-family:var(--font-family-display);font-size:var(--font-size-lg);line-height:1.1;margin:0;max-width:100%;min-height:0;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:1}.combat-callout-copy{color:var(--text-secondary);flex:0 0 auto;font-size:var(--font-size-sm);position:relative;white-space:nowrap;z-index:1}.combat-result-pill{align-items:center;background:color-mix(in srgb,var(--accent-strong) 88%,transparent);border:var(--border-width) solid color-mix(in srgb,var(--border-strong) 82%,transparent);border-radius:999px;color:var(--text-primary);display:inline-flex;font-size:var(--font-size-xs);letter-spacing:.1em;padding:var(--space-1) var(--space-3)}.combat-round-pill{background:color-mix(in srgb,var(--progress-track) 92%,transparent);border-color:color-mix(in srgb,var(--border-color) 88%,transparent);color:var(--text-primary);letter-spacing:.04em}.combat-overview-bars{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.combat-total-bar{display:grid;gap:6px}.combat-total-head{align-items:center;display:flex;justify-content:space-between;gap:10px}.combat-total-head strong{color:var(--text-primary);font-family:var(--font-family-display);font-size:.95rem;letter-spacing:.02em}.combat-total-bar.enemy .combat-total-head{flex-direction:row-reverse}.combat-total-track{background:color-mix(in srgb,var(--progress-track) 78%,#030507 22%);border:var(--border-width) solid color-mix(in srgb,var(--border-strong) 78%,transparent);border-radius:999px;height:.72rem;overflow:hidden}.combat-total-track span{display:block;height:100%;transition:width .14s ease}.combat-total-bar.ally .combat-total-track span{background:linear-gradient(90deg,color-mix(in srgb,var(--border-strong) 68%,var(--text-accent) 32%),color-mix(in srgb,var(--text-accent) 88%,var(--surface-panel) 12%))}.combat-total-bar.enemy .combat-total-track span{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-danger) 78%,var(--text-primary) 22%),color-mix(in srgb,var(--accent-danger) 52%,var(--text-accent) 48%))}.combat-arena{--battle-unit-size: 6rem;align-items:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent-soft) 66%,transparent),transparent 56%),linear-gradient(180deg,color-mix(in srgb,var(--surface-panel) 96%,#05070a 4%),color-mix(in srgb,var(--surface-panel) 88%,#05070a 12%));border:var(--border-width) solid color-mix(in srgb,var(--border-strong) 72%,transparent);border-radius:var(--radius-lg);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:100%;isolation:isolate;min-height:24rem;overflow:hidden;padding:var(--space-5);position:relative}.combat-arena:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text-accent) 10%,transparent),transparent),linear-gradient(180deg,transparent,color-mix(in srgb,var(--border-color) 42%,transparent),transparent);border:var(--border-width) solid color-mix(in srgb,var(--border-color) 42%,transparent);border-radius:calc(var(--radius-lg) - var(--space-2));content:"";inset:var(--space-3);opacity:.78;pointer-events:none;position:absolute}.combat-arena:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text-accent) 18%,transparent),transparent);content:"";height:1px;left:var(--space-5);opacity:.62;pointer-events:none;position:absolute;right:var(--space-5);top:50%}.combat-callout.impact-heavy{border-color:color-mix(in srgb,var(--text-accent) 88%,var(--border-strong) 12%)}.combat-callout.impact-finisher{border-color:color-mix(in srgb,var(--text-accent) 56%,var(--accent-danger) 44%);box-shadow:0 0 24px color-mix(in srgb,var(--accent-danger) 36%,transparent)}.combat-side{align-items:center;display:grid;min-height:100%;position:relative;z-index:1}.formation-grid{align-content:center;display:grid;gap:24px 28px;grid-template-areas:"outer-top inner-top" "outer-mid inner-mid" "outer-bottom inner-bottom";grid-template-columns:repeat(2,var(--battle-unit-size));justify-content:center;justify-items:center;min-height:calc(var(--battle-unit-size) * 3 + var(--space-6));position:relative;width:100%}.unit-card.inner-top{grid-area:inner-top}.unit-card.inner-mid{grid-area:inner-mid}.unit-card.inner-bottom{grid-area:inner-bottom}.unit-card.outer-top{grid-area:outer-top}.unit-card.outer-mid{grid-area:outer-mid}.unit-card.outer-bottom{grid-area:outer-bottom}.combat-center{align-self:stretch;align-items:center;display:grid;gap:4px;justify-items:center;min-height:100%;position:relative;width:2.6rem;z-index:1}.combat-center:before{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--border-color) 72%,transparent),transparent);content:"";inset:var(--space-4) 50%;pointer-events:none;position:absolute;transform:translate(-50%);width:1px}.combat-versus{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-soft) 88%,transparent),color-mix(in srgb,var(--accent-soft) 55%,transparent));border:1px solid color-mix(in srgb,var(--border-strong) 72%,transparent);border-radius:999px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-accent) 18%,transparent),0 0 12px color-mix(in srgb,var(--text-accent) 10%,transparent);color:color-mix(in srgb,var(--text-accent) 82%,#f3d37c 18%);display:grid;font-family:var(--font-family-display);font-size:1rem;font-weight:700;gap:.08rem;justify-items:center;letter-spacing:.08em;line-height:1;min-height:5rem;padding:.45rem .3rem;position:relative;width:2.15rem;z-index:1}.combat-versus span{display:block;text-shadow:0 0 10px color-mix(in srgb,var(--text-accent) 18%,transparent)}.unit-card{align-content:start;display:grid;gap:3px;min-height:calc(var(--battle-unit-size) + 1.8rem);transition:filter .14s ease,opacity .14s ease,transform .14s ease;width:var(--battle-unit-size)}.unit-card.empty{opacity:.34}.unit-bars{display:grid;gap:2px}.unit-bar{background:color-mix(in srgb,var(--progress-track) 76%,#020405 24%);border:var(--border-width) solid color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:999px;height:.48rem;overflow:hidden;position:relative}.unit-bar span{display:block;height:100%;transition:width .14s ease}.unit-bar b{color:var(--text-primary);font-size:.56rem;font-weight:700;left:50%;line-height:1;position:absolute;text-shadow:0 1px 3px #000;top:50%;transform:translate(-50%,-50%);z-index:1}.unit-bar.hp span{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-danger) 78%,var(--text-primary) 22%),color-mix(in srgb,var(--accent-danger) 52%,var(--text-accent) 48%))}.unit-bar.mana span{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-secondary) 84%,var(--text-primary) 16%),color-mix(in srgb,var(--text-accent) 42%,var(--accent-secondary) 58%))}.unit-square{align-items:center;aspect-ratio:1 / 1;background:color-mix(in srgb,var(--surface-panel) 90%,#05070a 10%);border:var(--border-width) solid color-mix(in srgb,var(--border-strong) 68%,transparent);border-radius:var(--radius-md);display:grid;justify-items:center;min-height:var(--battle-unit-size);overflow:hidden;padding:.6rem;position:relative;text-align:center;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,filter .12s ease,transform .12s ease;width:var(--battle-unit-size)}.unit-square:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--text-accent) 34%,transparent),transparent 72%);content:"";top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .1s ease}.unit-card.active.ally .unit-square{border-color:color-mix(in srgb,var(--border-strong) 70%,#5abf8f);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-accent) 24%,transparent)}.unit-card.active.enemy .unit-square{border-color:color-mix(in srgb,#ef5350 70%,var(--border-color));box-shadow:inset 0 0 0 1px color-mix(in srgb,#ef5350 24%,transparent)}.unit-card.empty .unit-bars,.unit-card.empty .unit-action,.unit-card.empty .unit-action-text{opacity:.36}.unit-card.empty .unit-square{background:color-mix(in srgb,var(--surface-soft) 82%,transparent);border-style:dashed}.unit-name{color:var(--text-primary);display:-webkit-box;font-size:.84rem;font-weight:700;line-height:1.12;max-width:calc(100% - .8rem);overflow:hidden;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2}.unit-level{left:.5rem;color:var(--text-primary);font-size:.62rem;font-weight:700;line-height:1;position:absolute;top:.45rem}.unit-action{background:color-mix(in srgb,var(--progress-track) 90%,#10151b 10%);border:var(--border-width) solid color-mix(in srgb,var(--border-color) 88%,transparent);border-radius:999px;height:.34rem;margin-top:.1rem;overflow:hidden;width:100%}.unit-action span{background:linear-gradient(90deg,color-mix(in srgb,var(--text-accent) 72%,var(--accent-strong) 28%),color-mix(in srgb,var(--text-accent) 88%,var(--surface-panel) 12%));display:block;height:100%;transition:width .12s ease}.unit-action-text{color:var(--text-primary);font-size:var(--font-size-xs);line-height:1.25;margin:0;min-height:calc(var(--font-size-xs) * 1.25);padding-top:2px;text-align:center}.unit-action-text.active{color:var(--text-accent);text-shadow:0 0 10px color-mix(in srgb,var(--accent-soft) 28%,transparent)}.unit-card.is-acting .unit-square{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-accent) 24%,transparent),0 0 16px color-mix(in srgb,var(--accent-soft) 28%,transparent)}.unit-card.is-hit .unit-square{animation:combat-hit-shake .18s ease-out 1;border-color:color-mix(in srgb,var(--accent-danger) 66%,var(--border-strong) 34%)}.unit-card.is-hit .unit-square:after{opacity:1}.unit-card.is-ko .unit-square{filter:saturate(.7) brightness(.8);opacity:.72}.unit-card.is-winner .unit-square{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-accent) 32%,transparent),0 0 20px color-mix(in srgb,var(--accent-soft) 42%,transparent)}.damage-number{animation:combat-damage-rise .76s cubic-bezier(.18,.78,.24,1) forwards;color:color-mix(in srgb,var(--accent-danger) 30%,var(--text-primary) 70%);font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:700;left:50%;line-height:1;pointer-events:none;position:absolute;text-shadow:0 0 10px color-mix(in srgb,var(--accent-danger) 42%,transparent);top:35%;transform:translate(-50%);z-index:2}.damage-number.heavy{color:color-mix(in srgb,var(--text-accent) 54%,var(--accent-danger) 46%)}.damage-number.finisher{color:color-mix(in srgb,var(--text-accent) 72%,var(--text-primary) 28%);text-shadow:0 0 14px color-mix(in srgb,var(--text-accent) 36%,transparent)}@keyframes unit-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes combat-pulse{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes combat-hit-shake{0%{transform:translate(0) scale(1)}30%{transform:translate(var(--space-1)) scale(1.03)}60%{transform:translate(calc(var(--space-1) * -1)) scale(.98)}to{transform:translate(0) scale(1)}}@keyframes combat-damage-rise{0%{opacity:0;transform:translate(-50%,.35rem) scale(.92)}18%{opacity:1;transform:translate(-50%,-.1rem) scale(1.06)}to{opacity:0;transform:translate(-50%,-1.8rem) scale(.98)}}.modal-backdrop{align-items:center;background:var(--overlay-backdrop);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.modal-card{max-height:min(90vh,44rem);max-width:34rem;overflow:auto;width:min(100%,34rem)}.modal-title{margin:0}.modal-content{margin-top:var(--space-3)}.modal-footer{margin-top:var(--space-4)}.modal-option{align-items:flex-start;background:var(--surface-soft);color:var(--text-primary);display:grid;gap:4px;text-align:left;width:100%}.detail-list{color:var(--text-secondary);display:grid;gap:4px;margin:0;padding-left:1.1rem}.detail-list li{font-size:var(--font-size-sm)}.socketed-gem-list{display:grid;gap:8px}.socketed-gem-row{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:8px 10px}.socketed-gem-meta{display:grid;gap:4px}@media (min-width: 56rem){.resource-panel,.panel-heading,.modal-header{align-items:center;flex-direction:row;justify-content:space-between}.resource-strip{width:100%}}@media (min-width: 72rem){.app-layout{align-items:stretch;grid-template-columns:13rem minmax(0,1fr) 38rem}}@media (max-width: 71.99rem){.center-log-panel{margin-left:0;margin-right:0}.nav-list{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}}@media (max-width: 39.99rem){body{overflow-x:hidden;overflow-y:auto}.app-shell{height:auto;min-height:100vh}.app-layout{grid-template-columns:minmax(0,1fr);height:auto;min-height:100%;overflow:visible}.resource-strip,.metric-grid,.node-grid,.shop-grid,.content-columns,.nav-list,.log-grid{grid-template-columns:minmax(0,1fr)}.button-row>*,.tab-row>*{flex:1 1 auto}.left-rail,.center-column,.right-panel{grid-template-columns:minmax(0,1fr);height:auto;min-width:0;overflow:visible}.left-rail,.right-panel{grid-template-rows:auto auto}.center-column,.page-content,.page-fill,.page-fill-panel,.page-fill-battle,.battle-page,.combat-panel{grid-template-columns:minmax(0,1fr);height:auto;min-width:0}.center-column{grid-template-rows:auto auto auto}.page-content,.page-fill-panel,.page-fill-battle{overflow:visible}.combat-stage{grid-template-rows:auto auto auto;min-height:0}.combat-arena{--battle-unit-size: 5rem;gap:var(--space-4);grid-template-columns:minmax(0,1fr);height:auto;min-height:0;padding:var(--space-4)}.combat-status-row,.map-layout,.map-detail-layout{grid-template-columns:minmax(0,1fr)}.formation-grid{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));min-height:calc(var(--battle-unit-size) * 3 + var(--space-5))}.nav-list,.side-panel-content,.log-list{max-height:min(18rem,34vh)}.log-row{grid-template-columns:1fr}.detail-row{align-items:flex-start;flex-direction:column}.settings-row{grid-template-columns:minmax(0,1fr)}.settings-row>button,.settings-action-grid>button{width:100%}}@media (prefers-reduced-motion: reduce){.unit-card,.unit-square,.unit-bar span,.combat-total-track span,.unit-action span,.damage-number{animation:none;transition:none}}