/* runar-runakort.css — vzhled karty Rúnakort; JEDINÉ místo pro appku i web (2026-10-21 sem z web/site/runakort.css, CODE-web → CODE-tune).
   Obrázky vzhledů s postavou v v2/img/. Původní hlavička: */
/* Rúnakort — vzhled karty (CODE-web 2026-10-20). JEDINÉ místo kresby karty na webu: čte ho stránka karty /kort/ (digitální karta,
   tisk do PDF) i stránka cesty (náhled toho, co si člověk koupí). Do 2026-10-20 stál vzhled jen v kort/index.html; stránka cesty
   ho potřebovala taky a druhá kopie by se rozešla (§20). Třídy mají předponu rk-, ať se nepletou se styly appky (runar-reader.css).
   Rozměry v cqw (1 cqw = 1 % šířky karty): táž karta na mobilu, na monitoru i v tisku 85,6 mm. Výchozí návrh 428 px → px / 4,28.
   Vzhled = třída rk-<klíč> (rk-o černá, rk-f bílá, rk-w zimní slunovrat); nový vzhled = nový klíč v RK_DESIGNS (runakort.js) + jeho
   barvy tady. Vzhled s postavou (art v RK_DESIGNS) má navíc rozložení rk-l2 — to je společné, vzhled nese jen barvy a obrázek. */
