/* Anketa na konferenci 21. 10. 2026: hlasování (mobil) a výsledky (projekce). Barvy a písmo z tokens.css (brand board 2026). */
*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;min-height:100dvh;background:var(--db-zelena-prechod);background-attachment:fixed;color:var(--db-lomena);font-family:var(--db-text);line-height:1.45;-webkit-font-smoothing:antialiased}
h1,h2{font-family:var(--db-nadpis);font-weight:600;letter-spacing:-.02em;margin:0}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--db-zlata);outline-offset:3px}

/* ---------- Hlasování (mobil) ---------- */
.hlas{max-width:560px;margin:0 auto;padding:22px 18px 40px}
.hlas-logo{display:block;width:96px;height:auto;margin:0 auto 26px}
.hlas-eyebrow{text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--db-zlata);margin:0 0 10px}
.hlas h1{font-size:clamp(26px,7vw,34px);line-height:1.15;text-align:center}
.hlas-sub{text-align:center;color:var(--db-tlumena);margin:12px 0 24px;font-size:15px}
.moznosti{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.moznost{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:15px 16px;border-radius:var(--db-radius-karta);border:1px solid var(--db-linka);background:rgba(246,244,233,.07);font-size:17px;line-height:1.3;transition:background .2s,border-color .2s,transform .1s}
.moznost:active{transform:scale(.99)}
.moznost:hover{background:rgba(246,244,233,.12)}
.moznost .c{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(234,219,170,.16);color:var(--db-zlata);font-family:var(--db-nadpis);font-weight:600;font-size:15px}
.moznost[aria-pressed=true]{background:var(--db-broskev);color:var(--db-broskev-text);border-color:var(--db-broskev)}
.moznost[aria-pressed=true] .c{background:var(--db-broskev-text);color:var(--db-broskev)}
.jine-box{display:none;margin-top:10px;padding:14px;border-radius:var(--db-radius-karta);background:rgba(246,244,233,.07);border:1px solid var(--db-linka)}
.jine-box.open{display:block}
.jine-box label{display:block;font-size:14px;color:var(--db-tlumena);margin-bottom:8px}
.jine-box input{width:100%;padding:13px 14px;border-radius:var(--db-radius);border:1px solid var(--db-linka);background:var(--db-lomena);color:var(--db-hluboka);font:inherit;font-size:16px}
.jine-box .pocet{font-size:12px;color:var(--db-tlumena);text-align:right;margin-top:4px}
.btn{display:inline-flex;justify-content:center;align-items:center;width:100%;margin-top:12px;padding:15px 20px;border:0;border-radius:var(--db-radius);background:var(--db-broskev);color:var(--db-broskev-text);font-weight:600;font-size:17px}
.btn:disabled{opacity:.6;cursor:default}
.stav{min-height:1.4em;margin:14px 0 0;text-align:center;font-size:15px;color:var(--db-zlata)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.diky{display:none;text-align:center;padding:48px 10px 20px}
.diky .znak{width:74px;height:74px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;background:var(--db-zlata);color:var(--db-hluboka);font-size:34px;font-weight:700}
.diky h2{font-size:30px;line-height:1.2}
.diky p{color:var(--db-tlumena);font-size:17px;margin:12px 0 0}
.hotovo .diky{display:block}
.hotovo .hlasovani{display:none}
.hlas-pata{text-align:center;font-size:12px;color:var(--db-tlumena);opacity:.8;margin-top:34px}

/* ---------- Výsledky (projekce 16:9) ---------- */
.proj{background:var(--db-hluboka);background-image:radial-gradient(ellipse at 78% 110%,rgba(234,219,170,.14),transparent 60%),radial-gradient(ellipse at 0% 0%,rgba(73,100,84,.55),transparent 55%);height:100vh;height:100dvh;overflow:hidden}
.vys{height:100%;display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,19vw,330px);gap:4vw;padding:4.2vh 4.5vw 3.5vh}
.vys-hlavni{display:flex;flex-direction:column;min-height:0}
.vys-hlava{display:flex;align-items:flex-end;justify-content:space-between;gap:3vw;margin-bottom:3.6vh}
.vys-eyebrow{font-size:clamp(12px,1.05vw,18px);letter-spacing:.16em;text-transform:uppercase;color:var(--db-zlata);margin:0 0 1vh}
.vys h1{font-size:clamp(40px,4.6vw,88px);line-height:1}
.vys-celkem{text-align:right;white-space:nowrap}
.vys-celkem strong{display:block;font-family:var(--db-nadpis);font-weight:600;font-size:clamp(48px,5.6vw,110px);line-height:.95;color:var(--db-zlata);font-variant-numeric:tabular-nums}
.vys-celkem span{font-size:clamp(14px,1.25vw,22px);color:var(--db-tlumena)}
.top{display:flex;flex-direction:column;gap:2.4vh}
.radek{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.6vh 2vw}
.radek .nazev{font-family:var(--db-nadpis);font-weight:600;line-height:1.1}
.radek .n{font-family:var(--db-nadpis);font-weight:600;color:var(--db-zlata);font-variant-numeric:tabular-nums;white-space:nowrap}
.radek .n small{font-family:var(--db-text);font-weight:400;color:var(--db-tlumena);margin-left:.4em}
.pruh{grid-column:1/-1;height:var(--h);border-radius:999px;background:rgba(246,244,233,.08);overflow:hidden}
.pruh i{display:block;height:100%;width:var(--w,0%);border-radius:inherit;background:var(--db-zlata-prechod);transition:width .9s cubic-bezier(.2,.8,.2,1)}
.top .radek{--h:clamp(14px,1.6vh,22px)}
.top .radek .nazev{font-size:clamp(26px,2.7vw,52px)}
.top .radek .n{font-size:clamp(30px,3vw,58px)}
.top .radek:first-child .pruh i{background:linear-gradient(90deg,#DFAA85,#EADBAA)}
.ostatni{display:grid;grid-template-columns:1fr 1fr;gap:1.6vh 3vw;margin-top:4vh;padding-top:3vh;border-top:1px solid var(--db-linka)}
.ostatni .radek{--h:6px}
.ostatni .radek .nazev{font-size:clamp(15px,1.25vw,24px);font-weight:400;color:var(--db-tlumena)}
.ostatni .radek .n{font-size:clamp(16px,1.35vw,26px)}
.vys-bok{display:flex;flex-direction:column;gap:3vh;min-height:0}
.qr-karta{background:var(--db-lomena);color:var(--db-hluboka);border-radius:var(--db-radius-karta);padding:clamp(12px,1.2vw,20px);text-align:center}
.qr-karta img{display:block;width:100%;height:auto;border-radius:6px}
.qr-karta p{margin:1vh 0 0;font-size:clamp(13px,1.05vw,19px);font-weight:600}
.qr-karta span{display:block;font-weight:400;font-size:clamp(11px,.85vw,15px);opacity:.75}
.citace{flex:1;min-height:0;overflow:hidden}
.citace h2{font-size:clamp(13px,1vw,18px);font-family:var(--db-text);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--db-zlata);margin-bottom:1.4vh}
.citace ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.2vh}
.citace li{font-size:clamp(14px,1.15vw,21px);line-height:1.35;padding:1vh 1vw;border-left:3px solid var(--db-broskev);background:rgba(246,244,233,.06);border-radius:0 8px 8px 0;font-style:italic}
.cekame{grid-column:1/-1;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3vh}
.prazdne .cekame{display:flex}
.prazdne .vys-hlavni,.prazdne .vys-bok{display:none}
.cekame h1{font-size:clamp(44px,5.4vw,100px)}
.cekame>p:not(.vys-eyebrow){font-size:clamp(18px,1.8vw,34px);color:var(--db-tlumena);margin:0}
.cekame .qr-karta{width:clamp(240px,26vw,460px)}
.oznameni{position:fixed;left:50%;bottom:3vh;transform:translateX(-50%);padding:12px 22px;border-radius:999px;background:var(--db-broskev);color:var(--db-broskev-text);font-weight:600;display:none}
.oznameni.on{display:block}
@media (max-aspect-ratio:4/3){.vys{grid-template-columns:1fr}.vys-bok{display:none}}
/* výběr až tří možností: odesílací lišta přilepená dole */
.moznost:disabled{opacity:.42;cursor:default}
.moznost:disabled:active{transform:none}
.odeslat-lista{position:sticky;bottom:0;margin:16px -18px 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(36,60,52,0),rgba(36,60,52,.92) 30%);display:flex;flex-direction:column;align-items:center;gap:6px}
.odeslat-lista .vybrano{font-size:14px;color:var(--db-zlata)}
.odeslat-lista .btn{margin-top:0}
/* Výsledky: logo a klíčící mince (Cena začíná uvnitř) */
.vys-logo{display:block;width:clamp(90px,7.5vw,150px);height:auto;margin:0 0 2.2vh}
.cekame .vys-logo{margin:0 auto 1vh;width:clamp(110px,9vw,180px)}
.vys,.oznameni{position:relative;z-index:1}
.vys-mince{position:fixed;z-index:0;right:-2vw;bottom:-6vh;width:clamp(260px,25vw,520px);height:auto;pointer-events:none;opacity:.95;filter:drop-shadow(0 30px 50px rgba(10,24,19,.55)) saturate(.9);animation:mince-plave 9s ease-in-out infinite}
.prazdne .vys-mince{right:4vw;bottom:auto;top:50%;width:clamp(280px,27vw,560px);transform:translateY(-50%);animation:none;opacity:.9}
.prazdne .cekame{padding-right:22vw}
@keyframes mince-plave{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-16px) rotate(1.5deg)}}
@media (prefers-reduced-motion:reduce){.vys-mince{animation:none}}
.cekame{gap:2.2vh}
.cekame h1{font-size:clamp(40px,4.3vw,84px);line-height:1.08}
.cekame .qr-karta{width:clamp(190px,17vw,330px)}
.cekame .vys-logo{width:clamp(90px,7vw,140px)}
/* Druhý pohled: kdo se dnes sešel v sále (sabotéři) */
[hidden]{display:none!important}
.pohled-typy{display:flex;flex-direction:column;gap:3vh;min-height:0}
.typ-vitez{padding:2.4vh 2vw;border-radius:var(--db-radius-karta);background:linear-gradient(110deg,rgba(234,219,170,.16),rgba(234,219,170,.04));border:1px solid rgba(234,219,170,.28)}
.typ-vitez p{margin:0;font-size:clamp(14px,1.2vw,22px);letter-spacing:.12em;text-transform:uppercase;color:var(--db-tlumena)}
.typ-vitez strong{display:block;font-family:var(--db-nadpis);font-weight:600;font-size:clamp(44px,5vw,96px);line-height:1.05;color:var(--db-zlata);margin:.6vh 0}
.typ-vitez q{font-size:clamp(18px,1.7vw,32px);font-style:italic;color:var(--db-lomena)}
.typ-vitez q:empty{display:none}
.typy{display:flex;flex-direction:column;gap:2vh}
.typ{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.6vh 2vw;--h:clamp(10px,1.2vh,16px)}
.typ-nazev b{font-family:var(--db-nadpis);font-weight:600;font-size:clamp(22px,2.1vw,40px);margin-right:.8vw}
.typ-nazev span{font-size:clamp(14px,1.2vw,22px);color:var(--db-tlumena);font-style:italic}
.typ .n{font-family:var(--db-nadpis);font-weight:600;font-size:clamp(22px,2.1vw,40px);color:var(--db-zlata);font-variant-numeric:tabular-nums}
.typ.je-vitez .pruh i{background:linear-gradient(90deg,#DFAA85,#EADBAA)}
.prepinac{position:fixed;z-index:2;left:4.5vw;bottom:2.4vh;padding:9px 16px;border-radius:999px;border:1px solid var(--db-linka);background:rgba(246,244,233,.06);color:var(--db-tlumena);font-size:clamp(12px,.9vw,16px);opacity:.75}
.prepinac:hover{opacity:1;color:var(--db-lomena)}
.prazdne .prepinac{display:none}
/* Krok 1: výběr sabotéra s obrázky */
.saboteri{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sabot{width:100%;display:block;padding:0;text-align:left;border-radius:var(--db-radius-karta);overflow:hidden;border:1px solid var(--db-linka);background:rgba(246,244,233,.07);transition:transform .1s,border-color .2s}
.sabot:active{transform:scale(.99)}
.sabot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.sabot-txt{display:block;padding:12px 16px 14px}
.sabot-txt b{display:block;font-family:var(--db-nadpis);font-weight:600;font-size:22px;color:var(--db-zlata)}
.sabot-txt i{display:block;font-size:15px;color:var(--db-tlumena);margin-top:2px}
.sabot[aria-pressed=true]{border-color:var(--db-broskev);box-shadow:0 0 0 2px var(--db-broskev)}
.nevim{display:block;margin:18px auto 0;padding:10px 14px;border:0;background:none;color:var(--db-tlumena);text-decoration:underline;font-size:14px}
.zpet{display:inline-block;margin:0 0 16px;padding:8px 14px;border-radius:999px;border:1px solid var(--db-linka);background:rgba(246,244,233,.06);color:var(--db-tlumena);font-size:14px}
.zpet b{color:var(--db-zlata);font-weight:600}
.krok-2{text-align:left}.krok-2 .zpet{display:table;margin-left:auto;margin-right:auto}
/* Výsledky v2 (18. 10.): sabotéři v sále nahoře, TOP 3 tvrzení pod nimi */
.vys-hlava{margin-bottom:2.4vh}
.vys h1{font-size:clamp(36px,3.8vw,74px)}
.vys-logo{margin-bottom:1.4vh;width:clamp(80px,6vw,120px)}
.typy-rada{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.1vw;margin-bottom:3.2vh}
.typ-karta{border-radius:var(--db-radius-karta);overflow:hidden;background:rgba(246,244,233,.06);border:1px solid var(--db-linka);transition:border-color .4s,box-shadow .4s}
.typ-karta img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.typ-telo{padding:1.2vh .9vw 1.4vh;--h:8px}
.typ-telo b{display:block;font-family:var(--db-nadpis);font-weight:600;font-size:clamp(17px,1.45vw,28px)}
.typ-n{font-family:var(--db-nadpis);font-weight:600;font-size:clamp(26px,2.4vw,46px);color:var(--db-zlata);line-height:1.1;margin:.4vh 0 .9vh;font-variant-numeric:tabular-nums}
.typ-n small{font-family:var(--db-text);font-weight:400;font-size:.45em;color:var(--db-tlumena);margin-left:.35em}
.typ-n em{font-style:normal;font-family:var(--db-text);font-weight:600;font-size:.45em;color:var(--db-lomena);float:right;margin-top:.9em}
.typ-karta.je-vitez{border-color:var(--db-broskev);box-shadow:0 0 0 2px var(--db-broskev),0 18px 40px rgba(10,24,19,.45)}
.typ-karta.je-vitez .pruh i{background:linear-gradient(90deg,#DFAA85,#EADBAA)}
.vys-h2{font-size:clamp(20px,1.7vw,32px);margin:0 0 1.6vh;color:var(--db-lomena)}
.top{gap:1.6vh}
.top .radek{--h:clamp(10px,1.2vh,16px)}
.top .radek .nazev{font-size:clamp(20px,1.9vw,36px)}
.top .radek .n{font-size:clamp(22px,2vw,38px)}
.pohled-vse .ostatni{margin-top:0;padding-top:0;border-top:0}
.prepinac{left:auto;right:calc(4.5vw + clamp(220px,19vw,330px) + 4vw)}
/* Krok 1 na mobilu: kompaktní karty (obrázek vlevo, text vpravo), ať je všech 5 vidět skoro bez posouvání */
.saboteri{gap:10px}
.sabot{display:grid;grid-template-columns:40% 1fr;align-items:center}
.sabot img{aspect-ratio:4/3;height:100%}
.sabot-txt{padding:10px 14px}
.sabot-txt b{font-size:20px}
.sabot-txt i{font-size:14px;line-height:1.3}
.odeslat-lista{background:rgba(36,60,52,.97);border-top:1px solid var(--db-linka);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-top:10px}
/* ---------- Test v telefonu (18. 10.): 10 tvrzení se škálou 1–5, výsledek, report e-mailem ---------- */
.hlas-sub b{color:var(--db-zlata)}
.tvrzeni{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.tv{padding:16px;border-radius:var(--db-radius-karta);border:1px solid var(--db-linka);background:rgba(246,244,233,.07);transition:border-color .2s,background .2s}
.tv.hotove{border-color:rgba(234,219,170,.35);background:rgba(234,219,170,.07)}
.tv-nadpis{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:17px;line-height:1.3}
.tv-nadpis .c{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(234,219,170,.16);color:var(--db-zlata);font-family:var(--db-nadpis);font-weight:600;font-size:14px}
.tv-nadpis b{font-weight:700}
.tv-text{margin:6px 0 12px 40px;font-size:14px;color:var(--db-tlumena);line-height:1.4}
.skala{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.skala button{height:46px;border-radius:10px;border:1px solid var(--db-linka);background:rgba(246,244,233,.08);font-family:var(--db-nadpis);font-weight:600;font-size:19px;color:var(--db-lomena)}
.skala button[aria-checked=true]{background:var(--db-broskev);border-color:var(--db-broskev);color:var(--db-broskev-text)}
.vysledek{text-align:center}
.vysl-typ{margin-bottom:18px}
.vysl-typ img{display:block;width:100%;height:auto;border-radius:var(--db-radius-karta);margin-bottom:16px;box-shadow:0 18px 40px rgba(10,24,19,.45)}
.vysl-uvod{margin:0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--db-tlumena)}
.vysl-typ h1{font-size:44px;color:var(--db-zlata);margin:4px 0 8px}
.vysl-typ q{display:block;font-style:italic;font-size:18px;line-height:1.4}
.vysl-popis{margin:12px 0 0;color:var(--db-tlumena);font-size:15px;line-height:1.5}
.vysl-popis:empty{display:none}
.vysl-pasmo{margin:22px 0 0;padding:16px;border-radius:var(--db-radius-karta);background:rgba(246,244,233,.07);border:1px solid var(--db-linka);text-align:left}
.vysl-soucet{margin:0 0 6px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--db-zlata)}
.vysl-pasmo h2{font-size:21px;line-height:1.25}
.vysl-pasmo-text{margin:8px 0 0;color:var(--db-tlumena);font-size:15px;line-height:1.5}
.vysl-opiste{margin:22px 0 4px;font-size:15px;line-height:1.5}
.vysl-cta{text-decoration:none}
/* Další krok: 15min hovor zdarma (pod výsledkem) */
.vysl-krok{margin:22px 0 0;padding:18px 16px;border-radius:var(--db-radius-karta);background:rgba(234,219,170,.08);border:1px solid rgba(234,219,170,.3);text-align:left}
.vysl-krok h3{margin:0 0 6px;font-family:var(--db-nadpis);font-size:21px;color:var(--db-zlata)}
.vysl-krok p{margin:0;font-size:15px;line-height:1.5;color:var(--db-tlumena)}
.vysl-krok .btn{text-decoration:none;margin-top:14px}
.report .odber-pozn{margin:0;font-size:13px;color:#5d6a62}
.report{margin:26px 0 0;padding:18px 16px;border-radius:var(--db-radius-karta);background:var(--db-lomena);color:var(--db-hluboka);text-align:left;display:flex;flex-direction:column;gap:10px}
.report h3{margin:0;font-family:var(--db-nadpis);font-size:21px}
.report>p{margin:0;font-size:15px;line-height:1.45}
.report input[type=email]{width:100%;padding:13px 14px;border-radius:var(--db-radius);border:1px solid #c9c6b5;background:#fff;color:var(--db-hluboka);font:inherit;font-size:16px}
.report .odber-label{font-size:14px;margin-bottom:-4px}
.report .odber-consent{font-size:14px;color:var(--db-hluboka)}
.report .odber-consent a{color:inherit}
.report .odber-err{color:#a4472b}
.report .btn{margin-top:4px}
.report.is-done .btn{opacity:.8}
.report-stav{margin:0;font-size:14px}.report-stav:empty{display:none}
.vysl-platno{margin:22px 0 0;font-size:14px;color:var(--db-tlumena)}
/* Úvodní otázka: jak teď pracujete */
.prace{margin:18px 0 6px;padding:14px;border-radius:var(--db-radius-karta);background:rgba(234,219,170,.08);border:1px solid rgba(234,219,170,.25)}
.prace-otazka{margin:0 0 10px;font-family:var(--db-nadpis);font-weight:600;font-size:18px;text-align:center}
.prace-volby{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.prace-volby button{padding:12px 8px;border-radius:10px;border:1px solid var(--db-linka);background:rgba(246,244,233,.08);font-size:15px;font-weight:600}
.prace-volby button[aria-checked=true]{background:var(--db-broskev);border-color:var(--db-broskev);color:var(--db-broskev-text)}
.hlas-pozn{margin:-14px 0 20px;text-align:center;font-size:13px;line-height:1.45;color:var(--db-tlumena)}
/* plátno: složení sálu pod počtem */
.vys-prace{display:block;margin-top:.6vh;font-size:clamp(12px,1vw,18px);color:var(--db-tlumena)}
/* Shoda dvou sabotérek: žena vybere bližší */
.shoda-uvod h1{font-size:28px;line-height:1.2;color:var(--db-zlata);margin:6px 0 8px}
.shoda-uvod p{margin:0 0 16px;color:var(--db-lomena);font-size:16px}
.vysl-typ.mala{padding:12px;border-radius:var(--db-radius-karta);border:1px solid var(--db-linka);background:rgba(246,244,233,.07);cursor:pointer}
.vysl-typ.mala img{margin-bottom:10px;box-shadow:none}
.vysl-typ.mala h1{font-size:30px;margin:0 0 4px}
.vysl-typ.mala q{font-size:16px}
.vysl-typ.volitelna:active{transform:scale(.99)}
.vysl-typ.volitelna::after{content:'Tohle jsem spíš já';display:block;margin-top:12px;padding:12px;border-radius:var(--db-radius);background:var(--db-broskev);color:var(--db-broskev-text);font-weight:600}
.ceka-volba .vysl-pasmo,.ceka-volba .vysl-opiste,.ceka-volba .vysl-cta,.ceka-volba .vysl-krok,.ceka-volba .report,.ceka-volba .vysl-platno{display:none}
.shoda-dalsi{margin:-4px 0 0;font-size:14px;color:var(--db-tlumena)}
.hlas-pata a{color:var(--db-zlata)}