/* Hugo ir Kopos lyga – puslapis /lyga/ ir prizo puslapis. Vaikiškas, spalvotas (Gileta 2026-10-27) */
.hk-lyga, .hk-lyga-titulinis{--hl-melyna:#3a8ff0; --hl-rozine:#ef5f9b; --hl-geltona:#ffc93c; --hl-zalia:#3fb37f; --hl-violetine:#8b7bd8; --hl-oranzine:#f5883c;
  --hl-ink:#24203a; --hl-soft:#6b6585; --hl-sidabras:#9aa8bb; --hl-auksas:#f5a623; --hl-bronza:#dd8447;
  color:var(--hl-ink); font-family:"Nunito",-apple-system,"Segoe UI",sans-serif}
.hk-lyga{max-width:var(--maxw,1120px); margin:0 auto; padding:22px 16px 60px}
/* Titulinyje (titulinis.php): tas pats žiemos viršus per visą plotį, po Advento juosta */
.hk-lyga-titulinis{overflow-x:clip; margin:0 0 80px}
.hk-lyga-titulinis .hl-hero{margin:0; width:100%}
.hk-lyga-titulinis .hl-btn{text-decoration:none}
/* Titulinio viršaus karuselė (Gileta 2026-10-29): pagrindinis baneris ir lygos viršus vienoje vietoje, keičiasi */
.hk-hero-kar{position:relative; display:grid}
.hk-hero-kar>.hk-hero4, .hk-hero-kar>.hk-hero-skaidre{grid-area:1/1; transition:opacity .9s ease, visibility .9s}
.hk-hero-kar>.hk-hero-skaidre{margin:0; opacity:0; visibility:hidden}
.hk-hero-kar.rodo-lyga>.hk-hero-skaidre{opacity:1; visibility:visible}
.hk-hero-kar.rodo-lyga>.hk-hero4{opacity:0; visibility:hidden}
.hk-hero-kar .hk-hero-skaidre .hl-hero{min-height:0; height:100%}
.hk-hero-kar.hk-be-anim>.hk-hero4, .hk-hero-kar.hk-be-anim>.hk-hero-skaidre{transition:none}
.hk-hero-taskai{position:absolute; left:50%; bottom:12px; transform:translateX(-50%); z-index:6; display:flex; gap:10px}
.hk-hero-taskai button{width:13px; height:13px; padding:0; border-radius:50%; border:2px solid #2E2A3B; background:transparent; cursor:pointer; transition:background .3s, border-color .3s}
.hk-hero-taskai button[aria-current="true"]{background:#2E2A3B}
.hk-hero-kar.rodo-lyga .hk-hero-taskai button{border-color:#2e6bd6}
.hk-hero-kar.rodo-lyga .hk-hero-taskai button[aria-current="true"]{background:#2e6bd6}
/* Kvietimas pagrindiniame titulinio viršuje (po mygtukais) */
.hk-h4-lyga{display:flex; align-items:center; gap:12px; margin-top:18px; max-width:460px; padding:10px 12px 10px 10px; border-radius:20px; background:#2e6bd6; color:#fff; text-decoration:none; font-family:"Nunito",-apple-system,"Segoe UI",sans-serif}
.hk-h4-lyga:hover{color:#fff; background:#285fc0}
.hk-h4-lyga img{flex:none; width:44px; height:44px; background:#fff; border-radius:50%; padding:6px; box-sizing:border-box}
.hk-h4-lyga-t{flex:1; min-width:0; line-height:1.25}
.hk-h4-lyga-t b{display:block; font-size:16px; font-weight:900}
.hk-h4-lyga-t span{font-size:14px; font-weight:700; color:#d9e7ff}
.hk-h4-lyga em{flex:none; font-style:normal; font-weight:900; font-size:14px; background:#ffd84d; color:#3d2a00; border-radius:999px; padding:8px 14px}
/* Plačiame ekrane – scenoje po lenta tarp šuniukų; iki 1200 px (ten tarp šuniukų vietos nėra) – po mygtukais */
.hk-h4-lyga.tekste{display:none}
.hk-h4-lyga.scenoje{position:absolute; z-index:2; left:50%; bottom:46px; transform:translateX(-50%); width:min(440px,52%); margin:0}
/* Siauresniame kompiuterio ekrane tarp šuniukų tik ~340 px: pavadinimas, po juo mygtukas, be taurės */
@media (max-width:1350px) and (min-width:1201px){
  .hk-h4-lyga.scenoje{width:290px; flex-wrap:wrap; justify-content:center; text-align:center; gap:8px; padding:12px 14px; bottom:34px}
  .hk-h4-lyga.scenoje img{display:none}
  .hk-h4-lyga.scenoje .hk-h4-lyga-t{flex-basis:100%}
}
@media (max-width:1200px){ .hk-h4-lyga.scenoje{display:none} .hk-h4-lyga.tekste{display:flex} }
@media (max-width:1000px){ .hk-h4-lyga.tekste{margin-left:auto; margin-right:auto; text-align:left} }
@media (max-width:420px){ .hk-h4-lyga em{padding:7px 10px; font-size:13px} }
.hk-lyga *, .hk-lyga-titulinis *{box-sizing:border-box}
.hk-lyga h1, .hk-lyga h2, .hk-lyga h3, .hk-lyga-titulinis .hl-h1{font-family:"Nunito",sans-serif; font-weight:900; letter-spacing:-.01em}
.hk-lyga .hl-pran{background:#eaf7ef; border-radius:18px; padding:14px 18px; margin-bottom:18px; font-weight:800}
.hk-lyga .hl-krauna{color:var(--hl-soft); text-align:center; padding:30px 0}

/* ---------- Antraštė: žiemos paveikslas ---------- */
/* Per visą naršyklės plotį, kaip titulinio puslapio viršus */
body.hk-lyga-psl{overflow-x:clip}
.hl-hero{position:relative; overflow:hidden; margin:-22px calc(50% - 50vw) 26px; width:100vw; color:#fff; min-height:700px;
  background:linear-gradient(180deg,#2e6bd6 0%,#4e8ee6 55%,#7db4f2 100%); display:flex; flex-direction:column; align-items:center}
.hl-hero-txt{position:relative; z-index:4; max-width:760px; text-align:center; padding:0 16px; margin:auto 0; transform:translateY(-10px)}
.hl-brand{font-size:22px; letter-spacing:.3em; font-weight:900; color:var(--hl-geltona); text-transform:uppercase}
.hl-hero h1, .hl-hero .hl-h1{margin:10px 0 16px; font-size:clamp(42px,5.2vw,92px); line-height:1.05; color:#fff}
.hl-hero .hl-sub{margin:0 0 28px; font-weight:800; font-size:20px}
.hl-pills{display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-bottom:30px}
.hl-pill{background:rgba(255,255,255,.88); color:#2e6bd6; font-weight:900; border-radius:999px; padding:10px 20px; font-size:17px}
.hl-pill.gyvai{background:#fff; color:var(--hl-rozine)}
.hl-pill.gyvai i{display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--hl-rozine); margin-right:8px; vertical-align:1px; animation:hlMirk 1.2s infinite}
@keyframes hlMirk{50%{opacity:.2}}
.hl-hero-btn{display:flex; gap:16px; flex-wrap:wrap; justify-content:center; margin-top:30px}
.hl-hero .hl-btn{padding:17px 34px; font-size:19px}
.hl-laimekite{display:inline-block; margin-top:0; background:#ffd84d; color:#3d2a00; font-weight:900; text-decoration:none; border-radius:18px; padding:13px 24px; font-size:17px; line-height:1.35}
.hl-laimekite:hover, .hl-laimekite:focus{color:#3d2a00; background:#ffe27a; text-decoration:none}  /* visa juosta – viena nuoroda, pabrauktas tik „Kaip?“ */
.hl-laimekite span{text-decoration:underline; margin-left:4px}
.hl-laimekite img{display:inline-block; width:24px; height:24px; vertical-align:-6px; margin-right:6px}
/* Girlianda */
.hl-girlianda{position:absolute; left:0; right:0; top:0; height:60px; z-index:2; pointer-events:none}
.hl-girlianda svg{position:absolute; inset:0; width:100%; height:60px}
.hl-lemp{position:absolute; width:11px; height:17px; margin-left:-5px; border-radius:50% 50% 45% 45%; background:var(--c); box-shadow:0 0 10px var(--c); animation:hlLemp 1.8s ease-in-out infinite alternate}
.hl-lemp::before{content:""; position:absolute; left:2px; top:-4px; width:7px; height:5px; border-radius:2px; background:#1f4fa8}
@keyframes hlLemp{to{opacity:.45; box-shadow:0 0 2px var(--c)}}
/* Kalėdų senelis su rogutėmis (nupieštas SVG), lėtai sūpuojasi */
.hl-senelis{position:absolute; z-index:1; top:120px; left:9%; width:300px; height:auto; animation:hlSen 5s ease-in-out infinite}
@keyframes hlSen{50%{transform:translate(10px,-8px) rotate(-2deg)}}
/* Snaigės */
.hl-snaiges{position:absolute; inset:0; z-index:1; pointer-events:none}
.hl-snaiges i{position:absolute; top:-12px; border-radius:50%; background:#fff; animation:hlSnaige linear infinite}
@keyframes hlSnaige{to{transform:translate(30px,600px)}}
/* Kalva, eglutės, šuniukai */
.hl-scena{position:absolute; left:0; right:0; bottom:0; height:100%; width:100%; align-self:stretch; z-index:2; pointer-events:none}
.hl-kalva{position:absolute; left:0; right:0; bottom:0; width:100%; height:170px}
.hl-egle{position:absolute; width:auto}
.hl-vid{position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:min(1820px,100%); height:100%}
.hl-hugo, .hl-kopa{position:absolute; z-index:3; bottom:36px; height:min(390px,66%); width:auto}
.hl-hugo{left:7%; transform:scaleX(-1)} .hl-kopa{right:5%; height:min(460px,78%)}  /* Hugo apverstas: žiūri į vidurį */
/* Kopa iš dviejų sluoksnių: balionų puokštė lėtai siūbuoja apie letenėlę, kuri laiko virvutes */
.hl-kopa{aspect-ratio:543/620}
.hl-kopa img{position:absolute; inset:0; width:100%; height:100%}
.hl-kopa .hl-puokste{transform-origin:34% 68.5%; animation:hlPuok 4.5s ease-in-out infinite}
@keyframes hlPuok{0%,100%{transform:rotate(-2.5deg)} 50%{transform:rotate(3deg) translateY(-4px)}}
@media (prefers-reduced-motion: reduce){ .hl-snaiges i, .hl-lemp, .hl-pill.gyvai i, .hl-senelis, .hl-hero .hl-kopa .hl-puokste{animation:none} .hl-snaiges i{top:calc(var(--y,50) * 1%)} }
/* Vidutiniai ekranai (nešiojamieji): šuniukai ir senelis mažesni, kad neužliptų ant teksto */
@media (max-width:1500px){ .hl-hugo{left:3%; height:min(350px,58%)} .hl-kopa{right:1%; height:min(380px,64%)} .hl-senelis{width:230px; left:3%; top:105px} }
@media (max-width:1240px){ .hl-kopa{height:min(330px,56%); right:0} .hl-hugo{height:min(320px,54%); left:1%} }
@media (max-width:1060px){ .hl-hugo{height:min(290px,52%)} .hl-kopa{height:min(340px,60%); right:2%} .hl-hero-txt{max-width:520px} .hl-senelis{width:220px; left:4%; top:96px} }
@media (max-width:860px){
  .hl-hero{min-height:0}
  .hl-hero-txt{padding-top:120px; margin:0; transform:none}
  .hl-senelis{width:170px; left:50%; margin-left:-85px; top:62px}
  .hl-brand{font-size:16px} .hl-hero .hl-sub{font-size:17px; margin-bottom:20px} .hl-pill{font-size:15px; padding:8px 16px} .hl-pills{margin-bottom:22px}
  .hl-hero .hl-btn{padding:14px 24px; font-size:17px} .hl-laimekite{font-size:15px} .hl-hero-btn{margin-top:22px}
  .hl-scena{position:relative; height:300px; margin-top:10px}
  .hl-vid{width:100%}
  .hl-hugo, .hl-kopa{height:250px; bottom:26px} .hl-hugo{left:8%; z-index:5} .hl-kopa{right:6%; z-index:3; height:285px}  /* Hugo priekyje: Kopos balionai jo neuždengia */
  .hl-kalva{height:110px}
}

/* ---------- Mygtukai ---------- */
.hl-btn{display:inline-flex; align-items:center; justify-content:center; gap:6px; font:inherit; font-weight:900; border:0; border-radius:999px; background:var(--hl-melyna); color:#fff;
  padding:14px 26px; cursor:pointer; text-decoration:none; font-size:17px; text-align:center; transition:transform .1s, filter .1s}
.hl-btn:hover{color:#fff; filter:brightness(1.06)} .hl-btn:active{transform:scale(.97)}
.hl-btn.rozinis{background:var(--hl-rozine)}
.hl-btn.baltas{background:#fff; color:#2e6bd6} .hl-btn.baltas:hover{color:var(--hl-melyna)}
.hl-btn.antr{background:#f0ecfa; color:var(--hl-ink)} .hl-btn.antr:hover{color:var(--hl-ink)}
.hl-btn.auksinis{background:var(--hl-geltona); color:#5a3d00} .hl-btn.auksinis:hover{color:#5a3d00}
.hl-btn:disabled{opacity:.6}
.hl-link{background:none; border:0; color:var(--hl-melyna); font:inherit; font-weight:800; cursor:pointer; padding:0; text-decoration:underline}

/* ---------- Prizai: plokščios spalvotos kortelės su piktogramomis ---------- */
.hl-prizai{position:relative; margin:56px 0 26px; padding:0}
.hl-prizai-h{display:flex; flex-direction:column; align-items:center; gap:12px; margin-bottom:36px}
.hl-kaspinas{background:var(--hl-rozine); color:#fff; font-weight:900; text-transform:uppercase; letter-spacing:.14em; font-size:13px; padding:6px 18px; border-radius:999px}
.hl-prizai-h h2{margin:0; font-size:clamp(26px,3.6vw,38px); text-align:center}
.hl-prizai-k{display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:18px; align-items:stretch; max-width:980px; margin:0 auto}
/* Kompaktiškos: didesnė piktograma viršuje per vidurį, tekstas po ja. Spalvos kaip Kopos (rožinė) ir Hugo (mėlyna) uodegytės */
.hl-prk{position:relative; border-radius:24px; padding:22px 24px; display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; color:var(--hl-ink)}
.hl-prk{--juosta:#f6a9c9; background:#ffd0e3; overflow:hidden; isolation:isolate}
.hl-prk.k-taure{--juosta:#f6a9c9; background-color:#ffcfe2} .hl-prk.k-medalis{--juosta:#9cc6ef; background-color:#c9e0f8}
/* Kaip supakuota dovana: plokščias kaspinas skersai (piktograma – mazgas), „siūtas“ kraštas, žvaigždutės kampuose */
.hl-prk{background-image:url(img/zvaigzdutes.svg), url(img/zvaigzdutes.svg); background-repeat:no-repeat; background-size:64px auto, 46px auto; background-position:right 26px top 22px, left 26px bottom 18px; padding-bottom:44px}
.hl-prk::before{content:""; position:absolute; z-index:-1; left:0; right:0; top:52px; height:28px; background:var(--juosta)}
.hl-prk::after{content:""; position:absolute; inset:9px; border:2px dashed rgba(255,255,255,.9); border-radius:17px; pointer-events:none}
.hl-prk-tx{flex:1; min-width:0}
.hl-prk-e{flex:none; width:88px; height:88px; border-radius:50%; background:#fff; border:5px solid var(--juosta); display:flex; align-items:center; justify-content:center; font-size:34px}
.hl-prk-e img{width:64px; height:64px; object-fit:contain}
.hl-prk-zyma{position:absolute; top:16px; left:16px;  /* kampe: pavadinimai abiejose kortelėse vienoje linijoje */
   background:var(--hl-rozine); color:#fff; font-weight:900; font-size:13px; letter-spacing:.04em; padding:4px 14px; border-radius:999px}
.hl-prk h3{margin:0 0 8px; font-size:19px; line-height:1.25; display:inline-block; padding:7px 30px;
  clip-path:polygon(0 0, 100% 0, calc(100% - 12px) 50%, 100% 100%, 0 100%, 12px 50%); background:#e4e9f0; color:#3a4658}
/* Pavadinimas auksinėje (čempionai) arba sidabrinėje (diplomai) juostelėje su įkirptais galais */
.hl-prk.k-taure h3{background:#f5c33b; color:#5a3d00}
.hl-prk.k-medalis h3{background:#c3ccd8; color:#2b3546}
.hl-prk p{margin:0; font-weight:600; line-height:1.5; font-size:13.5px}
.hl-prk p + p{margin-top:4px}
.hl-prk p.hl-prk-svarbu{font-weight:900; font-size:14px}
@media (max-width:860px){ .hl-prizai-k{grid-auto-flow:row} }

/* ---------- Turinys ---------- */
.hl-turinys{background:#fff; border-radius:36px; box-shadow:0 10px 30px rgba(46,42,59,.07); padding:26px clamp(14px,3vw,38px) 30px}
.hl-filtrai{display:flex; flex-direction:column; gap:12px; align-items:center}
.hl-grupes, .hl-per{display:flex; gap:10px; flex-wrap:wrap; justify-content:center}
.hl-grupes button{font:inherit; font-weight:900; font-size:18px; border:0; background:#f0ecfa; color:#5b5378; border-radius:999px; padding:12px 24px; cursor:pointer}
.hl-grupes button:nth-child(1).on{background:var(--hl-oranzine)} .hl-grupes button:nth-child(2).on{background:var(--hl-melyna)} .hl-grupes button:nth-child(3).on{background:var(--hl-violetine)} .hl-grupes button:nth-child(4).on{background:var(--hl-zalia)}
.hl-grupes button.on{color:#fff; box-shadow:0 5px 0 rgba(0,0,0,.12)}
.hl-per button{font:inherit; font-weight:800; font-size:14px; border:2px solid #e6e1f0; background:#fff; color:#5b5378; border-radius:999px; padding:7px 16px; cursor:pointer}
.hl-per button.on{border-color:var(--hl-ink); color:var(--hl-ink)}
.hl-uzd{text-align:center; margin:16px 0 8px; color:var(--hl-soft); font-weight:700}
.hl-uzd b{color:var(--hl-ink)}
.hl-tuscia{text-align:center; color:var(--hl-soft); font-weight:700; padding:26px 10px}
.hl-tuscia-e{font-size:54px; animation:hlSok 2s ease-in-out infinite}

/* Pakyla */
.hl-pakyla{display:grid; grid-template-columns:repeat(3,minmax(0,250px)); justify-content:center; align-items:end; gap:18px; margin:26px 0 22px}
.hl-pk{display:flex; flex-direction:column; align-items:stretch}
.hl-pk-kort{position:relative; z-index:1; background:#fff; border:3px solid #eee9f6; border-radius:24px; padding:18px 12px 14px; text-align:center; margin-bottom:-14px;
  box-shadow:0 8px 18px rgba(46,42,59,.06); display:flex; flex-direction:column; align-items:center; gap:2px}
.hl-pk.v1 .hl-pk-kort{border-color:var(--hl-auksas)}
.hl-pk.mes .hl-pk-kort{border-color:var(--hl-melyna); border-style:dashed; background:#eef6ff}
.hl-pk-nr{width:38px; height:38px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-weight:900; font-size:18px; margin-bottom:6px}
.hl-pk.v1 .hl-pk-nr{background:var(--hl-auksas)} .hl-pk.v2 .hl-pk-nr{background:var(--hl-sidabras)} .hl-pk.v3 .hl-pk-nr{background:var(--hl-bronza)}
.hl-pk-pav, .hl-pk-t, .hl-ep b, .hl-tsk, .hl-ksav b{font-weight:900 !important}
.hl-pk-pav{font-size:21px; line-height:1.15}
.hl-pk small{color:var(--hl-soft); font-weight:700}
.hl-pk-t{font-size:32px; font-weight:900; margin-top:6px}
.hl-pk-t span{font-size:14px; color:var(--hl-soft); margin-left:6px}
.hl-pk-kl{font-size:13px; color:var(--hl-soft); font-weight:700}
.hl-pk-blok{border-radius:0 0 22px 22px; color:#fff; font-weight:900; font-size:54px; display:flex; align-items:center; justify-content:center; text-shadow:0 3px 0 rgba(0,0,0,.12)}
.hl-pk.v1 .hl-pk-blok{background:linear-gradient(#ffbe3d,var(--hl-auksas)); height:150px} .hl-pk.v1 .hl-pk-kort{margin-bottom:-14px}
.hl-pk.v2 .hl-pk-blok{background:linear-gradient(#b3bfcf,var(--hl-sidabras)); height:108px}
.hl-pk.v3 .hl-pk-blok{background:linear-gradient(#ee9a62,var(--hl-bronza)); height:84px}
.hl-pk.tuscia{visibility:hidden}

/* Kitos vietos */
.hl-kiti{display:flex; flex-direction:column; gap:10px}
.hl-eil{display:flex; align-items:center; gap:14px; background:#f7f5fc; border-radius:20px; padding:12px 18px; border:2px solid transparent}
.hl-eil.mes{background:#e8f2ff; border:2px dashed var(--hl-melyna)}
.hl-nr{flex:none; width:38px; height:38px; border-radius:50%; background:#fff; display:inline-flex; align-items:center; justify-content:center; font-weight:900; color:var(--hl-soft)}
.hl-eil.mes .hl-nr{background:var(--hl-melyna); color:#fff}
.hl-ep{flex:1; min-width:0; display:flex; flex-direction:column}
.hl-ep1{display:flex; align-items:baseline; gap:8px; flex-wrap:wrap}
.hl-ep b{font-size:18px; font-weight:900}
.hl-ep small{color:var(--hl-soft); font-weight:700}
.hl-kl{color:var(--hl-soft); font-weight:700; font-size:14px; white-space:nowrap}
.hl-tsk{font-size:22px; font-weight:900; min-width:56px; text-align:right; white-space:nowrap}
.hl-tsk small{font-size:13px; color:var(--hl-soft); margin-left:5px; font-weight:700}
.hl-jusu{background:var(--hl-melyna); color:#fff; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.04em; border-radius:999px; padding:3px 9px; align-self:center}
.hl-pk .hl-jusu{margin:4px 0 2px}
.hl-bal{margin-left:4px}
/* Mokyklos pavadinimas: mažomis raidėmis, iki 2 eilučių, visas – užvedus pelę ar paspaudus */
.hl-mok, .hl-mie{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:13px; line-height:1.3; color:#7d7797; font-weight:700; max-width:100%}
.hl-mok{cursor:pointer}
.hl-mok.visa{-webkit-line-clamp:unset; display:block}
.hl-pastaba{font-size:13px; color:#8a84a3; margin:14px 0 0; text-align:center}
.hl-klaida{color:#d63a4a; font-weight:800}

/* ---------- Prisijungimas, klasės ---------- */
.hl-prisijungti{max-width:520px; margin:0 auto; text-align:center}
.hl-pr-e{font-size:48px}
.hl-prisijungti h2{margin:6px 0}
.hl-prisijungti form{display:flex; flex-direction:column; gap:10px; align-items:stretch}
.hk-lyga input[type=email], .hk-lyga input[type=text], .hk-lyga input:not([type]), .hk-lyga select{font:inherit; font-size:17px; padding:13px 16px; border:3px solid #e6e1f0; border-radius:16px; background:#fff; width:100%}
.hk-lyga input:focus, .hk-lyga select:focus{outline:none; border-color:var(--hl-melyna)}
#hl-kodas{text-align:center; letter-spacing:.4em; font-size:26px; font-weight:900}
.hl-kas{text-align:right; font-size:14px; color:var(--hl-soft)}
/* Nuolaidos kodas mokytojai */
.hl-nuol{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 20px; background:#ffd0e3; border-radius:24px; padding:18px 22px; margin:0 0 18px}
.hl-nuol-t b{display:block; font-size:18px; font-weight:900}
.hl-nuol-t span{font-size:14px; font-weight:600; color:var(--hl-soft)}
.hl-nuol-k{display:flex; flex-wrap:wrap; align-items:center; gap:10px}
.hl-nuol-k code{background:#fff; border:2px dashed var(--hl-rozine); border-radius:14px; padding:9px 16px; font-size:20px; font-weight:900; letter-spacing:.08em; color:var(--hl-ink)}
.hl-nuol-k .hl-btn{padding:11px 18px; font-size:15px}
.hl-cb-nauj{background:#fff0f6; border-radius:14px; padding:10px 12px}
/* Pasiūlymas pilnai Balionų matematikai */
.hl-bm{display:block; background:#ffd84d; color:#3d2a00; text-decoration:none; font-weight:800; font-size:16px; line-height:1.45; padding:14px 20px; border-radius:20px; margin:0 0 18px}
.hl-bm:hover{color:#3d2a00; background:#ffe27a}
.hl-bm b{white-space:nowrap; text-decoration:underline}
.hl-btn small{font-weight:700; opacity:.75}
.hl-btn-off{opacity:.55; cursor:default}
.hl-klase{border:3px solid #eee9f6; border-left-width:10px; border-radius:24px; padding:18px 22px; margin-bottom:16px}
.hl-klase.g-darzelis{border-left-color:var(--hl-oranzine)} .hl-klase.g-k12{border-left-color:var(--hl-melyna)} .hl-klase.g-k34{border-left-color:var(--hl-violetine)} .hl-klase.g-k5{border-left-color:var(--hl-zalia)}
.hl-kv{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.hl-kv h3{margin:0; font-size:26px}
.hl-kmok{margin:4px 0 0; color:#7d7797; font-weight:700; font-size:15px}
.hl-kmok small{font-weight:600}
.hl-kd{color:var(--hl-soft); margin:2px 0 10px; font-weight:700; font-size:14px}
.hl-zym{font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.04em; padding:4px 10px; border-radius:999px}
.hl-zym.ok{background:#e3f6ea; color:#1f8a4c} .hl-zym.laukia{background:#fff4d1; color:#9a6a00} .hl-zym.bad{background:#fde3e6; color:#c0293b}
.hl-ksav{display:flex; gap:10px; flex-wrap:wrap; margin:8px 0}
.hl-ksav div{background:#f7f5fc; border-radius:16px; padding:8px 14px; display:flex; flex-direction:column}
.hl-ksav b{font-size:20px} .hl-ksav small{color:var(--hl-soft); font-weight:700}
.hl-sian{color:#1f8a4c; font-weight:800}
.hl-mygt{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
.hl-forma{border:3px dashed #e6e1f0; border-radius:24px; padding:20px 22px; display:flex; flex-direction:column; gap:12px; max-width:560px; margin-top:6px}
.hl-forma h3{margin:0; font-size:22px}
.hl-forma label{display:flex; flex-direction:column; gap:6px; font-weight:800}
.hl-forma label small{font-weight:600; color:#8a84a3}
.hl-forma .hl-cb{flex-direction:row; align-items:center; gap:10px; font-weight:700}
.hl-forma .hl-cb input{width:24px; height:24px; flex:none}

/* ---------- Taisyklės ---------- */
.hl-taisykles{background:#fff; border-radius:24px; box-shadow:0 10px 30px rgba(46,42,59,.06); padding:16px 24px; margin-top:22px}
.hl-taisykles summary{font-weight:900; cursor:pointer; font-size:18px}
.hl-taisykles li{margin:8px 0; line-height:1.5}

/* ---------- Prizo puslapis ---------- */
.hl-prizas{background:#fff; border-radius:36px; box-shadow:0 10px 30px rgba(46,42,59,.07); padding:34px clamp(16px,4vw,44px); text-align:center}
.hl-prizas h1{font-size:clamp(30px,5vw,48px); margin:6px 0}
.hl-prizas .hl-sub{color:var(--hl-soft); font-weight:700}
.hl-prizo-sarasas, .hl-prizo-pasirinkimas{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px; margin:20px 0}
.hl-prizo-zaid{display:block; font:inherit; font-weight:900; font-size:18px; border:0; border-radius:22px; padding:22px 16px; background:#f0ecfa; color:var(--hl-ink); text-decoration:none; cursor:pointer;
  box-shadow:0 5px 0 #dcd5ef}
.hl-prizo-zaid:nth-child(4n+1){background:#ffe3ef} .hl-prizo-zaid:nth-child(4n+2){background:#dff0ff} .hl-prizo-zaid:nth-child(4n+3){background:#fff4d1} .hl-prizo-zaid:nth-child(4n){background:#e3f6ea}
.hl-prizo-pab{font-size:20px; font-weight:800}
.hl-prizo-pab a{color:var(--hl-rozine)}

@media (max-width:640px){
  .hl-pakyla{gap:8px; grid-template-columns:repeat(3,1fr)}
  .hl-pk-pav{font-size:15px} .hl-pk-t{font-size:22px} .hl-pk-blok{font-size:34px}
  .hl-pk.v1 .hl-pk-blok{height:96px} .hl-pk.v2 .hl-pk-blok{height:70px} .hl-pk.v3 .hl-pk-blok{height:54px}
  .hl-pk-kort{padding:12px 6px 12px; border-radius:18px}
  .hl-kl{display:none} .hl-eil{padding:10px 12px; gap:10px} .hl-tsk{font-size:19px}
  .hl-kas{text-align:left}
}

#hl-taisykles{scroll-margin-top:110px}

/* Dvikovos (2026-10-30) */
.hl-dv{background:#f7f5fc; border-radius:18px; padding:12px 16px; margin:12px 0 0}
.hl-dv-h{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap}
.hl-dv-h .hl-btn{padding:9px 16px; font-size:14px}
.hl-dv ul{list-style:none; margin:10px 0 0; padding:0; display:flex; flex-direction:column; gap:8px}
.hl-dv-l{background:#fff; border-radius:14px; padding:10px 14px; font-weight:700}
.hl-dv-l small{display:block; color:var(--hl-soft); font-weight:700; margin-top:2px}
.hl-dv-l.laimejo{border-left:6px solid var(--hl-auksas)}
.hl-dv-l.pralaimejo, .hl-dv-l.neivyko{border-left:6px solid #ddd8ea}
.hl-dv-l.lygiosios{border-left:6px solid var(--hl-melyna)}
.hl-dv-tsk{margin-left:8px; white-space:nowrap}
.hl-dv-nuor{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:8px}
.hl-dv-nuor input{flex:1 1 220px; min-width:0; font-size:13px; padding:8px 10px}
.hl-dv-nuor .hl-btn{padding:8px 14px; font-size:14px}
.hl-dv-f{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:10px}
.hl-dv-f label{display:flex; flex-direction:column; gap:4px; font-weight:800; font-size:14px}
.hl-dv-f .hl-pastaba, .hl-dv-f .hl-klaida{flex-basis:100%; text-align:left; margin:4px 0 0}
.hl-dv-pst{text-align:left}
.hl-dv-kv{border:3px dashed var(--hl-rozine); background:#fff5fa; border-radius:24px; padding:18px 22px; margin:0 0 18px}
.hl-dv-kv h3{margin:0 0 8px; font-size:20px}
.hl-dv-kv .hl-pastaba{text-align:left}
.hl-dv-pran{background:#e7f8ee; color:#1f8a4c; font-weight:800; border-radius:14px; padding:10px 14px}
.hl-dv-kur{font-weight:600; color:var(--hl-soft)}
.hl-dv-kv{scroll-margin-top:90px}
.hl-dv-sian{background:#fff5fa; border:2px solid var(--hl-rozine); border-radius:14px; padding:10px 14px; font-weight:800}
.hl-dv-skelb{background:#fff5fa; border:3px dashed var(--hl-rozine); border-radius:20px; padding:14px 18px; margin:0 0 16px; text-align:center; font-weight:700}
.hl-dv-skelb b{color:var(--hl-rozine)}
/* Dvikovos su pilna versija (2026-10-30) */
.hl-dv-forma{flex-direction:column; align-items:flex-start}
.hl-dv-tipai, .hl-dv-ops{display:flex; flex-wrap:wrap; gap:6px 16px}
.hl-dv-uzd{display:flex; flex-wrap:wrap; gap:10px 16px; background:#fff; border-radius:14px; padding:10px 14px}
.hl-dv-uzr{opacity:.55}
.hl-dv-pas{background:#fff8d6; border-radius:14px; padding:10px 14px; font-weight:700; width:100%}
.hl-dv-pas p{margin:0 0 8px}
.hl-dv-pas .hl-btn{padding:9px 16px; font-size:14px}
.hl-dv-myg{margin-top:8px}
.hl-dv-myg .hl-btn{padding:9px 16px; font-size:14px}
.hl-dv-l.siandien{border:2px solid var(--hl-rozine)}
.hl-dv-f label.hl-cb{flex-direction:row; align-items:center; gap:8px; font-weight:700}
.hl-dv-f label.hl-cb input{width:auto; margin:0}