/* no-account-casino.org — хабы главной (этап 08b). Только главная; токены — из nak.css */
.nak-hb{margin:var(--nak-g3) 0;padding:var(--nak-g2);background:var(--nak-inset);border:1px solid var(--nak-line);border-radius:var(--nak-r-card)}
.nak-hb ul,.nak-hb ol{list-style:none;margin:0;padding:0}
.nak-hb li{padding-left:0;margin:0}
.nak-hb li::before,.nak-hb li::after{content:none;display:none}
.nak-hb a{text-decoration:none;color:var(--nak-ink)}
.nak-hb a:hover{color:var(--nak-ink)}
.nak-hb img{display:block;max-width:100%;height:auto}
.nak-hb-i{display:block;width:24px;height:24px;flex:none}
.nak-hb-k{display:flex;align-items:center;gap:8px;margin:0 0 var(--nak-g1);font:600 12px/1.3 var(--nak-fm);letter-spacing:.08em;text-transform:uppercase;color:var(--nak-accent)}
.nak-hb-k .nak-hb-i{width:16px;height:16px}
.nak-hb-all{margin:var(--nak-g1) 0 0;text-align:right}
.nak-hb a.nak-hb-all__l{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;color:var(--nak-accent)}
.nak-hb a.nak-hb-all__l:hover{color:var(--nak-cta-ink)}
.nak-hb-all__a .nak-hb-i{width:18px;height:18px}
@media (min-width:928px){
  body.nak-page .nak-w:not(.nak-w--wide) .nak-hb{margin-left:calc((var(--nak-w-text) - var(--nak-w-wide))/2);margin-right:calc((var(--nak-w-text) - var(--nak-w-wide))/2)}
}

/* плитка-тема: иконка на подложке скина + факт */
.nak-hb-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--nak-deep);color:var(--nak-accent-2);border-radius:var(--nak-r-chip);flex:none;text-align:center}
.nak-hb-art__f{font:700 15px/1.1 var(--nak-fd);color:var(--nak-ink-i)}
.nak-hb-art--sm{width:96px;height:64px}
.nak-hb-art--sm .nak-hb-art__f{font-size:13px}
.nak-hb-art--row{flex-direction:row;justify-content:flex-start;padding:8px 12px;gap:10px;margin-bottom:10px}
.nak-hb-art--xs{width:40px;height:28px;background:var(--nak-deep2)}
.nak-hb-art--xs .nak-hb-i{width:18px;height:18px}
.nak-hb-art--tab{aspect-ratio:3/2;width:100%;border-radius:var(--nak-r-card) var(--nak-r-card) 0 0}
.nak-hb-art--tab .nak-hb-i{width:48px;height:48px}
.nak-hb-art--tab .nak-hb-art__f{font-size:22px}
.nak-hb-art--mz{width:100%;height:64px;flex-direction:row;gap:10px}

/* A — ведущая карточка + медиасписок */
.nak-hb-types{display:grid;gap:var(--nak-g2)}
.nak-hb a.nak-hb-lead{display:flex;flex-direction:column;background:var(--nak-sheet);border-radius:var(--nak-r-card);overflow:hidden;border:1px solid var(--nak-line)}
.nak-hb-lead__im{width:100%;aspect-ratio:3/2;object-fit:cover}
.nak-hb-lead__tx{display:flex;flex-direction:column;gap:8px;padding:var(--nak-g2)}
.nak-hb-lead__k{font:600 12px/1 var(--nak-fm);letter-spacing:.08em;text-transform:uppercase;color:var(--nak-ink-2)}
.nak-hb-lead__t{font:700 22px/1.2 var(--nak-fd)}
.nak-hb-lead__c{font-size:15px;line-height:1.5;color:var(--nak-ink-2)}
.nak-hb-lead__go{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-weight:600;color:var(--nak-accent)}
.nak-hb-lead__go .nak-hb-i{width:18px;height:18px}
.nak-hb a.nak-hb-lead:hover .nak-hb-lead__t{color:var(--nak-accent)}
.nak-hb-ml{display:flex;flex-direction:column}
.nak-hb-ml li+li{border-top:1px solid var(--nak-line)}
.nak-hb a.nak-hb-ml__a{display:flex;gap:14px;align-items:center;padding:10px 0;min-height:44px}
.nak-hb-ml__im{width:96px;height:64px;object-fit:cover;border-radius:var(--nak-r-chip);flex:none}
.nak-hb-ml__tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.nak-hb-ml__t{font-weight:600;font-size:16px;line-height:1.3}
.nak-hb-ml__c{font-size:14px;line-height:1.45;color:var(--nak-ink-2)}
.nak-hb a.nak-hb-ml__a:hover .nak-hb-ml__t{color:var(--nak-accent)}
@media (min-width:760px){.nak-hb-types{grid-template-columns:5fr 6fr;align-items:start}}

