/* spade69.bet — контент: «главы» колонкой 960 — шапка главы: крупный контурный номер «♠ 01» и H2 в строку над зелёной линией; картинка во всю колонку, обрезка 16:7 с зелёной рамкой снизу; тело главы — с пунктирной зелёной линией слева; таблицы — «сукно» (зелёная шапка); шаги — карточки «раздачи» в ряд (на мобильном — лента со свайпом); списки — ♣; плитки категорий 6 в ряд; FAQ — сетка 2×N с бейджем Q; футер 3 колонки (о сайте / RG / ссылки) */
:root{--spx-g:#22a559;--spx-g2:#0f5132;--spx-t:#ebe5e8}
.spx-wrap{max-width:960px;margin:0 auto;padding:36px 18px 60px;color:var(--spx-t);font:400 16px/1.7 "Fira Sans",Arial,sans-serif}
.spx-top{padding:8px 0 26px;margin-bottom:34px;border-bottom:1px solid #3b2f35}
.spx-top h1{margin:0 0 12px;font:900 48px/1.1 "Fira Sans",Arial,sans-serif;color:#fff}
.spx-top h1::first-letter{color:var(--spx-g)}
.spx-top p{margin:0 0 14px}
.spx-bet{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:13px 26px;border-radius:999px;border:2px solid var(--spx-g);background:var(--spx-g);color:#fff;font-weight:700}
.spx-bet::after{content:"♠";color:#fbca4d}
.spx-bet:hover{background:var(--spx-g2)}
.spx-ch{margin:0 0 46px}
.spx-ch__head{display:flex;align-items:baseline;gap:18px;padding-bottom:12px;margin-bottom:18px;border-bottom:3px solid var(--spx-g)}
.spx-ch__no{flex:none;font:900 40px/1 "Fira Sans",Arial,sans-serif;color:transparent;-webkit-text-stroke:1.5px #fbca4d;letter-spacing:1px}
.spx-ch__head h2{margin:0;font:700 28px/1.2 "Fira Sans",Arial,sans-serif;color:#fff}
.spx-shot{margin:0 0 20px}
.spx-shot img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;border-radius:14px 14px 0 0;border-bottom:5px solid var(--spx-g)}
.spx-ch__body{padding-left:22px;border-left:2px dashed rgba(34,165,89,.55)}
.spx-ch--doc .spx-ch__body{padding-left:0;border-left:0}
.spx-ch__body p{margin:0 0 14px}
.spx-ch__body h2{margin:24px 0 10px;font:700 22px/1.3 "Fira Sans",Arial,sans-serif;color:#fbca4d}
.spx-ch__body h3{margin:22px 0 8px;font:700 19px/1.3 "Fira Sans",Arial,sans-serif;color:#fff}
.spx-club{list-style:none;margin:0 0 16px;padding:0}
.spx-club li{position:relative;padding:3px 0 3px 26px}
.spx-club li::before{content:"♣";position:absolute;left:2px;top:2px;color:var(--spx-g);font-size:17px}
.spx-deal{list-style:none;margin:4px 0 18px;padding:0;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}
.spx-deal li{flex:1 0 180px;scroll-snap-align:start;position:relative;padding:44px 14px 14px;border-radius:12px;background:#f4e0bb;color:#13161c;font-size:15px;line-height:1.5}
.spx-deal__n{position:absolute;left:14px;top:10px;font:900 22px/1 "Fira Sans",Arial,sans-serif;color:var(--spx-g2)}
.spx-deal__n::after{content:" ♠";font-size:16px;color:#13161c}
.spx-felt{margin:0 0 18px;overflow-x:auto;border-radius:12px;border:1px solid #2f5d45}
.spx-felt table{width:100%;border-collapse:collapse;font-size:15px}
.spx-felt th{padding:11px 14px;text-align:left;background:var(--spx-g2);color:#fff}
.spx-felt td{padding:11px 14px;border-top:1px solid #2f5d45}
.spx-felt tr:nth-child(odd) td{background:rgba(34,165,89,.07)}
.spx-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:6px 0 18px}
.spx-tiles a{display:block;text-align:center;font-size:13px;font-weight:700;color:#fff}
.spx-tiles img{display:block;width:100%;height:auto;border-radius:50%;border:3px solid var(--spx-g);margin-bottom:6px}
.spx-qs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.spx-qs__i{padding:16px;border-radius:12px;background:#2a2228;border:1px solid #3b2f35}
.spx-qs__i h3{display:flex;gap:10px;margin:0 0 8px;font-size:17px}
.spx-qs__i h3 b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--spx-g);color:#fff;font-size:14px}
.spx-qs__i p{margin:0}
.spx-ft{background:#13161c;border-top:3px solid var(--spx-g);color:#aaa;font:400 14px/1.6 "Fira Sans",Arial,sans-serif;padding:36px 18px 100px}
.spx-ft__in{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:28px}
.spx-ft__in p{margin:10px 0}
.spx-ft__upd{color:#777}
.spx-ft__rg{display:flex;flex-wrap:wrap;gap:12px;align-content:start}
.spx-ft__rg img{display:block;height:40px;width:auto}
.spx-ft__nav{display:flex;flex-direction:column;gap:6px}
.spx-ft__nav a{color:#7fd3a0}
@media (max-width:860px){.spx-tiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){
.spx-wrap{padding:26px 14px 44px}
.spx-top h1{font-size:36px}
.spx-ch__head{flex-direction:column;gap:6px}
.spx-ch__no{font-size:30px}
.spx-ch__head h2{font-size:23px}
.spx-ch__body{padding-left:12px}
.spx-shot img{aspect-ratio:16/9}
.spx-felt thead{display:none}
.spx-felt table,.spx-felt tbody,.spx-felt tr,.spx-felt td{display:block;width:100%}
.spx-felt tr{border-top:1px solid #2f5d45;padding:6px 0}
.spx-felt td{border:0;padding:4px 14px}
.spx-felt tr:nth-child(odd) td{background:none}
.spx-felt td::before{content:attr(data-c) " — ";color:#7fd3a0;font-size:13px}
.spx-qs{grid-template-columns:1fr}
.spx-ft__in{grid-template-columns:1fr}
.spx-bet{display:flex;justify-content:center}
}