/* Wuxia palette: midnight ink, antique gold and jade. */
:root{color-scheme:dark;--bg:#0b1420;--ink:#e9edf2;--muted:#a6b4c3;--line:#2d3c4d;--paper:#142131;--green:#9ce6c2;--orange:#efb47e;--gold:#e8c67d}
body{background:radial-gradient(ellipse at 90% 0%,#26434a70,transparent 42rem),radial-gradient(ellipse at 0% 24%,#70532b20,transparent 38rem),var(--bg);color:var(--ink)}
header{background:#0b1420d9;border-bottom-color:#c4a46635}.brand{color:#f4dfac}.brand-icon{background:linear-gradient(145deg,#f0d995,#b38b47);color:#172538;box-shadow:0 0 24px #d8b96315}.muted{color:#b0becb}.header-note{color:#bba97e}.saved{color:#9ed5bc}.saved:before,.dot{background:#8dddb6;box-shadow:0 0 8px #8dddb64d}
.eyebrow{color:#dcc18b}h1{color:#f4ecd9}h1 em{color:#e8c67d}.intro p{color:#adbccc}.hero-mark{background:radial-gradient(circle at 45% 38%,#284d48,#142936);color:#e8c67d;border:1px solid #d4b97e66;box-shadow:inset 0 0 26px #8ed6bb12,0 12px 30px #0003}.hero-mark span{color:#9fe1c2}.notice{background:#28291f88;border-color:#b69a4e55;color:#d4d4c1}.notice>span{border-color:#a98e52;color:#eacb84}.notice strong{color:#f0d79d}a,.notice a,.math-notes a{color:#e8c67d}
.panel{background:linear-gradient(145deg,#172638,#111e2c);border-color:#344253;box-shadow:0 8px 25px #00000014}.panel-head h2{color:#f0e3c8}.panel-head h2 .icon{color:#e8c67d}.step{background:#d5b7750c;color:#e1c58d;border-color:#a68b514a}.sub,.field-note{color:#acb9c8}label{color:#c1cdd8}.field-caption .icon{color:#99c9cf}
input[type=number],select,#ocr-text{background:#0c1826;color:#f1e8d6;border-color:#3a4b5d;box-shadow:inset 0 2px 5px #0002}input[type=number]:hover,select:hover{border-color:#6e7f8b}input[type=number]:focus,select:focus,#ocr-text:focus{border-color:#d8b46e}.bundle input{background:#0d1b2a}.bundle label{border-left:2px solid #687477;padding-left:12px}.bundle label:has(.stat-crit),.bundle label:has(.stat-critDamage){border-color:#d2a2eb}.bundle label:has(.stat-attack),.bundle label:has(.stat-counter){border-color:#eda081}.bundle label:has(.stat-element),.bundle label:has(.stat-ignore){border-color:#88cbe8}
button{background:#1d3043;border-color:#405367;color:#e0e8ef}button:hover{background:#2b4053;border-color:#bd9d5c;color:#f7dfaa}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline-color:#e3c17e}.icon-button .icon{color:#e2c58e}.tabs{background:#0b1725}.tabs button{color:#a9bac9}.tabs button[aria-selected=true]{background:#2b3f4a;color:#f1d49b;box-shadow:inset 0 -2px #dfbd79}.primary-button{background:linear-gradient(135deg,#e2c17e,#c49a52);color:#172230;border-color:#efcf8b;font-weight:600;box-shadow:0 3px 14px #d3a94b12}.primary-button .icon{color:#243143}.primary-button:hover{background:#f0d497;color:#172230;border-color:#f0d497}button:disabled{opacity:.5}
.summary-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at top right,#34695b66,transparent 70%),linear-gradient(120deg,#163735,#112b31);border:1px solid #7da08770;box-shadow:0 10px 36px #0003,inset 0 1px #d6e8bf20}.summary-card:after{content:'';position:absolute;top:0;left:28px;right:28px;height:2px;background:linear-gradient(90deg,transparent,#e5c785,transparent);pointer-events:none}.summary-top .eyebrow{color:#e5cf9c}.pill{color:#c3e4d6;border-color:#8aaf9c66;background:#162b3180}.gain-row strong{color:#a7f0ce;text-shadow:0 0 28px #83e2b933}.gain-row strong.negative{color:#ffb49d;text-shadow:none}.gain-row>span,.summary-card p{color:#bbd6cd}.metrics{border-color:#b5cbb543}.metrics small{color:#b4cdbf}.metrics b{color:#f1ead6}.metrics .arrow{color:#cfb779}
th{color:#b6c5d3;border-color:#415161}td{border-color:#2a3b4a}td .unit,.rank-num{color:#a6b6c4}.increase{color:#a0e7c2}.top-rank{background:linear-gradient(90deg,#b99a4b22,#70bda00c)}.top-rank td:first-child{box-shadow:inset 3px 0 #d5b66c}.top-rank .rank-num{color:#f2d48a;font-weight:700}.ranking tr:nth-child(2) .rank-num{color:#c4d8ee}.ranking tr:nth-child(3) .rank-num{color:#e6b38b}.bar{background:#2b3e4b}.bar i{background:linear-gradient(90deg,#69bca6,#b8e4bb)}.top-rank .bar i{background:linear-gradient(90deg,#ba9951,#f1d48e)}.ranking tr:hover{background-color:#8bc4b808}
.icon{color:#a9d0d0}.icon.stat-attack,.icon.stat-counter{color:#efa384}.icon.stat-pen,.icon.stat-shieldBreak{color:#ecc776}.icon.stat-element,.icon.stat-ignore{color:#8ac9f2}.icon.stat-crit,.icon.stat-critDamage{color:#d6a8f2}.icon.stat-hit,.icon.stat-agility{color:#98e1c7}.icon.stat-primary,.icon.stat-endurance{color:#d4ca94}.icon.stat-skill{color:#d9a6bc}
.ocr-panel{background:radial-gradient(ellipse at right,#31564f38,transparent 65%),linear-gradient(130deg,#192b3c,#142331);border-color:#6f867c}.ocr-symbol{background:#324a48;border:1px solid #92aa7c55}.ocr-symbol .icon{color:#e8cf94}.ocr-status,.preview-heading{color:#abcbbf}.ocr-text,.formula-grid article{background:#101d2b;border-color:#36495a}#ocr-canvas{background:#0a1622;border-color:#425566}#ocr-text{color:#e6edf1}.ocr-review-title{border-color:#3a4c59}.uncertain{background:#c3984420}.confirm-label{color:#c5d6cc}.confirm-label input,#ocr-rows input[type=checkbox]{accent-color:#c6ac70}.dragover{outline-color:#e8c67d}kbd{background:#233647;border-color:#506477;color:#f5e0b1}
details,.math-notes{border-color:#394a59}summary{color:#e9d5ae}.formula-grid span{color:#bce0d6}.formula-grid .blue{color:#9dcff3}.formula-grid .orange{color:#efb47e}.formula-grid p,.math-notes,#breakdown table td:first-child{color:#b9c8d6}.settings summary span,.tag{color:#a6b9c7}.settings .config label{color:#bfccd8}footer{color:#a1b1c1;border-color:#344353}#message{color:#f0c68b}input:invalid{border-color:#eb9b85}
::selection{background:#d6ba7744;color:#fff4d7}
@media(max-width:700px){.bundle label{padding-left:8px}.summary-card:after{left:18px;right:18px}}
.target-info{margin:14px 0 0;padding:13px 15px;border:1px solid #b69a4e66;border-left:3px solid #d7b76e;border-radius:9px;background:#b3913620;font-size:13px;line-height:1.65;color:#d8dcca}.target-info strong{display:block;color:#f0d49b;font-size:14px}.target-info p{margin:4px 0 6px}.target-info[data-kind=historical]{background:#36618420;border-color:#6b9cb766}.target-info[data-kind=historical] strong{color:#c2dcf0}
/* Larger glyphs with a contrasting badge, retaining text labels. */
.field-caption{gap:9px;line-height:1.45;min-height:32px}.field-caption .icon,.ranking td:first-child .icon{width:32px;height:32px;padding:5px;border-radius:8px;background:#30475c;border:1px solid #647e9866;vertical-align:middle;flex-shrink:0}.field-caption .icon,.ranking td:first-child .icon{background:color-mix(in srgb,currentColor 12%,#142131);border-color:color-mix(in srgb,currentColor 35%,#142131)}.ranking td:first-child .icon{margin-right:10px}.ranking td:first-child{min-width:215px}.icon{stroke-width:2.2}.icon.stat-attack,.icon.stat-counter{color:#ffb095}.icon.stat-pen,.icon.stat-shieldBreak{color:#f5cf7f}.icon.stat-element,.icon.stat-ignore{color:#8bd7ff}.icon.stat-crit,.icon.stat-critDamage{color:#e3b9ff}.icon.stat-hit,.icon.stat-agility{color:#a4f2d3}.icon.stat-primary,.icon.stat-endurance{color:#e4dca4}.icon.stat-skill{color:#f2b8d4}.icon.stat-defense,.icon.stat-shield,.icon.stat-block{color:#aacfff}.icon.stat-elementResist{color:#89dfed}.icon.stat-critResist{color:#d6bdff}.icon.stat-resist{color:#ffc39d}.panel-head h2 .icon{width:25px;height:25px;color:#f2d38b}.icon-button .icon{width:25px;height:25px;color:#f2d38b}button .icon{width:21px;height:21px}.ocr-symbol{width:38px;height:38px}.ocr-symbol .icon{width:26px;height:26px}.bundle .field-caption{min-height:36px}.fields label{justify-content:space-between}
@media(max-width:700px){.field-caption{gap:7px;min-height:38px}.field-caption .icon{width:30px;height:30px;padding:4px}.ranking td:first-child .icon{width:30px;height:30px;padding:4px;margin-right:8px}.ranking td:first-child{min-width:210px}}

/* Trial above results; adjustable individual affixes below. */
.results>.bundle{margin-top:0}.ranking{margin-top:22px}.rank-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.rank-slider{padding:18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);min-width:0}.rank-slider-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.rank-slider-head>span{display:flex;align-items:center;gap:8px;font-weight:600}.rank-slider-head .increase{font-size:17px}.rank-slider-controls{display:flex;align-items:center;gap:12px}.rank-slider-controls input[type=range]{flex:1;min-width:60px;width:100%;height:8px;appearance:none;border-radius:10px;background:linear-gradient(to right,#d9b56c var(--fill,30%),#455368 var(--fill,30%));cursor:pointer;padding:0;touch-action:pan-y}.rank-slider-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;background:#f4d998;border:3px solid #8a6937;border-radius:50%;box-shadow:0 2px 8px #0005}.rank-slider-controls input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#f4d998;border:2px solid #8a6937;border-radius:50%}.rank-slider-controls input[type=number]{width:92px;flex:none;padding:8px}.slider-unit{font-size:12px;white-space:nowrap;color:var(--muted)}.rank-slider.top-rank{border-color:#ad8b4b;box-shadow:inset 0 0 24px #c9a75a0d}@media(max-width:760px){.rank-sliders{grid-template-columns:1fr}.rank-slider{padding:14px}.rank-slider-head{font-size:14px}.rank-slider-head .increase{font-size:16px}.rank-slider-controls{gap:8px}.rank-slider-controls input[type=number]{width:78px}.slider-unit{font-size:11px}}

.stat-group-title{font-size:18px;margin:22px 0 16px;padding-top:18px;border-top:1px solid var(--line);color:var(--ink)}.inputs>.stat-group-title:first-of-type{border:0;padding-top:0}.bundle-actions{display:flex;align-items:center;gap:8px}.image-trigger{width:46px;height:46px;padding:10px;display:grid;place-items:center;border-color:#b6985a}.image-trigger .icon{width:25px;height:25px;margin:0;color:#e6c57c}.ocr-dialog{width:min(1050px,calc(100% - 24px));max-height:90dvh;padding:0;border:1px solid #a58d59;border-radius:16px;overflow:auto;background:#101e2b;color:#e9eef4;box-shadow:0 25px 100px #0008}.ocr-dialog::backdrop{background:#050c16b8;backdrop-filter:blur(4px)}.ocr-dialog .ocr-panel{margin:0;border:0;border-radius:0}.ocr-close{font-size:25px;line-height:1;padding:8px 12px;min-width:44px}.ocr-dialog .panel-head .tag{margin-left:auto}.results .bundle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.results .bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bundle-actions{gap:5px}.image-trigger{width:42px;height:42px}.ocr-dialog{max-height:94dvh}.ocr-dialog .panel-head .tag{display:none}}

/* Character and target in one row, then the trial. */
.workspace{display:flex;flex-direction:column;gap:22px}.workspace>.inputs,.workspace>.results{width:100%}.stat-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:20px}.stat-column{min-width:0}.stat-column+.stat-column{border-left:1px solid var(--line);padding-left:30px}.stat-column .stat-group-title{margin:0 0 18px;padding:0;border:0}.stat-column .target-info{margin-top:14px}.stat-column>.full{margin-top:0!important}.results .bundle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.results #element-options{max-width:450px}@media(max-width:760px){.stat-columns{grid-template-columns:1fr;gap:26px}.stat-column+.stat-column{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:24px}.results .bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.comparison-tabs{display:flex;gap:8px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#101d2a;width:100%}.comparison-tabs [role=tab]{flex:1;border:0;background:transparent;color:#a6b7c8;font-size:18px;font-weight:700;padding:14px 20px;min-height:52px}.comparison-tabs [aria-selected=true]{background:linear-gradient(120deg,#9c793b,#d5b36e);color:#17202a;box-shadow:0 3px 12px #0003}.comparison-pane[hidden]{display:none!important}.workspace>.comparison-tabs{margin-bottom:0}.workspace>.ranking{margin-top:0;width:100%}@media(max-width:760px){.comparison-tabs [role=tab]{font-size:16px;padding:12px}}

/* Three compact workspaces. */
body>header{height:54px}main{max-width:1440px;padding:14px 24px 18px}.intro{display:none}.notice{padding:5px 12px;font-size:12px;line-height:1.5}.toolbar{margin-top:10px}.toolbar button{min-height:36px;padding:6px 12px}.toolbar .icon-button{width:38px;height:36px}.toolbar .icon-button .icon{width:21px;height:21px}#message{margin:4px 0;min-height:0}.workspace{gap:12px}.comparison-tabs{padding:3px}.comparison-tabs [role=tab]{min-height:42px;padding:8px 16px;font-size:17px}.workspace .panel{padding:18px}.workspace h2{font-size:19px}.workspace .stat-columns{margin-top:14px;gap:24px}.workspace .stat-column+.stat-column{padding-left:24px}.workspace .stat-group-title{font-size:18px;margin-bottom:12px}.workspace .fields,.workspace .bundle-grid{gap:12px 16px}.workspace label{font-size:14px;gap:5px}.workspace .field-caption{min-height:26px;line-height:1.3;gap:7px}.workspace .field-caption .icon{width:26px;height:26px;padding:3px}.workspace input[type=number],.workspace select{font-size:17px;padding:8px 10px;min-height:39px}.workspace .target-info{padding:8px 12px;font-size:12px;margin:10px 0}.workspace .target-info p{display:none}.workspace .target-info strong{font-size:13px}.workspace .field-note,.workspace .sub{font-size:12px;line-height:1.5;margin:9px 0}.workspace details{margin-top:12px;padding-top:10px}.workspace .bundle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace .bundle{margin:0}.workspace .results{gap:12px}.workspace .summary-card{padding:16px 22px}.workspace .gain-row{margin:8px 0}.workspace .gain-row strong{font-size:42px}.workspace .metrics{padding-top:10px}.workspace .summary-card p{margin:8px 0 0}.workspace .rank-sliders{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.workspace .rank-slider{padding:12px}.workspace .rank-slider-head{margin-bottom:10px;gap:6px;font-size:14px}.workspace .rank-slider-head .increase{font-size:15px}.workspace .rank-slider-controls{gap:8px}.workspace .rank-slider-controls input[type=number]{width:76px;min-height:34px;font-size:15px;padding:5px 7px}.workspace .slider-unit{font-size:10px}main>footer{display:none}.utility-dialog{width:min(1120px,calc(100% - 24px));max-height:90dvh;padding:18px;border:1px solid #a58d59;border-radius:14px;background:#101e2b;color:#e9eef4;overflow:auto}.utility-dialog::backdrop{background:#050c16b8;backdrop-filter:blur(4px)}.utility-dialog .panel{margin:0;padding:20px}.utility-close{display:block;margin-left:auto;font-size:24px;min-width:42px;padding:3px 10px}.utility-dialog .config{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1050px){.workspace .rank-sliders{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){main{padding:12px}.toolbar{gap:8px}.toolbar>.actions{flex-wrap:wrap}.notice{font-size:11px}.workspace .stat-columns{grid-template-columns:1fr}.workspace .stat-column+.stat-column{padding-left:0}.workspace .bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace .rank-sliders{grid-template-columns:1fr}.utility-dialog .config{grid-template-columns:repeat(2,minmax(0,1fr))}}

.ocr-row-warning{display:block;color:#f0ca83;font-size:12px;line-height:1.5;margin-top:5px}

.character-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.workspace .character-heading .stat-group-title{margin:0}.character-heading .image-trigger{width:36px;height:36px;min-height:36px;padding:6px}.character-heading .image-trigger .icon{width:23px;height:23px}

.ab-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ab-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:14px}.ab-fields label{font-size:13px;gap:4px}.workspace .ab-fields input{min-height:34px;padding:6px 9px;font-size:16px}.ab-actions{display:flex;gap:5px;align-items:center}.ab-actions button{font-size:12px;padding:5px 8px;min-height:34px}.ab-actions .image-trigger{width:34px;height:34px;padding:5px}.ab-result{margin-top:14px}.ab-result>strong{font-size:24px;color:#f0d19a}.ab-metrics{display:flex;align-items:center;gap:30px;margin-top:12px;flex-wrap:wrap}.ab-metrics small{display:block;font-size:11px;color:#afc7c6}.ab-metrics b{font-size:22px;font-variant-numeric:tabular-nums}.ab-metrics button{margin-left:auto}.ab-pane>.field-note{margin-top:0}@media(max-width:760px){.ab-columns{grid-template-columns:1fr}.comparison-tabs [role=tab]{font-size:13px;padding:8px 4px}.ab-metrics{gap:14px}.ab-result>strong{font-size:20px}}

#trial-single{display:flex;flex-direction:column;gap:12px}#trial-single[hidden],#trial-compare[hidden]{display:none!important}.bundle-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.bundle-mode-bar>span{font-size:20px;font-weight:700;color:#f0e3c8}.bundle-mode-bar [role=group]{display:flex;gap:6px;background:#101d2a;border:1px solid var(--line);border-radius:10px;padding:3px}.bundle-mode-bar button{min-height:38px;font-size:14px;padding:7px 16px;border:0;background:transparent;color:#a6b7c8}.bundle-mode-bar button[aria-pressed=true]{background:#c4a261;color:#17202a}.ab-pane .ab-result{margin-bottom:0}

/* Color-coded illustrated equipment badges. */
.icon.game-stat{padding:0!important;background:none!important;border:0!important;border-radius:7px;filter:drop-shadow(0 2px 3px #0006);stroke-width:1.5}.workspace .field-caption .game-stat{width:30px;height:30px}.workspace .field-caption{min-height:30px}.workspace .rank-slider-head .game-stat{width:32px;height:32px;margin-right:2px}.rank-slider{position:relative;overflow:hidden}.rank-slider:has(.game-stat){border-top:2px solid color-mix(in srgb,var(--card-accent,#b6a577) 70%,#23374a)}.rank-slider:has(.stat-attack),.rank-slider:has(.stat-maxAttack){--card-accent:#ffae6a}.rank-slider:has(.stat-minAttack){--card-accent:#82c9ff}.rank-slider:has(.stat-crit),.rank-slider:has(.stat-critDamage){--card-accent:#d89cff}.rank-slider:has(.stat-element),.rank-slider:has(.stat-ignore){--card-accent:#7bdfff}.rank-slider:has(.stat-singleElement){--card-accent:#ffb66f}.rank-slider:has(.stat-counter){--card-accent:#ff8f96}.rank-slider:has(.stat-hit),.rank-slider:has(.stat-agility){--card-accent:#9cecca}.rank-slider:has(.stat-pen),.rank-slider:has(.stat-shieldBreak){--card-accent:#ffd27d}.rank-slider:has(.stat-skill){--card-accent:#cda0ff}.workspace .comparison-tabs [role=tab]{display:flex;align-items:center;justify-content:center;gap:9px}.comparison-tabs .game-stat{width:28px;height:28px;flex:none}.comparison-tabs [aria-selected=true]{background:linear-gradient(115deg,#84622f,#cfad69);box-shadow:inset 0 1px #ffe6a56b,0 2px 10px #0004}.panel{border-top-color:#9a865356}.ab-columns>.panel:first-child{border-color:#548eaa;background:linear-gradient(145deg,#19364b,#101f30)}.ab-columns>.panel:last-child{border-color:#956eb2;background:linear-gradient(145deg,#302b47,#171e31)}.ab-columns>.panel:first-child h2{color:#a4e5ff}.ab-columns>.panel:last-child h2{color:#e4baff}.workspace input:focus-visible{box-shadow:0 0 0 3px #d4b56f22,inset 0 1px 5px #0004}.ab-fields .field-caption{font-size:13px;min-height:28px}.workspace .ab-fields .game-stat{width:27px;height:27px}.rank-slider:hover{background:linear-gradient(115deg,color-mix(in srgb,var(--card-accent,#d7b572) 8%,#172638),#132334);border-color:color-mix(in srgb,var(--card-accent,#d7b572) 55%,#344253)}@media(max-width:760px){.comparison-tabs .game-stat{width:24px;height:24px}.workspace .comparison-tabs [role=tab]{gap:6px}.workspace .field-caption .game-stat{width:28px;height:28px}}