/* WIND GAME personal referral codes (RC1, 2026-10-22): profile tab «Рефералы» + card on the referral page.
   Red-black wg-layer tokens, dark + light. */
.rc-card{margin:0 0 16px;padding:20px 22px;border:1px solid var(--wg-accent-lo,#9f1239);border-radius:22px;box-sizing:border-box;
  background:linear-gradient(145deg,var(--wg-s2,#18171b),var(--wg-s1,#111013));color:var(--wg-text-tint,#d9d4cf);min-width:0}
.rc-card[hidden]{display:none!important}
html[data-theme="light"] .rc-card{background:var(--wg-pale,#fff5f6);border-color:var(--wg-accent-pale,#f3c3cc);color:var(--wg-accent-deep,#7f1d2d)}
.rc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.rc-kicker{display:block;font-size:10px;font-weight:850;letter-spacing:.16em;color:var(--wg-accent-hi,#ff4d6d)}
.rc-card h2{margin:5px 0 6px;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.02em;color:var(--wg-text,#f5f1ec)}
html[data-theme="light"] .rc-card h2{color:var(--wg-accent-deep,#7f1d2d)}
.rc-count{flex:0 0 auto;padding:6px 12px;border-radius:999px;font-weight:900;font-size:14px;font-variant-numeric:tabular-nums;
  border:1px solid var(--wg-accent-lo,#9f1239);background:var(--wg-s3,#1f1d22);color:var(--wg-text,#f5f1ec)}
html[data-theme="light"] .rc-count{background:#fff;color:var(--wg-accent-deep,#7f1d2d);border-color:var(--wg-accent-pale,#f3c3cc)}
.rc-note{margin:0 0 12px;font-size:13px;line-height:1.45;opacity:.88}
.rc-small{font-size:12px;opacity:.75;margin:10px 0 0}
.rc-note a{color:var(--wg-accent-hi,#ff4d6d)}
html[data-theme="light"] .rc-note a{color:var(--wg-accent,#e11d48)}
.rc-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px}
.rc-input{flex:1 1 180px;min-width:0;min-height:44px;box-sizing:border-box;padding:0 14px;font:inherit;font-size:16px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;border-radius:12px;border:1px solid var(--wg-accent-lo,#9f1239);background:var(--wg-s1,#111013);color:var(--wg-text,#f5f1ec)}
.rc-input::placeholder{letter-spacing:0;text-transform:none;font-weight:600;opacity:.55}
.rc-input:focus{outline:2px solid var(--wg-accent-hi,#ff4d6d);outline-offset:1px}
.rc-input:disabled{opacity:.55}
html[data-theme="light"] .rc-input{background:#fff;color:var(--wg-accent-deep,#7f1d2d);border-color:var(--wg-accent-pale,#f3c3cc)}
.rc-btn{flex:0 0 auto;min-height:44px;padding:0 20px;font:inherit;font-size:14px;font-weight:900;border-radius:12px;cursor:pointer;
  border:1px solid var(--wg-accent-hi,#ff4d6d);background:linear-gradient(180deg,var(--wg-accent-hi,#ff4d6d),var(--wg-accent,#e11d48));color:#fff}
.rc-btn:disabled{opacity:.5;cursor:default}
.rc-danger{background:#7f1d1d;border-color:#ef4444}
.rc-act{min-height:36px;padding:0 12px;font:inherit;font-size:12.5px;font-weight:800;border-radius:10px;cursor:pointer;
  border:1px solid var(--wg-accent-lo,#9f1239);background:var(--wg-s3,#1f1d22);color:var(--wg-text,#f5f1ec)}
.rc-act:hover{border-color:var(--wg-accent-hi,#ff4d6d)}
.rc-act:disabled{opacity:.5;cursor:default}
.rc-del{color:#fda4af}
html[data-theme="light"] .rc-act{background:#fff;color:var(--wg-accent-deep,#7f1d2d);border-color:var(--wg-accent-pale,#f3c3cc)}
html[data-theme="light"] .rc-del{color:#b91c1c}
.rc-btn:focus-visible,.rc-act:focus-visible{outline:3px solid var(--wg-accent-hi,#ff4d6d);outline-offset:2px}
.rc-msg{min-height:1.2em;margin:0 0 8px;font-size:13px;font-weight:700;overflow-wrap:anywhere}
.rc-msg.is-ok{color:#4ade80}.rc-msg.is-err{color:#fb7185}
html[data-theme="light"] .rc-msg.is-ok{color:#15803d}html[data-theme="light"] .rc-msg.is-err{color:#be123c}
.rc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rc-item{padding:12px 14px;border:1px solid var(--wg-accent-lo,#9f1239);border-radius:16px;background:var(--wg-s3,#1f1d22);min-width:0}
html[data-theme="light"] .rc-item{background:#fff;border-color:var(--wg-accent-pale,#f3c3cc)}
.rc-view{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) auto;gap:8px 14px;align-items:center}
.rc-codebox{display:grid;gap:2px;min-width:0}
.rc-code{font-size:19px;font-weight:950;letter-spacing:.1em;color:var(--wg-text,#f5f1ec)}
html[data-theme="light"] .rc-code{color:var(--wg-accent-deep,#7f1d2d)}
.rc-link{font-size:12px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-stats{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px}
.rc-stats b{font-size:14px;font-variant-numeric:tabular-nums;color:var(--wg-text,#f5f1ec)}
html[data-theme="light"] .rc-stats b{color:var(--wg-accent-deep,#7f1d2d)}
.rc-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.rc-copy{border-color:var(--wg-accent-hi,#ff4d6d)}
.rc-edit{margin:0}
.rc-edit small{flex:1 1 100%}
.rc-confirm p{margin:0 0 8px;font-size:13px}
.rc-confirm .rc-actions{justify-content:flex-start}
.rc-empty{padding:14px;border:1px dashed var(--wg-accent-lo,#9f1239);border-radius:14px;font-size:13px;opacity:.85}
.rc-reserved{margin-top:10px}
.rc-busy{cursor:progress}
@media (max-width:760px){
  .rc-card{padding:16px}
  .rc-view{grid-template-columns:minmax(0,1fr)}
  .rc-actions{justify-content:flex-start}
  .rc-actions .rc-act{flex:1 1 auto}
  .rc-btn{flex:1 1 100%}
  .rc-edit .rc-btn,.rc-edit .rc-act{flex:1 1 40%}
}

/* ===== RC3 (2026-10-22): simple referral page + main block ===== */
.rc-count[hidden]{display:none}
.rc-list[hidden]{display:none}
.rc-share{display:inline-flex;align-items:center;text-decoration:none}
.rc-main{border-width:2px}
.rc-main h2{font-size:clamp(22px,2.4vw,28px)}
/* the old long-code invite card in the profile («Ещё»): the «Рефералы» tab replaces it */
.wg-hub-invite{display:none!important}
.rp3 .rp3-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rp3 .rp3-steps li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--rp-line,var(--wg-accent-lo,#9f1239));border-radius:16px;
  background:var(--rp-deep,var(--wg-s2,#18171b));min-width:0}
.rp3 .rp3-steps i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-style:normal;font-weight:900;
  background:linear-gradient(180deg,var(--wg-accent-hi,#ff4d6d),var(--wg-accent,#e11d48));color:#fff}
.rp3 .rp3-steps li>div>b{display:block;font-size:15px;color:var(--wg-text,#f5f1ec)}
.rp3 .rp3-steps li>div>span{display:block;font-size:13px;line-height:1.4;opacity:.85}
html[data-theme="light"] .rp3 .rp3-steps li{background:#fff;border-color:var(--wg-accent-pale,#f3c3cc)}
html[data-theme="light"] .rp3 .rp3-steps li>div>b{color:var(--wg-accent-deep,#7f1d2d)}
.rp3 .rp-card h2{margin:0 0 12px}
.rp3 .rp3-levels{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.rp3 .rp3-level{display:flex;align-items:baseline;gap:8px;padding:8px 12px;border:1px solid var(--rp-line,var(--wg-accent-lo,#9f1239));border-radius:12px;
  background:var(--rp-deep,var(--wg-s2,#18171b));font-size:13px}
.rp3 .rp3-level b{font-size:16px;color:var(--rp-gold,#f4c35a)}
.rp3 .rp3-level em{font-style:normal;font-weight:800;opacity:.75;font-size:12px}
.rp3 .rp3-level.is-done{border-color:#6f8f2d}
.rp3 .rp3-level.is-done em{color:#c2f46e;opacity:1}
html[data-theme="light"] .rp3 .rp3-level{background:#fff;border-color:var(--wg-accent-pale,#f3c3cc)}
html[data-theme="light"] .rp3 .rp3-level b{color:#a16207}
.rp3 .rp3-right{display:flex;gap:8px;align-items:center}
.rp3 [data-rp-lists][hidden],.rp3 [hidden]{display:none!important}
.rp3 .rp-feedback:empty{display:none}
.rp3 .rp3-rules summary{cursor:pointer;font-weight:850;font-size:17px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
.rp3 .rp3-rules summary::-webkit-details-marker{display:none}
.rp3 .rp3-rules summary::after{content:'+';font-size:22px;line-height:1;color:var(--wg-accent-hi,#ff4d6d)}
.rp3 .rp3-rules[open] summary::after{content:'−'}
.rp3 .rp3-rules summary:focus-visible{outline:3px solid var(--wg-accent-hi,#ff4d6d);outline-offset:4px;border-radius:8px}
.rp3 .rp3-rules ul{margin:12px 0 0;padding-left:20px;line-height:1.55;font-size:14px}
.rp3 .rp3-rules li{margin:0 0 6px}
.rp3 .rp3-rules .rp-legal{margin:10px 0 0;font-size:12px;opacity:.7}
@media (max-width:760px){
  .rp3 .rp3-steps{grid-template-columns:minmax(0,1fr);gap:8px}
  .rp3 .rp3-steps li{padding:12px}
  .rp3 .rp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rp3 .rp-two{grid-template-columns:minmax(0,1fr)}
}

/* rv3 (2026-10-25): «Вы стример или у вас есть Telegram-каналы?» -> support bot */
.rc-partner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 16px;padding:16px 20px;
  border:1px dashed var(--wg-accent-lo,#9f1239);border-radius:20px;box-sizing:border-box;min-width:0;
  background:linear-gradient(145deg,var(--wg-s2,#18171b),var(--wg-s1,#111013));color:var(--wg-text-tint,#d9d4cf)}
.rc-partner[hidden]{display:none!important}
.rc-partner-in{margin:16px 0 0;padding:14px 16px;border-radius:16px}
html[data-theme="light"] .rc-partner{background:var(--wg-pale,#fff5f6);border-color:var(--wg-accent-pale,#f3c3cc);color:var(--wg-accent-deep,#7f1d2d)}
.rc-partner-text{flex:1 1 260px;min-width:0}
.rc-partner h3{margin:0 0 4px;font-size:17px;color:var(--wg-text,#f5f1ec)}
html[data-theme="light"] .rc-partner h3{color:var(--wg-accent-deep,#7f1d2d)}
.rc-partner p{margin:0;font-size:13px;line-height:1.45;opacity:.88}
.rc-partner-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 18px;border-radius:999px;
  font-weight:850;text-decoration:none;color:#fff;background:linear-gradient(140deg,#ff4d6d,#b3102b);border:1px solid #a53940}
.rc-partner-btn:focus-visible{outline:2px solid var(--wg-accent-hi,#ff4d6d);outline-offset:2px}
@media (max-width:520px){.rc-partner{padding:14px 16px}.rc-partner-btn{width:100%}}

/* ===== rv3 (2026-10-25): «Мои коды» cards + calm tabs of the referral page (owner: «вкладки красивее, ВСЕ») ===== */
.rc-item.rc-v3{padding:16px 18px;border-radius:18px;border:1px solid var(--wg-accent-lo,#9f1239);
  background:linear-gradient(160deg,var(--wg-s3,#1f1d22),var(--wg-s2,#18171b));box-shadow:0 10px 26px #00000033,inset 0 1px 0 #ffffff0d}
html[data-theme="light"] .rc-item.rc-v3{background:linear-gradient(160deg,#fff,var(--wg-pale,#fff5f6));border-color:var(--wg-accent-pale,#f3c3cc);box-shadow:0 8px 20px #7f1d2d14}
.rc-v3 .rc-view{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.rc-v3 .rc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.rc-v3 .rc-codebox{display:grid;gap:2px;min-width:0}
.rc-v3 .rc-kick{font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--wg-accent-hi,#ff4d6d)}
.rc-v3 .rc-code{font-size:clamp(24px,3vw,30px);line-height:1.1;font-weight:950;letter-spacing:.12em;overflow-wrap:anywhere}
.rc-icons{display:flex;gap:6px;flex:none;flex-wrap:nowrap;justify-content:flex-end}
.rc-ib{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border-radius:12px;cursor:pointer;box-sizing:border-box;text-decoration:none;
  border:1px solid var(--wg-line,#ffffff1f);background:var(--wg-s1,#111013);color:var(--wg-text,#f5f1ec);transition:border-color .15s,background .15s,transform .15s}
.rc-ib svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rc-ib:hover{border-color:var(--wg-accent-hi,#ff4d6d);transform:translateY(-1px)}
.rc-ib:focus-visible,.rc-linkcopy:focus-visible{outline:2px solid var(--wg-accent-hi,#ff4d6d);outline-offset:2px}
.rc-ib.rc-del{color:#fda4af}
.rc-ib.is-done,.rc-linkcopy.is-done{border-color:#22c55e;color:#4ade80}
html[data-theme="light"] .rc-ib{background:#fff;border-color:var(--wg-accent-pale,#f3c3cc);color:var(--wg-accent-deep,#7f1d2d)}
html[data-theme="light"] .rc-ib.rc-del{color:#b91c1c}
.rc-linkrow{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 6px 6px 12px;border-radius:12px;
  border:1px solid var(--wg-line,#ffffff1a);background:var(--wg-s1,#111013)}
html[data-theme="light"] .rc-linkrow{background:#fff;border-color:var(--wg-accent-pale,#f3c3cc)}
.rc-v3 .rc-link{flex:1 1 auto;min-width:0;font-size:13px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-linkcopy{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:9px;cursor:pointer;font:inherit;font-size:12.5px;font-weight:850;
  border:1px solid var(--wg-accent-hi,#ff4d6d);background:linear-gradient(180deg,var(--wg-accent-hi,#ff4d6d),var(--wg-accent,#e11d48));color:#fff}
.rc-linkcopy svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rc-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rc-chip{display:grid;gap:1px;padding:8px 10px;border-radius:12px;border:1px solid var(--wg-line,#ffffff14);background:var(--wg-s1,#111013);min-width:0}
.rc-chip b{font-size:16px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--wg-text,#f5f1ec);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-chip small{font-size:11px;opacity:.7}
html[data-theme="light"] .rc-chip{background:#fff;border-color:var(--wg-accent-pale,#f3c3cc)}
html[data-theme="light"] .rc-chip b{color:var(--wg-accent-deep,#7f1d2d)}
@media (max-width:760px){
  .rc-v3 .rc-actions .rc-act{flex:initial}
  .rc-item.rc-v3{padding:14px}
  .rc-ib{width:36px;height:36px}
  .rc-v3 .rc-top{flex-wrap:wrap}
}
@media (max-width:380px){.rc-icons{gap:4px}.rc-ib{width:34px;height:34px;border-radius:10px}.rc-linkcopy .rc-lc-t{display:none}}

/* tabs: one calm pill bar, active tab lit, edges fade (JS sets the mask), no big red arrows */
html.rc-rp-v3 main .rc-tabs-v3 .wws-tabs{display:flex!important;gap:4px!important;padding:4px!important;border-radius:16px!important;overflow-x:auto!important;
  border:1px solid var(--wg-line,#ffffff1a)!important;background:var(--wg-s1,#111013)!important;box-shadow:inset 0 1px 0 #ffffff08!important}
html.rc-rp-v3 main .rc-tabs-v3 .wws-tabs::-webkit-scrollbar{display:none}
html.rc-rp-v3 main .rc-tabs-v3 .wws-tab{flex:1 0 auto!important;min-height:42px!important;padding:8px 14px!important;border-radius:12px!important;scroll-snap-align:center;
  border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;color:var(--wg-text-tint,#bdb5bf)!important;font-weight:800!important;white-space:nowrap}
html.rc-rp-v3 main .rc-tabs-v3 .wws-tab::after,html.rc-rp-v3 main .rc-tabs-v3 .wws-tab::before{display:none!important}
html.rc-rp-v3 main .rc-tabs-v3 .wws-tab[aria-selected=true]{color:#fff!important;border-color:var(--wg-accent-hi,#ff4d6d)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--wg-accent-hi,#ff4d6d) 34%,transparent),color-mix(in srgb,var(--wg-accent,#e11d48) 18%,transparent))!important;
  box-shadow:0 4px 14px color-mix(in srgb,var(--wg-accent,#e11d48) 30%,transparent)!important}
html.rc-rp-v3 main .rc-tabs-v3 .wws-tab:hover{color:var(--wg-text,#f5f1ec)!important}
html[data-theme="light"].rc-rp-v3 main .rc-tabs-v3 .wws-tabs{background:#fff!important;border-color:var(--wg-accent-pale,#f3c3cc)!important}
html[data-theme="light"].rc-rp-v3 main .rc-tabs-v3 .wws-tab{color:#6b5a60!important}
html[data-theme="light"].rc-rp-v3 main .rc-tabs-v3 .wws-tab[aria-selected=true]{color:var(--wg-accent-deep,#7f1d2d)!important;background:var(--wg-pale,#fff1f3)!important}
html.rc-rp-v3 main .rc-tabs-v3 .wnav-scroll{display:none!important}