/* =====================================================================
   KAPO — начало, съдържание, футър, бисквитки, реклами (агент B)
   Префикси: .hm- (начало/футър/реклами/бисквитки), .ct- (блог/новини/правни/банове)
   ===================================================================== */

/* ---------------- споделени илюстрации: карта, зар, ръка ---------------- */
.ct-card{--w:56px; position:relative; display:inline-block; width:var(--w); height:calc(var(--w)*1.4); border-radius:calc(var(--w)*.1); flex:0 0 auto; box-sizing:border-box; vertical-align:middle;
  background:radial-gradient(ellipse at 50% 40%, #fbf4de 0%, #f1e3bf 72%, #e2cd9b 100%); border:1px solid #bf9f63; color:#211c18;
  box-shadow:inset 0 0 0 calc(var(--w)*.035) #fbf3dc, inset 0 0 0 calc(var(--w)*.045) rgba(122,84,36,.5), 0 6px 14px rgba(3,8,30,.45); font-family:var(--vint); line-height:1}
.ct-card.s-h{color:#9c1f27} .ct-card.s-d{color:#b0521c} .ct-card.s-c{color:#2e5a3c} .ct-card.s-s{color:#211c18}
.ct-card .ix{position:absolute; top:calc(var(--w)*.06); left:calc(var(--w)*.08); display:flex; flex-direction:column; align-items:center}
.ct-card .ix b{font-weight:700; font-size:calc(var(--w)*.27); letter-spacing:-.04em}
.ct-card .ix i{font-style:normal; font-size:calc(var(--w)*.19)}
.ct-card .ix.br{top:auto; left:auto; bottom:calc(var(--w)*.06); right:calc(var(--w)*.08); transform:rotate(180deg)}
.ct-card .pp{position:absolute; inset:0; display:grid; place-items:center; font-size:calc(var(--w)*.46)}
.ct-card .pp.ace{font-size:calc(var(--w)*.7)}
.ct-card .fc{position:absolute; inset:18% 20%; border-radius:calc(var(--w)*.04); border:max(2px,calc(var(--w)*.035)) double currentColor; background:repeating-linear-gradient(135deg, rgba(122,84,36,.08) 0 2px, transparent 2px 5px), #f6eacb; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2%}
.ct-card .fc b{font-size:calc(var(--w)*.34); font-weight:700}
.ct-card .fc i{font-style:normal; font-size:calc(var(--w)*.2)}
.ct-card.back{background:var(--back, #6b1d27); border:calc(var(--w)*.05) solid #f1e3bf; box-shadow:inset 0 0 0 1.5px #c9a35a, 0 6px 14px rgba(3,8,30,.45)}
.ct-card .bdg{position:absolute; left:50%; bottom:calc(var(--w)*-.16); transform:translateX(-50%); padding:1px 7px; border-radius:99px; background:var(--paccent); color:var(--pacc-ink); font:700 12px/1.3 var(--num); font-style:normal; box-shadow:0 2px 6px rgba(0,0,0,.4); white-space:nowrap}
.ct-hand{display:inline-flex; align-items:flex-end; gap:6px; flex-wrap:wrap; justify-content:center}
.ct-hand.fan{gap:0; flex-wrap:nowrap}
.ct-hand.fan .ct-card{margin-inline:calc(var(--w)*-.18); transform:rotate(calc(var(--i)*7deg)) translateY(calc(var(--i)*var(--i)*2px)); transform-origin:50% 120%}
.ct-die{--d:34px; display:inline-grid; grid-template:repeat(3,1fr)/repeat(3,1fr); width:var(--d); height:var(--d); padding:calc(var(--d)*.12); box-sizing:border-box; border-radius:22%; background:linear-gradient(145deg,#fffdf7,#e4dac4); box-shadow:inset 0 -3px 0 rgba(0,0,0,.12), 0 6px 12px rgba(0,0,0,.45); vertical-align:middle; flex:0 0 auto}
.ct-die i{margin:14%; border-radius:50%; background:#14161c; visibility:hidden}
.ct-die.dk{background:linear-gradient(145deg,#3a3f50,#101218); box-shadow:inset 0 0 0 1.5px rgba(255,197,61,.5), 0 6px 12px rgba(0,0,0,.5)}
.ct-die.dk i{background:var(--paccent)}
.ct-die[data-v="1"] i:nth-child(5),
.ct-die[data-v="2"] i:nth-child(1),.ct-die[data-v="2"] i:nth-child(9),
.ct-die[data-v="3"] i:nth-child(1),.ct-die[data-v="3"] i:nth-child(5),.ct-die[data-v="3"] i:nth-child(9),
.ct-die[data-v="4"] i:nth-child(1),.ct-die[data-v="4"] i:nth-child(3),.ct-die[data-v="4"] i:nth-child(7),.ct-die[data-v="4"] i:nth-child(9),
.ct-die[data-v="5"] i:nth-child(1),.ct-die[data-v="5"] i:nth-child(3),.ct-die[data-v="5"] i:nth-child(5),.ct-die[data-v="5"] i:nth-child(7),.ct-die[data-v="5"] i:nth-child(9),
.ct-die[data-v="6"] i:nth-child(1),.ct-die[data-v="6"] i:nth-child(3),.ct-die[data-v="6"] i:nth-child(4),.ct-die[data-v="6"] i:nth-child(6),.ct-die[data-v="6"] i:nth-child(7),.ct-die[data-v="6"] i:nth-child(9){visibility:visible}
.ct-tabla{display:block; width:100%; max-width:420px; height:auto; filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}
.ct-ludo{display:block; width:100%; max-width:300px; height:auto; filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}

/* ---------------- общи за страниците със съдържание ---------------- */
.ct-page{display:flex; flex-direction:column; gap:20px; min-width:0}
.ct-small{font-size:13px}
.ct-nowrap{white-space:nowrap}
.ct-sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
.ct-back{align-self:flex-start; margin-left:-8px}
.ct-filters{max-width:100%}
.ct-filters .ptabs{width:max-content; max-width:100%}
.ct-rel-h{margin-top:12px}
.ct-adwrap{min-width:0}
.ct-adwrap:empty{display:none}

/* героят на блога */
.ct-hero{display:grid; grid-template-columns:1fr auto; align-items:center; gap:20px; padding:24px; border-radius:24px; background:radial-gradient(120% 140% at 100% 0%, rgba(255,197,61,.18), transparent 55%), linear-gradient(160deg, var(--felt, #1d4bb8), var(--felt-deep, #0d2466)); border:1px solid var(--pline2); overflow:hidden}
.ct-hero .plead{color:#dfe5fb}
.ct-hero-art{padding:10px 30px 18px}
.ct-hero-art .ct-card{animation:ct-deal .7s var(--pspring) backwards; animation-delay:calc((var(--i) + 2) * 90ms)}
@keyframes ct-deal{from{opacity:0; transform:translate(-60px,-30px) rotate(-30deg)}}
@media (max-width:640px){ .ct-hero{grid-template-columns:1fr; padding:20px 16px} .ct-hero-art{justify-self:center; padding:4px 20px 10px} }

/* карти на статии */
.ct-agrid{display:grid; gap:16px; grid-template-columns:repeat(auto-fill, minmax(min(100%, 280px), 1fr))}
.ct-acard{display:flex; flex-direction:column; padding:0; overflow:hidden; text-decoration:none; color:var(--ptext); animation:hm-rise .6s var(--pease) backwards; animation-delay:calc(var(--i) * 60ms)}
.ct-acard-b{display:flex; flex-direction:column; gap:8px; padding:16px 18px 18px}
.ct-acard-b p{margin:0; font-size:14px; line-height:1.5}
.ct-art{position:relative; display:grid; place-items:center; height:150px; overflow:hidden; background:radial-gradient(90% 120% at 50% 110%, var(--felt, #1d4bb8), var(--felt-deep, #0d2466)); border-bottom:1px solid var(--pline)}
.ct-art-cards .ct-hand{transform:translateY(10px); transition:transform .4s var(--pease)}
.ct-acard:hover .ct-art-cards .ct-hand .ct-card{transform:rotate(calc(var(--i)*10deg)) translateY(calc(var(--i)*var(--i)*3px - 6px))}
.ct-art-cards .ct-card{transition:transform .45s var(--pspring)}
.ct-art-board{background:radial-gradient(90% 120% at 50% 110%, #2b3a7a, #121a44)}
.ct-art-board .ct-tabla{width:82%}
.ct-art-board .ct-ludo{width:auto; height:130px}
.ct-art-dice{position:absolute; right:10%; bottom:10px; display:flex; gap:6px}
.ct-acard:hover .ct-art-dice .ct-die{animation:ct-tumble .6s var(--pease)}
@keyframes ct-tumble{from{transform:translateY(-14px) rotate(-180deg)}}

/* статия */
.ct-ahead{display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; align-items:center}
.ct-ahead-t{display:flex; flex-direction:column; gap:12px; min-width:0}
.ct-ahead .ct-art{border-radius:20px; border:1px solid var(--pline2); height:190px}
@media (max-width:820px){ .ct-ahead{grid-template-columns:1fr} .ct-ahead .ct-art{height:160px} }
.ct-layout{display:grid; grid-template-columns:230px minmax(0,1fr); gap:32px; align-items:start}
.ct-aside{position:sticky; top:calc(var(--phdr) + 16px); max-height:calc(100vh - var(--phdr) - 32px); overflow:auto}
@media (max-width:900px){ .ct-layout{grid-template-columns:1fr; gap:16px} .ct-aside{position:static; max-height:none} }
.ct-toc{display:flex; flex-direction:column; gap:8px; padding:16px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid var(--pline)}
.ct-toc ol{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; counter-reset:toc}
.ct-toc button{display:block; width:100%; text-align:left; padding:8px 10px; border:0; border-radius:10px; background:none; color:var(--pmuted); font:500 14px/1.35 var(--body); cursor:pointer; transition:background .2s, color .2s; min-height:36px}
.ct-toc button:hover{background:rgba(255,255,255,.06); color:var(--ptext)}
.ct-toc button.on{color:var(--paccent); background:rgba(255,197,61,.1); box-shadow:inset 3px 0 0 var(--paccent)}
.ct-toc button:focus-visible{outline:3px solid var(--paccent); outline-offset:1px}
.ct-prose{line-height:1.7; color:#dfe5fb; min-width:0; max-width:74ch}
.ct-prose h2{font:400 clamp(20px,3vw,24px)/1.2 var(--display); color:var(--ptext); margin:28px 0 10px}
.ct-prose h3{font:700 17px/1.3 var(--body); color:var(--ptext); margin:20px 0 8px}
.ct-prose p, .ct-prose ul, .ct-prose ol{margin:0 0 12px}
.ct-prose li{margin-bottom:6px}
.ct-prose strong, .ct-prose b{color:var(--ptext)}
.ct-prose a{color:var(--paccent)}
.ct-body > .ct-sec:first-child h2{margin-top:0}
.ct-sec{scroll-margin-top:calc(var(--phdr) + 16px)}
.ct-tw{margin:6px 0 14px}
.ct-tw .ptable td{color:#dfe5fb; line-height:1.45}
.ct-fig{margin:14px 0 18px; padding:18px 12px; border-radius:18px; background:radial-gradient(100% 130% at 50% 100%, var(--felt, #1d4bb8), var(--felt-deep, #0d2466)); border:1px solid var(--pline2); overflow:hidden}
.ct-fig-in{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px 16px; padding-bottom:6px}
.ct-fig figcaption{margin-top:12px; text-align:center; font-size:13px; color:#cdd6f6; line-height:1.45}
.ct-eq{font:400 18px var(--display); color:var(--ptext)}
.ct-eq.gold{color:var(--paccent)}
.ct-trick{display:inline-flex}
.ct-trick .r{margin-left:-14px; transform:rotate(12deg) translateY(6px)}
.ct-arrow{font-size:22px; color:var(--pmuted)}
.ct-ladder{display:flex; flex-wrap:wrap; gap:6px}
.ct-tip{display:flex; gap:12px; align-items:flex-start; margin:12px 0 16px; padding:12px 14px; border-radius:14px; background:rgba(111,168,255,.1); border:1px solid rgba(111,168,255,.35); color:#dfe5fb; font-size:15px; line-height:1.55}
.ct-tip .pi{color:var(--pinfo); margin-top:3px}
.ct-tip.warn{background:rgba(255,176,32,.1); border-color:rgba(255,176,32,.4)}
.ct-tip.warn .pi{color:var(--pwarn)}
.ct-cta{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:24px; background:linear-gradient(110deg, rgba(255,197,61,.16), rgba(255,255,255,.03)); border-color:rgba(255,197,61,.4)}
.ct-cta p{margin:4px 0 0}
.ct-rules{max-width:none}
.ct-rules h3{font:400 18px/1.2 var(--display); color:var(--paccent)}

/* новини */
.ct-nlist{display:flex; flex-direction:column; gap:14px}
.ct-ngrid{display:grid; gap:14px; grid-template-columns:repeat(auto-fill, minmax(min(100%, 280px), 1fr))}
.ct-ncard{display:flex; flex-direction:column; gap:8px; text-decoration:none; color:var(--ptext); animation:hm-rise .55s var(--pease) backwards; animation-delay:calc(var(--i) * 50ms)}
.ct-ncard p{margin:0; line-height:1.5}
.ct-ncard.pinned{border-color:rgba(255,197,61,.45); background:linear-gradient(110deg, rgba(255,197,61,.1), transparent 60%), var(--pcard)}
.ct-ncard.compact{padding:14px 16px}
.ct-ncard.compact h3{font-size:16px}
.ct-ncard.compact p{font-size:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.ct-nmeta{gap:6px}
.ct-nchg{display:flex; flex-wrap:wrap; gap:6px; margin:0}
.ct-more{display:inline-flex; align-items:center; gap:4px; color:var(--paccent); font-weight:600; font-size:14px}
.ct-more .pi{transition:transform .25s var(--pease)}
.ct-ncard:hover .ct-more .pi{transform:translateX(4px)}
.ct-narticle{display:flex; flex-direction:column; gap:18px; padding:clamp(18px,4vw,32px); border-radius:24px; background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)), var(--pcard); border:1px solid var(--pline)}
.ct-nhead{display:flex; flex-direction:column; gap:12px}
.ct-ver{font-family:var(--num); letter-spacing:.04em}
.ct-changes{display:grid; gap:14px; margin-top:8px; grid-template-columns:repeat(auto-fit, minmax(min(100%, 240px), 1fr))}
.ct-chg-g{padding:14px 16px; border-radius:16px; background:rgba(3,8,30,.35); border:1px solid var(--pline)}
.ct-chg-g h3{margin:0 0 8px}
.ct-chg-g ul{margin:0; padding-left:18px}

/* админ редактор */
.ct-admin{display:flex; flex-direction:column; gap:16px}
.ct-alist{display:flex; flex-direction:column; gap:10px}
.ct-arow{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:14px 16px}
.ct-arow-main{display:flex; flex-direction:column; gap:6px; min-width:0; flex:1 1 260px}
.ct-arow-main b{overflow-wrap:anywhere}
.ct-editor{display:flex; flex-direction:column; gap:18px}
.ct-ed-grid{display:grid; gap:14px; grid-template-columns:repeat(2, minmax(0,1fr))}
.ct-span2{grid-column:1 / -1}
@media (max-width:560px){ .ct-ed-grid{grid-template-columns:1fr} }
.ct-editor fieldset{border:1px solid var(--pline); border-radius:16px; padding:14px 16px; margin:0; display:flex; flex-direction:column; gap:12px; min-width:0}
.ct-editor legend{padding:0 6px}
.ct-chg-rows{display:flex; flex-direction:column; gap:8px}
.ct-chg-rows:empty::before{content:'Още няма промени.'; color:var(--pmuted); font-size:14px}
.ct-chg-row{display:grid; grid-template-columns:140px minmax(0,1fr) 40px; gap:8px; align-items:center}
.ct-chg-row select, .ct-chg-row input{font:500 15px var(--body); padding:10px 12px; border-radius:10px; border:1.5px solid var(--pline); background:rgba(3,8,30,.45); color:var(--ptext); min-width:0; width:100%; box-sizing:border-box}
@media (max-width:480px){ .ct-chg-row{grid-template-columns:minmax(0,1fr) 40px} .ct-chg-row select{grid-column:1 / -1} }
.ct-radios{display:flex; flex-wrap:wrap; gap:10px 20px}
.ct-preview{padding:14px; border-radius:18px; border:1px dashed var(--pline2); display:flex; flex-direction:column; gap:10px}
.ct-ed-act{position:sticky; bottom:-20px; padding:12px 0; background:linear-gradient(transparent, var(--pbg2) 35%)}

/* правна информация */
.ct-lawyer{display:flex; gap:12px; align-items:flex-start; padding:12px 16px; border-radius:14px; background:rgba(255,176,32,.1); border:1px solid rgba(255,176,32,.45); color:#ffe2a8; font-size:14px; line-height:1.5}
.ct-lawyer .pi{color:var(--pwarn); margin-top:2px}
.ct-ph{background:rgba(255,197,61,.22); color:#ffe08a; padding:0 4px; border-radius:4px; font-weight:600}
.ct-fillme{display:flex; align-items:center; gap:8px; color:var(--pwarn); font-weight:600}
.ct-ltabs{display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; max-width:100%}
.ct-ltabs::-webkit-scrollbar{display:none}
.ct-ltabs a{flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:0 14px; border-radius:99px; border:1px solid var(--pline); color:var(--pmuted); text-decoration:none; font-weight:600; font-size:14px; transition:background .2s, color .2s}
.ct-ltabs a:hover{color:var(--ptext); background:rgba(255,255,255,.06)}
.ct-ltabs a.on{color:var(--pacc-ink); background:linear-gradient(180deg,var(--paccent),var(--paccent2)); border-color:transparent}
.ct-lhead{display:flex; flex-direction:column; gap:10px}
.ct-lhead p{margin:0}
.ct-lgrid{display:grid; gap:14px; grid-template-columns:repeat(auto-fill, minmax(min(100%, 250px), 1fr))}
.ct-lcard{display:flex; flex-direction:column; gap:8px; text-decoration:none; color:var(--ptext); animation:hm-rise .5s var(--pease) backwards; animation-delay:calc(var(--i) * 60ms)}
.ct-lcard p{margin:0; font-size:14px; line-height:1.5}
.ct-lic{display:grid; place-items:center; width:44px; height:44px; border-radius:14px; background:rgba(255,197,61,.12); color:var(--paccent); font-size:22px}

/* банирани */
.ct-bsearch{position:relative; max-width:420px}
.ct-bsearch .pinput{padding-left:42px}
.ct-sic{position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--pmuted); pointer-events:none; display:flex}
.ct-blist{display:flex; flex-direction:column; gap:10px}
.ct-blist > p{margin:0}
.ct-bname{display:flex; align-items:center; gap:10px; min-width:0}
.ct-bname b{overflow-wrap:anywhere}
@media (max-width:640px){
  .ct-btable thead{display:none}
  .ct-btable, .ct-btable tbody, .ct-btable tr, .ct-btable td{display:block; width:100%; box-sizing:border-box}
  .ct-btable tr{padding:12px 14px; border-top:1px solid var(--pline)}
  .ct-btable tr:first-child{border-top:0}
  .ct-btable td{border:0; padding:3px 0}
  .ct-btable td:nth-child(3)::before{content:'От: '; color:var(--pmuted)}
  .ct-btable td:nth-child(4)::before{content:'До: '; color:var(--pmuted)}
}

/* =====================================================================
   НАЧАЛО
   ===================================================================== */
@keyframes hm-rise{from{opacity:0; transform:translateY(18px)}}
.page[data-route="home"]{padding-top:8px}
.hm{display:flex; flex-direction:column; gap:clamp(32px,6vw,56px); min-width:0; overflow-x:clip}
.hm section{display:block}
.hm-a{animation:hm-rise .75s var(--pease) backwards; animation-delay:calc(var(--d,0) * 90ms + 60ms)}
.hm-h{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:16px}
.hm-h .ph2{margin-top:4px}

/* герой */
.hm-hero{display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(20px,4vw,48px); align-items:center; padding-top:clamp(8px,3vw,28px)}
.hm-copy{display:flex; flex-direction:column; gap:18px; min-width:0}
.hm-live{align-self:flex-start; display:inline-flex; align-items:center; gap:6px; padding:6px 14px 6px 10px; border-radius:99px; background:rgba(63,210,138,.12); border:1px solid rgba(63,210,138,.4); color:#c9f5df; font-size:14px}
.hm-live b{color:var(--pgood); font-family:var(--num); font-size:15px}
.hm-dot{width:9px; height:9px; border-radius:50%; background:var(--pgood); box-shadow:0 0 0 0 rgba(63,210,138,.6); animation:hm-ping 1.8s ease-out infinite}
@keyframes hm-ping{70%{box-shadow:0 0 0 9px rgba(63,210,138,0)} 100%{box-shadow:0 0 0 0 rgba(63,210,138,0)}}
.hm-title{font:400 clamp(34px,6.2vw,64px)/1.02 var(--display); margin:0; letter-spacing:.005em; text-wrap:balance}
.hm-title em{font-style:normal; color:var(--paccent); text-shadow:0 4px 0 var(--gold3, #a85a0c), 0 14px 40px rgba(255,160,40,.35)}
.hm-lead{margin:0; font-size:clamp(16px,2vw,18px); line-height:1.55; color:#cdd6f6; max-width:52ch}
.hm-ctas{display:flex; flex-wrap:wrap; gap:12px}
.hm-cta{font:400 19px var(--display); min-height:58px; padding:0 30px; letter-spacing:.01em; animation:hm-glow 2.8s ease-in-out infinite}
.hm-cta .pi{width:1.05em; height:1.05em}
@keyframes hm-glow{50%{box-shadow:0 3px 0 var(--gold3, #a85a0c), 0 14px 44px rgba(255,160,40,.55)}}
.hm-cta2{min-height:58px}
.hm-trust{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px 18px; color:var(--pmuted); font-size:14px}
.hm-trust li{display:inline-flex; align-items:center; gap:6px}
.hm-trust .pi{color:var(--pgood)}
@media (max-width:860px){
  .hm-hero{grid-template-columns:1fr}
  .hm-scene-wrap{order:-1; max-width:520px; width:100%; justify-self:center}
}
@media (max-width:480px){ .hm-scene-wrap{max-width:330px} .hm-copy{gap:14px} }
@media (max-width:480px){ .hm-ctas .pbtn{flex:1 1 100%} }

/* сцена */
.hm-scene-wrap{min-width:0; max-width:100%}
.hm-scene{--cw:60px; position:relative; width:100%; aspect-ratio:1 / .86; container-type:inline-size; user-select:none; -webkit-user-select:none; pointer-events:none; overflow:clip; overflow-clip-margin:10px}
.hm-glow{position:absolute; inset:5% 0 0; border-radius:50%; background:radial-gradient(closest-side, rgba(255,197,61,.22), transparent 70%); filter:blur(10px)}
.hm-tbl{position:absolute; inset:16% 2% 3% 2%; border-radius:999px; padding:3.2%; background:linear-gradient(180deg,#8a5a26,#4a2b0e 60%,#2d1806); box-shadow:inset 0 2px 0 rgba(255,220,160,.35), 0 30px 60px rgba(0,0,0,.55), 0 0 0 2px rgba(255,197,61,.25)}
.hm-felt{position:relative; width:100%; height:100%; border-radius:999px; background:radial-gradient(70% 70% at 50% 45%, var(--felt, #1d4bb8), var(--felt-deep, #0d2466)); box-shadow:inset 0 0 0 2px rgba(255,197,61,.35), inset 0 10px 40px rgba(0,0,0,.45); overflow:hidden}
.hm-felt::before{content:''; position:absolute; inset:9%; border-radius:999px; border:1.5px dashed rgba(255,215,140,.22)}
.hm-felt-mark{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-4deg); font:400 7cqw/1 var(--display); color:rgba(255,215,140,.1); white-space:nowrap}
.hm-seat{position:absolute; left:50%; top:0; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:3px; z-index:4}
.hm-seat-ava{width:13cqw; height:13cqw; border-radius:50%; overflow:hidden; box-shadow:0 0 0 3px var(--paccent), 0 0 0 7px rgba(255,197,61,.2), 0 10px 20px rgba(0,0,0,.5); background:var(--pcard2)}
.hm-seat-ava svg{display:block; width:100%; height:100%}
.hm-seat-n{padding:2px 10px; border-radius:99px; background:rgba(10,18,48,.85); border:1px solid var(--pline2); font:600 max(11px,2.4cqw) var(--body); white-space:nowrap}
.hm-bubble{position:absolute; left:59%; top:2%; max-width:34cqw; padding:7px 12px; border-radius:14px 14px 14px 4px; background:var(--ptext); color:#14161c; font:600 max(11px,2.6cqw)/1.3 var(--body); box-shadow:0 8px 20px rgba(0,0,0,.4); z-index:4}
.hm-tile{position:absolute; z-index:1}
.hm-ludo{right:2.5%; top:3%; width:24cqw; transform:rotate(9deg); filter:drop-shadow(0 12px 18px rgba(0,0,0,.5))}
.hm-ludo .ct-ludo{max-width:none; filter:none}
.hm-pawn{position:absolute; left:0; top:0; width:calc(100% / 11.6); aspect-ratio:1; transform:translate(30%,430%); z-index:2}
.hm-pawn svg{display:block; width:100%; height:100%; overflow:visible; transform:scale(1.5); transform-origin:50% 70%}
.hm-tray{left:1.5%; top:5%; display:flex; gap:2.4cqw; padding:2.6cqw 3cqw; border-radius:3cqw; background:linear-gradient(160deg,#7a4a1e,#3e2209); box-shadow:inset 0 0 0 1.5px rgba(255,197,61,.35), 0 12px 22px rgba(0,0,0,.5); transform:rotate(-7deg)}
.hm-tray .ct-die{--d:8.4cqw}
.hm-deck{position:absolute; left:calc(20% - var(--cw) / 2); top:calc(50% - var(--cw) * .7); width:var(--cw); height:calc(var(--cw) * 1.4); z-index:2}
.hm-deck .ct-card{--w:var(--cw); position:absolute; left:0; top:0}
.hm-deck .ct-card:nth-child(2){transform:translate(-2px,-2px)}
.hm-deck .ct-card:nth-child(3){transform:translate(-4px,-4px)}
.hm-cards{position:absolute; inset:0; z-index:3}
.hm-cards .ct-card{--w:var(--cw); position:absolute; left:0; top:0; will-change:transform}
.hm-float{position:absolute; left:52%; top:40%; z-index:5; font:400 6cqw var(--display); color:var(--paccent); text-shadow:0 3px 0 #a85a0c, 0 8px 18px rgba(0,0,0,.5); transform:translate(-50%,0); pointer-events:none}
.hm-mark40{position:absolute; left:36%; top:64%; z-index:6; display:grid; place-items:center; width:12cqw; height:12cqw; border-radius:50%; background:radial-gradient(circle at 35% 30%, #ffe08a, var(--paccent) 45%, var(--paccent2)); color:#14161c; font:400 5.4cqw var(--display); box-shadow:0 0 0 3px #fff6d6, 0 10px 24px rgba(0,0,0,.5); transform:translate(-50%,-50%) rotate(-6deg)}

/* продължи */
.hm-cont{display:grid !important; grid-template-columns:180px minmax(0,1fr) auto; gap:20px; align-items:center; padding:14px; padding-right:22px; border-radius:24px; background:linear-gradient(110deg, rgba(255,197,61,.14), rgba(255,255,255,.03) 60%), var(--pcard); border:1px solid rgba(255,197,61,.45); box-shadow:var(--pshadow)}
.hm-cont-art .ct-art{height:120px; border-radius:16px; border:1px solid var(--pline)}
.hm-cont-t{display:flex; flex-direction:column; gap:8px; min-width:0}
.hm-cont-t .prow{margin:0}
.hm-vs{font:500 15px var(--body)}
.hm-recent{display:flex; flex-wrap:wrap; gap:6px; margin:0}
.hm-recent .pchip{min-height:32px}
@media (max-width:760px){ .hm-cont{grid-template-columns:1fr; padding:14px} .hm-cont .pbtn{width:100%} .hm-cont-art .ct-art{height:110px} }

/* статистика */
.hm-stats{display:grid !important; grid-template-columns:repeat(4, minmax(0,1fr)); gap:1px; border-radius:22px; overflow:hidden; background:var(--pline); border:1px solid var(--pline)}
.hm-stat{display:flex; flex-direction:column; gap:2px; padding:18px 20px; background:linear-gradient(180deg, rgba(255,255,255,.04), transparent), var(--pbg2); min-width:0}
.hm-stat b{font:700 clamp(24px,4vw,34px)/1.1 var(--num); color:var(--paccent)}
.hm-stat span{color:var(--pmuted); font-size:14px}
.hm-stat-note{grid-column:1 / -1; margin:0; padding:8px 20px; background:var(--pbg2); color:var(--pmuted); font-size:12px}
@media (max-width:700px){ .hm-stats{grid-template-columns:repeat(2, minmax(0,1fr))} .hm-stat{padding:14px 16px} }

/* игри */
.hm-games{display:grid; gap:16px; grid-template-columns:repeat(auto-fill, minmax(min(100%, 240px), 1fr))}
.hm-game{--rx:0deg; --ry:0deg; --gx:50%; --gy:0%; perspective:900px; cursor:pointer; border-radius:22px; outline:none; animation:hm-rise .7s var(--pease) backwards; animation-delay:calc(var(--i) * 80ms + 350ms)}
.hm-game-in{position:relative; height:100%; display:flex; flex-direction:column; border-radius:22px; overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)), var(--pcard); border:1px solid var(--pline); transform:rotateX(var(--rx)) rotateY(var(--ry)); transition:transform .25s var(--pease), border-color .25s, box-shadow .25s; transform-style:preserve-3d}
.hm-game-in::after{content:''; position:absolute; inset:0; border-radius:inherit; background:radial-gradient(60% 50% at var(--gx) var(--gy), rgba(255,255,255,.14), transparent 70%); opacity:0; transition:opacity .25s; pointer-events:none}
.hm-game:hover .hm-game-in, .hm-game:focus-visible .hm-game-in{border-color:rgba(255,197,61,.55); box-shadow:0 22px 50px rgba(3,8,30,.6)}
.hm-game:hover .hm-game-in::after{opacity:1}
.hm-game:focus-visible .hm-game-in{outline:3px solid var(--paccent); outline-offset:2px}
.hm-game-b{display:flex; flex-direction:column; gap:10px; padding:16px 18px 18px; flex:1}
.hm-game-b p{margin:0; font-size:14px; line-height:1.5; flex:1}
.hm-game-b .prow.between{flex-wrap:nowrap; align-items:flex-start}
.hm-game-b .ph3{font:400 21px/1.15 var(--display)}
.hm-game-act{gap:8px}
.hm-play .pi{transition:transform .3s var(--pspring)}
.hm-game:hover .hm-play .pi{transform:scale(1.25)}
.hm-prev{position:relative; height:160px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(90% 120% at 50% 110%, var(--felt, #1d4bb8), var(--felt-deep, #0d2466)); border-bottom:1px solid var(--pline)}
.hm-prev .ct-card{transition:transform .5s var(--pspring)}
.hm-prev-fan .ct-card{position:absolute; left:calc(50% - 27px); top:42px; transform-origin:50% 130%; transform:rotate(calc(var(--k) * 8deg))}
.hm-game:hover .hm-prev-fan .ct-card{transform:rotate(calc(var(--k) * 15deg)) translateY(-6px)}
.hm-prev-trick .ct-card{position:absolute; left:calc(50% - 25px); top:calc(50% - 35px)}
.hm-prev-trick .t0{transform:translate(0,30px) rotate(-4deg)}
.hm-prev-trick .t1{transform:translate(-38px,0) rotate(-84deg)}
.hm-prev-trick .t2{transform:translate(0,-30px) rotate(176deg)}
.hm-prev-trick .t3{transform:translate(38px,0) rotate(86deg)}
.hm-game:hover .hm-prev-trick .t0{transform:translate(-8px,14px) rotate(-12deg)}
.hm-game:hover .hm-prev-trick .t1{transform:translate(-20px,-6px) rotate(-30deg)}
.hm-game:hover .hm-prev-trick .t2{transform:translate(6px,-14px) rotate(10deg)}
.hm-game:hover .hm-prev-trick .t3{transform:translate(20px,4px) rotate(24deg)}
.hm-prev-tabla{background:radial-gradient(90% 120% at 50% 110%, #2b3a7a, #121a44)}
.hm-prev-board{width:82%; transform:perspective(500px) rotateX(18deg); transition:transform .5s var(--pease)}
.hm-game:hover .hm-prev-board{transform:perspective(500px) rotateX(8deg) scale(1.03)}
.hm-prev-dice{position:absolute; right:12%; bottom:14px; display:flex; gap:8px}
.hm-game:hover .hm-prev-dice .ct-die{animation:hm-roll .7s var(--pease)}
.hm-game:hover .hm-prev-dice .ct-die:nth-child(2){animation-delay:.06s}
@keyframes hm-roll{0%{transform:translate(-40px,-30px) rotate(-260deg)} 70%{transform:translate(3px,2px) rotate(20deg)}}
.hm-prev-ludo{background:radial-gradient(90% 120% at 50% 110%, #2b3a7a, #121a44)}
.hm-prev-ludo .ct-ludo{width:auto; height:140px}
.hm-prev-pawn{position:absolute; left:calc(50% - 70px + 140px * 2.3 / 11.6); top:calc(50% - 70px + 140px * 4.3 / 11.6); width:calc(140px / 11.6); aspect-ratio:1; animation:hm-hop 2.4s ease-in-out infinite}
.hm-prev-pawn svg{display:block; width:100%; height:100%; overflow:visible; transform:scale(1.6); transform-origin:50% 70%}
@keyframes hm-hop{0%,100%{transform:translate(0,0)} 12%{transform:translate(50%,-80%)} 25%{transform:translate(100%,0)} 37%{transform:translate(150%,-80%)} 50%{transform:translate(200%,0)} 62%{transform:translate(150%,-80%)} 75%{transform:translate(100%,0)} 87%{transform:translate(50%,-80%)}}
.hm-prev-gen{font-size:56px; color:var(--paccent)}

/* реклами */
.hm-adrow:empty, .hm-adrow[hidden]{display:none}
.hm-ad{position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; margin-inline:auto; max-width:100%}
.hm-ad-lbl{align-self:stretch; font:700 10px var(--body); letter-spacing:.16em; text-transform:uppercase; color:var(--pmuted); text-align:center}
.hm-ad ins.adsbygoogle{width:100%}
.hm-ad.live .hm-ad-ph{display:none}
.hm-ad-ph{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; box-sizing:border-box; max-width:100%; border:1px dashed var(--pline2); border-radius:12px; color:var(--pmuted); font:600 12px var(--body); background:repeating-linear-gradient(-45deg,rgba(255,255,255,.025) 0 10px,transparent 10px 20px)}
.hm-ad-ph span{display:inline-flex; align-items:center; gap:6px}
.hm-ad-ph small{font:500 11px var(--num); letter-spacing:.05em; opacity:.8}
.hm-ad-leaderboard .hm-ad-ph{width:728px; height:90px}
.hm-ad-rectangle .hm-ad-ph{width:300px; height:250px}
.hm-ad-mobile .hm-ad-ph{width:320px; height:100px}
.hm-ad-inline{width:100%}
.hm-ad-inline .hm-ad-ph{width:100%; height:120px}
@media (max-width:760px){ .hm-ad-leaderboard .hm-ad-ph{width:320px; height:100px} }
.hm-ad-vip{font-size:12px; color:var(--pmuted); text-decoration:underline; text-underline-offset:3px; min-height:24px; display:inline-flex; align-items:center}
.hm-ad-vip:hover{color:var(--paccent)}
.ct-nad{margin-block:4px}

/* предимства */
.hm-benefits{display:grid; gap:14px; grid-template-columns:repeat(auto-fill, minmax(min(100%, 300px), 1fr))}
.hm-ben{display:grid; grid-template-columns:48px minmax(0,1fr); grid-template-rows:auto auto; column-gap:14px; row-gap:4px; padding:18px; border-radius:18px; background:rgba(255,255,255,.035); border:1px solid var(--pline); transition:transform .3s var(--pease), background .3s}
.hm-ben:hover{transform:translateY(-3px); background:rgba(255,255,255,.06)}
.hm-ben-ic{grid-row:1 / 3; display:grid; place-items:center; width:48px; height:48px; border-radius:15px; background:linear-gradient(160deg, rgba(255,197,61,.25), rgba(240,140,26,.1)); color:var(--paccent); font-size:22px}
.hm-ben b{font-size:16px}
.hm-ben p{margin:0; color:var(--pmuted); font-size:14px; line-height:1.5}

/* промоции */
.hm-promos{display:grid !important; gap:16px; grid-template-columns:1.25fr 1fr}
@media (max-width:820px){ .hm-promos{grid-template-columns:1fr} }
.hm-promo{position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:16px; align-items:center; padding:20px; border-radius:22px; text-decoration:none; color:var(--ptext); overflow:hidden; transition:transform .3s var(--pease), box-shadow .3s}
.hm-promo:hover{transform:translateY(-3px); box-shadow:var(--pshadow)}
.hm-promo:focus-visible{outline:3px solid var(--paccent); outline-offset:2px}
.hm-promo b{display:block; font:400 19px/1.2 var(--display); margin:4px 0}
.hm-promo p{margin:0; color:#cdd6f6; font-size:14px}
.hm-promo-daily{background:linear-gradient(110deg, rgba(255,197,61,.24), rgba(240,140,26,.08)); border:1.5px solid var(--paccent)}
.hm-promo-vip{background:radial-gradient(120% 140% at 100% 0%, rgba(155,93,229,.35), transparent 60%), var(--pcard); border:1px solid rgba(155,93,229,.5)}
.hm-promo-ic{display:grid; place-items:center; width:56px; height:56px; border-radius:18px; background:linear-gradient(160deg,var(--paccent),var(--paccent2)); color:var(--pacc-ink); font-size:28px; box-shadow:0 4px 0 var(--gold3, #a85a0c); animation:pfloat 3s ease-in-out infinite}
.hm-promo-vip .hm-promo-ic{background:linear-gradient(160deg,#c9a2ff,#7b3fd1); color:#fff; box-shadow:0 4px 0 #4b2185}
.hm-days{display:flex; gap:5px; margin-top:10px}
.hm-days i{display:grid; place-items:center; width:26px; height:26px; border-radius:8px; background:rgba(3,8,30,.4); border:1px solid var(--pline); font:600 12px var(--num); font-style:normal; color:var(--pmuted)}
.hm-days i.on{background:var(--paccent); color:var(--pacc-ink); border-color:transparent}
.hm-days i:last-child{background:linear-gradient(160deg,var(--paccent),var(--paccent2)); color:var(--pacc-ink); opacity:.6}
@media (max-width:520px){ .hm-promo{grid-template-columns:auto minmax(0,1fr)} .hm-promo > .pbtn{grid-column:1 / -1} .hm-days i{width:22px; height:22px} }

/* новини + класиране */
.hm-two{display:grid; gap:clamp(24px,4vw,40px); grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
@media (max-width:880px){ .hm-two{grid-template-columns:1fr} }
.hm-news{display:flex; flex-direction:column; gap:12px}
.hm-top{list-style:none; margin:0; padding:8px; border-radius:20px; background:var(--pcard); border:1px solid var(--pline); display:flex; flex-direction:column}
.hm-top li{display:flex; align-items:center; gap:12px; padding:10px; border-radius:14px; min-width:0}
.hm-top li + li{border-top:1px solid var(--pline)}
.hm-top li.me{background:rgba(255,197,61,.08)}
.hm-rank{display:grid; place-items:center; width:30px; height:30px; flex:0 0 auto; border-radius:50%; background:rgba(255,255,255,.07); font:700 14px var(--num); color:var(--pmuted)}
.hm-rank.r1{background:linear-gradient(160deg,#ffe08a,#e0a321); color:#3a2500}
.hm-rank.r2{background:linear-gradient(160deg,#eef1f8,#9aa3b8); color:#222}
.hm-rank.r3{background:linear-gradient(160deg,#f2b98a,#a7612d); color:#2b1300}
.hm-top-n{flex:1; min-width:0; color:var(--ptext); text-decoration:none; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-height:24px; display:flex; align-items:center}
.hm-top-n:hover{color:var(--paccent)}
.hm-top b{font:700 16px var(--num); color:var(--paccent)}

/* въпроси */
.hm-faq-list{display:grid; gap:10px; grid-template-columns:repeat(auto-fit, minmax(min(100%, 380px), 1fr)); align-items:start}
.hm-q{border-radius:16px; background:rgba(255,255,255,.035); border:1px solid var(--pline); transition:background .2s}
.hm-q[open]{background:rgba(255,255,255,.06)}
.hm-q summary{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; min-height:24px; cursor:pointer; font-weight:600; list-style:none}
.hm-q summary::-webkit-details-marker{display:none}
.hm-q summary .pi{color:var(--paccent); transition:transform .3s var(--pspring)}
.hm-q[open] summary .pi{transform:rotate(45deg)}
.hm-q summary:focus-visible{outline:3px solid var(--paccent); outline-offset:2px; border-radius:16px}
.hm-q p{margin:0; padding:0 16px 16px; color:#cdd6f6; line-height:1.55}

/* последен призив */
.hm-final{display:grid !important; grid-template-columns:auto minmax(0,1fr) auto; gap:24px; align-items:center; padding:clamp(20px,4vw,34px); border-radius:28px; background:radial-gradient(80% 140% at 0% 50%, rgba(255,197,61,.2), transparent 60%), linear-gradient(160deg, var(--felt, #1d4bb8), var(--felt-deep, #0d2466)); border:1px solid var(--pline2); overflow:hidden}
.hm-final p{margin:6px 0 0}
.hm-final-cards{padding:6px 26px 14px}
@media (max-width:760px){ .hm-final{grid-template-columns:1fr; text-align:center; justify-items:center} .hm-final .pbtn{width:100%} }

/* =====================================================================
   ФУТЪР
   ===================================================================== */
.hm-foot{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,2.4fr); gap:32px}
.hm-fbrand{display:flex; flex-direction:column; gap:12px; min-width:0}
.hm-fbrand p{margin:0; color:var(--pmuted); font-size:14px; line-height:1.55}
.hm-age{display:flex !important; align-items:flex-start; gap:10px}
.hm-age-b{flex:0 0 auto; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; border:2px solid var(--pwarn); color:var(--pwarn); font:700 13px var(--num)}
.hm-fcols{display:grid; gap:20px; grid-template-columns:repeat(4, minmax(0,1fr))}
.hm-fcol h3{margin:0 0 10px; font:700 12px var(--body); letter-spacing:.14em; text-transform:uppercase; color:var(--paccent)}
.hm-fcol ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px}
.hm-fcol a, .hm-flink{display:inline-flex; align-items:center; min-height:34px; color:#cdd6f6; text-decoration:none; font:500 14px/1.3 var(--body); background:none; border:0; padding:0; cursor:pointer; text-align:left}
.hm-fcol a:hover, .hm-flink:hover{color:var(--paccent)}
.hm-fcol a:focus-visible, .hm-flink:focus-visible{outline:3px solid var(--paccent); outline-offset:2px; border-radius:4px}
.hm-fbottom{display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-top:28px; padding-top:18px; border-top:1px solid var(--pline); color:var(--pmuted); font-size:13px}
.hm-fsuits{display:flex; gap:10px; font-size:18px; color:var(--pmuted)}
.hm-fsuits i{font-style:normal}
.hm-fsuits .r{color:#e0606d}
@media (max-width:860px){ .hm-foot{grid-template-columns:1fr} }
@media (max-width:560px){ .hm-fcols{grid-template-columns:repeat(2, minmax(0,1fr))} }

/* =====================================================================
   БИСКВИТКИ
   ===================================================================== */
.hm-cookie{position:fixed; left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px)); z-index:70; display:flex; justify-content:center; pointer-events:none; animation:hm-cookie-in .5s var(--pspring) .4s backwards}
.hm-cookie.out{animation:hm-cookie-out .26s ease forwards}
@keyframes hm-cookie-in{from{opacity:0; transform:translateY(40px)}}
@keyframes hm-cookie-out{to{opacity:0; transform:translateY(30px)}}
.hm-cookie-in{pointer-events:auto; width:100%; max-width:980px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:16px; align-items:center; padding:16px 18px; border-radius:20px; background:rgba(17,27,68,.97); border:1px solid var(--pline2); box-shadow:0 24px 60px rgba(0,0,0,.6); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px)}
.hm-cookie-ic svg{display:block; width:44px; height:44px; animation:pfloat 3.2s ease-in-out infinite}
.hm-cookie-t b{display:block; margin-bottom:3px}
.hm-cookie-t p{margin:0; color:#cdd6f6; font-size:14px; line-height:1.45}
.hm-cookie-act{display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end}
.hm-cookie-act .pbtn{min-height:42px}
@media (max-width:900px){
  .hm-cookie{bottom:calc(var(--ptab) + 10px + env(safe-area-inset-bottom,0px))}
  .hm-cookie-in{grid-template-columns:auto minmax(0,1fr); padding:14px}
  .hm-cookie-act{grid-column:1 / -1; justify-content:stretch}
  .hm-cookie-act .pbtn{flex:1 1 auto}
}
/* „Отказвам“ и „Приемам“ са един до друг и еднакво големи; „Настройки“ е отдолу. */
@media (max-width:480px){ .hm-cookie-ic{display:none} .hm-cookie-in{grid-template-columns:1fr} .hm-cookie-act .pbtn{flex:1 1 0} .hm-cookie-act .pbtn[data-ck="settings"]{flex-basis:100%; order:1} }
body[data-layout="game"] .hm-cookie{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.hm-ck-lead{margin:0 0 14px}
.hm-ck-list{display:flex; flex-direction:column; gap:8px; margin-bottom:14px}
.hm-ck-row{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.04); border:1px solid var(--pline); cursor:pointer}
.hm-ck-txt{display:flex; flex-direction:column; gap:3px; min-width:0}
.hm-ck-txt b{display:inline-flex; align-items:center; gap:8px; flex-wrap:wrap}
.hm-ck-txt .pchip{align-self:flex-start; padding:2px 8px; font-size:11px}
.hm-ck-txt small{color:var(--pmuted); font-size:13px; line-height:1.45; overflow-wrap:anywhere}
.hm-ck-more{margin:0 0 14px; font-size:13px}
.hm-ck-btns{flex-wrap:wrap}
.hm-ck-btns .pbtn{flex:1 1 0; white-space:nowrap}
@media (max-width:480px){ .hm-ck-btns{flex-direction:column} .hm-ck-btns .pbtn{flex:none; width:100%} }
.hm-adsadm{display:flex; flex-direction:column; gap:14px; max-width:720px}
.hm-adsadm .ph2{margin:0}
.hm-adsadm p{margin:0}
.hm-adsadm-h{margin-top:6px}

@media (prefers-reduced-motion:reduce){
  .hm-dot, .hm-cta, .hm-promo-ic, .hm-cookie-ic svg, .hm-prev-pawn{animation:none !important}
  .hm-game-in{transform:none !important}
}