@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/where-builds-meet/assets/noto-sans-cyrillic-ext-wght-normal-DSNfmdVt.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/where-builds-meet/assets/noto-sans-cyrillic-wght-normal-B2hlT84T.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/where-builds-meet/assets/noto-sans-devanagari-wght-normal-Cv-Vwajv.woff2) format("woff2-variations");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/where-builds-meet/assets/noto-sans-greek-ext-wght-normal-12T8GTDR.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/where-builds-meet/assets/noto-sans-greek-wght-normal-Ymb6dZNd.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/where-builds-meet/assets/noto-sans-vietnamese-wght-normal-DLTJy58D.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/where-builds-meet/assets/noto-sans-latin-ext-wght-normal-W1qJv59z.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/where-builds-meet/assets/noto-sans-latin-wght-normal-BYSzYMf3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer tokens,base,layout,components,utilities;@layer tokens{:root{color-scheme:dark;--font-sans: "Noto Sans Variable", "Noto Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--font-display: var(--font-sans);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-2xs: .25rem;--radius-xs: .3125rem;--radius-sm: .375rem;--radius-md: .4375rem;--radius-lg: .5rem;--radius-xl: .5625rem;--radius-2xl: .625rem;--radius-3xl: .6875rem;--radius-pill: 999px;--focus-ring: 2px solid var(--primary);--focus-ring-offset: 2px;--transition-fast: .12s ease;--transition-normal: .18s ease;--bg: oklch(.18 .015 275);--bg-gradient-top: oklch(.24 .025 310);--surface: oklch(.22 .018 270);--surface-alt: oklch(.19 .014 265);--surface-sunken: oklch(.16 .012 265);--surface-header: oklch(.25 .02 268);--border: oklch(.32 .02 265);--border-muted: oklch(from var(--border) l c h / .6);--border-strong: oklch(from var(--border) calc(l + .1) c h);--text: oklch(.96 .005 270);--text-muted: oklch(.72 .02 265);--text-dim: oklch(from var(--text-muted) calc(l - .12) c h);--primary: oklch(.76 .11 78);--primary-hover: oklch(from var(--primary) calc(l + .06) c h);--primary-soft: oklch(from var(--primary) l c h / .13);--primary-active: oklch(from var(--primary) l c h / .22);--primary-contrast: oklch(.18 .02 60);--secondary: oklch(.74 .09 250);--secondary-soft: oklch(from var(--secondary) l c h / .16);--error: oklch(.72 .15 25);--error-soft: oklch(from var(--error) l c h / .14);--error-border: oklch(from var(--error) l c h / .45);--success: oklch(.78 .13 145);--success-soft: oklch(from var(--success) l c h / .14);--damage-physical: var(--text);--damage-bellstrike: oklch(.74 .09 250);--damage-stonesplit: oklch(.74 .075 35);--damage-silkbind: oklch(.76 .045 165);--damage-bamboocut: oklch(.75 .065 300);--event-trigger: oklch(from var(--damage-bellstrike) l c h / .18);--event-dot: oklch(from var(--damage-bamboocut) l c h / .16);--event-move: oklch(from var(--damage-silkbind) l c h / .14);--event-default: oklch(from var(--text-muted) l c h / .12);--backdrop: oklch(.1 .015 265 / .78);--shadow-color: oklch(0 0 0 / .25);--shadow-strong: oklch(0 0 0 / .62)}@media(prefers-contrast:more){:root{--border: oklch(.58 .02 265);--border-muted: var(--border);--text-muted: oklch(.84 .015 265);--text-dim: var(--text-muted)}}}@layer base{html{scrollbar-gutter:stable;font-size:100%}*,*:before,*:after{box-sizing:border-box}.ui-icon{display:inline-block;inline-size:1em;block-size:1em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em}body{margin:0;min-inline-size:20rem;background:radial-gradient(circle at top,var(--bg-gradient-top) 0,var(--bg) 42rem);color:var(--text);font-family:var(--font-sans);line-height:1.45;overflow-wrap:break-word}button,input,select,textarea{max-inline-size:100%;min-inline-size:0;font-family:inherit;font-size:inherit;color:inherit}button,label,p{-webkit-hyphens:auto;hyphens:auto}small{font-size:inherit}h1,h2,h3,p{margin-block-start:0}h1{margin-block-end:var(--space-xs);font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.625rem);letter-spacing:-.03em}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{margin:0;appearance:none}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(forced-colors:active){:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:Highlight}:where(button,input,select,textarea){border-color:CanvasText}}}@layer layout{.page-shell{inline-size:calc(100% - 28px);margin:0 auto;padding:28px 0 32px}.viewport-page-shell{display:flex;block-size:100dvh;min-block-size:0;flex-direction:column;overflow:hidden}.viewport-page-shell .page-header{flex:0 0 auto;margin-block-end:16px}.viewport-page-shell .path-selector{flex:0 0 auto}.viewport-page-shell .main-tabs{flex:0 0 auto;margin-block-end:12px}.viewport-tab-content{min-block-size:0;flex:1;overflow:hidden}.viewport-tab-content>.build-manager-panel,.viewport-tab-content>.rotation-editor-panel{block-size:100%;margin-block-end:0}.viewport-tab-content .build-manager-layout{block-size:100%;min-block-size:0}.viewport-tab-content .build-editor-content{min-block-size:0;overflow-y:auto}.viewport-page-shell .page-footer{flex:0 0 auto;flex-wrap:wrap;margin-block-start:12px;padding-block-start:10px;padding-block-end:0}.main-tabs{display:flex;gap:4px;margin-block-end:22px;border-block-end:1px solid var(--border);overflow-x:auto}.main-tabs button{min-inline-size:max-content;border:0;border-block-end:2px solid transparent;padding:10px 16px;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-weight:700}.main-tabs button:hover,.main-tabs button.active{border-block-end-color:var(--primary);color:var(--text)}.main-tabs button.modified{background:var(--primary-soft);color:var(--primary)}.path-selector{display:flex;align-items:center;gap:12px;margin-block-end:10px}.path-selector-options{display:flex;flex-wrap:wrap;gap:7px}.path-selector-options button{display:flex;min-block-size:42px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-lg);padding:5px 12px;background:oklch(from var(--surface-alt) l c h / .82);color:var(--text-muted);cursor:pointer;font:inherit;font-weight:700;line-height:1.2;overflow-wrap:anywhere;white-space:normal}.path-selector-options button:hover,.path-selector-options button.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}.path-selector-options button:disabled{border-color:var(--border);background:oklch(from var(--surface-alt) l c h / .55);color:var(--text-muted);cursor:not-allowed;opacity:.45}.path-selector-options img{inline-size:30px;block-size:30px;border-radius:var(--radius-xs);object-fit:contain}.path-status-badge{border:1px solid oklch(from var(--primary) l c h / .55);border-radius:var(--radius-pill);padding:1px 6px;color:var(--primary);font-size:.75rem;line-height:1.35;letter-spacing:.05em}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-block-end:16px}.page-header .dev-mode-button{min-block-size:44px;min-inline-size:4.5rem;flex:0 0 auto}.page-header .page-header-controls{display:flex;flex:0 0 auto;align-items:end;flex-wrap:wrap;justify-content:end;gap:12px}.page-header .locale-selector{display:grid;gap:4px}.page-header .locale-selector span{color:var(--text-muted);font-size:.875rem}.page-header .locale-selector select{min-block-size:44px}.page-header>*,.panel-heading>*,.path-selector>*{min-inline-size:0}.eyebrow{margin:0 0 6px;color:var(--primary);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.intro{max-inline-size:620px;margin-block-end:0;color:var(--text-muted)}.app-layout{display:grid;grid-template-columns:48rem minmax(26rem,32rem) minmax(22rem,37.5rem);align-items:start;justify-content:start;gap:16px}.app-layout>*{min-inline-size:0}.results-column{position:static}.middle-stats-column{display:grid;gap:12px}.page-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-block-start:24px;padding:16px 2px 6px;border-block-start:1px solid var(--border);color:var(--text-muted)}.page-footer-accuracy{text-align:center}.page-footer a{color:var(--primary);font-weight:700;text-decoration:none}.page-footer a:hover{text-decoration:underline}.tab-hidden{display:none}@media(max-width:100em){.app-layout{grid-template-columns:minmax(0,48rem) minmax(17.5rem,1fr)}.middle-stats-column{grid-column:1}.results-column{grid-column:2;grid-row:1 / span 2}}@media(max-width:70em){.app-layout{grid-template-columns:1fr}.middle-stats-column,.results-column{grid-column:auto;grid-row:auto}.results-column{position:static}}@media(max-width:37.5em){.page-shell{inline-size:min(100% - 20px,1100px);padding-block-start:22px}.page-header{display:block}.page-header-controls{justify-content:start;margin-block-start:18px}.main-tabs{overflow-x:auto}.main-tabs button{flex:0 0 auto}}}@layer components{.button{max-inline-size:100%;min-inline-size:0;border:1px solid transparent;border-radius:var(--radius-lg);padding:10px 15px;cursor:pointer;font:inherit;font-weight:650;line-height:1.2;overflow-wrap:anywhere;text-align:center;white-space:normal;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.button:disabled{cursor:not-allowed;opacity:.45}.button-primary{background:var(--primary);color:var(--primary-contrast)}.button-primary:hover:not(:disabled){background:var(--primary-hover)}.button-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.button-secondary:hover:not(:disabled){border-color:var(--primary)}.dev-mode-button[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--primary-contrast)}.dev-mode-button[aria-pressed=true]:hover:not(:disabled){background:var(--primary-hover)}.button-danger{border-color:var(--error-border);background:var(--error-soft);color:var(--error)}.button-danger:hover:not(:disabled){border-color:var(--error);background:oklch(from var(--error) l c h / .22)}.button-small{padding:5px 9px;border-color:var(--border);background:var(--surface-alt);color:var(--text);font-size:inherit}.button-small:hover:not(:disabled){border-color:var(--primary)}.icon-button{display:inline-grid;place-items:center;margin-inline-start:8px;border:0;border-radius:var(--radius-2xs);padding:2px 5px;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;vertical-align:middle}.icon-button:hover{background:var(--primary-soft);color:var(--primary)}.stat-reset-button{display:inline-grid;inline-size:19px;block-size:19px;flex:0 0 auto;place-items:center;border:0;border-radius:50%;padding:0;background:var(--primary-soft);color:var(--primary);cursor:pointer;font:inherit;line-height:1}.icon-button .ui-icon,.stat-reset-button .ui-icon,.start-marker .ui-icon{display:block}.stat-reset-button:hover{background:oklch(from var(--primary) l c h / .28);color:var(--text)}.start-marker{inline-size:26px;block-size:26px;border:0;padding:0;background:transparent;color:oklch(from var(--text-muted) l c h / .32);cursor:pointer;line-height:26px}.start-marker:hover,.start-marker.active{color:var(--primary)}.start-marker:disabled:hover{color:oklch(from var(--text-muted) l c h / .32)}}@layer components{.field{display:grid;grid-template-columns:minmax(0,1fr) 112px;grid-template-rows:minmax(28px,auto) auto;gap:2px 6px;min-inline-size:0;align-content:start;color:var(--text-muted)}.field.compact-field{grid-template-rows:30px}.field.compact-field .derived-spacer{display:none}.field-label{display:flex;align-self:center;align-items:center;gap:5px;min-inline-size:0;line-height:1.25;overflow-wrap:anywhere;white-space:normal}.field-label>span{min-inline-size:0}.input-wrap{position:relative;grid-column:2;inline-size:112px;max-inline-size:100%;min-inline-size:0}.field input{inline-size:100%;min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 24px 5px 7px;background:var(--surface-alt);color:var(--text);line-height:20px;appearance:textfield}.field input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.input-unit{position:absolute;inset-block-start:50%;inset-inline-end:8px;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.modified-field input{border-color:oklch(from var(--primary) l c h / .72);background:oklch(from var(--primary) l c h / .08)}.full-row{grid-template-columns:1fr}.full-row .field{inline-size:calc(50% - 6px)}.checkbox-field{display:flex;align-items:center;gap:7px;align-self:end;min-block-size:30px;color:var(--text-muted)}.checkbox-field input{accent-color:var(--primary)}.editor-field,.json-editor-field{display:grid;gap:6px;color:var(--text-muted);font-weight:700}.editor-field-wide{grid-column:1 / -1}.editor-field small{font-weight:400}.editor-field input,.editor-field select,.json-editor-field textarea{inline-size:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);color:var(--text);font:inherit}.editor-field input,.editor-field select{padding:8px 9px}.editor-field input:focus-visible,.editor-field select:focus-visible,.json-editor-field textarea:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.editor-error{margin:14px 0 0;color:var(--error)}@media(max-width:37.5em){.field{grid-template-columns:minmax(0,1fr) 112px}}@media(max-width:26.25em){.full-row .field{inline-size:100%}}}@layer components{.panel{margin-block-end:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-3xl);background:oklch(from var(--surface) l c h / .92);box-shadow:0 12px 30px var(--shadow-color)}.panel-heading{display:flex;min-inline-size:0;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px;margin-block-end:18px}.panel-heading h2{margin-block-end:0;font-size:1.125rem}.panel-heading p{margin:5px 0 0;color:var(--text-muted)}.setup-placeholder-panel{min-block-size:92px}.setup-placeholder-panel p{margin:0;color:var(--text-muted)}.setup-select{inline-size:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px;background:var(--surface-alt);color:var(--text);font:inherit}.gear-set-list{display:grid;gap:12px}.setup-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(4.5rem,auto);align-items:center;gap:8px;color:var(--text-muted)}.gear-set-list .setup-field{grid-template-columns:1fr;gap:6px}.gear-set-list .setup-option-list{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-option-list{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.setup-option-list-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.setup-option-list-food,.setup-option-list-arsenal{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-option-list button{min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-xs);padding:6px 7px;background:var(--surface-alt);color:var(--text-muted);cursor:pointer;font:inherit;line-height:1.2;overflow-wrap:anywhere}.setup-option-list button:hover:not(:disabled),.setup-option-list button.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}.setup-option-list button:disabled{cursor:not-allowed;opacity:.35}.setup-option-control{display:grid;gap:5px;min-inline-size:0}.setup-status-list{display:grid;gap:2px;color:var(--text-muted)}.setup-option-list button>span{display:block}.setup-option-list button small{display:block;margin-block-start:5px;line-height:1.15}.setup-delta-label{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;overflow-wrap:anywhere;white-space:normal}.setup-delta-label>span{display:block}.setup-active-label{color:var(--primary)}.setup-positive-label{color:var(--success)}.setup-negative-label{color:var(--error)}.setup-inactive-label{color:var(--text-muted)}.divinecraft-panel .panel-heading{align-items:flex-start}.divinecraft-option-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.divinecraft-option-spacer{display:block}.divinecraft-option{display:grid;min-inline-size:0;grid-template-rows:auto minmax(24px,auto) minmax(22px,auto);align-content:start;gap:5px;border:1px solid var(--border);border-radius:var(--radius-md);padding:5px;background:var(--surface-alt);color:var(--text-muted);cursor:pointer;font:inherit;text-align:center}.divinecraft-option:hover:not(:disabled),.divinecraft-option.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}.divinecraft-option:disabled{cursor:not-allowed;opacity:.48}.divinecraft-image-frame{display:block;inline-size:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-2xs);background:oklch(from var(--border) calc(l + .1) c h / .35)}.divinecraft-image-frame img{display:block;inline-size:100%;block-size:100%;object-fit:contain}.divinecraft-none-mark{display:grid;inline-size:100%;block-size:100%;place-items:center;color:var(--text-dim);font-size:1.75rem;font-weight:700}.divinecraft-option strong{align-self:center;overflow-wrap:anywhere;line-height:1.15}.divinecraft-option-status{align-self:center;min-inline-size:0}.divinecraft-option-status small{display:block;line-height:1.15;white-space:normal}.divinecraft-option-status .setup-delta-label{display:grid;white-space:normal}.script-option-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.script-option{display:grid;min-inline-size:0;grid-template-rows:auto minmax(24px,auto) minmax(22px,auto);align-content:start;gap:5px;border:1px solid var(--border);border-radius:var(--radius-md);padding:5px;background:var(--surface-alt);color:var(--text-muted);cursor:pointer;font:inherit;text-align:center}.script-option:hover,.script-option.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}.script-image-frame{display:block;inline-size:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-2xs);background:oklch(from var(--border) calc(l + .1) c h / .35)}.script-image-frame img{display:block;inline-size:100%;block-size:100%;object-fit:contain}.script-none-mark{display:block;inline-size:100%;block-size:100%}.script-option strong{align-self:center;min-inline-size:0;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;line-height:1.15}.script-option-status{align-self:center;min-inline-size:0}.script-option-status small{display:block;line-height:1.15;white-space:normal}.script-option-status .setup-delta-label{display:grid;white-space:normal}.global-debuff-panel{padding:12px}.global-debuff-panel .panel-heading{margin-block-end:12px}.global-debuff-list{display:grid;gap:8px}.global-debuff-row{display:grid;gap:3px;min-inline-size:0;color:var(--text-muted)}.global-debuff-options{inline-size:100%;grid-template-columns:repeat(6,minmax(0,1fr))}.global-debuff-options>button{grid-column:span 3}.global-debuff-options.qingyi-options>button{grid-column:span 2}.global-debuff-options button{min-block-size:58px;padding:4px 6px}.global-debuff-options button small{margin-block-start:2px}}@layer components{.character-profile-dialog,.gear-ocr-dialog,.rotation-readable-dialog{inline-size:min(47.5rem,calc(100dvw - 2rem));max-block-size:calc(100dvh - 3rem);overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-2xl);padding:20px;background:var(--surface);color:var(--text);box-shadow:0 24px 70px var(--shadow-strong)}.gear-ocr-dialog{inline-size:min(56.25rem,calc(100dvw - 2rem))}.character-profile-dialog::backdrop,.gear-ocr-dialog::backdrop,.rotation-readable-dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.character-profile-dialog-heading,.gear-ocr-heading,.rotation-readable-heading{display:flex;min-inline-size:0;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}.character-profile-dialog-heading h2,.gear-ocr-heading h2,.rotation-readable-heading h3{margin:0;font-size:1.35rem}.character-profile-dialog-heading p,.character-profile-hint,.gear-ocr-heading p,.rotation-readable-dialog>p{margin:5px 0 0;color:var(--text-muted)}.character-profile-dialog-heading .icon-button,.rotation-readable-heading .icon-button{margin:-4px -4px 0 0;font-size:1.35rem}.character-profile-create{display:grid;grid-template-columns:minmax(0,1fr) minmax(min-content,auto);gap:8px;margin-block-start:18px}.character-profile-create input,.character-profile-row>input{min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 10px;background:var(--surface-sunken);color:var(--text);font:inherit}.character-profile-create input:focus-visible,.character-profile-row>input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.character-profile-hint{margin-block-start:7px}.character-profile-list{display:grid;gap:7px;margin-block-start:16px}.character-profile-row{display:grid;grid-template-columns:minmax(9.375rem,1fr) minmax(min-content,auto);align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px;background:var(--surface-alt)}.character-profile-row>span{color:var(--text-muted)}.character-profile-row>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.calculated-profile-row>strong{padding-inline-start:3px}.character-profile-transfer{display:grid;grid-template-columns:minmax(0,1fr) minmax(min-content,auto);align-items:center;gap:10px;margin-block-start:16px;border-block-start:1px solid var(--border);padding-block-start:14px}.character-profile-transfer>div{display:flex;flex-wrap:wrap;gap:7px}.character-profile-transfer p{grid-column:1 / -1;grid-row:2;margin:0;color:var(--text-muted)}.character-profile-transfer p.error{color:var(--error)}.character-profile-import input{display:none}.rotation-readable-dialog textarea{display:block;inline-size:100%;min-block-size:210px;max-block-size:50dvh;resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;background:var(--surface-sunken);color:var(--text);font-family:var(--font-mono);font-weight:500;line-height:1.7}.rotation-readable-dialog textarea:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.rotation-readable-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-block-start:14px}.rotation-readable-actions>span{margin-inline-end:auto;color:var(--primary)}.official-import-dialog{inline-size:min(47.5rem,calc(100dvw - 2rem));max-block-size:calc(100dvh - 3rem);overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-2xl);padding:20px;background:var(--surface-sunken);color:var(--text);box-shadow:0 24px 70px var(--shadow-strong)}.official-import-dialog::backdrop{background:var(--backdrop)}.official-import-heading{display:flex;min-inline-size:0;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}.official-import-heading h2{margin:3px 0 0}.official-import-steps{display:grid;gap:12px;margin:20px 0;padding-inline-start:24px}.official-import-steps li{padding-inline-start:5px}.official-import-steps a:not(.button){color:var(--primary)}.official-bookmarklet{display:inline-block;margin:0 4px;cursor:grab;text-decoration:none}.official-import-dialog textarea{display:block;inline-size:100%;min-block-size:180px;resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);padding:10px;background:var(--surface-alt);color:var(--text);font-family:var(--font-mono);line-height:1.45}.official-import-dialog textarea:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.official-import-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-block-start:16px}.official-import-privacy{margin:12px 0 0;color:var(--text-muted)}}@layer components{.breakdown-page{display:grid;gap:4px;max-inline-size:1500px}.breakdown-panel{overflow-x:auto}.breakdown-panel .panel-heading{margin-block-end:12px}.breakdown-totals{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px;color:var(--text-muted)}.breakdown-totals strong{margin-inline-start:5px;color:var(--primary);font-size:1rem}.breakdown-table{display:grid;column-gap:12px;inline-size:max-content;min-inline-size:100%;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md)}.breakdown-skill-table{grid-template-columns:minmax(15rem,1fr) repeat(9,max-content);min-inline-size:67.25rem}.breakdown-cast-table{grid-template-columns:minmax(16.25rem,1fr) repeat(6,max-content);min-inline-size:64rem}.breakdown-group-table{grid-template-columns:minmax(16.25rem,1fr) repeat(2,max-content);min-inline-size:34.25rem}.breakdown-table-header,.breakdown-table-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;min-inline-size:0;padding:9px 12px}.breakdown-table-header{background:var(--surface-header);color:var(--text-muted);font-weight:750;text-transform:uppercase}.breakdown-table-header>*,.breakdown-table-row>:not(:first-child){overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;white-space:nowrap}.breakdown-table-row{min-block-size:42px;border-block-start:1px solid var(--border-muted);color:var(--text)}.breakdown-table-row:nth-child(odd){background:oklch(from var(--surface-alt) l c h / .35)}.breakdown-table-header span:not(:first-child),.breakdown-table-row strong{text-align:end}.breakdown-damage-header{display:grid;grid-column:span 2;grid-template-columns:subgrid}.breakdown-damage-header>:first-child{grid-column:1 / -1;text-align:center}.breakdown-damage-header>:not(:first-child){text-align:end}.breakdown-table-row strong{color:var(--text-muted);font-weight:700}.breakdown-stacked-value{display:grid;gap:2px}.breakdown-empty p{margin-block-end:0;color:var(--text-muted)}@media(max-width:43.75em){.breakdown-totals{justify-content:flex-start}}}@layer components{.character-stats-column{display:grid;inline-size:100%;max-inline-size:48rem;gap:12px;min-inline-size:0}.character-secondary-stats{display:grid;grid-template-columns:24.125rem minmax(0,1fr);align-items:start;gap:12px;min-inline-size:0}.character-secondary-stats>.panel{min-inline-size:0;margin-block-end:0}.character-stats-heading{align-items:center}.character-profile-controls{display:flex;min-inline-size:0;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:6px}.character-profile-controls select{inline-size:min(100%,12rem);min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;background:var(--surface-alt);color:var(--text);font:inherit}.character-profile-controls .button{flex:0 0 auto;padding:8px 10px;white-space:nowrap}.stats-grid{display:grid;gap:5px;min-inline-size:0}.stat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-inline-size:0;align-items:start}.stats-panel{padding:12px}.stats-panel .panel-heading{margin-block-end:12px}.stats-panel .stats-grid{grid-template-columns:minmax(0,16rem) 6rem 1rem minmax(0,16rem) 6rem;gap:3px 6px;justify-content:start}.stats-panel .stat-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:6px}.stats-panel .field{grid-column:span 2;grid-template-columns:subgrid;grid-template-rows:minmax(24px,auto) auto}.stats-panel .stat-row>.field:nth-child(2){grid-column:4 / span 2}.stats-panel .input-wrap{inline-size:96px}.stats-panel .field input{line-height:18px}.inline-derived{align-self:start;min-inline-size:0;color:var(--primary);line-height:1.2;overflow-wrap:anywhere}.inline-derived-value{grid-column:2;align-self:start;min-inline-size:0;color:var(--primary);font-weight:650;text-align:start}.derived-spacer{visibility:hidden}.derived-panel{border-color:oklch(from var(--primary) l c h / .35)}.derived-list{display:grid;gap:7px}.derived-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:var(--radius-md);background:var(--primary-soft)}.derived-stat span{color:var(--text-muted);text-transform:capitalize}.derived-stat strong{color:var(--primary);font-size:1rem}.dps-panel{border-color:oklch(from var(--primary) l c h / .45);text-align:center}.dps-panel .panel-heading{text-align:start}.dps-value{margin-block-start:18px;color:var(--primary);font-size:3rem;font-weight:750;letter-spacing:-.04em}.calculation-status{--calculation-progress: 0%;inline-size:fit-content;min-block-size:1.4em;margin-block-start:.2rem;border-radius:.35rem;padding-inline:.45rem;background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 24%,transparent) 0 var(--calculation-progress),transparent var(--calculation-progress) 100%);color:var(--text-muted);font-size:.9rem;font-weight:700;line-height:1.4;letter-spacing:.02em}.panel-heading>div:has(>.calculation-status){display:flex;min-inline-size:0;align-items:baseline;gap:var(--space-xs)}.panel-heading>div>.calculation-status{min-block-size:0;margin-block-start:0;flex:0 0 auto;white-space:nowrap}.calculation-status.idle{display:none}.dps-calculation-status{min-block-size:23px;margin-block-start:4px;margin-inline:auto;font-size:inherit}.dps-calculation-status.idle{display:block;visibility:hidden}.dps-context{display:grid;gap:10px;margin-block-start:16px;border-block-start:1px solid var(--border);padding-block-start:12px;text-align:start}.dps-context>div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.dps-context span{color:var(--text-muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.dps-context strong{min-inline-size:0;color:var(--text);line-height:1.3;overflow-wrap:anywhere}.priority-panel{text-align:start}.priority-panel .panel-heading{margin-block-end:10px}.priority-list{display:grid;gap:7px}.priority-header,.priority-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(6.5rem,auto) minmax(5.5rem,auto);gap:10px;align-items:center;color:var(--text-muted)}.priority-list-with-roll .priority-header,.priority-list-with-roll .priority-row{grid-template-columns:minmax(0,1fr) minmax(5rem,auto) minmax(6.5rem,auto) minmax(5.5rem,auto);gap:10px}.priority-header{padding-block-end:3px;color:var(--text-muted);font-weight:750;text-transform:uppercase}.priority-header span{line-height:1.2;white-space:nowrap}.attunement-panel{padding:12px}.breakthrough-panel{padding-block:.75rem}.breakthrough-heading{position:relative;align-items:center;flex-wrap:nowrap;gap:.75rem;margin-block-end:0}.breakthrough-title{display:flex;min-inline-size:0;align-items:center;gap:.2rem}.breakthrough-control{inline-size:min(100%,6rem)}.breakthrough-detail-trigger{display:inline-grid;flex:0 0 auto;place-items:center}.breakthrough-detail-mark{position:relative;inline-size:1.25rem;block-size:1.25rem;border:1px solid var(--primary);border-radius:50%;padding:0;background:var(--primary-soft);color:var(--primary);cursor:help;font:inherit;font-size:.8rem;font-weight:800;line-height:1}.breakthrough-detail-mark:before{position:absolute;inset:-.75rem;content:""}.breakthrough-detail-mark:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.breakthrough-detail-tooltip{position:absolute;z-index:20;inset-block-start:calc(100% + .65rem);inset-inline-start:0;display:grid;inline-size:min(24rem,100%);gap:.3rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:.65rem .75rem;background:var(--surface);box-shadow:0 .75rem 1.75rem var(--shadow-color);color:var(--text);font-size:.9rem;font-weight:500;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(-.25rem);visibility:hidden;transition:opacity .12s ease,transform .12s ease,visibility .12s}.breakthrough-detail-tooltip>span{white-space:nowrap}.breakthrough-detail-trigger:hover .breakthrough-detail-tooltip,.breakthrough-detail-trigger:focus-within .breakthrough-detail-tooltip{opacity:1;transform:translateY(0);visibility:visible}@media(prefers-reduced-motion:reduce){.breakthrough-detail-tooltip{transition-duration:.01ms}}.priority-header span:nth-child(n+2),.priority-row strong{text-align:end}.priority-row strong{font-weight:700}.priority-max-roll{color:var(--text)}.priority-positive{color:var(--primary)}.priority-negative{color:var(--error)}.priority-section-start{margin-block-start:10px;padding-block-start:10px;border-block-start:1px solid var(--border-muted)}.priority-empty{margin:0;color:var(--text-muted)}@media(max-width:43.75em){.character-stats-heading{align-items:flex-start;flex-direction:column}.character-profile-controls{inline-size:100%;justify-content:flex-start;flex-wrap:wrap}.character-profile-controls select{flex:1 1 150px}.character-profile-row{grid-template-columns:1fr}.character-profile-row>div{justify-content:flex-start;flex-wrap:wrap}.character-secondary-stats{grid-template-columns:1fr}.stats-panel .stats-grid{grid-template-columns:minmax(0,max-content) 96px}.stats-panel .stat-row{grid-column:1 / -1;grid-template-columns:subgrid}.stats-panel .stat-row>.field,.stats-panel .stat-row>.field:nth-child(2){grid-column:1 / -1}.stats-panel .stat-row>span:empty{display:none}}@media(max-width:26.25em){.stat-row{grid-template-columns:1fr}.inline-derived{white-space:normal}}}@layer components{.build-manager-panel{min-block-size:0;padding:0;overflow:hidden}.build-manager-layout{display:grid;grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);min-block-size:650px}.viewport-page-shell .build-manager-layout{min-block-size:0}.build-list{display:flex;min-block-size:0;flex-direction:column;border-inline-end:1px solid var(--border);background:oklch(from var(--surface-alt) l c h / .7)}.build-list-heading{display:grid;grid-template-columns:minmax(max-content,1fr) minmax(min-content,max-content);align-items:center;justify-content:space-between;gap:8px;min-block-size:44px;padding:8px 9px 8px 13px;border-block-end:1px solid var(--border);color:var(--text-muted);font-weight:750;text-transform:uppercase}.build-list-heading .button{inline-size:auto;min-inline-size:0;line-height:1.15;overflow-wrap:normal}.build-list-entries{flex:1 1 0;min-block-size:0;overflow-y:auto}.build-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-block-size:52px;border-block-end:1px solid var(--border-muted);padding:9px 8px 9px 13px;color:var(--text);cursor:pointer}.build-list-item:hover,.build-list-item.editing,.build-list-item.active{background:var(--primary-soft)}.build-list-item.incompatible{opacity:.48}.build-list-item.incompatible:hover,.build-list-item.incompatible.editing{opacity:.78}.build-list-item>span{min-inline-size:0}.build-list-item strong,.build-list-item small{display:block;overflow-wrap:anywhere;white-space:normal}.build-list-item small{margin-block-start:2px;color:var(--text-muted)}.active-build-icon{margin-inline-end:6px;color:var(--primary);font-style:normal}.build-remove-button{display:inline-grid;inline-size:23px;block-size:23px;flex:0 0 auto;place-items:center;border:0;border-radius:var(--radius-2xs);background:transparent;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1}.build-remove-button:hover:not(:disabled){background:var(--error-soft);color:var(--error)}.build-remove-button:disabled{cursor:default;opacity:.25}.build-transfer-actions{margin-block-start:auto;border-block-start:1px solid var(--border);padding:10px}.build-transfer-actions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.build-transfer-actions .button{text-align:center}.build-official-import-button{inline-size:100%;margin-block-start:7px}.build-import-button input{display:none}.build-transfer-actions p{margin:7px 2px 0;color:var(--text-muted);line-height:1.3}.build-transfer-actions p.error{color:var(--error)}.build-editor-content{min-inline-size:0;padding:20px}.build-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-block-end:18px}.build-detail-heading h3{margin:3px 0 0;font-size:1.35rem}.detail-active-button{min-inline-size:6rem}.detail-active-actions{display:flex;flex:0 0 auto;min-inline-size:0;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;gap:10px}.detail-active-actions .button{white-space:nowrap}.build-name-input{display:block;inline-size:min(100%,420px);margin-block-start:4px;border:1px solid var(--primary);border-radius:var(--radius-xs);padding:6px 8px;background:var(--surface-alt);color:var(--text);font:inherit;font-size:1.3rem}.build-page{display:grid;gap:4px}.build-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,24rem);align-items:start;gap:10px}.build-management-grid{display:grid;min-inline-size:0;align-content:start;gap:10px}.build-management-grid .panel{margin-block-end:0}.build-setup-column{display:grid;align-content:start;gap:10px;min-inline-size:0}.build-setup-column .panel{margin-block-end:0}.build-setup-panel{min-inline-size:0}.build-setup-panel .setup-option-list button:disabled.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--text);opacity:.72}.build-setup-panel .inner-way-row select:disabled{border-color:var(--border);background:var(--surface-alt);color:var(--text);cursor:not-allowed;opacity:.72}.build-affix-summary-heading{display:flex;inline-size:100%;align-items:baseline;justify-content:space-between;gap:12px}.build-affix-summary-heading>span{flex:0 0 auto;color:var(--text-muted);font-weight:700}.build-affix-summary-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.build-affix-summary-list li{display:flex;min-inline-size:0;align-items:baseline;justify-content:space-between;gap:12px;padding-block:7px;border-block-end:1px solid var(--border-muted);color:var(--text-muted)}.build-affix-summary-list li:last-child{border-block-end:0}.build-affix-summary-list span{min-inline-size:0;overflow-wrap:normal}.build-affix-summary-list strong{flex:0 0 auto;color:var(--text)}.build-affix-summary-empty{margin:0;color:var(--text-muted)}.equipped-gear-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.equipped-gear-card{position:relative;display:flex;min-block-size:210px;min-inline-size:0;flex-direction:column;gap:5px;border:1px solid var(--border);border-radius:var(--radius-xl);padding:12px;background:var(--surface-alt);color:var(--text);cursor:pointer;font:inherit;text-align:start}.equipped-gear-card:hover,.equipped-gear-card.selected{border-color:var(--primary);background:var(--primary-soft)}.equipped-gear-card:disabled{cursor:default;opacity:1}.equipped-gear-card:disabled:hover{border-color:var(--border);background:var(--surface-alt)}.gear-slot-name{color:var(--primary);font-weight:750;letter-spacing:.08em;text-transform:uppercase}.gear-base-stats{display:grid;grid-template-rows:repeat(2,minmax(1.25em,auto));gap:.125rem;min-block-size:2.625em}.gear-base-stat{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--text-muted);line-height:1.25;white-space:nowrap}.gear-base-stat strong{flex:0 0 auto;color:var(--text)}.gear-empty{margin:auto 0;color:var(--text-muted);text-align:center}.gear-attribute-list{display:grid;gap:4px;margin-block-start:10px;padding-block-start:9px;border-block-start:1px solid var(--border-muted)}.gear-attribute-list.compact{margin-block-start:6px;padding-block-start:6px}.gear-attribute{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;color:var(--text-muted)}.gear-attribute span{min-inline-size:0;overflow-wrap:anywhere}.gear-attribute small{display:block;color:var(--text-dim);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.gear-attribute strong{flex:0 0 auto;color:var(--text)}.gear-attunement-attribute>strong{align-self:flex-end}.available-gear-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.available-gear-card,.add-gear-card{min-block-size:260px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-alt)}.available-gear-card{position:relative;display:flex;min-inline-size:0;flex-direction:column;padding:13px}.available-gear-card.equipped{border-color:var(--primary);box-shadow:inset 0 0 0 1px oklch(from var(--primary) l c h / .25)}.available-gear-heading{display:flex;min-inline-size:0;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px}.available-gear-heading div{display:grid;min-inline-size:0;gap:2px}.available-gear-status{display:grid;justify-items:end;gap:3px;text-align:end}.available-gear-status>span{color:var(--primary);font-weight:750;text-transform:uppercase}.available-gear-status>small{color:var(--text-muted);overflow-wrap:anywhere}.available-gear-card.relayed .available-gear-status{margin-block-start:18px}.gear-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-block-start:auto;padding-block-start:14px}.gear-card-actions .button{min-inline-size:min(100%,5rem);flex:1 1 5rem;padding-inline-end:6px;padding-inline-start:6px}.add-gear-card{display:grid;place-content:center;gap:5px;color:var(--text-muted);cursor:pointer;font:inherit;text-align:center}.add-gear-card:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}.add-gear-card span{color:var(--primary);font-size:2.375rem;font-weight:300;line-height:1}.gear-editor-panel{max-inline-size:1100px}.gear-editor-meta{display:grid;grid-template-columns:repeat(2,minmax(9rem,11.25rem)) minmax(min-content,auto);align-items:end;gap:12px}.gear-editor-roll-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-block-size:37px}.gear-relayed-toggle{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:700;cursor:pointer}.gear-relayed-toggle input{inline-size:15px;block-size:15px;accent-color:var(--primary)}.gear-relayed-indicator{position:absolute;inset-block-start:8px;inset-inline-end:9px;z-index:1;color:var(--primary);font-size:1.125rem;font-weight:800;line-height:1;text-shadow:0 0 8px oklch(from var(--primary) l c h / .45)}.equipped-gear-card .gear-relayed-indicator{pointer-events:none}.gear-editor-sections{display:grid;gap:18px;margin-block-start:20px}.gear-editor-sections h3{margin:0 0 8px;color:var(--text)}.gear-value-editor{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:9px}.gear-value-editor label{display:grid;gap:5px;color:var(--text-muted);font-weight:700}.gear-value-editor select,.gear-value-editor input{inline-size:100%;min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 9px;background:var(--surface-alt);color:var(--text);font:inherit}.gear-value-editor select:focus-visible,.gear-value-editor input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.gear-value-input>span:last-child{position:relative}.gear-value-input input{padding-inline-end:28px}.gear-value-input i{position:absolute;inset-block-start:50%;inset-inline-end:9px;transform:translateY(-50%);color:var(--text-muted);font-style:normal}.gear-additional-affixes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.gear-ocr-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;margin-block-start:18px}.gear-ocr-dropzone{display:grid;min-block-size:360px;place-items:center;align-content:center;gap:16px;border:2px dashed var(--border);border-radius:var(--radius-xl);padding:18px;background:var(--surface-sunken);text-align:center;transition:border-color var(--transition-normal),background-color var(--transition-normal)}.gear-ocr-dropzone.dragging{border-color:var(--primary);background:var(--primary-soft)}.gear-ocr-dropzone>img{display:block;max-inline-size:100%;max-block-size:430px;border-radius:var(--radius-sm);object-fit:contain}.gear-ocr-dropzone>div{display:grid;gap:6px}.gear-ocr-dropzone>div span{color:var(--text-muted)}.gear-ocr-example{display:grid;align-content:start;gap:8px;margin:0}.gear-ocr-example img{display:block;inline-size:100%;max-block-size:430px;border-radius:var(--radius-md);object-fit:contain}.gear-ocr-example figcaption{color:var(--text-muted);line-height:1.45}.gear-ocr-progress{display:grid;gap:7px;margin-block-start:16px}.gear-ocr-progress>div{display:flex;justify-content:space-between;gap:12px;color:var(--text-muted);text-transform:capitalize}.gear-ocr-progress progress{inline-size:100%;block-size:12px;accent-color:var(--primary)}.gear-ocr-error{margin-block-end:0}.inner-way-list,.attunement-list{display:grid;gap:8px}.inner-way-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(4.25rem,auto);gap:7px}.inner-way-row select,.attunement-input-wrap input{inline-size:100%;min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px;background:var(--surface-alt);color:var(--text);font:inherit}.inner-way-row select:focus-visible,.attunement-input-wrap input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.attunement-field{display:grid;grid-template-columns:16rem 6rem;align-items:center;gap:6px;min-inline-size:0;color:var(--text-muted)}.attunement-label{display:flex;align-items:center;gap:5px;min-inline-size:0}.attunement-label>span{min-inline-size:0;line-height:1.25;overflow-wrap:normal;white-space:normal}.attunement-input-wrap{position:relative;min-inline-size:0}.attunement-input-wrap input{padding-inline-end:22px;text-align:end;appearance:textfield}.attunement-input-wrap i{position:absolute;inset-block-start:50%;inset-inline-end:7px;transform:translateY(-50%);color:var(--text-muted);font-style:normal;pointer-events:none}.attunement-field.modified-field input{border-color:oklch(from var(--primary) l c h / .72);background:oklch(from var(--primary) l c h / .08)}.attunement-section-start{margin-block-start:8px;padding-block-start:10px;border-block-start:1px solid var(--border)}@media(max-width:62.5em){.build-overview-grid{grid-template-columns:1fr}.equipped-gear-grid,.available-gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:43.75em){.build-manager-layout{grid-template-columns:1fr}.build-list{block-size:260px;max-block-size:260px;overflow:hidden;border-inline-end:0;border-block-end:1px solid var(--border)}.build-editor-content{padding:14px}.build-detail-heading{align-items:stretch;flex-direction:column}.detail-active-actions{justify-content:space-between}.detail-active-button{align-self:flex-start}.viewport-page-shell .build-manager-layout{grid-template-rows:180px minmax(0,1fr)}.viewport-page-shell .build-list{block-size:180px;max-block-size:180px}}@media(max-width:37.5em){.equipped-gear-grid,.available-gear-grid,.gear-additional-affixes,.gear-ocr-grid{grid-template-columns:1fr}.gear-value-editor{grid-template-columns:1fr 120px}.gear-ocr-heading{flex-direction:column}.gear-ocr-dropzone{min-block-size:280px}.attunement-field{grid-template-columns:minmax(0,1fr) 6rem}}}@layer components{.rotation-editor-panel{min-block-size:0}.rotation-editor-layout{display:grid;grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);block-size:calc(100dvh - 13.125rem);min-block-size:500px;max-block-size:calc(100dvh - 13.125rem);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.viewport-page-shell .rotation-editor-layout{block-size:100%;min-block-size:0;max-block-size:none}.rotation-list{display:flex;min-block-size:0;flex-direction:column;border-inline-end:1px solid var(--border);background:oklch(from var(--surface-alt) l c h / .7)}.rotation-list-heading{display:grid;grid-template-columns:minmax(max-content,1fr) minmax(0,max-content);min-block-size:44px;flex:0 0 auto;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px 8px 13px;border-block-end:1px solid var(--border);color:var(--text-muted);font-weight:750;text-transform:uppercase}.rotation-list-heading>span{min-inline-size:0}.rotation-list-heading .button{inline-size:auto;min-inline-size:0;padding-inline-end:6px;padding-inline-start:6px;line-height:1.15;text-align:center;white-space:nowrap}.rotation-list-entries{flex:1 1 0;min-block-size:0;overflow-y:auto}.rotation-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;inline-size:100%;border:0;border-block-end:1px solid var(--border-muted);padding:12px 13px;background:transparent;color:var(--text);cursor:pointer;text-align:start}.rotation-list-item.active,.rotation-list-item:hover,.rotation-list-item.editing{background:var(--primary-soft)}.rotation-list-item.incompatible{opacity:.48}.rotation-list-item.incompatible:hover,.rotation-list-item.incompatible.editing{opacity:.78}.rotation-list-item .button{flex:0 0 auto;padding:5px 7px}.active-rotation-icon{display:inline-block;margin-inline-end:6px;color:var(--primary);vertical-align:1px}.rotation-list-actions{display:flex;align-items:center;gap:3px}.rotation-remove-button{display:inline-grid;inline-size:23px;block-size:23px;place-items:center;border:0;border-radius:var(--radius-2xs);background:transparent;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1}.rotation-remove-button:hover:not(:disabled){background:var(--error-soft);color:var(--error)}.rotation-remove-button:disabled{cursor:default;opacity:.25}.rotation-editor-content{display:flex;min-inline-size:0;min-block-size:0;flex-direction:column;overflow:hidden;padding:20px}.rotation-scroll-content{min-block-size:0;flex:1;overflow:auto;padding-inline-end:4px}.rotation-list-item strong,.rotation-list-item small{display:block;overflow-wrap:anywhere;white-space:normal}.rotation-list-item small{margin-block-start:3px;color:var(--text-muted)}.rotation-transfer-actions{margin-block-start:auto;border-block-start:1px solid var(--border);padding:10px}.rotation-transfer-actions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.rotation-transfer-actions .button{text-align:center}.rotation-import-button input{display:none}.rotation-transfer-actions p{margin:7px 2px 0;color:var(--text-muted);line-height:1.3}.rotation-transfer-actions p.error{color:var(--error)}.rotation-detail{min-inline-size:0;padding:20px}.rotation-basic-fields{display:grid;gap:12px;margin-block-end:18px}.rotation-name-input{display:block;inline-size:min(100%,420px);margin-block-start:4px;border:1px solid var(--primary);border-radius:var(--radius-xs);padding:6px 8px;background:var(--surface-alt);color:var(--text);font:inherit;font-size:1.3rem}.rotation-target-hp{display:flex;align-items:center;gap:.65rem;margin-block-start:.45rem;color:var(--text-muted)}.rotation-target-hp input{inline-size:10rem}.rotation-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-block-end:8px;color:var(--text-muted)}.rotation-heading-actions{display:inline-flex;flex:0 0 auto;flex-wrap:nowrap;align-items:flex-start;gap:10px}.rotation-heading-actions .button{flex:0 0 auto;white-space:nowrap}.rotation-activation-actions{display:inline-flex;flex:0 0 auto;align-items:flex-start;gap:10px}.rotation-results{display:flex;flex-wrap:wrap;gap:16px;color:var(--primary);font-weight:700}.rotation-table{min-inline-size:67.5rem;border:1px solid var(--border);border-block-start:0;border-radius:var(--radius-md)}.rotation-table-header,.rotation-table-row,.rotation-action-row{display:grid;grid-template-columns:26px 2.5rem 7rem 6.25rem minmax(10rem,1.6fr) var(--rotation-state-columns,) minmax(10.3125rem,.9fr) minmax(6.875rem,1fr) minmax(6.875rem,1fr) 11rem;gap:.625rem;align-items:center;inline-size:100%;padding:.5rem .75rem}.rotation-table-header{position:sticky;inset-block-start:0;z-index:2;border-block-start:1px solid var(--border);border-block-end:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--surface-header);box-shadow:0 1px 0 var(--border-muted);color:var(--text-muted);font-weight:750;text-transform:uppercase;white-space:nowrap}.rotation-table-header>*{overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.rotation-table-row{min-block-size:62px;border-block-end:1px solid var(--border-muted);color:var(--text)}.rotation-event-row{background:var(--primary-active)}.rotation-move-event-row{background:var(--event-move)}.rotation-dot-row{background:var(--event-dot)}.rotation-row-group:last-child .rotation-table-row{border-block-end:0}.rotation-index{color:var(--primary);font-weight:750}.rotation-skill-name{display:flex;min-inline-size:0;align-items:center;gap:7px;overflow:hidden}.rotation-skill-label{display:grid;min-inline-size:0;gap:2px;line-height:1.2}.rotation-skill-label>span{min-inline-size:0;overflow-wrap:anywhere;white-space:normal}.rotation-skill-label>span+span{color:var(--text-muted)}.rotation-damage-heading,.rotation-damage-value{padding-inline-start:18px;text-align:start}.rotation-martial-art-select{min-inline-size:0;max-inline-size:100%}.damage-breakdown-wrap{position:relative;display:inline-block;cursor:help}.damage-breakdown-tooltip{position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:0;z-index:5;display:flex;gap:12px;inline-size:max-content;max-inline-size:min(28rem,80vw);padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 8px 22px var(--shadow-color);opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.damage-breakdown-wrap:hover .damage-breakdown-tooltip{opacity:1;transform:translateY(0)}.damage-breakdown-part{display:grid;gap:2px;font-weight:700;text-align:center}.damage-breakdown-part i{color:inherit;font-style:normal;font-weight:500}.damage-physical{color:var(--damage-physical)}.damage-bellstrike{color:var(--damage-bellstrike)}.damage-stonesplit{color:var(--damage-stonesplit)}.damage-silkbind{color:var(--damage-silkbind)}.damage-bamboocut{color:var(--damage-bamboocut)}.rotation-skill-select-wrap{position:relative;display:block;min-inline-size:0}.rotation-skill-select-wrap>.rotation-skill-label{position:absolute;inset-block-start:50%;inset-inline-end:34px;inset-inline-start:10px;z-index:1;transform:translateY(-50%);pointer-events:none}.rotation-skill-select{inline-size:100%;min-inline-size:0;min-block-size:64px;border:1px solid var(--border);border-radius:var(--radius-xs);padding:8px 9px;background:var(--surface-alt);color:transparent;font:inherit}.rotation-skill-select option{color:var(--text)}.rotation-skill-select:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.rotation-skill-select:disabled{border-color:var(--border-muted);background:var(--surface);color:oklch(from var(--text-muted) l c h / .55);cursor:not-allowed;opacity:.78}.rotation-event-time{inline-size:110px;block-size:38px;min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-xs);padding:6px 9px;background:var(--surface-alt);color:var(--text);font:inherit;line-height:24px;appearance:textfield}.rotation-event-time::-webkit-outer-spin-button,.rotation-event-time::-webkit-inner-spin-button{margin:0;appearance:none}.rotation-event-time:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.rotation-distance-input-wrap{display:flex;align-items:center;gap:4px}.rotation-distance-input-wrap .rotation-event-time{inline-size:52px;padding-inline-end:5px;padding-inline-start:5px}.rotation-effect-select{inline-size:100%;min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-xs);padding:6px 7px;background:var(--surface-alt);color:var(--text);font:inherit}.rotation-effect-event-control{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:5px;align-items:center}.rotation-effect-event-control.single{grid-template-columns:minmax(0,1fr)}.rotation-effect-stack{inline-size:100%;min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-xs);padding:6px 5px;background:var(--surface-alt);color:var(--text);font:inherit;text-align:center}.rotation-controls{display:grid;grid-template-columns:repeat(5,30px);justify-content:end;gap:2px}.rotation-controls button{inline-size:30px;block-size:30px;border:0;border-radius:var(--radius-2xs);background:transparent;color:var(--text-muted);cursor:pointer;line-height:1}.rotation-controls button[aria-label="Delete step"]{grid-column:4}.rotation-control-placeholder{inline-size:30px;block-size:30px}.rotation-controls button:hover:not(:disabled){background:var(--primary-soft);color:var(--text)}.rotation-controls button:disabled{cursor:default;opacity:.3}.rotation-controls .rotation-expand-button{color:var(--primary)}.rotation-step-editor{display:grid;grid-template-columns:100px minmax(180px,1.5fr) 90px minmax(130px,1fr) 120px;gap:8px;padding:10px;border-block-end:1px solid var(--border);background:oklch(from var(--surface-alt) l c h / .65)}.rotation-actions{display:grid;gap:5px;padding:6px 0 8px;border-block-end:1px solid var(--border);background:oklch(from var(--primary) l c h / .05)}.rotation-action-row{background:var(--event-default);color:var(--text-muted)}.rotation-actions-trigger,.rotation-action-trigger{background:var(--event-trigger)}.rotation-actions-dot,.rotation-action-dot{background:var(--event-dot)}.rotation-action-damage{padding-inline-start:18px;color:var(--text);text-align:start}.effect-plates{display:flex;flex-wrap:wrap;gap:4px}.effect-plate{position:relative;display:inline-block;max-inline-size:100%;padding:3px 8px;border:1px solid oklch(from var(--primary) l c h / .42);border-radius:var(--radius-pill);background:oklch(from var(--primary) l c h / .12);color:var(--text);line-height:1.3;overflow-wrap:anywhere;white-space:normal;cursor:help}.effect-plate-general-debuff{border-color:var(--error-border);background:var(--error-soft);color:var(--error)}.effect-plate-dot{border-color:oklch(from var(--damage-bamboocut) l c h / .5);background:oklch(from var(--damage-bamboocut) l c h / .16);color:var(--damage-bamboocut)}.effect-plate-tooltip{position:absolute;inset-inline-end:0;inset-block-end:calc(100% + 8px);z-index:6;inline-size:max-content;max-inline-size:min(360px,70vw);padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 8px 22px var(--shadow-color);color:var(--text);font-weight:500;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.effect-plate-tooltip strong,.effect-plate-tooltip span{display:block}.effect-plate-tooltip strong{margin-block-end:4px;white-space:nowrap}.effect-plate:hover .effect-plate-tooltip{opacity:1;transform:translateY(0)}.rotation-step-list{display:grid;gap:7px}.rotation-step{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);overflow:hidden}.rotation-step-header{display:flex;align-items:center;gap:8px;min-block-size:41px;padding:5px 8px}.rotation-step-header>strong{inline-size:22px;color:var(--primary);text-align:center}.rotation-step-header select{inline-size:100px;border:1px solid var(--border);border-radius:var(--radius-xs);padding:5px;background:var(--surface);color:var(--text);font:inherit}.rotation-step-fields{display:grid;grid-template-columns:minmax(0,1.5fr) 100px minmax(0,1fr) 120px;gap:8px;padding:10px;border-block-start:1px solid var(--border)}.rotation-step-fields .checkbox-field{align-self:end}@media(max-width:93.75em){.rotation-table{min-inline-size:920px}.rotation-table.show-distance,.rotation-table.show-hp{min-inline-size:982px}.rotation-table.show-distance.show-hp{min-inline-size:1055px}.rotation-table-header,.rotation-table-row,.rotation-action-row{grid-template-columns:26px 36px 92px 82px minmax(110px,1.5fr) minmax(140px,.9fr) minmax(80px,1fr) minmax(80px,1fr) 170px;gap:8px}.rotation-table.show-distance .rotation-table-header,.rotation-table.show-distance .rotation-table-row,.rotation-table.show-distance .rotation-action-row,.rotation-table.show-hp .rotation-table-header,.rotation-table.show-hp .rotation-table-row,.rotation-table.show-hp .rotation-action-row{grid-template-columns:26px 36px 92px 82px minmax(110px,1.5fr) 66px minmax(140px,.9fr) minmax(80px,1fr) minmax(80px,1fr) 170px}.rotation-table.show-distance.show-hp .rotation-table-header,.rotation-table.show-distance.show-hp .rotation-table-row,.rotation-table.show-distance.show-hp .rotation-action-row{grid-template-columns:26px 36px 92px 82px minmax(110px,1.5fr) 66px 66px minmax(140px,.9fr) minmax(80px,1fr) minmax(80px,1fr) 170px}.rotation-event-time{inline-size:82px}.rotation-distance-input-wrap .rotation-event-time{inline-size:45px}}@media(max-width:43.75em){.rotation-editor-layout{block-size:auto;max-block-size:none;grid-template-columns:1fr}.rotation-list{block-size:260px;max-block-size:260px;overflow:hidden;border-inline-end:0;border-block-end:1px solid var(--border)}.rotation-basic-fields,.rotation-step-fields{grid-template-columns:1fr}.viewport-page-shell .rotation-editor-layout{block-size:100%;grid-template-rows:180px minmax(0,1fr)}.viewport-page-shell .rotation-list{block-size:180px;max-block-size:180px}}}@layer components{.skill-editor-panel{min-block-size:720px}.skill-category-tabs{display:flex;min-inline-size:0;flex:1 1 auto;flex-wrap:wrap;gap:7px}.skill-editor-toolbar{display:flex;min-inline-size:0;align-items:flex-start;justify-content:space-between;gap:12px;margin:-4px 0 16px}.category-tab{border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 13px;background:var(--surface-alt);color:var(--text-muted);cursor:pointer;font:inherit;font-weight:650;line-height:1.2;overflow-wrap:anywhere;white-space:normal}.category-tab:hover,.category-tab.active{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}.category-tab.modified{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.skill-editor-reset{flex:0 0 auto;white-space:nowrap}.skill-editor-reset:disabled{cursor:default;opacity:.45}.skill-editor-layout{display:grid;grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);min-block-size:570px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.skill-list{border-inline-end:1px solid var(--border);background:oklch(from var(--surface-alt) l c h / .7);overflow-y:auto}.skill-list-item{display:block;inline-size:100%;border:0;border-block-end:1px solid var(--border-muted);padding:11px 13px;background:transparent;color:var(--text);cursor:pointer;text-align:start}.skill-list-item:hover,.skill-list-item.active{background:var(--primary-soft)}.skill-list-item.modified{box-shadow:inset .1875rem 0 var(--primary)}.skill-list-item.modified strong{color:var(--primary)}.skill-list-item strong,.skill-list-item small{display:block;overflow-wrap:anywhere;white-space:normal}.skill-list-item small{margin-block-start:2px;color:var(--text-muted)}.skill-detail{min-inline-size:0;padding:20px}.skill-detail-heading{display:flex;min-inline-size:0;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-block-end:18px}.skill-detail-heading h3{margin:3px 0 0;font-size:1.3rem}.detail-kicker{color:var(--primary);font-weight:750;letter-spacing:.12em;text-transform:uppercase}.rotation-default-note{max-inline-size:none;margin:4px 0 0;color:var(--text-muted);line-height:1.4;white-space:nowrap}.editor-status{color:var(--primary)}.skill-basic-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block-end:16px}.settings-panel{max-inline-size:960px}.settings-fields{display:grid;gap:14px}.settings-weapon-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-weapon-row .editor-field:has(select:disabled){opacity:.5}.settings-weapon-row select:disabled{cursor:not-allowed}.settings-layout-row{max-inline-size:calc(50% - 7px)}.settings-layout-row .editor-field:has(select:disabled){opacity:.5}.settings-layout-row select:disabled{cursor:not-allowed}.json-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.structured-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}.json-editor-field textarea{min-block-size:260px;padding:10px;resize:vertical;color:var(--primary-hover);font-family:var(--font-mono);line-height:1.5}.array-editor{min-inline-size:0}.array-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-end:7px;color:var(--text-muted);font-weight:700}.array-editor-empty{margin:0;padding:16px 10px;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);text-align:center}.array-editor-list{display:grid;gap:6px}.array-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);overflow:hidden}.array-item.expanded{border-color:oklch(from var(--primary) l c h / .55)}.array-item-header{display:flex;align-items:center;min-block-size:39px}.array-item-toggle{flex:1;min-inline-size:0;border:0;padding:9px 10px;background:transparent;color:var(--text);cursor:pointer;font:inherit;text-align:start;line-height:1.25;overflow-wrap:anywhere;white-space:normal}.array-item-toggle:hover{color:var(--primary)}.array-item-controls{display:flex;gap:2px;padding-inline-end:5px}.array-item-controls button{inline-size:25px;block-size:25px;border:0;border-radius:var(--radius-2xs);background:transparent;color:var(--text-muted);cursor:pointer;line-height:1}.array-item-controls button:hover:not(:disabled){background:var(--primary-soft);color:var(--text)}.array-item-controls button:disabled{cursor:default;opacity:.3}.array-item-detail{display:grid;gap:9px;padding:10px;border-block-start:1px solid var(--border)}.structured-detail{display:grid;gap:12px}.detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-fields-four{grid-template-columns:repeat(4,minmax(0,1fr))}.consume-fields{grid-template-columns:minmax(6.875rem,auto) minmax(9.375rem,auto) minmax(0,1fr)}.detail-field{display:grid;gap:5px;color:var(--text-muted);font-weight:700}.detail-field input,.detail-field select{inline-size:100%;border:1px solid var(--border);border-radius:var(--radius-xs);padding:6px 7px;background:var(--surface);color:var(--text);font:inherit}.detail-field input:focus-visible,.detail-field select:focus-visible{border-color:var(--primary)}.sub-editor-heading{display:flex;min-inline-size:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:var(--text-muted);font-weight:700}.sub-editor-heading small{font-weight:400}.sub-editor-buttons{display:flex;flex-wrap:wrap;gap:5px}.sub-editor-empty{padding:7px 0;color:var(--text-muted)}.requirement-editor{display:grid;gap:6px;padding:9px;border:1px solid var(--border);border-radius:var(--radius-xs);background:oklch(from var(--surface) l c h / .55)}.condition-row{display:grid;grid-template-columns:110px minmax(0,1fr) 25px;gap:5px}.condition-row select,.condition-row input{inline-size:100%;min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-2xs);padding:5px 6px;background:var(--surface-alt);color:var(--text);font:inherit}.condition-row button,.or-condition-heading button,.effect-row button{border:0;border-radius:var(--radius-2xs);background:transparent;color:var(--text-muted);cursor:pointer}.condition-row button:hover,.or-condition-heading button:hover,.effect-row button:hover{background:var(--primary-soft);color:var(--text)}.or-condition{display:grid;gap:6px;padding:8px;border:1px solid oklch(from var(--primary) l c h / .35);border-radius:var(--radius-xs)}.or-condition-heading{display:flex;justify-content:space-between;color:var(--primary);font-weight:700}.and-group{display:grid;gap:5px;padding:6px;border-radius:var(--radius-2xs);background:oklch(from var(--primary) l c h / .08)}.and-group small{color:var(--text-muted)}.effect-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 25px;align-items:center;gap:6px}.effect-row select,.effect-row input{inline-size:100%;min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-2xs);padding:6px;background:var(--surface-alt);color:var(--text);font:inherit}.effect-rule-row{grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr) 25px;align-items:start}.effect-value-editor{display:grid;grid-template-columns:118px minmax(0,1fr);gap:6px;min-inline-size:0}.effect-value-editor>select{align-self:start}.dynamic-effect-editor{display:grid;gap:7px;min-inline-size:0}.dynamic-effect-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.dynamic-effect-values>div{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:2px}.dynamic-effect-values button{border:0;border-radius:var(--radius-2xs);background:transparent;color:var(--text-muted);cursor:pointer}.dynamic-effect-values button:hover{background:var(--primary-soft);color:var(--text)}.action-quick-fields{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px}.action-quick-fields label,.array-json-field{display:grid;gap:5px;color:var(--text-muted);font-weight:700}.action-quick-fields input,.array-json-field textarea{inline-size:100%;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text);font:inherit}.action-quick-fields input{padding:6px 7px}.array-json-field textarea{min-block-size:170px;padding:8px;resize:vertical;color:var(--primary-hover);font-family:var(--font-mono);line-height:1.45}.action-quick-fields input:focus-visible,.array-json-field textarea:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-block-start:16px;padding-block-start:14px;border-block-start:1px solid var(--border)}@media(max-width:56.25em){.structured-editor-grid{grid-template-columns:1fr}}@media(max-width:43.75em){.skill-editor-layout{grid-template-columns:1fr}.skill-list{max-block-size:230px;border-inline-end:0;border-block-end:1px solid var(--border)}.json-editor-grid,.effect-value-editor{grid-template-columns:1fr}}@media(max-width:37.5em){.skill-basic-fields{grid-template-columns:1fr}.editor-field-wide{grid-column:auto}}}@layer components{.simulation-panel{max-inline-size:1100px}.simulation-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px;max-inline-size:420px}.simulation-controls .editor-field{flex:1}.simulation-controls input[type=number]{appearance:textfield}.simulation-controls input[type=number]::-webkit-outer-spin-button,.simulation-controls input[type=number]::-webkit-inner-spin-button{margin:0;appearance:none}.simulation-controls .button{min-inline-size:min(100%,6.25rem);min-block-size:37px}.simulation-percentile-settings{display:grid;gap:8px;max-inline-size:520px;margin-block-start:16px;padding-block-start:14px;border-block-start:1px solid var(--border)}.simulation-percentile-heading{display:flex;min-inline-size:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:var(--text-muted)}.simulation-percentile-chips{display:flex;flex-wrap:wrap;gap:6px}.simulation-percentile-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 5px 3px 9px;border:1px solid oklch(from var(--primary) l c h / .42);border-radius:var(--radius-pill);background:oklch(from var(--primary) l c h / .1);color:var(--text);font-weight:700}.simulation-percentile-chip button{inline-size:20px;block-size:20px;border:0;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;line-height:1}.simulation-percentile-chip button:hover:not(:disabled){background:var(--error-soft);color:var(--error)}.simulation-percentile-chip button:disabled{cursor:default;opacity:.4}.simulation-percentile-add{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.simulation-percentile-add label{display:flex;align-items:center;inline-size:min(100%,7rem);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);color:var(--text-muted);font-weight:700}.simulation-percentile-add label span{padding-inline-start:9px}.simulation-percentile-add input{inline-size:100%;min-inline-size:0;border:0;padding:7px 8px 7px 3px;background:transparent;color:var(--text);font:inherit;appearance:textfield}.simulation-percentile-add input:focus-visible{outline-offset:-.125rem}.simulation-percentile-add input::-webkit-outer-spin-button,.simulation-percentile-add input::-webkit-inner-spin-button{margin:0;appearance:none}.simulation-percentile-error{margin:0;color:var(--error)}.simulation-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-block-start:18px;color:var(--text-muted)}.simulation-progress progress{inline-size:100%;block-size:12px;accent-color:var(--primary)}.simulation-history{display:grid;gap:22px;margin-block-start:22px}.simulation-record{min-inline-size:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt)}.simulation-record .simulation-record-heading{display:flex;min-inline-size:0;align-items:flex-start;justify-content:space-between;gap:12px}.simulation-record .simulation-record-heading p{display:flex;min-inline-size:0;flex:1;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;color:var(--text-muted)}.simulation-record .simulation-record-heading p>span{overflow-wrap:normal;word-break:normal}.simulation-record .simulation-record-delete{display:grid;flex:0 0 auto;inline-size:44px;block-size:44px;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);cursor:pointer}.simulation-record .simulation-record-delete:hover{border-color:var(--error);background:var(--error-soft);color:var(--error)}.simulation-record .simulation-results{margin-block-start:12px}.simulation-results{margin-block-start:22px;overflow-x:auto}.simulation-table{display:grid;grid-template-columns:minmax(5rem,max-content) repeat(6,max-content);column-gap:12px;inline-size:max-content;min-inline-size:800px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md)}.simulation-table-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;min-block-size:42px;padding:9px 12px;border-block-start:1px solid var(--border-muted)}.simulation-table-row:nth-child(odd){background:oklch(from var(--surface-alt) l c h / .3)}.simulation-table-row span:not(:first-child){text-align:end}.simulation-table-header{min-block-size:auto;border-block-start:0;background:var(--surface-header);color:var(--text-muted);font-weight:750;text-transform:uppercase}.simulation-table-header>*,.simulation-table-row>*{overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;white-space:nowrap}.simulation-table-row strong{color:var(--primary)}:is(.simulation-current,.simulation-outdated){display:inline-block;margin-inline-start:7px;padding:2px 6px;border-radius:var(--radius-pill);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}.simulation-current{border:1px solid oklch(from var(--primary) l c h / .5);color:var(--primary)}.simulation-outdated{border:1px solid oklch(from var(--error) l c h / .5);color:var(--error)}}@layer components{.layout-mobile{inline-size:min(100% - 1rem,32rem);min-block-size:100dvh;margin-inline:auto;padding-block:.75rem 1rem;overflow:visible}.layout-mobile .page-header{display:grid;gap:.75rem;margin-block-end:.75rem}.layout-mobile .page-header h1{font-size:clamp(1.55rem,7vw,2rem)}.layout-mobile .intro{margin-block-start:.25rem;font-size:.9rem}.layout-mobile .page-header-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;justify-content:stretch;gap:.6rem;margin-block-start:0}.layout-mobile .locale-selector{display:grid;gap:.25rem;min-inline-size:0}.layout-mobile .locale-selector select{inline-size:100%;min-inline-size:0;min-block-size:2.75rem}.layout-mobile .dev-mode-button{inline-size:100%}.layout-mobile .path-selector{display:block;margin-block-end:.65rem}.layout-mobile .path-selector-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.layout-mobile .path-selector-options button{min-inline-size:0;justify-content:start;padding-inline:.5rem}.layout-mobile .path-selector-options img{inline-size:1.6rem;block-size:1.6rem}.layout-mobile .path-status-badge{margin-inline-start:auto}.layout-mobile .main-tabs{position:sticky;z-index:20;inset-block-start:0;margin-block-end:.75rem;padding-block-start:.2rem;background:var(--bg);scrollbar-width:thin}.layout-mobile .main-tabs button{min-block-size:2.75rem;padding-inline:.75rem}.layout-mobile .panel{margin-block-end:.65rem;padding:.75rem;border-radius:var(--radius-xl)}.layout-mobile :is(button,select,input:not([type=hidden])){min-block-size:2.75rem}.layout-mobile :is(.panel,.panel-heading,.viewport-tab-content,.build-page,.rotation-table)>*{min-inline-size:0}.layout-mobile .panel-heading{gap:.55rem;margin-block-end:.75rem}.layout-mobile .app-layout{display:flex;flex-direction:column;gap:0}.layout-mobile .results-column{order:-1}.layout-mobile .character-stats-column,.layout-mobile .middle-stats-column,.layout-mobile .results-column{inline-size:100%;max-inline-size:none}.layout-mobile .character-secondary-stats{grid-template-columns:1fr}.layout-mobile .character-stats-heading,.layout-mobile .character-profile-row{align-items:stretch;flex-direction:column}.layout-mobile .character-profile-controls{inline-size:100%;flex-wrap:wrap;justify-content:start}.layout-mobile .character-profile-controls select{flex:1 1 10rem}.layout-mobile .stats-panel .stats-grid{grid-template-columns:minmax(0,1fr) 6rem;gap:.3rem .45rem}.layout-mobile .stats-panel .stat-row,.layout-mobile .stats-panel .field,.layout-mobile .stats-panel .stat-row>.field:nth-child(2){grid-column:1 / -1;grid-template-columns:subgrid}.layout-mobile .stats-panel .stat-row>span:empty{display:none}.layout-mobile .stats-panel .input-wrap{inline-size:100%}.layout-mobile .priority-panel{overflow-x:auto}.layout-mobile .priority-header,.layout-mobile .priority-row{grid-template-columns:minmax(9rem,1fr) max-content max-content;min-inline-size:21rem;gap:.65rem}.layout-mobile .priority-list-with-roll .priority-header,.layout-mobile .priority-list-with-roll .priority-row{grid-template-columns:minmax(9rem,1fr) max-content max-content max-content;min-inline-size:27rem}.layout-mobile .setup-option-list-wide,.layout-mobile .setup-option-list-food,.layout-mobile .setup-option-list-arsenal,.layout-mobile .bow-ring-option-list,.layout-mobile .script-option-list,.layout-mobile .divinecraft-option-list,.layout-mobile .global-debuff-options,.layout-mobile .global-debuff-options.qingyi-options{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-mobile .global-debuff-options>button,.layout-mobile .global-debuff-options.qingyi-options>button{grid-column:auto}.layout-mobile .dps-value{margin-block-start:.5rem;font-size:clamp(2.25rem,14vw,3rem)}.layout-mobile .viewport-tab-content,.layout-mobile .build-manager-panel,.layout-mobile .build-manager-layout,.layout-mobile .build-editor-content{block-size:auto;min-block-size:0;overflow:visible}.layout-mobile .build-manager-panel{padding:0}.layout-mobile .build-manager-layout{display:block}.layout-mobile .build-list{display:block;block-size:auto;max-block-size:none;border-inline-end:0;border-block-end:1px solid var(--border)}.layout-mobile .build-list-entries{display:flex;overflow-x:auto;scroll-snap-type:inline proximity}.layout-mobile .build-list-item{min-inline-size:min(78vw,15rem);border-inline-end:1px solid var(--border-muted);scroll-snap-align:start}.layout-mobile .build-transfer-actions{margin-block-start:0}.layout-mobile .build-editor-content{padding:.75rem}.layout-mobile .build-detail-heading{align-items:stretch;flex-direction:column;gap:.65rem}.layout-mobile .detail-active-actions{justify-content:start}.layout-mobile .build-overview-grid,.layout-mobile .build-management-grid{grid-template-columns:1fr}.layout-mobile .equipped-gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-mobile .available-gear-grid{grid-template-columns:1fr}.layout-mobile .gear-base-stat{align-items:flex-start;flex-wrap:wrap;white-space:normal}.layout-mobile .equipped-gear-card{min-block-size:0;padding:.65rem}.layout-mobile .gear-additional-affixes,.layout-mobile .gear-ocr-grid,.layout-mobile .gear-editor-grid,.layout-mobile .gear-editor-fields{grid-template-columns:1fr}.layout-mobile .gear-value-editor,.layout-mobile .attunement-field{grid-template-columns:minmax(0,1fr) 6rem}.layout-mobile .gear-card-actions{flex-wrap:wrap}.layout-mobile .rotation-editor-panel{padding:0}.layout-mobile .rotation-editor-layout{display:block;block-size:auto;min-block-size:0;max-block-size:none;overflow:visible}.layout-mobile .rotation-list{display:block;block-size:auto;max-block-size:none;border-inline-end:0;border-block-end:1px solid var(--border)}.layout-mobile .rotation-list-entries{display:flex;overflow-x:auto;scroll-snap-type:inline proximity}.layout-mobile .rotation-list-item{min-inline-size:min(78vw,15rem);border-inline-end:1px solid var(--border-muted);scroll-snap-align:start}.layout-mobile .rotation-transfer-actions{margin-block-start:0}.layout-mobile .rotation-editor-content{display:block;overflow:visible;padding:.75rem}.layout-mobile .skill-detail-heading{display:grid;gap:.65rem}.layout-mobile .rotation-default-note{white-space:normal}.layout-mobile .rotation-heading-actions{display:flex;flex-wrap:wrap;justify-content:start}.layout-mobile .rotation-heading-actions .button{flex:1 1 7.5rem}.layout-mobile .rotation-toolbar{align-items:flex-start;flex-direction:column;gap:.35rem}.layout-mobile .rotation-scroll-content{overflow:visible;padding-inline-end:0}.layout-mobile .rotation-table{min-inline-size:0!important;overflow:visible}.layout-mobile .rotation-table-header{display:none}.layout-mobile .rotation-step-list{display:grid;gap:.65rem}.layout-mobile .rotation-row-group{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt)}.layout-mobile .rotation-table-row,.layout-mobile .rotation-action-row{display:flex;min-inline-size:0;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;padding:.65rem;border:0}.layout-mobile .rotation-action-row{border-block-start:1px solid var(--border-muted);background:oklch(from var(--surface) l c h / .45)}.layout-mobile .rotation-table-row>:nth-child(3),.layout-mobile .rotation-table-row>:nth-child(4),.layout-mobile .rotation-action-row>:nth-child(3),.layout-mobile .rotation-action-row>:nth-child(4){flex:1 1 5rem;color:var(--text-muted)}.layout-mobile .rotation-table-row>:nth-child(5),.layout-mobile .rotation-action-row>:nth-child(5){min-inline-size:0;flex:1 1 calc(100% - 5rem);font-weight:700}.layout-mobile .rotation-table-row>:nth-child(n+6):not(.rotation-controls),.layout-mobile .rotation-action-row>:nth-child(n+6){min-inline-size:0;flex:1 1 7rem}.layout-mobile [data-mobile-label]:before{display:block;margin-block-end:.15rem;color:var(--text-dim);content:attr(data-mobile-label);font-size:.75rem;font-weight:750;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}.layout-mobile .rotation-damage-value,.layout-mobile .rotation-action-damage{flex-basis:100%;padding-block:.35rem;border-block:1px solid var(--border-muted)}.layout-mobile .rotation-controls{display:flex;flex:1 1 100%;justify-content:flex-end;border-block-start:1px solid var(--border-muted);padding-block-start:.45rem}.layout-mobile .rotation-controls button,.layout-mobile .start-marker{min-inline-size:2.75rem;min-block-size:2.75rem}.layout-mobile .rotation-skill-select,.layout-mobile .rotation-effect-select,.layout-mobile .rotation-event-time{max-inline-size:100%}.layout-mobile .effect-plates{justify-content:start}.layout-mobile .skill-editor-panel{min-block-size:0}.layout-mobile .skill-editor-toolbar{align-items:stretch;flex-direction:column}.layout-mobile .skill-category-tabs{flex-wrap:nowrap;overflow-x:auto}.layout-mobile .category-tab{min-block-size:2.75rem;flex:0 0 auto}.layout-mobile .skill-editor-layout{display:block;min-block-size:0;overflow:visible}.layout-mobile .skill-list{display:flex;max-block-size:none;overflow-x:auto;border-inline-end:0;border-block-end:1px solid var(--border)}.layout-mobile .skill-list-item{min-inline-size:min(72vw,14rem);border-inline-end:1px solid var(--border-muted)}.layout-mobile .skill-detail{padding:.75rem}.layout-mobile .skill-basic-fields,.layout-mobile .structured-editor-grid,.layout-mobile .json-editor-grid,.layout-mobile .effect-value-editor,.layout-mobile .settings-weapon-row{grid-template-columns:1fr}.layout-mobile .editor-field-wide{grid-column:auto}.layout-mobile :is(.breakdown-table-scroll,.simulation-results){max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain}.layout-mobile .breakdown-totals,.layout-mobile .simulation-controls,.layout-mobile .simulation-percentile-heading,.layout-mobile .simulation-record-heading{align-items:stretch;flex-direction:column}.layout-mobile .simulation-controls{max-inline-size:none}.layout-mobile .simulation-controls .button{inline-size:100%}.layout-mobile dialog{inline-size:calc(100% - 1rem);max-inline-size:32rem;max-block-size:calc(100dvh - 1rem)}.layout-mobile .page-footer{align-items:flex-start;flex-direction:column;gap:.35rem;margin-block-start:.75rem}.layout-mobile .page-footer-accuracy{text-align:start}}