/* B — разворот: кадр + 2×2 */
.nak-hb-sp{display:grid;gap:var(--nak-g2)}
.nak-hb a.nak-hb-sp__big{display:flex;flex-direction:column;background:var(--nak-sheet);border-radius:var(--nak-r-card);overflow:hidden;border:1px solid var(--nak-line)}
.nak-hb-sp__im{width:100%;aspect-ratio:3/2;object-fit:cover}
.nak-hb-sp__cap{display:flex;flex-direction:column;gap:6px;padding:var(--nak-g2)}
.nak-hb-sp__k{font:600 12px/1 var(--nak-fm);letter-spacing:.08em;text-transform:uppercase;color:var(--nak-ink-2)}
.nak-hb-sp__t{font:700 20px/1.25 var(--nak-fd)}
.nak-hb-sp__c{font-size:15px;line-height:1.5;color:var(--nak-ink-2)}
.nak-hb a.nak-hb-sp__big:hover .nak-hb-sp__t{color:var(--nak-accent)}
.nak-hb-sq{display:grid;gap:var(--nak-g1);grid-template-columns:1fr}
.nak-hb a.nak-hb-sq__a{display:flex;flex-direction:column;height:100%;padding:var(--nak-g1);background:var(--nak-sheet);border:1px solid var(--nak-line);border-radius:var(--nak-r-card)}
.nak-hb-sq__t{font-weight:600;font-size:16px;line-height:1.3;margin-bottom:4px}
.nak-hb-sq__c{font-size:14px;line-height:1.45;color:var(--nak-ink-2)}
.nak-hb a.nak-hb-sq__a:hover{border-color:var(--nak-accent)}
@media (min-width:560px){.nak-hb-sq{grid-template-columns:1fr 1fr}}
@media (min-width:860px){.nak-hb-sp{grid-template-columns:1fr 1fr}}

/* C — таблица рельсов с логотипами */
.nak-hb-rt{background:var(--nak-sheet);border:1px solid var(--nak-line);border-radius:var(--nak-r-card);overflow:hidden}
.nak-hb-rt__t{width:100%;border-collapse:collapse;margin:0;font-size:15px;line-height:1.45}
.nak-hb-rt__t th{padding:10px 14px;text-align:left;background:var(--nak-deep);color:var(--nak-ink-i);font:600 12px/1.3 var(--nak-fm);letter-spacing:.06em;text-transform:uppercase}
.nak-hb-rt__t td{padding:12px 14px;vertical-align:middle;border-top:1px solid var(--nak-line)}
.nak-hb-rt__m{font-weight:600}
.nak-hb-rt__lgs{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.nak-hb .nak-hb-rt__t img.nak-hb-rt__lg{width:auto;height:24px;max-width:84px;object-fit:contain;object-position:left center}
.nak-hb-rt__f{color:var(--nak-ink-2)}
.nak-hb a.nak-hb-rt__a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;color:var(--nak-accent)}
.nak-hb a.nak-hb-rt__a:hover{color:var(--nak-cta-ink)}
.nak-hb-rt__a .nak-hb-i{width:16px;height:16px}
@media (max-width:639px){
  .nak-hb-rt__t thead{display:none}
  .nak-hb-rt__t tr{display:block;padding:12px 14px;border-top:1px solid var(--nak-line)}
  .nak-hb-rt__t tr:first-child{border-top:0}
  .nak-hb-rt__t td{display:block;padding:2px 0;border:0}
}

/* D — лента выплат: крупный факт */
.nak-hb-st{display:grid;gap:var(--nak-g1);grid-template-columns:1fr}
.nak-hb a.nak-hb-st__a{display:flex;flex-direction:column;gap:6px;height:100%;padding:var(--nak-g1) 14px;background:var(--nak-sheet);border-top:4px solid var(--nak-accent);border-radius:var(--nak-r-chip)}
.nak-hb-st__top{display:flex;align-items:center;gap:8px;color:var(--nak-accent)}
.nak-hb-st__f{font:700 21px/1.1 var(--nak-fd);color:var(--nak-ink);white-space:nowrap}
.nak-hb-st__t{font-weight:600;font-size:15px;line-height:1.3}
.nak-hb-st__c{font-size:14px;line-height:1.45;color:var(--nak-ink-2)}
.nak-hb a.nak-hb-st__a:hover .nak-hb-st__t{color:var(--nak-accent)}
@media (min-width:560px){.nak-hb-st{grid-template-columns:1fr 1fr}}
@media (min-width:860px){.nak-hb-st{grid-template-columns:repeat(5,1fr)}}

