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

/* шапка */
.sp-hero{display:flex;align-items:center;gap:18px;margin-bottom:16px;padding:14px 16px;border:1px solid var(--sp-line);border-radius:14px;background:var(--sp-soft)}
.sp-hero-box{flex:0 0 auto;width:110px;height:110px;display:flex;align-items:center;justify-content:center}
.sp-hero-box img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.sp-hero-text{flex:1 1 auto;min-width:0}
.sp-title{font-size:22px;font-weight:800;letter-spacing:.3px;margin-bottom:4px}
.sp-hint{margin:0 0 10px;opacity:.85}
.sp-chips{display:flex;flex-wrap:wrap;gap:6px}
.sp-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:var(--sp-soft2);border:1px solid var(--sp-line);font-size:12px}
.sp-chip b{font-weight:800}
.sp-chip-vip{border-color:rgba(245,179,1,.5);background:rgba(245,179,1,.14)}
.sp-chip-knife{border-color:rgba(155,111,224,.5);background:rgba(155,111,224,.14)}
.sp-chip-weapon{border-color:rgba(74,154,232,.5);background:rgba(74,154,232,.12)}
.sp-chip-points{border-color:rgba(60,207,106,.5);background:rgba(60,207,106,.12)}
@media (max-width:560px){.sp-hero{flex-direction:column;text-align:center}.sp-chips{justify-content:center}}

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

/* значки призов */
.sp-tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.3px;line-height:1.6;white-space:nowrap;color:#1a1300;background:#c0c7d1}
.sp-tag-weapon{background:#4a9ae8;color:#fff}
.sp-tag-points{background:#3ccf6a;color:#0d2a16}
.sp-tag-vip{background:#f5b301;color:#1a1300}
.sp-tag-knife{background:#9b6fe0;color:#fff}
.sp-tag-empty{background:#8a919c;color:#fff}

/* мои ящики */
.sp-me{margin:0 0 16px;padding:14px 16px;border:1px solid rgba(245,179,1,.45);border-radius:14px;background:rgba(245,179,1,.07)}
.sp-me-steam{font-size:12px;opacity:.7;font-weight:400;margin-left:auto}
.sp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:12px}
.sp-card{padding:10px 12px;border:1px solid var(--sp-line);border-radius:12px;background:var(--sp-soft)}
.sp-card-gold{border-color:rgba(245,179,1,.5);background:rgba(245,179,1,.12)}
.sp-card-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;opacity:.65;margin-bottom:4px}
.sp-card-value{font-size:20px;font-weight:800;white-space:nowrap}
.sp-card-value small{font-size:12px;font-weight:600;opacity:.7}
.sp-card-gold .sp-card-value{color:var(--sp-gold-dark);font-size:24px}

/* списки */
.sp-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-bottom:16px}
@media (max-width:760px){.sp-cols{grid-template-columns:1fr}}
.sp-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(--sp-line)}
.sp-list{list-style:none;margin:0;padding:0}
.sp-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:7px 0;border-bottom:1px dashed var(--sp-line);font-size:13px}
.sp-row:last-child{border-bottom:0}
.sp-row-who{font-weight:700;min-width:0}
.sp-row-who:empty{display:none}
.sp-row-who a{text-decoration:none;font-weight:700}
.sp-row-prize{flex:1 1 140px;min-width:0}
.sp-row-meta{display:inline-flex;gap:10px;align-items:center;margin-left:auto;font-size:11px;opacity:.65;white-space:nowrap}
.sp-row-server{padding:0 6px;border-radius:6px;background:var(--sp-soft2)}
.sp-empty{padding:16px 12px;text-align:center;border:1px dashed var(--sp-line);border-radius:10px;opacity:.7;font-size:13px}

/* топ */
.sp-top{overflow-x:auto}
.sp-table{width:100%;border-collapse:collapse;font-size:13px}
.sp-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.65;padding:6px 8px;border-bottom:1px solid var(--sp-line)}
.sp-table td{padding:7px 8px;border-bottom:1px solid var(--sp-line)}
.sp-table tr:last-child td{border-bottom:0}
.sp-table tr.sp-me-row td{background:rgba(245,179,1,.1)}
.sp-table a{text-decoration:none;font-weight:700}
.sp-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;background:#c0c7d1}
.sp-place-1{background:#f5b301}
.sp-place-2{background:#c0c7d1}
.sp-place-3{background:#cd7f32}
.sp-place-4{background:var(--sp-soft2);color:inherit}

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

/* блок в шаблоне */
.sp-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}
.block_head .sp-pill,.block .block_head .sp-pill{background:var(--sp-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}
.sp-list-compact .sp-row{padding:5px 0;font-size:12px}
.sp-block-foot{margin-top:8px;font-size:12px;text-align:right}
.sp-block-foot a{text-decoration:underline}

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