/* 세팅 공유 게시판 (2026-09-29) — 사이트 딥웹 그린 톤을 따르되 카드·모달은 게임 공식 커뮤니티급 정돈 */
.bd-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:4px 0 14px}
.bd-head h2{margin:0;font-size:22px;letter-spacing:-.01em}
.bd-head p{margin:4px 0 0;color:var(--txt2);font-size:13.5px}
.bd-write{appearance:none;border:0;background:var(--cy);color:#03170f;font-weight:800;font-size:14px;padding:10px 16px;border-radius:8px;cursor:pointer;font-family:inherit}
.bd-write:hover{filter:brightness(1.08)}
.bd-bar{display:flex;flex-direction:column;gap:10px;background:var(--panel2);border:1px solid var(--line2);border-radius:10px;padding:12px 14px;margin-bottom:14px}
.bd-jobs{display:flex;flex-wrap:wrap;gap:6px}
.bd-chip{appearance:none;display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line2);color:var(--txt2);border-radius:999px;padding:5px 11px;font-size:13px;cursor:pointer;font-family:inherit}
.bd-chip .jico{width:18px;height:18px}
.bd-chip .n{color:var(--mut);font-family:var(--mono);font-size:11.5px}
.bd-chip:hover{color:var(--txt);border-color:#2a4a3d}
.bd-chip.on{background:#0f2a20;border-color:var(--cy);color:var(--txt)}
.bd-row2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.bd-seg{display:inline-flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden}
.bd-seg button{appearance:none;background:none;border:0;color:var(--txt2);padding:6px 12px;font-size:13px;cursor:pointer;font-family:inherit}
.bd-seg button.on{background:#12281f;color:var(--txt)}
.bd-tags{display:flex;flex-wrap:wrap;gap:5px}
.bd-tag{appearance:none;background:none;border:1px solid var(--line2);color:var(--mut);border-radius:6px;padding:3px 8px;font-size:12px;cursor:pointer;font-family:inherit}
.bd-tag.on{color:var(--cy);border-color:var(--cy)}
.bd-ver{display:inline-flex;align-items:center;gap:6px;color:var(--txt2);font-size:13px;cursor:pointer;user-select:none}
.bd-ver input{accent-color:var(--cy)}
.bd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:1000px){.bd-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.bd-grid{grid-template-columns:1fr}}
.bd-card{display:flex;flex-direction:column;gap:9px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-radius:12px;padding:14px 15px;cursor:pointer;transition:border-color .15s,transform .15s;min-width:0}
.bd-card:hover{border-color:#2d5a47;transform:translateY(-1px)}
.bd-card:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
.bd-ctop{display:flex;align-items:center;gap:8px;min-width:0}
.bd-ctop .jico{width:26px;height:26px;flex:none}
.bd-cjob{font-size:13px;color:var(--txt2);font-weight:600}
.bd-badge{margin-left:auto;flex:none;font-size:11px;font-weight:800;letter-spacing:.02em;padding:3px 7px;border-radius:5px;white-space:nowrap}
.bd-badge.v{background:#0f3325;color:var(--cy);border:1px solid #1f5c45}
.bd-badge.w{background:var(--panel3);color:var(--mut);border:1px solid var(--line2)}
.bd-ctitle{font-size:15.5px;font-weight:700;color:var(--txt);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em}
.bd-kv{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:var(--txt2)}
.bd-kv b{color:var(--txt);font-family:var(--mono);font-weight:600}
.bd-kv .dps b{color:var(--cy)}
.bd-sk{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden;min-height:30px}
.bd-si{position:relative;width:30px;height:30px;flex:none;border-radius:6px;background:#0b1511;border:1px solid var(--line2);overflow:hidden}
.bd-si img{width:100%;height:100%;display:block}
.bd-si .lv{position:absolute;right:0;bottom:0;background:rgba(0,0,0,.78);color:#fff;font:700 9.5px/1 var(--mono);padding:1px 2px;border-top-left-radius:4px}
.bd-si.more{display:grid;place-items:center;color:var(--mut);font-size:11px}
.bd-cfoot{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mut);margin-top:auto}
.bd-cfoot .t{display:flex;gap:4px;flex-wrap:wrap}
.bd-cfoot .t span{color:var(--txt2);border:1px solid var(--line2);border-radius:4px;padding:1px 5px;font-size:11px}
.bd-cfoot .r{margin-left:auto;display:flex;gap:10px;font-family:var(--mono)}
.bd-empty{border:1px dashed var(--line2);border-radius:12px;padding:40px 16px;text-align:center;color:var(--txt2)}
.bd-empty b{display:block;font-size:17px;color:var(--txt);margin-bottom:6px}
.bd-pager{display:flex;justify-content:center;gap:6px;margin:16px 0 4px}
.bd-pager button{appearance:none;min-width:34px;height:32px;border-radius:7px;border:1px solid var(--line2);background:var(--panel);color:var(--txt2);cursor:pointer;font-family:var(--mono)}
.bd-pager button.on{background:#12281f;color:var(--txt);border-color:var(--cy)}
.bd-pager button:disabled{opacity:.4;cursor:default}

/* 상세·작성 모달 */
.bdm{max-width:880px!important}
.bdm .bdm-body{padding:18px 20px 20px;overflow:auto}
.bdm h3{margin:18px 0 8px;font-size:14px;color:var(--txt2);letter-spacing:.02em}
.bdm .bdm-title{font-size:21px;font-weight:800;line-height:1.35;margin:2px 0 8px}
.bdm .bdm-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--mut);font-size:12.5px;align-items:center}
.bdm .bdm-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.bdm .bdm-stat{display:flex;justify-content:space-between;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:13px}
.bdm .bdm-stat span{color:var(--txt2)}
.bdm .bdm-stat b{font-family:var(--mono);color:var(--txt)}
.bdm .bdm-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}
.bdm .bdm-skill{display:flex;align-items:center;gap:9px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:6px 9px;min-width:0}
.bdm .bdm-skill .bd-si{width:34px;height:34px}
.bdm .bdm-skill .nm{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bdm .bdm-skill .ty{font-size:11px;color:var(--mut)}
.bdm .bdm-skill .lvb{font-family:var(--mono);color:var(--cy);font-size:13px;font-weight:700}
.bdm .bdm-memo{white-space:pre-wrap;word-break:break-word;line-height:1.75;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:14px 16px;color:var(--txt)}
.bdm .bdm-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.bdm .btn{appearance:none;border:1px solid var(--line2);background:var(--panel2);color:var(--txt2);padding:8px 13px;border-radius:8px;cursor:pointer;font-size:13px;font-family:inherit}
.bdm .btn:hover{color:var(--txt);border-color:#2d5a47}
.bdm .btn.p{background:var(--cy);color:#03170f;border-color:var(--cy);font-weight:800}
.bdm .btn.d{color:var(--hot);border-color:#4a1f1d}
.bdm .note{font-size:12.5px;color:var(--mut);line-height:1.6}
.bdm .dpsbox{display:flex;gap:10px;flex-wrap:wrap}
.bdm .dpsbox div{background:#0d1f18;border:1px solid #1f4a3b;border-radius:9px;padding:9px 14px}
.bdm .dpsbox span{display:block;font-size:11.5px;color:var(--txt2)}
.bdm .dpsbox b{font-family:var(--mono);font-size:18px;color:var(--cy)}

/* 작성 폼 */
.bdf label.l{display:block;font-size:12.5px;color:var(--txt2);margin:14px 0 6px;font-weight:600}
.bdf input[type=text],.bdf input[type=number],.bdf input[type=password],.bdf textarea,.bdf select{width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--line2);color:var(--txt);border-radius:8px;padding:9px 11px;font-size:14px;font-family:inherit}
.bdf textarea{min-height:140px;resize:vertical;line-height:1.6}
.bdf input:focus,.bdf textarea:focus,.bdf select:focus{outline:none;border-color:var(--cy)}
.bdf .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.bdf .cnt{float:right;color:var(--mut);font-family:var(--mono);font-size:11.5px}
.bdf .pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:8px;background:var(--bg)}
.bdf .pick .it{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:5px 7px;cursor:pointer;font-size:12.5px;color:var(--txt2);min-width:0}
.bdf .pick .it .bd-si{width:26px;height:26px}
.bdf .pick .it span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bdf .pick .it:hover{border-color:#2d5a47;color:var(--txt)}
.bdf .pick .it.on{border-color:var(--cy);background:#0f2a20;color:var(--txt)}
.bdf .pick .grp{grid-column:1/-1;font-size:11.5px;color:var(--mut);margin:6px 0 2px;letter-spacing:.04em}
.bdf .sel{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bdf .sel .it{display:flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line2);border-radius:8px;padding:4px 6px;font-size:12.5px}
.bdf .sel .it .bd-si{width:24px;height:24px}
.bdf .sel .it input{width:48px;padding:3px 5px;font-size:12.5px}
.bdf .sel .it .x{appearance:none;background:none;border:0;color:var(--mut);cursor:pointer;font-size:14px}
.bdf .strow{display:grid;grid-template-columns:1fr 110px 60px 30px;gap:6px;margin-top:6px}
.bdf .err{color:var(--hot);font-size:13px;margin-top:12px;min-height:1em}
.bdf .hint{font-size:12px;color:var(--mut);margin-top:5px;line-height:1.55}
.bdf .jobpick{display:flex;flex-wrap:wrap;gap:6px}

/* 전투속도 캡 탭 */
.cs-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-radius:12px;padding:20px 22px}
.cs-res{font-size:26px;font-weight:800;color:#ff8a6a;letter-spacing:-.01em}
.cs-res.up{color:var(--cy)}.cs-res.muted{color:var(--txt2);font-size:20px}
.cs-sub{color:var(--txt2);margin:6px 0 14px;line-height:1.6;font-size:14px}
.cs-chart{border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:8px;margin-bottom:14px}
.cs-chart svg{width:100%;height:220px;display:block}
.cs-notes{font-size:13px;color:var(--txt2);line-height:1.7}
.cs-notes b{color:var(--txt);margin-right:4px}

/* 상세 상단 추천 버튼(2026-09-29 사용자 "추천이 상단에 바로 보이게") */
.modal .mh .mshare.bd-likebtn{background:#12281f;color:var(--cy);border:1px solid #1f5c45;padding:8px 14px;font-size:13px}
.modal .mh .mshare.bd-likebtn b{font-family:var(--mono);margin-left:3px}
.modal .mh .mshare.bd-likebtn:hover{background:var(--cy);color:#03170f}
.modal .mh .mshare.bd-likebtn.done{background:var(--cy);color:#03170f;border-color:var(--cy)}
.bdm .mh-t{min-width:0}

/* ── 스킬 배치(인게임 배치창 모양) ── */
.lo-scroll{overflow-x:auto;padding:4px 0 6px;margin:6px 0 4px}
.lo{display:inline-flex;flex-direction:column;gap:6px;padding:14px 12px 12px 14px;background:linear-gradient(180deg,#2a313c,#232a33);border:1px solid #394350;border-radius:4px}
.lo-row{display:flex;align-items:center;gap:6px}
.lo-row.hot{margin-top:8px;padding-top:12px;border-top:1px solid #3c4653}
.lo-c{position:relative;flex:none;width:52px;height:52px;background:#3a4350;border:1px solid #475262;border-radius:3px;display:grid;place-items:center;overflow:hidden}
.lo-c.gap{margin-left:14px}
.lo-c img{width:100%;height:100%;object-fit:cover;display:block}
.lo-c .lo-dot{width:10px;height:10px;background:radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 2px),linear-gradient(90deg,transparent 45%,rgba(255,255,255,.22) 45% 55%,transparent 55%),linear-gradient(0deg,transparent 45%,rgba(255,255,255,.22) 45% 55%,transparent 55%)}
.lo-lv{position:absolute;right:2px;bottom:1px;font-size:10.5px;font-weight:800;color:#fff;text-shadow:0 0 3px #000,0 0 2px #000;letter-spacing:.02em}
.lo-row.hot .lo-c{background:#2e3540}
.lo-row.hot .lo-c img{opacity:.92}
.lo-key{position:absolute;left:2px;top:2px;z-index:1;min-width:14px;padding:0 3px;font-size:10px;font-weight:800;line-height:14px;color:#dfe6ee;background:rgba(10,14,18,.78);border-radius:2px;text-align:center}
input.lo-key{width:22px;border:1px solid #56606e;outline:none;font-family:inherit}
input.lo-key:focus{border-color:var(--cy)}
.lo-rn{width:18px;margin-left:8px;font-size:18px;font-weight:300;color:#e9eef3;text-align:center}
.lo.ed .lo-c{cursor:pointer}
.lo.ed .lo-c:hover,.lo.ed .lo-c:focus-visible{outline:2px solid var(--cy);outline-offset:-2px}
.lo.ed .lo-c.over{outline:2px dashed #ffb454;outline-offset:-2px}
.lo.ed .lo-c.auto{cursor:default}
.lo.ed .lo-c.auto:hover{outline:0}
.lo-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.lo-tools .hint{flex:1;margin:0}
.lo-pop{position:fixed;z-index:9999;display:flex;flex-direction:column;background:#0b1210;border:1px solid var(--line2);border-radius:4px;box-shadow:0 14px 40px rgba(0,0,0,.6)}
.lo-ph{display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--line2)}
.lo-ph input{flex:1;min-width:0;background:#0d1512;border:1px solid var(--line2);color:var(--txt);padding:6px 9px;border-radius:3px;font-size:13px}
.lo-pl{overflow-y:auto;padding:4px}
.lo-pi{display:flex;align-items:center;gap:8px;width:100%;padding:5px 6px;background:none;border:0;border-radius:3px;color:var(--txt2);font-size:13px;text-align:left;cursor:pointer;font-family:inherit}
.lo-pi:hover,.lo-pi:focus-visible{background:rgba(51,225,154,.08);color:var(--txt)}
.lo-pi.on{color:var(--cy);font-weight:700}
.lo-pi > span:not(.bd-si){flex:1}
.lo-pi .bd-si{width:28px;height:28px}
.lo-pi em{font-style:normal;font-size:11px;color:var(--cy)}
@media(max-width:640px){.lo-c{width:40px;height:40px}.lo-c.gap{margin-left:8px}.lo-lv{font-size:9px}.lo-rn{font-size:14px}}
input.lo-key:placeholder-shown{background:rgba(10,14,18,.45);border-color:#454f5c}

/* 기준 전투 기록 */
.bd-rec .rh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.bd-rec .rh b{font-size:15px;color:var(--txt)}
.bd-rec .rk{white-space:nowrap;flex:none;font-size:11px;font-weight:700;padding:2px 7px;border-radius:2px;background:rgba(255,95,87,.12);color:#ff8a82}
.bd-rec .rk.ok{background:rgba(51,225,154,.12);color:var(--cy)}
.bd-rec .rt{font-size:12px;color:var(--mut)}

/* 세팅 글쓰기 전용 화면(2026-09-29) — 자유게시판 .fw 에디터 위에 세팅 정보 섹션 */
.bdw .pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:8px;background:var(--bg)}
.bdw .pick .it{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:5px 7px;cursor:pointer;font-size:12.5px;color:var(--txt2);min-width:0}
.bdw .pick .it .bd-si{width:26px;height:26px}
.bdw .pick .it span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bdw .pick .it:hover{border-color:#2d5a47;color:var(--txt)}
.bdw .pick .it.on{border-color:var(--cy);background:#0f2a20;color:var(--txt)}
.bdw .pick .grp{grid-column:1/-1;font-size:11.5px;color:var(--mut);margin:6px 0 2px;letter-spacing:.04em}
.bdw .sel{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bdw .sel .it{display:flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line2);border-radius:8px;padding:4px 6px;font-size:12.5px}
.bdw .sel .it .bd-si{width:24px;height:24px}
.bdw .sel .it input{width:48px;padding:3px 5px;font-size:12.5px}
.bdw .sel .it .x{appearance:none;background:none;border:0;color:var(--mut);cursor:pointer;font-size:14px}
.bdw .strow{display:grid;grid-template-columns:1fr 110px 60px 30px;gap:6px;margin-top:6px}
.bdw .hint{font-size:12px;color:var(--mut);margin-top:5px;line-height:1.55}
.bdw-tip{margin:0 0 14px;font-size:13px;line-height:1.65;color:var(--txt2)}
.bdw-tip b{color:var(--txt)}.bdw-tip b.v{color:var(--cy)}
.bdw-jobs{display:flex;flex-wrap:wrap;gap:6px}
.bdw-jobs button{display:inline-flex;align-items:center;gap:6px;background:#0d1512;border:1px solid var(--line2);color:var(--txt2);border-radius:2px;padding:5px 12px 5px 7px;font:600 13px var(--sans);cursor:pointer}
.bdw-jobs button img,.bdw-jobs button .ji{width:20px;height:20px}
.bdw-jobs button:hover{color:var(--txt);border-color:#2a4a3c}
.bdw-jobs button.on{color:#04140d;background:var(--cy);border-color:var(--cy)}
.bdw-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.bdw-tags button{background:none;border:1px solid var(--line2);color:var(--mut);border-radius:2px;padding:4px 10px;font:600 12.5px var(--sans);cursor:pointer}
.bdw-tags button:hover{color:var(--txt)}
.bdw-tags button.on{color:var(--cy);border-color:var(--cy-dim);background:rgba(51,225,154,.06)}
.bdw-tags .hint{margin:0 0 0 4px}
.bdw-extra{margin-top:18px;border:1px solid var(--line2);border-radius:3px}
.bdw-eh{display:flex;align-items:baseline;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line2);background:#0b1310}
.bdw-eh b{font-size:14px;color:var(--txt)}.bdw-eh span{font-size:12px;color:var(--mut)}
.bdw-sec{border-top:1px solid var(--line)}
.bdw-eh+.bdw-sec{border-top:0}
.bdw-sec>summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none;font-size:13.5px;color:var(--txt2)}
.bdw-sec>summary::-webkit-details-marker{display:none}
.bdw-sec>summary::before{content:"+";width:14px;color:var(--cy);font:700 15px var(--mono)}
.bdw-sec[open]>summary::before{content:"−"}
.bdw-sec>summary:hover{color:var(--txt)}
.bdw-sec>summary .sum{margin-left:auto;font-size:12px;color:var(--cy);font-variant-numeric:tabular-nums}
.bdw-sec[open]>summary{color:var(--txt)}
.bdw-sec>:not(summary){margin-left:14px;margin-right:14px}
.bdw-sec[open]{padding-bottom:14px}
.bdw-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bdw .bdw-sec input,.bdw .bdw-sec select{box-sizing:border-box;background:#0d1512;border:1px solid var(--line2);color:var(--txt);border-radius:3px;padding:8px 10px;font:14px var(--sans);outline:none}
.bdw .bdw-sec input:focus,.bdw .bdw-sec select:focus{border-color:var(--cy)}
.bdw .bdw-sec .fw-f input{width:100%}
.bdw .sel .it input{width:52px;padding:3px 5px;font-size:12.5px}
.bdw .strow input{width:100%}
.bdw-add{margin-top:8px;background:none;border:1px dashed var(--line2);color:var(--txt2);border-radius:2px;padding:6px 12px;font:600 12.5px var(--sans);cursor:pointer}
.bdw-add:hover{color:var(--cy);border-color:var(--cy-dim)}
.fw-author.bdw-author{grid-template-columns:1fr 1fr 1fr}
.bdw-jobfix{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--txt2)}
.bdw-jobfix b{font-size:15px;color:var(--txt)}
.bdw-jobfix img,.bdw-jobfix .ji{width:24px;height:24px}
.bdw .fw-head .bd-badge{margin-left:8px}
.bdm-memo.fb-body{margin-top:14px}
.bdm .bdm-memo.fb-body{padding:14px 16px;min-height:0;border:1px solid var(--line);font-size:14.5px}
.bdw .strow{grid-template-columns:1fr 110px 76px 32px}
@media(max-width:760px){.fw-author.bdw-author{grid-template-columns:1fr}.bdw .strow{grid-template-columns:1fr 80px 70px 30px}}
.bd-recbtn{display:inline-flex;align-items:center;margin-top:10px;background:none;border:1px solid var(--cy-dim);color:var(--cy);border-radius:2px;padding:7px 14px;font:600 13px var(--sans);cursor:pointer}
.bd-recbtn:hover{background:rgba(51,225,154,.08)}

/* 전투속도 캡(2026-09-29 리디자인) — 평평한 패널, 2px 모서리, 실측 폭 SVG */
.csx{background:#0a100d;border:1px solid var(--line2);border-radius:4px;padding:0;overflow:hidden}
.csx-top{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line2)}
.csx-kpi{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-left:1px solid var(--line2);min-width:0}
.csx-kpi:first-child{border-left:0}
.csx-kpi .k{font-size:12px;color:var(--mut);letter-spacing:.02em}
.csx-kpi .v{font-size:22px;font-weight:800;color:var(--txt);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}
.csx-kpi .v small{font-size:13px;font-weight:600;color:var(--txt2);margin-left:2px}
.csx-kpi.main .v{font-size:32px;color:#ffb454}
.csx-kpi .s{font-size:12.5px;color:var(--txt2)}
.csx-chartbox{padding:16px 20px 6px}
.csx-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--txt2);margin-bottom:6px}
.csx-legend span{display:inline-flex;align-items:center;gap:7px}
.csx-legend i{display:inline-block}
.csx-legend .l-line{width:18px;height:2px;background:var(--cy)}
.csx-legend .l-band{width:14px;height:10px;background:rgba(255,138,106,.16);border:1px solid rgba(255,138,106,.45)}
.csx-legend .l-cap{width:0;height:12px;border-left:2px dashed #ffb454}
.csx-chart{position:relative;width:100%}
.csx-chart svg{display:block;font-family:var(--sans)}
.csx-chart .gl{stroke:#16221d;stroke-width:1}
.csx-chart .gb{stroke:#3a5247;stroke-width:1;stroke-dasharray:4 4}
.csx-chart .ty,.csx-chart .tx{fill:#7d8e86;font-size:12px;font-variant-numeric:tabular-nums}
.csx-chart .avg{fill:#7d8e86;font-size:11px}
.csx-chart .axt{fill:#56685f;font-size:11px}
.csx-chart .tk{stroke:#2a3a33}
.csx-chart .band{fill:rgba(255,138,106,.10)}
.csx-chart .bl{fill:#ff8a6a;font-size:11.5px;font-weight:700}
.csx-chart .cap{stroke:#ffb454;stroke-width:1.5;stroke-dasharray:5 4}
.csx-chart .capbg{fill:#1d1609;stroke:#ffb454;stroke-width:1}
.csx-chart .capt{fill:#ffb454;font-size:12px;font-weight:700}
.csx-chart .ar{fill:rgba(51,225,154,.07)}
.csx-chart .ln{fill:none;stroke:var(--cy);stroke-width:2.25;stroke-linejoin:round}
.csx-chart .st{fill:var(--cy);font-size:12px;font-weight:700}
.csx-chart .pt{fill:#0a100d;stroke:var(--cy);stroke-width:2;cursor:pointer}
.csx-chart .pt.on{fill:var(--cy)}
.csx-tip{position:absolute;pointer-events:none;background:#0d1512;border:1px solid var(--line2);border-radius:3px;padding:8px 11px;font-size:12.5px;color:var(--txt);display:flex;flex-direction:column;gap:2px;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.csx-tip[hidden]{display:none}
.csx-tip b{font-size:13px}
.csx-tip em{font-style:normal;color:var(--mut)}
.csx-facts{list-style:none;margin:0;padding:12px 20px 4px;border-top:1px solid var(--line)}
.csx-facts li{font-size:13.5px;color:var(--txt2);padding:4px 0;line-height:1.6}
.csx-facts li b{color:var(--txt)}.csx-facts li b.up{color:var(--cy)}
.csx-per{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 20px 4px;font-size:12.5px;color:var(--mut)}
.csx-per em{font-style:normal;color:var(--txt);border:1px solid var(--line2);border-radius:2px;padding:2px 8px}
.csx-empty{padding:26px 22px}
.csx-empty b{display:block;font-size:17px;color:var(--txt);margin-bottom:8px}
.csx-empty p{margin:4px 0;color:var(--txt2);font-size:13.5px;line-height:1.65}
.csx-how{border-top:1px solid var(--line);padding:12px 20px 14px;font-size:13px;color:var(--txt2)}
.csx-how summary{cursor:pointer;color:var(--txt);font-weight:600;list-style:none}
.csx-how summary::before{content:"+ ";color:var(--cy)}
.csx-how[open] summary::before{content:"− "}
.csx-how p{margin:8px 0 0;line-height:1.7;max-width:80ch}
@media(max-width:760px){.csx-top{grid-template-columns:repeat(3,minmax(0,1fr))}.csx-kpi.main{grid-column:1/-1;border-left:0;border-bottom:1px solid var(--line2)}.csx-kpi:nth-child(2){border-left:0}.csx-kpi{padding:14px 12px}.csx-kpi .v{font-size:17px}.csx-kpi.main .v{font-size:28px}.csx-chartbox{padding:14px 12px 4px}.csx-facts,.csx-how,.csx-per{padding-left:14px;padding-right:14px}}