/* E — пара кадров + чек-лист */
.nak-hb-pp{display:grid;gap:var(--nak-g1);grid-template-columns:1fr;margin-bottom:var(--nak-g2)}
.nak-hb a.nak-hb-pp__a{display:flex;flex-direction:column;background:var(--nak-sheet);border:1px solid var(--nak-line);border-radius:var(--nak-r-card);overflow:hidden}
.nak-hb-pp__im{width:100%;aspect-ratio:2/1;object-fit:cover}
.nak-hb-pp__t{padding:12px 14px 2px;font-weight:600;font-size:16px;line-height:1.3}
.nak-hb-pp__c{padding:0 14px 14px;font-size:14px;line-height:1.45;color:var(--nak-ink-2)}
.nak-hb a.nak-hb-pp__a:hover .nak-hb-pp__t{color:var(--nak-accent)}
.nak-hb-ck{display:grid;gap:0 var(--nak-g2);grid-template-columns:1fr}
.nak-hb a.nak-hb-ck__a{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--nak-line);min-height:44px}
.nak-hb-ck__i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--nak-deep);color:var(--nak-accent-2);flex:none}
.nak-hb-ck__i .nak-hb-i{width:18px;height:18px}
.nak-hb-ck__tx{display:flex;flex-direction:column;gap:2px}
.nak-hb-ck__t{font-weight:600;font-size:15px;line-height:1.3}
.nak-hb-ck__c{font-size:14px;line-height:1.45;color:var(--nak-ink-2)}
.nak-hb a.nak-hb-ck__a:hover .nak-hb-ck__t{color:var(--nak-accent)}
@media (min-width:600px){.nak-hb-pp{grid-template-columns:1fr 1fr}.nak-hb-ck{grid-template-columns:1fr 1fr}}

/* F — купоны */
.nak-hb-cp{display:grid;gap:var(--nak-g1);grid-template-columns:1fr}
.nak-hb a.nak-hb-cp__a{display:flex;height:100%;background:var(--nak-sheet);border:1px solid var(--nak-line);border-radius:var(--nak-r-card);overflow:hidden}
.nak-hb-cp__stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100px;flex:none;padding:10px 6px;background:var(--nak-cta);color:var(--nak-on-cta);border-right:2px dashed var(--nak-sheet);text-align:center}
.nak-hb-cp__stub b{font:700 15px/1.15 var(--nak-fd);overflow-wrap:normal;word-break:normal;hyphens:none}
.nak-hb-cp__body{display:flex;flex-direction:column;gap:4px;padding:12px 14px}
.nak-hb-cp__t{font-weight:600;font-size:15px;line-height:1.3}
.nak-hb-cp__c{font-size:14px;line-height:1.45;color:var(--nak-ink-2)}
.nak-hb a.nak-hb-cp__a:hover .nak-hb-cp__t{color:var(--nak-accent)}
.nak-hb-cp__li--lead .nak-hb-cp__stub{background:var(--nak-deep);color:var(--nak-ink-i);width:120px}
.nak-hb-cp__li--lead .nak-hb-cp__stub b{font-size:28px}
.nak-hb-cp__li--lead .nak-hb-cp__t{font:700 19px/1.25 var(--nak-fd)}
@media (min-width:600px){.nak-hb-cp{grid-template-columns:1fr 1fr}.nak-hb-cp__li--lead{grid-column:1/-1}}

/* свои блоки 08b.4 (игры, ставки, лента) */
.nak-hb-sec{margin-top:var(--nak-g3)}
.nak-hb-sec__h{margin:0 0 var(--nak-g1);font:700 clamp(23px,3vw,29px)/1.2 var(--nak-fd);color:var(--nak-ink)}
.nak-hb-dek{margin:0 0 var(--nak-g1);font-size:16px;line-height:1.6;color:var(--nak-ink-2);max-width:var(--nak-w-text)}
.nak-hb-sec .nak-hb{margin-top:var(--nak-g2);margin-bottom:0}

