/* n126 콜렉션 계산기: 등급 선택 입력 + 레벨 계산기와 같은 결과 카드 */
.cx-input .cx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 14px}
.cx-field{display:grid;gap:8px;min-width:0;position:relative}
.cx-field .lbl,.cx-input>.lbl{margin:0}
.cx-opt{font-style:normal;margin-left:4px;padding:1px 6px;border-radius:6px;background:var(--rc-tint);color:var(--rc-tint-text);font-size:11px;font-weight:700}
.cx-sub{font-weight:500;color:var(--rc-muted)}
.cx-trigger{display:flex;align-items:center;gap:10px;width:100%;height:48px;padding:0 14px;border-radius:13px;background:var(--rc-soft);border:1px solid var(--rc-line);color:var(--rc-text);font:inherit;font-weight:700;font-size:15px;cursor:pointer;text-align:left}
.cx-trigger:focus-visible{outline:2px solid var(--rc-accent);outline-offset:2px}
.cx-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cx-caret{flex:none;width:8px;height:8px;border-right:2px solid var(--rc-muted);border-bottom:2px solid var(--rc-muted);transform:translateY(-2px) rotate(45deg)}
.cx-ic{width:28px;height:28px;object-fit:contain;flex:none}
.cx-pop{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 6px);min-width:220px;max-height:360px;overflow:auto;padding:6px;border-radius:14px;background:var(--rc-panel);border:1px solid var(--rc-line);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.cx-pop[hidden]{display:none}
.cx-fam{padding:8px 10px 4px;font-size:11.5px;font-weight:700;color:var(--rc-muted)}
.cx-opt-row{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:0;border-radius:10px;background:none;color:var(--rc-text);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.cx-opt-row:hover,.cx-opt-row.on{background:var(--rc-soft)}
.cx-opt-row span{flex:1;min-width:0}.cx-opt-row small{color:var(--rc-muted);font-size:12px;white-space:nowrap}
.cx-input .inwrap{margin-top:8px}
#collectionPointHint b{color:var(--rc-text)}
.cx-result{display:flex;flex-direction:column;gap:14px}
.cx-ring{position:relative;width:148px;height:148px;align-self:center;margin:2px 0}
.cx-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.cx-ring circle{fill:none;stroke-width:9}
.cx-ring-bg{stroke:var(--rc-line)}
.cx-ring-fg{stroke:var(--rc-accent);stroke-linecap:round;transition:stroke-dashoffset .4s ease}
.cx-ring-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cx-ring-c b{font-size:27px;font-weight:730;letter-spacing:-.05em;color:var(--rc-accent);font-variant-numeric:tabular-nums}
.cx-ring-c span{font-size:10px;color:var(--rc-muted)}
.cx-pair{display:flex;align-items:center;gap:10px;padding:13px;border-radius:14px;background:var(--rc-soft);border:1px solid var(--rc-line)}
.cx-lv{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:12px;border:1px solid var(--rc-line);text-align:center}
.cx-lv img{width:40px;height:40px;object-fit:contain}
.cx-lv b{font-size:12px;line-height:1.35}
.cx-arrow{flex:none;font-size:11px;color:var(--rc-muted)}
.cx-primary{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:var(--rc-tint)}
.cx-lab{font-size:12.5px;font-weight:700;color:var(--rc-muted)}
.cx-big{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--rc-text);font-variant-numeric:tabular-nums}
.cx-primary .cx-sub{display:flex;justify-content:space-between;gap:10px;padding-top:10px;margin-top:4px;border-top:1px solid var(--rc-line);font-size:12.5px;color:var(--rc-muted);font-weight:500}
.cx-primary .cx-sub[hidden]{display:none}
.cx-primary .cx-sub b{color:var(--rc-text);text-align:right;font-weight:700}
.cx-primary .summary{margin:6px 0 0}
.cx-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;border-radius:14px;background:var(--rc-soft);font-size:12.5px;color:var(--rc-muted)}
.cx-row b{color:var(--rc-text);font-size:15px;text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:520px){.cx-input .cx-grid{grid-template-columns:1fr}.cx-ring{width:120px;height:120px}}
.cx-input .inwrap{display:flex;align-items:center;gap:8px}
.cx-input .inwrap input#cxInPt{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;color:var(--rc-text);font:inherit;font-size:18px;font-weight:700;outline:0;box-shadow:none}
.cx-input .inwrap:focus-within{outline:2px solid var(--rc-accent);outline-offset:1px}
.cx-result .cx-lv b{font-size:12px!important;font-weight:700!important;letter-spacing:0!important;line-height:1.35!important}

/* n126c 등급 선택 창: 레벨 계산기와 같은 가운데 창 */
.cx-dim{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.5)}
html.cx-lock{overflow:hidden}
.cx-pop{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;transform:translate(-50%,-50%);z-index:1000!important;width:min(620px,calc(100vw - 32px))!important;max-height:min(72vh,660px)!important;display:flex;flex-direction:column;gap:12px;padding:18px!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 30px 80px rgba(0,0,0,.5)!important}
.cx-pop[hidden]{display:none!important}
.cx-pop-head{display:flex;align-items:center;justify-content:space-between}
.cx-pop-head b{font-size:16px}
.cx-x{width:32px;height:32px;border:0;border-radius:9px;background:var(--rc-soft);color:var(--rc-text);font-size:18px;cursor:pointer}
.cx-search{width:100%;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--rc-line);background:var(--rc-soft);color:var(--rc-text);font:inherit;font-size:14px;outline:0;box-sizing:border-box}
.cx-search:focus{border-color:var(--rc-accent)}
.cx-list{overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}
.cx-group{padding:8px 0 10px;border-bottom:1px solid var(--rc-line)}
.cx-group:last-child{border-bottom:0}
.cx-group[hidden]{display:none}
.cx-fam{padding:2px 4px 8px}
.cx-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cx-cells .cx-opt-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--rc-line);border-radius:11px;font-size:13px}
.cx-cells .cx-opt-row[hidden]{display:none}
.cx-cells .cx-opt-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-cells .cx-opt-row small{font-size:11px}
.cx-cells .cx-opt-row.on{border-color:var(--rc-text);background:var(--rc-soft)}
.cx-none{border:1px solid var(--rc-line)!important;justify-content:center}
@media (max-width:560px){.cx-cells{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-cells .cx-opt-row small{display:none}}

.ncr-reference-grid{grid-template-columns:1fr!important}
.cx-rule{margin:10px 0 0;font-size:12px}
/* n126d 선택 창 검색칸이 눌리던 문제 */
.cx-pop-head,.cx-search{flex:none}
.cx-search{height:44px!important;min-height:44px}
.cx-list{flex:1 1 auto;min-height:0}

/* n126e 오버레이가 창을 덮어 클릭이 안 되던 문제: 막 대신 창 그림자로 배경을 어둡게 */
.cx-dim{display:none!important}
.cx-pop{box-shadow:0 0 0 100vmax rgba(0,0,0,.5),0 30px 80px rgba(0,0,0,.5)!important}