/* ===== Hon na kápisty – hra (vlna 2) ===== */
body.v-hre{overflow:hidden;overscroll-behavior:none}
.consent{z-index:90}
.hra{position:fixed;inset:0;z-index:40;background:#070707;color:var(--paper);text-align:left}
.hra .hra__mapa{position:absolute;inset:0;width:auto;height:auto}
.hra__mlha{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(circle at 50% 46%,transparent 0 30%,rgba(8,8,8,.35) 55%,rgba(8,8,8,.9) 88%)}
.hra__top{position:absolute;top:max(14px,env(safe-area-inset-top));left:14px;right:14px;z-index:10;display:flex;justify-content:space-between;align-items:center}
.logo-s{display:flex;align-items:center;gap:7px;font:700 13px/1 var(--display);letter-spacing:.03em;white-space:nowrap;color:var(--red-hi)}
.logo-s img{width:22px;height:auto}
.help{position:relative;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(212,175,55,.45);border-radius:50%;background:rgba(8,8,8,.7);color:var(--gold-3);font:700 14px/1 var(--display);text-decoration:none}
.hra__alert{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 42px);left:14px;right:14px;z-index:10;padding:12px 14px;border:1px solid rgba(212,175,55,.35);background:rgba(8,8,8,.82);backdrop-filter:blur(8px)}
.hra__alert--zive{border-color:rgba(204,21,19,.55);background:linear-gradient(180deg,rgba(60,6,6,.88),rgba(18,4,4,.88))}
.hra__alert small{display:block;font:700 10px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:#ff8a86}
.hra__alert strong{display:block;margin-top:6px;font:700 17px/1.15 var(--display);color:#fff}
.hra__alert .t{display:flex;align-items:baseline;gap:8px;margin-top:6px;color:#e8c9c4;font-size:12px}
.hra__alert .t b{font:700 22px/1 var(--display);color:var(--gold-3);font-variant-numeric:tabular-nums}
.hra__sheet{position:absolute;left:0;right:0;bottom:0;z-index:10;display:grid;gap:10px;padding:28px 16px calc(18px + env(safe-area-inset-bottom) + var(--consent-h,0px));background:linear-gradient(180deg,rgba(11,11,12,0),rgba(11,11,12,.92) 22%,#0b0b0c)}
.tl{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:4px}
.mesto{padding:7px 2px;text-align:center;border-top:2px solid #2a2a2a;font:600 10.5px/1.25 var(--sans);color:#a39d90}
.mesto b{display:block;font:700 11px/1.2 var(--sans);color:#a39d90}
.mesto--konec{border-color:#4a2020;color:#8a847a}
.mesto--konec b{text-decoration:line-through;color:#8a847a}
.mesto--odhaleno,.mesto--rozdava,.mesto--pozastaveno{border-color:var(--red);color:#f0b7b3}
.mesto--odhaleno b,.mesto--rozdava b,.mesto--pozastaveno b{color:#fff}
.hra__sazka{display:grid;gap:4px;width:100%;padding:10px 12px;border:1px solid rgba(236,200,100,.45);background:rgba(20,16,4,.9);color:#e9e3d6;font:500 13px/1.4 var(--sans);text-align:left;cursor:pointer}
.hra__sazka [data-sazka-rada]{font:700 16px/1.2 var(--display);color:var(--gold-3)}
.hra__sazka-pozn{font-size:11.5px;color:#a39d90}
.hra__sazka small{display:block;font:700 10px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-3)}
.hra__info{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid rgba(212,175,55,.55);background:rgba(10,24,22,.75);color:var(--paper);font:600 14px/1.4 var(--sans);text-align:left;cursor:pointer}
.hra__info::after{content:"›";flex-shrink:0;color:var(--gold-3);font:400 28px/1 var(--sans)}
.hra__chyba{position:absolute;top:45%;left:0;right:0;padding:0 30px;text-align:center;color:#777}
.maplibregl-ctrl-attrib{font-size:9px!important;background:rgba(0,0,0,.5)!important;color:#777!important}
.maplibregl-ctrl-attrib a{color:#999!important}

/* ----- obrazovky přes mapu ----- */
.obrazovka{position:fixed;inset:0;z-index:60;overflow-y:auto;overscroll-behavior:contain;padding:max(24px,env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));background:var(--ink);color:var(--paper);text-align:center}
.obrazovka::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.zavri{position:absolute;top:max(12px,env(safe-area-inset-top));right:14px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:rgba(0,0,0,.5);color:var(--gold-3);font:400 24px/1 var(--sans);cursor:pointer}
/* ----- pečeť ----- */
.pecet{background:radial-gradient(90% 60% at 50% 40%,rgba(26,92,84,.35),transparent 70%),var(--ink)}
.pecet .eyebrow{margin-top:40px}
.pecet h2{margin:10px 0 2px;font:700 28px/1.1 var(--display)}
.pecet .sub{margin:0 10px;color:#b9b3a6;font-size:13px}
.seal-qr{position:relative;width:min(276px,80vw);aspect-ratio:1;margin:22px auto 0;display:grid;place-items:center}
.seal-qr svg.ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.qrbox{width:80%;aspect-ratio:1;padding:10px;background:#f4efe3;border-radius:6px;box-shadow:0 0 0 1px var(--gold-2),0 0 40px -6px rgba(236,200,100,.45)}
.qrbox svg{width:100%;height:100%;display:block}
.timer{margin-top:10px;font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#8fa59d}
.code{margin:16px auto 0;display:inline-block;min-width:9ch;padding:8px 14px;border:1px dashed rgba(212,175,55,.45);font:700 22px/1 var(--display);letter-spacing:.14em;color:var(--gold-3)}
.codehint{margin:6px 0 0;font-size:12px;color:#a39d90}
.kopirovat{display:inline-block;margin:8px 0 0 8px;padding:10px 14px;border:1px solid rgba(212,175,55,.45);border-radius:20px;background:transparent;color:var(--gold-3);font:600 11px/1 var(--sans);letter-spacing:.06em;cursor:pointer}
.kopirovat:active{background:rgba(212,175,55,.14)}
.card .kopirovat{margin-top:8px;font-size:10px;padding:5px 10px}
.state{display:flex;gap:10px;align-items:center;max-width:420px;margin:22px auto 0;padding:12px 14px;border:1px solid rgba(212,175,55,.25);background:rgba(8,20,19,.8);text-align:left;font-size:12px;color:#cfc9bc}
.state i{flex:0 0 10px;height:10px;border-radius:50%;background:#36c28a;box-shadow:0 0 12px #36c28a}

/* ----- nabídka (neutrální maska, rudá atmosféra) ----- */
.nabidka,.smer{background:radial-gradient(120% 60% at 50% 0%,rgba(204,21,19,.30),rgba(60,4,4,.25) 45%,transparent 80%),#070707}
.nabidka__maska{width:84px;height:auto;margin:12px auto 0;display:block;filter:drop-shadow(0 0 30px rgba(236,200,100,.3))}
.nabidka__nad{display:block;margin-top:14px;font:700 10px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:#ff8a86}
.nabidka h2,.smer h2{margin:8px 0;font:700 28px/1.1 var(--display);color:#fff;text-shadow:0 0 30px rgba(227,35,31,.6)}
.nabidka__text{max-width:420px;margin:0 auto;color:#e5d2cf;font-size:14px}
.nabidka__rada{display:flex;gap:14px;align-items:center;max-width:420px;margin:18px auto 0;padding:12px;border:1px solid rgba(236,200,100,.45);background:rgba(20,16,4,.7);text-align:left}
.nabidka__rada p{margin:0;font:700 17px/1.25 var(--display);color:var(--gold-3)}
.mini{flex:0 0 84px;width:84px;height:84px}
.mini path{fill:rgba(212,175,55,.06);stroke:rgba(212,175,55,.35)}
.mini path.on{fill:rgba(236,200,100,.55);stroke:#ecc864}
.mini text{fill:#a39d90;font:700 16px var(--sans)}
.nabidka__info{max-width:420px;margin:12px auto 0;color:#ffd2cf;font-size:13px}
.opts{display:grid;gap:6px;max-width:420px;margin:22px auto 0}
.opts small{margin:0 0 8px;color:#c9aaa6;font-size:11.5px}
.btn--ghost{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(0,0,0,.35)}
.btn--red{border-color:var(--red);background:var(--red);color:#fff}
.risk{margin-top:4px;font-size:12px;color:#d98f8a}
/* ----- obálka (z mockupu, obrazovka 5) ----- */
.obalka{background:radial-gradient(90% 55% at 50% 45%,rgba(212,175,55,.16),transparent 70%),var(--ink)}
.obalka .eyebrow{margin-top:40px}
.obalka h2{margin:10px 0 0;font:700 26px/1.1 var(--display)}
.env{position:relative;width:268px;height:184px;margin:120px auto 0;cursor:pointer;perspective:800px}
.env:focus-visible{outline:2px solid var(--gold-3);outline-offset:6px}
.env .back{position:absolute;inset:0;background:linear-gradient(160deg,#e9dfc6,#cdbd97);border-radius:4px;box-shadow:0 30px 50px -20px #000}
.env .card{position:absolute;left:14px;right:14px;top:12px;height:160px;padding:14px 12px;background:#0f0f10;border:1px solid var(--gold-2);transition:transform .9s cubic-bezier(.2,.8,.2,1) .35s,opacity .2s ease .3s;opacity:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}
.env .front{position:absolute;inset:0;z-index:3;background:linear-gradient(to top right,#d8caa6 49.6%,transparent 50%) left/50% 100% no-repeat,linear-gradient(to top left,#d2c39c 49.6%,transparent 50%) right/50% 100% no-repeat;border-radius:4px;pointer-events:none}
.env .flap{position:absolute;left:0;right:0;top:0;height:112px;z-index:4;transform-origin:top;transition:transform .6s ease;background:linear-gradient(to bottom,#e3d6b5,#cbb98f);clip-path:polygon(0 0,100% 0,50% 100%)}
.wax{position:absolute;left:50%;top:84px;width:64px;height:64px;margin-left:-32px;z-index:5;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e8413c,#a30d0b 55%,#5e0605);box-shadow:0 4px 10px rgba(0,0,0,.5),inset 0 -3px 6px rgba(0,0,0,.35);display:grid;place-items:center;transition:transform .45s ease,opacity .45s ease}
.wax::before{content:"";position:absolute;inset:-5px;border-radius:47% 53% 44% 56%/52% 45% 55% 48%;background:inherit;z-index:-1;filter:brightness(.85)}
.wax img{width:34px;filter:brightness(.25) sepia(1) hue-rotate(-30deg);opacity:.8}
.env.open .wax{transform:translateY(20px) scale(.6) rotate(25deg);opacity:0}
.env.open .flap{transform:rotateX(180deg);z-index:1}
.env.open .card{transform:translateY(-96px);opacity:1}
.card small{font:700 10px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#bda77a}
.card strong{margin-top:8px;font:700 20px/1.1 var(--display)}
.card span{margin-top:6px;font-size:12px;color:#d7d1c4;word-break:break-all}
.tap{margin-top:36px;font:600 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-3);animation:blink 1.8s ease-in-out infinite}
@keyframes blink{50%{opacity:.6}}
.after{display:grid;gap:10px;max-width:420px;margin:24px auto 0;opacity:0;transform:translateY(10px);transition:opacity .5s ease 1.2s,transform .5s cubic-bezier(.23,1,.32,1) 1.2s}
.obalka.won .after{opacity:1;transform:none}
.obalka.won .tap{visibility:hidden}
.after p{margin:0;font-size:13px;color:#b9b3a6}
.odhaleni{display:flex;gap:10px;align-items:center;text-align:left;color:#ece6da!important;font-size:14px!important}
.odhaleni img{flex:0 0 40px;height:auto}
.burst{position:absolute;left:50%;top:300px;width:2px;height:2px;z-index:6}
.burst i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold-3);opacity:0}
.obalka.won .burst i{animation:spark 1.2s ease-out forwards .5s}
@keyframes spark{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--x),var(--y))}}
/* ----- vyřazen ----- */
.vyrazen{background:radial-gradient(120% 70% at 50% 30%,rgba(90,10,10,.45),#070707 75%),#070707}
.vyrazen__maska{width:130px;height:auto;margin:48px auto 0;display:block;filter:grayscale(.6) drop-shadow(0 0 30px rgba(227,35,31,.35))}
.vyrazen small{display:block;margin-top:14px;font:700 10px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:#ff8a86}
.vyrazen h2{margin:10px 0;font:700 32px/1.05 var(--display);color:#fff}
.vyrazen p{max-width:420px;margin:0 auto 12px;color:#e5d2cf}
.vyrazen .btn{max-width:420px;margin:18px auto 0}
@media (prefers-reduced-motion:reduce){.env .card,.env .flap,.wax,.after{transition:none}.obalka.won .burst i,.tap{animation:none}}
/* ----- CTA registrace nahoře v listu mapy (živé kolo, neregistrovaný návštěvník) ----- */
[data-registrovat]{margin-bottom:4px}

/* ----- kápista ----- */
.kap__znak{width:88px;height:auto;margin:12px auto 6px;display:block}
.kap section{margin-top:12px}
.kap__video{position:relative;width:100%;max-width:420px;aspect-ratio:3/4;margin:14px auto;background:#000;border:1px solid var(--line);overflow:hidden}
.kap__video video{width:100%;height:100%;object-fit:cover}
.kap__ramecek{position:absolute;inset:18%;border:2px solid rgba(236,200,100,.8);box-shadow:0 0 0 999px rgba(0,0,0,.35)}
.kap__rucne{display:grid;gap:8px;max-width:420px;margin:18px auto 0;text-align:left}
.kap__rucne label{font:700 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-3)}
.kap__rucne .field{font:700 22px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;text-align:center}
.kap__vysledek{position:fixed;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:70;display:flex;gap:12px;align-items:center;padding:18px;font:700 20px/1.2 var(--sans);text-align:left}
.kap__vysledek b{font-size:34px}
.kap__vysledek--ok{background:#0f3d2a;border:1px solid #36c28a;color:#dfffee}
.kap__vysledek--chyba{background:#3c0606;border:1px solid var(--red);color:#ffd2cf}
.kap__poloha{margin-top:14px;font-size:12px;color:#a39d90}
.kap__poloha--varovani{color:#ecc864}
/* karty kápisty: poloha a brief */
.kap-karta{max-width:420px;margin:16px auto 0;padding:14px 16px;border:1px solid var(--line);background:rgba(10,24,22,.55);text-align:left}
.kap-poloha__stav{display:flex;gap:10px;align-items:center;font:700 15px/1.3 var(--sans);color:var(--paper)}
.kap-poloha__stav i{flex:0 0 12px;height:12px;border-radius:50%;background:#d9a72e;box-shadow:0 0 10px #d9a72e}
.kap-poloha p{margin:6px 0 0;font-size:13px;line-height:1.5;color:#cfc9bc}
.kap-poloha .btn{margin-top:12px}
.kap-poloha[data-stav="ok"]{border-color:rgba(54,194,138,.45);background:rgba(8,32,22,.55);padding:10px 14px}
.kap-poloha[data-stav="ok"] .kap-poloha__stav i{background:#36c28a;box-shadow:0 0 10px #36c28a}
.kap-poloha[data-stav="ok"] p{font-size:12px}
.kap-poloha[data-stav="odmitnuta"],.kap-poloha[data-stav="vyp"]{border-color:var(--red);background:rgba(60,6,6,.55)}
.kap-poloha[data-stav="odmitnuta"] .kap-poloha__stav i,.kap-poloha[data-stav="vyp"] .kap-poloha__stav i{background:var(--red-hi,#e3231f);box-shadow:0 0 10px var(--red-hi,#e3231f)}
.navod-poloha{margin-top:12px;padding-top:10px;border-top:1px solid rgba(212,175,55,.2)}
.navod-poloha__nadpis{margin:0 0 6px;font:700 10px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-3)}
.navod-poloha details{border-bottom:1px solid rgba(212,175,55,.12)}
.navod-poloha summary{padding:9px 0;cursor:pointer;font:600 14px/1.3 var(--sans);color:var(--paper)}
.navod-poloha ol{margin:0 0 10px;padding-left:20px;font-size:13px;line-height:1.5;color:#cfc9bc}
.navod-poloha li{margin:4px 0}
.kap-brief{padding:0}
.kap-brief summary{padding:14px 16px;cursor:pointer;font:700 11px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-3)}
.kap-brief__telo{padding:0 16px 16px}
.kap-brief__role{margin:0;font:700 10px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#ff8a86}
.kap-brief__nadpis{margin:6px 0 10px;font:700 22px/1.15 var(--display);color:var(--gold-3)}
.kap-brief__body{margin:0;padding-left:18px;font-size:14px;line-height:1.5;color:#e9e3d6}
.kap-brief__body li{margin:6px 0}
.kap-brief__podnadpis{margin:18px 0 8px;font:700 10px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-3)}
.kap-nahled{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:krok}
.kap-nahled li{position:relative;padding:10px 12px 10px 40px;border:1px solid rgba(212,175,55,.2);background:rgba(0,0,0,.35);counter-increment:krok}
.kap-nahled li::before{content:counter(krok);position:absolute;left:12px;top:10px;width:18px;height:18px;border-radius:50%;background:var(--gold-2);color:#1b1404;font:700 11px/18px var(--sans);text-align:center}
.kap-nahled small{display:block;font:700 10px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#a39d90}
.kap-nahled span{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:#ece6da}
/* ----- nabídka: dvě volby jako karty ----- */
.volby{display:grid;gap:12px;max-width:440px;margin:18px auto 0;text-align:left}
.volba{padding:16px;border:1px solid rgba(212,175,55,.35);background:rgba(16,14,10,.92)}
.volba h3{display:flex;gap:10px;align-items:center;margin:0 0 8px;font:700 18px/1.2 var(--display);color:var(--gold-3)}
.volba__ikona{flex:0 0 30px;height:30px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:400 15px/1 var(--sans)}
.volba p{margin:0 0 8px;font-size:14px;line-height:1.5;color:#e5ded0}
.volba .btn{margin-top:6px}
.volba__ceny{margin:0 0 8px;padding-left:20px;font-size:14px;line-height:1.5;color:#fff}
.volba__pozn{font-size:12.5px!important;color:#a39d90!important}
.volba--o2{border-color:rgba(204,21,19,.6);background:linear-gradient(180deg,rgba(60,6,6,.9),rgba(20,4,4,.92))}
.volba--o2 h3{color:#fff}
.volba__varovani{padding:8px 10px;border-left:3px solid var(--red-hi);background:rgba(0,0,0,.35);color:#ffd2cf!important;font-weight:600}
.volba__potvrzeni{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)}
.volba__potvrzeni p{color:#ffd2cf}
.volba__potvrzeni .odkaz{justify-self:center;padding:12px 20px}
.nabidka .risk{display:block;margin:16px auto 0}
/* ----- směr po sázce ----- */
.smer h2{margin-top:28px}
.smer .nabidka__rada{max-width:440px}
.smer__blok{max-width:440px;margin:14px auto 0;padding:14px 16px;border:1px solid rgba(212,175,55,.25);background:rgba(16,14,10,.92);text-align:left}
.smer__blok h3{margin:0 0 6px;font:700 10px/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-3)}
.smer__blok p{margin:0;font-size:14px;line-height:1.5;color:#e9e3d6}
.smer__blok ul{margin:0;padding-left:18px;font-size:14px;line-height:1.5;color:#e9e3d6}
.smer__blok li{margin:5px 0}
.smer__blok--otazka{border-color:rgba(236,200,100,.55)}
.smer .btn{max-width:440px;margin:18px auto 0}
/* ----- poloha hráče ----- */
.poloha-hrac{background:radial-gradient(90% 60% at 50% 30%,rgba(26,92,84,.3),transparent 70%),var(--ink)}
.poloha-hrac h2{margin:48px 0 8px;font:700 26px/1.1 var(--display);color:var(--gold-3)}
.poloha-hrac > p{max-width:420px;margin:0 auto 12px;font-size:14px;line-height:1.5;color:#cfc9bc}
.poloha-hrac .btn{max-width:420px;margin:12px auto 0}
.poloha-hrac .navod-poloha{max-width:420px;margin:18px auto 0;text-align:left}
.poloha-hrac__chyba{color:#ffd2cf!important}
.bezpecnost{background:radial-gradient(90% 60% at 50% 30%,rgba(212,175,55,.14),transparent 70%),var(--ink)}
.bezpecnost__maska{width:110px;height:auto;margin:40px auto 0;display:block;filter:drop-shadow(0 0 30px rgba(212,175,55,.3))}
.bezpecnost small{display:block;margin-top:14px;font:700 10px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--gold-3)}
.bezpecnost h2{margin:10px 0 14px;font:700 26px/1.1 var(--display);color:#fff}
.bezpecnost ul{max-width:420px;margin:0 auto;padding:14px 16px 14px 34px;border:1px solid rgba(212,175,55,.25);background:rgba(16,14,10,.92);text-align:left;font-size:14px;line-height:1.5;color:#cfc9bc}
.bezpecnost li+li{margin-top:6px}
.bezpecnost .btn{max-width:420px;margin:18px auto 0}
.obrazovka [tabindex="-1"]:focus{outline:none}

/* ----- kápista: mapa kruhu a okno po skenu (23. 10.) ----- */
.kap-mapa p{margin:6px 0 10px;font-size:13px;line-height:1.5;color:#cfc9bc}
.kap-mapa summary{cursor:pointer;font:700 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-3)}
.kap-mapa__telo{margin-top:8px}
.kap-mapa__telo .odkaz{display:inline-block;margin:0 0 10px;font-size:13px}
.kap-mapa__mapa{position:relative;height:min(300px,45vh);border:1px solid var(--line);background:#070707}
.kap-po-skenu{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.72)}
.kap-po-skenu__okno{max-width:400px;padding:22px 20px;border:1px solid rgba(54,194,138,.55);background:#0b1a14;text-align:left}
.kap-po-skenu__okno .eyebrow{color:#7fe0b4}
.kap-po-skenu__okno .q{margin:6px 0 10px;color:#fff}
.kap-po-skenu__okno ul{margin:0 0 16px;padding-left:18px;color:#d6e8de;font-size:14px;line-height:1.5}
.kap-po-skenu__okno li+li{margin-top:6px}

/* ----- hráč: vlastní poloha a odhlášení (23. 10.) ----- */
.hra__ja{position:absolute;right:14px;bottom:calc(var(--sheet-h,170px) + 10px);z-index:11;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(212,175,55,.45);border-radius:50%;background:rgba(8,8,8,.8);color:#4aa3ff;font:700 20px/1 var(--sans);cursor:pointer}
.hra__ja[hidden]{display:none}
.hra__top-prava{display:flex;gap:8px;align-items:center}
.hra__odhlasit{height:30px;padding:0 10px;border:1px solid rgba(212,175,55,.45);border-radius:15px;background:rgba(8,8,8,.7);color:var(--gold-3);font:600 11px/1 var(--sans);cursor:pointer}
.nabidka__odlozit{max-width:440px;margin:18px auto 0;text-align:center}
.nabidka__odlozit .btn{width:100%}
.nabidka__odlozit p{margin:8px 0 0;font-size:12px;line-height:1.5;color:#a39d90}
.nabidka__odlozit[hidden]{display:none}
/* ===== UX průchod 7. 10.: dotykové cíle, malé telefony ===== */
.help::after{content:"";position:absolute;inset:-8px}
.kap__rucne .field::placeholder{font:500 16px/1 var(--sans);letter-spacing:.04em;text-transform:none;color:#6f6a62}
/* černý rámeček kamery jen když kamera běží – jinak tlačítko „Zapnout fotoaparát“ na malém telefonu ujede pod okraj */
[data-kap="skener"]:has([data-kamera]:not([hidden])) .kap__video{display:none}
.kap__video{max-height:52svh}
.kap__vysledek{cursor:pointer}
/* odhlášení nemá smysl na přihlašovací obrazovce */
.kap:has([data-kap="prihlaseni"]:not([hidden])) .pata{display:none}
/* nízké displeje (iPhone SE apod.): obě volby nabídky a směr musí být vidět bez dlouhého posouvání */
@media (max-height:700px){
  .nabidka__maska{width:52px;margin-top:0}
  .nabidka__nad{margin-top:8px}
  .nabidka h2,.smer h2{margin:6px 0;font-size:22px}
  .nabidka__text{font-size:13px;line-height:1.4}
  .volby{gap:10px;margin-top:12px}
  .volba{padding:12px 14px}
  .volba h3{margin-bottom:6px;font-size:16px}
  .volba__ikona{flex-basis:26px;height:26px;font-size:13px}
  .volba p{margin-bottom:6px;font-size:13px;line-height:1.45}
  .volba__ceny{display:flex;flex-wrap:wrap;gap:0 16px;margin-bottom:6px;padding-left:0;list-style-position:inside;font-size:13px}
  .volba .btn{min-height:46px}
  .smer h2{margin-top:12px}
  .smer .nabidka__rada{margin-top:12px}
  .smer__blok{margin-top:10px;padding:12px 14px}
  .pecet .eyebrow{margin-top:28px}
  .kap__znak{width:56px;margin:4px auto}
  .bezpecnost__maska{width:72px;margin-top:16px}
  .vyrazen__maska{width:96px;margin-top:24px}
  .poloha-hrac h2{margin-top:28px}
}
[data-kap="skener"] .eyebrow{margin-bottom:14px}