:root{font-family:Inter,'Noto Sans KR','Malgun Gothic',sans-serif;color:#182339;background:#f1f4f8;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#152337;color:white;display:flex;align-items:center;gap:16px;padding:22px 32px;border-bottom:4px solid #c79a42}.mark{font-size:30px;color:#eacb87;border:1px solid #b99553;padding:3px 12px}h1{font-size:22px;margin:0;font-weight:700}header p{margin:4px 0 0;color:#afbed1;font-size:14px}.private{margin-left:auto;font-size:14px;color:#d9e2ed}main{max-width:1800px;margin:auto;padding:28px 32px}.controls{background:white;padding:22px;border:1px solid #d9e1eb;border-radius:8px;box-shadow:0 3px 12px #15233705}.upload{display:flex;align-items:center;gap:24px;border:1px dashed #96a8bf;padding:18px;background:#f8faff;cursor:pointer;border-radius:5px;position:relative}.upload strong{white-space:nowrap}.upload span{font-size:14px;color:#526681}.upload input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.drag{background:#e6efff}.selectors{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}label{font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:8px}select,input:not([type=file]):not([type=checkbox]){font:inherit;color:#1c2e47;border:1px solid #bdcadb;border-radius:4px;background:white;padding:10px 12px;min-width:150px}#item{min-width:220px}.filters{display:flex;gap:16px;align-items:end;margin-top:18px;border-top:1px solid #e6ebf1;padding-top:18px}.filters label{font-weight:400}details{font-size:14px}summary{cursor:pointer;padding:12px;color:#405674}#regions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}#regions label{display:flex;flex-direction:row;align-items:center}#status{padding:16px 2px;font-size:14px;color:#5b6c83}#empty{padding:70px 20px;text-align:center;color:#6b7d96}.empty-icon{font-size:54px;font-family:serif;color:#a5b5c9}#empty h2{color:#30455f;font-size:22px}.note{font-size:14px}.resultbar{display:flex;justify-content:space-between;align-items:center;margin:12px 0 22px}.resultbar h2{font-size:20px;margin:0}.resultbar p{font-size:14px;color:#60728a;margin-bottom:0}.pager{display:flex;gap:12px;align-items:center;white-space:nowrap}button{font:inherit;font-size:14px;border:1px solid #b5c4d7;background:white;color:#263f60;padding:10px 14px;border-radius:4px;cursor:pointer}button:hover{background:#eaf0f9}button:disabled{opacity:.4;cursor:default}.itemgroup{margin-bottom:32px}.itemtitle{display:flex;align-items:center;gap:18px;margin-bottom:12px}.itemtitle h3{font-size:20px;margin:0}.itemtitle span{font-size:14px;color:#586c86}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.region{background:white;border:1px solid #ced8e6;border-radius:6px;overflow:hidden}.regionhead{padding:13px 16px;border-bottom:1px solid #cbd6e5;background:#e8eef7;display:flex;justify-content:space-between;align-items:center;gap:10px}.regionhead h4{margin:0;font-size:16px}.regionhead span{font-size:13px;color:#476082}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}th{background:#f7f9fc;font-weight:500;color:#5b6e86;padding:10px 8px;text-align:left}td{padding:10px 8px;border-bottom:1px solid #e5eaf1;border-right:1px solid #f0f3f7}tbody tr:nth-child(2n){background:#fcfdff}.seq{font-variant-numeric:tabular-nums;font-weight:600;text-align:center}.seq small{display:block;font-weight:400;color:#8290a4;font-size:12px;margin-top:3px}.badge{display:inline-block;border-radius:10px;padding:2px 10px;min-width:52px;text-align:center;font-size:13px}.c1{background:#eef0f4;color:#526175}.c2{background:#e4f1d8;color:#4b7621}.c3{background:#d9ecfd;color:#256899}.c4{background:#eddefb;color:#7942a0}.c5{background:#ffe3bd;color:#945413}.additional{color:#b35229}.pity .seq{color:#7942a0}.pity td{border-bottom:2px solid #b79bcd}.caption{font-size:12px;color:#6c7d94;margin:10px 12px}.help{border-top:1px solid #d1dbe8;margin-top:24px;color:#5c6e86}.help p{line-height:1.8;padding:0 12px}.error{color:#ba3939;padding:12px}[hidden]{display:none!important}@media(min-width:1600px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.grid{grid-template-columns:1fr}.private{display:none}.filters{flex-wrap:wrap}.resultbar{align-items:start;gap:18px;flex-direction:column}main{padding:18px}.upload{align-items:start;flex-direction:column;gap:8px}}@media(max-width:560px){header{padding:18px}.selectors label{flex:1;min-width:130px}#item{min-width:0;width:100%}.filters label{flex:1}#regions{grid-template-columns:repeat(2,1fr)}.itemtitle{align-items:start;flex-direction:column;gap:6px}.regionhead{align-items:start;flex-direction:column}.controls{padding:14px}}

/* Attack emphasis also applies to pity results. */
tbody tr.atk-none{background:#f7f9fc;color:#65758a}tbody tr.atk-low{background:#eaf4ff}tbody tr.atk-150{background:#fff0c9}tbody tr.atk-200{background:#ffd6b8}tbody tr.atk-low .seq{border-left:4px solid #76ace0}tbody tr.atk-150 .seq{border-left:4px solid #d7a323}tbody tr.atk-200 .seq{border-left:4px solid #ca6423}.attack-total{font-weight:700;font-variant-numeric:tabular-nums;text-align:right;color:#263f60}tr.atk-150 .attack-total{color:#7d5704}tr.atk-200 .attack-total{color:#963b10}.attack-legend{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px;font-size:14px}.attack-legend span{padding:7px 11px;border-radius:4px;border:1px solid #ccd7e4}.attack-legend .atk-none{background:#f7f9fc}.attack-legend .atk-low{background:#eaf4ff}.attack-legend .atk-150{background:#fff0c9}.attack-legend .atk-200{background:#ffd6b8}.attack-legend small{font-size:13px;color:#61728a}.region-notice{font-size:13px;color:#7a654a;margin-bottom:0}.unavailable{color:#8a96a7}

.highlight-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:18px 0 0;padding:14px 16px;background:white;border:1px solid #d9e1eb;border-radius:6px}.highlight-controls legend{font-size:14px;padding:0 6px;color:#405674}.highlight-controls label{flex-direction:row;align-items:center;font-weight:400;gap:7px}.highlight-controls input{accent-color:#263f60}.martial-option{background:#c5f2e3;color:#145d4a;border-radius:3px;padding:3px 5px;box-shadow:inset 0 -2px #3ba889}.martial-total{display:block;color:#146b53;font-size:12px;margin-top:4px;white-space:normal}.martial-hit .seq{box-shadow:inset 4px 0 #299875}tbody tr.martial-hit:not(.atk-none):not(.atk-low):not(.atk-150):not(.atk-200){background:#e9f8f2}td strong{font-weight:800;color:#182339}

.option-highlight{background:#c5f2e3;color:#145d4a;border-radius:3px;padding:3px 5px;box-shadow:inset 0 -2px #3ba889;font-weight:400}tbody tr.martial-hit{background:#d6f2e8}tbody tr.martial-hit.atk-low{background:linear-gradient(90deg,#d6f2e8 0%,#eaf4ff 75%)}tbody tr.martial-hit.atk-150{background:linear-gradient(90deg,#d6f2e8 0%,#fff0c9 75%)}tbody tr.martial-hit.atk-200{background:linear-gradient(90deg,#d6f2e8 0%,#ffd6b8 75%)}.choose-result{padding:5px 9px;font-size:13px}.plan-instruction{font-size:14px;color:#5c6e86}#openPlanner{background:#263f60;color:white}#plannerCount{background:#ffffff26;border-radius:9px;margin-left:6px;padding:1px 6px}.pager{flex-wrap:wrap}

.comparison-sheet{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.comparison-sheet th,.comparison-sheet td{vertical-align:top}.comparison-sheet thead th{min-width:260px;text-align:center}.comparison-sheet th:first-child{min-width:90px;width:90px;position:sticky;left:0;background:#f2f5f8;z-index:1}.comparison-sheet th small{display:block;margin-top:6px;font-weight:400}.result-cell{width:290px;min-width:260px;border:2px solid!important}.result-cell.c1{border-color:#bac3cd!important}.result-cell.c2{border-color:#4baf67!important}.result-cell.c3{border-color:#458de3!important}.result-cell.c4{border-color:#ac66de!important}.result-cell.c5{border-color:#f39a30!important}.cell-content{display:grid;grid-template-columns:1fr 1fr;gap:9px;min-height:95px}.ordinary-options,.regional-options{line-height:1.9}.regional-options{border-left:1px solid #bec6cf;padding-left:9px}.cell-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px}.choose-check{white-space:nowrap;cursor:pointer;font-weight:700}.filtered-result .cell-content{visibility:hidden}.result-cell.atk-low{background:#fff7e8}.result-cell.atk-150{background:#ffbd70}.result-cell.atk-200{background:#ef781b;color:#fff;font-weight:700}.result-cell.atk-200 small,.result-cell.atk-200 .keyword{color:#fff!important}.result-cell.martial-hit{background:#e8d9ff;box-shadow:inset 0 0 0 3px #a074da}.result-cell.atk-150.martial-hit,.result-cell.atk-200.martial-hit{background:linear-gradient(110deg,#ef9138 70%,#b583e5)}.keyword{font-weight:700}.keyword-attack{color:#a43e05}.keyword-damage{color:#216bb6}.keyword-hp{color:#b12842}.keyword-mp{color:#7340b2}.keyword-blood{color:#bc1f57}.keyword-energy{color:#117f77}.pity-distance td{font-size:12px;color:#667281}.plan-table td small{display:block}

/* Dense comparison: rarity uses the outline; only option highlights fill cells. */
.comparison-sheet{min-width:0;width:max-content;font-size:12px;line-height:1.3}.comparison-sheet thead th{min-width:168px;width:168px;padding:6px 4px;font-size:12px}.comparison-sheet th:first-child{min-width:48px;width:48px;padding:5px 3px;text-align:center}.comparison-sheet th small{margin-top:3px;font-size:10px}.comparison-sheet td{padding:4px}.result-cell{width:168px;min-width:168px;background:transparent;color:#182339}.cell-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 4px;min-height:0}.ordinary-options,.regional-options{line-height:1.45;white-space:normal;overflow-wrap:anywhere}.regional-options{padding-left:4px}.cell-footer{gap:3px;min-height:16px}.cell-footer small{font-size:9px;white-space:normal;color:#647184}.choose-text{display:inline;padding:0 2px;border:0;border-radius:0;background:transparent;color:#205ea6;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap}.choose-text:hover{background:transparent;text-decoration:underline}.result-cell.atk-200 .choose-text{color:#fff}.result-cell.atk-200 small{color:#fff!important}.keyword{display:inline;padding:0 2px;border-radius:2px;color:#fff!important;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}.keyword-attack{background:#aa4308}.keyword-damage{background:#236eb7}.keyword-hp{background:#a62d49}.keyword-mp{background:#7541ab}.keyword-blood{background:#bd1d64}.keyword-energy{background:#147c74}.pity-distance td{padding:3px 4px;font-size:10px}.pity-distance th{font-size:10px}.itemgroup{margin-bottom:20px}.itemtitle{margin-bottom:6px}.caption{margin:5px 0;font-size:11px}.itemgroup .tablewrap{scrollbar-width:none}.itemgroup .tablewrap::-webkit-scrollbar{height:0}.viewport-scrollbar{position:fixed;bottom:0;height:23px;z-index:9999;overflow-x:auto;overflow-y:hidden;background:#e2e8f0;border-top:1px solid #8f9eb4;box-shadow:0 -2px 5px #15233722;scrollbar-color:#647b98 #e2e8f0;scrollbar-width:auto}.viewport-scrollbar>div{height:1px}.viewport-scrollbar[hidden]{display:none!important}body{padding-bottom:25px}
.comparison-sheet th:first-child{white-space:normal}.comparison-sheet .cell-footer{align-items:flex-end}

/* Option comparison layout: consistent white rows and independent emphasis. */
.comparison-sheet tbody tr,.comparison-sheet tbody th,.comparison-sheet tbody th:first-child{background:#fff}
.comparison-sheet .result-cell{position:relative;padding-bottom:21px;background:#fff}
.comparison-sheet .cell-content{grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:0;align-items:start}
.comparison-sheet .ordinary-options{padding-right:3px}
.comparison-sheet .regional-options{padding-left:3px;text-align:right;color:#7938a4;border-left:1px solid #bec6cf}
.comparison-sheet .cell-footer{display:contents}
.comparison-sheet .choose-text{position:absolute;right:4px;bottom:4px;color:#205ea6}
.comparison-sheet .result-cell.atk-200 .choose-text{color:#fff}
.comparison-sheet .result-cell.atk-low,.comparison-sheet .result-cell.atk-none{background:#fff;color:#182339}
.comparison-sheet .result-cell.atk-150{background:#ffbd70}
.comparison-sheet .result-cell.atk-200{background:#ef781b}
.comparison-sheet .result-cell.martial-hit{background:#e8d9ff}
.comparison-sheet .result-cell.atk-150.martial-hit,.comparison-sheet .result-cell.atk-200.martial-hit{background:linear-gradient(110deg,#ef9138 70%,#b583e5)}
.keyword-attack{--option-color:#a43c08;--option-soft:#ffe1c9}
.keyword-damage{--option-color:#216ab3;--option-soft:#dceaff}
.keyword-hp{--option-color:#a5233d;--option-soft:#ffdae0}
.keyword-mp{--option-color:#6840a8;--option-soft:#eee0ff}
.keyword-blood{--option-color:#9d176a;--option-soft:#ffd7f0}
.keyword-energy{--option-color:#08766c;--option-soft:#d0f3ed}
.keyword-unarmed{--option-color:#466d15;--option-soft:#e4f2c8}
.keyword-sword{--option-color:#3d5288;--option-soft:#e0e7ff}
.keyword-blade{--option-color:#885308;--option-soft:#fff0c5}
.keyword-stick{--option-color:#526572;--option-soft:#e3edf2}
.keyword{background:var(--option-color);color:#fff!important}
.comparison-sheet .regional-options .keyword{background:var(--option-soft);color:#7938a4!important}

/* Rarity fills the card softly; option strengths use the outline. */
.comparison-sheet .result-cell{--rarity-fill:#fff;background:var(--rarity-fill)!important;color:#182339;font-weight:400;border:2px solid #d2d8e1!important;box-shadow:none}
.comparison-sheet .result-cell.c1{--rarity-fill:#fff}
.comparison-sheet .result-cell.c2{--rarity-fill:#f3fbf4}
.comparison-sheet .result-cell.c3{--rarity-fill:#f2f8ff}
.comparison-sheet .result-cell.c4{--rarity-fill:#faf4ff}
.comparison-sheet .result-cell.c5{--rarity-fill:#fff8ee}
.comparison-sheet .result-cell.atk-low{border-color:#d99078!important}
.comparison-sheet .result-cell.atk-150{border-color:#e28a20!important;box-shadow:inset 0 0 0 1px #e28a20}
.comparison-sheet .result-cell.atk-200{border-color:#c83d23!important;box-shadow:inset 0 0 0 2px #c83d23}
.comparison-sheet .result-cell.martial-hit{outline:1px dashed #9b6bc4;outline-offset:-5px}
.comparison-sheet .result-cell{padding-bottom:30px}
.comparison-sheet .result-cell .choose-text{font-size:12px;line-height:1.3;padding:3px 8px;border:1px solid #7596b8;border-radius:4px;background:#fff;color:#205ea6!important}
.comparison-sheet .result-cell .choose-text:hover{background:#eaf2fc;text-decoration:none}
/* Only the requested option families carry color; values share the label style. */
.option-label{display:inline;padding:0 2px;border-radius:2px;font-weight:700;background:none;box-shadow:none;text-decoration:none;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.option-muted{color:#a9b1bc;font-weight:400}
.option-attack{color:#fff;background:#b83e29}
.option-damage{color:#fff;background:#2766b0}
.option-blood{color:#b42973}
.option-energy{color:#fff;background:#2d8546}
.option-gather{color:#fff;background:#168079}
.option-martial{color:#8b691b}
.comparison-sheet .regional-options{color:inherit;font-weight:400;background:none}
.comparison-sheet .result-cell.atk-low{border-color:#f4b394!important;box-shadow:none}
.comparison-sheet .result-cell.atk-150{border-color:#f5a742!important;box-shadow:inset 0 0 0 1px #f5a742}
.comparison-sheet .result-cell.atk-200{border-color:#f2705b!important;box-shadow:inset 0 0 0 2px #f2705b}
.highlight-controls{gap:12px;align-items:flex-start}
.attack-toggle{white-space:nowrap;font-weight:700;padding:8px 14px;background:#fff;color:#526681;border:1px solid #aebbc9}
.attack-toggle[aria-pressed="true"]{background:#fff2e6;border-color:#f5a742;color:#a0441b;box-shadow:inset 0 0 0 1px #f5a742}
.attack-toggle:focus-visible{outline:2px solid #2766b0;outline-offset:3px}
.attack-legend{flex:1;margin:0;gap:7px;font-size:12px}
.attack-legend span{padding:5px 7px;background:#fff}
.attack-legend .atk-low{border:2px solid #f4b394;background:#fff}
.attack-legend .atk-150{border:2px solid #f5a742;background:#fff}
.attack-legend .atk-200{border:2px solid #f2705b;background:#fff;box-shadow:inset 0 0 0 1px #f2705b}
.attack-legend small{flex-basis:100%;line-height:1.6}
.comparison-sheet .ordinary-row .sequence-number{font-size:16px;font-weight:750;font-variant-numeric:tabular-nums;padding-top:8px;color:#263f60}
.comparison-sheet{border-spacing:0 3px}
.comparison-sheet .ordinary-row>th{border-bottom:2px solid #aebdcc}
.comparison-sheet .ordinary-row>.result-cell::after{content:"";position:absolute;left:-2px;right:-2px;bottom:-5px;height:2px;background:#aebdcc;pointer-events:none}

.option-regional-attack{color:#7938a4;background:none;font-weight:700;box-shadow:none;text-decoration:none}
#clearSelection{color:#a0443a}

/* Text styling is independent of strength borders and rarity backgrounds. */
.options-unhighlighted .option-label{color:#000!important;background:none!important;box-shadow:none!important;text-decoration:none!important;font-weight:400}
.plan-table .plan-rarity-1{--plan-fill:#fff}
.plan-table .plan-rarity-2{--plan-fill:#f3fbf4}
.plan-table .plan-rarity-3{--plan-fill:#f2f8ff}
.plan-table .plan-rarity-4{--plan-fill:#faf4ff}
.plan-table .plan-rarity-5{--plan-fill:#fff8ee}
.plan-table tbody tr[class^="plan-rarity-"] td{background:var(--plan-fill,#fff)}

/* Hold-to-read option power; reserve the selection button's lower-right position. */
.comparison-sheet .power-mark{position:absolute;right:53px;bottom:4px;display:flex;align-items:center;justify-content:center;width:22px;height:24px;padding:0;border:1px solid #e0a52c;border-radius:4px;background:#fff4cc;color:#875500;font-size:17px;line-height:1;font-weight:800;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:help}
.comparison-sheet .power-mark:focus-visible{outline:2px solid #2766b0;outline-offset:2px}
.power-tooltip{position:fixed;z-index:10000;max-width:min(270px,calc(100vw - 16px));padding:10px 12px;background:#25364b;color:#fff;border-radius:6px;box-shadow:0 3px 12px #0003;pointer-events:none;font-size:13px;line-height:1.5}
.power-tooltip[hidden]{display:none!important}.power-tooltip strong{display:block;color:#fff;font-size:15px}.power-tooltip small{display:block;margin-top:4px;color:#e1e9f3;font-size:11px}

.highlight-control{display:inline-flex;align-items:center;gap:6px}.highlight-help{display:flex;align-items:center;justify-content:center;width:23px;height:23px;padding:0;border:1px solid #aebbc9;border-radius:50%;background:#fff;color:#526681;font-size:14px;font-weight:700;cursor:help;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.highlight-help:focus-visible{outline:2px solid #2766b0;outline-offset:2px}.highlight-help-tooltip{max-width:min(340px,calc(100vw - 16px));font-size:13px}

@media(max-width:720px){
 main{padding:12px 8px}.controls{padding:12px}header{flex-wrap:wrap;gap:10px;padding:14px}header h1{font-size:20px}header a{font-size:12px}.selectors,.filters,.resultbar,.itemgroup{min-width:0;max-width:100%}.pager{flex-wrap:wrap;white-space:normal}.resultbar button{padding:8px 10px}.itemtitle{gap:5px}.itemtitle h3{font-size:18px}.itemgroup .tablewrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin}.itemgroup .tablewrap::-webkit-scrollbar{height:6px}.itemgroup::before{content:"↔ 하단 스크롤바로 다른 지역을 비교하세요 · 순번은 고정됩니다 · 지역옵션은 둘째 줄에 출력됩니다.";display:block;font-size:11px;color:#526681;margin-bottom:6px}.comparison-sheet thead th{min-width:148px;width:148px}.comparison-sheet .result-cell{min-width:148px;width:148px}.comparison-sheet th:first-child{min-width:42px;width:42px;z-index:3;box-shadow:2px 0 3px #17223522}.comparison-sheet thead th:first-child{z-index:4}.comparison-sheet .cell-content{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}.comparison-sheet .ordinary-options,.comparison-sheet .regional-options{font-size:11px}.comparison-sheet .regional-options{text-align:right}.comparison-sheet .power-mark{right:51px}.plan-table{font-size:12px}
}

/* Stack regional options and controls to use narrower comparison columns. */
.comparison-sheet .cell-content{display:flex;flex-direction:column;gap:3px}.comparison-sheet .ordinary-options,.comparison-sheet .regional-options{width:100%;white-space:normal}.comparison-sheet .regional-options{border-left:0;border-top:1px solid #d0d7df;padding:3px 0 0;text-align:left}.comparison-sheet .cell-footer{display:flex;width:100%;justify-content:flex-end;align-items:center;gap:6px;margin-top:3px;min-height:25px}.comparison-sheet .cell-footer .choose-text,.comparison-sheet .cell-footer .power-mark{position:static}.comparison-sheet .result-cell{padding-bottom:4px;width:132px;min-width:132px}.comparison-sheet thead th{width:132px;min-width:132px}.comparison-sheet th:first-child{width:42px;min-width:42px}.comparison-sheet .cell-footer .power-mark{flex:0 0 22px}.comparison-sheet .ordinary-options,.comparison-sheet .regional-options{font-size:12px}.itemgroup .tablewrap{overflow-anchor:none;scrollbar-width:none}.itemgroup .tablewrap::-webkit-scrollbar{height:0}
@media(max-width:720px){.comparison-sheet .result-cell,.comparison-sheet thead th{width:118px;min-width:118px}.comparison-sheet th:first-child{width:38px;min-width:38px}.comparison-sheet .ordinary-options,.comparison-sheet .regional-options{font-size:11px}.comparison-sheet .cell-content{display:flex}.comparison-sheet .cell-footer .power-mark{position:static}}

/* Half-width columns, region line power marker, controls below options. */
.comparison-sheet .result-cell,.comparison-sheet thead th{width:66px;min-width:66px;max-width:66px}.comparison-sheet thead th{white-space:normal;overflow-wrap:anywhere}.comparison-sheet th:first-child{width:42px;min-width:42px;max-width:42px}.comparison-sheet .regional-line{display:flex;align-items:center;gap:2px;width:100%;min-width:0;border-top:1px solid #d0d7df;padding-top:3px}.comparison-sheet .regional-options{flex:1;min-width:0;border:0;padding:0;overflow-wrap:anywhere}.comparison-sheet .regional-line .power-mark{position:static;flex:0 0 18px;width:18px;height:22px;font-size:15px}.comparison-sheet .cell-footer{justify-content:flex-end;margin-top:4px}.comparison-sheet .cell-footer .choose-text{position:static;font-size:11px;padding:3px 5px}.comparison-sheet .ordinary-options{overflow-wrap:anywhere}.comparison-sheet th small{font-size:9px;white-space:normal}.comparison-sheet .pity-distance td{white-space:normal;overflow-wrap:anywhere}
@media(max-width:720px){.comparison-sheet .result-cell,.comparison-sheet thead th{width:59px;min-width:59px;max-width:59px}.comparison-sheet th:first-child{width:38px;min-width:38px;max-width:38px}}

.comparison-sheet .result-cell{position:relative;padding-bottom:31px}.comparison-sheet .cell-footer{position:absolute;bottom:4px;left:4px;right:4px;width:auto;margin:0;min-height:22px}.comparison-sheet .compact-cell{min-height:20px}.comparison-sheet .compact-option-line{display:flex;align-items:center;gap:2px;width:100%;min-width:0}.comparison-sheet .compact-options{border:0;background:transparent;padding:2px 0;min-height:22px;line-height:1.4;font-size:10px;white-space:nowrap;color:#182339;cursor:help;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;text-align:left;flex:1;min-width:0}.comparison-sheet .compact-options .option-label{padding:0;box-decoration-break:clone}.comparison-sheet .compact-option-line .power-mark{position:static;flex:0 0 15px;width:15px;height:21px;font-size:14px}.comparison-sheet .option-dot{color:#8290a4;font-size:8px}.highlight-help-tooltip{white-space:pre-line}.comparison-sheet .compact-options:focus-visible{outline:2px solid #2766b0;outline-offset:1px}

.embedded .extractor-top,.embedded #drop{display:none}

/* Exactly six regional columns fit the available width; extras scroll. */
.comparison-sheet{table-layout:fixed;min-width:100%;max-width:none}.comparison-sheet .result-cell,.comparison-sheet thead th{width:var(--region-width);min-width:0;max-width:none}.comparison-sheet th:first-child{width:var(--seq-width,40px);min-width:0;max-width:none}.comparison-sheet .cell-footer{justify-content:flex-start;align-items:center}.comparison-sheet .cell-footer .choose-text{margin-left:auto}.comparison-sheet .cell-footer .power-mark{position:static;flex:0 0 14px;width:14px;height:18px;font-size:13.6px;border:0;box-shadow:none;background:transparent;color:#f0b83d;padding:0;border-radius:0}.comparison-sheet .compact-option-line .power-mark{display:none}

.comparison-sheet .compact-options{touch-action:pan-x pan-y pinch-zoom}

.comparison-sheet .compact-options{font-size:13px;font-weight:600;line-height:1.6;min-height:25px}.comparison-sheet .option-dot{font-size:11px;color:#62738a}.comparison-sheet .compact-options .option-label{letter-spacing:0}
.comparison-sheet .result-cell.atk-150{background:#e87516!important;border-color:#ff9b3d!important;box-shadow:inset 0 0 0 1px #ffad56;color:#fff}.comparison-sheet .result-cell.atk-200{background:#ee3f23!important;border-color:#ff714a!important;box-shadow:inset 0 0 0 2px #ff815d;color:#fff}
.comparison-sheet .result-cell.atk-150 .option-label,.comparison-sheet .result-cell.atk-200 .option-label,.comparison-sheet .result-cell.atk-150 .compact-options,.comparison-sheet .result-cell.atk-200 .compact-options,.comparison-sheet .result-cell.atk-150 .option-dot,.comparison-sheet .result-cell.atk-200 .option-dot{color:#fff!important;background:none!important}.comparison-sheet .result-cell.atk-200 .option-label,.comparison-sheet .result-cell.atk-200 .compact-options{font-weight:800!important}.comparison-sheet .result-cell.atk-150 .option-label{font-weight:500!important}

/* Attack strength intensifies the original rarity hue. */
.comparison-sheet .result-cell.c1{--strong-150:#71869b;--strong-200:#465e79}
.comparison-sheet .result-cell.c2{--strong-150:#42aa60;--strong-200:#149c46}
.comparison-sheet .result-cell.c3{--strong-150:#459fea;--strong-200:#147ae4}
.comparison-sheet .result-cell.c4{--strong-150:#a264d8;--strong-200:#8433d1}
.comparison-sheet .result-cell.c5{--strong-150:#e9952c;--strong-200:#f17b0b}
.comparison-sheet .result-cell.atk-150{background:var(--strong-150)!important;border-color:var(--strong-150)!important;box-shadow:inset 0 0 0 1px #ffffff55}
.comparison-sheet .result-cell.atk-200{background:var(--strong-200)!important;border-color:var(--strong-200)!important;box-shadow:inset 0 0 0 2px #ffffff66}

.sim-heading{padding:20px 24px;min-height:0;background:transparent;color:#182b46;border-bottom:1px solid #d3dbe6}.sim-heading .game-name{margin:0 0 3px;font-size:12px;line-height:1.4;color:#68768b}.sim-heading h1{margin:0;font-size:24px;line-height:1.4}.sim-heading>div{margin:0}@media(max-width:720px){.sim-heading{padding:16px 14px}.sim-heading h1{font-size:22px}}

/* Softer middle emphasis and slightly richer rarity fills. */
.comparison-sheet .result-cell.c1{background:#e8edf3;--strong-150:#899db0}
.comparison-sheet .result-cell.c2{background:#e5f3e8;--strong-150:#67bb7e}
.comparison-sheet .result-cell.c3{background:#e5effc;--strong-150:#69b1eb}
.comparison-sheet .result-cell.c4{background:#f0e5fa;--strong-150:#b681df}
.comparison-sheet .result-cell.c5{background:#fff0d9;--strong-150:#eeac56}
#rowCount{font-size:16px;min-width:60px;width:65px;padding:5px 8px;vertical-align:middle}
.comparison-sheet .unique-cell .unique-option{color:#182339!important;background:none!important;box-shadow:none!important;text-decoration:none!important;font-weight:400!important}
.comparison-sheet .unique-cell.unique-region-highlight{background:var(--strong-150)!important}
.comparison-sheet .unique-cell.unique-region-highlight .unique-regional{font-weight:800!important}

/* Align the part and level fields, including their select baselines. */
.selectors{align-items:flex-start}.selectors>label{line-height:1.5;gap:8px}.selectors select{height:44px;margin:0}
@media(max-width:720px){.selectors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.selectors>label{min-width:0;width:100%;margin:0}.selectors>label:has(#part){grid-column:1;grid-row:1}.selectors>label:has(#level){grid-column:2;grid-row:1}.selectors #weaponLabel,.selectors>label:has(#item){grid-column:1/-1}.selectors select{width:100%;min-width:0}.selectors #item{min-width:0}}

/* Separate compact base and regional options without shrinking their text. */
.comparison-sheet .compact-options{display:block;width:100%;white-space:normal;overflow-wrap:anywhere}
.comparison-sheet .compact-basic-row,.comparison-sheet .compact-region-row{display:block;min-height:21px;line-height:1.6;white-space:normal}
.comparison-sheet .compact-region-row{margin-top:1px}
.comparison-sheet .compact-options .option-label{display:inline-block;white-space:nowrap}
.comparison-sheet .result-cell:has(.compact-cell){padding-left:3px;padding-right:3px}

/* Regional options remain purple regardless of either emphasis toggle. */
.comparison-sheet .result-cell .regional-options,.comparison-sheet .result-cell .compact-region-row{text-align:right;color:#7938a4!important}
.comparison-sheet .result-cell .regional-options .option-label,.comparison-sheet .result-cell .compact-region-row .option-label,.comparison-sheet .result-cell .compact-region-row .option-dot{color:#7938a4!important;background:none!important;box-shadow:none!important;text-decoration:none!important}
#results:not(.options-unhighlighted) .comparison-sheet .result-cell.unique-no-region .option-label,#results:not(.options-unhighlighted) .comparison-sheet .result-cell.unique-no-region .option-dot{color:#d2d6dc!important;background:none!important;font-weight:400!important}

/* Vertical gestures inside the table scroll the page; horizontal travel uses the bottom bar. */
.itemgroup .tablewrap{touch-action:pan-y pinch-zoom;overscroll-behavior:auto}
.comparison-sheet,.comparison-sheet .compact-options,.comparison-sheet .power-mark,.comparison-sheet .choose-text{touch-action:pan-y pinch-zoom}
.viewport-scrollbar{touch-action:pan-x;overscroll-behavior-x:contain}

/* A clipped viewport accepts only programmatic horizontal movement from the external bar. */
.itemgroup .tablewrap{overflow:hidden!important;touch-action:pan-y pinch-zoom;overscroll-behavior:auto}
html.embedded,html.embedded body{overflow-x:hidden;overflow-y:hidden}

.equipment-mode{display:flex;gap:8px;margin-bottom:12px}.equipment-mode button[aria-pressed="true"]{background:#263f60;color:#fff;font-weight:700}.option-search-panel{margin-top:16px;padding:16px;border:1px solid #cbd6e3;background:#fff;border-radius:7px}.option-search-panel h2{font-size:19px;margin:0 0 14px}.search-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.search-fields label{min-width:0}.search-fields select,.search-fields input{min-width:0;width:100%}.search-fields small{font-size:11px;font-weight:400;color:#667a92}.search-value{display:flex;align-items:center;gap:6px}.search-value input{flex:1;min-width:0}.search-note{font-size:12px;line-height:1.6;color:#61738a}.search-actions{display:flex;gap:8px}.search-actions #runOptionSearch{background:#263f60;color:#fff}.option-search-panel [role="status"]{font-size:13px;color:#526681;line-height:1.6}.search-hit-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.search-hit{padding:12px;border:1px solid #c1ccda;border-radius:5px;min-width:0;font-size:12px;overflow-wrap:anywhere}.search-hit-heading{display:flex;justify-content:space-between;gap:8px;font-size:14px}.search-hit-position{font-size:11px;margin-top:5px;color:#54667c}.search-hit p{margin:6px 0;line-height:1.5}.search-hit .search-hit-region{color:#7938a4;text-align:right}.search-hit-total{font-size:13px;color:#182339}.search-errors{font-size:12px}.equipment-search-mode #workspace,.equipment-search-mode #empty,.equipment-search-mode #status,.equipment-search-mode .highlight-controls,.equipment-search-mode .filters>label:has(#option){display:none!important}
@media(max-width:720px){.option-search-panel{padding:12px}.search-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.search-fields>label:last-child{grid-column:1/-1}.search-hit-list{grid-template-columns:1fr}.search-fields label{font-size:12px}.search-fields input,.search-fields select{font-size:13px;padding:8px}.equipment-mode button{padding:8px 14px}}