/* G — вкладки без JS */
.nak-hb-tb{display:flex;flex-wrap:wrap;gap:8px}
.nak-hb-tb__r{position:absolute;opacity:0;width:1px;height:1px}
.nak-hb-tb__l{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--nak-line);border-radius:999px;background:var(--nak-sheet);font-weight:600;font-size:15px;cursor:pointer;color:var(--nak-ink)}
.nak-hb-tb__l:hover{border-color:var(--nak-accent)}
.nak-hb-tb__r:checked+.nak-hb-tb__l{background:var(--nak-deep);border-color:var(--nak-deep);color:var(--nak-ink-i)}
.nak-hb-tb__r:focus-visible+.nak-hb-tb__l{outline:2px solid var(--nak-accent);outline-offset:2px}
.nak-hb-tb__ps{width:100%;margin-top:var(--nak-g1)}
.nak-hb-tb__p{display:none;gap:var(--nak-g2)}
#nak-hb-g1:checked~.nak-hb-tb__ps .nak-hb-tb__p1,#nak-hb-g2:checked~.nak-hb-tb__ps .nak-hb-tb__p2,#nak-hb-g3:checked~.nak-hb-tb__ps .nak-hb-tb__p3,
#nak-hb-g4:checked~.nak-hb-tb__ps .nak-hb-tb__p4,#nak-hb-g5:checked~.nak-hb-tb__ps .nak-hb-tb__p5{display:grid}
.nak-hb a.nak-hb-tb__feat{display:flex;flex-direction:column;background:var(--nak-sheet);border:1px solid var(--nak-line);border-radius:var(--nak-r-card);overflow:hidden}
.nak-hb-tb__im{width:100%;aspect-ratio:3/2;object-fit:cover}
.nak-hb-tb__ft{padding:14px 16px 4px;font:700 20px/1.25 var(--nak-fd)}
.nak-hb-tb__fc{padding:0 16px 16px;font-size:15px;line-height:1.5;color:var(--nak-ink-2)}
.nak-hb a.nak-hb-tb__feat:hover .nak-hb-tb__ft{color:var(--nak-accent)}
.nak-hb-tb__rows{display:flex;flex-direction:column}
.nak-hb-tb__rows li+li{border-top:1px solid var(--nak-line)}
.nak-hb a.nak-hb-tb__ra{display:flex;flex-direction:column;gap:3px;padding:12px 0;min-height:44px}
.nak-hb a.nak-hb-tb__ra--pic{display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto 1fr;column-gap:14px}
.nak-hb-tb__rim{grid-row:1/3;width:120px;height:80px;object-fit:cover;border-radius:var(--nak-r-chip)}
.nak-hb-tb__rt{font-weight:600;font-size:16px;line-height:1.3}
.nak-hb-tb__rc{font-size:14px;line-height:1.45;color:var(--nak-ink-2)}
.nak-hb a.nak-hb-tb__ra:hover .nak-hb-tb__rt{color:var(--nak-accent)}
@media (min-width:760px){.nak-hb-tb__p{grid-template-columns:5fr 6fr;align-items:start}}

/* H — мозаика ставок */
.nak-hb-mz{display:grid;gap:var(--nak-g1);grid-template-columns:1fr}
.nak-hb a.nak-hb-mz__a{display:flex;flex-direction:column;height:100%;background:var(--nak-sheet);border:1px solid var(--nak-line);border-radius:var(--nak-r-card);overflow:hidden}
.nak-hb-mz__im{width:100%;aspect-ratio:3/2;object-fit:cover}
.nak-hb-mz__cap{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}
.nak-hb a.nak-hb-mz__a--tile{gap:4px;padding:0 0 14px}
.nak-hb a.nak-hb-mz__a--tile .nak-hb-mz__t,.nak-hb a.nak-hb-mz__a--tile .nak-hb-mz__c{padding:0 14px}
.nak-hb a.nak-hb-mz__a--tile .nak-hb-art{border-radius:0;margin-bottom:8px}
.nak-hb-mz__t{font-weight:600;font-size:16px;line-height:1.3}
.nak-hb-mz__c{font-size:14px;line-height:1.45;color:var(--nak-ink-2)}
.nak-hb a.nak-hb-mz__a:hover .nak-hb-mz__t{color:var(--nak-accent)}
@media (min-width:560px){.nak-hb-mz{grid-template-columns:1fr 1fr}}
@media (min-width:860px){
  .nak-hb-mz{grid-template-columns:repeat(4,1fr)}
  .nak-hb-mz__li--pic:first-child{grid-column:span 2;grid-row:span 2}
  .nak-hb-mz__li--pic:first-child .nak-hb-mz__im{aspect-ratio:auto;flex:1;min-height:0}
  .nak-hb-mz__li:last-child{grid-column:span 2}
}

/* I — лента */
.nak-hb-nw{display:grid;gap:var(--nak-g1);grid-template-columns:1fr}
.nak-hb a.nak-hb-nw__a{display:flex;flex-direction:column;gap:8px;height:100%;padding:var(--nak-g2);background:var(--nak-sheet);border:1px solid var(--nak-line);border-left:4px solid var(--nak-accent);border-radius:var(--nak-r-chip)}
.nak-hb-nw__d{display:flex;align-items:center;gap:8px;font:500 13px/1 var(--nak-fm);color:var(--nak-ink-2)}
.nak-hb-nw__d .nak-hb-i{width:18px;height:18px;color:var(--nak-accent)}
.nak-hb-nw__t{font:700 18px/1.3 var(--nak-fd)}
.nak-hb-nw__c{font-size:14px;line-height:1.45;color:var(--nak-ink-2)}
.nak-hb a.nak-hb-nw__a:hover .nak-hb-nw__t{color:var(--nak-accent)}
@media (min-width:760px){.nak-hb-nw{grid-template-columns:repeat(3,1fr)}}