/* SvaRoG Coins — публичные стили (матовые цвета, без свечений; переменные как в giftbox) */
.sc-wrap,.sc-block{--sc-gold:#f5b301;--sc-gold-dark:#c99407;--sc-green:#3ccf6a;--sc-blue:#4a9ae8;--sc-red:#e05252;
  --sc-line:rgba(128,128,128,.22);--sc-soft:rgba(128,128,128,.09);--sc-soft2:rgba(128,128,128,.16);
  position:relative;font-size:14px;line-height:1.45}
.sc-wrap *{box-sizing:border-box}
.sc-muted{opacity:.65;font-size:12px}
.sc-mono{font-family:Consolas,Menlo,monospace;letter-spacing:.3px}

/* шапка */
.sc-hero{display:flex;align-items:center;gap:18px;margin-bottom:16px;padding:14px 16px;border:1px solid var(--sc-line);border-radius:14px;background:var(--sc-soft)}
.sc-hero-coin{flex:0 0 auto;width:96px;height:96px;display:flex;align-items:center;justify-content:center}
.sc-hero-coin img{width:96px;height:96px;border-radius:50%;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.sc-hero-text{flex:1 1 auto;min-width:0}
.sc-title{font-size:22px;font-weight:800;letter-spacing:.3px;margin-bottom:4px}
.sc-hint{margin:0 0 8px;opacity:.85}
.sc-rate{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(245,179,1,.14);border:1px solid rgba(245,179,1,.4);font-size:13px}
.sc-rate b{color:var(--sc-gold-dark)}
@media (max-width:560px){.sc-hero{flex-direction:column;text-align:center}.sc-rate{justify-content:center}}

/* уведомления */
.sc-notice{margin:0 0 14px;padding:10px 14px;border-radius:10px;font-size:13px;border:1px solid var(--sc-line);background:var(--sc-soft)}
.sc-notice-blue{background:rgba(74,154,232,.1);border-color:rgba(74,154,232,.35)}
.sc-notice-warn{background:rgba(245,179,1,.12);border-color:rgba(245,179,1,.4)}
.sc-notice a{text-decoration:underline}

/* карточки */
.sc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}
.sc-card{padding:12px 14px;border:1px solid var(--sc-line);border-radius:12px;background:var(--sc-soft)}
.sc-card-gold{border-color:rgba(245,179,1,.5);background:rgba(245,179,1,.12)}
.sc-card-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;opacity:.65;margin-bottom:4px}
.sc-card-value{font-size:20px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-card-gold .sc-card-value{color:var(--sc-gold-dark);font-size:24px}
.sc-card .sc-mono{font-size:15px}

/* обмен */
.sc-exchange{margin:0 0 16px;padding:14px 16px;border:1px solid rgba(245,179,1,.45);border-radius:14px;background:rgba(245,179,1,.07)}
.sc-exchange-head{display:flex;align-items:center;gap:6px;font-weight:800;font-size:15px;margin-bottom:10px}
.sc-exchange-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sc-exchange-row label{margin:0;font-weight:600}
.sc-select{min-width:220px;padding:7px 10px;border-radius:8px;border:1px solid var(--sc-line);background:#1f2430;color:#f3f4f6;font-size:13px}
.sc-exchange-off{padding:8px 12px;border-radius:8px;background:var(--sc-soft2);font-size:13px;opacity:.85}
.sc-exchange-limits{margin-top:10px;font-size:12px;opacity:.75}
.sc-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;color:#fff;background:#4b5563;line-height:1.2;text-decoration:none;transition:filter .15s,transform .15s;white-space:nowrap}
.sc-btn:hover{filter:brightness(1.1);color:#fff;text-decoration:none}
.sc-btn:active{transform:translateY(1px)}
.sc-btn:disabled{opacity:.6;cursor:default}
.sc-btn-gold{background:#d9a106;color:#1a1300}
.sc-btn-gold:hover{color:#1a1300}
.sc-alert{margin-top:10px;padding:9px 12px;border-radius:8px;font-size:13px}
.sc-alert-ok{background:rgba(60,207,106,.16);border:1px solid rgba(60,207,106,.4)}
.sc-alert-err{background:rgba(224,82,82,.14);border:1px solid rgba(224,82,82,.4)}
.sc-alert-wait{background:var(--sc-soft);border:1px solid var(--sc-line)}

/* списки */
.sc-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
@media (max-width:720px){.sc-cols{grid-template-columns:1fr}}
.sc-block-head{display:flex;align-items:center;gap:6px;font-weight:800;font-size:15px;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--sc-line)}
.sc-block-head-top{margin-top:4px}
.sc-list{list-style:none;margin:0;padding:0}
.sc-list li{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dashed var(--sc-line);font-size:13px}
.sc-list li:last-child{border-bottom:0}
.sc-amount{flex:0 0 74px;font-weight:800;font-family:Consolas,Menlo,monospace;text-align:right}
.sc-plus{color:var(--sc-green)}
.sc-minus{color:var(--sc-red)}
.sc-list-text{flex:1 1 auto;min-width:0}
.sc-list-date{flex:0 0 auto;font-size:11px;opacity:.6;white-space:nowrap}
.sc-empty{padding:16px 12px;text-align:center;border:1px dashed var(--sc-line);border-radius:10px;opacity:.7;font-size:13px}

/* топ */
.sc-top{margin-bottom:16px;overflow-x:auto}
.sc-table{width:100%;border-collapse:collapse;font-size:13px}
.sc-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.65;padding:6px 8px;border-bottom:1px solid var(--sc-line)}
.sc-table td{padding:7px 8px;border-bottom:1px solid var(--sc-line)}
.sc-table tr:last-child td{border-bottom:0}
.sc-table tr.sc-me td{background:rgba(245,179,1,.1)}
.sc-table a{text-decoration:none;font-weight:700}
.sc-place{display:inline-block;min-width:22px;height:22px;line-height:22px;border-radius:50%;text-align:center;font-weight:800;font-size:12px;color:#1a1300}
.sc-place-1{background:#f5b301}
.sc-place-2{background:#c0c7d1}
.sc-place-3{background:#cd7f32}

/* как это работает */
.sc-how{margin-top:4px}
.sc-steps{margin:0;padding-left:20px;font-size:13px}
.sc-steps li{margin:6px 0}
.sc-steps code,.sc-how code{font-family:Consolas,Menlo,monospace;font-size:12px;padding:1px 6px;border-radius:5px;background:var(--sc-soft2);border:1px solid var(--sc-line)}

/* пункт меню профиля (рядом с «Баланс») */
.sc-menu-item:empty{display:none}
.sc-menu-item .sc-menu-val{font-weight:700}

/* блок в профиле */
.sc-pill{display:inline-block;min-width:20px;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.22);font-size:11px;font-weight:800;text-align:center}
/* темы красят span в .block_head серым с !important — перебиваем точнее */
.block_head .sc-pill,.block .block_head .sc-pill{background:var(--sc-gold,#f5b301);color:#1a1300!important;-webkit-text-fill-color:#1a1300;font-size:11px;font-weight:800;letter-spacing:0;line-height:1.5;text-transform:none;margin-left:6px;vertical-align:middle}
.sc-wrap-profile{font-size:13px}
.sc-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.sc-mini-item{padding:8px 10px;border:1px solid var(--sc-line);border-radius:10px;background:var(--sc-soft);text-align:center}
.sc-mini-item span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;opacity:.65;margin-bottom:2px}
.sc-mini-item b{font-size:17px;font-weight:800}
.sc-mini-gold{border-color:rgba(245,179,1,.5);background:rgba(245,179,1,.12)}
.sc-mini-gold b{color:var(--sc-gold-dark)}
.sc-exchange-compact{margin:0 0 10px;padding:10px 12px}
.sc-exchange-compact .sc-select{min-width:180px;flex:1 1 180px}
.sc-exchange-compact .sc-btn{flex:1 1 auto;justify-content:center}
.sc-mini-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;font-size:12px;opacity:.8}
.sc-mini-foot a{text-decoration:underline}
.sc-notice-compact{margin-bottom:8px}
.sc-empty-sm{padding:10px}
.sc-block .sc-steam-help{margin-top:8px}
@media (max-width:420px){.sc-mini{grid-template-columns:1fr 1fr}}

/* инструкция «Как узнать свой Steam ID» */
.sc-steam-help{margin:14px 0 0;padding:10px 14px;border-radius:10px;background:rgba(74,154,232,.1);border:1px solid rgba(74,154,232,.3);font-size:13px;line-height:1.5;text-align:left;color:inherit}
.sc-steam-help summary{cursor:pointer;font-weight:800;outline:0;list-style-position:inside}
.sc-steam-help ol{margin:8px 0 0;padding-left:20px}
.sc-steam-help li{margin:4px 0}
.sc-steam-help code,.sc-steam-help kbd{font-family:Consolas,Menlo,monospace;font-size:12px;padding:1px 6px;border-radius:5px;background:var(--sc-soft2,rgba(128,128,128,.16));border:1px solid var(--sc-line,rgba(128,128,128,.22));white-space:nowrap}
.sc-steam-help .sc-steam-example{font-weight:700;letter-spacing:.5px}
.sc-steam-help a{text-decoration:underline}