:root,:root[data-theme=dark]{--display-scale:1;--app-vw:1vw;--app-vh:1vh;--site-gutter:calc(var(--app-vw) * 15);--motion-fast:.16s;--motion-base:.22s;--motion-flash:.32s;--ease-out:cubic-bezier(.2, .8, .2, 1);--radius:0px;--bg:#101010;--bg-raised:#141414;--panel:#141414;--panel-soft:#141414;--panel-strong:#1c1c1c;--line:#2a2a2a;--line-strong:#3f3f3f;--ink:#ebebeb;--muted:#919191;--accent:#dcdcdc;--accent-strong:#fff;--ark-order-text:#f0b954;--ark-chaos-text:#ff9b9b;--accent-ink:#101010;--accent-soft:#ffffff12;--formula-symbol:#8f8f8f;--formula-value:#fff;--formula-name:#d4d4d4;--up:#f5f5f5;--up-soft:#ffffff14;--down:#8c8c8c;--delta-up:#ff6b6b;--delta-up-soft:#ff6b6b2e;--delta-down:#6bb6ff;--delta-down-soft:#6bb6ff2e;--info:#c4c4c4;--info-soft:#ffffff0e;--warn-bg:#ffffff0a;--warn-border:#4a4a4a;--warn-ink:#c9c9c9;--err-bg:#ffffff12;--err-border:#8c8c8c;--err-ink:#fff;--header-bg:#101010;--header-ink:#ebebeb;--header-title:#fff;--header-muted:#919191;--header-control-bg:#1c1c1c;--header-control-border:#2a2a2a;--header-placeholder:#6e6e6e;--shadow:none;--share-track:#2a2a2a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4f4f4;--bg-raised:#fff;--panel:#fff;--panel-soft:#fff;--panel-strong:#efefef;--line:#e0e0e0;--line-strong:#bdbdbd;--ink:#171717;--muted:#6b6b6b;--accent:#232323;--accent-strong:#000;--ark-order-text:#795013;--ark-chaos-text:#982f2f;--accent-ink:#fff;--accent-soft:#0000000e;--formula-symbol:#767676;--formula-value:#000;--formula-name:#2a2a2a;--up:#111;--up-soft:#0000000f;--down:#7d7d7d;--delta-up:#d32f2f;--delta-up-soft:#d32f2f29;--delta-down:#1565c0;--delta-down-soft:#1565c029;--info:#4a4a4a;--info-soft:#0000000b;--warn-bg:#f2f2f2;--warn-border:#c9c9c9;--warn-ink:#4b4b4b;--err-bg:#e9e9e9;--err-border:#8f8f8f;--err-ink:#111;--header-bg:#fff;--header-ink:#171717;--header-title:#000;--header-muted:#6b6b6b;--header-control-bg:#f4f4f4;--header-control-border:#e0e0e0;--header-placeholder:#9a9a9a;--shadow:none;--share-track:#e2e2e2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-size:14px;line-height:1.45}button,input,select{font:inherit}button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--radius);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;transition:border-color .15s,background .15s;display:inline-flex}button:hover:not(:disabled){border-color:var(--line-strong)}button:disabled{opacity:.55;cursor:not-allowed}input,select{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);min-height:38px;color:var(--ink);padding:0 12px}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}h1,h2,h3{letter-spacing:0;margin:0}main{min-height:calc(var(--app-vh) * 100);flex-direction:column;display:flex}.appHeader{padding:12px var(--site-gutter);background:var(--header-bg);border-bottom:1px solid var(--line);color:var(--header-ink);align-items:center;gap:20px;display:flex}@media (width>=1121px){.appHeader{z-index:55;position:sticky;top:0}}.brand{min-width:0;color:inherit;border-radius:var(--radius);align-items:center;gap:12px;text-decoration:none;display:flex}.brand:hover h1,.brand:focus-visible h1{color:var(--accent)}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.eyebrow{color:var(--header-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:10.5px}.appHeader h1{color:var(--header-title);font-size:21px;line-height:1.1}.searchForm{grid-template-columns:minmax(150px,260px) auto;align-items:center;gap:8px;margin-left:auto;display:grid}.searchInputShell{min-width:0;position:relative}.searchInputShell>input{width:100%}.searchForm input{background:var(--header-control-bg);border-color:var(--header-control-border);color:var(--header-title)}.searchForm input::placeholder{color:var(--header-placeholder)}.searchForm button{background:var(--header-control-bg);border-color:var(--header-control-border);color:var(--header-ink)}.searchForm button.btnPrimary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.searchForm button.btnPrimary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.recentSearchDropdown{z-index:50;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:100%;color:var(--ink);box-shadow:none;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.recentSearchHeading{color:var(--muted);align-items:center;gap:6px;padding:5px 7px 6px;font-size:11.5px;font-weight:700;display:flex}.searchForm .recentSearchOption{width:100%;min-height:38px;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:flex-start;gap:9px;padding:5px 7px}.searchForm .recentSearchOption:hover:not(:disabled),.searchForm .recentSearchOption:focus-visible,.searchForm .recentSearchOption[aria-selected=true]{background:var(--accent-soft)}.recentSearchOptionIcon{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);width:27px;height:27px;color:var(--accent);flex:none;place-items:center;display:grid}.themeBtn{background:var(--header-control-bg);border-color:var(--header-control-border);width:38px;color:var(--header-ink);flex:none;padding:0}.headerActions{flex:none;align-items:center;gap:8px;display:flex}.landingHeader{padding:clamp(48px, calc(var(--app-vh) * 11), 96px) var(--site-gutter) clamp(20px, calc(var(--app-vh) * 3), 34px);background:var(--bg);border-bottom:0;grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px;display:grid;position:relative}@media (width>=1121px){.landingHeader{z-index:auto;position:relative;top:auto}}.landingHeader .brand{text-align:center;justify-content:center}.landingHeader .eyebrow{color:var(--muted);font-size:clamp(10px, calc(var(--app-vw) * .78), 12px);letter-spacing:.24em;margin-bottom:8px}.landingHeader h1{font-size:clamp(38px, calc(var(--app-vw) * 4), 64px);letter-spacing:-.025em;color:var(--ink);line-height:1.04}.landingHeader .searchForm{grid-template-columns:minmax(0,1fr) auto;gap:0;width:min(560px,100%);margin-left:0}.landingHeader .searchForm input,.landingHeader .searchForm button{min-height:48px}.landingHeader .searchForm input{background:var(--panel);border-color:var(--line-strong);color:var(--ink);padding:0 14px;font-size:15px}.landingHeader .searchForm input::placeholder{color:var(--muted)}.landingHeader .searchForm button.btnPrimary{border-left-width:0;padding:0 20px}.landingHeader .searchForm input:focus-visible{outline-offset:-2px}.landingHeader .headerActions{top:clamp(14px, calc(var(--app-vh) * 2), 24px);right:var(--site-gutter);position:absolute}.mainTabs{margin:14px var(--site-gutter) 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:none;flex-wrap:wrap;gap:6px;padding:5px;display:flex}.mainTabs button{isolation:isolate;min-height:38px;color:var(--muted);background:0 0;border:0;flex:160px;font-weight:700;position:relative;overflow:hidden}.mainTabs .selected{color:var(--accent-ink)}.tabMotionIndicator{z-index:-1;border-radius:inherit;background:var(--accent);position:absolute;inset:0}.tabMotionLabel{z-index:1;position:relative}.motionIconSwap{justify-content:center;align-items:center;display:inline-flex}.workspaceQuickNav{z-index:45;top:50%;right:max(10px, calc((var(--site-gutter) - 132px) / 2));width:132px;max-height:calc((var(--app-vh) * 100) - 24px);border:1px solid color-mix(in srgb, var(--line-strong) 82%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 94%, transparent);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:9px;padding:8px;display:grid;position:fixed;overflow-y:auto;transform:translateY(-50%)}.workspaceQuickNavGroup{gap:5px;min-width:0;display:grid}.workspaceQuickNavGroup+.workspaceQuickNavGroup{border-top:1px solid var(--line);padding-top:8px}.workspaceQuickNavTitle{color:var(--muted);letter-spacing:.04em;padding-inline:4px;font-size:10px;font-weight:800}.workspaceQuickNavButtons{gap:4px;display:grid}.workspaceQuickNav button{border-radius:var(--radius);width:100%;min-height:34px;color:var(--muted);text-align:left;white-space:normal;background:0 0;justify-content:flex-start;padding:6px 8px 6px 18px;font-size:11px;font-weight:750;line-height:1.25;position:relative}.workspaceQuickNav button:before{content:"";border-radius:var(--radius);background:var(--line-strong);width:4px;height:4px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.workspaceQuickNav button:hover,.workspaceQuickNav button.isActive{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--accent-soft)}.workspaceQuickNav button.isActive:before{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.simulationDamagePreview{z-index:45;top:50%;left:max(10px, calc((var(--site-gutter) - 176px) / 2));width:176px;max-height:calc((var(--app-vh) * 100) - 24px);border:1px solid color-mix(in srgb, var(--line-strong) 82%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 94%, transparent);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-rows:auto minmax(0,1fr);gap:7px;padding:9px;display:grid;position:fixed;overflow:hidden;transform:translateY(-50%)}.simulationDamagePreviewHeader,.simulationDamagePreviewHeader>span,.simulationDamagePreviewTotal,.simulationDamagePreviewSkills li{align-items:center;display:flex}.simulationDamagePreviewHeader{justify-content:space-between;gap:5px;min-width:0}.simulationDamagePreviewHeader>span{min-width:0;color:var(--muted);letter-spacing:.03em;gap:5px;font-size:10px;font-weight:800}.simulationDamagePreviewHeader>span svg{color:var(--info)}.simulationDamagePreviewToggle{border-radius:var(--radius);width:24px;min-width:24px;min-height:24px;color:var(--muted);background:0 0;place-items:center;padding:0;display:inline-grid}.simulationDamagePreviewChevron{display:inline-flex}.simulationDamagePreview.isCollapsed{grid-template-rows:auto}.simulationDamagePreviewBody{grid-template-rows:auto auto auto minmax(0,1fr);gap:7px;min-height:0;display:grid;overflow:hidden}.simulationDamagePreviewBaseline{color:var(--info);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.simulationDamagePreviewMode{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.simulationDamagePreviewTotal{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));border-radius:var(--radius);background:var(--accent-soft);justify-content:space-between;gap:8px;padding:7px 8px;font-size:10px;font-weight:800}.simulationDamagePreviewSkills{scrollbar-width:thin;gap:2px;min-height:0;margin:0;padding:0 2px 0 0;list-style:none;display:grid;overflow-y:auto}.simulationDamagePreviewSkills li{border-radius:var(--radius);min-width:0;color:var(--muted);justify-content:space-between;gap:7px;padding:5px 6px;font-size:10px}.simulationDamagePreviewSkills li:nth-child(odd){background:color-mix(in srgb, var(--panel-strong) 58%, transparent)}.simulationDamagePreviewSkillIdentity{flex:auto;align-items:center;gap:5px;min-width:0;display:flex}.simulationDamagePreviewSkillIcon{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));border-radius:var(--radius);background:var(--panel-strong);width:18px;height:18px;color:var(--accent);flex:0 0 18px;place-items:center;font-size:8px;font-weight:800;display:inline-grid;overflow:hidden}.simulationDamagePreviewSkillIcon img{object-fit:cover;width:100%;height:100%;display:block}.simulationDamagePreviewSkillName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.simulationDamagePreviewSkills strong,.simulationDamagePreviewTotal strong{font-variant-numeric:tabular-nums;flex:none}.simulationDamagePreview .up{color:var(--delta-up)}.simulationDamagePreview .down{color:var(--delta-down)}.simulationDamagePreview .flat{color:var(--muted)}.simulationRightRail{display:contents}.damageControlsRail{z-index:45;top:calc(50% + 30px);left:max(8px, calc((var(--site-gutter) - 176px) / 2));width:min(176px, calc(var(--site-gutter) - 16px));max-height:calc((var(--app-vh) * 100) - 84px);border:1px solid color-mix(in srgb, var(--line-strong) 82%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 94%, transparent);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;overflow:visible;transform:translateY(-50%)}.damageControlsRailHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:38px;padding:5px 7px;display:flex}.damageControlsRailHeader strong{min-width:0;color:var(--ink);align-items:center;gap:5px;font-size:11px;font-weight:850;display:flex}.damageControlsRailTitleCompact{display:none}.damageControlsRailHeader button{border-radius:var(--radius);width:28px;min-width:28px;min-height:28px;color:var(--muted);background:0 0;padding:0}.damageControlsRailBody{scrollbar-width:thin;min-height:0;padding:3px 7px 7px;overflow:hidden auto}.damageControlsRailFooter{border-top:1px solid var(--line);padding:7px}.damageControlsApplyAll{border-color:var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--panel-strong) 82%, transparent);width:100%;min-width:0;min-height:42px;color:var(--muted);text-align:left;justify-content:space-between;align-items:center;gap:7px;padding:6px 7px;display:flex}.damageControlsApplyAll:hover,.damageControlsApplyAll:focus-visible{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));background:color-mix(in srgb, var(--accent-soft) 42%, var(--panel))}.damageControlsApplyAll.isActive{border-color:color-mix(in srgb, var(--accent) 68%, var(--line));background:color-mix(in srgb, var(--accent-soft) 66%, var(--panel))}.damageControlsApplyAllCopy{gap:1px;min-width:0;display:grid}.damageControlsApplyAllCopy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;line-height:1.25;overflow:hidden}.damageControlsApplyAllCopy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;font-weight:650;line-height:1.25;overflow:hidden}.damageControlsApplyAll.isActive .damageControlsApplyAllCopy strong,.damageControlsApplyAll.isActive .damageControlsApplyAllCopy small{color:var(--accent)}.damageControlsApplyAllSwitch{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel-soft);flex:0 0 30px;width:30px;height:18px;transition:border-color .18s,background-color .18s;position:relative}.damageControlsApplyAllSwitch>span{border-radius:var(--radius);background:var(--muted);width:12px;height:12px;box-shadow:none;transition:transform .18s,background-color .18s;position:absolute;top:2px;left:2px}.damageControlsApplyAll.isActive .damageControlsApplyAllSwitch{border-color:color-mix(in srgb, var(--accent) 78%, var(--line));background:color-mix(in srgb, var(--accent) 24%, var(--panel))}.damageControlsApplyAll.isActive .damageControlsApplyAllSwitch>span{background:var(--accent);transform:translate(12px)}@media (prefers-reduced-motion:reduce){.damageControlsApplyAllSwitch,.damageControlsApplyAllSwitch>span{transition-duration:.01ms}}.damageControlsRailGroup{border-bottom:1px solid var(--line);gap:2px;min-width:0;padding:7px 0;display:grid}.damageControlsRailGroup:last-child{border-bottom:0}.damageControlsRailGroup h2{min-width:0;color:var(--muted);letter-spacing:.02em;align-items:center;gap:5px;margin:0 0 3px;font-size:10px;font-weight:850;display:flex}.railControlRow{border-radius:var(--radius);cursor:pointer;grid-template-columns:minmax(0,1fr) 8px auto;align-items:center;gap:3px;min-width:0;min-height:28px;padding:2px 4px;display:grid}.railControlRow:hover,.railControlRow:focus-within{background:color-mix(in srgb, var(--accent-soft) 58%, transparent)}.railControlLabel{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:10.5px;display:flex;overflow:hidden}.railControlRow.on .railControlLabel{color:var(--ink);font-weight:750}.buffControlLabel{align-items:center;gap:6px;min-width:0;display:inline-flex}.buffControlIcons{flex:none;align-items:center;gap:2px;display:inline-flex}.buffControlIcon{object-fit:cover;border:1px solid color-mix(in srgb, var(--line) 78%, transparent);border-radius:var(--radius);background:var(--panel-soft);width:22px;height:22px;display:block}.buffControlLabelText{text-overflow:ellipsis;min-width:0;overflow:hidden}.railControlLabel .buffControlLabel{gap:4px;overflow:hidden}.railControlLabel .buffControlIcon{border-radius:var(--radius);width:20px;height:20px}.railControlLabel .buffControlIcons.isPair .buffControlIcon{width:18px;height:18px}.railControlSeparator{color:color-mix(in srgb, var(--muted) 62%, transparent);text-align:center;font-size:9px}.railControlRow input,.railControlRow select{margin:0;font-size:10px}.railControlCheckbox{width:15px;height:15px;min-height:15px;accent-color:var(--accent);padding:0}.railControlNumber{text-align:center;width:40px;min-height:24px;padding:2px 3px}.railControlRow select{width:66px;min-height:24px;padding:2px 4px}.railDirectionButtons{border-radius:var(--radius);grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;min-width:0;min-height:28px;padding:2px 0;display:grid;position:relative}.railDirectionButtons:hover,.railDirectionButtons:focus-within{background:color-mix(in srgb, var(--accent-soft) 58%, transparent)}.railDirectionButton{border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-height:24px;color:var(--muted);background:color-mix(in srgb, var(--panel) 86%, transparent);padding:2px 3px;font-size:10px;font-weight:750}.railDirectionButton:hover,.railDirectionButton:focus-visible{border-color:color-mix(in srgb, var(--accent) 62%, var(--line));color:var(--ink)}.railDirectionButton.selected{border-color:color-mix(in srgb, var(--accent) 74%, var(--line));color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 72%, var(--panel))}.railDirectionDiffDot{position:absolute;top:0;right:0}.controlEffectTooltip{z-index:220;max-width:min(260px, calc((var(--app-vw) * 100) - 24px));pointer-events:none;border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));border-radius:var(--radius);background:var(--panel);box-shadow:none;color:var(--ink);white-space:pre-line;padding:7px 9px;font-size:11.5px;font-weight:650;line-height:1.45;position:fixed}@media (width>=1121px){.simulationRightRail{z-index:45;top:calc(50% + 30px);right:max(8px, calc((var(--site-gutter) - 176px) / 2));width:min(176px, calc(var(--site-gutter) - 16px));height:calc((var(--app-vh) * 100) - 84px);flex-direction:column;gap:8px;display:flex;position:fixed;transform:translateY(-50%)}.simulationRightRail>.workspaceQuickNav,.simulationRightRail>.simulationDamagePreview{position:static;top:auto;transform:none}.simulationRightRail>.workspaceQuickNav{flex:0 auto;align-self:stretch;width:100%;min-height:0;right:auto}.simulationRightRail>.simulationDamagePreview{flex:none;grid-template-rows:auto;width:100%;min-height:0;max-height:none;left:auto;overflow:visible}.simulationRightRail .simulationDamagePreviewSkills{overflow:visible}}@media (width<=1279px){.simulationDamagePreview{width:144px;padding:8px;left:8px}}#simulation-panel,#damage-panel,#simulation-settings,#simulation-gems,#simulation-equipment,#simulation-engravings,#simulation-accessories,#simulation-combat-stats,#simulation-cards,#simulation-ark-passive-section,#simulation-ark-passive-evolution,#simulation-ark-passive-enlightenment,#simulation-ark-passive-leap,#simulation-ark-grid-section,#damage-adjustments,#damage-results,#damage-comparison,#damage-summary,#damage-details{scroll-margin-top:86px}@media (width<=1120px){:root,:root[data-theme]{--site-gutter:clamp(16px, calc(var(--app-vw) * 3.2), 36px)}#simulation-panel,#damage-panel,#simulation-settings,#simulation-gems,#simulation-equipment,#simulation-engravings,#simulation-accessories,#simulation-combat-stats,#simulation-cards,#simulation-ark-passive-section,#simulation-ark-passive-evolution,#simulation-ark-passive-enlightenment,#simulation-ark-passive-leap,#simulation-ark-grid-section,#damage-adjustments,#damage-results,#damage-comparison,#damage-summary,#damage-details{scroll-margin-top:16px}main:has(.workspaceQuickNav){padding-bottom:76px}main:has(.simulationDamagePreview:not(.isCollapsed)){padding-bottom:126px}.workspaceQuickNav{width:auto;max-height:none;padding:8px max(12px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border:0;border-top:1px solid color-mix(in srgb, var(--line-strong) 82%, transparent);border-radius:var(--radius);box-shadow:none;scrollbar-width:thin;align-items:center;gap:10px;display:flex;inset:auto 0 0;overflow:auto hidden;transform:none}.workspaceQuickNavGroup{flex:none;align-items:center;gap:6px;display:flex}.workspaceQuickNavGroup+.workspaceQuickNavGroup{border-top:0;border-left:1px solid var(--line);padding-top:0;padding-left:10px}.workspaceQuickNavTitle{display:none}.workspaceQuickNavButtons{gap:6px;display:flex}.workspaceQuickNav button{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:auto;min-height:36px;color:var(--ink);white-space:nowrap;padding:6px 12px 6px 22px;font-size:11.5px}.workspaceQuickNav button:before{left:10px}.simulationDamagePreview{z-index:46;top:auto;right:max(12px, env(safe-area-inset-right));bottom:calc(53px + env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:nowrap;align-items:center;gap:7px;width:auto;max-height:none;margin:0;padding:7px 9px;display:flex;position:fixed;overflow:hidden;transform:none}.simulationDamagePreview.isCollapsed{right:max(12px, env(safe-area-inset-right));width:max-content;left:auto}.simulationDamagePreviewBody{flex:auto;align-items:center;gap:7px;min-width:0;display:flex}.simulationDamagePreviewHeader>span{letter-spacing:0;gap:0;font-size:0}.simulationDamagePreviewBaseline,.simulationDamagePreviewMode{display:none}.simulationDamagePreviewTotal{flex:none;gap:4px;margin-left:0;padding:4px 7px;font-size:10.5px}.simulationDamagePreviewSkills{scrollbar-width:thin;flex-wrap:nowrap;flex:auto;gap:3px;min-width:0;max-height:none;padding:0;display:flex;overflow:auto hidden}.simulationDamagePreviewSkills li,.simulationDamagePreviewSkills li:nth-child(odd){border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--panel-strong) 58%, transparent);flex:none;gap:3px;padding:2px 5px;font-size:10px}.simulationDamagePreviewSkillName{display:none}.damageControlsRail{width:auto;height:fit-content;max-height:none;margin:12px var(--site-gutter) 0;-webkit-backdrop-filter:none;backdrop-filter:none;grid-template:"header footer""body body"/minmax(0,1fr) auto;align-self:stretch;position:static;top:auto;left:auto;transform:none}.damageControlsRailHeader{grid-area:header}.damageControlsRailTitleDefault{display:none}.damageControlsRailTitleCompact{display:inline}.damageControlsRailHeader>button{display:none}.damageControlsRailBody{grid-area:body;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;padding:0;display:grid;overflow:visible}.damageControlsRailFooter{border-top:0;border-bottom:1px solid var(--line);grid-area:footer;align-items:center;padding:5px 7px;display:flex}.damageControlsApplyAll{width:auto;min-height:30px;padding:4px 6px 4px 9px}.damageControlsApplyAllCopy small{display:none}.damageControlsRailGroup{border-right:1px solid var(--line);border-bottom:0;align-content:start;padding:9px 11px}.damageControlsRailGroup:first-child{border-right:0;border-bottom:1px solid var(--line);grid-column:1/-1}.damageControlsRailGroup:first-child h2{display:none}.damageControlsRailGroup:last-child{border-right:0}.railControlRow select{width:clamp(72px, calc(var(--app-vw) * 10), 104px)}}@media (width<=620px){.damageControlsRailBody{grid-template-columns:1fr}.damageControlsRailGroup,.damageControlsRailGroup:last-child{border-right:0;border-bottom:1px solid var(--line)}.damageControlsRailGroup:first-child{grid-column:1}.damageControlsRailGroup:last-child{border-bottom:0}.railControlRow select{width:min(128px, calc(var(--app-vw) * 38))}.damageControlsApplyAll{width:100%}}.workspaceAccessNotice{margin:12px var(--site-gutter) 0;border:1px solid var(--warn-border);border-radius:var(--radius);background:var(--warn-bg);color:var(--warn-ink);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.workspaceAccessNotice svg{flex:none;margin-top:1px}.workspaceAccessNotice div{gap:3px;display:grid}.workspaceAccessNotice strong{font-size:13px}.workspaceAccessNotice span{color:var(--ink);font-size:12.5px;line-height:1.5}#character-panel{background:var(--bg);color:var(--ink);flex:1;padding:1px 0 32px}#character-panel:has(>.characterLoadingState){flex-direction:column;justify-content:center;display:flex}#character-panel:has(>.characterEmptyState){flex-direction:column;justify-content:flex-start;display:flex}.characterEmptyState{width:calc(100% - (var(--site-gutter) * 2));margin:0 var(--site-gutter);padding:0 0 clamp(20px, calc(var(--app-vw) * 2), 28px);background:0 0;border:0;align-content:start;gap:18px;display:grid}.characterLoadingState{width:calc(100% - (var(--site-gutter) * 2));min-height:clamp(260px, calc(var(--app-vh) * 48), 520px);margin:16px var(--site-gutter) 0;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--panel);align-content:center;place-items:center;gap:14px;display:grid}.landingCharacterDashboard{grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);align-items:start;gap:14px;display:grid}.landingSavedColumn{grid-template-rows:auto auto;align-content:start;gap:14px;min-height:0;display:grid}.landingCharacterCard{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--panel-strong) 78%, transparent);min-height:0;box-shadow:none;grid-template-rows:auto auto;display:grid;overflow:hidden}.landingRankingCard{border-top:2px solid color-mix(in srgb, var(--accent) 62%, var(--line))}.landingCharacterCard>header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel-soft) 86%, transparent);align-items:center;gap:10px;min-height:52px;padding:8px 14px;display:flex}.landingCharacterCard>header>div{min-width:0}.landingCharacterCard h2{font-size:15px;line-height:1.25}.landingCardIcon{width:32px;height:32px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));border-radius:var(--radius);background:var(--accent-soft);flex:none;place-items:center;display:grid}.landingCardIcon.isFavorite{color:var(--ink);border-color:var(--line-strong);background:var(--accent-soft)}.landingCardBadge{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));border-radius:var(--radius);background:var(--accent-soft);letter-spacing:.04em;margin-left:auto;padding:5px 8px;font-size:10px;font-weight:800}:root[data-theme=light] .landingCardBadge{color:color-mix(in srgb, var(--accent) 70%, #000)}.landingRankingList,.landingShortcutList{scrollbar-gutter:stable;min-height:0;margin:0;padding:7px;list-style:none;overflow:auto}.landingRankingList{max-height:clamp(390px, calc(var(--app-vh) * 61), 670px)}.landingRankingList li+li,.landingShortcutList li+li{border-top:1px solid color-mix(in srgb, var(--line) 52%, transparent)}.landingRankingList button{width:100%;min-height:38px;color:var(--ink);border-radius:var(--radius);text-align:left;background:0 0;border:0;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:7px 9px;display:grid}.landingRankingList button,.landingShortcutOpen{transition:background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);position:relative}.landingRankingList button:before,.landingShortcutOpen:before{content:"";border-radius:var(--radius);background:var(--accent);opacity:0;width:2px;transition:opacity var(--motion-fast) var(--ease-out);position:absolute;top:6px;bottom:6px;left:0}.landingRankingList button:hover,.landingRankingList button:focus-visible,.landingShortcutOpen:hover,.landingShortcutOpen:focus-visible{color:var(--accent);background:var(--accent-soft)}.landingRankingList button:hover:before,.landingRankingList button:focus-visible:before,.landingShortcutOpen:hover:before,.landingShortcutOpen:focus-visible:before{opacity:1}.landingRankingList button:focus-visible,.landingShortcutOpen:focus-visible,.landingFavoriteRemove:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.landingRankingList strong{min-width:22px;color:var(--muted);border-radius:var(--radius);font-variant-numeric:tabular-nums;text-align:center;justify-self:center;padding:3px 0;font-size:11.5px}.landingRankingList li[data-rank="1"] strong{color:var(--bg);background:var(--ink);font-weight:900}.landingRankingList li[data-rank="2"] strong{color:var(--bg);background:var(--muted);font-weight:900}.landingRankingList li[data-rank="3"] strong{color:var(--ink);background:var(--line-strong);font-weight:900}.landingRankingList li[data-rank="1"]>button>span,.landingRankingList li[data-rank="2"]>button>span,.landingRankingList li[data-rank="3"]>button>span{font-weight:800}.landingRankingList span,.landingShortcutOpen span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.landingRankingList i,.landingShortcutOpen i{color:color-mix(in srgb, var(--muted) 55%, transparent);white-space:nowrap;font-size:11.5px;font-style:normal}.landingRankingList em,.landingShortcutOpen em{color:color-mix(in srgb, var(--ink) 72%, var(--muted));font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px;font-style:normal;font-weight:700}.landingShortcutList{max-height:clamp(150px, calc(var(--app-vh) * 27), 300px)}.landingShortcutList li{grid-template-columns:32px minmax(0,1fr);align-items:center;display:grid}.landingShortcutList li:not([aria-hidden=true]){min-height:39px}.landingFavoriteRemove{width:30px;min-width:30px;min-height:30px;color:var(--ink);border-radius:var(--radius);background:0 0;border:0;place-items:center;padding:0;display:grid}.landingFavoriteRemove:hover{color:var(--accent-strong);background:var(--accent-soft)}.landingRecentIcon{color:var(--muted);place-items:center;display:grid}.landingShortcutOpen{width:100%;min-height:37px;color:var(--ink);border-radius:var(--radius);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:6px 8px;display:grid}.landingEmptyMessage{min-height:0;color:var(--muted);text-align:center;place-items:center;margin:0;padding:22px 16px;font-size:12px;display:grid}.characterEmptyNotices{width:100%;color:var(--muted);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:4px;margin:0;padding:13px 16px 13px 34px;font-size:11px;line-height:1.55;display:grid}.characterEmptyNotices a{color:var(--info);text-underline-offset:3px;font-weight:650;text-decoration:underline}@media (width<=620px){.characterEmptyState{padding:12px}.landingCharacterDashboard{grid-template-columns:1fr;min-height:0}.landingSavedColumn{grid-template-rows:auto;grid-template-columns:1fr}.landingRankingList{max-height:500px}.landingCharacterCard>header{padding:8px 12px}}.errorBand,.warnBox{margin:12px var(--site-gutter) 0;border-radius:var(--radius)}.errorBand{border:1px solid var(--err-border);background:var(--err-bg);color:var(--err-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.errorActions{gap:8px;display:flex}.errorActions button{border-color:var(--err-border);min-height:32px;color:var(--err-ink);background:0 0;font-size:12.5px}.warnBox{border:1px solid var(--warn-border);background:var(--warn-bg);color:var(--warn-ink);overflow:hidden}.warnBox summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;list-style:none;display:flex}.warnBox summary::-webkit-details-marker{display:none}.warnBox ul{gap:4px;margin:0;padding:2px 16px 12px 36px;font-size:12.5px;display:grid}.hero{justify-content:flex-start;align-items:flex-end;gap:12px clamp(28px, calc(var(--app-vw) * 6), 72px);margin:0 var(--site-gutter);border-bottom:2px solid color-mix(in srgb, var(--ink) 58%, transparent);isolation:isolate;background:var(--panel);flex-wrap:wrap;min-height:190px;padding:28px 20px 22px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--panel) 88%, transparent) 0%, color-mix(in srgb, var(--panel) 40%, transparent) 22%, transparent 40%);position:absolute;inset:0}.hero>:not(.heroCharacterBackdrop){z-index:2}.heroCharacterBackdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 40%,#000 51% 60%,#0000 70%);mask-image:linear-gradient(90deg,#0000 40%,#000 51% 60%,#0000 70%)}.heroCharacterImage{width:auto;max-width:none;height:clamp(360px, calc(var(--app-vw) * 43), 620px);object-fit:contain;object-position:center top;filter:saturate(.9)contrast(1.04)brightness(.94);position:absolute;top:50%;left:56%;transform:translate(-50%,-28%);-webkit-mask-image:linear-gradient(#0000 10%,#000 19% 36%,#0000 48%);mask-image:linear-gradient(#0000 10%,#000 19% 36%,#0000 48%)}.heroLoading{opacity:.65}.heroRefresh{align-items:center;gap:9px;display:flex;position:absolute;top:14px;right:0}.heroRefreshStatus{text-align:right;justify-items:end;gap:1px;display:grid}.heroRefreshStatus em{color:var(--muted);letter-spacing:.02em;font-size:10.5px;font-style:normal;font-weight:700}.heroRefreshStatus>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.heroRefreshButton{border-color:var(--line-strong);border-radius:var(--radius);background:0 0;flex:none;place-items:center;width:32px;min-width:32px;min-height:32px;padding:0;display:inline-grid}.heroFavoriteButton{width:32px;min-width:32px;min-height:32px;color:var(--muted);border-color:var(--line-strong);border-radius:var(--radius);background:0 0;flex:none;place-items:center;padding:0;display:inline-grid}.heroFavoriteButton:hover,.heroFavoriteButton:focus-visible,.heroFavoriteButton.isActive{color:var(--ink);border-color:var(--line-strong);background:var(--accent-soft)}.heroRefreshNotice{color:var(--warn-ink);flex:100%;margin:0;font-size:11.5px;line-height:1.45}.heroIdentity{align-items:center;gap:14px;min-width:0;display:flex}.heroNameLine{align-items:baseline;gap:10px;min-width:0;font-size:34px;display:flex}.heroName{white-space:nowrap;min-width:0;font-size:1em;line-height:1.15}.heroTitle{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.5em;font-weight:700;line-height:1.15;overflow:hidden}.heroMeta{color:var(--muted);margin:4px 0 0;font-size:13px}.statusChips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);min-height:24px;color:var(--muted);align-items:center;gap:5px;padding:2px 10px;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex}.chipOk{color:var(--up);border-color:color-mix(in srgb, var(--up) 35%, transparent);background:var(--up-soft)}.chipWarnSoft{color:var(--warn-ink);border-color:var(--warn-border);background:var(--warn-bg)}.chipInfo{color:var(--info);border-color:color-mix(in srgb, var(--info) 35%, transparent);background:var(--info-soft)}.chipMuted{color:var(--muted)}.heroMetrics{justify-content:flex-end;align-items:baseline;gap:clamp(22px, calc(var(--app-vw) * 5), 54px);text-align:right;border-radius:var(--radius);background:0 0;border:0;margin-left:auto;display:flex;overflow:visible}.metricCell{align-items:baseline;gap:10px;min-width:max-content;min-height:0;padding:0;display:flex}.metricCell+.metricCell{border-left:0}.metricCell span{color:var(--muted);font-size:12.5px;font-weight:600}.metricCell strong{font-variant-numeric:tabular-nums;font-size:25px;line-height:1.05}.combatStatRow{gap:4px;display:grid}.combatStatChip{font-variant-numeric:tabular-nums;background:0 0;grid-template-columns:52px minmax(0,1fr);align-items:baseline;gap:10px;padding:0;display:grid}.combatStatChip span{color:var(--ink);font-size:13px}.combatStatChip strong{color:var(--ink);font-size:13px;font-weight:600}.characterDetails{margin:12px var(--site-gutter) 0;border-radius:var(--radius);box-shadow:none;background:0 0;border:0;overflow:visible}.characterDetails>summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);align-items:center;gap:8px;padding:12px 16px;font-size:13.5px;font-weight:700;list-style:none;display:flex}.characterDetails>summary::-webkit-details-marker{display:none}.specGrid{background:var(--panel);border:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:0;display:grid;overflow:visible}.specGrid>*+*{border-top:1px solid var(--line)}.specSection{background:0 0;border:0;min-width:0;padding:14px 16px;overflow:visible}.specGems{grid-column:1/-1;container-type:inline-size}.specColumns{background:var(--line);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:visible}.specColumn{background:var(--panel);align-content:start;gap:0;min-width:0;display:grid;overflow:visible}.specColumn>*+*{border-top:1px solid var(--line)}.characterPanelEditor .specColumns>.specColumn:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.characterPanelEditor .specColumns>.specColumn:last-child>*+*{border-top:0}.characterPanelEditor .specColumns>.specColumn:last-child>:nth-child(2n){border-left:1px solid var(--line)}.characterPanelEditor .specColumns>.specColumn:last-child>:nth-child(n+3){border-top:1px solid var(--line)}.characterPanelEditor [data-testid=simulation-accessories-section]{grid-column:1/-1}.specSection h3{color:var(--muted);text-transform:none;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.specSection h3 svg{color:var(--accent)}.specSummary{color:var(--accent);background:var(--accent-soft);border-radius:var(--radius);font-variant-numeric:tabular-nums;margin-left:auto;padding:3px 10px;font-size:11.5px;font-style:normal;font-weight:600}.gemGrid{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex;overflow:visible}.gemGridEditable{justify-content:flex-start;align-items:flex-start;gap:clamp(4px, calc(var(--app-vw) * .7), 8px);flex-wrap:nowrap;width:100%;min-width:0;display:flex}.gemShowcase{--gem-showcase-column-gap:24px;--gem-showcase-divider-padding:24px;--gem-showcase-base-min-width:0px;--gem-display-width:clamp(10px, calc((100cqw - 250px) / 8), 70.4px);--gem-display-aspect-ratio:22 / 23;--gem-skill-icon-size:71.9697%;--gem-skill-icon-top:15.8939%;--gem-skill-icon-left:14.0152%;--gem-overlay-size:40.9091%;--gem-level-box-size:36.3636%;--gem-level-font-size:clamp(8px, 1.9cqw, 16.8px);align-items:center;gap:16px var(--gem-showcase-column-gap);border-radius:var(--radius);background:0 0;border:0;flex-wrap:nowrap;min-width:0;padding:0;display:flex;overflow:hidden}.gemShowcaseDense{--gem-showcase-column-gap:16px;--gem-showcase-divider-padding:16px;--gem-showcase-base-min-width:0px;--gem-display-width:clamp(10px, calc((100cqw - 220px) / 11), 65.625px);--gem-display-aspect-ratio:33 / 35;--gem-skill-icon-size:75.7576%;--gem-skill-icon-top:16.1472%;--gem-skill-icon-left:12.1213%;--gem-overlay-size:45.4545%;--gem-level-box-size:42.4242%;--gem-level-font-size:clamp(8px, 1.55cqw, 13.6px);column-gap:0;height:82px;padding:0}.gemShowcaseDense .gemShowcaseGroup{display:contents}.gemShowcaseDense .gemShowcaseGroup+.gemShowcaseGroup .gemShowcaseList{padding-left:var(--gem-showcase-divider-padding);border-left:1px solid var(--line-strong)}.gemShowcaseDense .gemShowcaseList{flex:1 1 0;justify-content:space-evenly;gap:2px}.gemShowcaseDense .gemDisplayTile{width:auto;min-width:10px;max-width:var(--gem-display-width);flex:1 1 var(--gem-display-width)}.gemShowcaseDense .gemBaseAttack{margin-left:0}.gemShowcaseGroup{flex:none;align-items:center;min-width:0;max-width:100%;display:flex}.gemShowcaseGroup+.gemShowcaseGroup{padding-left:var(--gem-showcase-divider-padding);border-left:1px solid var(--line-strong)}.gemShowcaseList{flex-wrap:nowrap;flex:none;align-items:center;min-width:0;display:flex}.gemBaseAttack{min-width:var(--gem-showcase-base-min-width);padding-left:var(--gem-showcase-divider-padding);border-left:1px solid var(--line-strong);color:var(--muted);white-space:nowrap;flex:none;align-self:stretch;align-items:center;gap:4px;margin-left:auto;font-size:14px;font-weight:800;display:flex}.gemBaseAttack strong{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-size:16px;font-weight:900}.gemTile{border-radius:var(--radius);background:0 0;border:0;outline:none;place-items:center;width:56px;height:56px;padding:0;display:grid;position:relative}.gemTileEditable{border-radius:var(--radius);background:0 0;border:0;flex:1 1 0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:start stretch;gap:7px;width:0;min-width:0;height:auto;min-height:0;padding:0}.gemTileEditable>.gemLv{aspect-ratio:1;width:min(62.5px,78.125%);height:auto}.gemDisplayTile{width:var(--gem-display-width);height:auto;aspect-ratio:var(--gem-display-aspect-ratio);flex:0 0 var(--gem-display-width);border-radius:var(--radius);display:block}.gemSkillIconFrame{top:var(--gem-skill-icon-top);left:var(--gem-skill-icon-left);width:var(--gem-skill-icon-size);aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent) 44%, var(--line-strong));border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 60%, #000);height:auto;box-shadow:none;place-items:center;display:grid;position:absolute;overflow:hidden}.gemSkillIcon{object-fit:cover;width:100%;height:100%;display:block}.gemShowcaseList>.gemDisplayTile .gemSkillIcon{border-radius:var(--radius);width:100%;height:100%}.gemSkillIconFallback,.gemBadgeFallback{color:var(--muted)}.gemBadge{z-index:2;width:max(10px, var(--gem-overlay-size));aspect-ratio:1;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel-soft);place-items:center;height:auto;padding:2px;display:grid;position:absolute;top:0;left:0;overflow:hidden}.gemTile:hover,.gemTile:focus-visible{z-index:20}.gemTile:focus-visible .gemLv,.gemDisplayTile:focus-visible .gemSkillIconFrame{outline:2px solid var(--accent);outline-offset:2px}.gemTile[data-tooltip]{cursor:help}.gemLv{border-radius:var(--radius);font-variant-numeric:tabular-nums;background:var(--panel-soft);border:1px solid var(--line-strong);width:52px;height:52px;box-shadow:none;flex:none;align-content:center;place-items:center;font-size:16px;font-weight:800;line-height:1;display:grid;position:relative;overflow:hidden}.gemLv.gem-damage{color:var(--down);border-color:color-mix(in srgb, var(--down) 45%, transparent);background:var(--err-bg)}.gemLv.gem-cooldown{color:var(--info);border-color:color-mix(in srgb, var(--info) 45%, transparent);background:var(--info-soft)}.gradeFrameEsther,.gradeFrameAncient,.gradeFrameRelic,.gradeFrameLegendary,.gradeFrameEpic,.gradeFrameRare,.gradeFrameUncommon{box-sizing:border-box;border:1px solid var(--grade-frame-border);background:var(--grade-frame-background);box-shadow:0 5px 14px #0f172a29,inset 0 1px #ffffff3d,inset 0 -1px #00000047}.gradeFrameEsther{--grade-frame-border:#63e8df;--grade-frame-background:linear-gradient(180deg, #123f42 0%, #147e7b 52%, #73f4ea 100%)}.gradeFrameAncient{--grade-frame-base-color:#dec988;--grade-frame-border:color-mix(in srgb, var(--grade-frame-base-color) 82%, #fff);--grade-frame-background:linear-gradient(180deg, color-mix(in srgb, var(--grade-frame-base-color) 58%, #000) 0%, var(--grade-frame-base-color) 52%, color-mix(in srgb, var(--grade-frame-base-color) 70%, #fff) 100%)}.gradeFrameRelic{--grade-frame-base-color:#aa390c;--grade-frame-border:color-mix(in srgb, var(--grade-frame-base-color) 82%, #fff);--grade-frame-background:linear-gradient(180deg, color-mix(in srgb, var(--grade-frame-base-color) 58%, #000) 0%, var(--grade-frame-base-color) 52%, color-mix(in srgb, var(--grade-frame-base-color) 70%, #fff) 100%)}.gradeFrameLegendary{--grade-frame-base-color:#b26900;--grade-frame-border:color-mix(in srgb, var(--grade-frame-base-color) 82%, #fff);--grade-frame-background:linear-gradient(180deg, color-mix(in srgb, var(--grade-frame-base-color) 58%, #000) 0%, var(--grade-frame-base-color) 52%, color-mix(in srgb, var(--grade-frame-base-color) 70%, #fff) 100%)}.gradeFrameEpic{--grade-frame-base-color:#440e52;--grade-frame-border:color-mix(in srgb, var(--grade-frame-base-color) 82%, #fff);--grade-frame-background:linear-gradient(180deg, color-mix(in srgb, var(--grade-frame-base-color) 58%, #000) 0%, var(--grade-frame-base-color) 52%, color-mix(in srgb, var(--grade-frame-base-color) 70%, #fff) 100%)}.gradeFrameRare{--grade-frame-base-color:#106699;--grade-frame-border:color-mix(in srgb, var(--grade-frame-base-color) 82%, #fff);--grade-frame-background:linear-gradient(180deg, color-mix(in srgb, var(--grade-frame-base-color) 58%, #000) 0%, var(--grade-frame-base-color) 52%, color-mix(in srgb, var(--grade-frame-base-color) 70%, #fff) 100%)}.gradeFrameUncommon{--grade-frame-base-color:#267030;--grade-frame-border:color-mix(in srgb, var(--grade-frame-base-color) 82%, #fff);--grade-frame-background:linear-gradient(180deg, color-mix(in srgb, var(--grade-frame-base-color) 58%, #000) 0%, var(--grade-frame-base-color) 52%, color-mix(in srgb, var(--grade-frame-base-color) 70%, #fff) 100%)}img.gradeFrameEsther,img.gradeFrameAncient,img.gradeFrameRelic,img.gradeFrameLegendary,img.gradeFrameEpic,img.gradeFrameRare,img.gradeFrameUncommon,.gemLv.gradeFrameEsther,.gemLv.gradeFrameAncient,.gemLv.gradeFrameRelic,.gemLv.gradeFrameLegendary,.gemLv.gradeFrameEpic,.gemLv.gradeFrameRare,.gemLv.gradeFrameUncommon,.equipIconFrame.gradeFrameEsther,.equipIconFrame.gradeFrameAncient,.equipIconFrame.gradeFrameRelic,.equipIconFrame.gradeFrameLegendary,.equipIconFrame.gradeFrameEpic,.equipIconFrame.gradeFrameRare,.equipIconFrame.gradeFrameUncommon,.avatarIconFrame.gradeFrameLegendary,.arkGridCoreIconFrame.gradeFrameEsther,.arkGridCoreIconFrame.gradeFrameAncient,.arkGridCoreIconFrame.gradeFrameRelic,.arkGridCoreIconFrame.gradeFrameLegendary,.arkGridCoreIconFrame.gradeFrameEpic,.arkGridCoreIconFrame.gradeFrameRare,.arkGridCoreIconFrame.gradeFrameUncommon,.arkGridGemTile.gradeFrameEsther,.arkGridGemTile.gradeFrameAncient,.arkGridGemTile.gradeFrameRelic,.arkGridGemTile.gradeFrameLegendary,.arkGridGemTile.gradeFrameEpic,.arkGridGemTile.gradeFrameRare,.arkGridGemTile.gradeFrameUncommon{padding:2px}.gemLv.gradeFrameEsther,.gemLv.gradeFrameAncient,.gemLv.gradeFrameRelic,.gemLv.gradeFrameLegendary,.gemLv.gradeFrameEpic,.gemLv.gradeFrameRare,.gemLv.gradeFrameUncommon{background:var(--grade-frame-background);border-color:var(--grade-frame-border)}.gemIcon{box-sizing:border-box;object-fit:cover;width:100%;height:100%;display:block}.gemFallbackLevel{line-height:1}.gemLevelBanner{border-radius:var(--radius);color:#fff;text-shadow:0 1px 2px #00000073;font-variant-numeric:tabular-nums;border:1px solid #ffffff6b;place-items:center;width:20px;min-width:20px;height:20px;padding:0;font-size:12px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:3px;left:auto;right:3px;box-shadow:0 1px 2px #00000040,inset 0 1px #ffffff47}.gemDisplayTile .gemLevelBanner{z-index:3;width:max(10px, var(--gem-level-box-size));min-width:max(10px, var(--gem-level-box-size));aspect-ratio:1;border-radius:var(--radius);height:auto;font-size:var(--gem-level-font-size);bottom:0;right:0}.gemLevel-blue .gemLevelBanner{background:linear-gradient(#3987d9 0%,#1760a9 100%)}.gemLevel-red .gemLevelBanner{background:linear-gradient(#8c1d28 0%,#5e1119 100%)}.gemLevel-gold .gemLevelBanner{color:#3b2602;text-shadow:0 1px #ffffff8c;background:linear-gradient(#ffe28a 0%,#f4af1f 100%)}.gemDisplayTile .gemLevelBanner{color:#fff;text-shadow:0 1px 2px #000000a6;background:#000}.gemDisplayTile[data-gem-type=damage] .gemLevelBanner{background:#ff5b65cc;border-color:#ff5b6573}.gemDisplayTile[data-gem-type=cooldown] .gemLevelBanner{background:#369dffcc;border-color:#369dff73}@container (width<=1100px){.gemShowcase{--gem-showcase-column-gap:8px;--gem-showcase-divider-padding:8px;padding:0}}@container (width<=600px){.gemShowcase{--gem-showcase-column-gap:4px;--gem-showcase-divider-padding:4px;padding:0}.gemBaseAttack{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}}@media (width<=760px){.gemBaseAttack{font-size:clamp(9px, calc(var(--app-vw) * 1.9), 12px)}.gemBaseAttack strong{font-size:clamp(11px, calc(var(--app-vw) * 2.2), 14px)}}.equipList{gap:0;display:grid;overflow:visible}.equipList>*+*{border-top:1px solid var(--line)}.characterPanelEditor .equipList{container:simulation-equipment-list/inline-size}.equipRow{background:0 0;outline:none;align-items:center;gap:10px;min-height:46px;padding:7px 10px;display:flex;position:relative}.equipRow.hasQuality{background:linear-gradient(90deg, rgb(var(--quality-color) / .28) 0%, rgb(var(--quality-color) / .15) 42%, rgb(var(--quality-color) / .05) 76%, transparent 100%)}.equipRow[data-tooltip]{cursor:help}.equipRow[data-tooltip]:hover,.equipRow[data-tooltip]:focus-visible{z-index:25}.equipRow[data-tooltip]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.accRow{align-items:flex-start}.accRow.hasQuality{background:0 0}.accRow>.equipIconFrame{align-self:center}.specTooltip{width:max-content;max-width:min(340px, calc((var(--app-vw) * 100) - 24px));z-index:1000;pointer-events:none;overscroll-behavior:contain;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);box-shadow:none;white-space:pre-line;text-align:left;overflow-wrap:anywhere;padding:9px 11px;font-size:12px;line-height:1.4;position:fixed;overflow-y:auto;transform:none}.specTooltip-interactive{pointer-events:auto}.specTooltip-gem{min-width:min(260px, calc((var(--app-vw) * 100) - 24px))}.specTooltip-engraving{min-width:min(300px, calc((var(--app-vw) * 100) - 24px))}.specTooltip-ark{min-width:min(320px, calc((var(--app-vw) * 100) - 24px))}.specTooltip-card .specTooltipBody{color:var(--ink);margin-top:0;font-weight:600}.specTooltip-above{transform:translateY(-100%)}.specTooltipHeader{min-width:0;color:var(--muted);align-items:center;gap:7px;display:flex}.specTooltipHeaderIcon{border-radius:var(--radius);object-fit:cover;background:var(--panel-strong);flex:0 0 28px;width:28px;height:28px}.specTooltipHeader strong{color:var(--ink);font-size:13.5px;font-weight:800}.specTooltipHeader span{color:var(--muted);font-size:12px}.specTooltipBody{color:var(--ink);gap:2px;margin-top:5px;font-weight:400;display:grid}.specTooltipList{gap:4px;margin-top:7px;display:grid}.specTooltipDetail{color:var(--ink)}.specTooltipDetailRich{gap:2px;display:grid}.specTooltipDetailLabel{color:var(--accent-strong);font-size:11px;font-weight:800}.specTooltipDetailLabelPlain{color:var(--ink);font-weight:600}.specTooltipDetailText{color:var(--ink)}.specTooltipValue{color:var(--accent-strong);font-weight:900}.specTooltipValueMuted{color:inherit;font-weight:inherit}.equipIconFrame{box-sizing:border-box;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--panel-strong);flex:none;place-items:center;width:51px;height:51px;display:grid;overflow:hidden}.equipIcon{border-radius:var(--radius);object-fit:cover;background:0 0;width:100%;height:100%;display:block}.equipIconFallback{border-radius:var(--radius);width:100%;height:100%;color:var(--muted);place-items:center;font-size:19.5px;font-weight:800;display:grid}.avatarList{gap:7px;display:grid}.avatarItem{border-radius:var(--radius);background:var(--panel-soft);outline:none;align-items:center;gap:10px;min-width:0;padding:6px 8px;display:flex}.avatarItem:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.avatarIconFrame{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel-strong);flex:0 0 51px;place-items:center;width:51px;height:51px;display:grid;overflow:hidden}.avatarIcon,.avatarIconFallback{border-radius:var(--radius);width:100%;height:100%}.avatarIcon{object-fit:cover;background:0 0;display:block}.avatarIconFallback{color:var(--muted);place-items:center;font-size:19.5px;font-weight:800;display:grid}.avatarText{gap:2px;min-width:0;display:grid}.avatarText strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.avatarText em{color:var(--muted);font-size:11.5px;font-style:normal}.avatarError{border:1px solid var(--err-border);border-radius:var(--radius);background:var(--err-bg);color:var(--err-ink);padding:10px 12px;font-size:12.5px;font-weight:700}.equipMain{flex:1;gap:3px;min-width:0;display:grid}.equipName{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.equipSub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.accessoryMetaLine{flex-wrap:wrap;align-items:center;gap:3px 7px;min-width:0;display:flex}.accessoryQualityMeta{font-weight:900}.accRow.hasQuality .accessoryQualityMeta{color:rgb(var(--quality-color))}.accessoryMainStatPosition{color:var(--muted);font-variant-numeric:tabular-nums;cursor:help;outline:none;font-size:10.5px;font-weight:800;line-height:1}.accessoryMainStatPosition:hover,.accessoryMainStatPosition:focus-visible{color:var(--accent-strong)}.accessoryMainStatPosition:focus-visible{outline-offset:2px;outline:1px solid}.equipEnhancementMeta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:3px 8px;font-size:10.5px;display:flex}.equipEnhancementMeta strong{color:var(--ink);font-size:inherit}.txtAncient{--grade-text-color:#ddc29d;color:var(--grade-text-color)}.txtRelic{--grade-text-color:#fa5d00;color:var(--grade-text-color)}.txtLegendary{--grade-text-color:#f99200;color:var(--grade-text-color)}.txtEpic{--grade-text-color:#ba00f9;color:var(--grade-text-color)}.txtRare{--grade-text-color:#00b0fa;color:var(--grade-text-color)}.txtUncommon{--grade-text-color:#8df901;color:var(--grade-text-color)}.txtEsther{--grade-text-color:#3cf2e6;color:var(--grade-text-color)}:root[data-theme=light] .txtAncient{--grade-text-color:#8d7240}:root[data-theme=light] .txtEsther{--grade-text-color:#0f9c90}.qBadge{text-align:right;border-radius:var(--radius);font-variant-numeric:tabular-nums;min-width:48px;color:rgb(var(--quality-color) / .28);pointer-events:none;background:0 0;flex:none;align-self:stretch;place-items:center end;padding:0 1px 0 8px;font-size:24px;font-weight:900;line-height:1;display:grid}.qRed{color:#b03c3c52}.qGreen{color:#369a4452}.qBlue{color:#2f7de152}.qPurple{color:#a343d052}.qOrange{color:#e8890c52}.optList{gap:4px;margin:0;padding:0;list-style:none;display:grid}.optList li{align-items:center;gap:7px;min-width:0;font-size:12px;display:flex}.optList li span{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;overflow:hidden}.optMuted span{color:var(--muted)}.tierBadge{border-radius:var(--radius);color:#fff;flex:none;place-items:center;width:20px;height:20px;font-size:10.5px;font-style:normal;font-weight:800;line-height:1;display:grid}.tier상{color:#2a1700;background:#f59e0b}.tier중{background:#a855f7}.tier하{color:#082f49;background:#38bdf8}.tierNone{color:var(--muted);background:0 0}.stoneChips{flex-wrap:wrap;gap:5px;display:flex}.braceletRow .equipMain{gap:7px}.braceletOptionList{gap:0;margin:0;padding:0;list-style:none;display:grid}.braceletOptionList li{color:var(--ink);overflow-wrap:anywhere;background:0 0;align-items:flex-start;gap:7px;padding:5px 8px;line-height:1.35;display:flex}.braceletOptionList li+li{border-top:1px solid var(--line)}.braceletOptionList li span{min-width:0}.braceletOptionList .tierBadge{margin-top:1px}.braceletTier하{background:#38bdf81f}.braceletTier중{background:#a855f71f}.braceletTier상{background:#f59e0b24}.stoneMalus{color:var(--down)}.engravingPanel{gap:12px;display:grid}.engravingBookHeader{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;font-size:14px;display:flex}.engravingBookHeader strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.engravingList{gap:10px;display:grid}.engravingRow{grid-template-columns:51px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:51px;display:grid}.engravingIcon{box-sizing:border-box;border-radius:var(--radius);object-fit:cover;background:0 0;border:0;width:51px;height:51px}.engravingIconFallback{background:var(--panel-strong);border:1px solid var(--line);color:var(--accent);place-items:center;font-size:21px;font-weight:800;display:grid}.engravingIconMalus{color:var(--down)}.engravingName{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.engravingRowMalus .engravingName{color:var(--down)}.engravingRowStoneOnly .engravingIcon,.engravingRowStoneOnly .engravingName{opacity:.42}.engravingLevels{white-space:nowrap;font-variant-numeric:tabular-nums;grid-template-columns:minmax(42px,auto) 1px minmax(42px,auto);justify-content:flex-end;align-items:center;column-gap:9px;min-width:118px;font-size:13px;display:inline-grid}.engravingBookLevel,.engravingStoneLevel{align-items:center;gap:4px;min-width:42px;display:inline-flex}.engravingLevelSeparator{background:var(--line-strong);opacity:.85;width:1px;height:18px}.engravingBookLevel i{border-radius:var(--radius);border:1px solid color-mix(in srgb, #ffb020 65%, var(--line));background:linear-gradient(135deg,#fff4b8 0%,#ff7a1a 45%,#c51614 100%);width:13px;height:13px;display:inline-block;transform:rotate(45deg);box-shadow:inset 0 0 0 1px #00000038}.engravingStoneLevel{color:var(--info)}.engravingStoneLevel i{clip-path:polygon(50% 0,100% 28%,78% 100%,22% 100%,0 28%);border:1px solid color-mix(in srgb, var(--info) 65%, var(--line));background:linear-gradient(#bdf6ff 0%,#3fc9e8 48%,#167caa 100%);width:10px;height:18px;display:inline-block}.engravingStoneLevelEmpty{min-width:42px;display:inline-block}.chipList{flex-wrap:wrap;gap:6px;display:flex}.chipItem{border-radius:var(--radius);background:var(--panel-strong);align-items:center;gap:6px;max-width:100%;min-height:26px;padding:3px 10px;font-size:12.5px;display:inline-flex}.chipEmpty{color:var(--muted)}.lvBadge,.srcBadge{border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-variant-numeric:tabular-nums;padding:2px 6px;font-size:10.5px;font-style:normal;font-weight:700}.srcBadge{background:var(--info-soft);color:var(--info)}.arkSeparatedArea{margin-top:14px}.arkSeparator{background:var(--line);height:1px;margin:18px 0}.arkSeparatedGrid{background:var(--panel);border:1px solid var(--line);gap:0;display:grid}.arkSeparatedGrid>*+*{border-top:1px solid var(--line)}.arkSeparatedSection{background:0 0;border:0;min-width:0;padding:16px;overflow:visible}.arkSeparatedSection h3{color:var(--muted);align-items:center;gap:6px;margin-bottom:14px;font-size:12px;display:flex}.arkSeparatedSection h3 svg{color:var(--accent)}.arkGridGroupHead{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.arkGridGroupHead strong{color:var(--ink);font-size:19px;font-weight:800}.arkGridGroupHead span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.arkGridCoreList{grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:0;display:grid}.arkGridCoreRow{--ark-grid-core-fallback-color:var(--ink);--ark-grid-core-color:var(--grade-text-color,var(--ark-grid-core-fallback-color));border:0;border-top:1px solid var(--line);border-left:3px solid var(--ark-grid-core-color);background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:8px 10px;display:grid}.arkGridCoreRow-order{--ark-grid-core-fallback-color:var(--ark-order-text)}.arkGridCoreRow-chaos{--ark-grid-core-fallback-color:var(--ark-chaos-text)}.arkGridCoreMain{cursor:help;outline:none;align-items:center;gap:10px;min-width:0;display:flex}.arkGridCoreMain:focus-visible,.arkGridGemTile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.arkGridCoreIconFrame{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel-strong);width:46px;height:46px;box-shadow:none;flex:0 0 46px;place-items:center;display:grid;overflow:hidden}.arkGridCoreIcon,.arkGridGemIcon{object-fit:cover;width:100%;height:100%;display:block}.arkGridCoreFallback,.arkGridGemFallback{color:var(--accent)}.arkGridCoreText{flex-wrap:wrap;align-items:baseline;gap:4px;min-width:0;display:flex}.arkGridCoreText strong{color:var(--ark-grid-core-color);font-size:14px;font-weight:800}.arkGridCoreText em{color:var(--ark-grid-core-color);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-style:normal;font-weight:800}.arkGridGemList{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.arkGridGemTile{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel-strong);width:36px;height:36px;box-shadow:none;cursor:help;outline:none;flex:0 0 36px;place-items:center;padding:0;transition:border-color .15s,transform .15s;display:grid;overflow:hidden}.equipIconFrame.gradeFrameEsther,.equipIconFrame.gradeFrameAncient,.equipIconFrame.gradeFrameRelic,.equipIconFrame.gradeFrameLegendary,.equipIconFrame.gradeFrameEpic,.equipIconFrame.gradeFrameRare,.equipIconFrame.gradeFrameUncommon,.avatarIconFrame.gradeFrameLegendary,.arkGridCoreIconFrame.gradeFrameEsther,.arkGridCoreIconFrame.gradeFrameAncient,.arkGridCoreIconFrame.gradeFrameRelic,.arkGridCoreIconFrame.gradeFrameLegendary,.arkGridCoreIconFrame.gradeFrameEpic,.arkGridCoreIconFrame.gradeFrameRare,.arkGridCoreIconFrame.gradeFrameUncommon,.arkGridGemTile.gradeFrameEsther,.arkGridGemTile.gradeFrameAncient,.arkGridGemTile.gradeFrameRelic,.arkGridGemTile.gradeFrameLegendary,.arkGridGemTile.gradeFrameEpic,.arkGridGemTile.gradeFrameRare,.arkGridGemTile.gradeFrameUncommon{border-color:var(--grade-frame-border);background:var(--grade-frame-background);box-shadow:0 5px 14px #0f172a29,inset 0 1px #ffffff3d,inset 0 -1px #00000047}.arkGridGemTile:hover,.arkGridGemTile:focus-visible{border-color:var(--accent);transform:translateY(-1px)}.arkGridGemEmpty{color:var(--muted);font-size:11px}.arkGridEffectArea{border-top:1px solid var(--line);gap:7px;margin-top:14px;padding-top:12px;display:grid}.arkGridEffectLabel{color:var(--muted);font-size:11px;font-weight:700}.arkPassiveCategoryGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.arkPassiveCategory{min-width:0}.arkPassiveCategoryHead{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.arkPassiveCategoryHead strong{color:var(--ink);font-size:18px;font-weight:800}.arkPassiveCategoryHead span{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.arkPassiveNodeGrid{grid-template-columns:repeat(6,minmax(0,1fr));justify-items:center;gap:10px 6px;display:grid}.characterPanelEditor .arkPassiveNodeGrid{box-sizing:border-box;width:min(calc(100% - clamp(48px, calc(var(--app-vw) * 8), 160px)), 1360px);justify-content:center;gap:20px clamp(8px, var(--app-vw), 20px);grid-template-columns:repeat(6,minmax(132px,1fr));margin-inline:auto;padding-inline:0}.characterPanelEditor .arkPassiveCategoryGrid{grid-template-columns:minmax(0,1fr)}.characterPanelEditor .arkPassiveNodeGrid .arkPassiveNode{gap:7px;width:min(137px,100%)}.arkPassiveNode{min-width:0;color:var(--info);cursor:help;outline:none;justify-items:center;gap:3px;display:grid}.arkPassiveNode:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius)}.arkPassiveIcon{aspect-ratio:1;border-radius:var(--radius);object-fit:cover;background:var(--panel-strong);filter:grayscale();opacity:.38;width:50.4px;max-width:100%;height:auto;transition:filter .15s,opacity .15s,transform .15s;display:block}.arkPassiveNode:hover .arkPassiveIcon,.arkPassiveNode:focus-visible .arkPassiveIcon{opacity:.75;transform:translateY(-1px)}.arkPassiveNodeActive .arkPassiveIcon,.arkPassiveNodeActive:hover .arkPassiveIcon,.arkPassiveNodeActive:focus-visible .arkPassiveIcon{filter:none;opacity:1}.arkPassiveNodeLevel{color:var(--info);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14.4px;font-weight:700;line-height:1.1}.arkPassiveNodeActive .arkPassiveNodeLevel{color:var(--accent)}.arkPassiveTreeWrap{min-width:0}.arkPassiveEnlightenmentTree{grid-template-columns:repeat(4,minmax(66px,1fr));gap:8px 6px;min-width:0;display:grid;position:relative}.arkPassiveTreeBranch,.arkPassiveTreeSideColumn{z-index:1;grid-template-rows:repeat(4,86.4px);align-content:start;place-items:start center;gap:8px;min-width:0;display:inline-grid;position:relative}.arkPassiveTreeSpacer,.arkPassiveTreeMissing{width:1px;height:1px;display:block}.arkPassiveTreeNode{z-index:1;text-align:center;width:70px;position:relative}.arkPassiveTreeIconWrap{align-content:start;justify-items:center;width:50.4px;min-height:50.4px;display:grid;position:relative}.arkPassiveTreeIcon{width:50.4px;height:50.4px}.arkPassiveTreePoint{border:1px solid var(--line);border-radius:var(--radius);min-width:26.4px;color:var(--accent);background:var(--panel);font-variant-numeric:tabular-nums;padding:1.2px 4.8px;font-size:12px;font-weight:800;line-height:1.1;position:absolute;bottom:-2px;right:-6px}.arkPassiveTreeNode .arkPassiveNodeLevel{color:var(--info)}.arkPassiveTreeName{display:none}.arkPassiveTreeNode.arkPassiveNodeActive .arkPassiveTreeName,.arkPassiveTreeNode.arkPassiveNodeActive .arkPassiveNodeLevel{color:var(--accent)}.arkPassiveTreeNodeLocked{opacity:.36}.arkPassiveTreeNodeLocked .arkPassiveIcon{filter:grayscale();opacity:.36}.arkPassiveTreeNodeLocked .arkPassiveTreeName,.arkPassiveTreeNodeLocked .arkPassiveNodeLevel{color:var(--muted)}.characterPanelEditor .arkPassiveIcon{width:67.2px;height:67.2px}.characterPanelEditor .arkPassiveEnlightenmentTree{width:min(calc(100% - clamp(48px, calc(var(--app-vw) * 8), 160px)), 960px);gap:12px clamp(8px, var(--app-vw), 20px);grid-template-columns:repeat(4,minmax(132px,1fr));margin-inline:auto}.characterPanelEditor .arkPassiveTreeBranch,.characterPanelEditor .arkPassiveTreeSideColumn{grid-template-rows:repeat(4,129.6px);gap:12px}.characterPanelEditor .arkPassiveTreeNode{justify-items:center;gap:7px;width:min(137px,100%);display:grid}.characterPanelEditor .arkPassiveTreeIconWrap{width:67.2px;min-height:67.2px}.arkPassiveTreeFallback{grid-template-columns:repeat(6,minmax(34px,48px));justify-content:start;gap:10px 6px;margin-top:12px;display:grid}.arkPassiveEffectList{border-top:1px solid var(--line);gap:8px;margin-top:16px;padding-top:14px;display:grid}.arkPassiveEffectListLabel{color:var(--muted);font-size:12px;font-weight:700}.workspace{padding:16px var(--site-gutter) 28px;flex:1;grid-template-columns:264px minmax(0,1fr);align-items:start;gap:16px;display:grid}.simulationWorkspace{grid-template-columns:minmax(0,1fr)}.damageWorkspace{padding:16px var(--site-gutter) 28px;flex:1;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.damageControlRow{min-width:0;height:clamp(360px, calc((var(--app-vh) * 100) - 300px), 520px);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.controls,.results,.simulationEditor,.manualModifierEditor,.skillTuning{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}.damageSidebar{align-content:start;gap:16px;min-width:0;min-height:0;display:grid}.damageSidebar .controls,.damageSidebar .skillTuning,.simulationEditorStack .skillTuning{position:static}.simulationEditorStack{gap:16px;min-width:0;display:grid}.controls{position:sticky;top:76px;overflow:hidden}.simulationEditor,.manualModifierEditor,.skillTuning{min-width:0;height:fit-content;padding:14px}.skillTuning{position:sticky;top:76px;container:skill-tuning/inline-size}.damageControlRow>.skillTuning{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid;position:static;overflow:hidden}.damageControlRow .skillTreeTable{min-height:0;overflow:hidden auto}.panelTitleRow{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.panelTitleRow h2{font-size:14px}.panelTitleRow button{min-height:30px;color:var(--muted);font-size:12px}.skillPanelActions,.skillEquippedSelects{align-items:center;gap:8px;min-width:0;display:flex}.skillAwakeningSelect{min-width:0;color:var(--muted);white-space:nowrap;grid-template-columns:auto minmax(112px,148px);align-items:center;gap:5px;font-size:11px;display:grid}.skillAwakeningSelect select{width:100%;min-width:0;min-height:30px;padding:3px 22px 3px 7px;font-size:11px}.skillScopeSegments{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);grid-template-columns:repeat(2,minmax(74px,auto));gap:3px;padding:3px;display:grid}.skillScopeSegments button{border-radius:var(--radius);min-height:26px;color:var(--muted);background:0 0;border:0;padding:3px 8px;font-size:11px}.skillScopeSegments button.selected{background:var(--panel);color:var(--ink);box-shadow:none;font-weight:800}.panelTitleRow .skillResetButton{place-items:center;width:32px;min-width:32px;min-height:32px;padding:0;display:grid}.skillTreeTable{grid-auto-rows:max-content;align-content:start;justify-self:stretch;gap:4px;width:100%;min-width:0;padding-bottom:2px;display:grid;overflow:hidden auto}.skillTreeRow{grid-template-columns:minmax(156px,1.2fr) minmax(60px,.52fr) repeat(3,minmax(0,1fr));align-items:center;gap:6px;width:100%;min-width:0;min-height:78px;padding:7px 0;display:grid;position:relative}.skillTreeRow.noTripods{grid-template-columns:minmax(156px,1.2fr) minmax(60px,.52fr) minmax(0,3fr)}.skillTreeRow:first-child{padding-top:0}.skillTreeRow.unequippedHyperAwakening{filter:grayscale();opacity:.38}.skillTreeSkill{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.skillTreeSkillText{align-items:center;gap:8px;min-width:0;display:flex}.skillTreeSkillText strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.skillTreeSkillTitle{flex:auto;align-items:baseline;gap:8px;min-width:0;display:flex}.skillTreeSkillTitle>strong{min-width:0}.skillTreeSkillLink{border-radius:var(--radius);max-width:100%;min-height:24px;color:inherit;font-weight:inherit;text-align:left;text-overflow:ellipsis;background:0 0;border:0;padding:0;display:block;overflow:hidden}.skillTreeSkillLink:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.skillTreeSkillTitle>em{color:var(--accent-strong);flex:none;font-size:11px;font-style:normal;font-weight:800}.skillTreeParent{color:var(--muted);font-size:11px}.skillTreeLevelField{flex:none;align-items:center;gap:6px;display:inline-flex}.skillTreeLevelField span{color:var(--muted);font-size:10.5px}.skillTreeLevelField input{text-align:right;width:58px;min-height:30px;padding:0 5px;font-size:12px}.skillTreeGemSlot{min-width:0;color:var(--muted);place-items:center;font-size:13px;display:grid}.skillTreeGemSlot.hasGems{place-items:stretch stretch}.skillTreeGemList{align-content:center;gap:3px;width:100%;min-width:0;display:grid}.skillTreeGem{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:5px;min-width:0;margin-left:10px;display:grid}.skillTreeGemIcon{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));border-radius:var(--radius);background:var(--panel-soft);place-items:center;width:30px;height:30px;display:grid;position:relative;overflow:hidden}.skillTreeGemIcon img{object-fit:cover;width:100%;height:100%}.skillTreeGemIcon em{border-radius:var(--radius);color:#fff;text-align:center;background:#0f172ae0;min-width:14px;padding:0 2px;font-size:9px;font-style:normal;font-weight:800;line-height:14px;position:absolute;bottom:0;right:1px}.skillTreeGemText{min-width:0;line-height:1.15;display:grid}.skillTreeGemText strong,.skillTreeGemText small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skillTreeGemText strong{color:var(--ink-soft);font-size:10px}.skillTreeGemText small{color:var(--muted);font-size:9px}@container skill-tuning (width<=760px){.skillPanelActions{flex-wrap:wrap;justify-content:flex-end}.skillEquippedSelects{flex:100%;width:100%}.skillAwakeningSelect{flex:1 1 0;grid-template-columns:auto minmax(80px,1fr)}.skillTreeRow{grid-template-columns:minmax(98px,108px) minmax(32px,40px) repeat(3,minmax(64px,1fr));gap:4px}.skillTreeRow.noTripods{grid-template-columns:minmax(98px,108px) minmax(32px,40px) minmax(192px,3fr)}.skillTreeSkill,.skillTreeGemSlot,.tripodPick,.skillTreeNoTripod{grid-area:1}.skillTreeSkill{grid-template-columns:44px minmax(44px,1fr);gap:6px}.skillTreeRow .skillSelectIcon{width:44px;height:44px}.skillTreeSkillTitle,.skillTreeParent,.skillTreeLevelField>span,.skillTreeGemText,.skillTreeGemEmpty,.skillTreeRow.noTripods .skillTreeNoTripod small{display:none}.skillTreeSkillText{display:block}.skillTreeLevelField{width:100%;display:block}.skillTreeLevelField input{width:100%;max-width:48px}.skillTreeGemSlot,.skillTreeGemSlot.hasGems{place-items:center}.skillTreeGemList{justify-items:center}.skillTreeGem{margin-left:0;display:block}.skillTreeGemIcon{width:28px;height:28px}.skillTreeRow .tripodPickButton{grid-template-columns:36px minmax(0,1fr);gap:4px;min-height:50px;padding:4px}.skillTreeRow .tripodPickIcon{width:36px;height:36px}.skillTreeRow .tripodPickIcon.empty{min-height:36px}.skillTreeRow .tripodPickText strong{font-size:10.5px}.skillTreeRow .tripodPickText small{font-size:9px}}@container skill-tuning (width<=400px){.skillTreeRow{grid-template-columns:minmax(78px,88px) minmax(26px,30px) repeat(3,minmax(58px,1fr));gap:2px}.skillTreeRow.noTripods{grid-template-columns:minmax(78px,88px) minmax(26px,30px) minmax(174px,3fr)}.skillTreeSkill{grid-template-columns:34px minmax(0,1fr);gap:4px}.skillTreeRow .skillSelectIcon{width:34px;height:34px}.skillTreeLevelField{justify-self:stretch}.skillTreeLevelField input{width:42px;min-height:26px;font-size:10px}.skillTreeGemSlot,.skillTreeGemSlot.hasGems{place-items:center}.skillTreeGemList{justify-items:center}.skillTreeGem{margin-left:0;display:block}.skillTreeGemIcon{width:26px;height:26px}.skillTreeRow .tripodPickButton{grid-template-columns:30px minmax(0,1fr);gap:2px;min-height:42px;padding:2px}.skillTreeRow .tripodPickIcon{width:30px;height:30px}.skillTreeRow .tripodPickIcon.empty{min-height:30px}.skillTreeRow .tripodPickText strong{font-size:9px}}@container skill-tuning (width<=280px){.panelTitleRow{flex-direction:column;align-items:stretch}.skillPanelActions{gap:6px;width:100%}.skillAwakeningSelect{flex:1;grid-template-columns:minmax(0,1fr)}.skillAwakeningSelect span{display:none}.skillScopeSegments{flex:1;grid-template-columns:repeat(2,minmax(0,1fr))}.skillScopeSegments button{min-width:0;padding-inline:4px}}.skillTreeNoTripod{min-height:58px;color:var(--muted);align-content:center;gap:3px;display:grid}.skillTreeNoTripod strong{color:var(--ink-soft);font-size:13px}.skillTreeNoTripod small{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.tripodPick{align-self:center;gap:4px;min-width:0;display:grid;position:relative}.tripodPickButton{width:100%;height:auto;min-height:58px;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr);align-self:center;align-items:center;gap:6px;padding:5px 6px;display:grid}.tripodPickButton:hover,.tripodPickButton:focus-visible,.tripodPickButton[aria-expanded=true]{background:var(--panel-soft);border-color:var(--line)}.tripodPickButton:disabled{cursor:not-allowed;opacity:.48}.tripodPickIcon,.tripodOptionIcon{border-radius:var(--radius);background:var(--panel-strong);border:1px solid var(--line);flex:none;place-items:center;width:42px;height:42px;display:grid;position:relative}.tripodPickIcon img,.tripodOptionIcon img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.tripodPickIcon.empty,.tripodOptionIcon.empty{background:0 0;border-style:dashed;min-height:42px}.tripodPickIcon em,.tripodOptionIcon em{border-radius:var(--radius);background:var(--ink);width:19px;height:19px;color:var(--bg);box-shadow:none;place-items:center;font-size:11px;font-style:normal;font-weight:900;line-height:1;display:grid;position:absolute;top:-6px;right:-5px}.tripodPickText{gap:4px;min-width:0;display:grid}.tripodPickText strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.tripodPickText small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;overflow:hidden}.tripodDropdown{overscroll-behavior:contain;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--panel);min-width:0;box-shadow:none;isolation:isolate;z-index:1000;gap:2px;padding:6px;display:grid;position:fixed;overflow:hidden auto}.tripodOptionRow{min-height:0;color:var(--ink);text-align:left;white-space:normal;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:6px;padding:5px 6px;display:grid}.tripodOptionRow:hover,.tripodOptionRow:focus-visible,.tripodOptionRow.selected{background:var(--panel-soft)}.tripodOptionRow.selected{outline:1px solid color-mix(in srgb, var(--accent) 45%, transparent)}.tripodOptionRow>span:last-child{gap:3px;min-width:0;display:grid}.tripodOptionRow strong{font-size:12.5px}.tripodOptionRow small{color:var(--muted);white-space:normal;overflow-wrap:anywhere;word-break:keep-all;font-size:11px;line-height:1.35;display:block;overflow:visible}.editGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.simulationBuildPanel,.simulationCharacterEditor{gap:14px;min-width:0;display:grid}.simulationCharacterEditor>.characterDetails{width:100%;min-width:0;margin:0}.characterEditorSectionActions{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:10px;min-width:0;display:flex}.characterEditorSectionHead{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.characterEditorSectionHead>h3{flex:auto;min-width:0;margin-bottom:0}.simSectionActionLabel,.simKarmaInline label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 8px;display:grid}.simSectionActionLabel>span,.simKarmaInlineTitle{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.simSectionActionLabel>span,.simSectionActionLabel>select,.simKarmaInline label>span,.simKarmaInline label>select{grid-column:1/-1}.simSectionActionLabel>select{min-width:150px}.simKarmaInline{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:8px;display:flex}.simKarmaInlineTitle{color:var(--accent);align-self:center;margin-right:auto}.simKarmaInline label>span{color:var(--muted);grid-column:1/-1;font-size:11px;font-weight:700}.simKarmaInline label>select{min-width:96px}.simKarmaCalculationHint{color:var(--muted);text-align:right;flex-basis:100%;font-size:10px;line-height:1.35}.characterDirectEditor{min-width:0}.simDirectSelect,.simDirectNumberInput,.simDirectStatInput{box-sizing:border-box;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);width:100%;min-width:0;min-height:34px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;font-size:12px}.simDirectSelect{padding:0 28px 0 10px}.simDirectNumberInput,.simDirectStatInput{padding:0 9px}.simDirectSelect:hover,.simDirectNumberInput:hover,.simDirectStatInput:hover{border-color:color-mix(in srgb, var(--accent) 52%, var(--line-strong))}.simDirectSelect:focus-visible,.simDirectNumberInput:focus-visible,.simDirectStatInput:focus-visible,.simGemLevelSelect:focus-visible,.simArkNodeLevelSelect:focus-visible,.simArkGridGemSelect:focus-visible,.simArkNodeStepButton:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.simDirectCompactSelectWrap{min-width:0;display:block;position:relative}.simDirectCompactSelect{appearance:none;text-align:left;min-width:0;padding-left:10px;padding-right:22px;font-weight:700}.simDirectCompactSelectIcon{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.simDirectCompactSelectWrap:has(select:disabled) .simDirectCompactSelectIcon{opacity:.45}.simDirectWideSelect{max-width:280px}.equipRowEditable .characterDirectEditor-equipment{flex:0 286px;min-width:216px}.equipRowEditable .characterDirectEditor-equipment:has(.simEquipmentEnhancementControls-1){flex-basis:74px;min-width:74px}.equipRowEditable .characterDirectEditor-equipment:has(.simEquipmentEnhancementControls-2){flex-basis:152px;min-width:152px}.equipRowEditable .characterDirectEditor-equipment:has(.simEquipmentEnhancementControls-3){flex-basis:230px;min-width:230px}.equipRowEditable>.qBadge{box-sizing:border-box;flex-basis:58px;width:58px;min-width:58px}.simEquipmentEnhancementSelect{width:100%;color:var(--accent);text-align:center;text-align-last:center;padding-left:6px;padding-right:20px;font-weight:800}.simEquipmentEnhancementControls{align-items:start;gap:4px;width:100%;min-width:0;display:grid}.simEquipmentEnhancementControls-1{grid-template-columns:minmax(0,1fr);max-width:74px}.simEquipmentEnhancementControls-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:152px}.simEquipmentEnhancementControls-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:230px}.simEquipmentEnhancementControls-noAdvanced{margin-left:auto}.simEquipmentEnhancementField{gap:2px;min-width:0;display:grid}.simEquipmentEnhancementField>span,.simWeaponQualityField>span{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700;line-height:1.2;overflow:hidden}.simWeaponQualityControl{gap:2px;min-width:0;display:grid}.simWeaponQualityField{gap:2px;display:grid}.simWeaponQualityInput{text-align:center;width:100%;min-width:0}.simWeaponQualityControl small{color:var(--accent);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:750;line-height:1.2;overflow:hidden}.simEquipmentAdvancedEnhancementSelect{color:var(--ink);font-size:10.5px}@media (width<=760px){.equipRowEditable{grid-template-columns:51px minmax(0,1fr) 58px;align-items:start;gap:8px 10px;padding-block:10px;display:grid}.equipRowEditable>.equipIconFrame{grid-area:1/1/span 2;align-self:center}.equipRowEditable>.equipMain{grid-area:1/2;align-self:start}.equipRowEditable>.qBadge{grid-area:1/3;align-self:start}.equipRowEditable .characterDirectEditor-equipment{grid-area:2/2/auto/4;width:100%;min-width:0}.equipRowEditable .simEquipmentEnhancementControls{margin-left:auto}.equipRowEditable:not(:has(>.qBadge)){grid-template-columns:51px minmax(0,1fr)}.equipRowEditable:not(:has(>.qBadge)) .characterDirectEditor-equipment{grid-column:2}}.accRowEditable{grid-template-columns:51px minmax(0,1fr) auto;align-items:start;gap:10px;padding-block:10px;display:grid}.accRowEditable>.characterDirectEditor-accessory{width:100%}.accRowEditable:not(.accRowUtilityEditable){grid-template-rows:minmax(90px,auto);grid-template-columns:68px minmax(0,1fr);align-items:stretch;min-height:110px;position:relative}.accRowEditable:not(.accRowUtilityEditable)>.equipIconFrame{z-index:1;position:absolute;top:50%;left:18.5px;transform:translateY(-45px)}.accRowEditable:not(.accRowUtilityEditable)>.characterDirectEditor-accessory{grid-area:1/1/auto/-1}.accRowEditable:not(.accRowUtilityEditable) .simDirectAccessoryControls{grid-template-columns:68px minmax(0,1fr);align-items:stretch;min-height:90px}.accRowEditable:not(.accRowUtilityEditable) .simDirectAccessoryMeta{display:contents}.accRowEditable:not(.accRowUtilityEditable) .simAccessoryGradeSelect{grid-area:1/1/3;place-self:center;width:51px;min-height:30px;padding-left:5px;padding-right:16px;font-size:10px;transform:translateY(30px)}.accRowEditable:not(.accRowUtilityEditable) .simDirectAccessoryMeta>[data-structured-input=accessory-main-stat]{grid-area:1/2}.accRowEditable:not(.accRowUtilityEditable) .simDirectAccessoryOptions{grid-area:2/2}.accRowUtilityEditable{align-items:center}.simDirectAccessoryControls{grid-template-columns:minmax(124px,.42fr) minmax(0,1fr);align-items:start;gap:8px 10px;display:grid}.simDirectAccessoryMeta,.simDirectAccessoryOptions,.simDirectStoneControls{gap:5px;min-width:0;display:grid}.simDirectBraceletControls{grid-template-columns:1fr;align-items:start;gap:8px;min-width:0;display:grid}.simBraceletSlotGroup{gap:5px;min-width:0;display:grid}.simBraceletStatRow{grid-template-columns:minmax(76px,.8fr) minmax(76px,1fr);gap:5px;display:grid}.simBraceletStatTypeSelect{text-align:left;padding-left:8px;padding-right:22px}.simBraceletStatValueInput{text-align:right}.simDirectBraceletEffect{grid-template-columns:30px minmax(0,1fr);min-width:0;display:grid}.simDirectBraceletEffect .tierBadge{box-sizing:border-box;border-radius:var(--radius);width:30px;height:34px;font-size:12px}.simDirectBraceletEffect .tierBadge.tierNone{border:1px solid var(--line-strong);border-right:0}.simDirectBraceletEffect .simBraceletEffectSelect{border-radius:var(--radius);border-left:0;font-size:11px}.simDirectAccessoryOption{grid-template-columns:30px minmax(0,1fr);min-width:0;display:grid}.simDirectAccessoryOption .tierBadge{border-radius:var(--radius);width:30px;height:34px;font-size:12px}.simDirectAccessoryOption .simAccessoryOptionSelect{border-radius:var(--radius);border-left:0;font-size:12px}.simDirectStoneRow{grid-template-columns:minmax(0,1fr) 44px;gap:6px;display:grid}.simStoneLevelSelect,.simEngravingGradeSelect,.simEngravingLevelSelect{padding-left:5px;padding-right:16px;font-size:10.5px}:is(.simDirectCompactSelectWrap:has(.simStoneLevelSelect) .simDirectCompactSelectIcon,.simDirectCompactSelectWrap:has(.simEngravingGradeSelect) .simDirectCompactSelectIcon,.simDirectCompactSelectWrap:has(.simEngravingLevelSelect) .simDirectCompactSelectIcon){right:4px}.characterDirectEditor-gem{width:100%;min-width:0;position:static}.simDirectGemControls{grid-template-columns:minmax(0,1fr);gap:4px;width:100%;min-width:0;display:grid}.simGemSkillSelect,.simGemTypeSelect,.simGemLevelSelect{text-align:left;min-height:30px;font-size:11px}.simDirectGemControls .simDirectCompactSelectWrap,.simDirectGemControls .simDirectCompactSelect{width:100%;min-width:0}.simGemSkillSelect{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.simGemLevelSelect{border-color:var(--grade-frame-border,#ffffff6b);background:var(--grade-frame-background,var(--panel));color:#fff;text-shadow:0 1px 2px #00000073;box-shadow:none;cursor:pointer;font-weight:900}.simDirectCompactSelectWrap:has(.simGemLevelSelect) .simDirectCompactSelectIcon{color:currentColor}@media (width<=900px){.gemGridEditable{gap:4px}.gemTileEditable{gap:5px}.simDirectGemControls{gap:3px}.simGemSkillSelect,.simGemTypeSelect,.simGemLevelSelect{min-height:28px;padding-left:5px;padding-right:18px;font-size:10px}}.engravingRowEditable{grid-template-columns:51px minmax(0,1fr)}.engravingRowEditable .characterDirectEditor-engraving{width:100%}.simDirectEngravingControls{grid-template-columns:minmax(0,1fr) 50px 45px minmax(0,72px);align-items:center;gap:6px;min-width:0;display:grid}.simDirectEngravingControls>*{min-width:0}.simEngravingStatus{align-content:center;gap:2px;min-width:0;min-height:34px;display:grid}.simEngravingStatus>span{border:1px solid var(--line);border-radius:var(--radius);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:2px 5px;font-size:10px;font-weight:800;line-height:1.1;overflow:hidden}.simEngravingStatusBook{color:var(--down);border-color:color-mix(in srgb, var(--down) 38%, var(--line));background:color-mix(in srgb, var(--down) 9%, transparent)}.simEngravingStatusStone{color:var(--info);border-color:color-mix(in srgb, var(--info) 38%, var(--line));background:color-mix(in srgb, var(--info) 9%, transparent)}.combatStatChipEditable{align-items:center}.combatStatChipEditable .characterDirectEditor-combat-stat{width:min(140px,100%)}.simDirectStatInput{min-height:30px}.simDirectStatInput:disabled{border-color:var(--line);color:var(--muted);background:color-mix(in srgb, var(--panel) 78%, var(--site-bg));cursor:not-allowed;opacity:.68}.arkPassiveNodeEditable{cursor:help}.simArkNodeLevelStepper{--sim-ark-level-control-width:67.2px;grid-template-columns:28.8px var(--sim-ark-level-control-width) 28.8px;justify-content:center;align-items:center;gap:3.6px;width:max-content;max-width:100%;margin-top:3.6px;display:grid}.simArkNodeLevelStepper.isLocked{opacity:.72}.simArkNodeStepButton{border:1px solid var(--line);border-radius:var(--radius);width:28.8px;height:36px;min-height:36px;color:var(--info);background:var(--panel);cursor:pointer;place-items:center;padding:0;display:grid}.simArkNodeStepButton svg{width:16.8px;height:16.8px}.simArkNodeStepButton:hover:not(:disabled){color:var(--accent);border-color:color-mix(in srgb, var(--accent) 52%, var(--line))}.simArkNodeStepButton:disabled{cursor:not-allowed;opacity:.35}.simArkNodeLevelSelect{width:var(--sim-ark-level-control-width);appearance:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;height:36px;min-height:36px;color:var(--info);text-align:center;text-align-last:center;cursor:pointer;padding:0 2px;font-size:14.4px;font-weight:800}.simArkNodeLevelSelect:hover{border-color:color-mix(in srgb, var(--info) 45%, var(--line));background:var(--panel)}.arkPassiveNodeActive .simArkNodeLevelSelect{color:var(--accent)}.arkPassiveNodeActive .simArkNodeLevelSelect:hover,.arkPassiveNodeActive .simArkNodeLevelSelect:focus-visible{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.simArkNodeLevelSelect[data-level="0"]{color:var(--muted)}.simArkNodeLevelSelect:disabled{cursor:not-allowed;opacity:.52}@media (width<=1279px){.characterPanelEditor .arkPassiveNodeGrid,.characterPanelEditor .arkPassiveEnlightenmentTree{width:100%}.characterPanelEditor .arkPassiveNodeGrid{grid-template-columns:repeat(6,minmax(34px,1fr));gap:21.6px 6px}.characterPanelEditor .arkPassiveEnlightenmentTree{grid-template-columns:repeat(4,minmax(54px,1fr));gap:12px 6px}.characterPanelEditor .arkPassiveNodeGrid .arkPassiveNode,.characterPanelEditor .arkPassiveTreeNode{width:100%}.characterPanelEditor .arkPassiveIcon{width:clamp(57.6px, calc(var(--app-vw) * 6), 64.8px);height:clamp(57.6px, calc(var(--app-vw) * 6), 64.8px)}.characterPanelEditor .arkPassiveTreeIconWrap{width:clamp(57.6px, calc(var(--app-vw) * 6), 64.8px);min-height:clamp(57.6px, calc(var(--app-vw) * 6), 64.8px)}.characterPanelEditor .arkPassiveTreeBranch,.characterPanelEditor .arkPassiveTreeSideColumn{grid-template-rows:repeat(4,151.2px);gap:14.4px}.characterPanelEditor .simArkNodeLevelStepper{--sim-ark-level-control-width:clamp(57.6px, calc(var(--app-vw) * 6), 64.8px);width:var(--sim-ark-level-control-width);grid-template-rows:36px 28.8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.6px 4.8px}.characterPanelEditor .simArkNodeLevelSelect{width:var(--sim-ark-level-control-width);grid-area:1/1/auto/-1;height:36px;min-height:36px;padding-inline:1px;font-size:12.6px}.characterPanelEditor .simArkNodeStepButton{width:100%;height:28.8px;min-height:28.8px}.characterPanelEditor .simArkNodeStepButton:first-child{grid-area:2/1}.characterPanelEditor .simArkNodeStepButton:last-child{grid-area:2/2}.characterPanelEditor .simArkNodeStepButton svg{width:14.4px;height:14.4px}}.arkGridCoreMainEditable{grid-template-columns:46px minmax(0,1fr);align-items:start;display:grid}.characterPanelEditor .arkGridCoreList{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.arkGridCoreRowEditable{grid-template-columns:minmax(0,1fr);align-content:start;align-items:stretch;gap:10px;padding:12px}.arkGridCoreMainEditable .characterDirectEditor-ark-grid-core{flex:auto;width:100%}.simDirectArkGridCoreControls{grid-template-columns:84px minmax(0,1fr) 86px;gap:6px;display:grid}.arkGridCoreRowEditable .arkGridGemList{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:7px;width:100%;display:grid}@media (width<=1120px){.characterPanelEditor .arkGridCoreList{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.characterPanelEditor .arkGridCoreRowEditable .arkGridGemList{padding-left:0}}.arkGridGemField{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 78%, transparent);grid-template-columns:36px minmax(0,1fr);align-items:start;gap:6px;min-width:0;padding:6px;display:grid}.arkGridGemField>.arkGridGemTile{align-self:center;transition:opacity .18s,filter .18s,transform .18s}.characterDirectEditor-ark-grid-gem{width:100%;min-width:0}.simArkGridGemControls{grid-template-columns:minmax(0,1fr) 68px;gap:4px;min-width:0;display:grid}.simArkGridGemCurrent{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-self:center;font-size:10px;font-weight:700;overflow:hidden}.simArkGridGemEffectRow{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 44px;gap:4px;display:grid}.arkGridGemTileInactive{opacity:.46;filter:grayscale(.75);transform:scale(.94)}.simulationBuildPanel .simArkGridGemActiveToggle{border-color:var(--line-strong);border-radius:var(--radius);background:color-mix(in srgb, var(--muted) 7%, var(--panel));width:68px;height:24px;min-height:24px;color:var(--muted);justify-content:flex-start;gap:4px;padding:2px 5px;transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s,transform .18s;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.simulationBuildPanel .simArkGridGemActiveToggle:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 38%, var(--line-strong));transform:translateY(-1px)}.simulationBuildPanel .simArkGridGemActiveToggle:active:not(:disabled){transform:scale(.97)}.simulationBuildPanel .simArkGridGemActiveToggle.isOn{border-color:color-mix(in srgb, var(--accent) 58%, var(--line));background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 9%, transparent)}.simArkGridGemToggleTrack{border-radius:var(--radius);background:color-mix(in srgb, var(--muted) 22%, var(--panel-strong));flex:none;width:30px;height:16px;padding:2px;transition:background-color .18s,box-shadow .18s;box-shadow:inset 0 1px 2px #00000029}.simArkGridGemToggleThumb{border-radius:var(--radius);background:color-mix(in srgb, var(--muted) 72%, #fff);width:12px;height:12px;box-shadow:none;transition:background-color .18s,transform .2s cubic-bezier(.2,.8,.2,1);display:block;transform:translate(0)}.simArkGridGemActiveToggle.isOn .simArkGridGemToggleTrack{background:color-mix(in srgb, var(--accent) 72%, var(--panel));box-shadow:inset 0 1px 2px #0000001a}.simArkGridGemActiveToggle.isOn .simArkGridGemToggleThumb{background:#fff;transform:translate(14px)}.simArkGridGemToggleLabel{letter-spacing:.04em;text-align:center;min-width:22px;font-size:10px;font-weight:900;line-height:1}.simArkGridGemSelectWrap{min-width:0;display:block;position:relative}.simArkGridGemSelect{border:1px solid var(--line-strong);border-radius:var(--radius);appearance:none;background:var(--panel);width:100%;min-width:0;height:24px;color:var(--muted);text-align:left;padding:0 18px 0 4px;font-size:10px}.simArkGridGemSelectIcon{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.simArkGridGemSelectWrap:has(select:disabled) .simArkGridGemSelectIcon{opacity:.38}.simArkGridGemLevelSelect{padding-left:4px;padding-right:12px;font-size:10px;font-weight:700}.simArkGridGemLevelSelect+.simArkGridGemSelectIcon{width:8px;height:8px;right:3px}.simArkGridGemSelect:disabled{color:var(--muted);opacity:.62;-webkit-text-fill-color:var(--muted)}@media (prefers-reduced-motion:reduce){.arkGridGemField>.arkGridGemTile,.simulationBuildPanel .simArkGridGemActiveToggle,.simArkGridGemToggleTrack,.simArkGridGemToggleThumb{transition-duration:.01ms}}.simSettingManager,.simPanelHeading{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:none;padding:14px 16px}.simSettingToolbar,.simPanelHeading,.simCompareSelectors{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.simPanelHeading{justify-content:space-between;align-items:center}.simPanelHeading h2{margin:0 0 3px;font-size:16px}.simPanelHeading p,.simHint,.simCaution,.simEmpty{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.simResetAllButton{color:var(--muted);flex:none}.simCaution{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 8%, transparent);padding:8px 10px}.simSettingToolbar>label{flex:260px;gap:5px;display:grid}.simSettingToolbar .simSaveCombatConditions{color:var(--muted);white-space:nowrap;font-weight:700}.simSettingToolbar .simSaveCombatConditions.isActive{border-color:color-mix(in srgb, var(--accent) 70%, var(--line));background:color-mix(in srgb, var(--accent-soft) 62%, var(--panel));color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);font-weight:900}.simSettingToolbar label>span,.simCompareSelectors label>span,.simFullControl>span,.simInlineControls label>span,.simStatGrid label>span{color:var(--muted);font-size:11px;font-weight:700}.simulationBuildPanel button,.simulationBuildPanel input,.simulationBuildPanel select,.simulationBuildPanel textarea{min-height:34px}.simulationBuildPanel .simArkNodeStepButton,.simulationBuildPanel .simArkNodeLevelSelect{min-height:24px}.simulationBuildPanel button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.simulationBuildPanel button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.simSavedList{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;margin-top:12px;display:grid}.simSettingNotice{border:1px solid var(--warn-border);border-radius:var(--radius);background:var(--warn-bg);color:var(--warn-ink);margin:10px 0 0;padding:8px 10px;font-size:12px;line-height:1.45}.simSavedItem{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:stretch;display:grid;overflow:hidden}.simSavedAction{width:38px;min-width:38px;color:var(--muted);background:0 0;padding:0;border:0!important;border-left:1px solid var(--line)!important;border-radius:var(--radius)!important}.simSavedAction:hover,.simSavedAction:focus-visible{color:var(--accent);background:var(--accent-soft)}.simSavedDeleteConfirm{border-left:1px solid var(--line);background:var(--err-bg);align-items:stretch;display:flex}.simSavedDeleteConfirm button{border-radius:var(--radius);background:0 0;border:0;min-height:0;padding:0 9px;font-size:11.5px;font-weight:800}.simSavedDeleteYes{color:var(--err-ink)}.simSavedDeleteYes:hover:not(:disabled),.simSavedDeleteYes:focus-visible{background:color-mix(in srgb, var(--down) 22%, transparent)}.simSavedDeleteNo{color:var(--muted);border-left:1px solid var(--err-border)!important}.simSavedDeleteNo:hover:not(:disabled),.simSavedDeleteNo:focus-visible{color:var(--ink)}.simSavedItem.baseline{border-style:dashed;border-color:color-mix(in srgb, var(--info) 72%, var(--line));background:color-mix(in srgb, var(--info-soft) 55%, transparent)}.simSavedItem.active{border-style:solid;border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 40%, transparent);box-shadow:none;outline:2px solid var(--accent);outline-offset:-2px}.simBaselineToggle{width:38px;min-width:38px;color:var(--muted);background:0 0;padding:0;border:0!important;border-right:1px solid var(--line)!important;border-radius:var(--radius)!important}.simSavedItem.baseline .simBaselineToggle{border-right-color:color-mix(in srgb, var(--info) 42%, var(--line))!important}.simBaselineToggle.isActive{color:var(--info);background:color-mix(in srgb, var(--info-soft) 78%, transparent)}.simSavedItem.baseline .simSavedLoad strong{color:var(--info);font-weight:900}.simSavedItem.active .simSavedLoad strong{color:var(--accent);font-weight:900}.simSavedLoad{text-align:left;grid-template-columns:minmax(0,1fr) auto;border-radius:var(--radius)!important;border:0!important;display:grid!important}.simSavedLoad span{min-width:0;display:grid}.simSavedLoad strong,.simSavedLoad small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.simSavedLoad small,.simSavedLoad em{color:var(--muted);font-size:10.5px;font-style:normal}.simSavedLoad .simSavedBadges{flex-direction:row;align-items:center;gap:4px;display:inline-flex}.simSavedBaselineBadge,.simSavedActiveBadge{border-radius:var(--radius);white-space:nowrap;padding:2px 6px;font-weight:800}.simSavedBaselineBadge{border:1px dashed color-mix(in srgb, var(--info) 52%, transparent);background:var(--info-soft);color:var(--info)!important}.simSavedActiveBadge{border:1px solid color-mix(in srgb, var(--accent) 52%, transparent);background:var(--accent-soft);color:var(--accent)!important}.simEditorSection{gap:10px;display:grid}.simStack,.simSlotList{gap:0;display:grid}.simControlText{min-width:0;display:grid}.simControlText strong,.simControlText small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.simControlText small{color:var(--muted);font-size:10.5px}.simIconFrame{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:36px;height:36px;color:var(--accent);flex:none;place-items:center;display:grid;overflow:hidden}.simIconFrame img,.simArkNodeGrid img{object-fit:contain;width:100%;height:100%}.simInlineControls,.simAccessoryOption,.simManualEffect{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.simInlineControls label,.simFullControl,.simStatGrid label{gap:4px;display:grid}.simFullControl textarea{resize:vertical;min-height:88px}.simSubsection{border-top:1px solid var(--line);gap:8px;padding-top:11px;display:grid}.simSubsection h4{margin:0;font-size:12px}.simStatGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.simDirectGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.simDirectGrid>label{color:var(--muted);gap:4px;font-size:11px;font-weight:700;display:grid}.simDirectGrid>label>span:last-child{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;display:grid}.simDirectGrid em{color:var(--muted);font-style:normal}.simStatGrid small{color:var(--accent);font-size:10px}.simManualEffect{grid-template-columns:minmax(110px,1fr) minmax(140px,1fr) minmax(90px,.55fr) auto;align-items:center}.simManualEffect label{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;display:grid}.simArkNodeGrid{gap:5px;padding:0 8px 8px;display:grid}.simArkNodeGrid label{border-radius:var(--radius);border:1px solid #0000;grid-template-columns:30px minmax(0,1fr) minmax(82px,auto);align-items:center;gap:7px;padding:6px;display:grid}.simArkNodeGrid label.active{border-color:var(--accent);background:var(--accent-soft)}.simArkNodeGrid img{width:30px;height:30px}.simArkNodeGrid label>span{min-width:0;display:grid}.simArkNodeGrid small{color:var(--muted);font-size:9.5px}.simCheck{align-items:center;gap:4px;font-size:11px;display:inline-flex}.simCheck input{min-height:0}.savedComparisonPanel{background:0 0;border:0;gap:12px;padding:16px;display:grid}.savedComparisonHeader,.comparisonScenarioRow,.comparisonConditionSummary,.comparisonOutcome{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.savedComparisonHeader{justify-content:space-between}.savedComparisonHeader h2{margin:0 0 3px;font-size:16px}.savedComparisonHeader p,.comparisonEmpty{color:var(--muted);margin:0;font-size:12px}.comparisonOutcome>span,.comparisonConditionSummary>span{color:var(--muted);font-size:11px;font-weight:700}.savedComparisonPanel button,.savedComparisonPanel select{min-height:34px}.savedComparisonPanel button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.comparisonSelectors{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;padding:10px 0}.comparisonScenarioRow{justify-content:space-between}.comparisonOutcome button{min-height:30px;padding:5px 10px}.comparisonOutcome button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.comparisonConditionSummary em{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);color:var(--muted);padding:5px 8px;font-size:11px;font-style:normal}.comparisonEmpty{border:1px dashed var(--line);border-radius:var(--radius);justify-content:center;align-items:center;gap:7px;min-height:70px;display:flex}.simCompareSelectors{justify-content:center;align-items:center}.simCompareSelectors label{gap:4px;min-width:min(300px,42%);display:grid}.simCompareTableWrap{overflow-x:auto}.simCompareTableWrap table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:620px}.simCompareTableWrap th,.simCompareTableWrap td{border-bottom:1px solid var(--line);text-align:right;padding:8px 10px}.simCompareTableWrap tbody th:first-child{text-align:left}.simCompareTableWrap thead th,.simCompareTableWrap thead th:nth-child(2){text-align:center}.simCompareTableWrap tr.total{background:var(--accent-soft);font-weight:800}.simCompareTableWrap td.up{color:var(--delta-up)}.simCompareTableWrap td.down{color:var(--delta-down)}.simCompareTableWrap td small{margin-left:5px}@media (width<=760px){.simSettingToolbar,.simPanelHeading,.simCompareSelectors,.savedComparisonHeader,.comparisonScenarioRow{flex-direction:column;align-items:stretch}.simSettingToolbar>button{width:100%}.simSettingToolbar{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.simSettingToolbar>label{flex:none;grid-column:1/-1;gap:0;min-height:0}.simSettingToolbar>label>span{display:none}.simSettingToolbar>button{white-space:normal;width:auto;min-width:0;padding-inline:7px}.characterEditorSectionActions,.characterEditorSectionHead,.simKarmaInline{flex-direction:column;align-items:stretch}.simSectionActionLabel,.simKarmaInline>label{width:100%}.simKarmaInlineTitle{margin-right:0}.simCompareSelectors label{width:100%;min-width:0}.comparisonOutcome,.comparisonConditionSummary{width:100%}.comparisonOutcome button{flex:1 1 0}.simStatGrid,.simDirectGrid,.simInlineControls,.simManualEffect{grid-template-columns:1fr}}.editHint{color:var(--muted);font-size:11px;line-height:1.4}.gearLabel{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:inline-flex;overflow:hidden}.gearStatic{color:var(--muted);text-align:right;font-size:11.5px;font-style:normal}.editCluster{align-content:start;gap:8px;min-width:0;display:grid}.editCluster h3{min-height:22px;color:var(--muted);align-items:center;font-size:12px;display:flex}.editField{border-radius:var(--radius);background:var(--panel-soft);grid-template-columns:minmax(86px,.9fr) minmax(92px,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:7px 10px;display:grid}.editField span{color:var(--muted);font-size:12px}.editField input{text-align:right;font-variant-numeric:tabular-nums;width:100%;min-height:30px}.editField em{color:var(--muted);font-size:12px;font-style:normal}.skillTuneList{max-height:min(720px, calc((var(--app-vh) * 100) - 220px));align-content:start;gap:4px;padding-right:2px;display:grid;overflow:auto}.skillTuningLayout{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.skillSelectRow{border-radius:var(--radius);min-height:74px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:56px minmax(0,1fr) minmax(96px,auto);align-items:center;gap:10px;padding:8px;display:grid}.skillSelectRow:hover,.skillSelectRow:focus-visible{background:var(--panel-soft);border-color:var(--line)}.skillSelectRow.selected{background:var(--panel-soft);border-color:color-mix(in srgb, var(--accent) 44%, var(--line))}.skillSelectRow.edited .skillSelectMain strong:after{content:"";border-radius:var(--radius);background:var(--accent);vertical-align:2px;width:6px;height:6px;margin-left:6px;display:inline-block}.skillSelectIcon,.skillDetailIcon{border-radius:var(--radius);background:var(--panel-strong);flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:visible}.skillSelectIcon img,.skillDetailIcon img{object-fit:cover;border-radius:var(--radius);width:100%;height:100%;display:block}.skillIconFallback{border-radius:inherit;width:100%;height:100%;color:var(--accent);background:var(--accent-soft);place-items:center;font-weight:900;display:grid}.skillSelectMain{gap:3px;min-width:0;display:grid}.skillSelectMain strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;overflow:hidden}.skillSelectMain small{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:11.5px;overflow:hidden}.skillSelectTripods{justify-content:flex-end;gap:5px;display:flex}.skillSelectTripod{border-radius:var(--radius);background:var(--panel-strong);border:1px solid var(--line);place-items:center;width:30px;height:30px;display:grid;position:relative}.skillSelectTripod img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.skillSelectTripod em{border-radius:var(--radius);background:var(--ink);width:17px;height:17px;color:var(--bg);place-items:center;font-size:11px;font-style:normal;font-weight:900;line-height:1;display:grid;position:absolute;top:-6px;right:-4px}.skillSelectTripod.empty{opacity:.38;border-style:dashed}.skillTuneCard{border-radius:var(--radius);background:var(--panel-soft);gap:10px;padding:10px;display:grid}.skillTuneHead{grid-template-columns:48px minmax(0,1fr) minmax(150px,190px);align-items:center;gap:10px;display:grid}.skillTuneHead>div{gap:4px;min-width:0;display:grid}.skillTuneHead strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;overflow:hidden}.skillDbMeta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.skillTuneHead .editField{background:0 0;grid-template-columns:64px minmax(68px,1fr);padding:0}.tripodPreview{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:8px;display:grid}.tripodPreview img{border-radius:var(--radius);object-fit:cover;width:34px;height:34px}.tripodPreview p:only-child{grid-column:1/-1}.controlGroup{border-bottom:1px solid var(--line);gap:4px;padding:14px;display:grid}.controlGroup h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.controlGroup h2 svg{color:var(--accent)}.toggle{min-height:34px;color:var(--ink);border-radius:var(--radius);cursor:pointer;align-items:center;gap:9px;margin:0 -8px;padding:4px 8px;display:flex}.countControlList{gap:4px;display:grid}.countControl{min-height:34px;color:var(--ink);border-radius:var(--radius);grid-template-columns:minmax(72px,auto) minmax(0,1fr) 52px;align-items:center;gap:8px;margin:0 -8px;padding:4px 8px;display:grid}.selectControl{min-height:34px;color:var(--ink);border-radius:var(--radius);grid-template-columns:minmax(88px,1fr) minmax(116px,auto);align-items:center;gap:8px;margin:0 -8px;padding:4px 8px;display:grid}.toggle:hover,.countControl:hover,.selectControl:hover{background:var(--panel-soft)}.toggle.on .toggleLabel,.countControl.on .toggleLabel,.selectControl.on .toggleLabel{color:var(--ink)}.toggle input{width:16px;height:16px;min-height:auto;accent-color:var(--accent);flex:none}.toggleLabel{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.toggle.on .toggleLabel,.countControl.on .toggleLabel,.selectControl.on .toggleLabel{font-weight:600}.toggleHint{color:var(--muted);opacity:.85;text-align:right;font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.countControl .toggleHint{white-space:normal}.countControl input{border-radius:var(--radius);text-align:center;font-variant-numeric:tabular-nums;width:52px;min-height:28px;padding:4px 6px}.selectControl select{border-radius:var(--radius);width:100%;min-height:28px;padding:4px 8px}.diffDot{border-radius:var(--radius);background:var(--accent);flex:none;width:7px;height:7px}.segments{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.segments button{background:var(--panel-strong);min-height:34px;font-size:12.5px}.segments .selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.segmentNote{color:var(--muted);margin:8px 0 0;font-size:11.5px}.controlsFooter{padding:12px 14px}.controlsFooter button{width:100%;min-height:34px;color:var(--muted);font-size:12.5px}.results{min-width:0;padding:14px 16px 18px}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tabs{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.tabs button{isolation:isolate;min-height:34px;color:var(--muted);border-radius:var(--radius);background:0 0;border:0;padding:0 14px;font-size:13px;position:relative;overflow:hidden}.tabs .selected{color:var(--accent-ink);font-weight:700}.actions{gap:8px;display:flex}.actions button{font-size:13px}.stack{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.metricRow{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,1fr);gap:1px;display:grid;overflow:hidden}.metricRow>div{background:var(--panel-strong);align-content:center;gap:5px;min-height:70px;padding:12px 14px;display:grid}.metricRow span{color:var(--muted);font-size:11.5px}.metricRow strong{font-variant-numeric:tabular-nums;font-size:18px}.tableWrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow-x:auto}.skillResultTableWrap{overflow-x:hidden}.skillResultTable{table-layout:fixed;min-width:0}.skillResultTable th,.skillResultTable td{padding-inline:clamp(3px, calc(var(--app-vw) * .7), 10px)}.skillResultTable th:first-child{width:5%}.skillResultTable th:nth-child(2){width:18%}.skillResultTable th:nth-child(3),.skillResultTable th:nth-child(4),.skillResultTable th:nth-child(5),.skillResultTable th:nth-child(6){width:19.25%}.skillResultTable .rankCell,.skillResultTable th.rankHead,.skillResultTable .skillCell,.skillResultTable thead th:nth-child(2){min-width:0;position:static}.skillResultTable .skillCell,.skillResultTable thead th:nth-child(2){text-align:left}.skillResultTable .skillNameCell,.skillResultTable .skillResultIdentity,.skillResultTable .skillLink{min-width:0;max-width:100%}.skillResultTable .skillResultIdentity{display:flex}.skillResultTable .skillLink,.skillResultTable .skillResultIdentity>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skillResultTable .shareCell{min-width:0}@media (width<=760px){.skillResultTable th,.skillResultTable td{font-size:clamp(8px, calc(var(--app-vw) * 2.2), 11px);padding:7px 3px}.skillResultTable th{font-size:clamp(8px, calc(var(--app-vw) * 2), 10px)}.skillResultTable th:first-child{width:6%}.skillResultTable th:nth-child(2){width:14%}.skillResultTable th:nth-child(3),.skillResultTable th:nth-child(4),.skillResultTable th:nth-child(5),.skillResultTable th:nth-child(6){width:20%}.skillResultTable .rankNum{width:18px;height:18px;font-size:9px}.skillResultTable .skillResultIcon{width:22px;height:22px}.skillResultTable .skillResultSeparator{display:none}.skillResultTable .skillNameCell{flex-wrap:nowrap;gap:3px;font-size:10px}.skillResultTable .skillResultIdentity{gap:4px}.skillResultTable .skillLink{font-size:10px}.skillResultTable .subMeta{gap:2px;margin-top:2px;font-size:8.5px}.skillResultTable .badge{min-height:16px;padding-inline:4px;font-size:8px}.skillResultTable .shareBar{height:4px}.skillResultTable .shareText{font-size:inherit}}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:840px}th,td{border-bottom:1px solid var(--line);text-align:right;vertical-align:middle;padding:10px 12px;font-size:13px}th{color:var(--muted);background:var(--panel-soft);white-space:nowrap;font-size:11.5px;font-weight:700}tr:last-child td{border-bottom:0}th.rankHead{width:40px}.rankCell{text-align:center;background:var(--panel);z-index:2;width:40px;position:sticky;left:0}th.rankHead{z-index:3;text-align:center;position:sticky;left:0}.rankNum{border-radius:var(--radius);background:var(--panel-strong);width:22px;height:22px;color:var(--muted);place-items:center;font-size:11.5px;font-weight:700;display:inline-grid}tr:first-child .rankNum{background:var(--accent);color:var(--accent-ink)}.skillCell{text-align:left;background:var(--panel);z-index:2;min-width:230px;position:sticky;left:40px}thead th:nth-child(2){z-index:3;text-align:left;position:sticky;left:40px}.skillNameCell{flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;display:flex}.skillResultIdentity{white-space:nowrap;align-items:center;gap:7px;min-width:0;display:inline-flex}.skillResultIcon{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));border-radius:var(--radius);background:var(--panel-strong);flex:none;place-items:center;width:30px;height:30px;display:inline-grid;overflow:hidden}.skillResultIcon img{object-fit:cover;width:100%;height:100%;display:block}.skillResultIcon.fallback{color:var(--accent);background:var(--accent-soft);font-size:12px;font-weight:800}.skillResultSeparator{color:var(--muted);font-weight:500}.skillLink{min-height:24px;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:13.5px;font-weight:700}.skillLink:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.subMeta{color:var(--muted);align-items:center;gap:5px;margin-top:4px;font-size:11.5px;display:flex}.badge{border-radius:var(--radius);white-space:nowrap;align-items:center;gap:4px;min-height:20px;padding:1px 8px;font-size:10.5px;font-style:normal;font-weight:700;line-height:1;display:inline-flex}.badgeWarn{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-ink)}.badgeEst{background:var(--info-soft);color:var(--info)}.badgeUnknown{background:var(--err-bg);color:var(--err-ink)}.badgeDir{background:var(--panel-strong);color:var(--muted);padding:1px 6px}.emphCell{font-weight:700}td.up,strong.up{color:var(--delta-up);font-weight:700}td.down,strong.down{color:var(--delta-down);font-weight:700}td.flat{color:var(--muted)}.shareCell{min-width:130px}.shareCellContent{width:100%;height:36px;display:block;position:relative}.shareBar{border-radius:var(--radius);background:var(--share-track);height:6px;display:block;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.shareFill{border-radius:var(--radius);background:linear-gradient(90deg, var(--accent), var(--accent-strong));height:100%;transition:none;display:block}.shareText{color:var(--muted);font-size:11.5px;line-height:1;position:absolute;bottom:calc(50% + 5px);left:0;right:0}.buffGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.field{background:var(--panel-soft);border-radius:var(--radius);grid-template-columns:minmax(70px,1fr) minmax(90px,1.1fr);align-items:center;gap:10px;min-height:46px;padding:8px 12px;display:grid}.field span{color:var(--muted);font-size:12px}.field input{text-align:right;width:100%;min-height:32px}.details{gap:16px;display:grid}.detailTop{grid-template-columns:minmax(200px,280px) minmax(0,1fr);align-items:end;gap:12px;display:grid}.selectField{gap:6px;display:grid}.selectField span{color:var(--muted);font-size:12px}.detailHeader{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.detailHeader>div{background:var(--panel-strong);gap:4px;padding:10px 12px;display:grid}.detailHeader span{color:var(--muted);font-size:11px}.detailHeader strong{font-variant-numeric:tabular-nums;font-size:14.5px}.formulaStrip{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.formulaDisclosure{gap:8px;display:grid}.formulaToggleButton{background:var(--panel-soft);min-height:34px;color:var(--ink);justify-self:start;padding:0 11px;font-size:12px;font-weight:700}.formulaToggleChevron{color:var(--muted);display:inline-flex}.formulaSummary{gap:8px;width:100%;display:grid;overflow:hidden}.basicAttackPowerFormula{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--accent-soft) 62%, var(--panel-soft));align-items:flex-start;gap:8px;padding:9px 12px;display:flex}.basicAttackPowerFormula>svg{color:var(--accent-strong);flex:none;margin-top:2px}.basicAttackPowerFormula>div{gap:2px;min-width:0;display:grid}.basicAttackPowerFormula strong{color:var(--ink);font-size:11.5px}.basicAttackPowerFormulaExpression{color:var(--accent-strong);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.basicAttackPowerFormulaNote{color:var(--muted);font-size:11px}.formulaVariable{border-radius:var(--radius);background:color-mix(in srgb, var(--formula-value) 13%, transparent);color:var(--formula-value);font-variant-numeric:tabular-nums;cursor:help;border-bottom:1px dotted;padding:0 2px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800;display:inline-block}.formulaSymbol{color:var(--formula-symbol);font-weight:800}.formulaFactorName{color:var(--formula-name);font-weight:700}.formulaFactor{display:inline}.formulaVariable:hover,.formulaVariable:focus-visible{background:var(--accent-soft);outline:1px solid color-mix(in srgb, var(--accent) 45%, transparent)}.formulaStep{border-radius:var(--radius);background:var(--panel-strong);gap:3px;padding:6px 12px;display:grid}.formulaStep span{color:var(--muted);font-size:10.5px}.formulaStep strong{font-variant-numeric:tabular-nums;font-size:14px}.formulaResult{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent)}.formulaArrow{color:var(--muted);font-style:normal;font-weight:700}.motionCasePanel{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;grid-template-columns:minmax(150px,1fr) minmax(140px,.8fr) repeat(3,minmax(105px,.7fr));align-items:end;gap:10px;padding:12px 0;display:grid}.motionCaseValue{border-radius:var(--radius);background:var(--panel-strong);align-content:center;gap:4px;min-height:60px;padding:8px 12px;display:grid}.motionCaseValue span{color:var(--muted);font-size:11px}.motionCaseValue strong{font-variant-numeric:tabular-nums;font-size:15px}.details section>h2{margin-bottom:8px;font-size:13px}.modifierGroupColumns{columns:2;column-gap:14px;display:block}.modifierEmptyState{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);min-height:70px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:8px;padding:16px;line-height:1.5;display:flex}.modifierEmptyState svg{color:var(--accent-strong);flex:none}.modifierStage{break-inside:avoid;vertical-align:top;border:1px solid var(--line);border-left:3px solid var(--line-strong);background:0 0;width:100%;min-width:0;margin-bottom:10px;display:inline-block;overflow:hidden}.modifierStage-H{column-span:all;display:block}.modifierStage-H .modifierStageGroups{columns:2;column-gap:10px;display:block}.modifierStage-H .modifierGroup{break-inside:avoid;margin-bottom:0}.modifierStageHeader{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 76%, var(--accent-soft));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:8px 10px;display:grid}.modifierStageHeader>div{gap:2px;min-width:0;display:grid}.modifierStageHeader h3{color:var(--ink);margin:0;font-size:13px;font-weight:850}.modifierStageHeader p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;line-height:1.4}.modifierStageHeader>em{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--muted);white-space:nowrap;padding:3px 6px;font-size:9.5px;font-style:normal;font-weight:750}.modifierStageGroups{gap:0;padding:0;display:grid}.modifierCalculationTrace{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--accent-soft) 36%, var(--panel));flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:8px 10px;display:flex}.modifierCalculationTerm{white-space:nowrap;align-items:baseline;gap:5px;min-width:0;display:inline-flex}.modifierCalculationTerm>span{color:var(--muted);font-size:10px}.modifierCalculationTerm>strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px}.modifierCalculationOperator{color:var(--muted);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:850}.modifierCalculationResult{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--line));border-radius:var(--radius);background:var(--panel);padding:4px 6px}.modifierCalculationResult>strong{color:var(--accent-strong)}.modifierStageCoefficient{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--accent-soft) 36%, var(--panel));justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:7px 10px;display:flex}.modifierStageCoefficient span{color:var(--muted);font-size:11px}.modifierStageCoefficient strong{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-size:12.5px}.modifierStageNeutral{background:var(--panel);border-style:dashed}.modifierGroup{border:0;border-top:1px solid var(--line);background:0 0;overflow:hidden}.modifierGroupHeader{border-bottom:1px solid var(--line);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.modifierGroupHeader h3,.modifierGroupHeader h4{color:var(--ink);margin:0;font-size:14px;font-weight:800}.modifierGroupHeader strong{color:var(--accent-strong);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.modifierStepList{display:grid}.modifierStep{border-bottom:1px solid var(--line);grid-template-columns:14px minmax(0,1fr) 72px 58px 58px;align-items:start;gap:6px;min-height:36px;padding:7px 9px;font-size:12px;display:grid}.modifierStep:last-child{border-bottom:0}.modifierBranch{color:var(--muted);font-size:13px;line-height:1}.breakdown{border:1px solid var(--line);border-radius:var(--radius);display:grid;overflow:hidden}.breakdownRow{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1.5fr) 96px minmax(0,1.1fr) 64px;align-items:center;gap:12px;min-height:40px;padding:8px 12px;font-size:12.5px;display:grid}.breakdownRow:last-child{border-bottom:0}.breakdownRow.kind-ignored{opacity:.55}.stepKind{text-align:center;border-radius:var(--radius);background:var(--panel-strong);color:var(--muted);padding:3px 0;font-size:10.5px;font-style:normal;font-weight:700}.stepKind.kind-add{color:var(--up);background:var(--up-soft)}.stepKind.kind-crit,.stepKind.kind-direction{color:var(--down);background:var(--err-bg)}.stepKind.kind-cooldown{color:var(--info);background:var(--info-soft)}.stepKind.kind-multiply,.stepKind.kind-base{color:var(--accent);background:var(--accent-soft)}.stepLabel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modifierStep .stepLabel{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:keep-all;min-width:0;line-height:1.4;overflow:visible}.warnLabel{align-items:center;gap:5px;display:inline-flex}.stepValue{text-align:right;font-variant-numeric:tabular-nums}.operationTag{border:1px solid var(--line);border-radius:var(--radius);text-align:center;white-space:nowrap;padding:3px 5px;font-size:10.5px;font-style:normal;font-weight:800}.operation-add{border-color:color-mix(in srgb, var(--info) 35%, transparent);background:var(--info-soft);color:var(--info)}.operation-multiply{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn-ink)}.operation-cap{border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:var(--accent-soft);color:var(--accent)}.modifierStageFinal{border-left-color:color-mix(in srgb, var(--up) 72%, var(--line))}.modifierFinalValues{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;display:grid}.modifierFinalValues>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:3px;min-width:0;padding:8px;display:grid}.modifierFinalValues span{color:var(--muted);font-size:10.5px}.modifierFinalValues strong{color:var(--ink);font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.stepReason{text-align:right;color:var(--muted);font-size:12px;font-weight:500}.confTag{text-align:center;border-radius:var(--radius);padding:3px 0;font-size:10.5px;font-style:normal;font-weight:700}.conf-confirmed{background:var(--up-soft);color:var(--up)}.conf-estimated{background:var(--accent-soft);color:var(--accent)}.conf-unknown{background:var(--err-bg);color:var(--err-ink)}.detailWarnings section{min-width:0}.compact .breakdownRow{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) 64px}.detailFootnote{color:var(--muted);margin:0;font-size:11.5px}.settingsBtn{position:relative}.dialogOverlay{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05070b9e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{width:min(680px,100%);max-height:calc((var(--app-vh) * 100) - 48px);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--panel);box-shadow:none;padding:16px 18px;overflow-y:auto}.dialogHead{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dialogHead h2{font-size:16px}.dialogClose{width:34px;min-height:34px;color:var(--muted);background:0 0;border:0;padding:0}.dialogSection h3{align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.dialogSection+.dialogSection{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.dialogSection h3 svg{color:var(--accent)}.dialogHelp{color:var(--muted);margin:0 0 12px;font-size:12.5px}.dialogHelp a{color:var(--info);text-underline-offset:3px}.settingsStatusGrid{flex-wrap:wrap;gap:7px;display:flex}.settingsToggleList{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.settingsToggle{border-color:var(--line);background:var(--panel-soft);min-width:0;min-height:56px;color:var(--muted);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.settingsToggle:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.settingsToggle>span{gap:2px;min-width:0;display:grid}.settingsToggle strong{color:var(--ink);font-size:12.5px}.settingsToggle small{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:500;overflow:hidden}.settingsToggle em{border-radius:var(--radius);background:var(--panel-strong);min-width:36px;color:var(--muted);text-align:center;padding:4px 6px;font-size:10px;font-style:normal;font-weight:850}.settingsToggle.isActive{border-color:color-mix(in srgb, var(--up) 42%, var(--line));background:color-mix(in srgb, var(--up-soft) 58%, var(--panel-soft))}.settingsToggle.isActive em{background:var(--up-soft);color:var(--up)}.settingsExcludedBox{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);overflow:hidden}.settingsExcludedBox summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 12px;list-style:none;display:flex}.settingsExcludedBox summary::-webkit-details-marker{display:none}.settingsExcludedBox summary>span{color:var(--ink);align-items:center;gap:6px;font-size:13px;font-weight:750;display:inline-flex}.settingsExcludedBox summary svg{color:var(--warn-ink)}.settingsExcludedBox summary>strong{color:var(--muted);font-size:11px}.settingsExcludedContent{gap:8px;padding:0 10px 10px;display:grid}.settingsExcludedContent>p{color:var(--muted);margin:0;font-size:11px}.settingsExcludedList{border:0;border-top:1px solid var(--line);background:0 0;max-height:240px;display:grid;overflow-y:auto}.settingsExcludedRow{border-bottom:1px solid var(--line);grid-template-columns:minmax(110px,.8fr) minmax(0,1.4fr) 58px;align-items:center;gap:8px;min-height:38px;padding:7px 9px;display:grid}.settingsExcludedRow:last-child{border-bottom:0}.settingsExcludedRow>span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.settingsExcludedRow>strong{color:var(--muted);text-align:right;font-size:11px;font-weight:500;line-height:1.4}.settingsEmptyText{border-radius:var(--radius);background:var(--panel);text-align:center;padding:8px}.settingsWarnBox{border-radius:var(--radius);border:1px solid var(--warn-border);background:var(--warn-bg);color:var(--warn-ink);overflow:hidden}.settingsWarnBox summary{cursor:pointer;align-items:center;min-height:34px;padding:0 12px;font-size:12.5px;font-weight:700;list-style:none;display:flex}.settingsWarnBox summary::-webkit-details-marker{display:none}.settingsWarnBox ul{gap:5px;max-height:190px;margin:0;padding:0 14px 12px 28px;font-size:12px;display:grid;overflow-y:auto}.dialogActions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.projectUpdatesDialog{flex-direction:column;width:min(720px,100%);display:flex;overflow:hidden}.projectUpdatesDialogHead{flex:none;margin-bottom:8px}.projectUpdatesDialogTitle{align-items:center;gap:8px;display:flex}.projectUpdatesDialogTitle svg{color:var(--accent)}.projectUpdatesDialogDescription{flex:none;margin-bottom:14px}.projectUpdatesList{overscroll-behavior:contain;scrollbar-gutter:stable;gap:0;min-height:0;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.projectUpdateArticle{border:0;border-top:1px solid var(--line);background:0 0;overflow:hidden}.projectUpdatesList>li:first-child .projectUpdateArticle{border-top:0}.projectUpdateArticleHead{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 13px 9px;display:flex}.projectUpdateArticleHead time{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--accent-soft) 72%, transparent);color:var(--accent);letter-spacing:.02em;flex:none;padding:3px 7px;font-size:10.5px;font-weight:750}.projectUpdateArticleHead h3{min-width:0;color:var(--ink);font-size:14px}.projectUpdateHighlights{color:var(--muted);gap:6px;margin:0;padding:11px 16px 12px 31px;font-size:12.5px;line-height:1.55;display:grid}.projectUpdateHighlights li::marker{color:var(--accent)}.projectUpdatesEmpty{border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);text-align:center;margin:0;padding:28px 16px}.projectUpdatesDialogActions{border-top:1px solid var(--line);flex:none;margin-top:14px;padding-top:14px}.projectUpdatesDialogActions button{min-width:88px}@media (width<=520px){.heroRefreshStatus{display:none}.settingsToggleList{grid-template-columns:1fr}.settingsExcludedRow{grid-template-columns:minmax(0,1fr) 52px}.settingsExcludedRow>strong{text-align:left;grid-area:2/1/auto/-1}.projectUpdatesDialogOverlay{padding:12px}.projectUpdatesDialog{max-height:calc((var(--app-vh) * 100) - 24px);padding:14px}.projectUpdateArticleHead{gap:7px;display:grid}.projectUpdateArticleHead time{justify-self:start}.projectUpdateHighlights{padding:10px 13px 11px 27px;font-size:12px}.appHeader{gap:10px}.eyebrow{display:none}}.empty{min-height:260px;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);align-content:center;place-items:center;gap:10px;display:grid}.footerNote{padding:14px var(--site-gutter) 22px;color:var(--muted);border-top:1px solid var(--line);background:var(--bg-raised);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 28px;font-size:11.5px;display:grid}.footerPrimary,.footerMeta{gap:5px;display:grid}.footerMeta{text-align:right;white-space:nowrap;justify-items:end}.footerNote strong{color:var(--warn-ink)}.footerNote a{color:var(--info);text-underline-offset:3px;font-weight:650}@media (width<=760px){.footerNote{grid-template-columns:1fr}.footerMeta{text-align:left;white-space:normal;justify-items:start}}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--panel-strong);border-radius:var(--radius);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ink) 7%, transparent), transparent);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeletonLine{height:14px;margin:4px 0}.w56{width:56px}.w88{width:88px}.w120{width:120px}.w200{width:200px}.heroNameArea{min-width:0}@media (width>=761px){.hero{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) auto;row-gap:0;display:grid}.heroIdentity{grid-area:3/1;align-self:end}.heroMetrics{grid-area:3/2;align-self:end}.heroRefresh{grid-area:1/2;place-self:start end;position:static}.heroRefreshNotice{grid-area:2/1/auto/-1;align-self:end}}@media (width<=1120px){.appHeader{flex-wrap:wrap;gap:10px}.searchForm{order:3;grid-template-columns:minmax(0,1fr) auto;width:100%;margin-left:0}.headerActions{margin-left:auto}.workspace,.simulationWorkspace,.damageWorkspace{grid-template-columns:1fr}.damageControlRow{height:clamp(360px, calc((var(--app-vh) * 100) - 300px), 500px);grid-template-columns:minmax(0,1fr)}.damageControlRow .controls{display:block}.damageControlRow .controlGroup{border-right:0;border-bottom:1px solid var(--line)}.damageControlRow .controlsFooter{grid-column:auto}.controls{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:static}.skillTuning{position:static}.skillTreeRow{gap:8px;min-width:0}.skillTreeRow.noTripods{min-width:0}.skillTuningLayout{grid-template-columns:1fr}.skillTuneList{max-height:280px}.controlGroup{border-bottom:0;border-right:1px solid var(--line)}.controlGroup:last-of-type{border-right:0}.controlsFooter{border-top:1px solid var(--line);grid-column:1/-1}.specGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.metricCell{flex:0 auto;min-width:max-content}.modifierGroupColumns,.modifierStage-H .modifierStageGroups{columns:1}.simDirectAccessoryControls{grid-template-columns:1fr}.simDirectEngravingControls{grid-template-columns:minmax(0,1fr) 50px 45px minmax(0,72px)}.simDirectEngravingControls .simDirectWarning{grid-column:1/-1}}@media (width<=900px){.damageControlRow{grid-template-columns:1fr;height:auto}.damageControlRow .damageSidebar,.damageControlRow .controls,.damageControlRow>.skillTuning{height:auto}.damageControlRow .controls,.damageControlRow>.skillTuning,.damageControlRow .skillTreeTable{overflow:visible}.damageControlRow>.skillTuning{display:block}}@media (width<=760px){body{font-size:13.5px}.appHeader{row-gap:10px}.appHeader h1{font-size:18px}.searchForm{grid-template-columns:minmax(0,1fr) auto}.hero{align-content:flex-end;row-gap:14px;min-height:178px;padding:16px 12px 18px}.heroCharacterImage{height:clamp(300px, calc(var(--app-vw) * 58), 470px);filter:saturate(.94)contrast(1.06)brightness(.96);left:57%;-webkit-mask-image:linear-gradient(#0000 2%,#000 16% 36%,#0000 50%);mask-image:linear-gradient(#0000 2%,#000 16% 36%,#0000 50%)}.heroCharacterBackdrop{-webkit-mask-image:linear-gradient(90deg,#0000 45%,#000 53% 61%,#0000 68%);mask-image:linear-gradient(90deg,#0000 45%,#000 53% 61%,#0000 68%)}.hero:after{background:linear-gradient(90deg, color-mix(in srgb, var(--panel) 92%, transparent) 0%, color-mix(in srgb, var(--panel) 48%, transparent) 30%, transparent 52%)}.heroIdentity{flex:100%}.heroMetrics{justify-content:flex-start;gap:clamp(16px, calc(var(--app-vw) * 4), 34px);flex:auto;width:auto}.heroRefresh{flex:none;order:0;justify-content:flex-end;align-items:end;margin-left:auto;position:static}.heroNameLine{font-size:28px}.buffGrid,.specGrid,.specColumns,.characterPanelEditor .specColumns>.specColumn:last-child,.arkPassiveCategoryGrid,.characterPanelEditor .arkPassiveCategoryGrid{grid-template-columns:1fr}.characterPanelEditor .arkPassiveIcon{width:48px;height:48px}.characterPanelEditor .simArkNodeLevelStepper{--sim-ark-level-control-width:48px}.arkPassiveNodeGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.arkGridCoreRow{grid-template-columns:1fr}.arkGridGemList{justify-content:flex-start;padding-left:56px}.accRowEditable{grid-template-columns:51px minmax(0,1fr)}.equipRowEditable{grid-template-columns:51px minmax(0,1fr) 58px}.simDirectBraceletControls{grid-template-columns:1fr}.accRowEditable>.qBadge{min-width:0;font-size:16px;position:absolute;top:8px;right:8px}.simDirectEngravingControls{grid-template-columns:minmax(0,1fr) 50px 45px minmax(0,68px)}.simSettingToolbar.hasActiveSetting{grid-template-columns:repeat(4,minmax(0,1fr))}.engravingRowEditable{grid-template-columns:51px minmax(0,1fr)}.simDirectArkGridCoreControls{grid-template-columns:minmax(80px,.4fr) minmax(80px,.4fr)}.simDirectArkGridCoreControls .simArkGridCoreSelect{grid-area:2/1/auto/-1}.simDirectArkGridCoreControls>.simDirectCompactSelectWrap{grid-area:1/2}.arkGridCoreRowEditable .arkGridGemList{padding-left:0}.metricRow,.controls{grid-template-columns:1fr}.damageControlRow{grid-template-columns:1fr;height:auto}.damageControlRow .damageSidebar,.damageControlRow .controls,.damageControlRow>.skillTuning{height:auto}.damageControlRow .controls,.damageControlRow>.skillTuning,.damageControlRow .skillTreeTable{overflow:visible}.damageControlRow>.skillTuning{display:block}.editGrid{grid-template-columns:1fr}.skillTreeTable{overflow-x:hidden}.skillSelectRow{grid-template-columns:52px minmax(0,1fr)}.skillSelectTripods{grid-column:1/-1;justify-content:flex-start;padding-left:62px}.skillTuneHead{grid-template-columns:48px minmax(0,1fr)}.skillTuneHead .editField{grid-column:1/-1}.gearStatic{text-align:left}.controlGroup{border-right:0;border-bottom:1px solid var(--line)}.toolbar{flex-direction:column;align-items:stretch}.tabs{flex-wrap:nowrap;overflow-x:auto}.tabs button{flex:none}.actions{justify-content:flex-end}.detailTop{grid-template-columns:1fr}.detailHeader{grid-template-columns:repeat(2,minmax(0,1fr))}.motionCasePanel{grid-template-columns:1fr}.modifierStep{grid-template-columns:14px minmax(0,1fr) auto auto;grid-template-areas:"branch label label label"".value operation confidence";gap:6px 8px}.modifierStep .modifierBranch{grid-area:branch}.modifierStep .stepLabel{grid-area:label}.modifierStep .stepValue{text-align:left;grid-area:value}.modifierStep .operationTag{grid-area:operation}.modifierStep .confTag{grid-area:confidence}.modifierStageHeader{grid-template-columns:minmax(0,1fr)}.modifierStageHeader>em{grid-column:1;justify-self:start}.breakdownRow{grid-template-columns:56px minmax(0,1.4fr) 84px 56px}.compact .breakdownRow{grid-template-columns:minmax(0,1fr) 56px}.compact .stepReason{text-align:left;grid-column:1/-1}.results{padding:12px}.workspace,.simulationWorkspace,.damageWorkspace{gap:12px;padding:12px}.characterDetails,.errorBand,.warnBox,.mainTabs{margin-left:12px;margin-right:12px}.characterEmptyState,.characterLoadingState{width:calc(100% - 24px);margin-left:12px;margin-right:12px}.hero{margin-left:12px;margin-right:12px}}.errorFallback{border:1px solid var(--err-border);border-radius:var(--radius);background:var(--err-bg);min-width:0;color:var(--ink)}.errorFallbackIcon{color:var(--err-ink);place-items:center;display:inline-grid}.errorFallbackPanel{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}main>.errorFallbackPanel{margin:12px var(--site-gutter) 0}@media (width<=760px){main>.errorFallbackPanel{margin-left:12px;margin-right:12px}}.errorFallbackCopy{flex:150px;gap:2px;min-width:0;display:grid}.errorFallbackCopy strong{font-size:12.5px;font-weight:700}.errorFallbackCopy small{color:var(--muted);font-size:11px;line-height:1.45}.errorFallbackAction{border-color:var(--err-border);min-height:30px;color:var(--err-ink);background:0 0;flex:none;gap:5px;padding:0 10px;font-size:12px;font-weight:700}.errorFallbackApp{width:min(560px,100% - 32px);margin:clamp(40px, calc(var(--app-vh) * 12), 120px) auto;text-align:center;box-shadow:none;justify-items:center;gap:10px;padding:28px 26px;display:grid}.errorFallbackApp h2{font-size:19px}.errorFallbackDescription{max-width:44ch;color:var(--ink);margin:0;font-size:13px;line-height:1.6}.errorFallbackNotice{color:var(--muted);margin:0;font-size:12px}.errorFallbackActions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.errorFallbackActionPrimary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.errorFallbackDetails{max-width:100%;color:var(--muted);text-align:left;margin-top:6px;font-size:11.5px}.errorFallbackDetails summary{cursor:pointer;text-align:center}.errorFallbackDetails code{border-radius:var(--radius);background:var(--panel-strong);color:var(--err-ink);overflow-wrap:anywhere;margin-top:7px;padding:8px 10px;font-size:11px;line-height:1.5;display:block;overflow-x:auto}[data-motion-tone=up]{color:var(--delta-up);text-shadow:0 0 12px color-mix(in srgb, var(--delta-up) 62%, transparent)}[data-motion-tone=down]{color:var(--delta-down);text-shadow:0 0 12px color-mix(in srgb, var(--delta-down) 62%, transparent)}.rankNum[data-motion-direction=down]{background-color:var(--delta-up-soft)}.rankNum[data-motion-direction=up]{background-color:var(--delta-down-soft)}[data-motion-tone=flat]{transition:color var(--motion-flash) var(--ease-out), text-shadow var(--motion-flash) var(--ease-out)}.rankNum[data-motion-direction=flat]{transition:background-color var(--motion-flash) var(--ease-out)}.mainTabs button,.tabs button{transition:background-color var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out)}.mainTabs button:hover:not(:disabled):not(.selected),.tabs button:hover:not(:disabled):not(.selected){background:var(--accent-soft);color:var(--ink)}.searchForm button.btnPrimary{transition:background-color var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out)}@media (width<=1120px){.landingHeader{gap:18px}.landingHeader .searchForm{order:0;width:min(560px,100%);margin-left:0}.landingHeader .headerActions{margin-left:0}}@media (width<=760px){.landingHeader{padding-top:clamp(44px, calc(var(--app-vh) * 8), 68px);row-gap:18px}.landingHeader h1{font-size:clamp(30px, calc(var(--app-vw) * 7), 44px)}.landingHeader .searchForm input,.landingHeader .searchForm button{min-height:44px}}@media (width<=520px){.landingHeader .eyebrow{letter-spacing:.16em;display:block}}.mainTabs button{flex:150px}@media (width<=520px){.mainTabs button:first-child{flex:100%}.mainTabs button+button{flex:calc(50% - 9px)}}@media (width<=620px){.gemShowcase{--gem-display-width:clamp(16px, calc((100cqw - 40px) / 8), 56px);flex-wrap:wrap}.gemShowcaseDense{height:auto}.gemShowcase{overflow-y:visible}.gemShowcase .gemShowcaseGroup,.gemShowcase .gemShowcaseList,.gemShowcase .gemBaseAttack{flex:100%;min-width:0}.gemShowcase .gemBaseAttack{border-left:0;border-bottom:1px solid var(--line-strong);order:-1;align-self:auto;margin-left:0;padding-bottom:10px;padding-left:0}.gemShowcaseDense .gemShowcaseGroup+.gemShowcaseGroup .gemShowcaseList{border-left:0;border-top:1px solid var(--line-strong);padding-top:10px;padding-left:0}.gemShowcaseDense .gemShowcaseList{justify-content:flex-start;gap:4px}}@media (width<=520px){.heroCharacterBackdrop{-webkit-mask-image:linear-gradient(90deg,#0000 66%,#000 72% 80%,#0000 88%);mask-image:linear-gradient(90deg,#0000 66%,#000 72% 80%,#0000 88%)}.heroCharacterImage{left:77%}.heroFavoriteButton,.heroRefreshButton{background:var(--panel)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spin{animation:1.6s linear infinite spin!important}}