/* erasemassing.com app.css — build 1007G (index.html 에서 build_dist.py 가 분리함) */
@font-face{font-family:'Pretendard JP';src:url('PretendardJP-subset.woff2') format('woff2'),url('PretendardJPVariable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --font:-apple-system,BlinkMacSystemFont,'SF Pro Display','Noto Sans KR',sans-serif;
  --bg:#0c1320;--bg2:rgba(13,23,38,.92);--bg3:rgba(26,37,54,.9);--bg4:#28354a;--pop-bg:color-mix(in srgb, var(--bg) 78%, var(--bg4)); /* 2026-10-07 투명도 거의 제거(사용자 요청). --pop-bg = 드롭다운·추천창 등 떠 있는 판(불투명) */
  --sep:rgba(255,255,255,.08);--sep2:rgba(255,255,255,.14);
  --text:rgba(255,255,255,.92);--text2:rgba(255,255,255,.56);--text3:rgba(255,255,255,.28);
  --blue:var(--c-df);--green:var(--c-heal);--orange:var(--c-bm);--red:#ff453a;--purple:var(--c-sup);
  --gold:var(--c-caller);
  --win:var(--c-heal);--loss:#ff6b63; /* 전적 키포인트: 승/우리=초록, 패/상대=빨강 */
  --grad-primary:linear-gradient(135deg,#0fb5d6,#2f7dff); /* 메인 버튼 공통 그라데이션(보라 위주, 파랑 제거) — 여기 한 곳만 바꾸면 전체 버튼이 같이 바뀜 */
  --grad-primary-sh:rgba(15,181,214,.4); /* 메인 버튼 그림자 */
  --sel-bg:rgba(0,200,232,.16);--sel-bd:rgba(0,200,232,.5);--sel-fg:#5fe0f0; /* 은은한 선택 토글(기간/규모/필터 등) */
  --hov-ring:rgba(255,143,171,.55);  --btn-r:2px;  /* 액션버튼 모서리(샤프) */  --pill-r:2px;--card-r:3px;  /* 필터/기간 알약 모서리(둥글게) */ /* 공유 호버 링: 연분홍 */
  --fsx:1; /* 전체 폰트 배율 — 이 값 하나만 바꾸면 모든 글씨 크기가 같이 조절됨 */
  /* ★레퍼런스(댐레벨) 디자인 언어 토큰 */
  --font-display:'Pretendard JP',-apple-system,'Noto Sans KR',sans-serif;
  --font-mono2:'Pretendard JP',-apple-system,'Noto Sans KR',sans-serif;
  --font-sans:"Barlow",var(--font);
  --page-accent:#fb8569;--ink:#07101d;--ink-panel:rgba(13,23,38,.55);--ink-field:rgba(8,15,28,.42);
  --line-soft:rgba(200,225,255,.09);
  --text-faint:rgba(200,225,255,.45);--text-soft:rgba(200,225,255,.72);--cream-bright:#eef2ec;
  --amber:#faa80f;--cyan:#00c8e8;--rust:#c0572a;
  
  /* === 타입 스케일(규칙): 역할별 단계. 잘게 쪼갠 0.5단위 잡음 제거 === */
  --fs-2xs:calc(8px*var(--fsx));
  --fs-xs:calc(10px*var(--fsx));
  --fs-s:calc(11px*var(--fsx));
  --fs-sm:calc(12px*var(--fsx));
  --fs-m:calc(13px*var(--fsx));
  --fs-base:calc(14px*var(--fsx));
  --fs-md:calc(16px*var(--fsx));
  --fs-lg:calc(20px*var(--fsx));
  --fs-xl:calc(26px*var(--fsx));
  --fs-2xl:calc(34px*var(--fsx));
  --fs-3xl:calc(40px*var(--fsx));
  /* 하위호환 별칭(기존 var(--fs-N) 사용처 → 스케일로 스냅) */
  --fs-7:var(--fs-2xs);
  --fs-7-5:var(--fs-2xs);
  --fs-8:var(--fs-2xs);
  --fs-8-5:var(--fs-2xs);
  --fs-9:var(--fs-xs);
  --fs-9-5:var(--fs-xs);
  --fs-10:var(--fs-xs);
  --fs-10-5:var(--fs-s);
  --fs-11:var(--fs-s);
  --fs-11-5:var(--fs-sm);
  --fs-12:var(--fs-sm);
  --fs-12-5:var(--fs-m);
  --fs-13:var(--fs-m);
  --fs-13-5:var(--fs-base);
  --fs-14:var(--fs-base);
  --fs-14-5:var(--fs-base);
  --fs-15:var(--fs-md);
  --fs-16:var(--fs-md);
  --fs-17:var(--fs-md);
  --fs-18:var(--fs-lg);
  --fs-19:var(--fs-lg);
  --fs-20:var(--fs-lg);
  --fs-21:var(--fs-lg);
  --fs-22:var(--fs-lg);
  --fs-24:var(--fs-xl);
  --fs-26:var(--fs-xl);
  --fs-27:var(--fs-xl);
  --fs-28:var(--fs-xl);
  --fs-32:var(--fs-2xl);
  --fs-36:var(--fs-2xl);
  --fs-40:var(--fs-3xl);
  --c-caller:#ffd60a;--c-df:#0a84ff;--c-deal:#ff3b30;
  --c-sup:#bf5af2;--c-heal:#30d158;--c-bm:#ff9f0a;--c-wait:var(--c-caller);
  --glass:rgba(44,44,46,.75);
}
*{box-sizing:border-box;margin:0;padding:0}
/* 모바일 길게 누르기 영역: iOS 텍스트 선택/콜아웃 차단 */
[oncontextmenu],.tmpl-tab{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
[oncontextmenu] *,.tmpl-tab *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
html{-webkit-font-smoothing:antialiased}
@media(max-width:640px){html,body{overflow-x:hidden;max-width:100%}} /* 모바일: 페이지 가로 넘침(스크롤) 방지 */
body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:var(--fs-12);line-height:1.4} /* 전체 배율 100%(원래 기준) — zoom은 팝업 위치·레이아웃 버그 유발이라 제거. 배율 조절은 --fsx 토큰으로. */
button,a,[onclick]{cursor:pointer}
/* 전역 버튼 모션: 호버 시 살짝 떠오름, 클릭 시 눌림 — 인라인 transition(all)이 부드럽게 처리 */
button{transition:transform .15s cubic-bezier(.34,1.56,.64,1),filter .15s,background .15s,border-color .15s,box-shadow .15s,opacity .15s}
button:hover:not(:disabled){transform:translateY(-1.5px);filter:brightness(1.08)}
button:active:not(:disabled){transform:scale(.94);filter:brightness(.96)}
@media(prefers-reduced-motion:reduce){
  button,button:hover:not(:disabled),button:active:not(:disabled){transition-duration:.01ms!important;transform:none!important}
}
[disabled]{cursor:not-allowed!important;opacity:.35}
input,textarea,select{cursor:text;font-family:var(--font);background:var(--bg3);border:1px solid var(--sep2);border-radius:7px;color:var(--text);padding:8px 11px;font-size:var(--fs-12);outline:none;width:100%;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-df) 18%, transparent)}
textarea{resize:vertical}
label{display:block;font-size:var(--fs-11);font-weight:600;color:var(--text2);margin-bottom:5px}

/* LOBBY */
#lobby{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb, var(--c-df) 12%, transparent),transparent 55%),radial-gradient(ellipse at 70% 80%,color-mix(in srgb, var(--c-heal) 8%, transparent),transparent 55%),var(--bg)}
.lbox{background:var(--glass);backdrop-filter:blur(30px) saturate(1.6);border:1px solid var(--sep2);border-radius:var(--card-r);padding:40px 36px;width:100%;max-width:390px;box-shadow:0 30px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1)}
.ltitle{font-size:var(--fs-24);font-weight:800;letter-spacing:-.4px;margin-bottom:5px}
.ltitle span{background:linear-gradient(135deg,var(--gold),var(--orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.lsub{font-size:var(--fs-11);color:var(--text2);margin-bottom:24px;line-height:1.6}
.lform{margin-bottom:12px}
.ldiv{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--text3);font-size:var(--fs-11)}
.ldiv::before,.ldiv::after{content:'';flex:1;height:1px;background:var(--sep)}
.lerr{color:var(--red);font-size:var(--fs-11);min-height:14px;margin-bottom:6px}
.lbtn{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 18px;border:none;border-radius:var(--btn-r);font-family:var(--font);font-size:var(--fs-13);font-weight:700;margin-bottom:8px;transition:all .16s cubic-bezier(.34,1.56,.64,1)}
.lbtn:active{transform:scale(.95)!important}
.lbtn-gold{background:var(--grad-primary);color:#fff}.lbtn-gold:hover{box-shadow:0 4px 18px color-mix(in srgb, var(--c-df) 35%, transparent)}
.lbtn-sec{background:var(--bg3);color:var(--text2);border:1px solid var(--sep2)}.lbtn-sec:hover{background:var(--bg4);color:var(--text)}

/* APP */
#app{display:none;flex-direction:column;min-height:100vh}

/* TITLEBAR */
.titlebar{background:rgba(28,28,30,.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--sep);padding:0 18px;height:48px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:100}
.tb-home{width:31px;height:31px;border-radius:var(--card-r);border:1px solid var(--sep2);background:transparent;color:var(--text2);font-size:var(--fs-14);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s cubic-bezier(.34,1.56,.64,1)}
.tb-home:hover{background:var(--bg3);color:var(--text);transform:scale(1.08)}
.tb-home:active{transform:scale(.93)!important}
.tb-code{font-family:'SF Mono',monospace;font-size:var(--fs-11);font-weight:700;background:var(--sep);border:1px solid var(--sep2);color:var(--gold);padding:3px 10px;border-radius:var(--card-r);letter-spacing:.5px;transition:all .15s cubic-bezier(.34,1.56,.64,1)}
.tb-code:hover{background:color-mix(in srgb, var(--c-df) 12%, transparent);transform:scale(1.04)}
.tb-code:active{transform:scale(.94)!important}
.tb-title{background:transparent;border:none;outline:none;color:var(--text);font-size:var(--fs-13);font-weight:600;font-family:var(--font);flex:1;min-width:60px}
/* 시트지/전적 책갈피 탭 */
.page-tabs{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex:1;height:100%}
.tb-langsel{position:relative;flex-shrink:0}
.tb-langbtn{display:inline-flex;align-items:center;gap:5px;background:var(--bg3);border:1px solid var(--sep2);color:var(--text2);border-radius:var(--btn-r);padding:5px 10px;font-size:var(--fs-12);font-weight:700;font-family:var(--font);cursor:pointer;white-space:nowrap}
.tb-langbtn:hover{color:var(--text);border-color:var(--sep)}
.tb-langgl{font-size:var(--fs-13)}
.tb-langar{font-size:var(--fs-8);color:var(--text3);transition:transform .15s}
.tb-langsel.open .tb-langar{transform:rotate(180deg)}
.tb-langmenu{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:300;background:var(--pop-bg);border:1px solid var(--sep2);border-radius:var(--card-r);padding:5px;box-shadow:0 16px 44px rgba(0,0,0,.5);min-width:128px}
.tb-langsel.open .tb-langmenu{display:block}
.tb-langopt{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text2);font-size:var(--fs-12-5);font-weight:600;font-family:var(--font);padding:8px 11px;border-radius:6px;cursor:pointer;white-space:nowrap}
.tb-langopt:hover{background:var(--bg3);color:var(--text)}
.tb-langopt.on{background:var(--sel-bg);color:var(--sel-fg)}
.sheet-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px}
.sheet-actions:empty{display:none}
.page-tab{background:transparent;border:1px solid transparent;color:var(--text3);font-size:var(--fs-12);font-weight:700;font-family:var(--font);padding:7px 15px;border-radius:var(--card-r);cursor:pointer;transition:all .15s;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-tab:hover{color:var(--text2);background:rgba(255,255,255,.05)}
.page-tab.active{color:var(--text);background:var(--bg3);border-color:var(--sep2)}
.tb-menu{display:none;align-items:center;gap:6px;background:var(--bg3);border:1px solid var(--sep2);color:var(--text);font-size:var(--fs-13);font-weight:800;font-family:var(--font);padding:6px 12px;border-radius:var(--card-r);cursor:pointer;white-space:nowrap;flex-shrink:0}
/* 전적 페이지 */
.stats-page{padding:22px 26px;max-width:1400px;margin:0 auto}
/* 전적 허브 하위탭 */
.rec-subtabs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.rec-subtabs{display:inline-flex;gap:6px;background:var(--bg3);border:1px solid var(--sep2);border-radius:var(--card-r);padding:5px}
.rec-subtab{background:none;border:none;color:var(--text2);font-size:var(--fs-15);font-weight:800;padding:11px 26px;cursor:pointer;border-radius:var(--btn-r);transition:all .15s;font-family:var(--font);white-space:nowrap}
.rec-subtab:hover{color:var(--text)}
.rec-subtab.active{background:var(--sel-bg);color:var(--sel-fg);box-shadow:none}
/* 검색 */
.rec-backbar{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.rec-back-btn{display:inline-flex;align-items:center;gap:4px;background:var(--bg3);border:1px solid var(--sep2);border-radius:var(--card-r);padding:9px 16px;font-size:var(--fs-13-5);font-weight:800;color:var(--text);font-family:var(--font);cursor:pointer;transition:border-color .15s,background .15s}
.rec-back-btn:hover{border-color:var(--blue);background:color-mix(in srgb, var(--c-df) 8%, transparent)}
.rec-backbar-lbl{font-size:var(--fs-13);font-weight:700;color:var(--text3)}
.rec-share-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--c-df) 12%, transparent);border:1px solid color-mix(in srgb, var(--c-df) 40%, transparent);border-radius:var(--card-r);padding:8px 14px;font-size:var(--fs-12-5);font-weight:800;color:var(--blue);font-family:var(--font);cursor:pointer;transition:background .12s,color .12s}
.rec-share-btn:hover{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}
#rec-profile.on{animation:recProfIn .22s ease}
@keyframes recProfIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.rec-search-wrap{position:relative;width:100%;margin:0 0 14px}
.rec-search-ic{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:var(--fs-17);opacity:.6;pointer-events:none}
.rec-search{width:100%;box-sizing:border-box;font-size:var(--fs-16);font-weight:600;padding:16px 18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--sep2);border-radius:var(--card-r);color:var(--text);font-family:var(--font);transition:border-color .15s,box-shadow .15s,background .15s}
.rec-search:focus{outline:none;border-color:var(--blue);background:color-mix(in srgb, var(--c-df) 7%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--c-df) 14%, transparent)}
.rec-search::placeholder{color:var(--text3);font-weight:500}
.rec-recent{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 20px}
.rec-recent-lbl{font-size:var(--fs-11);font-weight:700;color:var(--text3);margin-right:2px}
.rec-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg3);border:1px solid var(--sep2);border-radius:var(--card-r);padding:5px 12px 5px 6px;font-size:var(--fs-12-5);font-weight:700;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}
.rec-chip:hover{border-color:var(--blue);background:color-mix(in srgb, var(--c-df) 8%, transparent)}
.rec-chip i{font-style:normal;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg2);color:var(--text3);font-size:var(--fs-11)}
.rec-chip i:hover{background:#ff6b63;color:#fff}
/* 최근 본 길드 — 박스 대신 수수한 글씨(눈에 덜 띄게) */
/* 인기검색을 좌측 세로 컬럼으로 */
.rec-2col{display:flex;gap:16px;align-items:flex-start}
.rec-popcol{width:210px;flex-shrink:0;position:sticky;top:12px}
.rec-maincol{flex:1;min-width:0}
.rec-2col.rcv-bot .rec-popcol{display:none} /* 전적봇 탭엔 인기검색 불필요 → 전체폭 */
/* 좌측 컬럼: 은은한 리스트(버튼 아님) */
.rec-popcol .psb-card{margin-bottom:0;background:transparent;border:none;padding:2px 0}
.rec-popcol .psb-h{flex-direction:column;align-items:flex-start;gap:2px;white-space:nowrap;margin-bottom:11px;padding:0 4px}
.rec-popcol .psb-sub{font-size:var(--fs-9-5)}
.rec-popcol .psb-grid{flex-direction:column;flex-wrap:nowrap;gap:4px;overflow:visible}
.rec-popcol .psb-row{width:100%;justify-content:flex-start;gap:9px;background:transparent;border:none;border-radius:var(--card-r);padding:8px 11px;font-weight:600;color:var(--text2);transition:background .12s,color .12s}
.rec-popcol .psb-row:hover{background:var(--bg3);transform:none;border-color:transparent;color:var(--text)}
.rec-popcol .psb-rk{display:none}
.rec-popcol .psb-nm{max-width:none;flex:1;text-align:left}
.rec-popcol .psb-n{opacity:.7}
@media(max-width:900px){.rec-2col{flex-direction:column}.rec-popcol{width:100%;position:static}.rec-popcol .psb-h{flex-direction:row;align-items:center;gap:6px}.rec-popcol .psb-grid{flex-direction:row!important;flex-wrap:wrap!important;overflow:visible!important;gap:6px!important}.rec-popcol .psb-row{width:auto;flex:0 0 auto!important;flex-shrink:0!important;background:var(--bg3)!important;border:1px solid var(--sep2)!important;border-radius:var(--card-r)!important;padding:6px 10px!important;color:var(--text2)!important}.rec-popcol .psb-nm{max-width:130px}}
#rcg-hist,#gst-hist,#rec-recent{gap:4px 10px;margin:2px 0 14px}
#gst-hist,#rcg-hist,#rec-recent{display:none!important}
#gst-hist.show,#rcg-hist.show,#rec-recent.show{display:flex!important}
#rcg-hist .rec-recent-lbl,#gst-hist .rec-recent-lbl,#rec-recent .rec-recent-lbl{font-size:var(--fs-10-5);color:var(--text3);opacity:.7}
#rcg-hist .rec-chip,#gst-hist .rec-chip,#rec-recent .rec-chip{background:transparent;border:none;border-radius:0;padding:1px 2px;font-size:var(--fs-11-5);font-weight:600;color:var(--text3)}
#rcg-hist .rec-chip:hover,#gst-hist .rec-chip:hover,#rec-recent .rec-chip:hover{background:transparent;color:var(--text)}
#rcg-hist .rec-chip i,#gst-hist .rec-chip i,#rec-recent .rec-chip i{width:13px;height:13px;background:transparent;font-size:var(--fs-10);opacity:.55}
#rcg-hist .rec-chip i:hover,#gst-hist .rec-chip i:hover,#rec-recent .rec-chip i:hover{background:transparent;color:var(--loss);opacity:1}
.rec-ranks{display:flex;flex-direction:column;gap:16px;margin-top:8px}
#rec-ranks{transition:opacity .18s ease}
#rec-ranks.rk-fade{opacity:.4}
/* 기간 전환 시 '둥실' 등장 — 섹션마다 떠오르며 통통 (스태거) */
@keyframes rankPop{0%{opacity:0;transform:translateY(16px) scale(.965)}60%{opacity:1}100%{opacity:1;transform:none}}
.rk-lists>*{animation:rankPop .44s cubic-bezier(.34,1.56,.64,1) both}
.rk-lists>*:nth-child(2){animation-delay:.06s}
.rk-lists>*:nth-child(3){animation-delay:.12s}
.rk-lists>*:nth-child(4){animation-delay:.18s}
.rk-lists>*:nth-child(n+5){animation-delay:.24s}
.rk-pbtn{transition:transform .1s ease,background .15s,border-color .15s}
.rk-pbtn:active{transform:scale(.93)}/* ★기간·필터 알약버튼 단일 규칙 — 여기 한 곳만 고치면 1일/7일/30일·규모·역할기간·관리자범위 전부 같이 바뀜 */.be-period,.grk-tab,.rk-pbtn,.adm-rbtn,.pn-chip,.sl-reco-cbtn,.reco-bktn{-webkit-appearance:none;appearance:none;padding:6px 14px;border-radius:var(--pill-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text2);font-family:var(--font);font-size:var(--fs-sm);font-weight:700;line-height:1;cursor:pointer;transition:border-color .12s,background .12s,color .12s}.be-period.on,.grk-tab.on,.rk-pbtn.on,.adm-rbtn.on,.pn-chip.on,.sl-reco-cbtn.on,.reco-bktn.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}.be-period:hover,.grk-tab:hover,.rk-pbtn:hover,.adm-rbtn:hover,.pn-chip:hover,.sl-reco-cbtn:hover,.reco-bktn:hover{border-color:var(--sel-bd);color:var(--sel-fg)}.rk-pbtn:not(.on),.be-period:not(.on),.grk-tab:not(.on),.adm-rbtn:not(.on),.pn-chip:not(.on),.sl-reco-cbtn:not(.on),.reco-bktn:not(.on){-webkit-appearance:none!important;appearance:none!important;background:var(--bg3)!important}
.rk-period{display:flex;align-items:center;gap:6px;margin-bottom:8px}

.rk-pbtn.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.rk-pbtn:not(.on):hover{border-color:var(--sel-bd);color:var(--sel-fg)}
.rk-period-note{margin-left:auto;font-size:var(--fs-11);font-weight:700;color:var(--text3)}
.rk-sub{font-size:var(--fs-10);font-weight:600;color:var(--text3);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.rk-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:1100px){.rk-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.rk-grid{grid-template-columns:1fr}}
.rk-lists{display:flex;flex-direction:column;gap:22px;margin-top:10px}
.rk-grade-box{background:rgba(255,255,255,.02);border:1px solid var(--sep);border-radius:var(--card-r);padding:12px 14px}
.rk-top3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch}
@media(max-width:860px){.rk-top3{grid-template-columns:1fr}}
.rk-grade-h{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.rk-grade-t{font-size:var(--fs-15);font-weight:800;color:var(--text)}
.lang-pick{display:inline-flex;gap:3px;margin-right:6px;vertical-align:middle}
.tb-lang{background:var(--bg3);border:1px solid var(--sep2);color:var(--text3);border-radius:var(--card-r);padding:4px 8px;font-size:var(--fs-11);font-weight:700;cursor:pointer;font-family:var(--font)}
.stm-sec{font-size:var(--fs-9-5);color:var(--text3);font-weight:800;letter-spacing:.4px;padding:9px 8px 4px;text-transform:uppercase}
.stm-item{display:block;width:100%;text-align:left;padding:9px 10px;background:transparent;color:var(--text);border:none;border-radius:var(--card-r);font-family:var(--font);font-size:var(--fs-12-5);font-weight:600;cursor:pointer;transition:background .12s}
.stm-item:hover:not([disabled]){background:var(--bg3)}
.stm-item[disabled]{opacity:.4;cursor:default}
.stm-disc{background:#5865F2!important;color:#fff!important;font-weight:800;text-align:center}
.stm-acct{padding:6px 10px;font-size:var(--fs-12-5);font-weight:800;color:var(--text)}
.stm-in{flex:1;min-width:0;padding:7px 9px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-12)}
.stm-save{padding:7px 12px;border-radius:var(--card-r);border:none;background:var(--grad-primary);color:#fff;font-family:var(--font);font-size:var(--fs-12);font-weight:800;cursor:pointer;white-space:nowrap}
.stm-divider{height:1px;background:var(--sep);margin:6px 6px}
.stm-logout{color:#ff5b5b!important;font-weight:800}
.stm-logout:hover:not([disabled]){background:rgba(255,91,91,.1)!important}
.sl-cta{text-align:center;padding:32px 22px;max-width:440px;margin-left:auto;margin-right:auto}
/* 깔끔한 랜딩 — 로고·무료배지·제목·실제 시트지 스크린샷·로그인 */
.cta-logo{width:64px;height:64px;border-radius:var(--card-r);object-fit:cover;margin:0 auto 14px;display:block;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.cta-free{display:block;width:-moz-fit-content;width:fit-content;max-width:100%;box-sizing:border-box;margin:0 auto 12px;padding:5px 14px;border-radius:var(--card-r);background:color-mix(in srgb, var(--c-heal) 14%, transparent);border:1px solid color-mix(in srgb, var(--c-heal) 45%, transparent);font-size:var(--fs-12);font-weight:900;color:var(--win);letter-spacing:.3px;white-space:nowrap}
.cta-title{font-size:var(--fs-21);font-weight:900;margin-bottom:8px}
.cta-sub{font-size:var(--fs-12-5);color:var(--text2);line-height:1.7;margin:0 auto 18px;max-width:380px}
.cta-shot{max-width:460px;margin:0 auto 20px;border-radius:var(--card-r);overflow:hidden;border:1px solid var(--sep2);box-shadow:0 12px 36px rgba(0,0,0,.45)}
.cta-shot img{display:block;width:100%}
.cta-foot{font-size:var(--fs-10-5);color:var(--text3);margin-top:13px;line-height:1.6}
/* 실제 시트지 UI를 그대로 렌더한 미리보기(buildSlot 재사용) */
.cta-real{position:relative;max-width:360px;margin:0 auto 20px;border:1px solid var(--sep2);border-radius:var(--card-r);overflow:hidden;background:var(--bg2);box-shadow:0 12px 36px rgba(0,0,0,.45);cursor:pointer;text-align:left}
.cta-real-inner{pointer-events:none}
/* 세로형 컴팩트: 한 역할당 슬롯 1열, 여백 없이 */
.cta-real .slots-grid{grid-template-columns:1fr}
.cta-real .rgroup{min-height:0}
.cta-real .slot-wicon img{opacity:1!important}/* 데모는 lazy-load(ok클래스) 안 거치므로 항상 표시 */
/* 실제 시트지 레이아웃을 본뜬 미리보기 — 역할 줄 + 슬롯 */
.cta-demo{max-width:430px;margin:0 auto 20px;text-align:left;background:var(--bg2);border:1px solid var(--sep2);border-radius:var(--card-r);padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.cta-demo-hd{display:flex;align-items:center;gap:8px;padding:0 2px 10px;border-bottom:1px solid var(--sep);margin-bottom:10px}
.cta-demo-pt{font-size:var(--fs-13);font-weight:900;color:var(--text)}
.cta-demo-cnt{font-size:var(--fs-11);font-weight:800;color:var(--text3)}
.cta-demo-lock{margin-left:auto;font-size:var(--fs-10);font-weight:800;color:var(--text3);background:var(--bg3);border:1px solid var(--sep2);border-radius:var(--card-r);padding:3px 9px}
.cta-rows{display:flex;flex-direction:column;gap:8px}
.cta-row{display:flex;align-items:center;gap:9px}
.cta-rlabel{flex-shrink:0;width:64px;font-size:var(--fs-11);font-weight:800;color:var(--text2)}
.cta-slots{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.cta-s{font-size:var(--fs-11-5);font-weight:700;border-radius:var(--card-r);padding:5px 10px}
.cta-s.filled{background:var(--bg3);border:1px solid var(--sep);color:var(--text)}
.cta-s.empty{background:color-mix(in srgb, var(--c-df) 6%, transparent);border:1px dashed rgba(120,160,255,.5);color:var(--blue)}
.tb-lang.on{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}
.tb-lang:hover{color:var(--text)}
.rk-grade-box .rk-grid{margin:0}
.rk-other-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:760px){.rk-other-grid{grid-template-columns:1fr}}
.rk-sec-role{padding:13px 12px}
.rk-sec-role .rk-li{padding:8px 9px;gap:7px}
.rk-sec-role .rk-li-medal{width:18px;font-size:var(--fs-13)}
.rk-sec-role .rk-li-name{font-size:var(--fs-12)}
.rk-sec-role .rk-li-guild{font-size:var(--fs-10)}
.rk-sec-role .rk-li-val{font-size:var(--fs-13)}
.rk-mk{display:flex;align-items:center;gap:8px;padding:7px 9px;border-top:1px solid rgba(255,255,255,.05)}
.rk-mk:first-child{border-top:none}
.rk-mk-mid{flex:0 0 auto;text-align:center;min-width:60px}
.rk-mk-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rk-mk-side.lose{align-items:flex-end}
.rk-mk-side.lose .rk-gear{justify-content:flex-end}
.rk-mk-nm{font-size:var(--fs-11-5);font-weight:800;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rk-mk-side.win .rk-mk-nm{color:var(--win)}.rk-mk-side.lose .rk-mk-nm{color:var(--loss)}
.rk-mk-nm:hover{text-decoration:underline}
.rk-mk-pip{font-size:var(--fs-9);font-weight:700;color:var(--text3);margin-bottom:3px;min-height:11px;display:block}
.rk-mk-fame{font-size:var(--fs-14);font-weight:900;color:var(--c-caller);white-space:nowrap}
.rk-mk-ip{font-size:var(--fs-10);font-weight:700}.rk-mk-ip.up{color:var(--win)}.rk-mk-ip.down{color:var(--loss)}
.rk-mk-vs{font-size:var(--fs-9);color:var(--text3)}
.rk-mk-nogear{font-size:var(--fs-10);color:var(--text3);min-height:99px;display:flex;align-items:center}
.rk-sec{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:14px 16px}
.rk-title{font-size:var(--fs-14);font-weight:800;color:var(--text);margin-bottom:11px;display:flex;align-items:center;gap:7px}
.rk-list{display:flex;flex-direction:column;gap:6px}
.rk-li{display:flex;align-items:center;gap:11px;background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:9px 13px;cursor:pointer;transition:border-color .15s,background .15s}
.rk-li:hover{border-color:var(--blue);background:color-mix(in srgb, var(--c-df) 6%, transparent)}
.rk-li-medal{font-size:var(--fs-15);font-weight:800;color:var(--text2);width:24px;text-align:center;flex-shrink:0}
.rk-li:first-child .rk-li-medal{color:var(--c-caller);font-size:var(--fs-17)}
.rk-li-name{flex:1;min-width:0;font-size:var(--fs-13-5);font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-li-guild{font-size:var(--fs-11);font-weight:600;color:var(--text3)}
.rk-li-val{flex-shrink:0;font-size:var(--fs-13-5);font-weight:800;color:var(--gold)}
.rk-li-mk{align-items:flex-start}
.rk-li-main{flex:1;min-width:0}
.rk-li-vs{font-size:var(--fs-11-5);font-weight:600;color:var(--loss)}
.rk-gear{display:grid;grid-template-columns:repeat(3,31px);gap:3px;margin-top:5px;width:max-content}
.rk-mk-side.lose .rk-gear{justify-self:end;margin-left:auto}
.rk-gi{width:31px;height:31px;border-radius:6px;background:rgba(0,0,0,.3);border:1px solid var(--sep2);object-fit:contain}
.rk-gi-e{display:inline-block;background:rgba(255,255,255,.02);border-style:dashed;opacity:.35;box-sizing:border-box}
.rk-title-note{margin-left:auto;font-size:var(--fs-10);font-weight:700;color:var(--text3);background:var(--bg3);border:1px solid var(--sep);border-radius:6px;padding:1px 7px}
.rec-search:focus{outline:none;border-color:var(--gold)}
.rec-suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--pop-bg);border:1px solid var(--sep2);border-radius:var(--card-r);overflow:hidden;z-index:20;box-shadow:0 12px 32px rgba(0,0,0,.4)}
.rec-suggest:empty{display:none}
.rec-sg-item{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;border-bottom:1px solid var(--sep)}
.rec-sg-item:last-child{border-bottom:none}
.rec-sg-item:hover{background:var(--bg3)}
.rec-sg-name{font-weight:700;font-size:var(--fs-14)}
.rec-sg-guild{font-size:var(--fs-11);color:var(--text2)}
.rec-sg-battles{margin-left:auto;font-size:var(--fs-11);color:var(--text3)}
/* 프로필 */
.rec-prof-head{display:flex;align-items:center;gap:14px;padding:18px 0 16px;border-bottom:1px solid var(--sep);margin-bottom:18px}
.rec-prof-name{font-size:var(--fs-24);font-weight:800;letter-spacing:-.5px}
.pl-btn{margin-left:10px;vertical-align:middle;display:inline-flex;align-items:center;gap:5px;background:var(--bg3);border:1px solid var(--sep2);border-radius:var(--card-r);padding:5px 12px;font-size:var(--fs-14);font-weight:800;color:var(--text2);cursor:pointer;font-family:var(--font);transition:transform .12s,border-color .15s,background .15s}
.pl-btn:hover{transform:scale(1.06);border-color:#ff5a7a}
.pl-btn:active{transform:scale(.92)}
.pl-btn.liked{background:rgba(255,90,122,.12);border-color:rgba(255,90,122,.5);color:#ff5a7a}
.pl-btn .pl-cnt{font-size:var(--fs-13);min-width:8px}
.rec-prof-guild{font-size:var(--fs-13);color:var(--text2);margin-top:2px}
.rec-prof-meta{margin-left:auto;text-align:right;font-size:var(--fs-11);color:var(--text3)}
.rec-sec{margin-bottom:24px}
.rec-sec-h{font-size:var(--fs-12);font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.rec-roles{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
@media(max-width:980px){.rec-roles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.rec-roles{grid-template-columns:repeat(2,1fr)}}
.rec-sec-note{font-size:var(--fs-10);font-weight:700;color:var(--text3);text-transform:none;letter-spacing:0;margin-left:6px}
/* 프로필 2단: 좌 본문 / 우 명성·길드 */
.rec-prof-cols{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}
@media(max-width:1080px){.rec-prof-cols{grid-template-columns:1fr}}
.rec-prof-side{position:sticky;top:8px}
@media(max-width:1080px){.rec-prof-side{position:static}}
/* 가로 막대 그래프 (규모별·PvE지역) */
.rec-bars,.rec-pve-zones{display:flex;flex-direction:column;gap:7px}
.rec-pve-zones{margin-top:10px}
.rec-bar-row{display:flex;align-items:center;gap:9px}
.rec-bar-lbl{flex:0 0 48px;font-size:var(--fs-11-5);font-weight:700;color:var(--text2)}
.rec-bar-lbl.sm{flex:0 0 64px;font-size:var(--fs-10-5);font-weight:600;white-space:nowrap;line-height:1.2;display:flex;align-items:center}
.rec-bar-lbl.life{flex:0 0 72px;font-size:var(--fs-11);font-weight:700;white-space:nowrap}
.rec-bar-lbl.scl{flex:0 0 96px;display:flex;flex-direction:column;line-height:1.15;font-weight:700}
.rec-bar-lbl.scl small{font-size:var(--fs-9);color:var(--text3);font-weight:600}
.pp-fame-full{font-size:var(--fs-16);letter-spacing:-.3px}
.rec-bar-track{flex:1;height:9px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden}
.rec-bar-track i{display:block;height:100%;border-radius:5px;transition:width .4s ease}
.rec-bar-val{flex:0 0 auto;font-size:var(--fs-11);font-weight:800;color:var(--text2);min-width:38px;text-align:right}
.rec-bar-val.sm{font-size:var(--fs-10);color:var(--text3)}
/* 명성 카드 */
.rec-fame-tot{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.rec-fame-card{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:12px 13px}
.rec-fame-card.pvp{border-color:color-mix(in srgb, var(--c-bm) 40%, transparent)}
.rec-fame-card.pve{border-color:color-mix(in srgb, var(--c-sup) 40%, transparent)}
.rec-fame-card .rfl{font-size:var(--fs-10-5);font-weight:700;color:var(--text3);margin-bottom:5px}
.rec-fame-card .rfv{font-size:var(--fs-21);font-weight:900;color:var(--text)}
.rec-fame-card.pvp .rfv{color:var(--c-bm)}.rec-fame-card.pve .rfv{color:var(--c-sup)}
.rec-fchart{width:100%;height:84px;display:block;background:rgba(255,255,255,.015);border-radius:var(--card-r)}
.rec-fchart-cap{font-size:var(--fs-10-5);color:var(--text3);font-weight:600;margin-top:5px;text-align:right}
/* 길드 이력 */
.rec-gh{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--sep2);margin-left:5px;padding-left:13px}
.rec-gh-row{position:relative;padding:7px 0}
.rec-gh-dot{position:absolute;left:-19px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--blue);border:2px solid var(--bg)}
.rec-gh-g{font-size:var(--fs-13);font-weight:800;color:var(--text)}
.rec-gh-t{font-size:var(--fs-10-5);color:var(--text3);font-weight:600;margin-top:1px}
.rec-empty2{font-size:var(--fs-12);color:var(--text3);padding:14px;text-align:center}
.rec-load2{font-size:var(--fs-12);color:var(--text2);padding:28px 0;text-align:center}
/* 프로필 요약 밴드 */
.pp-band{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 18px}
@media(max-width:720px){.pp-band{grid-template-columns:repeat(3,1fr)}}
.pp-bi{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:13px 14px}
.pp-bi.pvp{border-color:color-mix(in srgb, var(--c-bm) 40%, transparent)}.pp-bi.pve{border-color:color-mix(in srgb, var(--c-sup) 40%, transparent)}
.pp-bl{font-size:var(--fs-10-5);font-weight:700;color:var(--text3);margin-bottom:6px;white-space:nowrap}
.pp-bv{font-size:var(--fs-20);font-weight:900;color:var(--text);line-height:1}
.pp-bi.pvp .pp-bv{color:var(--c-bm)}.pp-bi.pve .pp-bv{color:var(--c-sup)}
.pp-bi.gather{border-color:color-mix(in srgb, var(--c-heal) 40%, transparent)}.pp-bi.gather .pp-bv{color:var(--c-heal)}
.pp-bi.craft{border-color:color-mix(in srgb, var(--c-df) 40%, transparent)}.pp-bi.craft .pp-bv{color:var(--c-df)}
.rec-role-empty{opacity:.5}
.pp-ps-n{color:var(--text3);font-weight:600;font-size:var(--fs-10)}
.rec-gl{display:flex;flex-direction:column}
.rec-gl-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--sep)}
.rec-gl-ev{font-size:var(--fs-11);font-weight:800;border-radius:6px;padding:2px 9px;flex-shrink:0}
.rec-gl-ev.j{background:color-mix(in srgb, var(--win) 15%, transparent);color:var(--win)}
.rec-gl-ev.l{background:color-mix(in srgb, var(--loss) 15%, transparent);color:var(--loss)}
.rec-gl-dot{width:7px;height:7px;border-radius:50%;background:var(--sep2);flex-shrink:0;margin:0 9px}
.rec-gl-g{font-size:var(--fs-13-5);font-weight:700;color:var(--text)}
.pp-bl{display:flex;flex-direction:column;gap:8px}
.pp-btc-kd{font-size:var(--fs-11);font-weight:700;color:var(--text2);white-space:nowrap}
/* 최근 처치 로그 (칸 + 부드러운 커스텀 스크롤) */
.pp-kl-sort{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.pp-sbtn{background:var(--bg3);border:1px solid var(--sep2);border-radius:var(--card-r);padding:6px 13px;font-size:var(--fs-11-5);font-weight:800;color:var(--text2);font-family:var(--font);cursor:pointer;transition:all .15s}
.pp-sbtn.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.pp-sbtn:not(.on):hover{border-color:var(--blue);color:var(--text)}
/* 세팅별 전적 */
.pp-set-tabs{display:flex;gap:6px;margin-bottom:10px}
.pp-stab{background:var(--bg3);border:1px solid var(--sep2);border-radius:var(--card-r);padding:6px 15px;font-size:var(--fs-12);font-weight:800;color:var(--text2);font-family:var(--font);cursor:pointer;transition:all .15s}
.pp-stab.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.pp-set-scroll{max-height:600px;overflow-y:auto;border:1px solid var(--sep);border-radius:var(--card-r);scrollbar-width:thin;scrollbar-color:var(--sep2) transparent}
.pp-set-scroll::-webkit-scrollbar{width:9px}
.pp-set-scroll::-webkit-scrollbar-track{background:transparent}
.pp-set-scroll::-webkit-scrollbar-thumb{background:var(--sep2);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.pp-set-scroll::-webkit-scrollbar-thumb:hover{background:var(--text3);background-clip:padding-box}
.pp-set-tbl{width:100%;border-collapse:collapse;table-layout:fixed}
.pp-set-tbl th,.pp-set-tbl td{padding:9px 8px;text-align:center;vertical-align:middle;white-space:nowrap;font-size:var(--fs-12);overflow:hidden}
.pp-set-tbl thead th{position:sticky;top:0;background:var(--bg2);z-index:1;border-bottom:1px solid var(--sep);font-weight:800;color:var(--text2)}
.pp-set-tbl tbody tr{border-top:1px solid var(--sep)}
.pp-set-tbl th.pp-set-h0,.pp-set-tbl td.pp-set-c0{text-align:left;width:250px}
.pp-set-sortable{cursor:pointer;user-select:none}
.pp-set-sortable:hover{color:var(--text)}
.pp-set-sortable.on{color:var(--blue)}
.pp-set-w{display:flex;align-items:center;gap:8px;min-width:0}
.pp-set-w span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-set-i{width:30px;height:30px;border-radius:6px;background:rgba(0,0,0,.3);border:1px solid var(--sep2);object-fit:contain;flex-shrink:0}
.pp-setg{display:flex;gap:4px}
.pp-setg-i{width:32px;height:32px;border-radius:6px;background:rgba(0,0,0,.3);border:1px solid var(--sep2);object-fit:contain;flex-shrink:0;cursor:help}
.pp-setg-e{background:rgba(255,255,255,.02);border-style:dashed;opacity:.35}
.pp-kl{display:flex;flex-direction:column;gap:9px;padding:12px;background:rgba(255,255,255,.02);border:1px solid var(--sep);border-radius:var(--card-r);max-height:700px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sep2) transparent}
.pp-kl::-webkit-scrollbar{width:9px}
.pp-kl::-webkit-scrollbar-track{background:transparent;margin:6px 0}
.pp-kl::-webkit-scrollbar-thumb{background:var(--sep2);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.pp-kl::-webkit-scrollbar-thumb:hover{background:var(--text3);background-clip:padding-box}
.pp-kl-row{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:12px 14px;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.pp-kl-p{min-width:0;display:flex;flex-direction:column;gap:7px}
.pp-kl-p.opp{align-items:flex-end}
.pp-kl-nm{font-size:var(--fs-12);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pp-kl-p.opp .pp-kl-nm{text-align:right}
.pp-kl-p.me .pp-kl-nm{color:var(--win)}.pp-kl-p.opp .pp-kl-nm{color:var(--loss)}
.pp-kl-nm small{color:var(--text3);font-weight:600;font-size:var(--fs-10)}
.pp-kl-c{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:96px;text-align:center}
.pp-kl-fame{color:var(--c-caller);font-size:var(--fs-14);font-weight:900;white-space:nowrap}
.pp-kl-tag{background:var(--bg3);border:1px solid var(--sep2);border-radius:7px;padding:2px 9px;font-size:var(--fs-11);font-weight:800;color:var(--text2)}
.pp-kl-ip{font-size:var(--fs-11-5);font-weight:800}.pp-kl-ip.up{color:var(--win)}.pp-kl-ip.down{color:var(--loss)}
.pp-kl-time{color:var(--text3);font-weight:600;font-size:var(--fs-10-5)}
.pp-gl{display:grid;grid-template-columns:repeat(3,44px);gap:4px;width:max-content}
.pp-gi{width:44px;height:44px;border-radius:var(--card-r);background:rgba(0,0,0,.3);border:1px solid var(--sep2);object-fit:contain;cursor:help}
.pp-gi-e{background:rgba(255,255,255,.02);border-style:dashed;opacity:.35}
@media(max-width:760px){.pp-kl-row{grid-template-columns:1fr;gap:8px}.pp-kl-p.opp{align-items:flex-start}.pp-kl-p.opp .pp-kl-nm{text-align:left}.pp-kl-c{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:8px}.pp-gl{grid-template-columns:repeat(3,38px)}.pp-gi{width:38px;height:38px}}
/* ── 모바일 최적화 (플레이어 전적/길드 검색) ── */
@media(max-width:600px){
  .pp-band{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}
  .pp-bi{padding:10px 11px}.pp-bv{font-size:var(--fs-17)}.pp-bl{font-size:var(--fs-10)}
  .pp-fame-full{font-size:var(--fs-13-5)}
  .pp-tabs{gap:4px;margin-bottom:14px}.pp-tab{padding:9px 13px;font-size:var(--fs-13)}
  .pp-set-scroll{overflow-x:auto}
  .pp-set-tbl{min-width:540px}
  .pp-set-tbl th,.pp-set-tbl td{padding:8px 6px;font-size:var(--fs-11-5)}
  .pp-set-tbl th.pp-set-h0,.pp-set-tbl td.pp-set-c0{width:190px}
  .pp-setg-i{width:26px;height:26px}.pp-setg{gap:3px}
  .pp-set-i{width:26px;height:26px}
  .pp-gi{width:34px;height:34px}
  .rec-prof-head{flex-wrap:wrap;gap:8px}
  .rec-prof-name{font-size:var(--fs-18)}.rec-prof-meta{margin-left:0;text-align:left}
  .rec-subtab{padding:10px 18px;font-size:var(--fs-14)}
  .rec-roles{grid-template-columns:repeat(2,1fr)}
  .rec-search{font-size:var(--fs-15);padding:14px 16px}
}
.rec-pve-zones .rec-bar-lbl[data-tip]{cursor:help}
.pp-z-q{display:inline-block;width:13px;height:13px;line-height:13px;text-align:center;border-radius:50%;background:var(--sep2);color:var(--text2);font-size:var(--fs-9);font-weight:800;margin-left:3px;vertical-align:middle}
/* 탭 */
.pp-tabs{display:flex;gap:6px;border-bottom:1px solid var(--sep);margin:0 0 18px;flex-wrap:wrap}
.pp-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text3);font-size:var(--fs-13-5);font-weight:800;font-family:var(--font);padding:9px 14px;cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}
.pp-tab:hover{color:var(--text2)}
.pp-tab.on{color:var(--text);border-bottom-color:var(--blue)}
.pp-pane{animation:recProfIn .2s ease}
/* PvP 킬/데스 표 */
.pp-kd td{vertical-align:middle}
.pp-kd-g{display:block;font-size:var(--fs-10);color:var(--text3);font-weight:600}
/* 생활 명성 카드 */
.pp-life{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px}
.pp-life-card{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:11px 12px}
.pp-life-l{font-size:var(--fs-11);font-weight:700;color:var(--text2);margin-bottom:5px}
.pp-life-v{font-size:var(--fs-16);font-weight:900;color:var(--text)}
/* 길드 카드 */
.pp-guild-card{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:14px 16px}
.pp-guild-n{font-size:var(--fs-17);font-weight:900;color:var(--text);margin-bottom:8px}
.pp-lnk{cursor:pointer}.pp-lnk:hover{color:var(--blue);text-decoration:underline}
.pp-guild-a{font-size:var(--fs-12);font-weight:700;color:var(--blue)}
.pp-guild-stats{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:var(--fs-12);font-weight:600;color:var(--text2)}
.rec-role-card{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:11px 11px}
.rec-role-top{display:flex;align-items:baseline;justify-content:space-between;gap:4px;margin-bottom:8px}
.rec-role-label{font-size:var(--fs-11);color:var(--text2);font-weight:700;white-space:nowrap}
.rec-role-grade{font-size:var(--fs-20);font-weight:900;line-height:1}
.rec-role-bar{height:5px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:6px}
.rec-role-bar i{display:block;height:100%;border-radius:3px}
.rec-role-sub{display:flex;justify-content:space-between;font-size:var(--fs-10);color:var(--text3)}
.rec-scales{display:flex;gap:8px;flex-wrap:wrap}
.rec-scale-chip{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:8px 12px;font-size:var(--fs-11)}
.rec-scale-chip b{font-size:var(--fs-14);display:block;margin-top:2px}
.rec-tbl{width:100%;border-collapse:collapse;font-size:var(--fs-12)}
.rec-tbl th{text-align:left;color:var(--text3);font-weight:700;padding:6px 8px;border-bottom:1px solid var(--sep);font-size:var(--fs-10);text-transform:uppercase}
.rec-tbl td{padding:7px 8px;border-bottom:1px solid var(--sep)}
.rec-win{color:var(--green);font-weight:800}
.rec-loss{color:var(--red);font-weight:800}
.rec-scale-tag{font-size:var(--fs-9);padding:2px 6px;border-radius:5px;background:var(--bg3);color:var(--text2)}
.rec-empty{text-align:center;color:var(--text3);padding:40px 0;font-size:var(--fs-13)}
.rec-load{text-align:center;color:var(--text2);padding:40px 0;font-size:var(--fs-13)}
.stats-page-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.stats-page-title{font-size:var(--fs-21);font-weight:800;color:var(--text)}
.stats-page-note{flex-basis:100%;font-size:var(--fs-11);color:var(--text3);line-height:1.5}
.gst-wrap{margin-top:4px}
.gst-reset{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:7px 13px;border-radius:var(--card-r);border:1px solid color-mix(in srgb, var(--c-bm) 40%, transparent);background:color-mix(in srgb, var(--c-bm) 14%, transparent);color:var(--c-bm);font-size:var(--fs-12);font-weight:800;font-family:var(--font);cursor:pointer}
.gst-reset:hover{transform:translateY(-50%)!important;background:color-mix(in srgb, var(--c-bm) 24%, transparent);filter:brightness(1.08)}
.stats-refresh{padding:7px 15px;border-radius:var(--btn-r);border:none;background:var(--grad-primary);color:#fff;font-size:var(--fs-12);font-weight:800;font-family:var(--font);cursor:pointer;box-shadow:0 2px 8px var(--grad-primary-sh);transition:transform .12s,box-shadow .12s}
.stats-refresh:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb, var(--c-df) 45%, transparent)}
.stats-refresh:active{transform:translateY(0)}
/* 2단: 좌 전투목록 / 우 종합패널 */
.stats-cols{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start}
@media(max-width:900px){.stats-cols{grid-template-columns:1fr}}
.gsum-mobtabs{display:none;gap:6px;margin-bottom:10px}
.gsum-mobtab{flex:1;padding:9px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text2);font-family:var(--font);font-size:var(--fs-12);font-weight:700;cursor:pointer}
.gsum-mobtab.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
@media(max-width:900px){
  .stats-cols{display:flex;flex-direction:column}
  .stats-right{order:-1}
  .gsum-mobtabs{display:flex}
  .gsum .gsum-card{display:none}
  .gsum.show-guild .gsum-card:not(.gsum-player-card){display:block}
  .gsum.show-player .gsum-player-card{display:block}
}
@media(max-width:600px){
  .bt-sides{flex-direction:column}
  .bt-side{width:100%;flex:none}
  .bt-side-ally,.bt-side-gl,.bt-mg-g{white-space:normal;word-break:break-word}
  .bt-right{margin-left:0;width:100%;align-items:flex-start;text-align:left}
  .bt-match{justify-content:flex-start;max-width:100%;flex-wrap:wrap}
  /* 통계 영역 풀폭으로 채우기 + 상단 버튼 보기좋게 */
  .stats-page{padding:12px 10px}
  .stats-right{width:100%}
  .gsum{position:static;width:100%}
  .gsum-days{gap:7px;margin-bottom:14px}
  .gsum-days button{padding:9px;font-size:var(--fs-12);border-radius:var(--card-r)}
  .gsum-mobtabs{gap:8px;margin-bottom:12px}
  .gsum-mobtab{padding:12px;font-size:var(--fs-13);border-radius:var(--card-r)}
  .gsum-card{padding:13px}
  .gsum-grid{gap:7px}
}
.gsum{position:sticky;top:10px;display:flex;flex-direction:column;gap:14px}
.edg{padding:2px 0}
.edg-num{font-family:var(--font-display);font-weight:900;font-size:54px;line-height:.9;letter-spacing:-1px;color:var(--cream-bright)}
.edg-num span{display:block;font-family:var(--font-mono2);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}
.edg-num i{font-style:normal;font-size:.4em;color:var(--amber);font-weight:400;margin-left:3px;vertical-align:top}
.edg-rec{font-family:var(--font-mono2);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin:10px 0 16px}
.edg-gauge{width:100%;height:auto;display:block;overflow:visible}
.edg-gauge .edg-tk{font-family:var(--font-mono2);font-size:8.5px;letter-spacing:.06em;fill:var(--text-faint)}
.edg-gauge .edg-tk-r{text-anchor:end}
.edg-leg{display:flex;gap:16px;font-family:var(--font-mono2);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 18px}
.edg-leg .a{color:var(--amber)}
.edg-leg .c{color:var(--cyan)}
.edg-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;border-top:1px solid var(--line-soft);padding-top:16px}
.edg-st .k{font-family:var(--font-mono2);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:5px}
.edg-st .v{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1;color:var(--cream-bright)}
.edg-st .v small{font-family:var(--font-mono2);font-size:11px;font-weight:400;color:var(--text-soft)}

.gsum-card{background:var(--bg2);border:1px solid transparent;border-radius:var(--card-r);padding:16px 16px;transition:box-shadow .12s}
.gsum-card:hover,.psb-card:hover,.grk-wrap:hover{box-shadow:0 0 0 1.5px var(--hov-ring)} /* 우클릭 공유: 개별 단위 표시 */
.gsum-card-t{font-size:var(--fs-11);font-weight:800;color:var(--text2);letter-spacing:.3px;margin-bottom:11px;display:flex;align-items:center;gap:6px}
.gsum-scope{margin-left:auto;font-size:var(--fs-9);font-weight:700;color:var(--text3);background:var(--bg3);border:1px solid var(--sep2);padding:2px 7px;border-radius:var(--card-r)}
/* 큰 승률 게이지 */
.gsum-wr{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.gsum-wr-big{font-size:var(--fs-40);font-weight:900;line-height:1;letter-spacing:-1px}
.gsum-wr-unit{font-size:var(--fs-16);font-weight:800;color:var(--text2)}
.gsum-wr-rec{font-size:var(--fs-11);color:var(--text2);margin-bottom:10px}
.gsum-wr-rec b.w{color:var(--win)}.gsum-wr-rec b.l{color:var(--loss)}
.gsum-bar{height:9px;border-radius:6px;background:rgba(255,107,99,.25);overflow:hidden;display:flex}
.gsum-bar>i{display:block;height:100%;background:linear-gradient(90deg,#37c46a,var(--win))}
/* 통계 그리드 (킬/데스/페임 등) */
.gsum-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gsum-stat{background:rgba(255,255,255,.03);border:1px solid transparent;border-radius:var(--card-r);padding:9px 11px}
.gsum-stat .v{font-size:var(--fs-18);font-weight:900;color:var(--text);line-height:1.1}
.gsum-stat .v small{font-size:var(--fs-11);font-weight:700;color:var(--text2)}
.gsum-stat .k{font-size:var(--fs-10);color:var(--text3);margin-top:3px;font-weight:600}
.gsum-stat.kd .v{color:var(--text)}
.gsum-stat.hl{grid-column:1/-1;background:rgba(255,255,255,.03)}
.gsum-stat.hl .v{color:var(--text)}
/* 한 줄 항목 (스트릭, 상대 등) */
.gsum-row{display:flex;align-items:center;gap:8px;font-size:var(--fs-12);padding:6px 0;border-bottom:1px solid var(--sep)}
.gsum-row:last-child{border-bottom:none}
.gsum-row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.gsum-row .vr{font-weight:800;color:var(--text2);font-size:var(--fs-11)}
.gsum-rank{display:flex;align-items:center;gap:7px;font-size:var(--fs-11);color:var(--text3);width:16px;font-weight:800}
.gsum-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,color-mix(in srgb, var(--c-df) 16%, transparent),color-mix(in srgb, var(--c-sup) 12%, transparent));border:1px solid color-mix(in srgb, var(--c-df) 30%, transparent);border-radius:var(--card-r);padding:8px 11px;font-size:var(--fs-12);font-weight:800;color:var(--sel-fg)}
.gsum-badge b{color:#fff;font-size:var(--fs-15)}
.gsum-streak{font-size:var(--fs-12);font-weight:800}
.gsum-streak.w{color:var(--win)}.gsum-streak.l{color:var(--loss)}
.gsum-prbtn{width:100%;padding:9px;border-radius:var(--card-r);border:1px solid color-mix(in srgb, var(--c-df) 40%, transparent);background:color-mix(in srgb, var(--c-df) 12%, transparent);color:var(--sel-fg);font-family:var(--font);font-size:var(--fs-12);font-weight:800;cursor:pointer}
.gsum-prbtn:hover{background:color-mix(in srgb, var(--c-df) 20%, transparent)}
.gsum-pr-tabs{display:flex;gap:4px;margin-bottom:9px;flex-wrap:wrap}
.gsum-pr-tab{flex:1;min-width:48px;padding:5px 4px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text2);font-family:var(--font);font-size:var(--fs-10);font-weight:700;cursor:pointer}
.gsum-pr-tab.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}.gsum-days{display:flex;gap:7px;margin-bottom:0}.gsum-days button{flex:1;padding:9px;border-radius:var(--card-r);border:1px solid var(--sep2);background:transparent;color:var(--text2);font-family:var(--font);font-size:var(--fs-12);font-weight:700;cursor:pointer;transition:all .15s}.gsum-days button.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}.gsum-wr-gn{margin-left:auto;align-self:center;text-align:right;max-width:56%;overflow:hidden}.gsum-gname2{font-size:var(--fs-13-5);font-weight:800;color:var(--text);display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end;line-height:1.25}.gsum-gname2[data-gn]{cursor:pointer}.gsum-gname2[data-gn]:hover{color:var(--blue)}.gsum-pr-sub{display:flex;gap:4px;margin-bottom:8px}.gsum-pr-sub button{flex:1;padding:4px;border-radius:7px;border:1px solid var(--sep2);background:var(--bg3);color:var(--text3);font-family:var(--font);font-size:var(--fs-10);font-weight:700;cursor:pointer}.gsum-pr-sub button.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}.gsum-row-1st{position:relative;border-radius:var(--card-r);background:linear-gradient(100deg,color-mix(in srgb, var(--c-caller) 16%, transparent),color-mix(in srgb, var(--c-bm) 5%, transparent));border:1px solid color-mix(in srgb, var(--c-caller) 45%, transparent);overflow:hidden;box-shadow:0 0 14px color-mix(in srgb, var(--c-caller) 18%, transparent)}.gsum-row-1st::after{content:'';position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);animation:gsumShine 2.6s ease-in-out infinite;pointer-events:none}@keyframes gsumShine{0%{left:-60%}55%{left:130%}100%{left:130%}}.gsum-row-1st .nm{font-weight:800;color:#ffe9a8}.gsum-crown{display:inline-block;animation:gsumCrown 2.2s ease-in-out infinite;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--c-caller) 70%, transparent))}@keyframes gsumCrown{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-2px) rotate(4deg)}}@media (prefers-reduced-motion: reduce){.gsum-row-1st::after,.gsum-crown{animation:none}}@keyframes cmtPop{0%{opacity:0;transform:scale(.55) translateY(26px)}55%{opacity:1;transform:scale(1.05) translateY(-5px)}78%{transform:scale(.98) translateY(2px)}100%{transform:scale(1) translateY(0)}}.cmt-pop{animation:cmtPop .46s cubic-bezier(.34,1.56,.64,1) both;transform-origin:bottom right}#comments-modal{position:fixed;right:16px;bottom:78px;z-index:61;width:330px;max-width:calc(100vw - 32px)}.cmt-box{display:flex;flex-direction:column;max-height:min(70vh,460px);background:var(--bg2,#1c1c1e);border:1px solid var(--sep2);border-radius:var(--card-r);box-shadow:0 14px 44px rgba(0,0,0,.55);overflow:hidden}.cmt-hd{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--sep)}.cmt-hd b{font-size:var(--fs-14);font-weight:800;color:var(--text);flex:1}.cmt-close{background:none;border:none;color:var(--text3);font-size:var(--fs-15);cursor:pointer;padding:2px 6px;border-radius:6px}.cmt-close:hover{color:var(--text);background:var(--sep)}.cmt-list{flex:1;overflow:auto;padding:8px 14px;min-height:60px}.cmt-foot{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--sep)}@keyframes statsIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.stats-anim .bt-card,.stats-anim .gsum-card{animation:statsIn .42s cubic-bezier(.2,.7,.3,1) both}.stats-anim .stats-left .bt-card:nth-child(2){animation-delay:.04s}.stats-anim .stats-left .bt-card:nth-child(3){animation-delay:.08s}.stats-anim .stats-left .bt-card:nth-child(4){animation-delay:.12s}.stats-anim .stats-left .bt-card:nth-child(5){animation-delay:.16s}.stats-anim .stats-left .bt-card:nth-child(n+6){animation-delay:.2s}.stats-anim .stats-right .gsum-card:nth-child(2){animation-delay:.06s}.stats-anim .stats-right .gsum-card:nth-child(3){animation-delay:.12s}.stats-anim .stats-right .gsum-card:nth-child(4){animation-delay:.18s}.stats-anim .stats-right .gsum-card:nth-child(n+5){animation-delay:.22s}@media (prefers-reduced-motion:reduce){.stats-anim .bt-card,.stats-anim .gsum-card{animation:none}}@keyframes btExpand{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}.bt-detail-inner{animation:btExpand .3s cubic-bezier(.2,.7,.3,1) both}.bt-card:active{transform:scale(.997)}@media (prefers-reduced-motion:reduce){.bt-detail-inner{animation:none}.bt-card:active{transform:none}}@media (prefers-reduced-motion:reduce){.cmt-pop{animation:none}}
.gsum-empty{font-size:var(--fs-10);color:var(--text3);line-height:1.5;padding:4px 0}
.tb-title:disabled{color:var(--text2)}
.tb-right{display:flex;align-items:center;gap:8px;margin-left:auto}
.tb-badge{display:flex;align-items:center;gap:4px;background:color-mix(in srgb, var(--c-heal) 12%, transparent);border:1px solid color-mix(in srgb, var(--c-heal) 25%, transparent);border-radius:var(--card-r);padding:3px 10px;font-size:var(--fs-11);font-weight:700;color:var(--green);white-space:nowrap}
.tb-dot-g{width:6px;height:6px;border-radius:50%;background:var(--green);animation:gp 2s infinite}
@keyframes gp{0%,100%{opacity:1}50%{opacity:.3}}
.tb-me{font-size:var(--fs-11);color:var(--text2);white-space:nowrap}
.tb-btn{padding:4px 11px;border-radius:var(--card-r);border:1px solid var(--sep2);background:transparent;color:var(--text2);font-size:var(--fs-11);font-weight:600;font-family:var(--font);transition:all .15s}
.tb-btn:hover{background:var(--bg3);color:var(--text)}
/* 테마 전환 효과 — 물감이 번지듯 부드러운 디졸브 */
#theme-wash{position:fixed;inset:0;z-index:99998;pointer-events:none;opacity:0;transition:opacity 1.1s ease-in-out}
#theme-wash.go{opacity:1}
/* 색 변수가 부드럽게 섞이도록, 전환 중엔 주요 표면에 색 트랜지션 부여 */
body.theme-shift, body.theme-shift *{transition:background-color 1.1s ease, border-color 1.1s ease, color 1.1s ease !important}
.theme-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99999;pointer-events:none;font-family:var(--font);font-size:var(--fs-20);font-weight:800;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.55);animation:themeFade 1.6s ease forwards;letter-spacing:.5px;white-space:nowrap}
@keyframes themeFade{0%{opacity:0}25%{opacity:1}75%{opacity:1}100%{opacity:0}}
/* 전역 즉시 툴팁 (슬롯 역할 정보처럼 마우스 올리면 바로 뜸) */
#app-tip{position:fixed;z-index:100000;background:rgba(22,22,26,.97);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:var(--card-r);padding:8px 12px;max-width:320px;font-size:var(--fs-12);font-weight:500;color:var(--text);line-height:1.55;font-family:var(--font);box-shadow:0 8px 26px rgba(0,0,0,.55);white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;pointer-events:none;opacity:0;transform:translateY(5px) scale(.97);transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
#app-tip.on{opacity:1;transform:translateY(0) scale(1)}

/* TEMPLATE TABS */
.tmpl-bar{background:rgba(28,28,30,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--sep);padding:7px 18px;display:flex;align-items:center;gap:8px;overflow-x:auto}
.tmpl-seg{display:flex;background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:3px;gap:2px;flex-shrink:0}
.tmpl-tab{padding:4px 13px;border-radius:6px;font-size:var(--fs-11);font-weight:600;border:none;background:transparent;color:var(--text2);font-family:var(--font);white-space:nowrap;transition:all .18s cubic-bezier(.34,1.56,.64,1)}
.tmpl-tab:hover{color:var(--text)}
.tmpl-tab.active{background:rgba(255,255,255,.12);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.3)}
.tmpl-rename{font-size:var(--fs-10);color:var(--text3);padding:1px 3px;border-radius:3px;margin-left:2px;transition:color .12s}
.tmpl-rename:hover{color:var(--blue)}
.tmpl-add-btn{padding:4px 12px;border-radius:var(--card-r);border:1px dashed var(--sep2);background:transparent;color:var(--text3);font-size:var(--fs-11);font-weight:600;font-family:var(--font);white-space:nowrap;flex-shrink:0;transition:all .15s}
.tmpl-add-btn:hover{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb, var(--c-df) 7%, transparent)}

/* APP BODY */
.app-body{padding:12px 16px;display:grid;grid-template-columns:1fr 186px;grid-template-areas:"main side";gap:12px;align-items:start}
.app-body.has-memo{grid-template-columns:190px 1fr 186px;grid-template-areas:"memo main side"} /* 좌측 세로 전체 메모 컬럼 */
.app-body.has-memo.smemo-cl{grid-template-columns:96px 1fr 186px} /* 좌우 접힘: 가로 글씨가 들어가는 작은 탭 (세로 글씨 버그 수정 2026-09-30) */
.memo-col{grid-area:memo;align-self:start;min-width:0;position:sticky;top:56px} /* 스크롤 시 따라다님 — 상단 titlebar(48px) 아래에 붙어 안 가림 */
.app-body:not(.has-memo) .memo-col{display:none}
.party-wrap{grid-area:main}
.sidebar-col{grid-area:side;display:flex;flex-direction:column;gap:8px;align-self:start}
@media(max-width:780px){.app-body{grid-template-columns:1fr;grid-template-areas:"main" "side";padding:10px}.app-body.has-memo,.app-body.has-memo.smemo-cl{grid-template-columns:1fr;grid-template-areas:"memo" "main" "side"}
  .memo-col{position:static} /* 모바일: 위쪽 가로 배치라 sticky 해제 */
  .memo-col .sheet-memo{height:auto!important} /* 모바일: 고정높이 해제(위쪽 가로 배치) */
  .memo-col .sheet-memo-ta{min-height:90px}
  .sheet-memo.collapsed .sheet-memo-hd{flex-direction:row;padding:8px 11px}
  .sheet-memo.collapsed .sheet-memo-t{writing-mode:horizontal-tb}
  .sheet-memo.collapsed .sheet-memo-arr{transform:rotate(-90deg)}}

/* PARTY WRAP */
.party-wrap{display:flex;flex-direction:column;gap:8px}
.bt-men-loading{display:inline-flex;align-items:center;justify-content:center;min-width:52px}
/* 세팅 선반 — 파티 영역 우측 칸(인원현황 왼쪽)에 파티와 묶인 칸처럼 배치 */
.app-body{transition:grid-template-columns .26s cubic-bezier(.4,0,.2,1)}
.app-body.has-shelf{grid-template-columns:1fr 34px 186px;grid-template-areas:"main shelf side"}
.app-body.has-shelf.shelf-open{grid-template-columns:1fr 176px 186px}
@media(max-width:780px){.app-body.has-shelf,.app-body.has-shelf.shelf-open{grid-template-columns:1fr;grid-template-areas:"main" "shelf" "side"}}
.setshelf-col{grid-area:shelf;align-self:stretch;min-width:0}
.app-body:not(.has-shelf) .setshelf-col{display:none}
.setshelf-panel{display:none;position:sticky;top:12px;max-height:calc(100vh - 96px);flex-direction:column;background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);overflow:hidden}
.app-body.shelf-open .setshelf-panel{display:flex}
.setshelf-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:34px;height:100%;min-height:130px;background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);color:var(--text2);font-size:var(--fs-16);font-weight:800;cursor:pointer;transition:border-color .12s,background .12s}
.setshelf-tab:hover{border-color:var(--blue);background:var(--bg3)}
.setshelf-tab i{font-style:normal;font-size:var(--fs-10);color:var(--blue);background:color-mix(in srgb, var(--c-df) 16%, transparent);border-radius:var(--card-r);padding:1px 5px}
.setshelf-tab .stv{font-size:var(--fs-10);color:var(--text3);line-height:1.05;text-align:center;letter-spacing:0}
.app-body.shelf-open .setshelf-tab{display:none}
.setshelf-h{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:var(--fs-11);font-weight:800;color:var(--text2);padding:8px 9px 6px;border-bottom:1px solid var(--sep)}
.setshelf-cl{background:none;border:none;color:var(--text3);cursor:pointer;font-size:var(--fs-13);padding:0;line-height:1}
.setshelf-cl:hover{color:var(--text)}
.setshelf-drop{flex:1;overflow-y:auto;display:flex;flex-wrap:wrap;gap:7px;align-content:flex-start;justify-content:center;padding:9px}
.setshelf-drop.drop-on{background:color-mix(in srgb, var(--c-df) 12%, transparent);outline:2px dashed var(--blue);outline-offset:-4px}
.setshelf-empty{width:100%;font-size:var(--fs-9-5);color:var(--text3);text-align:center;line-height:1.6;padding:14px 4px}
.setshelf-cats{display:flex;flex-wrap:wrap;gap:4px;padding:7px 8px;border-bottom:1px solid var(--sep)}
.setcat{position:relative;font-size:var(--fs-10);font-weight:700;color:var(--text2);background:rgba(255,255,255,.06);border:1px solid var(--sep2);border-radius:7px;padding:3px 6px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.setcat:hover{border-color:var(--blue)}
.setcat.on{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}
.setcat.drop-on{outline:2px dashed var(--blue);outline-offset:1px}
.setcat-x{border:none;background:none;color:inherit;opacity:.55;cursor:pointer;font-size:var(--fs-11);padding:0;line-height:1}
.setcat-x:hover{opacity:1}
.setcat-add{font-size:var(--fs-11);font-weight:800;color:var(--blue);background:color-mix(in srgb, var(--c-df) 12%, transparent);border:1px dashed color-mix(in srgb, var(--c-df) 50%, transparent);border-radius:7px;padding:3px 8px;cursor:pointer}
.setcat-add:hover{background:color-mix(in srgb, var(--c-df) 22%, transparent)}
.setchip{position:relative;width:40px;height:40px;border-radius:var(--card-r);background:rgba(0,0,0,.28);border:1px solid var(--sep2);display:flex;align-items:center;justify-content:center;cursor:grab;transition:transform .1s,border-color .12s}
.setchip:hover{transform:translateY(-2px) scale(1.06);border-color:var(--blue);z-index:5}
.setchip img{width:34px;height:34px;object-fit:contain}
.setchip-na{font-size:var(--fs-18);opacity:.5}
.setchip-x{position:absolute;top:-6px;right:-6px;width:17px;height:17px;border-radius:50%;border:none;background:var(--red);color:#fff;font-size:var(--fs-11);font-weight:800;line-height:1;cursor:pointer;display:none;padding:0}
.setchip:hover .setchip-x{display:block}
#setshelf-pop{position:fixed;z-index:100002;display:none;width:204px;background:rgba(22,22,26,.98);border:1px solid var(--sep2);border-radius:var(--card-r);padding:11px 12px;box-shadow:0 12px 40px rgba(0,0,0,.6);pointer-events:none}
#setshelf-pop .ssp-nm{font-size:var(--fs-12-5);font-weight:800;color:#fff;margin-bottom:9px}
#setshelf-pop .ssp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
#setshelf-pop .ssp-cell{text-align:center}
#setshelf-pop .ssp-cell img,#setshelf-pop .ssp-box{width:44px;height:44px;object-fit:contain;background:rgba(0,0,0,.32);border-radius:var(--card-r);display:block;margin:0 auto}
#setshelf-pop .ssp-ph{visibility:hidden}
#setshelf-pop .ssp-empty .ssp-box{opacity:.16}
#setshelf-pop .ssp-cell span{display:block;font-size:var(--fs-8-5);color:var(--text3);margin-top:2px}
/* 저장 세팅 선반 — 시트지 상단 가로 띠 */
.main-col{grid-area:main;min-width:0;display:flex;flex-direction:column} /* 선반+파티를 메인 컬럼에 묶어 사이드바(인원현황)가 선반과 같은 줄에서 시작 */
.setshelf-top{display:none;margin:0 0 8px;background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:2px 6px}
.setshelf-top-h{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:none;border:none;color:inherit;font-family:var(--font);cursor:pointer;padding:8px 6px;border-radius:var(--card-r);text-align:center;transition:background .12s}
.setshelf-top-h:hover{background:var(--bg3)}
.setshelf-top-h:active{transform:none!important;filter:none!important} /* 전역 button:active 축소(scale.94) 무효화 */
@keyframes shelfSlide{from{max-height:0;opacity:.25}to{max-height:900px;opacity:1}}
.setshelf-body{overflow:hidden;animation:shelfSlide .28s cubic-bezier(.4,0,.2,1)} /* 펼칠 때 부드럽게 밀려 내려옴 */
.setshelf-top-arw{color:var(--text2);font-size:var(--fs-14);line-height:1} /* 펼침 상태 접기(▴) 표시 — 바 전체가 클릭 토글 */
.setshelf-top-cl{background:none;border:1px solid var(--sep2);color:var(--text2);border-radius:var(--card-r);cursor:pointer;font-size:var(--fs-12);width:24px;height:24px;line-height:1;flex:none}
.setshelf-top-cl:hover{border-color:var(--blue);color:var(--text)}
.setshelf-top-cl:active{transform:none!important}
.setshelf-top-tt{font-size:var(--fs-11-5);font-weight:800;color:var(--text2);white-space:nowrap}
.setshelf-top-tt i{font-style:normal;color:var(--blue);background:color-mix(in srgb,var(--c-df) 16%,transparent);border-radius:var(--card-r);padding:1px 6px;margin-left:4px}
.setshelf-cats2{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:6px 4px 0}
.setshelf-drop2{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin-top:6px;padding:7px 4px 2px;border-top:1px solid var(--sep)}
.setshelf-drop2.drop-on{background:color-mix(in srgb,var(--c-df) 12%,transparent);outline:2px dashed var(--blue);outline-offset:-4px;border-radius:var(--card-r)}
.setchip2{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:64px;cursor:grab}
.setchip2 img{width:60px;height:60px;object-fit:contain;background:rgba(0,0,0,.28);border:1px solid var(--sep2);border-radius:var(--card-r)}
.setchip2:hover img{border-color:var(--blue)}
.setchip2 .setchip-na{width:60px;height:60px;background:rgba(0,0,0,.2);border:1px dashed var(--sep2);border-radius:var(--card-r)}
.setchip2-nm{font-size:var(--fs-9);color:var(--text3);max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.setchip2 .setchip-x{position:absolute;top:-5px;right:0;width:16px;height:16px;border-radius:50%;border:none;background:var(--loss);color:#fff;font-size:var(--fs-10);line-height:1;cursor:pointer;display:none}
.setchip2:hover .setchip-x{display:block}
.setshelf-empty2{font-size:var(--fs-10);color:var(--text3);padding:12px 4px}
#gear-ov .ov-sheet{position:relative}

/* PARTY BLOCK */
.party-block{border-radius:var(--card-r);overflow:hidden;border:1.5px solid var(--sep);transition:box-shadow .2s}
.party-block-1{border-color:color-mix(in srgb, var(--c-df) 35%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--c-df) 10%, transparent)}
.party-block-n{border-color:rgba(255,255,255,.12)}
.party-hdr{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:var(--fs-11);font-weight:700;letter-spacing:.7px;text-transform:uppercase;border-bottom:1px solid var(--sep)}
.party-hdr-1{background:color-mix(in srgb, var(--c-df) 10%, transparent);color:var(--blue)}
.party-hdr-n{background:rgba(255,255,255,.05);color:var(--text2)}
.party-hdr-cnt{margin-left:auto;font-size:var(--fs-10);background:rgba(0,0,0,.22);padding:2px 9px;border-radius:var(--card-r);letter-spacing:0;font-variant-numeric:tabular-nums}
.party-hdr-name{flex-shrink:0}
.party-cmt{flex:1;min-width:60px;max-width:520px;margin:0 4px;background:rgba(0,0,0,.18);border:1px solid transparent;border-radius:6px;padding:4px 9px;color:var(--text);font-size:var(--fs-11);font-weight:500;font-family:var(--font);letter-spacing:0;text-transform:none;transition:border-color .15s,background .15s;resize:none;overflow:hidden;white-space:pre-wrap;line-height:1.45;vertical-align:top;min-height:22px}
.rg-side-pop,.slot-role-pop,.rg-role-bigtip{white-space:pre-wrap;word-break:break-word}
.party-cmt::placeholder{color:var(--text3);font-weight:500}
.party-cmt:hover{border-color:var(--sep2)}
.party-cmt:focus{outline:none;border-color:rgba(255,255,255,.4);background:rgba(0,0,0,.3)}
.party-cmt[readonly]{background:transparent;border-color:transparent;color:var(--text2);font-style:italic}
.party-del-btn{padding:1px 8px;border-radius:4px;border:1px solid color-mix(in srgb, var(--red) 30%, transparent);background:transparent;color:color-mix(in srgb, var(--red) 60%, transparent);font-size:var(--fs-10);font-family:var(--font);margin-left:4px;transition:all .15s}
.party-lock-btn{margin-left:6px;padding:2px 9px;border-radius:6px;border:1px solid var(--sep2);background:rgba(0,0,0,.2);color:var(--text2);font-size:var(--fs-10);font-weight:700;font-family:var(--font);letter-spacing:0;text-transform:none;cursor:pointer;transition:all .15s;flex-shrink:0}
.party-lock-btn:hover{border-color:var(--text3);color:var(--text)}
.party-lock-btn.on{border-color:color-mix(in srgb, var(--c-heal) 50%, transparent);background:color-mix(in srgb, var(--c-heal) 12%, transparent);color:var(--c-heal)}
.ctx-menu{position:fixed;z-index:9999;min-width:150px;background:#141d2e;border:1px solid var(--sep2);border-radius:var(--card-r);padding:5px;box-shadow:0 8px 30px rgba(0,0,0,.5);display:none} /* 불투명(투명하면 안 보임) */
html.theme-light .ctx-menu{background:#fff}
body.ctx-open{overflow:hidden;touch-action:none}
body.ctx-open .ctx-menu,.ctx-menu,.ctx-item{touch-action:auto;pointer-events:auto}
.ctx-menu.show{display:block}
.ctx-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;font-size:var(--fs-12);color:var(--text);cursor:pointer;transition:background .12s;white-space:nowrap}
.ctx-item:hover{background:var(--sep)}
.ctx-item.danger{color:var(--loss)}
.ctx-item.danger:hover{background:color-mix(in srgb, var(--red) 12%, transparent)}
.ctx-item.disabled{opacity:.35;cursor:default;pointer-events:none}
.ctx-sep{height:1px;background:var(--sep);margin:4px 6px}
.party-del-btn:hover{border-color:var(--red);color:var(--red)}

/* ROLE GROUP */
.rgroup{display:flex;border-top:1px solid var(--sep);min-height:60px}
.rgroup:first-child{border-top:none}
/* 좌측 역할 사이드바 */
.rg-side{width:82px;flex-shrink:0;border-right:1px solid var(--sep);padding:7px 7px;display:flex;flex-direction:column;gap:3px;position:relative}
.rg-name{font-size:var(--fs-10);font-weight:800;letter-spacing:.2px;text-transform:uppercase;line-height:1.2;word-break:break-all}
.rg-cnt{font-family:'SF Mono',monospace;font-size:var(--fs-9);opacity:.55;letter-spacing:0;margin-top:1px}
.rg-memo-display{font-size:var(--fs-9);color:var(--text2);line-height:1.45;word-break:break-all;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin-top:4px;white-space:pre-wrap}
.rg-memo-empty{font-size:var(--fs-8);color:var(--text3);font-style:italic;flex:1;margin-top:4px}
.rg-side-btns{display:flex;flex-direction:column;gap:3px;margin-top:auto;padding-top:4px}
.rg-edit-btn{padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text3);font-size:var(--fs-9);font-family:var(--font);transition:all .13s;text-align:center}
.rg-edit-btn:hover{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb, var(--c-df) 8%, transparent)}
.rg-addbtn{padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text3);font-size:var(--fs-9);font-weight:600;font-family:var(--font);transition:all .13s;text-align:center}
.rg-addbtn:hover{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb, var(--c-df) 7%, transparent)}
/* 역할별 사이드바 색상 — 쨍한 버전 */






/* 역할 이름 색상 */
.rg-caller .rg-name{color:var(--c-caller)}
.rg-df .rg-name{color:var(--c-df)}
.rg-deal .rg-name{color:var(--c-deal)}
.rg-sup .rg-name{color:var(--c-sup)}
.rg-heal .rg-name{color:var(--c-heal)}
.rg-bm .rg-name{color:var(--c-bm)}
/* 우측 콘텐츠 */
.rg-content{flex:1;min-width:0}

/* SLOT — COMPACT */
.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.rg-content{flex:1;min-width:0;min-height:100%}
.rg-content.rgc-over{background:color-mix(in srgb, var(--c-caller) 7%, transparent);box-shadow:inset 0 0 0 2px var(--gold)}

/* 모바일(폰): 역할·슬롯을 촘촘하게, 한 줄에 2칸 */
@media(max-width:600px){
  .rgroup{min-height:0}
  .rg-side{width:52px;padding:5px 4px}
  .rg-name{font-size:var(--fs-9)}
  .rg-cnt{font-size:var(--fs-8)}
  .rg-memo-display{-webkit-line-clamp:3;font-size:var(--fs-8);line-height:1.35}
  .rg-memo-empty{font-size:var(--fs-7)}
  .rg-edit-btn,.rg-addbtn{font-size:var(--fs-8);padding:2px 3px}
  .slots-grid{grid-template-columns:repeat(2,1fr)}
  .slot{padding:6px 6px 5px}
  .slot-hero{gap:5px;margin-bottom:2px}
  .slot-wicon{width:36px;height:36px}
  .slot-wname{font-size:var(--fs-10)!important}
  .slot-wname.unset{font-size:var(--fs-10)!important}
  .slot-member{margin-bottom:3px;min-height:0}
  .slot-nick{font-size:var(--fs-10)}
  .slot-guild{font-size:var(--fs-8)}
  .slot-status{padding:4px;font-size:var(--fs-9);margin-bottom:4px}
  .sb-join-big,.sb-release-big{padding:5px;font-size:var(--fs-10);margin-bottom:4px}
  .slot-actions{padding-top:4px}
  .slot-actions .sb{font-size:var(--fs-8);padding:3px 2px}
  .slot-del-x{top:4px;right:4px;width:16px;height:16px;font-size:var(--fs-10)}
}

.slot:hover{background:rgba(255,255,255,.04);transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.34);z-index:2}
/* drag-over */
.slot.drag-over{background:color-mix(in srgb, var(--c-df) 15%, transparent)!important;border-color:var(--blue)!important;transform:scale(1.01)}
/* 필수 슬롯: 별 딱지만 표시 (테두리 강조 없음) */
.slot-req-star{font-size:var(--fs-15);line-height:1;align-self:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
/* 필수도(별점 1~5) — 이름 아래 표시 */
.slot-req-stars{display:flex;gap:1px;margin-top:3px;line-height:1}
.slot-req-stars .rqs{font-size:var(--fs-11);line-height:1;color:rgba(255,255,255,.22)}
.slot-req-stars .rqs.on{color:#ffcc33;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
.slot-req-stars.lead .rqs{cursor:pointer}
.slot-req-stars.lead .rqs:hover{transform:scale(1.15)}

/* 채워진 슬롯 색상 */







.slot.mine 

/* 슬롯 내용 */



.slot-wicon:active{transform:scale(.92)!important}
.slot-wicon.loading::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg3) 25%,rgba(255,255,255,.05) 50%,var(--bg3) 75%);background-size:200% 100%;animation:sh 1.3s infinite}
@keyframes sh{from{background-position:200% 0}to{background-position:-200% 0}}






/* 멤버 행 */




.sb-join{padding:2px 8px;border-radius:var(--card-r);font-size:var(--fs-9);font-weight:700;border:1px solid color-mix(in srgb, var(--c-caller) 45%, transparent);background:color-mix(in srgb, var(--c-caller) 10%, transparent);color:var(--gold);font-family:var(--font);white-space:nowrap;flex-shrink:0;transition:all .16s cubic-bezier(.34,1.56,.64,1)}
.sb-join:hover{background:color-mix(in srgb, var(--c-df) 22%, transparent);transform:scale(1.08)}
.sb-join:active{transform:scale(.9)!important}
.sb-release{padding:2px 8px;border-radius:var(--card-r);font-size:var(--fs-9);font-weight:700;border:1px solid color-mix(in srgb, var(--red) 35%, transparent);background:color-mix(in srgb, var(--red) 10%, transparent);color:var(--red);font-family:var(--font);white-space:nowrap;flex-shrink:0;transition:all .16s cubic-bezier(.34,1.56,.64,1)}
.sb-release:hover{background:color-mix(in srgb, var(--red) 20%, transparent);transform:scale(1.08)}
.sb-release:active{transform:scale(.9)!important}

/* 하단 버튼 */
.slot-btns{display:flex;gap:3px}
.sb{padding:2px 7px;border-radius:var(--card-r);font-size:var(--fs-9);font-weight:600;border:1px solid var(--sep2);background:rgba(255,255,255,.04);color:var(--text2);font-family:var(--font);white-space:nowrap;transition:all .15s cubic-bezier(.34,1.56,.64,1)}
.sb:hover{background:rgba(255,255,255,.09);color:var(--text);transform:scale(1.06)}
.sb:active{transform:scale(.9)!important}
.sb-role:hover{border-color:var(--purple);color:var(--c-heal)}
.sb-gear:hover{border-color:var(--blue);color:var(--blue)}
.sb-del{border-color:color-mix(in srgb, var(--red) 18%, transparent)}.sb-del:hover{border-color:var(--red);color:var(--red);background:color-mix(in srgb, var(--red) 8%, transparent)}
.sb-kick{border-color:color-mix(in srgb, var(--red) 18%, transparent);color:color-mix(in srgb, var(--red) 60%, transparent)}.sb-kick:hover{border-color:var(--red);color:var(--red);background:color-mix(in srgb, var(--red) 8%, transparent)}

/* 역할 툴팁 */


@keyframes ttf{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.role-tip .rt{font-size:var(--fs-10);font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--c-heal);margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid color-mix(in srgb, var(--c-sup) 20%, transparent)}
.sb-role-wrap:hover 

/* + 파티 추가 버튼 */
.add-party-btn{width:100%;padding:10px;margin-top:2px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg2);color:var(--text2);font-size:var(--fs-12);font-weight:600;font-family:var(--font);letter-spacing:.2px;cursor:pointer;transition:all .15s}
.add-party-btn:hover{background:var(--bg3);color:var(--text)}
.add-party-btn:active{transform:scale(.99)}

/* OVERLAYS */
.ov{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6);backdrop-filter:blur(18px) saturate(1.4)}
.ov.hidden{display:none!important}
.ov-sheet{background:rgba(44,44,46,.98);backdrop-filter:blur(38px) saturate(1.8);border:1px solid rgba(255,255,255,.12);border-radius:var(--card-r);padding:22px;width:100%;max-width:430px;max-height:90vh;overflow-y:auto;box-shadow:0 36px 70px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);animation:sin .2s cubic-bezier(.34,1.56,.64,1)}
@keyframes sin{from{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:none}}
.ov-title{font-size:var(--fs-15);font-weight:800;letter-spacing:-.3px;margin-bottom:4px}
.ov-sub{font-size:var(--fs-11);color:var(--text2);margin-bottom:14px}
.ov-close{width:100%;padding:9px;margin-top:12px;background:rgba(255,255,255,.07);border:1px solid var(--sep2);border-radius:var(--card-r);color:var(--text2);font-size:var(--fs-11);font-weight:600;font-family:var(--font);transition:all .14s}
.ov-close:hover{background:rgba(255,255,255,.12);color:var(--text)}
.adlg{position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6);backdrop-filter:blur(18px) saturate(1.4)}
.adlg.hidden{display:none!important}
.adlg-card{background:rgba(44,44,46,.98);backdrop-filter:blur(38px) saturate(1.8);border:1px solid var(--sep2);border-radius:var(--card-r);padding:22px;width:100%;max-width:380px;box-shadow:0 36px 70px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);animation:sin .2s cubic-bezier(.34,1.56,.64,1)}
.adlg-msg{font-size:var(--fs-14);font-weight:600;color:var(--text);line-height:1.6;white-space:pre-line}
.adlg-input{margin-top:13px}
.adlg-input.hidden{display:none}
.adlg-btns{display:flex;gap:8px;margin-top:17px}
.adlg-btn{flex:1;padding:11px;border-radius:var(--card-r);font-family:var(--font);font-size:var(--fs-13);font-weight:700;cursor:pointer;transition:all .14s;border:1px solid var(--sep2)}
.adlg-cancel{background:rgba(255,255,255,.06);color:var(--text2)}
.adlg-cancel:hover{background:rgba(255,255,255,.12);color:var(--text)}
.adlg-ok{background:var(--grad-primary);color:#fff;border-color:transparent}
.adlg-ok:hover{box-shadow:0 4px 18px color-mix(in srgb, var(--c-df) 35%, transparent)}
.adlg-ok.danger{background:var(--red);color:#fff}
.adlg-ok.danger:hover{box-shadow:0 4px 18px color-mix(in srgb, var(--red) 40%, transparent)}

/* 장비 그리드 */
.gear-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:210px;margin:0 auto 8px}
.gear-layout{display:flex;gap:16px;align-items:flex-start}
/* 스킬 + 장비 + 정보 = 하나의 박스 */
.gear-wrap{position:relative;display:flex;flex-wrap:nowrap;align-items:stretch;align-content:flex-start;justify-content:center;cursor:default;user-select:none;background:rgba(44,44,46,.98);backdrop-filter:blur(38px) saturate(1.8);border:1px solid rgba(255,255,255,.12);border-radius:var(--card-r);box-shadow:0 36px 70px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);width:min(96vw,732px);max-width:97vw;max-height:90vh;overflow-y:auto;overflow-x:hidden;animation:sin .2s cubic-bezier(.34,1.56,.64,1)}
.gear-wrap .gi-memo-ta{user-select:text;cursor:text}
/* 세 컬럼 동일 비율(1:1:1) */
.skill-float{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px;padding:18px 14px;overflow:visible;border-right:1px solid rgba(255,255,255,.1);z-index:210}
.skill-float:empty{display:none}
#gear-ov .ov-sheet{position:relative;background:transparent;border:none;box-shadow:none;border-radius:0;flex:1 1 0;min-width:0;max-width:none;padding:18px 14px;max-height:90vh;overflow-y:auto;animation:none}
#gear-ov .ov-title{padding-right:56px;font-size:var(--fs-14)}
.gear-info{flex:1 1 0;min-width:0;padding:18px 16px;overflow-y:auto;overflow-x:hidden;border-left:1px solid rgba(255,255,255,.1);z-index:210}
.gi-nick{font-size:var(--fs-15);font-weight:800;letter-spacing:-.3px;word-break:break-all;overflow-wrap:anywhere;line-height:1.2}
.gi-guild{font-size:var(--fs-10);color:var(--text2);font-family:monospace;margin-top:2px;word-break:break-all}
.gi-empty{font-size:var(--fs-12);color:var(--text3);font-weight:700}
.gi-sec{margin-top:17px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
.gi-sec-h{font-size:var(--fs-10);font-weight:800;color:var(--text3);letter-spacing:.4px;margin-bottom:10px}
.gi-guild{margin-bottom:2px}
.gear-info .pcp-row{margin:5px 0}
.gear-info .pcp-others{margin-top:9px;display:flex;flex-direction:column;gap:6px}
.gear-info .pcp-main{margin:2px 0 4px}
.gear-info .pcp-foot{margin-top:9px}
.gi-memo{font-size:var(--fs-11-5);color:var(--text);line-height:1.5;white-space:pre-wrap;word-break:break-word}
.gi-memo.none{color:var(--text3)}
.gi-memo-ta{width:100%;min-height:96px;resize:vertical;box-sizing:border-box;background:rgba(0,0,0,.25);border:1px solid var(--sep2);border-radius:8px;color:var(--text);font-family:var(--font);font-size:var(--fs-11-5);line-height:1.5;padding:9px 10px}
.gi-memo-ta:focus{outline:none;border-color:var(--sel-bd)}
.gi-memo-hint{margin-top:5px;font-size:var(--fs-9);color:var(--text3);text-align:right;transition:color .15s}
.gi-memo-hint.saving{color:var(--sel-fg)}
/* 시트지 전체 메모 — 좌우 접힘, 스크롤 따라다님(sticky) */
.sheet-memo{background:var(--bg2);border:1px solid var(--sep);border-left:3px solid var(--sel-bd);border-radius:var(--card-r);overflow:hidden;display:flex;flex-direction:column} /* 높이=1파티(JS)에 정확히 맞춤 */
.sheet-memo-hd{display:flex;align-items:center;gap:6px;padding:8px 11px;cursor:pointer;user-select:none;flex:none}
.sheet-memo-t{font-size:var(--fs-11-5);font-weight:800;color:var(--text2);letter-spacing:.3px;white-space:nowrap}
.sheet-memo-arr{margin-left:auto;color:var(--text3);font-size:var(--fs-11);transition:transform .18s}
.sheet-memo-bd{flex:1;min-height:0;padding:0 11px 11px;display:flex;flex-direction:column}
.sheet-memo-desc{font-size:var(--fs-9-5);color:var(--text3);line-height:1.45;margin:0 0 8px;padding:7px 9px;background:color-mix(in srgb,var(--sel-fg) 8%,transparent);border-radius:7px}
.sheet-memo-ta{flex:1;width:100%;min-height:120px;resize:none;box-sizing:border-box;background:rgba(0,0,0,.22);border:1px solid var(--sep2);border-radius:8px;color:var(--text);font-family:var(--font);font-size:var(--fs-11-5);line-height:1.55;padding:9px 10px}
.sheet-memo-ta:focus{outline:none;border-color:var(--sel-bd)}
.sheet-memo-ro{flex:1;min-height:0;font-size:var(--fs-11-5);color:var(--text);line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-y:auto}
.sheet-memo-clk{cursor:text;border:1px solid transparent;border-radius:8px;padding:9px 10px;transition:background .12s,border-color .12s}
.sheet-memo-clk:hover{background:rgba(255,255,255,.04);border-color:var(--sep2)}
.sheet-memo-ph{color:var(--text3)}
.sheet-memo.collapsed .sheet-memo-desc{display:none}
/* 메모 스크롤바 — 얇고 은은하게 */
.sheet-memo-ta,.sheet-memo-ro{scrollbar-width:thin;scrollbar-color:var(--sep2) transparent}
.sheet-memo-ta::-webkit-scrollbar,.sheet-memo-ro::-webkit-scrollbar{width:8px}
.sheet-memo-ta::-webkit-scrollbar-track,.sheet-memo-ro::-webkit-scrollbar-track{background:transparent;margin:4px 0}
.sheet-memo-ta::-webkit-scrollbar-thumb,.sheet-memo-ro::-webkit-scrollbar-thumb{background:var(--sep2);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.sheet-memo-ta::-webkit-scrollbar-thumb:hover,.sheet-memo-ro::-webkit-scrollbar-thumb:hover{background:var(--text3);background-clip:padding-box}
/* 접힘: 길쭉한 세로 버튼 (파티 높이만큼) */
.sheet-memo.collapsed{cursor:pointer}
.sheet-memo.collapsed{height:auto!important} /* 접힘: 작은 가로 탭만 (2026-09-30: 세로로 한 글자씩 서던 것 수정) */
.sheet-memo.collapsed .sheet-memo-hd{flex:none;flex-direction:row;justify-content:center;align-items:center;padding:10px 6px;gap:6px}
.sheet-memo.collapsed .sheet-memo-t{writing-mode:horizontal-tb;text-orientation:mixed;letter-spacing:.3px;font-size:var(--fs-10-5);color:var(--text2)}
.sheet-memo.collapsed .sheet-memo-arr{margin:0;transform:rotate(180deg)}
.sheet-memo.collapsed .sheet-memo-bd{display:none}
.sheet-memo.collapsed:hover{border-color:var(--blue)}
.sheet-memo.collapsed:hover .sheet-memo-t{color:var(--text)}
html.theme-light .sheet-memo-ta{background:rgba(0,0,0,.04)}
html.theme-light .gi-memo-ta{background:rgba(0,0,0,.04)}
html.theme-light .gear-wrap{background:rgba(255,255,255,.97);border-color:var(--sep2);box-shadow:0 36px 70px rgba(0,0,0,.22)}
html.theme-light .gear-info{border-left-color:var(--sep)}
html.theme-light .skill-float{border-right-color:var(--sep)}
html.theme-light #gear-ov .ov-sheet{background:transparent!important;border:none!important;box-shadow:none!important}
.skill-panel{flex:0 0 170px;display:flex;flex-direction:column;gap:12px;position:relative}
.skill-row{position:relative}
.skill-row-lbl{font-size:var(--fs-10);font-weight:800;color:var(--text2);letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}
.skill-boxes{display:flex;gap:6px;justify-content:flex-start}
.skill-cell{display:flex;flex-direction:column;align-items:center;gap:3px;width:44px;flex:0 0 44px}
.skill-box{width:42px;height:42px;border-radius:50%;border:1.5px solid transparent;background:#0d0d0f;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .16s cubic-bezier(.34,1.56,.64,1),border-color .14s,box-shadow .14s;flex-shrink:0}
.skill-box:hover{border-color:var(--blue);transform:translateY(-2px) scale(1.05)}
.skill-box:active{transform:scale(.92)}
.skill-box.filled{border-color:color-mix(in srgb, var(--c-caller) 55%, transparent)}
.skill-box.active{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb, var(--c-caller) 30%, transparent),0 6px 18px color-mix(in srgb, var(--c-caller) 18%, transparent);transform:translateY(-2px) scale(1.06)}
.skill-box.empty{border:1.5px dashed var(--sep2);border-radius:50%;background:rgba(0,0,0,.2)}
.skill-box.locked{cursor:default;border-color:rgba(255,255,255,.1)}
.skill-box img{width:100%;height:100%;object-fit:contain}
.skill-box .ph{font-size:var(--fs-18);color:var(--text3);opacity:.5}
.skill-name{font-size:var(--fs-8);color:var(--text3);width:50px;text-align:center;line-height:1.15;height:19px;display:flex;align-items:center;justify-content:center;overflow:hidden}
/* 인라인 드롭다운 */
.skill-dd{position:fixed;z-index:100050;left:0;top:0;background:#0a0a0c;border:1px solid rgba(255,255,255,.1);border-radius:var(--card-r);padding:9px;box-shadow:0 14px 44px rgba(0,0,0,.75);width:max-content;max-width:min(92vw,640px);transform-origin:top left;animation:skillDDin .26s cubic-bezier(.34,1.56,.5,1)}
@keyframes skillDDin{from{opacity:0;transform:scale(.85) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes skillCellIn{from{opacity:0;transform:translateY(9px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}
.skill-dd-cell{animation:skillCellIn .4s cubic-bezier(.34,1.6,.5,1) both}
.skill-dd-cell:nth-child(1){animation-delay:.04s}
.skill-dd-cell:nth-child(2){animation-delay:.08s}
.skill-dd-cell:nth-child(3){animation-delay:.12s}
.skill-dd-cell:nth-child(4){animation-delay:.16s}
.skill-dd-cell:nth-child(5){animation-delay:.2s}
.skill-dd-cell:nth-child(6){animation-delay:.24s}
.skill-dd-cell:nth-child(7){animation-delay:.28s}
.skill-dd-cell:nth-child(n+8){animation-delay:.32s}
.skill-dd-grid{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start}
.skill-dd-cell{display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto;width:48px}
/* 스킬 로딩 스피너 */
@keyframes skSpin{to{transform:rotate(360deg)}}
.sk-spin{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.15);border-top-color:var(--gold);border-radius:50%;animation:skSpin .7s linear infinite}
.skill-box.loading{cursor:default;border-color:var(--sep)}
/* 스킬 아이콘: 메인 줄은 스피너 없이 페이드인만 (로딩 스피너는 클릭해서 뜨는 선택 메뉴에서만) */
.skill-box{position:relative}
.skill-box.filled img,.skill-box.locked img{opacity:0;transform:translateY(5px) scale(.85);transition:opacity .28s ease,transform .42s cubic-bezier(.34,1.6,.5,1)}
.skill-box.filled.imgok img,.skill-box.locked.imgok img{opacity:1;transform:translateY(0) scale(1)}
.skill-dd-item{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);background:#000;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .13s cubic-bezier(.34,1.56,.64,1),border-color .12s}
/* 드롭다운 후보 아이콘도 실제 로드 전까지 스피너 표시 후 페이드인 */
.skill-dd-item img{opacity:0;transition:opacity .15s ease}
.skill-dd-item.imgok img{opacity:1}
.skill-dd-item:not(.imgok):not(.dd-empty)::after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--gold);border-radius:50%;animation:skSpin .7s linear infinite;pointer-events:none}
.skill-dd-item:hover{border-color:var(--blue);transform:scale(1.12)}
.skill-dd-item:active{transform:scale(.9)}
.skill-dd-item img{width:100%;height:100%;object-fit:contain}
.skill-dd-name{font-size:var(--fs-8);color:var(--text3);max-width:48px;text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* PC(넓은 창)는 한 줄, 좁아지면 flex-wrap이 정보 패널을 아래로 내림. 진짜 모바일(≤680px)만 세로 스택 */
@media(max-width:680px){
  .gear-wrap{flex-direction:column;align-items:stretch;width:auto;max-width:min(96vw,436px);overflow-y:auto}
  .skill-float{flex:none;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;width:auto;gap:8px 12px;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:13px}
  .skill-float .skill-row{flex:1 1 100%;display:flex;align-items:center;gap:12px} /* 각 장비별로 한 줄: [라벨 · 스킬원들] */
  .skill-float .skill-row-lbl{margin-bottom:0;flex:0 0 40px;text-align:left}
  .skill-float .skill-boxes{justify-content:flex-start;flex-wrap:wrap}
  #gear-ov .ov-sheet{max-width:none;width:100%;flex:none;padding:16px}
  .gear-info{width:auto;max-width:none;min-width:0;flex:none;border-left:none;border-top:1px solid rgba(255,255,255,.1)}
}
@media(max-width:600px){
  .gear-layout{flex-direction:column;align-items:center}
  .skill-panel{flex:none;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}
  .gear-wrap{flex-direction:column;align-items:stretch;max-width:96vw;overflow-y:auto}
  .skill-float{flex-direction:row;flex-wrap:wrap;justify-content:center;width:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:14px}
  #gear-ov .ov-sheet{max-width:none;width:100%}
  .gear-info{width:auto;border-left:none;border-top:1px solid rgba(255,255,255,.1)}
  /* 모바일: 드롭다운이 화면 밖으로 안 나가게 줄바꿈 + 너비 제한 */
  .skill-dd{max-width:min(90vw,320px)}
  .skill-dd-grid{flex-wrap:wrap;max-width:100%;justify-content:center}
}
.gear-cell{display:flex;flex-direction:column;align-items:center;gap:4px}
.gear-lbl{font-size:var(--fs-9);color:var(--text3);font-weight:600;text-align:center}
.gear-box{width:60px;height:60px;background:var(--bg3);border:1.5px solid var(--sep2);border-radius:var(--card-r);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .14s,transform .16s cubic-bezier(.34,1.56,.64,1)}
.gear-box.loading::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg3) 25%,rgba(255,255,255,.05) 50%,var(--bg3) 75%);background-size:200% 100%;animation:sh 1.3s infinite}
.gear-box img{width:100%;height:100%;object-fit:contain;display:block;opacity:0;transition:opacity .2s;position:relative;z-index:1}
.gear-box img.ok{opacity:1}
.gear-box .ei{font-size:var(--fs-20);color:var(--text3)}
.gear-box .gph{font-size:var(--fs-32);line-height:1;filter:grayscale(1) brightness(0) invert(1);opacity:.2;user-select:none;pointer-events:none}
.gear-box.ed{cursor:pointer}.gear-box.ed:hover{border-color:var(--blue);transform:scale(1.07)}
.gear-box.ed:hover::after{content:'변경';position:absolute;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;font-size:var(--fs-10);font-weight:700;color:#fff;font-family:var(--font);animation:none!important;z-index:2}
.gear-box.ed:active{transform:scale(.93)!important}
.gear-cell.is-empty .gear-box{opacity:.5;pointer-events:none}
.gear-cell.is-ph{visibility:hidden}

/* PICKER */
.picker-sheet{background:rgba(44,44,46,.98);backdrop-filter:blur(38px) saturate(1.8);border:1px solid rgba(255,255,255,.12);border-radius:var(--card-r);padding:18px;width:100%;max-width:560px;height:570px;display:flex;flex-direction:column;gap:8px;box-shadow:0 36px 70px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);animation:sin .2s cubic-bezier(.34,1.56,.64,1)}
.picker-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.picker-title{font-size:var(--fs-14);font-weight:800;letter-spacing:-.2px}
.picker-xbtn{width:26px;height:26px;border-radius:50%;border:none;background:rgba(255,255,255,.1);color:var(--text2);font-size:var(--fs-13);display:flex;align-items:center;justify-content:center;transition:all .14s}
.picker-xbtn:hover{background:color-mix(in srgb, var(--red) 20%, transparent);color:var(--red)}
.picker-row{display:flex;gap:7px;flex-shrink:0}
.picker-search{flex:1;background:var(--bg3);font-size:var(--fs-12)}
.picker-info{font-size:var(--fs-9);color:var(--text3);flex-shrink:0}
.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-auto-rows:108px;gap:5px;overflow-y:auto;flex:1}
.item-card{height:108px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border-radius:var(--card-r);border:1px solid var(--sep);background:rgba(255,255,255,.04);position:relative;transition:all .17s cubic-bezier(.34,1.56,.64,1)}
.item-card:hover{border-color:var(--blue);background:color-mix(in srgb, var(--c-df) 12%, transparent);transform:scale(1.06) translateY(-2px);box-shadow:0 5px 18px rgba(0,0,0,.38)}
.item-card:active{transform:scale(.94)!important}
.item-card img{width:62px;height:62px;object-fit:contain;opacity:0;transition:opacity .2s}
.item-card img.ok{opacity:1}
.iname{font-size:var(--fs-9);color:var(--text2);text-align:center;line-height:1.25;width:100%;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 역할 팝업 */
.role-sheet{background:rgba(44,44,46,.98);backdrop-filter:blur(38px) saturate(1.8);border:1px solid color-mix(in srgb, var(--c-sup) 18%, transparent);border-radius:var(--card-r);padding:22px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 36px 70px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);animation:sin .2s cubic-bezier(.34,1.56,.64,1)}
.role-media img{width:100%;border-radius:var(--card-r);margin-top:7px;max-height:240px;object-fit:contain;background:var(--bg3)}
.role-media iframe{width:100%;height:190px;border:none;border-radius:var(--card-r);margin-top:7px}
.role-save-btn{width:100%;padding:10px;background:var(--grad-primary);border:none;border-radius:var(--card-r);color:#fff;font-size:var(--fs-12);font-weight:700;font-family:var(--font);margin-top:12px;transition:opacity .14s,transform .15s cubic-bezier(.34,1.56,.64,1)}
.role-save-btn:hover{opacity:.9;transform:translateY(-1px)}
.role-save-btn:active{transform:scale(.96)!important}
.rl{display:block;font-size:var(--fs-11);font-weight:600;color:var(--text2);margin-top:11px;margin-bottom:4px}
.rl:first-child{margin-top:0}
.ri{background:var(--bg3);font-size:var(--fs-12)}

/* SIDEBAR */
.sidebar{display:flex;flex-direction:column;gap:8px}
.scard{background:var(--glass);backdrop-filter:blur(18px);border:1px solid var(--sep);border-radius:var(--card-r);padding:11px 13px;box-shadow:0 2px 10px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)}
.scard-title{font-size:var(--fs-9);font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--text3);margin-bottom:8px}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.stat{text-align:center;padding:3px 0}
.stat-val{font-size:var(--fs-20);font-weight:800;color:var(--gold);letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.stat-label{font-size:var(--fs-9);color:var(--text3);margin-top:1px}
.fill-bar{height:2px;background:rgba(255,255,255,.07);border-radius:2px;margin-top:8px;overflow:hidden}
.fill-inner{height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:2px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}
.guild-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--sep)}
.guild-row:last-child{border-bottom:none}
.guild-name{font-family:'SF Mono',monospace;font-weight:700;font-size:var(--fs-9)}
.guild-cnt{font-family:'SF Mono',monospace;font-size:var(--fs-11);font-weight:700}
.legend{display:flex;flex-direction:column;gap:4px}
.leg{display:flex;align-items:center;gap:6px;font-size:var(--fs-10);color:var(--text2)}
.leg-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;box-shadow:0 0 5px currentColor}
.loot-inp{margin-bottom:8px;background:var(--bg3);font-size:var(--fs-12)}
.dist-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-10);margin-bottom:3px}
.dist-name{font-family:'SF Mono',monospace;font-weight:700;font-size:var(--fs-9)}
.dist-val{color:var(--gold);font-family:'SF Mono',monospace;font-size:var(--fs-9)}
.hist-list{max-height:90px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}
.hist-row{font-size:var(--fs-9);display:flex;gap:5px}
.hist-time{font-family:'SF Mono',monospace;color:var(--text3);white-space:nowrap}
.hist-msg{color:var(--text2)}

/* 대기자 리스트 */
.wait-list{display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto;min-height:36px;border-radius:7px;border:1.5px solid transparent;transition:border-color .15s,background .15s,box-shadow .15s}
.wait-item{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid var(--sep);transition:all .14s;cursor:grab}
.wait-item:hover{background:color-mix(in srgb, var(--c-df) 6%, transparent);border-color:color-mix(in srgb, var(--c-df) 20%, transparent)}
.wait-item:active{cursor:grabbing}
.wait-drag-icon{font-size:var(--fs-10);color:var(--text3);flex-shrink:0}
.wait-nick{font-size:var(--fs-11);font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wait-guild{font-size:var(--fs-9);color:var(--text3);font-family:'SF Mono',monospace;flex-shrink:0}
.wait-del{width:18px;height:18px;border-radius:4px;border:none;background:transparent;color:var(--text3);font-size:var(--fs-11);display:flex;align-items:center;justify-content:center;transition:all .13s;flex-shrink:0}
.wait-del:hover{background:color-mix(in srgb, var(--red) 15%, transparent);color:var(--red)}
.wait-join-btn{width:100%;padding:7px;border-radius:var(--card-r);border:1px dashed color-mix(in srgb, var(--c-caller) 30%, transparent);background:transparent;color:color-mix(in srgb, var(--c-caller) 70%, transparent);font-size:var(--fs-10);font-weight:600;font-family:var(--font);margin-top:5px;transition:all .14s}
.wait-join-btn:hover{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb, var(--c-df) 8%, transparent)}
.late-list{display:flex;flex-direction:column;gap:4px}
.late-item{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;background:color-mix(in srgb, var(--c-bm) 7%, transparent);border:1px solid color-mix(in srgb, var(--c-bm) 22%, transparent)}
.late-item .wait-nick{flex:1}
.late-note{font-size:var(--fs-11);font-weight:700;color:var(--c-bm);flex-shrink:0}
.late-del{width:18px;height:18px;border-radius:4px;border:none;background:transparent;color:var(--text3);font-size:var(--fs-11);display:flex;align-items:center;justify-content:center;transition:all .13s;flex-shrink:0;cursor:pointer}
.late-del:hover{background:color-mix(in srgb, var(--red) 15%, transparent);color:var(--red)}
.late-btn-on{border-color:color-mix(in srgb, var(--c-bm) 60%, transparent)!important;color:var(--c-bm)!important;background:color-mix(in srgb, var(--c-bm) 10%, transparent)!important}

#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--glass);backdrop-filter:blur(18px);border:1px solid var(--sep2);color:var(--text);padding:8px 18px;border-radius:var(--card-r);font-size:var(--fs-11);font-weight:600;z-index:999;transition:opacity .23s;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.38)}
#toast.h{opacity:0}


/* 메모 편집 팝업 */
.mm-sheet{background:rgba(44,44,46,.98);backdrop-filter:blur(36px) saturate(1.8);border:1px solid rgba(255,255,255,.12);border-radius:var(--card-r);padding:20px;width:100%;max-width:400px;box-shadow:0 30px 60px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);animation:sin .2s cubic-bezier(.34,1.56,.64,1)}
.mm-title{font-size:var(--fs-14);font-weight:800;margin-bottom:12px;letter-spacing:-.2px}
.mm-ta{width:100%;background:var(--bg3);border:1px solid var(--sep2);border-radius:var(--card-r);color:var(--text);font-size:var(--fs-12);font-family:var(--font);resize:vertical;outline:none;padding:10px 12px;min-height:100px;line-height:1.6;transition:border-color .15s}
.mm-ta:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-df) 18%, transparent)}
.mm-btns{display:flex;gap:8px;margin-top:12px}
.mm-save{flex:1;padding:9px;background:var(--grad-primary);border:none;border-radius:var(--btn-r);color:#fff;font-size:var(--fs-12);font-weight:700;font-family:var(--font);cursor:pointer;transition:opacity .14s}
.mm-save:hover{opacity:.88}
.mm-cancel{padding:9px 16px;background:var(--bg3);border:1px solid var(--sep2);border-radius:var(--card-r);color:var(--text2);font-size:var(--fs-12);font-family:var(--font);cursor:pointer;transition:all .14s}
.mm-cancel:hover{background:var(--bg4);color:var(--text)}
/* 리기어 */
.reg-sheet{max-width:1040px;width:96vw;max-height:90vh;display:flex;flex-direction:column}
@keyframes statspin{to{transform:rotate(360deg)}}
.stat-empty{font-size:var(--fs-12);color:var(--text3)}
.stat-link{display:inline-block;margin-top:9px;font-size:var(--fs-10);color:#5aa8f5;text-decoration:none}
.stat-load2{display:flex;align-items:center;gap:8px;font-size:var(--fs-12);color:var(--text2);padding:18px 4px}
.spin{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.22);border-top-color:var(--blue);border-radius:50%;animation:statspin .7s linear infinite;vertical-align:-2px;flex-shrink:0}
.stat-load2 .spin{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--gold);border-radius:50%;animation:statspin .7s linear infinite;display:inline-block;flex-shrink:0}
/* VPS(서버) 길드 전적 카드 */
.vg-card{background:var(--card2,#2c2c2e);border:1px solid rgba(255,255,255,.06);border-radius:var(--card-r);padding:16px 18px;margin-bottom:14px}
.vg-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.vg-name{font-size:var(--fs-19);font-weight:800;letter-spacing:-.02em}
.vg-wr{font-size:var(--fs-24);font-weight:800;line-height:1}
.vg-wrl{font-size:var(--fs-11);color:var(--text3);font-weight:600;margin-left:5px}
.vg-stats{display:flex;gap:18px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}
.vg-st{display:flex;flex-direction:column;gap:2px}
.vg-st b{font-size:var(--fs-17);font-weight:800}
.vg-st span{font-size:var(--fs-10);color:var(--text3);font-weight:600}
.vg-scales{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.vg-sc{font-size:var(--fs-11);font-weight:700;padding:3px 9px;border:1px solid;border-radius:var(--card-r)}
.vg-listhd{font-size:var(--fs-12);font-weight:700;color:var(--text2);margin:4px 2px 8px}
.vg-list{display:flex;flex-direction:column;gap:1px;border-radius:var(--card-r);overflow:hidden}
.vg-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--card2,#2c2c2e);font-size:var(--fs-12)}
.vg-row:nth-child(even){background:rgba(255,255,255,.02)}
.vg-time{color:var(--text3);width:74px;flex-shrink:0;font-variant-numeric:tabular-nums}
.vg-scl{font-weight:700;width:48px;flex-shrink:0}
.vg-np{color:var(--text2);width:46px;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums}
.vg-kd{width:54px;flex-shrink:0;text-align:center;font-variant-numeric:tabular-nums}
.vg-mem{color:var(--text3);flex:1;font-size:var(--fs-11)}
.vg-w{color:var(--c-heal);font-weight:800;font-size:var(--fs-11);flex-shrink:0}
.vg-l{color:#ff7d7d;font-weight:800;font-size:var(--fs-11);flex-shrink:0}
@media(max-width:600px){.vg-mem{display:none}.vg-name{font-size:var(--fs-17)}.vg-wr{font-size:var(--fs-21)}}
.bt-scale{display:flex;gap:7px;margin-bottom:12px;flex-wrap:wrap}
.bt-more{display:flex;justify-content:center;padding:14px 0 6px}
.bt-more-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--card-r);border:1px solid var(--sep2);background:rgba(255,255,255,.05);color:var(--text2);font-size:var(--fs-12);font-weight:700;font-family:var(--font);cursor:pointer;transition:all .15s}
.bt-more-btn:hover{background:rgba(255,255,255,.1);color:var(--text)}
.bt-more-btn .spin{width:13px;height:13px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--gold);border-radius:50%;animation:statspin .7s linear infinite;display:inline-block}
.bt-more-end{font-size:var(--fs-11);color:var(--text3);padding:6px}
.bt-stab{flex:1;padding:9px;border-radius:7px;border:1px solid var(--sep2);background:transparent;color:var(--text2);font-size:var(--fs-12);font-weight:700;font-family:var(--font);cursor:pointer;transition:all .15s}
.bt-stab.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}.bt-scope{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.bt-scbtn{padding:6px 12px;border-radius:var(--card-r);border:1px solid var(--sep2);background:transparent;color:var(--text2);font-size:var(--fs-11);font-weight:700;font-family:var(--font);cursor:pointer;transition:all .15s}.bt-scbtn:hover{border-color:var(--sep);color:var(--text)}.bt-scbtn.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.bt-scope{position:relative;margin-bottom:12px}
.bt-scsel{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:var(--card-r);border:1px solid var(--sep2);background:rgba(255,255,255,.03);color:var(--text);font-size:var(--fs-12);font-weight:700;font-family:var(--font);cursor:pointer;transition:all .15s}
.bt-scsel:hover{border-color:var(--sep);background:rgba(255,255,255,.06)}
.bt-scsel-ar{font-size:var(--fs-9);color:var(--text3);transition:transform .15s}
.bt-scope.open .bt-scsel-ar{transform:rotate(180deg)}
.bt-scmenu{display:none;position:absolute;top:calc(100% + 5px);left:0;z-index:30;min-width:160px;background:var(--pop-bg);border:1px solid var(--sep);border-radius:var(--card-r);padding:5px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.bt-scope.open .bt-scmenu{display:block}
.bt-scmi{display:block;width:100%;text-align:left;padding:7px 11px;border:none;border-radius:7px;background:transparent;color:var(--text2);font-size:var(--fs-12);font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap}
.bt-scmi:hover{background:rgba(255,255,255,.06);color:var(--text)}
.bt-scmi.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.gsum-scopebar{margin-bottom:4px}
.gsum-scopebar .bt-scope{margin-bottom:0}
.gsum-scopebar .bt-scsel{display:flex;width:100%;box-sizing:border-box;padding:10px 13px;border-radius:var(--card-r);border:1px solid color-mix(in srgb, var(--c-df) 40%, transparent);background:color-mix(in srgb, var(--c-df) 10%, transparent);font-size:var(--fs-13)}
.gsum-scopebar .bt-scsel:hover{border-color:var(--blue);background:color-mix(in srgb, var(--c-df) 16%, transparent)}
.gsum-scopebar .bt-scsel-lbl{font-size:var(--fs-10);color:var(--text3);font-weight:700;flex-shrink:0}
.gsum-scopebar .bt-scsel-t{flex:1;min-width:0;text-align:left;font-weight:800;color:var(--sel-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gsum-scopebar .bt-scsel-ar{flex-shrink:0;color:var(--sel-fg)}
.gsum-scopebar .bt-scmenu{left:0;right:0;width:auto;min-width:0}
#admin-modal{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:18px}#admin-modal.hidden{display:none}.adm-shell{width:min(960px,96vw);max-height:92vh;display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--sep2);border-radius:var(--card-r);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.adm-hd{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--sep);font-size:var(--fs-16)}.adm-hd .adm-who{font-size:var(--fs-11);color:var(--c-bm);background:color-mix(in srgb, var(--c-bm) 12%, transparent);padding:2px 8px;border-radius:var(--card-r)}.adm-x{margin-left:auto;background:none;border:none;color:var(--text3);font-size:var(--fs-16);cursor:pointer}.adm-bd{padding:14px 16px;overflow:auto}.adm-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.adm-tab{padding:7px 13px;border-radius:var(--card-r);border:1px solid var(--sep2);background:transparent;color:var(--text2);font-size:var(--fs-12);font-weight:700;font-family:var(--font);cursor:pointer}.adm-tab.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}.adm-load,.adm-empty{text-align:center;color:var(--text3);font-size:var(--fs-12-5);padding:26px 0}.adm-card{background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:12px 14px;margin-bottom:10px}.adm-h{font-size:var(--fs-12);font-weight:800;color:var(--text2);margin-bottom:8px}.adm-drow{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:var(--fs-12-5);border-bottom:1px dashed var(--sep)}.adm-drow span{color:var(--text3)}.adm-drow b{color:var(--text);text-align:right;word-break:break-all}.adm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.adm-btn{padding:8px 13px;border-radius:var(--btn-r);border:1px solid var(--sep2);background:var(--bg2);color:var(--text);font-size:var(--fs-12);font-weight:700;font-family:var(--font);cursor:pointer}.adm-btn.primary{background:var(--grad-primary);border:none;color:#fff}.adm-ta{width:100%;min-height:64px;resize:vertical;padding:9px 11px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg2);color:var(--text);font-family:var(--font);font-size:var(--fs-13);box-sizing:border-box;margin-bottom:8px}.adm-note{font-size:var(--fs-12);color:var(--text2);margin-bottom:10px}.adm-roomwrap{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:12px}@media(max-width:680px){.adm-roomwrap{grid-template-columns:1fr}}.adm-roomlist{max-height:62vh;overflow:auto;display:flex;flex-direction:column;gap:7px}.adm-room{background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:9px 11px;cursor:pointer;transition:all .12s}.adm-room:hover{border-color:var(--sep2)}.adm-room.on{border-color:var(--sel-bd);background:var(--sel-bg)}.adm-room-t{font-size:var(--fs-13);font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-room-m{font-size:var(--fs-10-5);color:var(--text3);margin-top:2px}.adm-room-s{font-size:var(--fs-10-5);color:var(--blue);margin-top:3px}.adm-roomview{max-height:62vh;overflow:auto;background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:12px}.adm-pv-hd{display:flex;flex-direction:column;gap:3px;padding-bottom:10px;border-bottom:1px solid var(--sep);margin-bottom:10px}.adm-pv-hd b{font-size:var(--fs-15)}.adm-pv-hd span{font-size:var(--fs-11);color:var(--text3)}.adm-pv-tmpl{font-size:var(--fs-12);font-weight:800;color:var(--c-bm);margin:10px 0 6px}.adm-pv-party{border:1px solid var(--sep);border-radius:var(--card-r);padding:8px 10px;margin-bottom:8px}.adm-pv-pt{font-size:var(--fs-12);font-weight:700;color:var(--text2);margin-bottom:6px}.adm-pv-slot{display:flex;gap:8px;align-items:center;padding:3px 0;font-size:var(--fs-12)}.adm-pv-w{flex-shrink:0;min-width:84px;color:var(--purple);font-weight:600}.adm-pv-n{color:var(--text)}.adm-pv-g{color:var(--text3);font-size:var(--fs-10-5)}.adm-msg{display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:1px solid var(--sep)}.adm-msg.notice{background:color-mix(in srgb, var(--c-bm) 8%, transparent);border-radius:var(--card-r);padding:7px 9px;border:1px solid color-mix(in srgb, var(--c-bm) 30%, transparent);margin-bottom:5px}.adm-msg-t{flex:1;font-size:var(--fs-12-5);color:var(--text);white-space:pre-wrap;word-break:break-word}.adm-msg-m{font-size:var(--fs-10);color:var(--text3);white-space:nowrap}.adm-del{background:none;border:none;color:var(--text3);font-size:var(--fs-13);cursor:pointer;flex-shrink:0}.adm-statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.adm-chartgrid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:10px}
.adm-chartgrid .adm-card{margin-bottom:0;overflow:visible}
.adm-chartgrid .ch2-bar{max-width:46px}
.adm-chartgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}
.adm-chartgrid3 .adm-card{margin-bottom:0;overflow:visible}
@media(max-width:680px){.adm-chartgrid3{grid-template-columns:1fr}}
.adm-tabs2{display:flex;gap:6px;margin-bottom:14px;border-bottom:1px solid var(--sep);padding-bottom:10px;flex-wrap:wrap}
.adm-tbtn{padding:8px 16px;border-radius:var(--card-r);border:1px solid var(--sep2);background:transparent;color:var(--text2);font-size:var(--fs-13);font-weight:700;font-family:var(--font);cursor:pointer}
.adm-tbtn.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.adm-live-tbl{display:flex;flex-direction:column;gap:0;border:1px solid var(--sep);border-radius:var(--card-r);overflow:hidden}
.adm-live-row{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 0.7fr;gap:8px;padding:10px 13px;border-top:1px solid var(--sep);font-size:var(--fs-12-5);align-items:center}
.adm-live-row:first-child{border-top:none}
.adm-live-hd{background:var(--bg3);font-weight:800;color:var(--text2);font-size:var(--fs-11-5)}
.adm-live-nm{font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-live-g{color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-live-pg{color:var(--c-heal);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-live-t{color:var(--text3);text-align:right;white-space:nowrap}
.adm-places-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:var(--fs-12-5);color:var(--text2)}
.adm-onbadge{font-size:var(--fs-10);font-weight:800;color:var(--c-heal);background:color-mix(in srgb, var(--c-heal) 14%, transparent);border-radius:var(--card-r);padding:1px 7px;margin-left:4px}
.adm-statbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}.adm-stat{background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:16px 12px;text-align:center}.adm-stat-v{font-size:var(--fs-26);font-weight:800;color:var(--c-bm)}.adm-stat-l{font-size:var(--fs-11-5);color:var(--text2);margin-top:4px}.adm-stat-s{font-size:var(--fs-10);color:var(--text3);margin-top:2px}.adm-legend{font-size:var(--fs-10-5);margin-bottom:4px;display:flex;gap:12px}.adm-hbwrap{display:flex;flex-direction:column;gap:7px}.adm-hb{display:flex;align-items:center;gap:8px;font-size:var(--fs-11-5)}.adm-hb-l{flex-shrink:0;width:84px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-hb-t{flex:1;height:14px;background:var(--bg2);border-radius:7px;overflow:hidden}.adm-hb-f{height:100%;border-radius:7px;min-width:2px;transition:width .4s}.adm-hb-v{flex-shrink:0;width:28px;text-align:right;color:var(--text);font-weight:700}.ch-tip{position:fixed;z-index:200;pointer-events:none;background:var(--bg2);border:1px solid var(--sep2);border-radius:var(--card-r);padding:5px 10px;font-size:var(--fs-11);box-shadow:0 6px 18px rgba(0,0,0,.45);display:none;font-family:var(--font);text-align:center}.ch-tip b{color:var(--c-bm);font-size:var(--fs-15);display:block;line-height:1.1}.ch-tip span{color:var(--text3);font-size:var(--fs-10)}.ch2{margin-top:8px}.ch2-plot{position:relative;width:100%;box-sizing:border-box}.ch2-inner{position:absolute;left:22px;right:4px;top:0;bottom:0}.ch2-grid{position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--sep)}.ch2-gl{position:absolute;left:0;font-size:var(--fs-9);color:var(--text3);transform:translateY(-50%);font-weight:700}.ch2-bars{position:absolute;inset:0;display:flex;align-items:flex-end;gap:2px}.ch2-bcol{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0;cursor:pointer}.ch2-bar{width:72%;max-width:30px;border-radius:3px 3px 0 0;min-height:2px;transition:height .3s}.ch2-bval{font-size:var(--fs-11-5);color:var(--text);font-weight:800;margin-bottom:2px;white-space:nowrap}.ch2-lineplot .ch2-inner{border-bottom:1px solid var(--sep)}.ch2-svg{position:absolute;inset:0;width:100%;height:100%}.ch2-dot{position:absolute;transform:translate(-50%,50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:2}.ch2-dot i{width:9px;height:9px;border-radius:50%;display:block;box-shadow:0 0 0 2px var(--bg3)}.ch2-dot-sm{z-index:1}.ch2-dot-sm i{width:5px;height:5px;box-shadow:0 0 0 1.5px var(--bg3);opacity:.8}.ch2-dval{position:absolute;bottom:13px;font-size:var(--fs-11-5);color:var(--text);font-weight:800;white-space:nowrap;text-shadow:0 1px 3px var(--bg3),0 0 3px var(--bg3)}.ch2-axis{display:flex;padding:6px 4px 0 22px}.ch2-axis>span{flex:1;text-align:center;font-size:var(--fs-9);color:var(--text3);white-space:nowrap;overflow:hidden}.ntc-page{max-width:1400px;margin:0 auto;padding:16px}.ntc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:760px){.ntc-wrap{grid-template-columns:1fr}}.ntc-col{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:14px}.ntc-h{font-size:var(--fs-15);font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ntc-sub{font-size:var(--fs-11);font-weight:600;color:var(--text3)}.ntc-empty,.ntc-load{text-align:center;color:var(--text3);font-size:var(--fs-12-5);padding:24px 0}.ntc-comp{background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:10px;margin-bottom:12px}.ntc-in{width:100%;padding:7px 9px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg2);color:var(--text);font-family:var(--font);font-size:var(--fs-12-5);box-sizing:border-box;margin-bottom:6px}.ntc-ta{width:100%;min-height:60px;resize:vertical;padding:7px 9px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg2);color:var(--text);font-family:var(--font);font-size:var(--fs-12-5);box-sizing:border-box;margin-bottom:6px}.ntc-post{width:100%;padding:8px;border-radius:var(--card-r);border:none;background:var(--grad-primary);color:#fff;font-weight:700;font-family:var(--font);font-size:var(--fs-12-5);cursor:pointer}.ntc-card{background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:11px 13px;margin-bottom:9px}.ntc-t{font-size:var(--fs-13-5);font-weight:800;color:var(--text);margin-bottom:4px}.ntc-x{font-size:var(--fs-12-5);color:var(--text);white-space:pre-wrap;word-break:break-word;line-height:1.5}.ntc-m{font-size:var(--fs-10);color:var(--text3);margin-top:7px;display:flex;align-items:center;gap:8px;justify-content:space-between}.ntc-del{background:none;border:1px solid var(--sep2);color:var(--text3);font-size:var(--fs-10);border-radius:6px;padding:2px 7px;cursor:pointer}.ntc-tabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:1px solid var(--sep);padding-bottom:0}.ntc-tab{padding:10px 18px;border:none;background:none;color:var(--text3);font-size:var(--fs-13-5);font-weight:700;font-family:var(--font);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.ntc-tab.on{color:var(--text);border-bottom-color:var(--blue)}.ntc-req{margin-top:22px;border-top:1px solid var(--sep);padding-top:16px}.ntc-reqh{font-size:var(--fs-14);font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.req-card{background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:10px 12px;margin-bottom:8px}.req-x{font-size:var(--fs-12-5);color:var(--text);white-space:pre-wrap;word-break:break-word;line-height:1.5}.req-m{font-size:var(--fs-10);color:var(--text3);margin-top:6px;display:flex;align-items:center;gap:8px;justify-content:space-between}.ntc-bar{display:flex;justify-content:flex-end;margin-bottom:10px}.ntc-write{padding:8px 16px;border-radius:var(--card-r);border:none;background:var(--grad-primary);color:#fff;font-size:var(--fs-12-5);font-weight:700;font-family:var(--font);cursor:pointer}.ntc-compose{margin-bottom:14px}.ntc-board{display:flex;flex-direction:column;gap:9px}.gp-results{display:none;position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:50;background:var(--bg2);border:1px solid var(--sep2);border-radius:var(--card-r);box-shadow:0 10px 30px rgba(0,0,0,.5);max-height:240px;overflow:auto}.gp-item{padding:9px 11px;cursor:pointer;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--sep)}.gp-item:last-child{border-bottom:none}.gp-item:hover{background:var(--bg3)}.gp-name{font-size:var(--fs-12-5);font-weight:700;color:var(--text)}.gp-ally{font-size:var(--fs-10-5);color:var(--text3)}.gp-load,.gp-empty{padding:12px;text-align:center;color:var(--text3);font-size:var(--fs-11-5)}.gp-load{display:flex;align-items:center;justify-content:center;gap:6px}.gp-spin{width:13px;height:13px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--gold);border-radius:50%;animation:statspin .7s linear infinite;display:inline-block;flex-shrink:0}.gp-badge{width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:var(--fs-10-5);font-weight:800;letter-spacing:.3px;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--sep2),0 1px 3px rgba(0,0,0,.3)}.gp-badge.sm{width:15px;height:15px;border-radius:4px;font-size:var(--fs-7-5);vertical-align:middle;margin-right:4px}#gchg-modal.hidden{display:none!important}.sl-wrap{max-width:680px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px}.sl-card{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:14px}.sl-h{font-size:var(--fs-14);font-weight:800;margin-bottom:10px}.sl-row{display:flex;gap:6px}.sl-btn{padding:9px 14px;border-radius:var(--btn-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text);font-family:var(--font);font-size:var(--fs-12-5);font-weight:700;cursor:pointer}.sl-btn.primary{background:var(--grad-primary);border:none;color:#fff}.sl-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);margin-bottom:7px;cursor:pointer}.sl-item:hover{border-color:var(--sep2)}.sl-item-t{flex:1;min-width:0;font-size:var(--fs-13);font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-item-sub{flex-shrink:0;font-size:var(--fs-10-5);color:var(--text3);margin-left:6px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-refresh{margin-left:auto;background:none;border:1px solid var(--sep2);color:var(--text3);border-radius:7px;padding:1px 8px;cursor:pointer;font-size:var(--fs-13)}#joinpw-modal.hidden,#newsheet-modal.hidden{display:none!important}.sl-item-m{font-size:var(--fs-10-5);color:var(--text3);margin-left:auto;flex-shrink:0;font-family:monospace}.sl-empty{font-size:var(--fs-12);color:var(--text3);padding:8px 2px}.adm-range{display:flex;gap:6px;margin-bottom:12px}.adm-rbtn.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.bt-card{border:1px solid transparent;border-left:3px solid var(--sep2);border-radius:var(--card-r);padding:10px 13px;margin-bottom:8px;background:rgba(255,255,255,.025);cursor:default;transition:all .15s;scroll-margin-top:56px}
.bt-card.bt-r-win{border-left-color:var(--win)}
.bt-card.bt-r-lose{border-left-color:var(--loss)}
.bt-card.bt-r-draw{border-left-color:var(--sep2)}
.bt-card .bt-top,.bt-card .bt-mid,.bt-card .bt-left{cursor:pointer}
.bt-card:hover{background:rgba(255,255,255,.055);transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px var(--hov-ring),0 4px 16px rgba(0,0,0,.25)}
/* 펼친 배틀 카드는 카드 전체 호버링 끔 — 안쪽 섹션(sharebox)만 개별 호버 */
.bt-card:has(.bt-detail[data-open="1"]):hover{transform:none!important;background:rgba(255,255,255,.025)!important;box-shadow:0 4px 16px rgba(0,0,0,.22)!important}
.bt-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.bt-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.bt-res{font-size:var(--fs-15);font-weight:900;padding:3px 13px;border-radius:var(--card-r);letter-spacing:1px}
.bt-win{background:color-mix(in srgb, var(--c-heal) 22%, transparent);color:var(--c-heal)}
.bt-lose{background:color-mix(in srgb, var(--red) 22%, transparent);color:var(--loss)}
.bt-draw{background:rgba(255,255,255,.12);color:var(--text2)}
.bt-time{font-size:var(--fs-12);font-weight:600;color:var(--text3)}
.bt-loc{font-size:var(--fs-10);color:var(--text3);background:rgba(0,0,0,.3);padding:1px 7px;border-radius:5px}
.bt-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;text-align:right}
.bt-match{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-12);flex-wrap:wrap;justify-content:flex-end}
.bt-mg-side{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.bt-mg-side .bt-mg-chip{flex-shrink:0}
.bt-mg-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--card-r);background:rgba(255,255,255,.06);border:1px solid var(--sep2);cursor:help}
.bt-mg-chip .bt-mg-g{font-size:var(--fs-13);font-weight:800;white-space:nowrap}
.bt-mg-more{opacity:.55;font-weight:700;font-size:var(--fs-10);white-space:nowrap;flex-shrink:0}
.bt-mg-n{font-size:var(--fs-10);font-weight:700;color:var(--text3);font-variant-numeric:tabular-nums}
.bt-mg-side.our .bt-mg-chip{border-color:color-mix(in srgb, var(--c-heal) 35%, transparent);background:color-mix(in srgb, var(--c-heal) 8%, transparent)}
.bt-mg-side.foe .bt-mg-chip{border-color:color-mix(in srgb, var(--red) 30%, transparent);background:color-mix(in srgb, var(--red) 7%, transparent)}
.bt-mg-ally{font-size:var(--fs-10);font-weight:600;opacity:.5;white-space:nowrap;flex-shrink:0;margin-right:1px}
.bt-mg-paren{font-size:var(--fs-11);opacity:.4;flex-shrink:0}
.bt-mg-guilds{font-size:var(--fs-12-5);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.bt-mg-sep{opacity:.45;font-weight:600}
.bt-mg-side.our .bt-mg-g{color:var(--win)}
.bt-mg-side.foe .bt-mg-g{color:var(--loss)}
.bt-mg-vs{color:var(--text3);font-size:var(--fs-10-5);font-weight:700;flex-shrink:0}
.bt-merged{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:var(--card-r);background:rgba(255,255,255,.04);border:1px solid var(--sep2);color:var(--text3);font-size:var(--fs-9-5);font-weight:600;cursor:help;flex-shrink:0;opacity:.75}
.bt-card-merged{border-left:3px solid color-mix(in srgb, var(--c-bm) 50%, transparent)}
.bt-merge-sep{margin:14px 0 8px;padding:5px 10px;border-radius:var(--card-r);background:color-mix(in srgb, var(--c-bm) 10%, transparent);border:1px solid color-mix(in srgb, var(--c-bm) 25%, transparent);font-size:var(--fs-11);font-weight:800;color:var(--c-bm);text-align:center}
.bt-men{display:inline-flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums}
.bt-men .bt-k{font-size:var(--fs-14);font-weight:800;color:var(--text)}
.bt-men .bt-d{font-size:var(--fs-14);font-weight:800;color:var(--text)}
.bt-men .bt-kdsl{font-size:var(--fs-10);color:var(--text3);font-weight:700;margin:0 3px}
.bt-men-u{font-size:var(--fs-10);color:var(--text3)}
.bt-top-r{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;flex-shrink:0;text-align:right}
.bt-mid{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.bt-kd{font-size:var(--fs-13);color:var(--text2);font-weight:700;display:inline-flex;align-items:baseline;gap:3px;flex-shrink:0}
.bt-kd .bt-k{font-size:var(--fs-24);font-weight:900;color:var(--win);font-variant-numeric:tabular-nums}
.bt-kd .bt-d{font-size:var(--fs-24);font-weight:900;color:var(--loss);font-variant-numeric:tabular-nums}
.bt-kdu{font-size:var(--fs-11);color:var(--text3);margin-left:1px}
.bt-kd-lbl{font-size:var(--fs-10);color:var(--text3);letter-spacing:.5px}
.bt-enemy{color:var(--text3)}
.bt-detail{margin-top:0}
.bt-detail-inner{margin-top:12px;padding-top:12px;border-top:1px solid var(--sep)}
.bt-d-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}
.bt-d-k{font-size:var(--fs-10);color:var(--text3)}
.bt-d-v{font-size:var(--fs-15);font-weight:800;color:var(--text);margin-right:6px}
.bt-d-comp{margin-bottom:8px}
.bt-wchip{display:inline-block;font-size:var(--fs-10);background:rgba(0,0,0,.3);border:1px solid var(--sep2);border-radius:6px;padding:3px 8px;margin:0 5px 5px 0;color:var(--text2)}
.bt-d-note{font-size:var(--fs-11);color:var(--text3);opacity:.85;line-height:1.55}
.bt-sides{display:flex;align-items:stretch;gap:10px}
.bt-foe-multi{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.bt-foe-multi .bt-side{flex:none}
.bt-side-ally{display:block;font-size:var(--fs-12);font-weight:800;color:var(--loss);line-height:1.2}
.bt-side-gl{display:block;font-size:var(--fs-10);font-weight:600;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-side-note{margin-top:11px;padding:9px 10px;border-radius:var(--card-r);background:rgba(255,255,255,.04);border:1px solid var(--sep2);font-size:var(--fs-10);line-height:1.6;color:var(--text3)}
.bt-sides-note{margin-top:11px;padding:9px 12px;border-radius:var(--card-r);background:rgba(255,255,255,.04);border:1px solid var(--sep2);font-size:var(--fs-10-5);line-height:1.6;color:var(--text3);overflow-wrap:anywhere;word-break:break-word}
.bt-side-note b{color:var(--text2);font-weight:700}
.bt-side{flex:1;min-width:0;background:rgba(255,255,255,.03);border:1px solid var(--sep2);border-radius:var(--card-r);padding:13px 14px}
.bt-side.our{border-color:color-mix(in srgb, var(--c-heal) 40%, transparent)}
.bt-side.foe{border-color:color-mix(in srgb, var(--red) 35%, transparent)}
.bt-vsmid{align-self:center;font-size:var(--fs-13);font-weight:800;color:var(--text3);padding:0 2px}
.bt-side-h{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-bottom:3px}
.bt-side-name{font-size:var(--fs-13);font-weight:800;color:var(--text2);min-width:0;overflow:hidden}
.bt-side.our .bt-side-name{color:var(--c-heal)}
.bt-side.foe .bt-side-name{color:var(--loss)}
.bt-side-cnt{font-size:var(--fs-27);font-weight:800;color:var(--text);line-height:1}
.bt-side-cnt small{font-size:var(--fs-12);font-weight:600;color:var(--text3);margin-left:2px}
.bt-side-sub{font-size:var(--fs-11);color:var(--text3);margin-bottom:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt-side-kd{display:flex;align-items:baseline;gap:4px;margin:-3px 0 10px;font-variant-numeric:tabular-nums}
.bt-side-kd b{font-size:var(--fs-18);font-weight:900;line-height:1}
.bt-side-kd .bt-k{color:var(--win)}.bt-side-kd .bt-d{color:var(--loss);margin-left:5px}
.bt-side-kdu{font-size:var(--fs-10);font-weight:700;color:var(--text3)}
.bt-wgrid{display:flex;flex-wrap:wrap;gap:5px}
.bt-wi{position:relative;width:40px;height:40px;border-radius:var(--card-r);background:rgba(0,0,0,.35);border:1px solid var(--sep2);display:inline-flex;align-items:center;justify-content:center;cursor:default}
.bt-wi img{width:38px;height:38px;object-fit:contain;display:block}
.bt-wi i{position:absolute;right:-3px;bottom:-3px;font-style:normal;font-size:var(--fs-9);font-weight:800;background:var(--bg2,#1c1c1e);color:var(--text);border:1px solid var(--sep2);border-radius:7px;min-width:13px;height:13px;line-height:12px;text-align:center;padding:0 2px}
.bt-wi .bt-wq{font-size:var(--fs-15);font-weight:800;color:var(--text3)}
.bt-wi-more{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:var(--card-r);background:rgba(255,255,255,.05);border:1px dashed var(--sep2);font-size:var(--fs-11);font-weight:800;color:var(--text2)}
.bt-wi-na{border-style:dashed!important;background:rgba(255,255,255,.03)!important}
.bt-wi-na::after{content:'';font-size:var(--fs-15);color:var(--text3);opacity:.3}
.bt-sec-t{font-size:var(--fs-14);font-weight:800;color:var(--text);margin:16px 0 8px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.bt-sec{margin:8px 0;border-radius:var(--card-r);transition:box-shadow .12s}
.bt-sec:hover{box-shadow:0 0 0 1.5px var(--hov-ring)} /* 우클릭 공유: 섹션별 개별 단위임을 표시 */
.bt-summary{display:flex;align-items:center;justify-content:space-between;gap:14px} /* 좌(시각+매치업)/우(인원+킬데스) 2열. 호버 링은 .bt-card에 있어 카드에 딱 맞음 */
/* 범용 공유 단위: 어떤 표/카드든 .sharebox 붙이면 우클릭으로 개별 이미지+링크 공유 */
.sharebox{border-radius:var(--card-r);transition:box-shadow .12s;cursor:context-menu}
.sharebox:hover{box-shadow:0 0 0 1px var(--hov-ring)}
.bt-sec-toggle{cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px;margin:0;padding:11px 14px;
  background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);font-size:var(--fs-13-5);font-weight:800;color:var(--text);
  transition:background .15s,border-color .15s}
.bt-sec-toggle:hover{background:var(--bg2);border-color:var(--sep2)}
.bt-sec-arrow{margin-left:auto;font-size:var(--fs-12);color:var(--text2);transition:transform .2s;flex-shrink:0;
  width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--bg2)}
.bt-sec-toggle:hover .bt-sec-arrow{color:var(--blue)}
.bt-sec-closed .bt-sec-arrow{transform:rotate(-90deg)}
.bt-sec-body{padding:10px 2px 4px}
.bt-sec-closed .bt-sec-body{display:none}
/* 킬보드식 전투상세 표 */
.kb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:760px){.kb-grid{grid-template-columns:1fr}}
.kb-tbl{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);overflow:hidden}
.kb-th,.kb-row{display:grid;grid-template-columns:1fr 36px 32px 36px 42px 56px;align-items:center;gap:4px;padding:7px 10px;font-size:var(--fs-12)}
.kb-th{font-size:var(--fs-10-5);color:var(--text3);font-weight:700;border-bottom:1px solid var(--sep);background:rgba(255,255,255,.03)}
.kb-row{border-top:1px solid rgba(255,255,255,.04)}
.kb-grow{cursor:pointer}
.kb-grow:hover{background:rgba(255,255,255,.05)}
.kb-grow.kb-open{background:color-mix(in srgb, var(--c-df) 10%, transparent)}
.kb-mine{background:color-mix(in srgb, var(--c-heal) 8%, transparent)}
.kb-nm{font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
.kb-sub{font-size:var(--fs-9);color:var(--text3);font-weight:600}
.kb-c{text-align:right;color:var(--text2)}
.kb-k{color:var(--c-heal);font-weight:700}.kb-d{color:var(--loss);font-weight:700}.kb-f{color:var(--c-caller);font-size:var(--fs-11)}
.kb-phead,.kb-prow{display:grid;grid-template-columns:minmax(84px,1fr) 42px 30px 32px 48px 48px 52px;align-items:center;gap:3px;padding:7px 9px;font-size:var(--fs-12)}
.kb-c.kb-dl{color:var(--loss)}.kb-c.kb-hl{color:var(--c-heal)}
.kb-phead{font-size:var(--fs-10-5);color:var(--text3);font-weight:700;background:rgba(255,255,255,.03);border:1px solid var(--sep);border-bottom:none;border-radius:var(--card-r) 10px 0 0;margin-top:6px}
.kb-prow{border:1px solid var(--sep);border-top:none;background:var(--bg2)}
.kb-pn{font-weight:700;color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-pn:hover,.kb-nm[data-gn]:hover,.kb-pg[data-gn]:hover{color:var(--blue)}
.kb-pg{font-size:var(--fs-11);color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-pg[data-gn]{cursor:pointer}
.kb-pager{display:flex;gap:4px;flex-wrap:wrap;padding:10px;justify-content:center}
.kb-pgbtn{background:rgba(255,255,255,.06);border:1px solid var(--sep2);color:var(--text2);border-radius:7px;min-width:26px;padding:4px 7px;font-size:var(--fs-12);cursor:pointer}
.kb-pgbtn.on{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}
.kb-setup{background:rgba(0,0,0,.22);padding:0 10px;border-top:1px solid rgba(255,255,255,.05);overflow:hidden;max-height:0;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,padding .3s ease}
.kb-setup.open{max-height:1600px;opacity:1;padding:6px 10px}
.kb-gname{display:inline-block;align-self:flex-start;max-width:100%;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-gname:hover{color:var(--blue);text-decoration:underline}
.bt-detail{cursor:default}
.comp-card{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:10px 14px;margin-bottom:12px}
.comp-h{font-size:var(--fs-12-5);font-weight:800;color:var(--text2);margin-bottom:6px}
.comp-body{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.comp-body-dia{justify-content:center}
.comp-dia{width:140px;height:140px;flex:0 0 auto}
.comp-ax{font-size:var(--fs-10);font-weight:700}
.comp-info{flex:1;min-width:140px}
.comp-style{font-size:var(--fs-16);font-weight:800;color:var(--text);margin-bottom:8px}
.comp-bar{height:8px;border-radius:5px;background:#6aa9e9;overflow:hidden;position:relative}
.comp-bar i{display:block;height:100%;background:#ffb454}
.comp-bk{display:flex;justify-content:space-between;font-size:var(--fs-11-5);font-weight:700;margin-top:5px}
.comp-fams{display:flex;flex-direction:column;gap:6px;margin-top:2px;flex:1;min-width:160px}
.comp-fr{display:grid;grid-template-columns:78px 1fr 56px;align-items:center;gap:9px}
.comp-fn{font-size:var(--fs-12);font-weight:700;color:var(--text2);white-space:nowrap}
.comp-fbar{height:9px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden}
.comp-fbar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#5aa9ff,#8ec5ff)}
.comp-fv{font-size:var(--fs-12);font-weight:800;color:var(--text);text-align:right}
.comp-fv small{font-size:var(--fs-10);font-weight:700;color:var(--text3)}
.kb-setrow{display:flex;align-items:center;gap:8px;padding:3px 0}
.kb-setn{font-size:var(--fs-11);color:var(--text2);min-width:84px;max-width:84px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-setg{display:flex;gap:3px;flex-wrap:wrap}
.kb-gi{width:26px;height:26px;border-radius:5px;background:rgba(0,0,0,.3);object-fit:contain}
.kb-gi-x{display:inline-block;width:26px;height:26px;border-radius:5px;background:rgba(255,255,255,.04)}
.kb-gi2{width:38px;height:38px;border-radius:7px;background:rgba(0,0,0,.3);object-fit:contain}
.kb-gi2.kb-gi-x{display:inline-block;width:38px;height:38px;border-radius:7px;background:rgba(255,255,255,.04)}
.kb-setup .kb-setrow{gap:12px;padding:5px 0}
.kb-setup .kb-setn{min-width:110px;max-width:110px;font-size:var(--fs-12)}
.kb-setup .kb-setg{gap:5px}
.kb-sort{cursor:pointer;user-select:none}
.kb-sort:hover{color:var(--text)}
.kb-sort.on{color:var(--blue)}
.kb-nmh{text-align:left}
.kb-pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px}/* 컨테이너 좁으면 1열로 자동 스택(헤더 겹침 방지) */
.kb-pgrid.one{grid-template-columns:1fr}
@media(max-width:760px){.kb-pgrid{grid-template-columns:1fr}.kb-phead,.kb-prow{min-width:max-content}}
.kb-pcol{min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.kb-phead.our .kb-pn{color:var(--c-heal)}
.kb-phead.foe .kb-pn{color:var(--loss)}
.kb-pempty{padding:12px;text-align:center;color:var(--text3);font-size:var(--fs-11);border:1px solid var(--sep);border-top:none;background:var(--bg2)}
.bt-share{background:rgba(255,255,255,.06);border:1px solid var(--sep2);color:var(--text2);border-radius:var(--card-r);font-size:var(--fs-12);padding:2px 8px;cursor:pointer;margin-left:8px;line-height:1.4;transition:background .12s,color .12s,border-color .12s;flex-shrink:0}
.bt-share:hover{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}
.bt-share-card{margin-left:auto}
.share-cmenu{position:fixed;z-index:100060;display:none;background:#141d2e;border:1px solid var(--sep2);border-radius:var(--card-r);padding:5px;box-shadow:0 12px 36px rgba(0,0,0,.55);min-width:168px}
html.theme-light .share-cmenu{background:#fff}
.share-cmenu button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);font-size:var(--fs-13);font-weight:600;padding:9px 12px;border-radius:7px;cursor:pointer;font-family:var(--font)}
.share-cmenu button:hover{background:var(--blue);color:#fff}
.share-modal{position:fixed;inset:0;z-index:100050;background:rgba(0,0,0,.64);display:flex;align-items:center;justify-content:center;padding:18px}
.share-modal.hidden{display:none}
.share-box{background:var(--bg2);border:1px solid var(--sep2);border-radius:var(--card-r);max-width:560px;width:100%;max-height:92vh;overflow:auto;padding:16px;box-shadow:0 18px 60px rgba(0,0,0,.6)}
.share-h{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-15);margin-bottom:12px;color:var(--text)}
.share-x{background:none;border:none;color:var(--text2);font-size:var(--fs-16);cursor:pointer}
.share-imgwrap{background:#0e0e11;border:1px solid var(--sep);border-radius:var(--card-r);padding:8px;text-align:center}
.share-imgwrap img{max-width:100%;max-height:52vh;border-radius:var(--card-r);vertical-align:middle}
.share-acts{display:flex;gap:8px;margin-top:12px}
.share-linkrow{display:flex;gap:8px;margin-top:10px}
.share-linkrow input{flex:1;background:var(--bg3);border:1px solid var(--sep2);border-radius:var(--card-r);color:var(--text2);padding:9px 10px;font-size:var(--fs-12);min-width:0}
.share-btn{background:rgba(255,255,255,.08);border:1px solid var(--sep2);color:var(--text);border-radius:var(--card-r);padding:9px 14px;font-weight:700;cursor:pointer;font-size:var(--fs-13);white-space:nowrap}
.share-btn.primary{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}
.share-btn:hover{filter:brightness(1.12)}
.share-note{font-size:var(--fs-11);color:var(--text3);margin-top:10px;line-height:1.5}
#shared-bt{display:none;margin-bottom:12px}
.bt-shared-hl{animation:btShHl 2.6s ease-out}
@keyframes btShHl{0%,18%{box-shadow:0 0 0 3px var(--sel-fg);background:color-mix(in srgb,var(--sel-fg) 15%,transparent)}100%{box-shadow:0 0 0 0 transparent}}
.shared-bt-wrap{overflow:visible;background:transparent}
.shared-bt-bar{display:flex;align-items:center;gap:10px;padding:0 2px 12px;font-size:var(--fs-13);font-weight:800;color:var(--text2)}
.shared-bt-x{display:inline-flex;align-items:center;gap:5px;background:var(--bg3);border:1px solid var(--sep2);color:var(--text2);border-radius:var(--card-r);padding:6px 13px;font-size:var(--fs-12-5);font-weight:700;cursor:pointer;transition:background .12s,color .12s}
.shared-bt-x:hover{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}
.shared-bt-lbl{font-size:var(--fs-12);font-weight:700;color:var(--text3)}
.shared-bt-body{padding:0}
#rec-guild.rg-sharing .rcg-srvrow,#rec-guild.rg-sharing #gst-hist,#rec-guild.rg-sharing .stats-page-head,#rec-guild.rg-sharing #stats-body,#rec-guild.rg-sharing .rec-popcol{display:none!important}
.bt-tl{padding:2px}
.bt-tl-leg{display:flex;gap:10px;align-items:center;font-size:var(--fs-11-5);font-weight:800;margin-bottom:7px;flex-wrap:wrap}
.bt-tl-fac{font-weight:800}
.bt-tl-our{color:var(--c-heal)}.bt-tl-foe{color:var(--loss)}.bt-tl-kil{color:var(--c-bm)}.bt-tl-dur{margin-left:auto;color:var(--text3);font-weight:600}
.bt-tl-mvp{margin-left:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.bt-tl-mvp-l{font-size:var(--fs-10-5);font-weight:800;color:var(--text3)}
.bt-tl-mvc{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-11);font-weight:800;padding:3px 9px;border-radius:var(--card-r);background:rgba(255,255,255,.04);border:1px solid var(--sep2);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}
.bt-tl-mvc.dps{border-color:color-mix(in srgb, var(--c-bm) 45%, transparent);color:var(--c-bm)}
.bt-tl-mvc.heal{border-color:color-mix(in srgb, var(--c-heal) 45%, transparent);color:var(--c-heal)}
.bt-tl-mvc.tank{border-color:color-mix(in srgb, var(--c-df) 40%, transparent);color:#7fb0ff}
.bt-tl-mvc.empty{opacity:.5;color:var(--text3)}
.bt-tl-svg{width:100%;height:auto;display:block;background:rgba(255,255,255,.015);border-radius:var(--card-r);cursor:crosshair}
.bt-tl-leg b{font-size:var(--fs-13)}
.bt-tl-roles{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;font-size:var(--fs-11-5);font-weight:700;color:var(--text3);margin:0 0 8px}
.bt-tl-roles span{color:var(--text);background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:2px 8px}
.bt-tl-hint{font-size:var(--fs-11);font-weight:600;color:var(--text3);margin:0 0 8px;opacity:.75}
#bt-tl-tip{position:fixed;z-index:100002;pointer-events:none;background:rgba(20,20,24,.97);border:1px solid var(--sep2);border-radius:var(--card-r);padding:9px 13px;font-size:var(--fs-13);font-weight:700;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.6);opacity:0;transition:opacity .08s;white-space:nowrap}
#bt-tl-tip .tlt-t{font-size:var(--fs-13);color:var(--text2);margin-bottom:4px}
#bt-tl-tip .tlt-r{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-12-5);font-weight:700}
#bt-tl-tip .tlt-row{white-space:nowrap}#bt-tl-tip .tlt-row b{font-weight:800;font-size:var(--fs-13)}
#bt-tl-tip .tlt-roles{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding-top:6px;border-top:1px solid var(--sep2);font-size:var(--fs-12-5);font-weight:700;color:var(--text)}
#bt-tl-tip .tlt-ev{margin-top:6px;padding-top:6px;border-top:1px solid var(--sep2);color:var(--c-caller);font-size:var(--fs-14);font-weight:800}
#bt-tl-tip .tlt-ev2{color:var(--c-caller);font-size:var(--fs-15);font-weight:800;white-space:nowrap}
#bt-tl-mktip{position:fixed;z-index:100003;pointer-events:none;background:rgba(20,20,24,.97);border:1px solid var(--sep2);border-radius:var(--card-r);padding:8px 13px;font-size:var(--fs-14);font-weight:800;color:var(--c-caller);white-space:nowrap;box-shadow:0 12px 34px rgba(0,0,0,.65);opacity:0;transform:translate(-50%,-100%) translateY(14px) scale(.92);transition:opacity .26s ease,transform .34s cubic-bezier(.34,1.7,.5,1)}
#bt-tl-mktip.on{opacity:1;transform:translate(-50%,-100%) translateY(0) scale(1)}
.bt-mvps{display:flex;gap:8px}
.bt-mvp{flex:1;min-width:0;background:rgba(255,255,255,.03);border:1px solid var(--sep2);border-radius:var(--card-r);padding:11px 10px;text-align:center}
.bt-mvp.dps{border-color:color-mix(in srgb, var(--c-bm) 40%, transparent)}
.bt-mvp.heal{border-color:color-mix(in srgb, var(--c-heal) 40%, transparent)}
.bt-mvp.tank{border-color:color-mix(in srgb, var(--c-df) 35%, transparent)}
.bt-mvp-role{font-size:var(--fs-11);font-weight:700;color:var(--text3);margin-bottom:5px}
.bt-mvp-name{font-size:var(--fs-15);font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt-mvp-val{font-size:var(--fs-11);color:var(--text2);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt-kd-sides{display:flex;gap:10px;align-items:flex-start}
.bt-kd-col{flex:1;min-width:0}
.bt-kd-col .bt-kd-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px;padding:0 2px}
.bt-kd-hname{font-size:var(--fs-13);font-weight:800}
.bt-kd-htot{font-variant-numeric:tabular-nums}
.kdn{display:inline-flex;align-items:baseline;gap:3px;font-variant-numeric:tabular-nums;line-height:1}
.kdn .kk{color:var(--c-heal);font-weight:800}
.kdn .dd{color:var(--loss);font-weight:800}
.kdn .kdslash{color:var(--text3);font-weight:600}
.bt-kd-htot .kdn{font-size:var(--fs-22)}
.bt-kd-row .kdn{font-size:var(--fs-16)}
.bt-kd-legend{font-size:var(--fs-9-5);color:var(--text3);text-align:right;margin-bottom:5px;padding-right:4px;letter-spacing:.5px}
.bt-kd-col.our .bt-kd-hname{color:var(--c-heal)}
.bt-kd-col.foe .bt-kd-hname{color:var(--loss)}
.bt-kd-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;margin-bottom:3px;background:rgba(255,255,255,.03);border-radius:7px;cursor:default}
.bt-kd-n{font-size:var(--fs-12-5);color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt-kd-row:hover{background:rgba(255,255,255,.07)}
.bt-wi:hover{border-color:var(--text3)}
#bt-gear-pop{position:fixed;z-index:100001;display:none;pointer-events:none;background:rgba(28,28,32,.98);backdrop-filter:blur(26px) saturate(1.6);border:1px solid var(--sep2);border-radius:var(--card-r);padding:13px 14px;width:236px;max-width:92vw;box-shadow:0 20px 56px rgba(0,0,0,.62),inset 0 1px 0 var(--sep)}
.bt-gp-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.bt-gp-name{font-size:var(--fs-14);font-weight:800;color:var(--text)}
.bt-gp-guild{font-size:var(--fs-11);color:var(--text3)}
.bt-gp-sub{font-size:var(--fs-11);color:var(--text2);margin-bottom:11px;font-variant-numeric:tabular-nums}
.bt-gp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.bt-gp-cell{display:flex;flex-direction:column;align-items:center;gap:3px}
.bt-gp-box{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--card-r);background:rgba(0,0,0,.4);border:1px solid var(--sep2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.bt-gp-box img{width:92%;height:92%;object-fit:contain;opacity:0;transition:opacity .18s ease}
.bt-gp-box img.ld{opacity:1}
.bt-gp-spin{position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.18);border-top-color:var(--text2);border-radius:50%;animation:statspin .7s linear infinite}
.bt-gp-empty{width:20px;height:20px;border-radius:5px;border:1px dashed var(--sep2);opacity:.4}
.bt-gp-lbl{font-size:var(--fs-9);color:var(--text3)}
.bt-gp-spacer{visibility:hidden}
.bt-gp-ghost{opacity:.32}
.bt-gp-ghost img{filter:grayscale(.3)}
.bt-gp-note{margin-top:12px;font-size:var(--fs-10-5);line-height:1.55;color:var(--text2);background:rgba(255,255,255,.05);border:1px solid var(--sep);border-radius:var(--card-r);padding:9px 11px}
#bt-mvp-pop{position:fixed;z-index:100001;display:none;align-items:center;gap:11px;pointer-events:none;padding:12px 16px 12px 14px;border-radius:var(--card-r);max-width:320px;font-size:var(--fs-13-5);color:#fff;font-weight:700;line-height:1.5;box-shadow:0 16px 50px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.18);background:rgba(32,32,36,.98);backdrop-filter:blur(30px) saturate(1.6);animation:sin .22s cubic-bezier(.34,1.56,.64,1)}
#bt-mvp-pop .mp-ico{font-size:var(--fs-24);flex-shrink:0}
#bt-mvp-pop .mp-body{color:#fff}
#bt-mvp-pop .mp-body b{font-weight:800;color:#fff}
#bt-mvp-pop.mp-dps{border-left:4px solid var(--c-bm)}
#bt-mvp-pop.mp-heal{border-left:4px solid var(--c-heal)}
#bt-mvp-pop.mp-tank{border-left:4px solid var(--c-df)}
.stat-link:hover{text-decoration:underline}
.reg-list{overflow-y:auto;flex:1;margin-top:4px}
.reg-rec{border:1px solid var(--sep);border-radius:var(--card-r);margin-bottom:8px;overflow:hidden;background:rgba(0,0,0,.15)}
.reg-rec-hd{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;font-size:var(--fs-12)}
.reg-rec-hd:hover{background:rgba(255,255,255,.03)}
.reg-rec-arrow{color:var(--text3);font-size:var(--fs-9);width:12px;flex-shrink:0}
.reg-rec-title{font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}
.reg-rec-date{color:var(--text3);font-size:var(--fs-10)}
.reg-rec-cnt{margin-left:auto;font-size:var(--fs-10);color:var(--text2);background:rgba(0,0,0,.25);padding:2px 8px;border-radius:var(--card-r);flex-shrink:0}
.reg-rec-del{border:none;background:transparent;color:color-mix(in srgb, var(--red) 50%, transparent);cursor:pointer;font-size:var(--fs-12);padding:2px 5px;border-radius:5px;flex-shrink:0}
.reg-rec-del:hover{background:color-mix(in srgb, var(--red) 15%, transparent);color:var(--red)}
.reg-rec-body{padding:0 12px 12px}
.reg-rec:not(.open) .reg-rec-body{display:none}
.reg-loading{font-size:var(--fs-11);color:var(--text3);padding:10px 0}
.reg-drop{border:1.5px dashed var(--sep2);border-radius:var(--card-r);padding:14px;text-align:center;font-size:var(--fs-11);color:var(--text2);margin-bottom:10px;transition:all .15s;line-height:1.6}
.reg-drop.over{border-color:var(--blue);background:color-mix(in srgb, var(--c-df) 8%, transparent);color:var(--text)}
.reg-pick{display:inline-block;margin-top:8px;padding:7px 16px;border-radius:var(--card-r);border:1px solid color-mix(in srgb, var(--c-heal) 50%, transparent);background:color-mix(in srgb, var(--c-heal) 10%, transparent);color:var(--c-heal);font-size:var(--fs-11);font-weight:700;cursor:pointer;transition:all .14s}
.reg-pick:hover{background:color-mix(in srgb, var(--c-heal) 18%, transparent)}
.reg-grid{columns:2;column-gap:10px}
.reg-img{position:relative;border:1px solid var(--sep);border-radius:var(--card-r);overflow:hidden;background:#000;display:flex;flex-direction:column;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin:0 0 10px;width:100%}
.reg-img.done{border:2px solid var(--c-heal)}
.reg-img img{width:100%;height:auto;display:block;cursor:zoom-in;background:#000}
.reg-img-foot{display:flex;align-items:center;gap:4px;padding:5px 7px;background:rgba(0,0,0,.55)}
.reg-img-nick{font-size:var(--fs-10);color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reg-img-del{width:20px;height:20px;border:none;border-radius:5px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;font-size:var(--fs-10);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.reg-img-del:hover{background:var(--red)}
.reg-done-badge{position:absolute;top:6px;left:6px;z-index:2;background:color-mix(in srgb, var(--c-heal) 95%, transparent);color:#06351a;font-size:var(--fs-10);font-weight:800;padding:3px 9px;border-radius:var(--card-r);box-shadow:0 2px 8px rgba(0,0,0,.4)}
.reg-done-btn{width:100%;padding:8px;border:none;border-top:1px solid var(--sep);background:color-mix(in srgb, var(--c-heal) 14%, transparent);color:var(--c-heal);font-size:var(--fs-11);font-weight:700;cursor:pointer;font-family:var(--font)}
.reg-done-btn:hover{background:color-mix(in srgb, var(--c-heal) 22%, transparent)}
.reg-done-btn.on{background:rgba(255,255,255,.05);color:var(--text2)}
.reg-zoom-img{width:98vw;height:96vh;object-fit:contain;border-radius:var(--card-r);filter:drop-shadow(0 20px 60px rgba(0,0,0,.6))}
#reg-zoom{padding:0;cursor:zoom-out}
@media(max-width:600px){
  .reg-rec-title{max-width:38%}
  .reg-grid{columns:1}
  #tb-regear{display:none!important}
  /* 한 화면에 더 들어가도록 사이드바 압축 */
  .app-body{gap:7px;padding:8px}
  .sidebar{gap:6px}
  .scard{padding:8px 10px;border-radius:var(--card-r)}
  .scard-title{margin-bottom:5px;font-size:var(--fs-8);letter-spacing:1px}
  .stat-val{font-size:var(--fs-16)}
  .stat-label{font-size:var(--fs-8)}
  .fill-bar{margin-top:5px}
  .hist-list{max-height:64px}
  .wait-list{max-height:120px;min-height:30px}
  .party-block{border-width:1px}
  .party-hdr{padding:5px 10px}
  .tmpl-bar{padding:5px 10px}
  .titlebar{height:44px;padding:0 8px;gap:5px;overflow:visible}
  .page-tabs{display:none}
  .tb-menu{display:inline-flex}
  #tb-guild-badge{white-space:nowrap;flex-shrink:0}
  #tb-admin-btn{white-space:nowrap;flex-shrink:0;padding:4px 8px}
  .tb-right{gap:5px;margin-left:auto;flex-shrink:1;min-width:0}
  .tb-title{display:none}
  .tb-badge{padding:2px 7px;font-size:var(--fs-10)} /* 모바일에서도 연합 접속 인원 배지 표시(컴팩트) */
  .tb-me{display:none} /* 닉네임 숨김 */
  #h-code{padding:4px 8px;font-size:var(--fs-11)}
  .tb-btn{padding:4px 8px;font-size:var(--fs-11);white-space:nowrap;flex-shrink:0}
  /* 공간 절약: 일부 버튼은 모바일에서 작게 (텍스트 유지) */
  #tb-clear-all{padding:5px 8px;font-size:var(--fs-10)}
  #h-code{padding:5px 8px;font-size:var(--fs-10)}
  #lobby-grid{grid-template-columns:1fr!important;max-width:420px!important}
}

/* 그룹 역할 버튼 래퍼 + 대형 툴팁 */
.rg-role-wrap{position:relative}
.rg-role-bigtip{
  display:none;position:absolute;left:calc(100% + 8px);top:0;z-index:400;
  background:rgba(28,28,30,.97);backdrop-filter:blur(24px);
  border:1px solid rgba(255,255,255,.15);border-radius:var(--card-r);
  padding:14px 16px;min-width:220px;max-width:340px;max-height:300px;overflow-y:auto;
  font-size:var(--fs-12);color:var(--text);line-height:1.75;white-space:pre-wrap;word-break:break-all;
  box-shadow:0 10px 36px rgba(0,0,0,.55),inset 0 1px 0 var(--sep);
  pointer-events:none;animation:ttf .14s ease;
}
.rg-role-bigtip.empty-tip{color:var(--text3);font-size:var(--fs-11);font-style:italic}
.rg-role-wrap:hover .rg-role-bigtip{display:block}
.rg-role-bigtip-title{font-size:var(--fs-10);font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text3);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--sep)}

/* 드래그 고스트 (닉네임 플로팅 카드) */
#drag-ghost{
  position:fixed;top:-200px;left:-200px;z-index:9999;
  display:flex;align-items:center;gap:8px;
  padding:8px 16px;
  background:linear-gradient(135deg,color-mix(in srgb, var(--c-caller) 95%, transparent),color-mix(in srgb, var(--c-bm) 90%, transparent));
  border-radius:var(--card-r);box-shadow:0 8px 28px rgba(0,0,0,.55);
  font-family:var(--font,-apple-system,sans-serif);
  font-size:var(--fs-16);font-weight:900;color:#111;letter-spacing:-.3px;
  white-space:nowrap;pointer-events:none;
}
#drag-ghost .dg-icon{font-size:var(--fs-18)}

/* 개별 슬롯 역할 팝업 (글씨만) */
.role-plain-ta{
  width:100%;background:var(--bg3);border:1px solid var(--sep2);border-radius:var(--card-r);
  color:var(--text);font-size:var(--fs-12);font-family:var(--font);
  resize:vertical;outline:none;padding:12px 14px;min-height:120px;line-height:1.7;
  transition:border-color .15s;
}
.role-plain-ta:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-df) 18%, transparent)}
.role-view-text{
  font-size:var(--fs-12);color:var(--text2);line-height:1.75;white-space:pre-wrap;
  word-break:break-all;padding:4px 0;
}

/* 대기자 드래그오버 — 슬롯과 동일한 파란 테두리 */
.wait-list.drag-over{
  background:color-mix(in srgb, var(--c-df) 10%, transparent)!important;
  border:2px solid var(--blue)!important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--c-df) 12%, transparent)!important;
  border-radius:var(--card-r)!important;
}
/* 대기자 scard 드래그오버 강조 */
#wait-card.drag-over-card{
  border-color:color-mix(in srgb, var(--c-df) 50%, transparent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--c-df) 15%, transparent)!important;
}

/* 비밀번호 입력 */
.lpass-row{display:flex;gap:8px;align-items:flex-end}
.lpass-row input{flex:1}
.linfo{font-size:var(--fs-10);color:var(--text3);margin-top:6px;line-height:1.5;padding:7px 10px;background:rgba(255,255,255,.04);border-radius:7px;border-left:2px solid rgba(255,255,255,.12)}
/* 복사/붙여넣기 버튼 */
.tmpl-copy-btn{padding:3px 9px;border-radius:5px;border:1px solid var(--sep2);background:transparent;color:var(--text3);font-size:var(--fs-10);font-family:var(--font);transition:all .14s;margin-left:2px}
.tmpl-copy-btn:hover{border-color:var(--green);color:var(--green);background:color-mix(in srgb, var(--c-heal) 7%, transparent)}
.tmpl-paste-btn{padding:4px 12px;border-radius:var(--card-r);border:1px dashed color-mix(in srgb, var(--c-heal) 40%, transparent);background:transparent;color:color-mix(in srgb, var(--c-heal) 70%, transparent);font-size:var(--fs-11);font-weight:600;font-family:var(--font);transition:all .14s;flex-shrink:0}
.tmpl-paste-btn:hover{border-color:var(--green);color:var(--green);background:color-mix(in srgb, var(--c-heal) 8%, transparent)}
/* 비밀번호 변경 버튼 */
.pw-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid var(--sep2);border-radius:var(--card-r);padding:3px 10px;font-size:var(--fs-10);color:var(--text2);cursor:pointer;transition:all .14s}
.pw-badge:hover{border-color:var(--sel-bd);color:var(--sel-fg)}








/* 내 슬롯 골드 글로우 */

/* 참여/반환 버튼 크게 */









.slot{padding:10px 10px 8px;border-top:1px solid var(--sep);border-right:1px solid var(--sep);display:flex;flex-direction:column;gap:0;position:relative;transition:background .13s,transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}
.slot:hover{background:rgba(255,255,255,.03);z-index:2}
.slot-hero{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;min-width:0}
.slot-wicon{width:54px;height:54px;flex-shrink:0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--card-r);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:border-color .13s}
.slot-wicon:hover{border-color:var(--blue)}
.slot-wicon img{width:100%;height:100%;object-fit:contain;display:block;opacity:0;transition:opacity .2s}
.slot-wicon img.ok{opacity:1}
.slot-wicon .no-img{font-size:var(--fs-16);color:var(--text3)}
.slot-wname{font-size:var(--fs-11);font-weight:800;letter-spacing:-.2px;line-height:1.2;word-break:keep-all;overflow-wrap:anywhere;flex:1}
.slot-wname.unset{color:var(--text3);font-weight:400;font-size:var(--fs-11);font-family:'SF Mono',monospace}
.slot-member{display:flex;align-items:center;gap:4px;margin-bottom:6px;min-height:16px}
.slot-nick{font-size:var(--fs-11);font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slot-nick.empty{color:var(--text3);font-weight:400;font-size:var(--fs-10)}
.slot-guild{font-size:var(--fs-9);font-weight:700;font-family:'SF Mono',monospace;opacity:.75;flex-shrink:0}
/* 참여/반환 버튼 - 전체 너비, 중앙 */
.sb-join-big{display:block;width:100%;padding:7px 8px;margin-bottom:6px;background:color-mix(in srgb, var(--c-caller) 18%, transparent);border:1.5px solid color-mix(in srgb, var(--c-caller) 65%, transparent);border-radius:var(--card-r);color:#e8a800;font-size:var(--fs-11);font-weight:700;font-family:var(--font);cursor:pointer;transition:all .15s;text-align:center;letter-spacing:.2px}
.sb-join-big:hover{background:color-mix(in srgb, var(--c-df) 22%, transparent)}
.sb-join-big:active{transform:scale(.97)!important}
.sb-release-big{display:block;width:100%;padding:7px 8px;margin-bottom:6px;background:color-mix(in srgb, var(--red) 16%, transparent);border:1.5px solid color-mix(in srgb, var(--red) 60%, transparent);border-radius:var(--card-r);color:var(--loss);font-size:var(--fs-11);font-weight:700;font-family:var(--font);cursor:pointer;transition:all .15s;text-align:center;letter-spacing:.2px}
.sb-release-big:hover{background:color-mix(in srgb, var(--red) 20%, transparent)}
.sb-release-big:active{transform:scale(.97)!important}
.slot-status{display:block;width:100%;padding:5px;margin-bottom:6px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.15);border-radius:var(--card-r);text-align:center;font-size:var(--fs-10);color:var(--text3)}
/* 하단 보조 버튼 */
.slot-actions{border-top:1px solid rgba(255,255,255,.06);padding:6px 0 0;display:flex;gap:3px}
.slot-actions .sb{flex:1;padding:4px 3px;font-size:var(--fs-9);font-weight:600;border:0.5px solid rgba(255,255,255,.12);border-radius:6px;background:transparent;color:var(--text2);font-family:var(--font);cursor:pointer;text-align:center;transition:all .13s}
.slot-actions .sb:hover{background:var(--sep);color:var(--text)}
.slot-actions .sb-del{border-color:color-mix(in srgb, var(--red) 20%, transparent);color:color-mix(in srgb, var(--red) 50%, transparent)}
.slot-actions .sb-del:hover{border-color:var(--red);color:var(--red);background:color-mix(in srgb, var(--red) 8%, transparent)}
.slot-actions .sb-kick{border-color:color-mix(in srgb, var(--red) 20%, transparent);color:color-mix(in srgb, var(--red) 50%, transparent)}
.slot-actions .sb-kick:hover{border-color:var(--red);color:var(--red)}


.slot-del-x{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:4px;border:none;background:transparent;color:rgba(255,255,255,.2);font-size:var(--fs-11);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .13s;padding:0;line-height:1;z-index:2}
.slot-del-x:hover{background:color-mix(in srgb, var(--red) 18%, transparent);color:var(--red)}



/* 무기 이름 항상 흰색 */
.slot-wname{color:var(--text)!important;font-size:var(--fs-11);font-weight:800;letter-spacing:-.2px;line-height:1.2;word-break:keep-all;overflow-wrap:anywhere;flex:1;min-width:0}
.slot-wname.unset{color:var(--text3)!important;font-weight:400;font-size:var(--fs-11);font-family:'SF Mono',monospace}
/* 역할·장비 버튼 반반 */
.slot-actions{border-top:1px solid rgba(255,255,255,.07);padding:6px 0 0;display:flex;gap:4px}
.slot-actions .sb{flex:1;padding:5px 4px;font-size:var(--fs-10);font-weight:600;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:rgba(255,255,255,.09);color:var(--text2);font-family:var(--font);cursor:pointer;text-align:center;transition:all .13s}
.slot-actions .sb:hover{background:rgba(255,255,255,.1);color:var(--text);border-color:var(--text3)}
.slot-actions .sb-kick{border-color:color-mix(in srgb, var(--red) 25%, transparent);color:color-mix(in srgb, var(--red) 60%, transparent)}
.slot-actions .sb-kick:hover{border-color:var(--red);color:var(--red);background:color-mix(in srgb, var(--red) 10%, transparent)}


.slot.mine{outline:none!important}
.slot.imp-low{border:1.5px dashed rgba(255,204,0,.95)!important;box-shadow:0 0 0 2px rgba(255,204,0,.18) inset!important;background:rgba(255,204,0,.06)}
.slot.imp-low::after{content:"?";position:absolute;top:2px;right:3px;font-size:var(--fs-10);font-weight:800;color:#ffcc00;line-height:1;z-index:3}


/* 참여 슬롯 색상 - 적당한 강조 */
.slot.f-caller{background:color-mix(in srgb, var(--c-caller) 22%, transparent)!important;border-left:3px solid var(--c-caller)!important;border-color:color-mix(in srgb, var(--c-caller) 40%, transparent)!important}
.slot.f-df {background:color-mix(in srgb, var(--c-df) 20%, transparent)!important;border-left:3px solid var(--c-df)!important;border-color:color-mix(in srgb, var(--c-df) 38%, transparent)!important}
.slot.f-deal {background:color-mix(in srgb, var(--c-deal) 20%, transparent)!important;border-left:3px solid var(--c-deal)!important;border-color:color-mix(in srgb, var(--c-deal) 38%, transparent)!important}
.slot.f-sup {background:color-mix(in srgb, var(--c-sup) 20%, transparent)!important;border-left:3px solid var(--c-sup)!important;border-color:color-mix(in srgb, var(--c-sup) 38%, transparent)!important}
.slot.f-heal {background:color-mix(in srgb, var(--c-heal) 18%, transparent)!important;border-left:3px solid var(--c-heal)!important;border-color:color-mix(in srgb, var(--c-heal) 35%, transparent)!important}
.slot.f-bm {background:color-mix(in srgb, var(--c-bm) 20%, transparent)!important;border-left:3px solid var(--c-bm)!important;border-color:color-mix(in srgb, var(--c-bm) 38%, transparent)!important}


/* 역할군 사이드바 색상 - 진하게 */
.rg-caller .rg-side{background:color-mix(in srgb, var(--c-caller) 32%, transparent);border-left:4px solid var(--c-caller)}
.rg-caller .rg-label{color:var(--c-caller)}
.rg-df .rg-side{background:color-mix(in srgb, var(--c-df) 30%, transparent);border-left:4px solid var(--c-df)}
.rg-df .rg-label{color:#5aabff}
.rg-deal .rg-side{background:color-mix(in srgb, var(--c-deal) 30%, transparent);border-left:4px solid var(--c-deal)}
.rg-deal .rg-label{color:var(--loss)}
.rg-sup .rg-side{background:color-mix(in srgb, var(--c-sup) 30%, transparent);border-left:4px solid var(--c-sup)}
.rg-sup .rg-label{color:#d08af5}
.rg-heal .rg-side{background:color-mix(in srgb, var(--c-heal) 28%, transparent);border-left:4px solid var(--c-heal)}
.rg-heal .rg-label{color:var(--c-heal)}
.rg-bm .rg-side{background:color-mix(in srgb, var(--c-bm) 30%, transparent);border-left:4px solid var(--c-bm)}
.rg-bm .rg-label{color:var(--c-bm)}





/* 슬롯 하단 버튼 영역 */
.slot-bottom{display:flex;align-items:center;gap:4px;border-top:1px solid var(--sep);padding:6px 0 0;margin-top:4px}
.slot-btn-role{padding:5px 11px;border-radius:var(--card-r);border:1px solid rgba(255,255,255,.2);background:var(--sep);color:var(--text2);font-size:var(--fs-10);font-weight:600;font-family:var(--font);cursor:pointer;transition:all .13s;white-space:nowrap}
.slot-btn-role:hover{background:rgba(255,255,255,.15);color:#fff;border-color:var(--text3)}
.slot-btn-join{padding:5px 13px;border-radius:var(--card-r);border:1.5px solid color-mix(in srgb, var(--c-caller) 55%, transparent);background:color-mix(in srgb, var(--c-caller) 13%, transparent);color:#e8a800;font-size:var(--fs-10);font-weight:700;font-family:var(--font);cursor:pointer;transition:all .14s;white-space:nowrap}
.slot-btn-join:hover{background:color-mix(in srgb, var(--c-df) 25%, transparent);color:#4da3ff;border-color:color-mix(in srgb, var(--c-df) 80%, transparent)}
.slot-btn-addnick{margin-left:5px;padding:5px 10px;border-radius:var(--card-r);border:1.5px solid rgba(120,170,255,.45);background:rgba(120,170,255,.1);color:#7fb0ff;font-size:var(--fs-10);font-weight:700;font-family:var(--font);cursor:pointer;transition:all .14s;white-space:nowrap;width:auto}
.slot-btn-addnick:hover{background:rgba(120,170,255,.22);color:#a9caff;border-color:rgba(120,170,255,.75)}
.slot-btn-release{padding:5px 13px;border-radius:var(--card-r);border:1.5px solid color-mix(in srgb, var(--red) 50%, transparent);background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--loss);font-size:var(--fs-10);font-weight:700;font-family:var(--font);cursor:pointer;transition:all .14s;white-space:nowrap}
.slot-btn-release:hover{background:color-mix(in srgb, var(--red) 24%, transparent);color:var(--red);border-color:color-mix(in srgb, var(--red) 80%, transparent)}
.slot-btn-taken{font-size:var(--fs-9);color:var(--text3);font-weight:600;padding:5px 4px;white-space:nowrap}
.slot-btn-full{font-size:var(--fs-9);color:var(--text3);font-weight:700;padding:5px 4px;font-family:monospace}
.slot-btn-del{height:27px;padding:0 12px;border-radius:7px;border:1px solid color-mix(in srgb, var(--red) 30%, transparent);background:transparent;color:color-mix(in srgb, var(--red) 70%, transparent);font-size:var(--fs-11);font-weight:700;font-family:var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .13s;flex-shrink:0;line-height:1;white-space:nowrap}
.slot-btn-del:hover{background:color-mix(in srgb, var(--red) 14%, transparent);color:var(--red);border-color:color-mix(in srgb, var(--red) 55%, transparent)}






.role-tip-wrap:hover 







.slot-btn-role{background:transparent;border:none;color:var(--text3);font-size:var(--fs-12);cursor:pointer;padding:4px 5px;border-radius:5px;transition:color .13s;line-height:1}
.slot-btn-role:hover{color:var(--text2)}


/* 슬롯 호버 역할 텍스트 - 클릭 안막음 */

.slot:hover 


.sb-role-wrap{position:relative;display:inline-flex}
.role-tip{display:none;position:absolute;bottom:calc(100% + 8px);left:0;z-index:300;background:rgba(28,28,30,.97);backdrop-filter:blur(24px);border:1px solid color-mix(in srgb, var(--c-sup) 30%, transparent);border-radius:var(--card-r);padding:16px 18px;min-width:220px;max-width:320px;font-size:var(--fs-16);color:var(--text);line-height:1.75;box-shadow:0 8px 30px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07);white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word;pointer-events:none}
.sb-role-wrap:hover .role-tip{display:block}
.slot-role-btn{padding:4px 9px;border-radius:7px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:var(--text2);font-size:var(--fs-10);font-weight:600;font-family:var(--font);cursor:pointer;transition:all .13s;white-space:nowrap}
.slot-role-btn:hover{background:var(--sep2);color:#fff}
/* 호버 오버레이 제거 */
.slot-hover-info{display:none!important}


/* 슬롯 호버 역할 팝업 */
.slot{position:relative}
.slot .slot-role-pop{opacity:0;visibility:hidden;transform:translateY(8px) scale(.97);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s;position:absolute;top:0;left:calc(100% + 8px);z-index:9999;background:rgba(22,22,26,.97);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:var(--card-r);padding:14px 16px;width:max-content;max-width:360px;font-size:var(--fs-14);color:var(--text);line-height:1.8;font-family:var(--font);box-shadow:0 8px 30px rgba(0,0,0,.6);white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;pointer-events:none}
.slot:hover .slot-role-pop{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s}@media (hover:hover) and (pointer:fine){.slot:hover .slot-role-pop{opacity:0!important;visibility:hidden!important}}#role-float{position:fixed;z-index:100002;display:none;pointer-events:none;background:rgba(22,22,26,.97);backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.12);border-radius:var(--card-r);padding:0;width:auto;max-width:310px;font-size:var(--fs-12);color:var(--text);line-height:1.55;font-family:var(--font);box-shadow:0 12px 40px rgba(0,0,0,.55);overflow:hidden}#role-float .rf-pc{width:210px;padding:12px 14px 10px}#role-float .rf-role{padding:13px 15px;min-width:210px;font-size:var(--fs-12-5);white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}#role-float .rf-pc + .rf-role{border-top:1px solid var(--sep)}#role-float .srp-gear-row{display:none}#role-float .rf-role>:not(.srp-gear-row){opacity:1!important;transform:none!important}#role-float .rf-none-txt{color:var(--text3);font-size:var(--fs-10)}
/* 슬롯 역할 팝업 상단 장비 4종(머리·갑옷·신발·망토) 미니 아이콘 */
.srp-gear-row{display:flex;gap:5px;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.1)}
.srp-gear-cell{width:30px;height:30px;border-radius:7px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;opacity:0;transform:translateY(8px) scale(.7)}
.slot:hover .srp-gear-cell{opacity:1;transform:translateY(0) scale(1);transition:opacity .3s ease,transform .42s cubic-bezier(.34,1.6,.5,1)}
.slot:hover .srp-gear-cell:nth-child(1){transition-delay:.05s}
.slot:hover .srp-gear-cell:nth-child(2){transition-delay:.11s}
.slot:hover .srp-gear-cell:nth-child(3){transition-delay:.17s}
.slot:hover .srp-gear-cell:nth-child(4){transition-delay:.23s}
.srp-gear-cell img{width:100%;height:100%;object-fit:contain}
.slot-role-pop>:not(.srp-gear-row){opacity:0;transform:translateY(6px)}
.slot:hover .slot-role-pop>:not(.srp-gear-row){opacity:1;transform:translateY(0);transition:opacity .3s ease .18s,transform .3s ease .18s}
/* 모바일: 역할 팝업이 화면 밖으로 안 나가게 화면 하단 중앙 고정 */
@media(max-width:600px){
  .slot:hover{transform:none!important}
  .slot .slot-role-pop{
    position:fixed;left:50%;right:auto;bottom:14px;top:auto;
    transform:translateX(-50%) translateY(10px) scale(.97);
    width:min(90vw,340px);max-width:90vw;max-height:48vh;overflow-y:auto;
    font-size:var(--fs-13);line-height:1.7;padding:14px 16px;
  }
  .slot:hover .slot-role-pop{transform:translateX(-50%) translateY(0) scale(1)}
}
/* '동작 줄이기'를 켠 기기에서는 모션 끄고 즉시 표시 (어지럼·끊김 방지) */
@media(prefers-reduced-motion:reduce){
  .slot-role-pop,.slot:hover .slot-role-pop,
  .srp-gear-cell,.slot:hover .srp-gear-cell,
  .slot-role-pop>:not(.srp-gear-row),.slot:hover .slot-role-pop>:not(.srp-gear-row),
  .skill-box.filled img,.skill-box.locked img,
  .skill-dd,.skill-dd-cell{
    transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important;transition-delay:0s!important;
  }
}


/* 역할군 사이드바 hover 팝업 */
.rg-side-hoverable{position:relative}
.rg-side-pop{display:none;position:absolute;top:0;left:calc(100% + 8px);z-index:9999;background:rgba(22,22,26,.97);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:var(--card-r);padding:14px 16px;width:max-content;max-width:360px;font-size:var(--fs-14);color:var(--text);line-height:1.8;font-family:var(--font);box-shadow:0 8px 30px rgba(0,0,0,.6);white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;pointer-events:none}
.rg-side-hoverable:hover .rg-side-pop{display:block}


/* 내 슬롯 역할군 색상 테두리 */
.slot.mine.f-caller{border:1.5px solid color-mix(in srgb, var(--c-caller) 90%, transparent)!important;box-shadow:0 0 10px color-mix(in srgb, var(--c-caller) 25%, transparent)!important}
.slot.mine.f-df {border:1.5px solid color-mix(in srgb, var(--c-df) 90%, transparent)!important;box-shadow:0 0 10px color-mix(in srgb, var(--c-df) 25%, transparent)!important}
.slot.mine.f-deal {border:1.5px solid color-mix(in srgb, var(--c-deal) 90%, transparent)!important;box-shadow:0 0 10px color-mix(in srgb, var(--c-deal) 25%, transparent)!important}
.slot.mine.f-sup {border:1.5px solid color-mix(in srgb, var(--c-sup) 90%, transparent)!important;box-shadow:0 0 10px color-mix(in srgb, var(--c-sup) 25%, transparent)!important}
.slot.mine.f-heal {border:1.5px solid color-mix(in srgb, var(--c-heal) 90%, transparent)!important;box-shadow:0 0 10px color-mix(in srgb, var(--c-heal) 25%, transparent)!important}
.slot.mine.f-bm {border:1.5px solid color-mix(in srgb, var(--c-bm) 90%, transparent)!important;box-shadow:0 0 10px color-mix(in srgb, var(--c-bm) 25%, transparent)!important}

/* ── 커서 정돈 ── */
.slot,.skill-box.filled,.skill-box.empty,.skill-box.active,.gear-cell,.skill-dd-item,.tab,[onclick]{cursor:pointer}
.skill-box.locked,.skill-box.loading{cursor:default}
.slot-role-pop,.skill-dd-item.dd-empty{}

/* 매싱 중 시트지 강조 VFX (디매스 전까지 펄스) */
@keyframes massPulse{0%,100%{box-shadow:0 0 0 1px color-mix(in srgb, var(--red) 55%, transparent),0 0 13px 1px color-mix(in srgb, var(--red) 30%, transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb, var(--c-bm) 85%, transparent),0 0 24px 5px color-mix(in srgb, var(--red) 55%, transparent)}}
@keyframes massBadge{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.sl-item.sl-massing{border-color:color-mix(in srgb, var(--red) 60%, transparent)!important;background:linear-gradient(90deg,color-mix(in srgb, var(--red) 14%, transparent),color-mix(in srgb, var(--c-bm) 5%, transparent))!important;animation:massPulse 1.35s ease-in-out infinite}
.sl-item.sl-massing .sl-item-t{color:#ffd9b3}
.sl-massbadge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-10);font-weight:800;color:#fff;background:linear-gradient(90deg,var(--red),var(--c-bm));border-radius:var(--card-r);padding:2px 8px;margin-right:6px;vertical-align:middle;animation:massBadge 1.35s ease-in-out infinite;box-shadow:0 0 10px color-mix(in srgb, var(--red) 50%, transparent)}
.sl-visited{display:inline-flex;align-items:center;font-size:var(--fs-9-5);font-weight:800;color:var(--c-heal);background:color-mix(in srgb, var(--c-heal) 14%, transparent);border:1px solid color-mix(in srgb, var(--c-heal) 40%, transparent);border-radius:var(--card-r);padding:1px 7px;margin-right:5px;vertical-align:middle}
@media(prefers-reduced-motion:reduce){.sl-item.sl-massing,.sl-massbadge{animation:none}}

/* 매싱 중일 때 시트지 안 '매싱' 버튼 빨갛게 반짝 */
@keyframes massBtnPulse{0%,100%{background:color-mix(in srgb, var(--red) 18%, transparent);border-color:color-mix(in srgb, var(--red) 60%, transparent);box-shadow:0 0 0 0 color-mix(in srgb, var(--red) 0%, transparent)}50%{background:color-mix(in srgb, var(--red) 36%, transparent);border-color:color-mix(in srgb, var(--c-bm) 95%, transparent);box-shadow:0 0 15px 2px color-mix(in srgb, var(--red) 60%, transparent)}}
.tb-btn.mass-live{color:#ff8a80!important;font-weight:800;animation:massBtnPulse 1.05s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.tb-btn.mass-live{animation:none;background:color-mix(in srgb, var(--red) 24%, transparent);border-color:color-mix(in srgb, var(--red) 70%, transparent);color:#ff8a80!important}}

/* 추천·공유 세팅 라이브러리 */
.reco-sheet{max-width:880px;width:94vw;height:82vh;display:flex;flex-direction:column;padding:0;overflow:hidden}
.reco-hd{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--sep)}
.reco-title{font-size:var(--fs-16);font-weight:800;color:var(--text);flex:1}
.reco-x{background:none;border:none;color:var(--text3);font-size:var(--fs-16);cursor:pointer;padding:4px 8px;border-radius:var(--card-r)}
.reco-x:hover{color:var(--text);background:var(--sep)}
.reco-body{flex:1;display:flex;min-height:0}
.reco-cats{width:210px;flex:none;overflow-y:auto;border-right:1px solid var(--sep);padding:10px 8px}
.reco-cgrp{font-size:var(--fs-10);font-weight:800;color:var(--text3);margin:11px 6px 4px;letter-spacing:.3px}
.reco-cgrp:first-child{margin-top:2px}
.reco-cbtn{display:block;width:100%;text-align:left;padding:7px 10px;border-radius:var(--card-r);border:1px solid transparent;background:none;color:var(--text2);font-family:var(--font);font-size:var(--fs-12-5);font-weight:600;cursor:pointer;margin-bottom:2px}
.reco-cbtn:hover{background:rgba(255,255,255,.06);color:var(--text)}
.reco-cbtn.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.reco-main{flex:1;display:flex;flex-direction:column;min-width:0}
.reco-main-hd{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--sep)}
.reco-main-hd span{font-size:var(--fs-14);font-weight:800;color:var(--text);flex:1;min-width:0}
.reco-add{padding:7px 13px;border-radius:var(--btn-r);border:none;background:var(--grad-primary);color:#fff;font-family:var(--font);font-size:var(--fs-12);font-weight:800;cursor:pointer;white-space:nowrap}
.reco-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}
.reco-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;padding:10px 2px 4px}
.reco-pgbtn{min-width:30px;height:30px;padding:0 8px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text2);font-family:var(--font);font-size:var(--fs-12);font-weight:700;cursor:pointer;transition:all .12s}
.reco-pgbtn:hover:not(:disabled){border-color:var(--blue);color:var(--text)}
.reco-pgbtn.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.reco-pgbtn:disabled{opacity:.35;cursor:default}
.reco-pgdots{color:var(--text3);font-size:var(--fs-12);padding:0 2px}
.adm-subtabs{display:flex;gap:7px;margin:10px 0 12px;flex-wrap:wrap}
.adm-subtab{padding:8px 16px;border-radius:var(--card-r);border:1px solid var(--sep2);background:transparent;color:var(--text2);font-family:var(--font);font-size:var(--fs-13);font-weight:700;cursor:pointer;transition:all .12s}
.adm-subtab:hover{border-color:var(--sep);color:var(--text)}
.adm-subtab.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.adm-note{font-size:var(--fs-11-5);color:var(--text3);background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:10px 13px}
.reco-empty{color:var(--text3);font-size:var(--fs-12-5);text-align:center;padding:30px 10px;line-height:1.7}
.reco-card{border:1px solid var(--sep2);border-radius:var(--card-r);padding:12px 13px;background:var(--bg3)}
.reco-card.off{border-color:color-mix(in srgb, var(--c-caller) 40%, transparent);background:linear-gradient(180deg,color-mix(in srgb, var(--c-caller) 6%, transparent),transparent)}
.reco-card-top{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.reco-card-nm{font-size:var(--fs-14);font-weight:800;color:var(--text);flex:1;min-width:0}
.reco-badge{font-size:var(--fs-9-5);font-weight:800;padding:2px 7px;border-radius:var(--card-r);white-space:nowrap}
.reco-badge.star{background:color-mix(in srgb, var(--c-caller) 18%, transparent);color:var(--c-caller)}
.reco-badge.user{background:var(--sep);color:var(--text2)}
.reco-desc{font-size:var(--fs-11-5);color:var(--text2);margin-bottom:8px;line-height:1.5}
.reco-wrow{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:9px;min-height:34px}
.reco-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 9px}
.reco-by{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 9px;font-size:var(--fs-10-5)}
.reco-by-nm{display:inline-block;vertical-align:middle;font-size:var(--fs-10);color:var(--text3);font-weight:700;background:var(--bg3);border:1px solid var(--sep);border-radius:6px;padding:1px 7px;white-space:nowrap}
.reco-by-sv{color:var(--c-bm);font-weight:700}
.mass-tzsel{display:inline-flex;border:1px solid var(--sep2);border-radius:var(--card-r);overflow:hidden}
.mass-tzbtn{background:var(--bg3);color:var(--text2);border:none;font-family:var(--font);font-size:var(--fs-11);font-weight:800;letter-spacing:.3px;padding:4px 11px;cursor:pointer;transition:all .13s}
.mass-tzbtn+.mass-tzbtn{border-left:1px solid var(--sep2)}
.mass-tzbtn.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.mass-tzbtn:not(.on):hover{color:var(--text)}
.reco-tag{font-size:var(--fs-9-5);font-weight:700;color:var(--text2);background:var(--bg2);border:1px solid var(--sep);border-radius:6px;padding:1px 7px;letter-spacing:.2px;white-space:nowrap}
.reco-tag.arche{color:var(--gold);border-color:color-mix(in srgb, var(--c-caller) 30%, transparent)}
.reco-wrow img{width:34px;height:34px;object-fit:contain;background:rgba(0,0,0,.25);border-radius:7px;border:1px solid var(--sep)}
.reco-wic{position:relative;display:inline-flex;line-height:0}
.reco-wic[data-rg]{cursor:pointer}
.reco-gear-pop{position:fixed;z-index:100003;display:none;background:rgba(28,28,32,.98);backdrop-filter:blur(22px) saturate(1.5);border:1px solid var(--sep2);border-radius:var(--card-r);padding:12px 13px;width:240px;max-width:90vw;box-shadow:0 18px 50px rgba(0,0,0,.6)}
.reco-gear-pop .rg-title{font-size:var(--fs-13);font-weight:800;color:var(--text);margin-bottom:9px}
.reco-gear-pop .rg-item{display:flex;align-items:center;gap:8px;padding:3px 0}
.reco-gear-pop .rg-item img{width:30px;height:30px;border-radius:7px;background:rgba(255,255,255,.05);flex:none}
.reco-gear-pop .rg-lb{font-size:var(--fs-10-5);color:var(--text3);min-width:30px}
.reco-gear-pop .rg-nm{font-size:var(--fs-11-5);color:var(--text2);font-weight:600}
.reco-gear-pop .rg-empty{font-size:var(--fs-11);color:var(--text3)}
.reco-wx{position:absolute;right:-3px;bottom:-3px;font-size:var(--fs-9);font-weight:800;background:rgba(0,0,0,.82);color:#fff;border-radius:7px;padding:0 4px;line-height:1.5;border:1px solid rgba(255,255,255,.18);font-style:normal}
.reco-card-ft{display:flex;align-items:center;gap:8px}
.reco-meta{font-size:var(--fs-10-5);color:var(--text3);flex:1}
.reco-load{padding:7px 15px;border-radius:var(--btn-r);border:none;background:var(--grad-primary);color:#fff;font-family:var(--font);font-size:var(--fs-12);font-weight:800;cursor:pointer}
.reco-load:disabled{opacity:.4;cursor:not-allowed}
.reco-del{background:none;border:none;color:var(--text3);font-size:var(--fs-13);cursor:pointer;padding:4px 7px;border-radius:6px}
.reco-del:hover{color:var(--red);background:color-mix(in srgb, var(--red) 10%, transparent)}
.reco-stars{display:inline-flex;gap:1px}
.reco-stars .rs{color:var(--text3);font-size:var(--fs-15);cursor:pointer;line-height:1;transition:color .1s}
.reco-stars .rs.on{color:var(--c-caller)}
.reco-stars .rs:hover{color:#ffe88a}
.reco-rate-row{display:flex;align-items:center;gap:2px;margin-bottom:3px}
.reco-btns{display:flex;gap:6px;flex-wrap:wrap}
.reco-load.alt{background:rgba(255,255,255,.1);color:var(--text)}
.reco-like{background:rgba(255,255,255,.07);border:1px solid var(--sep);color:var(--text3);font-size:var(--fs-11);font-weight:800;padding:3px 10px;border-radius:var(--card-r);cursor:pointer;white-space:nowrap;font-family:var(--font);line-height:1.35;flex-shrink:0;transition:all .12s}
.reco-saves{font-size:var(--fs-11);font-weight:800;color:var(--c-bm);background:color-mix(in srgb, var(--c-bm) 12%, transparent);border:1px solid color-mix(in srgb, var(--c-bm) 30%, transparent);padding:3px 10px;border-radius:var(--card-r);white-space:nowrap;line-height:1.35;flex-shrink:0}
.reco-like:hover{border-color:color-mix(in srgb, var(--c-df) 50%, transparent);color:#4da3ff}
.reco-like.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.reco-card-ft .reco-btns{flex-wrap:wrap;justify-content:flex-end;flex:none}
.reco-card-ft .reco-meta{flex:1;min-width:0}
.reco-ppl{flex:1;min-width:0;font-size:var(--fs-18);font-weight:800;color:var(--text);line-height:1}
.reco-ppl i{font-size:var(--fs-12);font-weight:700;color:var(--text3);font-style:normal;margin-left:1px}
.reco-cdate{font-size:var(--fs-10-5);color:var(--text3);font-weight:600;white-space:nowrap;margin-right:2px}
.reco-use-ov{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;padding:22px}
.reco-use-box{width:min(340px,92vw);background:var(--bg2);border:1px solid var(--sep2);border-radius:var(--card-r);padding:16px;display:flex;flex-direction:column;gap:9px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.reco-use-t{font-size:var(--fs-14-5);font-weight:800;color:var(--text);text-align:center;margin-bottom:4px}
.reco-use-btn{padding:12px;border-radius:var(--btn-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text);font-family:var(--font);font-size:var(--fs-13-5);font-weight:700;cursor:pointer}
.reco-use-btn:hover{border-color:var(--sep)}
.reco-use-btn.primary{background:var(--grad-primary);border:none;color:#fff}
.reco-use-btn.cancel{background:none;color:var(--text3);border-color:transparent}
.reco-pub-box{width:min(440px,94vw);max-height:86vh;background:var(--bg2);border:1px solid var(--sep2);border-radius:var(--card-r);padding:16px;display:flex;flex-direction:column;gap:9px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.rpub-in{width:100%;padding:9px 11px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text);font-family:var(--font);font-size:var(--fs-13);box-sizing:border-box}
.rpub-lbl{font-size:var(--fs-11-5);font-weight:800;color:var(--text2);margin-top:4px}
.rpub-scroll{max-height:38vh;overflow-y:auto;border:1px solid var(--sep);border-radius:var(--card-r);padding:8px;background:var(--bg3)}
.reco-search{flex:1;min-width:90px;max-width:240px;background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);color:var(--text);padding:6px 10px;font-size:var(--fs-13);outline:none}
.reco-filt{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px 16px 4px;font-size:var(--fs-11);color:var(--text3)}
.sl-reco-card .reco-filt{padding:0 0 10px}
.reco-filt .reco-filt-l{font-weight:700;color:var(--text2)}
.reco-filt i{color:var(--text3);font-style:normal}
.reco-filt input{background:var(--bg3);border:1px solid var(--sep2);border-radius:7px;color:var(--text);font-family:var(--font);font-size:var(--fs-11);padding:4px 6px;box-sizing:border-box;outline:none}
.reco-filt .reco-filt-n{width:52px}
.reco-filt .reco-filt-d{width:auto;max-width:140px}
.reco-filt-clear{margin-left:auto;background:none;border:1px solid var(--sep2);color:var(--text3);border-radius:7px;padding:4px 9px;font-size:var(--fs-11);font-weight:700;font-family:var(--font);cursor:pointer}
.reco-filt-clear:hover{color:var(--text);border-color:var(--sep)}
.reco-search:focus{border-color:var(--gold)}
.reco-tags{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 2px}
.reco-tag{font-size:var(--fs-11);color:var(--text2);background:color-mix(in srgb,var(--gold) 16%,transparent);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:999px;padding:1px 7px}
.reco-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:4px 0 2px;font-size:var(--fs-11)}
.reco-win{background:#2e7d32;color:#fff;border-radius:4px;padding:1px 6px;font-weight:700;font-size:var(--fs-10-5)}
.reco-kd{color:var(--text2)}.reco-msz{color:var(--text3)}.reco-dt{color:var(--text3)}
.reco-hovertip{position:fixed;z-index:100002;display:none;max-width:288px;background:var(--pop-bg);border:1px solid var(--sep2);border-radius:var(--card-r);padding:12px 13px;box-shadow:0 12px 40px rgba(0,0,0,.45);font-size:var(--fs-12);color:var(--text);pointer-events:none;line-height:1.5}
.reco-hovertip .rtip-arche{font-size:var(--fs-13-5);font-weight:800;margin-bottom:7px;color:var(--text)}
.reco-hovertip .rtip-arche span{font-weight:600;color:var(--text3);font-size:var(--fs-11)}
.reco-hovertip .rtip-kd{display:flex;align-items:baseline;gap:3px;margin:4px 0 9px}
.reco-hovertip .rtip-kd .rk{font-size:var(--fs-28);font-weight:900;color:#4caf50;line-height:1}
.reco-hovertip .rtip-kd .rd{font-size:var(--fs-28);font-weight:900;color:#ff5b5b;line-height:1}
.reco-hovertip .rtip-kd span{font-size:var(--fs-12);color:var(--text3);font-weight:700}
.reco-hovertip .rtip-kd em{font-size:var(--fs-18);color:var(--text3);font-style:normal;margin:0 4px}
.reco-hovertip .rtip-kd .rwin{margin-left:auto;font-style:normal;font-size:var(--fs-11);color:var(--c-caller);font-weight:800;align-self:center}
.reco-hovertip .rtip-row{color:var(--text2);margin:3px 0;font-size:var(--fs-11-5)}
.reco-hovertip .rtip-tags{margin-top:6px;font-size:var(--fs-11);color:#7c93ff;opacity:.9;line-height:1.6}
.reco-hovertip .rtip-desc{margin-top:7px;padding-top:7px;border-top:1px solid var(--sep2);color:var(--text3);font-size:var(--fs-11)}
.reco-card[data-rtip]{cursor:default}
.reco-pend-box{max-width:560px;width:94vw}
.reco-pend-sub{font-size:var(--fs-12);color:var(--text3);margin:2px 0 10px;line-height:1.4}
.reco-pend-list{max-height:56vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}
.rpt-wrap{display:flex;flex-direction:column;gap:6px;margin:8px 0 4px}
.rpt-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.rpt-l{font-size:var(--fs-10-5);font-weight:700;color:var(--text3);min-width:42px}
.rpt-chip{padding:4px 9px;border-radius:999px;border:1px solid var(--sep2);background:var(--bg2);color:var(--text2);font-family:var(--font);font-size:var(--fs-10-5);font-weight:700;cursor:pointer}
.rpt-chip.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.rpt-chip.rpt-pve.on{background:#1f9d55;border-color:#1f9d55}
.rpt-free{flex:1;min-width:120px;background:var(--bg2);border:1px solid var(--sep2);border-radius:7px;color:var(--text);font-family:var(--font);font-size:var(--fs-11);padding:4px 8px;box-sizing:border-box;outline:none}
.reco-collect{background:var(--bg3);border:1px solid var(--sep2);border-radius:var(--card-r);padding:11px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}
.reco-collect .rc-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.reco-collect .rc-l{font-size:var(--fs-11-5);font-weight:700;color:var(--text2);min-width:62px}
.reco-collect .rc-u{font-size:var(--fs-11);color:var(--text3)}
.reco-collect .rc-day{padding:5px 12px;border-radius:999px;border:1px solid var(--sep2);background:var(--bg2);color:var(--text2);font-family:var(--font);font-size:var(--fs-11-5);font-weight:700;cursor:pointer}
.reco-collect .rc-day.on{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}
.reco-collect .rc-arche{padding:5px 10px;border-radius:999px;border:1px solid var(--sep2);background:var(--bg2);color:var(--text2);font-family:var(--font);font-size:var(--fs-11);font-weight:700;cursor:pointer}
.reco-collect .rc-arche.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.reco-collect .rc-arche-row{align-items:flex-start}
.reco-collect input{width:60px;background:var(--bg2);border:1px solid var(--sep2);border-radius:7px;color:var(--text);font-family:var(--font);font-size:var(--fs-11-5);padding:5px 7px;box-sizing:border-box;outline:none}
.reco-collect i{color:var(--text3);font-style:normal}
.reco-collect .rc-run{margin-left:auto;padding:6px 13px;border-radius:var(--card-r);border:none;background:var(--grad-primary);color:#fff;font-family:var(--font);font-size:var(--fs-11-5);font-weight:800;cursor:pointer}
.reco-collect .rc-run:disabled{opacity:.5;cursor:wait}
.reco-collect .rc-msg{font-size:var(--fs-11);color:var(--text2);min-height:14px}
.reco-pend-card{background:var(--bg3)}
.reco-pend-btns{display:flex;gap:8px;margin-top:8px}
.reco-pend-btns .reco-use-btn{flex:1}
.rpub-grp{font-size:var(--fs-10);font-weight:800;color:var(--text3);margin:9px 2px 5px}
.rpub-grp:first-child{margin-top:0}
.rpub-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:2px}
.rpub-ck{display:flex;align-items:center;gap:7px;font-size:var(--fs-12);color:var(--text2);background:var(--bg2);border:1px solid var(--sep2);border-radius:var(--card-r);padding:7px 9px;cursor:pointer;user-select:none;line-height:1.25}
.rpub-ck input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px;flex:0 0 16px;margin:0;padding:0;accent-color:var(--blue);cursor:pointer}
.rpub-ck:has(input:checked){background:color-mix(in srgb, var(--c-df) 16%, transparent);border-color:color-mix(in srgb, var(--c-df) 55%, transparent);color:var(--text)}
@media(max-width:480px){.rpub-cats{grid-template-columns:1fr}}
.rpub-btns{display:flex;gap:8px;margin-top:4px}
.rpub-btns .reco-use-btn{flex:1}
.sl-mine-del{background:none;border:none;color:var(--text3);font-size:var(--fs-14);cursor:pointer;padding:2px 7px;border-radius:6px;flex-shrink:0;margin-left:4px}
.sl-mine-del:hover{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}
.sl-mine-pw:hover{color:var(--blue);background:color-mix(in srgb, var(--c-df) 12%, transparent)}
@media(max-width:760px){.reco-sheet{width:100vw;height:90vh}.reco-body{flex-direction:column}.reco-cats{width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;border-right:none;border-bottom:1px solid var(--sep);padding:8px}.reco-cgrp{display:none}.reco-cbtn{width:auto;white-space:nowrap;margin:0 4px 0 0}}
/* 시트지 로비 2단 + 추천 빌드 사이드 패널 */
.sl-wrap{max-width:1280px}
.sl-2col{display:flex;gap:14px;align-items:stretch;max-height:calc(100vh - 150px)}
.sl-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;min-height:0}
.sl-left>.sl-card:last-child{flex:1;min-height:0;display:flex;flex-direction:column}
.sl-left>.sl-card:last-child>#sl-public{flex:1}
.sl-right{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}
.sl-reco-card{display:flex;flex-direction:column;flex:0 1 auto;min-height:0}
/* 시트지 우측 규모별 빌드: 패널 안에서 스크롤(칸 넘침 방지) */
#sl-gbuild{display:flex;flex-direction:column;min-height:0;flex:none}
#sl-gbuild .be-wrap{display:flex;flex-direction:column;min-height:0;flex:none}
#sl-gbuild .be-list,#sl-gbuild .set-list{min-height:0!important;flex:none!important;overflow-y:auto;overflow-x:hidden;padding-right:6px;max-height:calc(100vh - 300px);scrollbar-width:thin;scrollbar-color:var(--sep2) transparent}
#sl-gbuild .be-list::-webkit-scrollbar,#sl-gbuild .set-list::-webkit-scrollbar{width:9px}
#sl-gbuild .be-list::-webkit-scrollbar-track,#sl-gbuild .set-list::-webkit-scrollbar-track{background:transparent}
#sl-gbuild .be-list::-webkit-scrollbar-thumb,#sl-gbuild .set-list::-webkit-scrollbar-thumb{background:var(--sep2);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
#sl-gbuild .be-list::-webkit-scrollbar-thumb:hover,#sl-gbuild .set-list::-webkit-scrollbar-thumb:hover{background:var(--text3);background-clip:padding-box}
#sl-gbuild .rp-body,#sl-gbuild [id$="-comp"]{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}
#sl-gbuild .be-list>*{max-width:100%;box-sizing:border-box}
#sl-gbuild .rp-body{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}
/* 추천 패널 상단 2탭 */
.rp-tabs{display:flex;gap:6px;margin-bottom:10px}
.rp-tab{flex:1;padding:10px 0;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text2);font-family:var(--font);font-size:var(--fs-13-5);font-weight:800;cursor:pointer;text-align:center;transition:all .12s}
.rp-tab:hover{color:var(--sel-fg);border-color:var(--sel-bd)}
.rp-tab.on{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}
/* 추천 세팅 */
.set-sortwrap{position:relative;margin-left:auto}
.set-sorticon{width:32px;height:32px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text2);font-size:var(--fs-15);cursor:pointer;display:flex;align-items:center;justify-content:center}
.set-sorticon:hover{border-color:var(--sel-bd);color:var(--sel-fg)}
.set-sortmenu{position:absolute;right:0;top:38px;z-index:60;background:var(--pop-bg);border:1px solid var(--sep2);border-radius:var(--card-r);box-shadow:0 10px 30px rgba(0,0,0,.5);padding:4px;min-width:130px}
.set-sortmenu button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text2);font-family:var(--font);font-size:var(--fs-12-5);font-weight:700;padding:8px 11px;border-radius:7px;cursor:pointer}
.set-sortmenu button:hover{background:var(--bg3);color:var(--text)}
.set-sortmenu button.on{color:var(--gold)}
.set-list{display:flex;flex-direction:column;gap:9px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:5px}
.set-card{position:relative;display:flex;gap:14px;align-items:flex-start;background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:11px 12px 14px}
.set-grid{display:grid;grid-template-columns:repeat(3,42px);gap:4px;flex-shrink:0}
.set-gi{width:42px;height:42px;border-radius:7px;background:rgba(0,0,0,.3);border:1px solid var(--sep2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.set-gi img{width:100%;height:100%;object-fit:contain}
.set-gi-e{background:rgba(255,255,255,.03);border-style:dashed}
.set-stat{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.set-wname{font-size:var(--fs-13-5);font-weight:800;color:var(--text);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.set-drow{display:flex;align-items:baseline;gap:7px;font-size:var(--fs-11);color:var(--text3);white-space:nowrap}
.set-drow span{min-width:46px}
.set-drow b{color:var(--text);font-size:var(--fs-13);font-weight:800}
.set-drow i{font-style:normal;font-size:var(--fs-10);color:var(--text3)}
.set-wr-hi{color:var(--c-heal)!important}.set-wr-lo{color:var(--loss)!important}
.set-save2{position:absolute;right:12px;bottom:11px;padding:6px 16px}
@media(max-width:900px){#sl-gbuild{flex:none}#sl-gbuild .be-list{flex:none;max-height:70vh}}
.sl-reco-cats{display:flex;gap:8px;margin-bottom:10px}
.sl-reco-tab{flex:1;padding:11px 0;border-radius:var(--btn-r);border:1px solid var(--sep2);border-bottom:2px solid var(--sep2);background:var(--bg2);color:var(--text2);font-family:var(--font);font-size:var(--fs-14);font-weight:800;letter-spacing:.3px;cursor:pointer;text-align:center;transition:all .12s}
.sl-reco-tab:hover{color:var(--sel-fg);border-color:var(--sel-bd)}
.sl-reco-tab.on{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}
.reco-bucketrow{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.reco-bktn{white-space:nowrap;min-width:64px;text-align:center;justify-content:center}
.reco-bktn:hover{border-color:var(--sel-bd);color:var(--sel-fg)}
.reco-bktn.on{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}
.reco-refresh{margin-left:auto;padding:4px 11px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg2);color:var(--text2);font-family:var(--font);font-size:var(--fs-11);font-weight:700;cursor:pointer;white-space:nowrap}
.reco-refresh:hover{border-color:var(--sel-bd);color:var(--sel-fg)}
.reco-refresh:active{transform:scale(.96)}
.sl-reclass{margin-left:auto;padding:4px 10px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg2);color:var(--text2);font-family:var(--font);font-size:var(--fs-11);font-weight:700;cursor:pointer;white-space:nowrap}
.sl-reclass:hover{border-color:var(--sel-bd);color:var(--sel-fg)}
.sl-reclass:disabled{opacity:.5;cursor:wait}
.sl-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap}

.sl-reco-cbtn.on{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}
.sl-reco-pend{margin-left:auto;border-color:rgba(255,77,79,.5);color:#ff9b9b}
.sl-reco-pend:hover{border-color:rgba(255,77,79,.8)}
.sl-reco-search{display:block;width:100%;max-width:none;flex:none;margin-bottom:10px;box-sizing:border-box}
.reco-nrange{padding:2px 4px 12px;flex:none}
.sl-reco-card .reco-nrange,.reco-main .reco-nrange{padding:2px 4px 12px}
.reco-nrange .rnr-top{font-size:var(--fs-11-5);color:var(--text2);font-weight:700;margin-bottom:9px}
.reco-nrange .rnr-top b{color:var(--gold)}
.reco-nrange .rnr-bar{position:relative;height:22px}
.reco-nrange .rnr-bar::before{content:'';position:absolute;left:0;right:0;top:9px;height:4px;border-radius:2px;background:var(--sep2)}
.reco-nrange .rnr-fill{position:absolute;top:9px;height:4px;border-radius:2px;background:var(--gold);left:0;right:0}
.reco-nrange .rnr-bar input[type=range]{position:absolute;left:0;right:0;top:0;width:100%;height:22px;margin:0;background:none;-webkit-appearance:none;appearance:none;pointer-events:none}
.reco-nrange .rnr-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--gold);cursor:pointer;pointer-events:auto;box-shadow:0 1px 4px rgba(0,0,0,.45)}
.reco-nrange .rnr-bar input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--gold);cursor:pointer;pointer-events:auto}
.reco-nrange .rnr-bar input[type=range]::-webkit-slider-runnable-track{background:none;border:none}
.reco-nrange .rnr-bar input[type=range]::-moz-range-track{background:none}
#sl-reco-list{display:flex;flex-direction:column;gap:9px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}
#sl-public{min-height:0;overflow-y:auto;padding-right:4px}
#sl-mine{max-height:34vh;overflow-y:auto;padding-right:4px}
/* 부드러운 스크롤바 (추천빌드 · 시트지 목록 · 내 시트지) */
#sl-reco-list,#sl-public,#sl-mine,.reco-list{scrollbar-width:thin;scrollbar-color:var(--sep2) transparent}
#sl-reco-list::-webkit-scrollbar,#sl-public::-webkit-scrollbar,#sl-mine::-webkit-scrollbar,.reco-list::-webkit-scrollbar{width:9px}
#sl-reco-list::-webkit-scrollbar-track,#sl-public::-webkit-scrollbar-track,#sl-mine::-webkit-scrollbar-track,.reco-list::-webkit-scrollbar-track{background:transparent}
#sl-reco-list::-webkit-scrollbar-thumb,#sl-public::-webkit-scrollbar-thumb,#sl-mine::-webkit-scrollbar-thumb,.reco-list::-webkit-scrollbar-thumb{background:var(--sep2);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
#sl-reco-list::-webkit-scrollbar-thumb:hover,#sl-public::-webkit-scrollbar-thumb:hover,#sl-mine::-webkit-scrollbar-thumb:hover,.reco-list::-webkit-scrollbar-thumb:hover{background:var(--text3);background-clip:padding-box}
@media(max-width:900px){.sl-2col{flex-direction:column;align-items:stretch;max-height:none}.sl-left,.sl-right{min-height:0}.sl-left>.sl-card:last-child{flex:none}.sl-right{width:100%}.sl-reco-card{flex:none}#sl-reco-list{flex:none;max-height:70vh}#sl-public{max-height:50vh}#sl-mine{max-height:none}}


/* 배경 이미지 테마 — 두 겹 크로스페이드 + 느린 켄번즈 무빙 */
#bg-fx{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.bg-fx-l{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;display:block;opacity:0;transform:scale(1.04);transition:opacity 1.9s cubic-bezier(.45,.05,.2,1);will-change:opacity,transform}
.bg-fx-l.ken{animation:bgKen 30s ease-in-out forwards}
@keyframes bgKen{0%{transform:scale(1.03) translate(0,0)}100%{transform:scale(1.12) translate(-1.6%,-1.1%)}}
#bg-veil{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(11,13,18,.88),rgba(7,9,14,.915))}
@media(prefers-reduced-motion:reduce){.bg-fx-l.ken{animation:none}.bg-fx-l{transition:opacity 1s linear}}

/* 배경(이미지) 테마일 때만 패널을 반투명 — 단색 테마에선 원래 박스 그대로(박스 사라짐 방지) */
body.imgbg .bt-card{background:color-mix(in srgb,var(--bg2) 50%,transparent)}
body.imgbg .bt-card:hover{background:color-mix(in srgb,var(--bg3) 58%,transparent)}
body.imgbg .party-block{background:color-mix(in srgb,var(--bg2) 50%,transparent)}
body.imgbg .reg-rec{background:color-mix(in srgb,var(--bg2) 50%,transparent)}
body.imgbg .pn-card{background:color-mix(in srgb,var(--bg2) 50%,transparent)!important}
body.imgbg .ntc-col{background:color-mix(in srgb,var(--bg2) 75%,transparent)}
body.imgbg .ntc-card,body.imgbg .req-card,body.imgbg .ntc-comp{background:color-mix(in srgb,var(--bg3) 75%,transparent)}
body.imgbg .sl-card,body.imgbg .sl-reco-card{background:color-mix(in srgb,var(--bg2) 75%,transparent)}
body.imgbg .sl-item{background:color-mix(in srgb,var(--bg3) 75%,transparent)}
body.imgbg .reco-card{background:color-mix(in srgb,var(--bg3) 75%,transparent)}
/* ── 의뢰소 ── */
.qb-page{max-width:1400px;margin:0 auto;padding:22px 26px}
@media(max-width:600px){.qb-page{padding:12px 10px}}
.qb-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.qb-h{font-size:var(--fs-18);font-weight:800;display:flex;align-items:center;gap:8px}
.qb-new{margin-left:auto;padding:9px 16px;border-radius:var(--btn-r);border:none;background:var(--grad-primary);color:#fff;font-weight:800;font-family:var(--font);font-size:var(--fs-13);cursor:pointer}
.qb-warn{font-size:var(--fs-11);color:var(--text3);background:color-mix(in srgb, var(--c-df) 7%, transparent);border:1px solid color-mix(in srgb, var(--c-df) 20%, transparent);border-radius:var(--card-r);padding:8px 11px;margin-bottom:12px;line-height:1.5}
.qb-warn b{color:#5aa9ff}
.qb-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.qb-fb{padding:6px 13px;border-radius:var(--card-r);border:1px solid var(--sep2);background:transparent;color:var(--text2);font-size:var(--fs-12);font-weight:700;font-family:var(--font);cursor:pointer}
.qb-fb.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.qb-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}
@media(max-width:720px){.qb-list{grid-template-columns:1fr}}
.qb-card{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:13px 14px;position:relative;border-left:3px solid var(--qc,var(--gold))}
.qb-card.seek{--qc:var(--c-bm)}.qb-card.offer{--qc:var(--c-heal)}
.qb-badges{display:flex;align-items:center;gap:6px;margin-bottom:7px;flex-wrap:wrap}
.qb-side{font-size:var(--fs-10-5);font-weight:800;letter-spacing:.3px;padding:2px 8px;border-radius:6px;color:#11140f}
.qb-card.seek .qb-side{background:var(--c-bm)}.qb-card.offer .qb-side{background:var(--c-heal)}
.qb-cat{font-size:var(--fs-10-5);font-weight:700;color:var(--text2);background:var(--bg3);border:1px solid var(--sep);border-radius:6px;padding:2px 8px}
.qb-t{font-size:var(--fs-14-5);font-weight:800;color:var(--text);margin-bottom:4px;word-break:break-word}
.qb-d{font-size:var(--fs-12-5);color:var(--text2);white-space:pre-wrap;word-break:break-word;line-height:1.5;margin-bottom:8px}
.qb-meta{display:flex;flex-direction:column;gap:3px;font-size:var(--fs-11-5);color:var(--text3);border-top:1px dashed var(--sep);padding-top:8px}
.qb-meta .row{display:flex;gap:7px}.qb-meta .k{color:var(--text3);min-width:42px}.qb-meta .v{color:var(--text);font-weight:600;word-break:break-all}
.qb-reward{color:var(--c-caller)!important;font-weight:800!important}
.qb-foot{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:var(--fs-10-5);color:var(--text3)}
.qb-del{background:none;border:1px solid var(--sep2);color:var(--text3);border-radius:6px;padding:2px 8px;cursor:pointer;font-size:var(--fs-10)}
.qb-foot-btns{margin-left:auto;display:flex;gap:6px;flex-shrink:0}
.qb-ddl-foot{font-size:var(--fs-11-5);font-weight:700;color:var(--c-bm)}
.qb-done-btn{border-color:color-mix(in srgb, var(--c-heal) 50%, transparent)!important;color:var(--c-heal)!important}
.qb-empty,.qb-load{text-align:center;color:var(--text3);font-size:var(--fs-12-5);padding:34px 0}
.qb-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qb-seg{display:inline-flex;border:1px solid var(--sep2);border-radius:var(--card-r);overflow:hidden;margin-bottom:10px}
.qb-segb{padding:8px 16px;background:var(--bg3);color:var(--text2);border:none;font-family:var(--font);font-size:var(--fs-13);font-weight:800;cursor:pointer}
.qb-segb+.qb-segb{border-left:1px solid var(--sep2)}
.qb-segb.on.seek{background:var(--c-bm);color:#1a1206}.qb-segb.on.offer{background:var(--c-heal);color:#11200f}
.qb-lbl{font-size:var(--fs-11);font-weight:700;color:var(--text2);margin:8px 0 4px}
.qb-in,.qb-ta,.qb-sel{width:100%;padding:9px 11px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text);font-family:var(--font);font-size:var(--fs-13);box-sizing:border-box}
.qb-ta{min-height:200px;resize:vertical}
.qb-ddl-quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.qb-ddlq{padding:6px 12px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text2);font-family:var(--font);font-size:var(--fs-12);font-weight:700;cursor:pointer}
.qb-ddlq.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.qb-ddl-row{display:flex;gap:8px;align-items:center}
.qb-ddl-row #qb-ddl-date{flex:2;min-width:0}
.qb-ddl-row select{flex:1;min-width:0}
.qb-card.done{opacity:.66}
.rc-card{border-left-color:var(--blue)}
.rc-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px}
.rc-guild{font-size:var(--fs-16);font-weight:800;color:var(--text);word-break:break-word}
.rc-srv{font-size:var(--fs-10-5);font-weight:800;color:var(--c-df);background:color-mix(in srgb, var(--c-df) 14%, transparent);border:1px solid color-mix(in srgb, var(--c-df) 40%, transparent);border-radius:6px;padding:2px 8px}
.rc-ip{font-size:var(--fs-10-5);font-weight:800;color:var(--c-sup);background:color-mix(in srgb, var(--c-sup) 12%, transparent);border:1px solid color-mix(in srgb, var(--c-sup) 40%, transparent);border-radius:6px;padding:2px 8px}
.rc-tags-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.rc-tag-chip{font-size:var(--fs-10-5);font-weight:700;color:var(--text2);background:var(--bg3);border:1px solid var(--sep);border-radius:6px;padding:2px 8px}
.rc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}
.rc-tag{padding:6px 12px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text2);font-family:var(--font);font-size:var(--fs-12);font-weight:700;cursor:pointer}
.rc-tag.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.rc-contact-btn{display:inline-block;text-decoration:none;background:linear-gradient(135deg,#5865f2,#404eed);color:#fff;font-weight:800;font-size:var(--fs-12);border-radius:var(--card-r);padding:6px 12px}
.rc-contact-txt{font-size:var(--fs-12);color:var(--text2);font-weight:600;word-break:break-all}
.rc-subtabs{display:flex;gap:6px;background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:5px;margin-bottom:14px;max-width:340px}
/* 전적봇 탭 */
.botpage{max-width:660px;margin:2px auto 0;display:flex;flex-direction:column;gap:13px}
.bot-hero{display:flex;align-items:center;gap:14px;background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:17px 19px}
.bot-hero-ic{width:58px;height:58px;border-radius:15px;background:var(--grad-primary);background-origin:border-box;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:var(--grad-primary-sh)}
.bot-hero-ic svg{width:34px;height:34px;display:block}
.bot-h1{font-size:21px;font-weight:900;color:var(--text)}
.bot-sub{font-size:12.5px;color:var(--text3);margin-top:4px;line-height:1.55}
.bot-sub b{color:var(--text2)}
.bot-invite{display:block;text-align:center;background:var(--grad-primary);background-origin:border-box;color:#fff;font-weight:800;font-size:14.5px;padding:14px;border-radius:var(--btn-r);text-decoration:none;box-shadow:var(--grad-primary-sh)}
.bot-invite:hover{filter:brightness(1.07)}
.bot-copy{background:var(--sel-bg);color:var(--sel-fg);border:1px solid var(--sel-bd);border-radius:var(--btn-r);padding:10px;font-weight:700;font-size:12.5px;cursor:pointer;font-family:var(--font);margin-top:-4px}
.bot-copy:hover{filter:brightness(1.1)}
.bot-steps{display:flex;flex-direction:column;gap:9px;margin-top:2px}
.bot-step{display:flex;gap:12px;background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:13px 15px}
.bot-num{flex:none;width:26px;height:26px;border-radius:50%;background:var(--sel-bg);color:var(--sel-fg);border:1px solid var(--sel-bd);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px}
.bot-stx b{font-size:13.5px;font-weight:800;color:var(--text)}
.bot-stx p{font-size:12px;color:var(--text2);line-height:1.6;margin-top:4px}
.bot-stx code{background:var(--bg3);border:1px solid var(--sep2);border-radius:5px;padding:1px 6px;font-size:11.5px;color:var(--sel-fg);font-weight:700;font-family:var(--font)}
.bot-tip{color:var(--text3);font-size:11px}
.bot-note{font-size:11.5px;color:var(--text3);text-align:center;line-height:1.55;padding:2px 8px}
.bot-ex{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:15px 16px;display:flex;flex-direction:column;gap:11px}
.bot-ex-h{font-size:13px;font-weight:800;color:var(--text2)}
.bot-ex-img{width:100%;height:auto;border-radius:10px;border:1px solid var(--sep2);display:block;background:#0b0d12}
.bot-ex-list{list-style:none;display:flex;flex-direction:column;gap:7px;margin:0;padding:0}
.bot-ex-list li{font-size:12px;color:var(--text2);line-height:1.55}
.bot-ex-list b{color:var(--text)}
.bot-ex-list .ex-g{color:var(--win)!important}
.dcbot-wrap{max-width:660px;margin:0 auto;padding:4px 0}
.dcbot-head{font-size:22px;font-weight:900;color:var(--text);display:flex;align-items:baseline;gap:10px;margin-bottom:13px;flex-wrap:wrap}
.dcbot-sub{font-size:12.5px;font-weight:600;color:var(--text3)}
.dcbot-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.dcbot-tab{padding:8px 16px;border-radius:var(--btn-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text2);font-family:var(--font);font-weight:800;font-size:13px;cursor:pointer}
.dcbot-tab.active{background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}
.dcbot-wrap .botpage{margin:0}
/* 매싱봇 꾸미기 가이드 — 좌:문법 힌트 / 우:아이콘 팔레트 */
.mb-guide{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:15px 16px}
.mb-guide-h{font-size:13px;font-weight:800;color:var(--text2);margin-bottom:12px}
.mb-guide-h b{color:var(--text)}
.mb-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.mb-cols{grid-template-columns:1fr}}
.mb-col-h{font-size:11px;font-weight:800;letter-spacing:.4px;color:var(--text3);text-transform:uppercase;margin-bottom:8px}
.mb-synrow{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--sep)}
.mb-synrow:last-child{border-bottom:none}
.mb-syn-in{flex:none;min-width:88px;background:var(--bg3);border:1px solid var(--sep2);border-radius:5px;padding:3px 7px;font-size:11.5px;color:var(--sel-fg);font-weight:700;font-family:var(--font);white-space:nowrap}
.mb-syn-arr{flex:none;color:var(--text3);font-size:11px}
.mb-syn-out{font-size:12.5px;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis}
.mb-syn-out .big{font-size:16px;font-weight:900}.mb-syn-out .mid{font-size:14px;font-weight:800}
.mb-syn-out .b{font-weight:900}.mb-syn-out .i{font-style:italic}.mb-syn-out .u{text-decoration:underline}.mb-syn-out .s{text-decoration:line-through;color:var(--text3)}
.mb-syn-out .q{border-left:3px solid var(--sep2);padding-left:7px;color:var(--text2)}
.mb-syn-out code{background:var(--bg3);border:1px solid var(--sep2);border-radius:4px;padding:0 5px;font-size:11.5px;color:var(--sel-fg);font-family:var(--font)}
.mb-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
@media(max-width:560px){.mb-icons{grid-template-columns:repeat(8,1fr)}}
.mb-ic{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--bg3);border:1px solid var(--sep2);border-radius:8px;cursor:pointer;transition:transform .1s,border-color .1s;line-height:1}
.mb-ic:hover{transform:scale(1.12);border-color:var(--sel-bd)}
.mb-ic.copied{border-color:var(--win);background:rgba(48,209,88,.15)}
.mb-ic-tip{font-size:11px;color:var(--text3);margin-top:9px;text-align:center}
/* 매싱봇 단계별 예시 이미지 */
.mb-shot{width:100%;height:auto;border-radius:10px;border:1px solid var(--sep2);display:block;background:#1e1f22;margin-top:4px}
.mb-cap{font-size:11.5px;color:var(--text3);line-height:1.55;margin-top:7px}
.mb-cap b{color:var(--text2)}
.rc-stab{flex:1;padding:9px 0;border:none;border-radius:var(--card-r);background:transparent;color:var(--text2);font-family:var(--font);font-size:var(--fs-13-5);font-weight:800;cursor:pointer;transition:background .15s,color .15s}
.rc-stab.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}
.rc-imgs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.rc-img{max-width:140px;max-height:140px;border-radius:var(--card-r);border:1px solid var(--sep);cursor:zoom-in;object-fit:cover}
.rc-imgprev{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.rc-imgpv{position:relative}
.rc-imgpv img{width:84px;height:84px;object-fit:cover;border-radius:var(--card-r);border:1px solid var(--sep2)}
.rc-imgpv button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:none;background:var(--red);color:#fff;font-weight:800;cursor:pointer;line-height:1;font-size:var(--fs-13)}
.rc-imgbtn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:var(--card-r);border:1px dashed var(--sep2);background:var(--bg3);color:var(--text2);font-size:var(--fs-12-5);font-weight:700;cursor:pointer;margin-top:8px}
.rc-fame{font-size:var(--fs-10-5);font-weight:800;color:var(--c-heal);background:color-mix(in srgb, var(--c-heal) 12%, transparent);border:1px solid color-mix(in srgb, var(--c-heal) 40%, transparent);border-radius:6px;padding:2px 8px}
.rc-rt{min-height:340px;max-height:560px;overflow-y:auto;padding:13px 14px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text);font-family:var(--font);font-size:var(--fs-13-5);line-height:1.6;outline:none;box-sizing:border-box}
.rc-rt:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-df) 12%, transparent)}
.rc-rt.rc-rt-drag{border-color:var(--blue);background:color-mix(in srgb, var(--c-df) 6%, transparent)}
.rc-rt:empty:before{content:attr(data-ph);color:var(--text3);pointer-events:none}
.rc-rt-img{max-width:240px;max-height:240px;border-radius:var(--card-r);margin:5px 6px 5px 0;vertical-align:middle;cursor:grab;border:1px solid var(--sep)}
.rc-rich{white-space:normal}
.rc-rich .rc-rtext{white-space:pre-wrap;word-break:break-word}
.rc-rich .rc-img{display:inline-block;margin:5px 6px 5px 0;vertical-align:middle}
.rc-lb-ov{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:20px}
.rc-lb-ov img{max-width:96%;max-height:96%;border-radius:var(--card-r)}
.rcg-search{display:flex;gap:8px;margin-bottom:12px;align-items:flex-start}
.rcg-inwrap{position:relative;flex:1;min-width:0}
.rcg-suggest{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;background:var(--pop-bg);border:1px solid var(--sep2);border-radius:var(--card-r);overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.35);max-height:320px;overflow-y:auto}
.rcg-sg{padding:9px 13px;font-size:var(--fs-13);font-weight:600;color:var(--text);cursor:pointer;border-bottom:1px solid var(--sep)}
.rcg-sg:last-child{border-bottom:none}
.rcg-sg:hover{background:var(--bg3)}
.rcg-tag{color:var(--text3);font-size:var(--fs-11);font-weight:700}
.rcg-card{background:var(--bg2);border:1px solid var(--sep);border-radius:var(--card-r);padding:16px}
.rcg-gtop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.rcg-gname{font-size:var(--fs-20);font-weight:800;color:var(--text)}
.rcg-ally{font-size:var(--fs-12);font-weight:700;color:var(--c-sup);background:color-mix(in srgb, var(--c-sup) 12%, transparent);border:1px solid color-mix(in srgb, var(--c-sup) 35%, transparent);border-radius:7px;padding:3px 9px}
.rcg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:9px;margin-bottom:16px}
.rcg-stat{background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:11px 10px;text-align:center}
.rcg-sv{font-size:var(--fs-16);font-weight:800;color:var(--text);word-break:break-all}
.rcg-sl{font-size:var(--fs-11);color:var(--text3);margin-top:3px}
.rcg-mtitle{font-size:var(--fs-13);font-weight:800;color:var(--text2);margin-bottom:8px}
.rcg-mscroll{max-height:460px;overflow-y:auto;border:1px solid var(--sep);border-radius:var(--card-r)}
.rcg-mtbl{width:100%;border-collapse:collapse;font-size:var(--fs-12-5)}
.rcg-mtbl th{position:sticky;top:0;background:var(--bg3);color:var(--text3);font-weight:700;font-size:var(--fs-11);padding:8px 10px;text-align:right;border-bottom:1px solid var(--sep)}
.rcg-mtbl th:nth-child(1),.rcg-mtbl th:nth-child(2){text-align:left}
.rcg-mtbl td{padding:7px 10px;text-align:right;color:var(--text);border-bottom:1px solid var(--sep)}
.rcg-mtbl tr:last-child td{border-bottom:none}
.rcg-mtbl .rcg-rk{color:var(--text3);text-align:left;width:38px}
.rcg-mtbl .rcg-nm{text-align:left;font-weight:700;word-break:break-word}
@media(max-width:600px){.rc-img{max-width:104px;max-height:104px}.rcg-gname{font-size:var(--fs-17)}}
.srv-sel{padding:7px 10px;border-radius:var(--card-r);border:1px solid var(--sep2);background:var(--bg3);color:var(--text);font-family:var(--font);font-size:var(--fs-12-5);font-weight:700;cursor:pointer}
/* 서버선택 + 검색창을 하나의 박스로 통합(플레이어/길드정보/길드전적 공통) */
.rcg-srvrow{display:flex;gap:0;align-items:stretch;margin-bottom:14px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--sep2);border-radius:var(--card-r);overflow:visible;position:relative;z-index:30;transition:border-color .15s,box-shadow .15s,background .15s}
.rcg-srvrow:focus-within{border-color:var(--blue);background:color-mix(in srgb, var(--c-df) 7%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--c-df) 14%, transparent)}
.rcg-searchwrap{flex:1 1 auto;min-width:0;margin:0!important}
.rcg-srvrow .rcg-srvsel{flex:0 0 122px;width:122px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-right:1px solid var(--sep2);border-radius:0;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1 1l4 4 4-4" stroke="%238a8f98" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:right 11px center;color:var(--text);font-size:var(--fs-12-5);font-weight:700;padding:0 28px 0 14px}
.rcg-srvrow .rcg-srvsel:hover{background-color:rgba(255,255,255,.04)}
.srv-sel option,.rcg-srvsel option{background:#2c2c2e;color:#fff;font-weight:600} /* 펼친 목록(네이티브)도 다크로 — 흰 배경 방지 */
.rcg-srvrow .rec-search{border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
@media(max-width:600px){.rcg-srvrow{flex-wrap:wrap}.rcg-srvrow .rcg-srvsel{flex:1 1 100%;width:100%;height:44px;border-right:none;border-bottom:1px solid var(--sep2)}}
.rcg-sec{margin-top:30px}
.rcg-sec:first-child{margin-top:0}
.rcg-sect{font-size:var(--fs-13);font-weight:800;color:var(--text);margin-bottom:12px}
.rcg-sect small{font-size:var(--fs-10-5);font-weight:600;color:var(--text3);margin-left:5px}
.rcg-wrrow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.rcg-wr5{grid-template-columns:repeat(6,1fr)}
.rcg-wr-v.rcg-wr-pve{font-size:var(--fs-17);color:var(--c-heal)}
@media(max-width:600px){.rcg-wr5{grid-template-columns:repeat(2,1fr)}}
.rcg-wr{background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:14px 8px;text-align:center}
.rcg-wr-v{font-size:var(--fs-24);font-weight:800;line-height:1}
.rcg-wr-l{font-size:var(--fs-12-5);font-weight:800;color:var(--text);margin-top:6px}
.rcg-wr-l small{font-size:var(--fs-9-5);font-weight:600;color:var(--text3);display:block;margin-top:1px}
.rcg-wr-n{font-size:var(--fs-10-5);color:var(--text3);margin-top:4px}
.rcg-pverate{background:color-mix(in srgb, var(--c-heal) 8%, transparent);border:1px solid color-mix(in srgb, var(--c-heal) 25%, transparent);border-radius:var(--card-r);padding:11px 13px;font-size:var(--fs-13);color:var(--text2);font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rcg-pverate b{color:var(--c-heal);font-size:var(--fs-16);font-weight:800}
.rcg-pverate small{color:var(--text3);font-size:var(--fs-10-5);font-weight:500}
.rcg-line-plot{position:relative;height:150px;background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);overflow:hidden}
.rcg-line-svg{position:absolute;inset:0;width:100%;height:100%}
.rcg-line-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--c-heal);transform:translate(-50%,50%);box-shadow:0 0 0 2px var(--bg3);cursor:help}
.rcg-line-dot.peak{width:9px;height:9px;background:#fff;box-shadow:0 0 0 2px var(--c-heal),0 0 8px color-mix(in srgb, var(--c-heal) 70%, transparent)}
.rcg-line-ax{display:flex;margin-top:5px}
.rcg-line-ax span{flex:1;text-align:center;font-size:var(--fs-8-5);color:var(--text3);line-height:1}
.rcg-line-ax span.pk{color:var(--c-heal);font-weight:800}
.rcg-ppbar{display:flex;height:30px;border-radius:var(--card-r);overflow:hidden;font-size:var(--fs-12);font-weight:800}
.rcg-ppp{background:linear-gradient(90deg,#3f9e6b,var(--c-heal));display:flex;align-items:center;justify-content:center;min-width:46px;color:#08291a;font-weight:800}
.rcg-ppe{background:color-mix(in srgb, var(--c-heal) 14%, transparent);display:flex;align-items:center;justify-content:center;min-width:46px;color:#7fd9a6;font-weight:800}
.rcg-bars .rec-bar-lbl{flex:0 0 96px}
.rcg-bars .rec-bar-val{min-width:74px}
.rcg-md{font-size:var(--fs-11);font-weight:800;margin-left:4px;vertical-align:middle}
.rcg-md.up{color:var(--c-heal)}.rcg-md.down{color:#f0857f}.rcg-md.flat{color:var(--text3);font-weight:700}
.rcg-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.rcg-rscol{background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:10px 11px;border-top:2px solid var(--c-heal)}
.rcg-rshead{display:flex;align-items:center;gap:6px;margin-bottom:9px}
.rcg-rsic{font-size:var(--fs-16);line-height:1}
.rcg-rsname{font-size:var(--fs-12-5);font-weight:800;color:var(--text)}
.rcg-rscount{margin-left:auto;font-size:var(--fs-11);font-weight:800;color:var(--text2);background:var(--bg2);border-radius:var(--card-r);padding:1px 9px}
.rcg-rschips{display:flex;flex-wrap:wrap;gap:5px}
.rcg-rsm{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-11-5);font-weight:600;color:var(--text);background:var(--bg2);border:1px solid var(--sep);border-radius:7px;padding:3px 7px;cursor:pointer;transition:border-color .12s,background .12s}
.rcg-rsm:hover{border-color:var(--c-heal);background:color-mix(in srgb, var(--c-heal) 10%, transparent)}
.rcg-rsg{font-style:normal;font-size:var(--fs-9);font-weight:800;color:#08291a;background:var(--c-heal);border-radius:4px;padding:0 4px;line-height:1.5}
.rcg-rsg.gSS,.rcg-rsg.gS,.rcg-rsg.gA{background:#ffd166;color:#3a2a00}
.rcg-field{background:radial-gradient(ellipse at 50% 118%,#26342a 0%,#161c20 58%,#10141a 100%);border:1px solid var(--sep);border-radius:var(--card-r);padding:24px 14px 18px;display:flex;flex-direction:column;gap:9px;align-items:center;overflow-x:auto}
.rcg-frow{display:flex;align-items:center;gap:10px;transform-origin:center bottom}
.rcg-ftier{flex:0 0 56px;width:56px;text-align:right;font-size:var(--fs-10);font-weight:800;color:var(--text3);letter-spacing:.3px}
.rcg-ftoks{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.rcg-tok{width:72px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:transform .12s}
.rcg-tok:hover{transform:translateY(-3px)}
.rcg-tok-ic{position:relative;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-21);background:rgba(255,255,255,.06);border:2px solid var(--sep2)}
.rcg-tok.gSS .rcg-tok-ic,.rcg-tok.gS .rcg-tok-ic,.rcg-tok.gA .rcg-tok-ic{border-color:#ffd166;box-shadow:0 0 11px rgba(255,209,102,.45)}
.rcg-tok.gB .rcg-tok-ic,.rcg-tok.gC .rcg-tok-ic{border-color:var(--c-heal)}
.rcg-tok-g{position:absolute;top:-5px;right:-4px;font-size:var(--fs-9);font-weight:800;background:#ffd166;color:#3a2a00;border-radius:5px;padding:0 4px;line-height:1.5;border:1px solid rgba(0,0,0,.3)}
.rcg-tok.gB .rcg-tok-g,.rcg-tok.gC .rcg-tok-g{background:var(--c-heal);color:#08291a}
.rcg-tok.gD .rcg-tok-g,.rcg-tok.gE .rcg-tok-g,.rcg-tok.gF .rcg-tok-g{background:var(--sep2);color:var(--text2)}
.rcg-tok-n{font-size:var(--fs-9-5);color:#dceee3;font-weight:700;max-width:72px;white-space:normal;word-break:break-all;line-height:1.15;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.rcg-bench{margin-top:12px}
.rcg-bench-h{font-size:var(--fs-11-5);font-weight:800;color:var(--text3);margin-bottom:7px}
.rcg-bench-list{display:flex;flex-wrap:wrap;gap:5px}
@media(max-width:600px){.rcg-ftier{flex-basis:34px;width:34px;font-size:var(--fs-8)}.rcg-tok{width:62px}.rcg-tok-ic{width:34px;height:34px;font-size:var(--fs-17)}.rcg-tok-n{max-width:62px}}
.rcg-clk{cursor:pointer}
.rcg-mtbl .rcg-clk:hover{color:var(--c-heal);text-decoration:underline}
[data-pn],[data-gn]{cursor:pointer}
[data-pn]:hover,[data-gn]:hover{text-decoration:underline}
.gsum-gname{font-size:var(--fs-14);font-weight:800;color:var(--text);margin:2px 0 12px;display:flex;align-items:center;gap:6px}
.gsum-gname[data-gn]{cursor:pointer}
.gsum-gmore{font-size:var(--fs-11);font-weight:700;color:var(--blue)}
.rcg-mtog{width:100%;text-align:left;background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:12px 14px;font-family:var(--font);font-size:var(--fs-13);font-weight:800;color:var(--text);cursor:pointer;transition:background .12s}
.rcg-mtog:hover{background:var(--bg2)}
.rcg-mtog-ar{color:var(--text3);margin-right:4px}
.rcg-mwrap{margin-top:10px}
.rcg-blobwrap{display:flex;justify-content:center;padding:14px 4px;overflow-x:auto}
.rcg-blob{position:relative;flex:0 0 auto;margin:0 auto}
@keyframes rcgFloat{0%{transform:translate(0,0)}50%{transform:translate(0,-6px)}100%{transform:translate(0,0)}}
.rcg-bubw{position:absolute;animation:rcgFloat 4s ease-in-out infinite}
.rcg-bub{width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center;padding:4px;box-sizing:border-box;background:radial-gradient(circle at 36% 30%,color-mix(in srgb, var(--c-heal) 42%, transparent),color-mix(in srgb, var(--c-heal) 12%, transparent));border:1px solid color-mix(in srgb, var(--c-heal) 45%, transparent);color:#eafff2;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.rcg-bub:hover{transform:scale(1.12);box-shadow:0 0 18px color-mix(in srgb, var(--c-heal) 50%, transparent);background:radial-gradient(circle at 36% 30%,color-mix(in srgb, var(--c-heal) 60%, transparent),color-mix(in srgb, var(--c-heal) 20%, transparent))}
.rcg-bubw:hover{z-index:5;animation-play-state:paused}
.rcg-bub-n{font-weight:800;line-height:1.05;word-break:break-all;max-width:96%}
.rcg-bub-c{font-size:var(--fs-10);font-weight:700;color:#c9f1d8;margin-top:2px}
.rcg-agi{cursor:pointer}
.rcg-agi:hover{border-color:var(--c-sup);color:var(--c-sup)}
.rcg-rsg.gD,.rcg-rsg.gE,.rcg-rsg.gF{background:var(--sep2);color:var(--text2)}
.rcg-allyname{font-size:var(--fs-14);font-weight:800;color:var(--c-sup);margin-bottom:8px}
.rcg-aglist{display:flex;flex-wrap:wrap;gap:6px}
.rcg-agi{font-size:var(--fs-11-5);font-weight:700;color:var(--text2);background:var(--bg3);border:1px solid var(--sep);border-radius:7px;padding:4px 9px}
.rcg-jl{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rcg-jlcol{background:var(--bg3);border:1px solid var(--sep);border-radius:var(--card-r);padding:10px}
.rcg-jlh{font-size:var(--fs-11-5);font-weight:800;margin-bottom:7px}
.rcg-jlh.in{color:var(--c-heal)}.rcg-jlh.out{color:var(--loss)}
.rcg-jli{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-12);padding:3px 0;color:var(--text)}
.rcg-jli small{color:var(--text3);font-size:var(--fs-10-5)}
.rcg-jlempty{font-size:var(--fs-11);color:var(--text3);padding:6px 0}
.rcg-disc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.rcg-rcbtn{background:var(--bg3);border:1px solid var(--sep2);color:var(--text2);border-radius:var(--card-r);padding:6px 11px;font-size:var(--fs-12);font-weight:700;cursor:pointer;font-family:var(--font)}
@media(max-width:600px){.rcg-rn{flex-basis:90px}.rcg-jl{grid-template-columns:1fr}}
.qb-done{font-size:var(--fs-10-5);font-weight:800;color:var(--c-heal);background:color-mix(in srgb, var(--c-heal) 12%, transparent);border:1px solid color-mix(in srgb, var(--c-heal) 35%, transparent);border-radius:6px;padding:2px 8px}
.qb-exp{font-size:var(--fs-10-5);font-weight:800;color:var(--text3);background:var(--bg3);border:1px solid var(--sep);border-radius:6px;padding:2px 8px}
.qb-ddl-chip{font-size:var(--fs-10);font-weight:800;color:var(--c-bm);background:color-mix(in srgb, var(--c-bm) 12%, transparent);border:1px solid color-mix(in srgb, var(--c-bm) 30%, transparent);border-radius:6px;padding:2px 7px;margin-left:auto}
.qb-divider{grid-column:1/-1;font-size:var(--fs-12);font-weight:800;color:var(--text3);margin:8px 0 2px;border-top:1px dashed var(--sep);padding-top:12px}
/* ===== 라이트: 완전 흑백(빨강도 제거) · 버튼 흰색/선택만 검정 · 역할색 파스텔 ===== */
html.theme-light .titlebar{background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--sep)!important}
html.theme-light .tmpl-bar{background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--sep)!important}
html.theme-light .party-cmt{background:rgba(0,0,0,.045)!important;color:var(--text)!important}
html.theme-light .party-cmt:focus{background:rgba(0,0,0,.07)!important;border-color:var(--sep2)!important}
html.theme-light .skill-box{background:#e9ebee!important}
html.theme-light .skill-box.empty{background:rgba(0,0,0,.05)!important}
html.theme-light .skill-dd{background:#fff!important;border-color:var(--sep2)!important;box-shadow:0 14px 44px rgba(0,0,0,.18)!important}
html.theme-light #app-tip{background:rgba(255,255,255,.98)!important;color:#1c1c1e!important;border-color:rgba(0,0,0,.12)!important}
html.theme-light .cmt-box{background:#fff!important}
html.theme-light .add-party-btn{background:var(--bg2)!important;color:var(--text2)!important;border:1px solid var(--sep2)!important}
html.theme-light .pn-card{background:#fff!important;border:1px solid var(--sep2)!important;border-radius:var(--card-r)!important;margin-bottom:10px!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important}
html.theme-light .ov-sheet{background:rgba(255,255,255,.97)!important;border-color:var(--sep2)!important;box-shadow:0 36px 70px rgba(0,0,0,.22)!important}
html.theme-light .adlg-card{background:#fff!important;border-color:var(--sep2)!important;box-shadow:0 36px 70px rgba(0,0,0,.22)!important}
html.theme-light .ov-close{background:rgba(0,0,0,.05)!important;color:var(--text2)!important;border-color:var(--sep2)!important}
html.theme-light .adlg-cancel{background:rgba(0,0,0,.05)!important;color:var(--text2)!important}
html.theme-light #login-card{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 10%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 10%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 10%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 16%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 16%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 16%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#7fb0ff"]{color:#33353b!important}
html.theme-light [style*="background:#7fb0ff"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #7fb0ff"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 90%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 90%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 90%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 18%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 18%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 18%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#06351a"]{color:#33353b!important}
html.theme-light [style*="background:#06351a"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #06351a"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 20%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 20%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 20%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 25%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 25%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 25%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(255,204,0,.95)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(255,204,0,.95)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(255,204,0,.95)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 55%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 55%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 55%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#d4af37"]{color:#33353b!important}
html.theme-light [style*="background:#d4af37"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #d4af37"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-deal) 20%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-deal) 20%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-deal) 20%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--sel-fg)"]{color:#33353b!important}
html.theme-light [style*="background:#9ecbff"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #9ecbff"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 40%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 40%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 40%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-deal) 30%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-deal) 30%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-deal) 30%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#2dd4a7"]{color:#33353b!important}
html.theme-light [style*="background:#2dd4a7"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #2dd4a7"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#2e7d32"]{color:#33353b!important}
html.theme-light [style*="background:#2e7d32"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #2e7d32"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 6%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 6%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 6%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 15%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 15%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 15%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 80%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 80%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 80%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ffd6e0"]{color:#33353b!important}
html.theme-light [style*="background:#ffd6e0"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ffd6e0"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 7%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 7%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 7%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-sup) 25%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-sup) 25%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-sup) 25%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(22,38,58,.78)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(22,38,58,.78)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(22,38,58,.78)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-deal) 90%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-deal) 90%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-deal) 90%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#482a35"]{color:#33353b!important}
html.theme-light [style*="background:#482a35"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #482a35"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 35%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 35%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 35%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 24%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 24%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 24%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#7fd0ff"]{color:#33353b!important}
html.theme-light [style*="background:#7fd0ff"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #7fd0ff"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 22%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 22%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 22%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 16%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 16%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 16%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 7%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 7%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 7%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 20%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 20%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 20%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 15%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 15%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 15%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 40%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 40%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 40%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(52,199,89,.4)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(52,199,89,.4)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(52,199,89,.4)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 30%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 30%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 30%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 12%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 12%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 12%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 45%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 45%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 45%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#a7f3d0"]{color:#33353b!important}
html.theme-light [style*="background:#a7f3d0"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #a7f3d0"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 70%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 70%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 70%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-deal) 38%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-deal) 38%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-deal) 38%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#4895ef"]{color:#33353b!important}
html.theme-light [style*="background:#4895ef"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #4895ef"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 40%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 40%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 40%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#1f3550"]{color:#33353b!important}
html.theme-light [style*="background:#1f3550"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #1f3550"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 14%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 14%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 14%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 50%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 50%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 50%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#cf4135"]{color:#33353b!important}
html.theme-light [style*="background:#cf4135"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #cf4135"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 5%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 5%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 5%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 90%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 90%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 90%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ffe88a"]{color:#33353b!important}
html.theme-light [style*="background:#ffe88a"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ffe88a"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 10%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 10%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 10%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--win)"]{color:#33353b!important}
html.theme-light [style*="background:var(--win)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid var(--win)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ff5a5f"]{color:#33353b!important}
html.theme-light [style*="background:#ff5a5f"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ff5a5f"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 32%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 32%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 32%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 55%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 55%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 55%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 85%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 85%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 85%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-sup) 20%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-sup) 20%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-sup) 20%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 7%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 7%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 7%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#16263a"]{color:#33353b!important}
html.theme-light [style*="background:#16263a"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #16263a"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 22%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 22%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 22%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 14%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 14%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 14%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 8%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 8%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 8%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-sup) 18%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-sup) 18%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-sup) 18%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#a87b0f"]{color:#33353b!important}
html.theme-light [style*="background:#a87b0f"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #a87b0f"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 60%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 60%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 60%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 85%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 85%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 85%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 80%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 80%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 80%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 20%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 20%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 20%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 65%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 65%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 65%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 8%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 8%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 8%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--loss)"]{color:#33353b!important}
html.theme-light [style*="background:var(--loss)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid var(--loss)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#2f9e54"]{color:#33353b!important}
html.theme-light [style*="background:#2f9e54"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #2f9e54"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 25%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 25%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 25%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(255,77,79,.5)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(255,77,79,.5)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(255,77,79,.5)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ffa5c3"]{color:#33353b!important}
html.theme-light [style*="background:#ffa5c3"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ffa5c3"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 28%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 28%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 28%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 12%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 12%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 12%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#34c759"]{color:#33353b!important}
html.theme-light [style*="background:#34c759"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #34c759"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#1f9d55"]{color:#33353b!important}
html.theme-light [style*="background:#1f9d55"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #1f9d55"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 12%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 12%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 12%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ffcc33"]{color:#33353b!important}
html.theme-light [style*="background:#ffcc33"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ffcc33"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 90%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 90%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 90%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#322a18"]{color:#33353b!important}
html.theme-light [style*="background:#322a18"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #322a18"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 55%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 55%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 55%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 70%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 70%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 70%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 60%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 60%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 60%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--c-df)"]{color:#33353b!important}
html.theme-light [style*="background:var(--c-df)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid var(--c-df)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ffd9b3"]{color:#33353b!important}
html.theme-light [style*="background:#ffd9b3"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ffd9b3"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#cfc9ff"]{color:#33353b!important}
html.theme-light [style*="background:#cfc9ff"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #cfc9ff"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(255,77,79,.8)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(255,77,79,.8)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(255,77,79,.8)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 30%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 30%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 30%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#fff3cf"]{color:#33353b!important}
html.theme-light [style*="background:#fff3cf"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #fff3cf"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#37c46a"]{color:#33353b!important}
html.theme-light [style*="background:#37c46a"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #37c46a"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(255,204,0,.25)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(255,204,0,.25)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(255,204,0,.25)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(255,204,0,.5)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(255,204,0,.5)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(255,204,0,.5)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 90%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 90%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 90%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(120,170,255,.22)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(120,170,255,.22)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(120,170,255,.22)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--c-heal)"]{color:#33353b!important}
html.theme-light [style*="background:var(--c-heal)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid var(--c-heal)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 50%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 50%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 50%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 50%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 50%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 50%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#3a1818"]{color:#33353b!important}
html.theme-light [style*="background:#3a1818"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #3a1818"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 12%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 12%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 12%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 7%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 7%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 7%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 40%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 40%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 40%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#4caf50"]{color:#33353b!important}
html.theme-light [style*="background:#4caf50"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #4caf50"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 30%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 30%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 30%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#f23f43"]{color:#33353b!important}
html.theme-light [style*="background:#f23f43"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #f23f43"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#5865f2"]{color:#33353b!important}
html.theme-light [style*="background:#5865f2"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #5865f2"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 10%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 10%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 10%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--gold)"]{color:#33353b!important}
html.theme-light [style*="background:var(--gold)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid var(--gold)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ff8a80"]{color:#33353b!important}
html.theme-light [style*="background:#ff8a80"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ff8a80"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 18%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 18%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 18%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--c-bm)"]{color:#33353b!important}
html.theme-light [style*="background:var(--c-bm)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid var(--c-bm)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 30%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 30%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 30%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#7c93ff"]{color:#33353b!important}
html.theme-light [style*="background:#7c93ff"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #7c93ff"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#7f77dd"]{color:#33353b!important}
html.theme-light [style*="background:#7f77dd"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #7f77dd"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#0d1b2a"]{color:#33353b!important}
html.theme-light [style*="background:#0d1b2a"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #0d1b2a"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--c-deal)"]{color:#33353b!important}
html.theme-light [style*="background:var(--c-deal)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid var(--c-deal)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(120,170,255,.45)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(120,170,255,.45)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(120,170,255,.45)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ffcc00"]{color:#33353b!important}
html.theme-light [style*="background:#ffcc00"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ffcc00"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-deal) 25%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-deal) 25%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-deal) 25%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 45%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 45%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 45%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--blue)"]{color:#33353b!important}
html.theme-light [style*="background:var(--blue)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid var(--blue)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ff6a00"]{color:#33353b!important}
html.theme-light [style*="background:#ff6a00"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ff6a00"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-sup) 12%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-sup) 12%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-sup) 12%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 0%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 0%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 0%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 8%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 8%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 8%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 10%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 10%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 10%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 30%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 30%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 30%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#34d399"]{color:#33353b!important}
html.theme-light [style*="background:#34d399"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #34d399"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 16%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 16%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 16%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 6%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 6%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 6%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 60%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 60%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 60%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--c-caller)"]{color:#33353b!important}
html.theme-light [style*="background:var(--c-caller)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid var(--c-caller)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-sup) 20%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-sup) 20%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-sup) 20%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 20%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 20%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 20%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ff8fab"]{color:#33353b!important}
html.theme-light [style*="background:#ff8fab"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ff8fab"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 40%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 40%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 40%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 95%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 95%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 95%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ff5b5b"]{color:#33353b!important}
html.theme-light [style*="background:#ff5b5b"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ff5b5b"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(120,170,255,.1)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(120,170,255,.1)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(120,170,255,.1)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 16%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 16%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 16%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#e8c468"]{color:#33353b!important}
html.theme-light [style*="background:#e8c468"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #e8c468"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(255,204,0,.18)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(255,204,0,.18)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(255,204,0,.18)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 20%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 20%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 20%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 70%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 70%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 70%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 20%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 20%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 20%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 35%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 35%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 35%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-sup) 30%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-sup) 30%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-sup) 30%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ffe9a8"]{color:#33353b!important}
html.theme-light [style*="background:#ffe9a8"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ffe9a8"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 22%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 22%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 22%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 95%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 95%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 95%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(127,119,221,.16)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(127,119,221,.16)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(127,119,221,.16)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#c46a00"]{color:#33353b!important}
html.theme-light [style*="background:#c46a00"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #c46a00"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ffb3b5"]{color:#33353b!important}
html.theme-light [style*="background:#ffb3b5"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ffb3b5"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(52,199,89,.15)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(52,199,89,.15)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(52,199,89,.15)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#5aabff"]{color:#33353b!important}
html.theme-light [style*="background:#5aabff"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #5aabff"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(255,204,0,.12)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(255,204,0,.12)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(255,204,0,.12)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 12%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 12%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 12%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--c-bm)"]{color:#33353b!important}
html.theme-light [style*="background:var(--c-bm)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid var(--c-bm)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--loss)"]{color:#33353b!important}
html.theme-light [style*="background:#ff6b63"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ff6b63"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 14%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 14%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 14%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#a9caff"]{color:#33353b!important}
html.theme-light [style*="background:#a9caff"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #a9caff"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 35%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 35%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 35%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 18%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 18%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 18%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 50%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 50%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 50%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-sup) 30%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-sup) 30%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-sup) 30%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 7%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 7%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 7%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#2f6fd0"]{color:#33353b!important}
html.theme-light [style*="background:#2f6fd0"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #2f6fd0"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 22%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 22%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 22%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 30%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 30%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 30%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 25%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 25%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 25%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 18%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 18%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 18%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--red)"]{color:#33353b!important}
html.theme-light [style*="background:var(--red)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid var(--red)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ff6b6b"]{color:#33353b!important}
html.theme-light [style*="background:#ff6b6b"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ff6b6b"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 30%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 30%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 30%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 6%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 6%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 6%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 38%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 38%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 38%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 40%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 40%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 40%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-sup) 38%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-sup) 38%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-sup) 38%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 36%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 36%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 36%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(255,107,99,.25)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(255,107,99,.25)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(255,107,99,.25)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#d08af5"]{color:#33353b!important}
html.theme-light [style*="background:#d08af5"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #d08af5"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ff5d8f"]{color:#33353b!important}
html.theme-light [style*="background:#ff5d8f"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ff5d8f"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-caller) 13%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-caller) 13%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-caller) 13%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#4cc9f0"]{color:#33353b!important}
html.theme-light [style*="background:#4cc9f0"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #4cc9f0"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#5aa8f5"]{color:#33353b!important}
html.theme-light [style*="background:#5aa8f5"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #5aa8f5"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#43d17a"]{color:#33353b!important}
html.theme-light [style*="background:#43d17a"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #43d17a"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#2b4866"]{color:#33353b!important}
html.theme-light [style*="background:#2b4866"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #2b4866"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 10%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 10%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 10%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#9b51c4"]{color:#33353b!important}
html.theme-light [style*="background:#9b51c4"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #9b51c4"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(120,170,255,.75)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(120,170,255,.75)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(120,170,255,.75)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-bm) 38%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-bm) 38%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-bm) 38%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--c-df)"]{color:#33353b!important}
html.theme-light [style*="background:var(--c-df)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid var(--c-df)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 50%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 50%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 50%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ff9b9b"]{color:#33353b!important}
html.theme-light [style*="background:#ff9b9b"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ff9b9b"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 35%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 35%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 35%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 25%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 25%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 25%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-sup) 90%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-sup) 90%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-sup) 90%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#e8a800"]{color:#33353b!important}
html.theme-light [style*="background:#e8a800"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #e8a800"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:var(--c-sup)"]{color:#33353b!important}
html.theme-light [style*="background:var(--c-sup)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid var(--c-sup)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 25%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 25%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 25%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 35%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 35%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 35%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-heal) 95%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-heal) 95%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-heal) 95%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(255,204,0,.06)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(255,204,0,.06)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(255,204,0,.06)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#17372a"]{color:#33353b!important}
html.theme-light [style*="background:#17372a"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #17372a"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:rgba(255,204,0,.6)"]{color:#33353b!important}
html.theme-light [style*="background:rgba(255,204,0,.6)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid rgba(255,204,0,.6)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 15%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 15%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 15%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#0a6cff"]{color:#33353b!important}
html.theme-light [style*="background:#0a6cff"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #0a6cff"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--c-df) 10%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 10%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--c-df) 10%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:color-mix(in srgb, var(--red) 8%, transparent)"]{color:#33353b!important}
html.theme-light [style*="background:color-mix(in srgb, var(--red) 8%, transparent)"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid color-mix(in srgb, var(--red) 8%, transparent)"]{border-color:var(--sep2)!important}
html.theme-light [style*="color:#ff7a45"]{color:#33353b!important}
html.theme-light [style*="background:#ff7a45"]{background:rgba(0,0,0,.06)!important;color:var(--text)!important;border-color:var(--sep2)!important}
html.theme-light [style*="solid #ff7a45"]{border-color:var(--sep2)!important}
html.theme-light .bt-win{color:#33353b!important}
html.theme-light .bt-lose{color:#33353b!important}
html.theme-light .bt-k{color:#33353b!important}
html.theme-light .bt-d{color:#33353b!important}
html.theme-light .bt-kd .bt-k{color:#33353b!important}
html.theme-light .bt-kd .bt-d{color:#33353b!important}
html.theme-light .gsum-streak.w{color:#33353b!important}
html.theme-light .gsum-streak.l{color:#33353b!important}
html.theme-light .bt-side.our .bt-side-name{color:#33353b!important}
html.theme-light .bt-side.foe .bt-side-name{color:#33353b!important}
html.theme-light .gsum-stat.kd .v{color:#33353b!important}
html.theme-light .gsum-stat.hl .v{color:#33353b!important}
html.theme-light .slot-btn-join{color:#33353b!important}
html.theme-light .slot-btn-addnick{color:#33353b!important}
html.theme-light .slot-btn-del{color:#33353b!important}
html.theme-light .bt-mg-side.our .bt-mg-g{color:#33353b!important}
html.theme-light .bt-mg-side.foe .bt-mg-g{color:#33353b!important}
html.theme-light .sb-join{color:#33353b!important}
html.theme-light .sb-release{color:#33353b!important}
html.theme-light .bt-win{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important;color:var(--text)!important}
html.theme-light .slot-btn-join{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important;color:var(--text)!important}
html.theme-light .slot-btn-addnick{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important;color:var(--text)!important}
html.theme-light .slot-btn-del{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important;color:var(--text)!important}
html.theme-light .sb-join{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important;color:var(--text)!important}
html.theme-light .sb-release{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important;color:var(--text)!important}
html.theme-light .bt-mg-side.our .bt-mg-chip{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important;color:var(--text)!important}
html.theme-light .bt-mg-side.foe .bt-mg-chip{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important;color:var(--text)!important}
html.theme-light .gsum-stat.hl{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important;color:var(--text)!important}
html.theme-light .reco-win{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important;color:var(--text)!important}
html.theme-light .reco-lose{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important;color:var(--text)!important}
html.theme-light .bt-side.our,html.theme-light .bt-side.foe{border-color:var(--sep2)!important}
html.theme-light .gsum-bar{background:rgba(0,0,0,.08)!important}
html.theme-light .gsum-bar>i{background:#9aa0a8!important}
html.theme-light .tmpl-tab.active{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .page-tab.active{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .bt-scbtn.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .gsum-mobtab.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .gsum-pr-tab.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .gsum-days button.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .gsum-pr-sub button.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .adm-tab.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .bt-stab.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light [style*="linear-gradient(135deg,var(--c-caller),var(--c-bm))"]{background:#33353b!important;color:#fff!important}
html.theme-light [style*="linear-gradient(135deg,var(--c-bm),#ff6a00)"]{background:#33353b!important;color:#fff!important}
html.theme-light [style*="var(--grad-primary)"]{background:#33353b!important;color:#fff!important}
html.theme-light [style*="var(--grad-primary)"]{background:#33353b!important;color:#fff!important}
html.theme-light [style*="linear-gradient(90deg,var(--red),var(--c-bm))"]{background:#33353b!important;color:#fff!important}
html.theme-light [style*="linear-gradient(90deg,#37c46a,var(--win))"]{background:#33353b!important;color:#fff!important}
html.theme-light [style*="linear-gradient(135deg,color-mix(in srgb, var(--c-caller) 12%, transparent),color-mix(in srgb, var(--c-bm) 6%, transparent))"]{background:#33353b!important;color:#fff!important}
html.theme-light .stats-refresh{background:#33353b!important;color:#fff!important}
html.theme-light .adm-btn.primary{background:#33353b!important;color:#fff!important}
html.theme-light .sl-massbadge{background:#33353b!important;color:#fff!important}
html.theme-light .sl-visited{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:rgba(0,0,0,.18)!important}
html.theme-light .slot-req-stars .rqs.on{color:#5a5d63!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 85%, transparent)"]{background:#1c1c1e!important;color:#fff!important;border-color:#1c1c1e!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 90%, transparent)"]{background:#1c1c1e!important;color:#fff!important;border-color:#1c1c1e!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 30%, transparent)"]{background:#1c1c1e!important;color:#fff!important;border-color:#1c1c1e!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 30%, transparent)"]{background:#1c1c1e!important;color:#fff!important;border-color:#1c1c1e!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 80%, transparent)"]{background:#1c1c1e!important;color:#fff!important;border-color:#1c1c1e!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 70%, transparent)"]{background:#1c1c1e!important;color:#fff!important;border-color:#1c1c1e!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 18%, transparent)"]{background:#1c1c1e!important;color:#fff!important;border-color:#1c1c1e!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 16%, transparent)"]{background:#1c1c1e!important;color:#fff!important;border-color:#1c1c1e!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 15%, transparent)"]{background:#1c1c1e!important;color:#fff!important;border-color:#1c1c1e!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 20%, transparent)"]{background:#1c1c1e!important;color:#fff!important;border-color:#1c1c1e!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 7%, transparent)"]{background:rgba(0,0,0,.05)!important;color:var(--text)!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 8%, transparent)"]{background:rgba(0,0,0,.05)!important;color:var(--text)!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 10%, transparent)"]{background:rgba(0,0,0,.05)!important;color:var(--text)!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 12%, transparent)"]{background:rgba(0,0,0,.05)!important;color:var(--text)!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 5%, transparent)"]{background:rgba(0,0,0,.05)!important;color:var(--text)!important}
html.theme-light [style*="background:color-mix(in srgb, var(--c-df) 6%, transparent)"]{background:rgba(0,0,0,.05)!important;color:var(--text)!important}
html.theme-light .rg-caller .rg-side{background:color-mix(in srgb, var(--c-caller) 16%, transparent)!important;border-left:4px solid color-mix(in srgb, var(--c-caller) 50%, transparent)!important}
html.theme-light .rg-df .rg-side{background:color-mix(in srgb, var(--c-df) 13%, transparent)!important;border-left:4px solid color-mix(in srgb, var(--c-df) 42%, transparent)!important}
html.theme-light .rg-deal .rg-side{background:color-mix(in srgb, var(--c-deal) 12%, transparent)!important;border-left:4px solid color-mix(in srgb, var(--c-deal) 42%, transparent)!important}
html.theme-light .rg-sup .rg-side{background:color-mix(in srgb, var(--c-sup) 13%, transparent)!important;border-left:4px solid color-mix(in srgb, var(--c-sup) 42%, transparent)!important}
html.theme-light .rg-heal .rg-side{background:color-mix(in srgb, var(--c-heal) 14%, transparent)!important;border-left:4px solid color-mix(in srgb, var(--c-heal) 46%, transparent)!important}
html.theme-light .rg-bm .rg-side{background:color-mix(in srgb, var(--c-bm) 13%, transparent)!important;border-left:4px solid color-mix(in srgb, var(--c-bm) 42%, transparent)!important}
/* ===== 라이트 추가: 모달/팝업 다크제거 · 의뢰소·대기·하이라이트 회색 · 1등 보라핑크 ===== */
html.theme-light .mm-sheet{background:rgba(255,255,255,.97)!important;border-color:var(--sep2)!important;box-shadow:0 30px 60px rgba(0,0,0,.22)!important}
html.theme-light .slot-role-pop{background:rgba(255,255,255,.98)!important;color:#1c1c1e!important;border-color:rgba(0,0,0,.12)!important;box-shadow:0 8px 30px rgba(0,0,0,.2)!important}
html.theme-light #role-float{background:rgba(255,255,255,.98)!important;color:#1c1c1e!important;border-color:rgba(0,0,0,.12)!important;box-shadow:0 12px 40px rgba(0,0,0,.22)!important}
html.theme-light .role-sheet{background:rgba(255,255,255,.97)!important;border-color:var(--sep2)!important;box-shadow:0 36px 70px rgba(0,0,0,.22)!important}
html.theme-light #bt-gear-pop,html.theme-light .reco-gear-pop{background:rgba(255,255,255,.98)!important;border-color:var(--sep2)!important;box-shadow:0 20px 56px rgba(0,0,0,.22)!important}
html.theme-light .bt-gp-box{background:rgba(0,0,0,.06)!important}
html.theme-light .bt-gp-note{background:rgba(0,0,0,.05)!important;border-color:var(--sep2)!important}
html.theme-light .reco-gear-pop .rg-item img{background:rgba(0,0,0,.06)!important}
html.theme-light .rg-side-pop{background:rgba(255,255,255,.98)!important;color:#1c1c1e!important;border-color:rgba(0,0,0,.12)!important;box-shadow:0 8px 30px rgba(0,0,0,.2)!important}
html.theme-light .rg-role-bigtip{background:rgba(255,255,255,.98)!important;color:#1c1c1e!important;border-color:rgba(0,0,0,.12)!important;box-shadow:0 8px 30px rgba(0,0,0,.2)!important}
html.theme-light .wait-join-btn{color:var(--text2)!important;border-color:var(--sep2)!important;background:transparent!important}
html.theme-light .late-note{color:var(--text2)!important}
html.theme-light .late-btn-on{color:#fff!important;background:#1c1c1e!important;border-color:#1c1c1e!important}
html.theme-light .gsum-badge{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important;color:var(--text)!important}
html.theme-light .qb-new{background:#33353b!important;color:#fff!important}
html.theme-light .qb-warn{background:rgba(0,0,0,.05)!important;border-color:var(--sep2)!important;color:var(--text2)!important}
html.theme-light .qb-fb.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .qb-card{border-left-color:var(--sep2)!important}
html.theme-light .qb-side,html.theme-light .qb-card.seek .qb-side,html.theme-light .qb-card.offer .qb-side{background:rgba(0,0,0,.06)!important;color:var(--text)!important}
html.theme-light .qb-reward{color:var(--text)!important}
html.theme-light .qb-segb.on.seek,html.theme-light .qb-segb.on.offer{background:#1c1c1e!important;color:#fff!important}
html.theme-light .gsum-row-1st{background:linear-gradient(100deg,rgba(168,85,247,.20),rgba(236,72,153,.10))!important;border:1px solid rgba(168,85,247,.5)!important;box-shadow:0 0 14px rgba(168,85,247,.22)!important}
html.theme-light .gsum-row-1st .nm{color:#8b3fd6!important}
html.theme-light .gsum-crown{filter:drop-shadow(0 0 4px rgba(168,85,247,.7))!important}
/* ===== 라이트 보강: 남은 컬러 클래스 전수 회색화(선택형=검정) ===== */
html.theme-light .adm-hd .adm-who{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .adm-msg.notice{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .adm-onbadge{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .adm-pv-tmpl{color:#33353b!important}
html.theme-light .adm-rbtn.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .adm-room.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .adm-stat-v{color:#33353b!important}
html.theme-light .adm-tab.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .bt-kd .bt-d{color:#33353b!important}
html.theme-light .bt-kd .bt-k{color:#33353b!important}
html.theme-light .bt-kd-col.foe .bt-kd-hname{color:#33353b!important}
html.theme-light .bt-kd-col.our .bt-kd-hname{color:#33353b!important}
html.theme-light .bt-lose{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .bt-men .bt-d{color:#33353b!important}
html.theme-light .bt-men .bt-k{color:#33353b!important}
html.theme-light .bt-merge-sep{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .bt-merged{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .bt-mg-side.foe .bt-mg-chip{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .bt-mg-side.foe .bt-mg-g{color:#33353b!important}
html.theme-light .bt-mg-side.our .bt-mg-chip{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .bt-mg-side.our .bt-mg-g{color:#33353b!important}
html.theme-light .bt-scbtn.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .bt-side-ally{color:#33353b!important}
html.theme-light .bt-side-kd .bt-d{color:#33353b!important}
html.theme-light .bt-side-kd .bt-k{color:#33353b!important}
html.theme-light .bt-side.foe .bt-side-name{color:#33353b!important}
html.theme-light .bt-side.our .bt-side-name{color:#33353b!important}
html.theme-light .bt-stab.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .bt-win{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .ch-tip b{color:#33353b!important}
html.theme-light .ctx-item.danger{color:#33353b!important}
html.theme-light .ctx-item.danger:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .gsum-badge{color:#33353b!important}
html.theme-light .gsum-bar{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .gsum-days button.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .gsum-mobtab.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .gsum-pr-sub button.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .gsum-pr-tab.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .gsum-prbtn{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .gsum-prbtn:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .gsum-stat.hl .v{color:#33353b!important}
html.theme-light .gsum-stat.kd .v{color:#33353b!important}
html.theme-light .gsum-streak.l{color:#33353b!important}
html.theme-light .gsum-streak.w{color:#33353b!important}
html.theme-light .gsum-wr-rec b.l{color:#33353b!important}
html.theme-light .gsum-wr-rec b.w{color:#33353b!important}
html.theme-light .item-card:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .kdn .dd{color:#33353b!important}
html.theme-light .kdn .kk{color:#33353b!important}
html.theme-light .late-btn-on{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .late-del:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .late-item{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .late-note{color:#33353b!important}
html.theme-light .mass-tzbtn.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .party-del-btn{color:#33353b!important}
html.theme-light .party-hdr-1{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .party-lock-btn.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .picker-xbtn:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .qb-card.offer .qb-side{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .qb-card.seek .qb-side{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .qb-ddl-chip{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .qb-ddl-foot{color:#33353b!important}
html.theme-light .qb-ddlq.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .qb-done{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .qb-done-btn{color:#33353b!important}
html.theme-light .qb-fb.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .qb-reward{color:#33353b!important}
html.theme-light .qb-segb.on.offer{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .qb-segb.on.seek{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .qb-warn{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .qb-warn b{color:#33353b!important}
html.theme-light .reco-badge.star{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .reco-by-sv{color:#33353b!important}
html.theme-light .reco-cbtn.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .reco-del:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .reco-hovertip .rtip-kd .rd{color:#33353b!important}
html.theme-light .reco-hovertip .rtip-kd .rk{color:#33353b!important}
html.theme-light .reco-hovertip .rtip-kd .rwin{color:#33353b!important}
html.theme-light .reco-hovertip .rtip-tags{color:#33353b!important}
html.theme-light .reco-like.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .reco-like:hover{color:#33353b!important}
html.theme-light .reco-load{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .reco-saves{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .reco-stars .rs.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .reco-stars .rs:hover{color:#33353b!important}
html.theme-light .reco-win{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .reg-done-badge{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .reg-done-btn{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .reg-done-btn:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .reg-drop.over{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .reg-pick{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .reg-pick:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .reg-rec-del{color:#33353b!important}
html.theme-light .reg-rec-del:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .rg-addbtn:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .rg-content.rgc-over{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .rg-edit-btn:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .rpt-chip.rpt-pve.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .rpub-ck:has(input:checked){background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .sb-del:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .sb-join-big:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .sb-join:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .sb-kick{color:#33353b!important}
html.theme-light .sb-kick:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .sb-release{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .sb-release-big{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .sb-release-big:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .sb-release:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .sl-item.sl-massing .sl-item-t{color:#33353b!important}
html.theme-light .sl-mine-del:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .sl-mine-pw:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .sl-reco-pend{color:#33353b!important}
html.theme-light .sl-visited{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot-actions .sb-del{color:#33353b!important}
html.theme-light .slot-actions .sb-del:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot-actions .sb-kick{color:#33353b!important}
html.theme-light .slot-actions .sb-kick:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot-btn-addnick{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot-btn-addnick:hover{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot-btn-del{color:#33353b!important}
html.theme-light .slot-btn-del:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot-btn-join{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot-btn-join:hover{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot-btn-release{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot-btn-release:hover{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot-del-x:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot-req-stars .rqs.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important;box-shadow:none!important}
html.theme-light .slot.f-bm{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot.f-deal{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot.f-df{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot.f-heal{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot.f-sup{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot.imp-low{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .slot.imp-low::after{color:#33353b!important}
html.theme-light .stat-link{color:#33353b!important}
html.theme-light .tb-badge{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .tb-btn.mass-live{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .tb-code:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .tmpl-add-btn:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .tmpl-copy-btn:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .tmpl-paste-btn{color:#33353b!important}
html.theme-light .tmpl-paste-btn:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .wait-del:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .wait-item:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light .wait-join-btn{color:#33353b!important}
html.theme-light .wait-join-btn:hover{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light /* drag-over */
.slot.drag-over{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light /* 대기자 드래그오버 — 슬롯과 동일한 파란 테두리 */
.wait-list.drag-over{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light /* 멤버 행 */




.sb-join{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light /* 참여 슬롯 색상 - 적당한 강조 */
.slot.f-caller{background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
html.theme-light /* 참여/반환 버튼 - 전체 너비, 중앙 */
.sb-join-big{color:#33353b!important;background:rgba(0,0,0,.06)!important;border-color:var(--sep2)!important}
/* ===== 라이트: accent-var 배경 버튼/선택 → 흰 글씨(선택형=검정) ===== */
html.theme-light .adlg-ok{color:#fff!important}
html.theme-light .adlg-ok.danger{color:#fff!important}
html.theme-light .bktn.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .fill-inner{color:#fff!important}
html.theme-light .lbtn-gold{color:#fff!important}
html.theme-light .ltitle span{color:#fff!important}
html.theme-light .mass-tzbtn.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .mm-save{color:#fff!important}
html.theme-light .ntc-post{color:#fff!important}
html.theme-light .ntc-write{color:#fff!important}
html.theme-light .reco-add{color:#fff!important}
html.theme-light .reco-bktn.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .reco-bucket.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .reco-cat.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .reco-cbtn.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .reco-collect .rc-arche.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .reco-collect .rc-day.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .reco-collect .rc-run{color:#fff!important}
html.theme-light .reco-nrange .rnr-fill{color:#fff!important}
html.theme-light .reco-tab.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .reco-use-btn.primary{color:#fff!important}
html.theme-light .reg-img-del:hover{color:#fff!important}
html.theme-light .role-save-btn{color:#fff!important}
html.theme-light .rpt-chip.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .sl-btn.primary{color:#fff!important}
html.theme-light .sl-reco-cbtn.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .sl-reco-tab.on{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .stats-refresh{color:#fff!important}
html.theme-light .tb-dot-g{color:#fff!important}
/* ===== 라이트 마감 보정: 별/승리숫자/노란포인트→보라핑크 ===== */
html.theme-light .slot-req-stars .rqs{color:rgba(0,0,0,.25)!important;background:none!important;border:none!important;filter:none!important;box-shadow:none!important}
html.theme-light .slot-req-stars .rqs.on{color:#1c1c1e!important;background:none!important;border:none!important;filter:none!important;box-shadow:none!important}
html.theme-light .gsum-badge b{color:var(--text)!important}
html.theme-light .bt-card-merged{border-left-color:rgba(168,85,247,.6)!important}
html.theme-light .gsum-stat.hl{background:linear-gradient(135deg,rgba(168,85,247,.14),rgba(236,72,153,.07))!important;border-color:rgba(168,85,247,.4)!important}
html.theme-light .gsum-stat.hl .v{color:#8b3fd6!important}
/* ===== 라이트 추가: 선택창/스킬/슬롯X 다크 제거 ===== */
html.theme-light .picker-sheet{background:rgba(255,255,255,.97)!important;border-color:var(--sep2)!important;box-shadow:0 36px 70px rgba(0,0,0,.22)!important}
html.theme-light .picker-xbtn{background:rgba(0,0,0,.06)!important;color:var(--text2)!important}
html.theme-light .picker-xbtn:hover{background:rgba(0,0,0,.1)!important}
html.theme-light .skill-box{background:#e9ebee!important}
html.theme-light .skill-dd-item{background:#e9ebee!important;border-color:var(--sep2)!important}
html.theme-light .skill-box.locked{border-color:rgba(0,0,0,.12)!important}
html.theme-light .slot-del-x{color:rgba(0,0,0,.42)!important}
html.theme-light .slot-del-x:hover{color:#1c1c1e!important;background:rgba(0,0,0,.07)!important}
html.theme-light #imp-loading{background:rgba(255,255,255,.93)!important;backdrop-filter:blur(3px)!important}
html.theme-light .skill-dd{background:rgba(255,255,255,.98)!important;border-color:var(--sep2)!important;box-shadow:0 14px 44px rgba(0,0,0,.2)!important}
html.theme-light #ov-impclear{background:#1c1c1e!important;border-color:#1c1c1e!important;color:#fff!important}
html.theme-light .gear-box .gph{filter:grayscale(1) brightness(0)!important;opacity:.3!important}
html.theme-light #gear-ov{background:rgba(235,237,240,.82)!important}
html.theme-light .skill-box .ph{color:var(--text2)!important;opacity:.8!important}
.pcp-h{font-size:var(--fs-12);font-weight:800;margin-bottom:7px;color:var(--text);word-break:break-all}.pcp-wname{font-size:var(--fs-10);font-weight:700;color:var(--text2);margin:-3px 0 7px}.pcp-g{font-size:var(--fs-10);font-weight:600;color:var(--text2)}.pcp-row{display:flex;justify-content:space-between;gap:10px;padding:2.5px 0;color:var(--text2)}.pcp-row b{color:var(--text);font-variant-numeric:tabular-nums}.pcp-note{margin-top:7px;padding-top:7px;border-top:1px solid var(--sep);font-size:var(--fs-10);line-height:1.55;color:var(--text)}.pcp-foot{margin-top:6px;font-size:var(--fs-9);color:var(--text3)}
.pcp-others{margin-top:7px;padding-top:7px;border-top:1px solid var(--sep);display:flex;flex-direction:column;gap:5px}
.pcp-mini{display:flex;align-items:center;gap:6px;font-size:var(--fs-10);opacity:0;animation:pcpMiniIn .4s cubic-bezier(.2,.8,.2,1) forwards}
.pcp-mini-lb{flex:0 0 38px;color:var(--text2);font-weight:600}
.pcp-mini-bar{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.09);overflow:hidden}
.pcp-mini-bar i{display:block;height:100%;border-radius:3px;width:var(--w,100%);animation:pcpBarGrow .7s cubic-bezier(.2,.8,.2,1) .12s both}
.pcp-mini b{flex:0 0 auto;font-size:var(--fs-10);font-weight:900;font-variant-numeric:tabular-nums}
.pcp-mini-top{flex:0 0 auto;color:var(--text3);font-size:var(--fs-9);font-variant-numeric:tabular-nums;min-width:44px;text-align:right}
@keyframes pcpMiniIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes pcpBarGrow{from{width:0}to{width:var(--w,100%)}}
.pcp-anim{animation:pcpMainIn .44s cubic-bezier(.34,1.4,.5,1) both}
@keyframes pcpMainIn{0%{opacity:0;transform:scale(.94) translateY(8px)}60%{opacity:1}100%{opacity:1;transform:none}}
.pcp-barfill-anim{width:var(--fw);animation:pcpFillGrow .85s cubic-bezier(.2,.8,.2,1) .1s both}
@keyframes pcpFillGrow{from{width:0}to{width:var(--fw)}}
.pcp-grade-pop{display:inline-block;animation:pcpGradePop .5s cubic-bezier(.34,1.56,.64,1) .35s both}
@keyframes pcpGradePop{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.25)}100%{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.pcp-mini,.pcp-mini-bar i,.pcp-anim,.pcp-barfill-anim,.pcp-grade-pop{animation:none!important;opacity:1!important;width:var(--fw,auto)}}.pcp-main{margin:7px 0 6px;padding:8px 9px;background:rgba(255,255,255,.05);border:1px solid var(--sep);border-radius:var(--card-r)}.pcp-main-top{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-11);font-weight:800;color:var(--text)}.pcp-main-top b{font-size:var(--fs-15);font-weight:900}.pcp-barbg{height:7px;border-radius:4px;background:rgba(255,255,255,.09);margin:6px 0 4px;overflow:hidden}.pcp-barfill{height:100%;border-radius:4px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.pcp-main-sub{display:flex;justify-content:space-between;font-size:var(--fs-9-5);color:var(--text2);font-variant-numeric:tabular-nums}.pcp-minibar{display:inline-block;width:34px;height:4px;border-radius:2px;background:rgba(255,255,255,.09);margin-left:5px;vertical-align:middle;overflow:hidden}.pcp-minibar i{display:block;height:100%;border-radius:2px}.pcp-none{font-size:var(--fs-10-5);color:var(--text3);line-height:1.5}.pcp-load{font-size:var(--fs-10-5);color:var(--text3)}


/* ★에디토리얼 오버라이드 — 기본 규칙 뒤에 와야 적용됨 */
.gsum-card-t,.grk-title,.psb-h,.gsum-scope{font-family:var(--font-mono2);text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);font-weight:500}
.gsum-card{background:var(--ink-panel);border:1px solid var(--line-soft);border-radius:2px;box-shadow:0 8px 60px rgba(0,0,0,.7)}
.bt-card{background:var(--ink-panel);border-radius:2px}
.psb-card,.grk-wrap,.adm-card,.rk-grade-box,.rk-sec,.sl-card,.ntc-col,.bt-detail,.rec-role-card{border-radius:2px!important;border:1px solid var(--line-soft)!important}
.psb-card,.rk-grade-box,.rk-sec,.sl-card,.ntc-col{background:var(--ink-panel)!important}
.adm-shell{background:#0b121e!important;backdrop-filter:none!important}
.adm-card,.adm-room,.adm-roomview,.adm-roomlist,.adm-statbar,.adm-ta,.adm-btn{background:#0f1828!important;backdrop-filter:none!important}

.bt-kd .bt-k,.bt-kd .bt-d{display:inline-block;min-width:1.5em;text-align:right;font-variant-numeric:tabular-nums}.bt-men .bt-k,.bt-men .bt-d{display:inline-block;min-width:1.35em;text-align:right;font-variant-numeric:tabular-nums}.bt-kd,.bt-men{justify-content:flex-end}
.psb-card{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;padding:2px 0!important}.rec-popcol .psb-grid{gap:0!important}.rec-popcol .psb-row{padding:3px 8px!important;color:var(--text3)}.rec-popcol .psb-row:hover{color:var(--text)}.rec-popcol .psb-h{opacity:.75}
.rk-grade-box{background:transparent!important;border:none!important;backdrop-filter:none!important;box-shadow:none!important;padding:0!important}.rk-li{background:transparent!important;border-color:transparent!important}
.page-tab{background:none!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;color:var(--text-faint);font-family:var(--font-mono2);text-transform:uppercase;letter-spacing:.1em;font-weight:600;padding:8px 16px!important}
.page-tab:hover{background:none!important;color:var(--text2)}
.page-tab.active{background:none!important;color:var(--cream-bright);border-bottom-color:var(--amber)!important}
.rec-subtabs{background:none!important;border:none!important;padding:0!important;gap:20px!important}
.rec-subtab{border-radius:0!important;border-bottom:2px solid transparent;padding:10px 16px!important}
.rec-subtab.active{background:none!important;color:var(--cream-bright)!important;border-bottom-color:var(--amber)!important;box-shadow:none!important}
.sl-item{background:transparent!important}
.gsum-stat,.gsum-stat.hl,.gsum-stat.kd,.adm-stat{background:rgba(255,255,255,.04)!important;border-color:var(--line-soft)!important}.reco-card,.set-card,.sl-item,.rk-li{background:var(--ink-panel)!important;border-color:var(--line-soft)!important}.edg-st{background:transparent!important;border:none!important}
.bt-time{font-family:var(--font-mono2);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}
.bt-loc{font-family:var(--font-mono2);letter-spacing:.04em}
.bt-kd .bt-k,.bt-kd .bt-d{font-family:var(--font-display);font-weight:700}
.bt-men .bt-k,.bt-men .bt-d{font-family:var(--font-mono2)}
.bt-mg-g{font-family:var(--font-mono2);letter-spacing:.03em}
.be-period,.grk-tab,.rk-pbtn,.pn-chip,.sl-reco-cbtn,.adm-rbtn,.reco-bktn{font-family:var(--font-mono2);text-transform:uppercase;letter-spacing:.05em}
.psb-nm,.psb-n{font-family:var(--font-mono2)}
.grk-k,.grk-d,.grk-f,.tb-fame,.gsum-wr-big{font-family:var(--font-display)}
.rec-subtab{font-family:var(--font-mono2);text-transform:uppercase;letter-spacing:.08em}
.adlg-ok,.adm-btn.primary,.lbtn-gold,.mm-save,.ntc-post,.ntc-write,.qb-new,.reco-add,.reco-collect .rc-run,.reco-load,.reco-use-btn.primary,.role-save-btn,.sl-btn.primary,.stats-refresh,.stm-save,[style*="var(--grad-primary)"]{background:var(--sel-bg)!important;color:var(--sel-fg)!important;border:1px solid var(--sel-bd)!important;box-shadow:none!important;font-family:var(--font-mono2);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.adlg-ok:hover,.adm-btn.primary:hover,.lbtn-gold:hover,.mm-save:hover,.ntc-post:hover,.ntc-write:hover,.qb-new:hover,.reco-collect .rc-run:hover,.reco-load:hover,.reco-use-btn.primary:hover,.role-save-btn:hover,.sl-btn.primary:hover,.stats-refresh:hover,.stm-save:hover,[style*="var(--grad-primary)"]:hover{background:color-mix(in srgb, var(--sel-fg) 20%, transparent)!important;border-color:var(--sel-fg)!important;color:var(--sel-fg)!important}
/* ===== 실험: CRT 인광 터미널 테마 (html.theme-terminal) ===== */
html.theme-terminal{--phosphor:#26ff7a;--phosphor-bright:#6dff9e;--phosphor-dim:rgba(38,255,122,.6);--phosphor-faint:rgba(38,255,122,.22);--phosphor-glow:rgba(38,255,122,.55);background:#05060a}
html.theme-terminal body{background:transparent}
html.theme-terminal::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(38,255,122,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(38,255,122,.025) 1px,transparent 1px);background-size:22px 22px}
html.theme-terminal body::before{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;background:repeating-linear-gradient(rgba(255,255,255,.03) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
html.theme-terminal body::after{content:"";position:fixed;inset:0;z-index:9997;pointer-events:none;background:radial-gradient(transparent 55%,rgba(0,0,0,.6) 100%)}
html.theme-terminal .page-tab.active,html.theme-terminal .rec-subtab.active{color:var(--phosphor)!important;border-bottom-color:var(--phosphor)!important;text-shadow:0 0 8px var(--phosphor-glow)}
html.theme-terminal .gsum-card,html.theme-terminal .bt-card,html.theme-terminal .grk-wrap,html.theme-terminal .rk-sec,html.theme-terminal .sl-card,html.theme-terminal .ntc-col,html.theme-terminal .reco-card,html.theme-terminal .set-card,html.theme-terminal .bt-detail,html.theme-terminal .rec-role-card,html.theme-terminal .adm-card{border:1px solid var(--phosphor-faint)!important;box-shadow:0 0 22px -10px var(--phosphor-glow)!important}
html.theme-terminal .adlg-ok,html.theme-terminal .adm-btn.primary,html.theme-terminal .lbtn-gold,html.theme-terminal .mm-save,html.theme-terminal .ntc-post,html.theme-terminal .ntc-write,html.theme-terminal .qb-new,html.theme-terminal .reco-add,html.theme-terminal .reco-load,html.theme-terminal .reco-use-btn.primary,html.theme-terminal .role-save-btn,html.theme-terminal .sl-btn.primary,html.theme-terminal .stats-refresh,html.theme-terminal .stm-save,html.theme-terminal [style*="var(--grad-primary)"]{background:rgba(38,255,122,.1)!important;color:var(--phosphor)!important;border:1px solid var(--phosphor)!important;text-shadow:0 0 6px var(--phosphor-glow);box-shadow:0 0 16px -6px var(--phosphor-glow)!important}
html.theme-terminal .rec-search,html.theme-terminal input,html.theme-terminal textarea{background:rgba(0,0,0,.4)!important;border-color:var(--phosphor-faint)!important;color:var(--phosphor-bright)!important}
html.theme-terminal .titlebar{background:rgba(0,0,0,.6)!important}
html.theme-terminal .rcg-sect,html.theme-terminal .gsum-card-t,html.theme-terminal .adm-h,html.theme-terminal .sl-h{color:var(--phosphor)!important;text-shadow:0 0 6px var(--phosphor-glow)}
html.theme-terminal{--c-caller:#6dff9e;--c-df:#26ff7a;--c-deal:#3dff88;--c-sup:#1fd97a;--c-heal:#8effb5;--c-bm:#26ff7a;--c-wait:#26ff7a}
html.theme-terminal .rg-caller .rg-side,html.theme-terminal .rg-df .rg-side,html.theme-terminal .rg-deal .rg-side,html.theme-terminal .rg-sup .rg-side,html.theme-terminal .rg-heal .rg-side,html.theme-terminal .rg-bm .rg-side{background:rgba(38,255,122,.1)!important;border-left:4px solid var(--phosphor)!important}
html.theme-terminal .rg-name::before{opacity:.9;margin-right:3px;font-weight:400}
html.theme-terminal .rg-caller .rg-name::before{content:"\2605"}
html.theme-terminal .rg-df .rg-name::before{content:"\25C6"}
html.theme-terminal .rg-deal .rg-name::before{content:"\25B2"}
html.theme-terminal .rg-sup .rg-name::before{content:"\2726"}
html.theme-terminal .rg-heal .rg-name::before{content:"\271A"}
html.theme-terminal .rg-bm .rg-name::before{content:"\25C9"}
html.theme-terminal .slot.f-caller,html.theme-terminal .slot.f-df,html.theme-terminal .slot.f-deal,html.theme-terminal .slot.f-sup,html.theme-terminal .slot.f-heal,html.theme-terminal .slot.f-bm{background:rgba(38,255,122,.12)!important;border-left:3px solid var(--phosphor)!important;border-color:rgba(38,255,122,.32)!important}
html.theme-terminal .sb,html.theme-terminal .sb-join,html.theme-terminal .sb-join-big,html.theme-terminal .sb-gear,html.theme-terminal .sb-role{background:rgba(38,255,122,.06)!important;border-color:var(--phosphor-faint)!important;color:var(--phosphor-dim)!important}
html.theme-terminal .sb-join,html.theme-terminal .sb-join-big{color:var(--phosphor)!important;border-color:var(--phosphor-faint)!important}
html.theme-terminal .sb:hover,html.theme-terminal .sb-join:hover,html.theme-terminal .sb-join-big:hover,html.theme-terminal .sb-gear:hover,html.theme-terminal .sb-role:hover{background:rgba(38,255,122,.15)!important;border-color:var(--phosphor)!important;color:var(--phosphor)!important;transform:none!important}
html.theme-terminal .sb-del,html.theme-terminal .sb-kick,html.theme-terminal .sb-release{color:rgba(255,90,110,.6)!important;border-color:rgba(255,90,110,.25)!important;background:transparent!important}
html.theme-terminal .sb-del:hover,html.theme-terminal .sb-kick:hover,html.theme-terminal .sb-release:hover{color:#ff5a6e!important;border-color:#ff5a6e!important;background:rgba(255,90,110,.1)!important}
html.theme-terminal .kb-tbl{background:rgba(0,0,0,.4)!important;border-color:var(--phosphor-faint)!important}
html.theme-terminal .sharebox:hover{box-shadow:0 0 0 1px rgba(38,255,122,.3)!important}
html.theme-terminal .bt-detail{box-shadow:none!important}
html.theme-angellist{background:var(--bg);transition:background-color .5s ease}
html.theme-angellist body{background:transparent}
html.theme-angellist::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle, color-mix(in srgb, var(--c-df) 20%, transparent) 1px, transparent 1px);background-size:16px 16px}
html.theme-angellist .rg-name::before{opacity:.9;margin-right:3px;font-weight:400}
html.theme-angellist .rg-caller .rg-name::before{content:"\2605"}
html.theme-angellist .rg-df .rg-name::before{content:"\25C6"}
html.theme-angellist .rg-deal .rg-name::before{content:"\25B2"}
html.theme-angellist .rg-sup .rg-name::before{content:"\2726"}
html.theme-angellist .rg-heal .rg-name::before{content:"\271A"}
html.theme-angellist .rg-bm .rg-name::before{content:"\25C9"}
/* AngelList: 둥근 아웃라인 카드 + 리스트 행 호버 채움 */
html.theme-angellist .gsum-card,html.theme-angellist .rec-role-card,html.theme-angellist .rk-grade-box,html.theme-angellist .rk-sec,html.theme-angellist .rk-mk,html.theme-angellist .grk-wrap,html.theme-angellist .bt-card,html.theme-angellist .bt-detail,html.theme-angellist .sl-card,html.theme-angellist .reco-card,html.theme-angellist .set-card,html.theme-angellist .kb-tbl,html.theme-angellist .kb-pcol,html.theme-angellist .ntc-col,html.theme-angellist .qb-card,html.theme-angellist .scard{border-radius:16px!important;border:1.5px solid color-mix(in srgb, var(--page-accent) 32%, transparent)!important}
html.theme-angellist .sl-item{border-radius:10px!important;border:1px solid transparent!important;transition:background .15s ease,color .15s ease,border-color .15s ease}
html.theme-angellist .sl-item:hover{background:var(--page-accent)!important;border-color:var(--page-accent)!important}
html.theme-angellist .sl-item:hover,html.theme-angellist .sl-item:hover *{color:#04121a!important}



html.theme-angellist .gsum-card,html.theme-angellist .rec-role-card,html.theme-angellist .rk-grade-box,html.theme-angellist .rk-sec,html.theme-angellist .rk-mk,html.theme-angellist .grk-wrap,html.theme-angellist .bt-card,html.theme-angellist .bt-detail,html.theme-angellist .sl-card,html.theme-angellist .reco-card,html.theme-angellist .set-card,html.theme-angellist .kb-tbl,html.theme-angellist .kb-pcol,html.theme-angellist .ntc-col,html.theme-angellist .qb-card,html.theme-angellist .scard,html.theme-angellist .gsum-scopebar{background:var(--ink-panel)!important}
html.theme-angellist::before{background-image:radial-gradient(circle, color-mix(in srgb, var(--page-accent) 8%, transparent) 1px, transparent 1px)!important}
html.theme-terminal .gsum-card,html.theme-terminal .rec-role-card,html.theme-terminal .rk-grade-box,html.theme-terminal .rk-sec,html.theme-terminal .rk-mk,html.theme-terminal .grk-wrap,html.theme-terminal .bt-card,html.theme-terminal .bt-detail,html.theme-terminal .sl-card,html.theme-terminal .reco-card,html.theme-terminal .set-card,html.theme-terminal .kb-tbl,html.theme-terminal .kb-pcol,html.theme-terminal .ntc-col,html.theme-terminal .qb-card,html.theme-terminal .scard,html.theme-terminal .gsum-scopebar{background:#0e1613!important}
html.theme-angellist .sl-item,html.theme-angellist .sl-reco-card,html.theme-angellist .party-block,html.theme-angellist .pn-card,html.theme-angellist .ntc-card,html.theme-angellist .req-card,html.theme-angellist .ntc-comp,html.theme-angellist .reg-rec,html.theme-angellist .lu-card2,html.theme-angellist .be-card,html.theme-angellist .stm-card{background:var(--ink-panel)!important}
html.theme-terminal .sl-item,html.theme-terminal .sl-reco-card,html.theme-terminal .party-block,html.theme-terminal .pn-card,html.theme-terminal .ntc-card,html.theme-terminal .req-card,html.theme-terminal .ntc-comp,html.theme-terminal .reg-rec,html.theme-terminal .lu-card2,html.theme-terminal .be-card,html.theme-terminal .stm-card{background:#0e1613!important}
html.theme-angellist button{background:transparent!important;border-color:color-mix(in srgb, var(--page-accent) 42%, transparent)!important;color:var(--page-accent)!important;box-shadow:none!important}
html.theme-angellist button:hover{background:color-mix(in srgb, var(--page-accent) 14%, transparent)!important;border-color:var(--page-accent)!important}
html.theme-angellist button.on,html.theme-angellist button.active,html.theme-angellist .be-period.on,html.theme-angellist .grk-tab.on,html.theme-angellist .rk-pbtn.on,html.theme-angellist .adm-rbtn.on,html.theme-angellist .rec-subtab.active{background:var(--page-accent)!important;color:#04121a!important;border-color:var(--page-accent)!important}
html.theme-angellist .sb-del,html.theme-angellist .sb-kick,html.theme-angellist .party-del-btn,html.theme-angellist .setchip-x{color:#ff7a7a!important;border-color:color-mix(in srgb,#ff7a7a 42%,transparent)!important}
html.theme-angellist .gsum-stat,html.theme-angellist .gsum-stat.hl{background:color-mix(in srgb, var(--page-accent) 10%, var(--ink-panel))!important;border-color:color-mix(in srgb, var(--page-accent) 18%, transparent)!important}
html.theme-terminal .gsum-stat,html.theme-terminal .gsum-stat.hl{background:color-mix(in srgb, #26ff7a 7%, #0e1613)!important;border-color:color-mix(in srgb, #26ff7a 18%, transparent)!important}
html.theme-angellist .rk-sec-role,html.theme-terminal .rk-sec-role{padding:18px 16px!important}
html.theme-angellist .rk-sec-role .rk-li,html.theme-terminal .rk-sec-role .rk-li{padding:11px 14px!important;gap:9px!important}
html.theme-angellist .rk-grade-h,html.theme-terminal .rk-grade-h{margin-bottom:14px!important}
html.theme-angellist .rk-grade-box,html.theme-terminal .rk-grade-box{padding:18px 18px!important}
html.theme-angellist .rk-grade-h,html.theme-terminal .rk-grade-h{margin-bottom:16px!important}
/* AngelList 서브탭: 박스 대신 텍스트+밑줄(레퍼런스식) */
html.theme-angellist .rec-subtabs{background:transparent!important;border:none!important;padding:0!important;gap:22px!important}
html.theme-angellist .rec-subtab{background:transparent!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;color:var(--text2)!important;padding:9px 16px!important}
html.theme-angellist .rec-subtab:hover{background:transparent!important;color:var(--text)!important}
html.theme-angellist .rec-subtab.active{background:transparent!important;color:var(--page-accent)!important;border-bottom-color:var(--page-accent)!important}
/* 섹션 박스 공통 패딩(제목이 모서리에 안 붙게) */
html.theme-angellist .grk-wrap,html.theme-angellist .gsum-card,html.theme-angellist .ntc-col,html.theme-angellist .sl-card,html.theme-angellist .adm-card,html.theme-angellist .qb-card,html.theme-angellist .scard,html.theme-angellist .bt-detail,html.theme-angellist .rk-grade-box{padding:18px 20px!important}
html.theme-terminal .grk-wrap,html.theme-terminal .gsum-card,html.theme-terminal .ntc-col,html.theme-terminal .sl-card,html.theme-terminal .adm-card,html.theme-terminal .qb-card,html.theme-terminal .scard,html.theme-terminal .bt-detail,html.theme-terminal .rk-grade-box{padding:18px 20px!important}

/* 주요 CTA 버튼: 액센트 채움 */
html.theme-angellist .sl-btn.primary,html.theme-angellist .lbtn-gold.primary,html.theme-angellist .role-save-btn.primary,html.theme-angellist .ntc-post.primary,html.theme-angellist .ntc-write.primary,html.theme-angellist .mm-save.primary,html.theme-angellist .reco-load.primary,html.theme-angellist .stats-refresh.primary,html.theme-angellist .qb-new.primary,html.theme-angellist .stm-save.primary,html.theme-angellist .sl-btn.primary{background:var(--page-accent)!important;color:#04121a!important;border:none!important;font-weight:800}

/* 의미색 -> 테마색 통일 (스탯/막대/테두리) */
html.theme-angellist .pp-bv,html.theme-terminal .pp-bv,html.theme-angellist .rec-fame-card .rfv,html.theme-terminal .rec-fame-card .rfv,html.theme-angellist .pp-bi .pp-bv,html.theme-terminal .pp-bi .pp-bv{color:var(--c-df)!important}
html.theme-angellist .rec-bar-track i,html.theme-terminal .rec-bar-track i{background:var(--c-df)!important}
html.theme-angellist .pp-bi,html.theme-terminal .pp-bi,html.theme-angellist .rec-fame-card,html.theme-terminal .rec-fame-card{border-color:color-mix(in srgb, var(--c-df) 38%, transparent)!important}

/* 등급 글자/역할 막대 -> 테마색 */
html.theme-angellist .rec-role-grade,html.theme-terminal .rec-role-grade{color:var(--c-df)!important}
html.theme-angellist .rec-role-bar i,html.theme-terminal .rec-role-bar i{background:var(--c-df)!important}

/* 펼치기 전 빈 배틀상세 박스 숨김 */
html.theme-angellist .bt-detail:empty,html.theme-terminal .bt-detail:empty{border:none!important;padding:0!important;box-shadow:none!important;margin:0!important;background:transparent!important;min-height:0!important}
/* 자동완성 드롭다운: 항상 위로 */
.rec-suggest,.rcg-suggest,#gst-suggest,#rec-suggest{z-index:600!important}
.rec-search-wrap,.gst-wrap,.rcg-searchwrap{overflow:visible!important}
html.theme-angellist .kb-phead,html.theme-angellist .kb-prow,html.theme-terminal .kb-phead,html.theme-terminal .kb-prow{grid-template-columns:minmax(46px,1fr) 32px 22px 24px 38px 38px 44px!important;gap:2px!important;padding:6px 7px!important;font-size:var(--fs-10-5)!important}
html.theme-angellist .kb-pcol,html.theme-terminal .kb-pcol{overflow-x:hidden!important}
/* 테마 스크롤바 */
html.theme-terminal ::-webkit-scrollbar,html.theme-angellist ::-webkit-scrollbar{width:10px;height:10px}
html.theme-terminal ::-webkit-scrollbar-track,html.theme-angellist ::-webkit-scrollbar-track{background:rgba(0,0,0,.35)}
html.theme-terminal ::-webkit-scrollbar-thumb,html.theme-angellist ::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--c-df) 38%, transparent);border-radius:5px;border:2px solid transparent;background-clip:padding-box}
html.theme-terminal ::-webkit-scrollbar-thumb:hover,html.theme-angellist ::-webkit-scrollbar-thumb:hover{background:var(--c-df)}
html.theme-terminal ::-webkit-scrollbar-corner,html.theme-angellist ::-webkit-scrollbar-corner{background:transparent}
html.theme-terminal,html.theme-angellist{scrollbar-color:color-mix(in srgb, var(--c-df) 40%, transparent) rgba(0,0,0,.3);scrollbar-width:thin}
/* Lazy 테마: 모노 + 그레인 + 글로우 */
html.theme-lazy{background:#0a0a0b}
html.theme-lazy body{background:transparent}
html.theme-lazy::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px}
html.theme-lazy::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(720px 340px at 8% -6%, rgba(255,255,255,.11), transparent 60%),radial-gradient(820px 380px at 92% 4%, rgba(255,255,255,.09), transparent 60%),radial-gradient(640px 360px at 50% 50%, rgba(255,255,255,.05), transparent 60%),radial-gradient(900px 520px at 50% 122%, rgba(255,255,255,.07), transparent 60%)}
html.theme-lazy .gsum-card,html.theme-lazy .rec-role-card,html.theme-lazy .rk-grade-box,html.theme-lazy .rk-sec,html.theme-lazy .rk-mk,html.theme-lazy .grk-wrap,html.theme-lazy .bt-card,html.theme-lazy .bt-detail,html.theme-lazy .sl-card,html.theme-lazy .reco-card,html.theme-lazy .set-card,html.theme-lazy .kb-tbl,html.theme-lazy .kb-pcol,html.theme-lazy .ntc-col,html.theme-lazy .qb-card,html.theme-lazy .scard,html.theme-lazy .adm-card,html.theme-lazy .sl-item{background:#141416!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important}
html.theme-lazy .bt-detail:empty{border:none!important;background:transparent!important}
html.theme-lazy ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18)!important;border-radius:5px}
html.theme-lazy{scrollbar-color:rgba(255,255,255,.2) rgba(0,0,0,.3)}
/* Lazy 카드 디자인: 입체 효과 + 여백 */
html.theme-lazy .gsum-card,html.theme-lazy .rec-role-card,html.theme-lazy .rk-grade-box,html.theme-lazy .rk-sec,html.theme-lazy .rk-mk,html.theme-lazy .grk-wrap,html.theme-lazy .bt-card,html.theme-lazy .bt-detail,html.theme-lazy .sl-card,html.theme-lazy .reco-card,html.theme-lazy .set-card,html.theme-lazy .kb-tbl,html.theme-lazy .kb-pcol,html.theme-lazy .ntc-col,html.theme-lazy .qb-card,html.theme-lazy .scard,html.theme-lazy .adm-card{border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 34px -14px rgba(0,0,0,.8)!important}
html.theme-lazy .grk-wrap,html.theme-lazy .gsum-card,html.theme-lazy .ntc-col,html.theme-lazy .sl-card,html.theme-lazy .adm-card,html.theme-lazy .qb-card,html.theme-lazy .scard,html.theme-lazy .bt-detail{padding:20px 22px!important}
html.theme-lazy .rk-grade-box{padding:20px!important}
html.theme-lazy .rk-grade-h{margin-bottom:16px!important}
html.theme-lazy .rk-sec-role{padding:18px 16px!important}
html.theme-lazy .rk-sec-role .rk-li{padding:11px 14px!important;gap:9px!important}
html.theme-lazy .sl-item{padding:13px 16px!important}
html.theme-lazy .bt-card{padding:15px 18px!important}
html.theme-lazy .bt-detail:empty{border:none!important;box-shadow:none!important;padding:0!important}
html.theme-lazy button{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;border:1px solid rgba(255,255,255,.1)!important;color:#e4e4e6!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
html.theme-lazy button:hover{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04))!important;border-color:rgba(255,255,255,.2)!important}
html.theme-lazy button.on,html.theme-lazy button.active{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}
/* Lazy 빛나는 디바이더 */
html.theme-lazy .grk-title,html.theme-lazy .gsum-card-t,html.theme-lazy .rcg-sect,html.theme-lazy .adm-h,html.theme-lazy .sl-h,html.theme-lazy .ntc-h,html.theme-lazy .rk-grade-t,html.theme-lazy .sect-title,html.theme-lazy .rec-prof-name{position:relative;padding-bottom:11px}
html.theme-lazy .grk-title::after,html.theme-lazy .gsum-card-t::after,html.theme-lazy .rcg-sect::after,html.theme-lazy .adm-h::after,html.theme-lazy .sl-h::after,html.theme-lazy .ntc-h::after,html.theme-lazy .rk-grade-t::after,html.theme-lazy .sect-title::after,html.theme-lazy .rec-prof-name::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg, rgba(255,255,255,.55), rgba(255,255,255,.12) 45%, transparent 78%);box-shadow:0 0 12px rgba(255,255,255,.22)}

/* 네비 탭 동일 너비 */
.page-tabs .page-tab{flex:0 0 auto!important;width:88px!important;text-align:center!important;justify-content:center!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Lazy 메뉴바 */
html.theme-lazy .titlebar{background:#0a0a0c!important;border-bottom:1px solid rgba(255,255,255,.07)!important;backdrop-filter:none!important}
html.theme-lazy .page-tab{color:rgba(255,255,255,.45)!important;background:none!important;border:none!important;border-radius:0!important;font-weight:600!important;position:relative}
html.theme-lazy .page-tab:hover{color:rgba(255,255,255,.8)!important;background:none!important}
html.theme-lazy .page-tab.active{color:#fff!important;font-weight:700!important;background:none!important;box-shadow:none!important}
html.theme-lazy .page-tab.active::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:4px;width:38px;height:2px;border-radius:1px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.5)}


html.theme-lazy .tb-langbtn,html.theme-lazy .tb-menu{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;border:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.7)!important;border-radius:8px!important}
/* Lazy 네비: 가운데 정렬 + 내용폭(타이트) */
html.theme-lazy .page-tabs{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;width:auto!important;justify-content:center!important;gap:4px!important}
html.theme-lazy .page-tabs .page-tab{flex:0 0 auto!important;width:auto!important;max-width:none!important;padding:8px 15px!important}
/* 네비를 전 테마 화면 정중앙(본문 중앙과 정렬), 우측 버튼은 오른쪽 유지 */

.titlebar .tb-right{margin-left:auto!important}
/* 인기검색은 좌측 거터로, 메인 데이터는 화면 중앙(넓은 화면 전용) */
@media(min-width:1860px){
  .rec-2col{position:relative}
  .rec-2col>.rec-popcol{position:absolute!important;left:-226px;top:0;width:210px}
  .rec-2col>.rec-maincol{width:100%;flex:none}
}
.reco-desc{font-size:var(--fs-11-5);color:var(--text3);margin:3px 0 6px;line-height:1.45;word-break:break-word}
.reco-tag.reco-pve{border-color:color-mix(in srgb, var(--c-heal) 45%, transparent)!important;color:var(--c-heal)!important}
.rpub-cats{display:flex;gap:8px;flex-wrap:wrap}
.rpub-ck{display:inline-flex;align-items:center;padding:8px 18px;border:1px solid var(--sep2);border-radius:var(--card-r);cursor:pointer;font-weight:700;color:var(--text2);transition:border-color .12s,background .12s,color .12s;user-select:none}
.rpub-ck input{display:none}
.rpub-ck:has(input:checked){background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-fg)}