.rk-wrap{width:428px;max-width:100%;container-type:inline-size}
.rk-card{width:100%;aspect-ratio:85.6/54;border-radius:3.7cqw;position:relative;overflow:hidden;box-shadow:0 18px 40px #0009;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;font-family:'Cormorant Garamond',serif}
.rk-stone svg{width:100%;height:auto;display:block}
.rk-qr{background:#fff;border-radius:1.4cqw;padding:1.6cqw;line-height:0;align-self:start}
.rk-qr svg{width:100%;height:auto;display:block}
.rk-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:3.6cqw;letter-spacing:.5cqw}
.rk-card ol{list-style:none;font-size:3.6cqw;line-height:1.75;margin:0;padding:0}
.rk-card ol li span{font-family:'Cinzel',serif;margin-right:1.9cqw;font-size:2.8cqw}
.rk-url{font-family:'Cinzel',serif;font-size:2.3cqw;letter-spacing:.5cqw}
.rk-n{font-family:'Cinzel',serif;font-size:7cqw;letter-spacing:1.2cqw}
.rk-s{font-family:'Cinzel',serif;font-size:2.6cqw;letter-spacing:.9cqw;margin-top:1.4cqw}
.rk-q{font-style:italic;font-size:3.6cqw;margin-top:3.3cqw;max-width:21ch;line-height:1.35}
.rk-brand{position:absolute;font-family:'Cinzel',serif;font-size:2.1cqw;letter-spacing:.7cqw}
.rk-back{padding:4.7cqw 5.1cqw;display:grid;grid-template-columns:1fr 26cqw;grid-template-rows:1fr auto;gap:3.7cqw}
.rk-back .rk-foot{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;padding-top:2.3cqw}
/* o — Obsidián (černá) */
.rk-o.rk-front{background:radial-gradient(ellipse at 30% 50%,#1a2230 0%,#0c0f15 70%);border:1px solid #D6A85C55}
.rk-o.rk-front .rk-stone{position:absolute;left:7.9cqw;top:50%;transform:translateY(-50%);width:27.6cqw}
.rk-o.rk-front .rk-stone svg{filter:drop-shadow(0 0 4cqw #FFBF0030)}
.rk-o.rk-front .rk-t{position:absolute;left:42cqw;top:50%;transform:translateY(-50%)}
.rk-o .rk-n{color:#FFBF00}
.rk-o .rk-s{color:#D6A85C}
.rk-o .rk-q{color:#cbd5e1}
.rk-o .rk-brand{right:4.2cqw;bottom:2.8cqw;color:#D6A85C99}
.rk-o.rk-back{background:#0c0f15;border:1px solid #D6A85C55;color:#e5e9ee}
.rk-o.rk-back ol li span{color:#FFBF00}
.rk-o.rk-back .rk-foot{border-top:1px solid #D6A85C44}
.rk-o.rk-back .rk-code{color:#FFBF00}
.rk-o.rk-back .rk-url{color:#D6A85C}
/* rk-l2 — rozložení líce s postavou (bílá, zimní): postava vpravo na světlém pozadí, text vlevo nahoře, kámen dole */
.rk-l2 .rk-art{position:absolute;right:-1.4cqw;bottom:0;width:52%;height:118%;background-position:center bottom;background-size:contain;background-repeat:no-repeat;mix-blend-mode:multiply}
.rk-l2 .rk-t{position:absolute;left:6.1cqw;top:6.5cqw}
.rk-l2 .rk-n{font-size:6.5cqw}
.rk-l2 .rk-q{margin-top:2.8cqw;max-width:20ch}
.rk-l2 .rk-stone{position:absolute;left:6.1cqw;bottom:5.1cqw;width:13.6cqw}
.rk-l2 .rk-brand{left:22.4cqw;bottom:7cqw}
/* f — Mráz (bílá) */
.rk-f.rk-front{background:radial-gradient(ellipse at 75% 60%,#fff 0%,#eef2f5 60%,#dfe6ec 100%);border:1px solid #2E4A7033}
.rk-f .rk-art{background-image:url(img/runar-bile.jpg)}
.rk-f .rk-n{color:#2E4A70}
.rk-f .rk-s{color:#7D5838}
.rk-f .rk-q{color:#2a3446}
.rk-f .rk-brand{color:#2E4A70aa}
.rk-f.rk-back{background:#f2f5f7;border:1px solid #2E4A7033;color:#1b2333}
.rk-f.rk-back ol li span{color:#7D5838}
.rk-f.rk-back .rk-foot{border-top:1px solid #2E4A7033}
.rk-f.rk-back .rk-code{color:#2E4A70}
.rk-f.rk-back .rk-url{color:#2E4A70}
.rk-f.rk-back .rk-qr{border:1px solid #2E4A7022}
/* w — Zimní slunovrat (owner 2026-10-20). Barvy z proužku pod archem Runar_WinterSolsticeOutfit: námořnická modř, ledová, sníh.
   Obrázek runar-zima.jpg je výřez z archu složený jako runar-bile.jpg (postava do pasu) — na obrazovku stačí, na TISK málo;
   tisková verze se vygeneruje zvlášť. Horní rozplynutí 30–34 % výšky rámu: rám je vyšší než karta a čtvercový obrázek začíná
   ve 30 % (5–9 % končilo nad obrázkem a šev nechávalo, owner screenshot 2026-10-20). */
.rk-w.rk-front{background:radial-gradient(ellipse at 75% 60%,#f7fafb 0%,#dfe9ee 58%,#c4d4dd 100%);border:1px solid #1e365733}
.rk-w .rk-art{background-image:url(img/runar-zima.jpg);   /* pozadí výřezu je šedavé → okraje se rozplynou do karty */
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%),linear-gradient(to bottom,transparent 30%,#000 34%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 12%),linear-gradient(to bottom,transparent 30%,#000 34%);mask-composite:intersect}
.rk-w .rk-n{color:#1e3657}
.rk-w .rk-s{color:#4a6d8c}
.rk-w .rk-q{color:#2a3446}
.rk-w .rk-brand{color:#1e3657aa}
.rk-w.rk-back{background:radial-gradient(ellipse at 30% 30%,#22355a 0%,#16233a 70%);border:1px solid #a9c0c855;color:#e6eef2}
.rk-w.rk-back ol li span{color:#a9c0c8}
.rk-w.rk-back .rk-foot{border-top:1px solid #a9c0c844}
.rk-w.rk-back .rk-code{color:#e6eef2}
.rk-w.rk-back .rk-url{color:#a9c0c8}