/* =========================================================
   ODORA — wygląd treści ułożonej w edytorze /admin (strona gry)
   Używane na stronie (.rich) i w podglądzie edytora.
   ========================================================= */
.rich{--r-ink:#f2f6f8;--r-body:#c4d0d8;--r-muted:#7f93a3;--r-cyan:#5fd8e8;--r-line:rgba(160,210,230,.18);
  color:var(--r-body);font-size:17px;line-height:1.8}
.rich > *{margin-bottom:1em}
.rich > *:last-child{margin-bottom:0}
.rich h1,.rich h2,.rich h3{font-family:'Archivo',sans-serif;text-transform:uppercase;color:var(--r-ink);line-height:1}
.rich h1{font-weight:900;font-stretch:78%;font-size:clamp(38px,4.6vw,72px);margin-top:1.2em}
.rich h2{font-weight:900;font-stretch:80%;font-size:clamp(28px,3vw,44px);margin-top:1.4em}
.rich h3{font-weight:800;font-stretch:90%;font-size:clamp(20px,2vw,28px);margin-top:1.2em}
.rich h1:first-child,.rich h2:first-child,.rich h3:first-child{margin-top:0}
.rich h4{font-family:'JetBrains Mono',monospace;font-weight:500;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--r-cyan)}
.rich strong,.rich b{color:var(--r-ink);font-weight:600}
.rich a{color:var(--r-cyan);border-bottom:1px solid currentColor;text-decoration:none}
.rich ul,.rich ol{padding-left:24px}
.rich li{margin-bottom:.4em}
.rich li::marker{color:var(--r-cyan)}
.rich blockquote{border-left:2px solid var(--r-cyan);padding:6px 0 6px 24px;font-size:1.15em;font-weight:300;color:var(--r-ink);font-style:italic}
.rich hr{border:0;height:1px;background:var(--r-line);margin:2em 0}
.rich mark{background:rgba(95,216,232,.22);color:var(--r-ink);padding:0 .2em;border-radius:3px}
.rich img{display:block;max-width:100%;height:auto;border:1px solid var(--r-line)}
.rich img.img-full{width:100%}
.rich img.img-half{width:50%}
.rich img.img-left{float:left;width:42%;margin:4px 28px 16px 0}
.rich img.img-right{float:right;width:42%;margin:4px 0 16px 28px}
.rich img.img-round{border-radius:16px}
.rich figure{margin:0 0 1em}
.rich figure img{width:100%}
.rich figcaption{font-size:13px;color:var(--r-muted);margin-top:8px;font-family:'JetBrains Mono',monospace;letter-spacing:.04em}
.rich::after{content:"";display:block;clear:both}

/* wyrównanie */
.rich .ta-center{text-align:center}.rich .ta-right{text-align:right}.rich .ta-justify{text-align:justify}
.rich img.ta-center{margin-left:auto;margin-right:auto}

/* kolory tekstu */
.rich .c-cyan{color:#5fd8e8}.rich .c-muted{color:#7f93a3}.rich .c-white{color:#f2f6f8}.rich .c-gold{color:#ffcf86}
.rich .c-red{color:#ff6b7a}.rich .c-green{color:#7ee2a8}.rich .c-purple{color:#b99bff}.rich .c-orange{color:#ff9f43}
/* zakreślacz */
.rich .hl-cyan{background:rgba(95,216,232,.22);color:#f2f6f8;padding:0 .2em;border-radius:3px}
.rich .hl-gold{background:rgba(255,207,134,.25);color:#f2f6f8;padding:0 .2em;border-radius:3px}
.rich .hl-red{background:rgba(255,107,122,.25);color:#f2f6f8;padding:0 .2em;border-radius:3px}
/* rozmiary */
.rich .fs-xs{font-size:.72em}.rich .fs-s{font-size:.85em}.rich .fs-l{font-size:1.3em}
.rich .fs-xl{font-size:1.75em;line-height:1.25}.rich .fs-xxl{font-size:2.6em;line-height:1.1}
/* krój pisma */
.rich .ff-display{font-family:'Archivo',sans-serif;font-stretch:80%;font-weight:800}
.rich .ff-mono{font-family:'JetBrains Mono',monospace}
.rich .ff-body{font-family:'Inter',sans-serif}
.rich .tt-up{text-transform:uppercase}
.rich .ls-wide{letter-spacing:.18em}

/* układ */
.rich .cols-2,.rich .cols-3{display:grid;gap:28px}
.rich .cols-2{grid-template-columns:1fr 1fr}
.rich .cols-3{grid-template-columns:repeat(3,1fr)}
.rich .col > *{margin-bottom:.8em}
.rich .col > *:last-child{margin-bottom:0}
.rich .box{padding:26px 28px;border:1px solid var(--r-line);background:rgba(14,30,52,.5);border-radius:6px}
.rich .box-cyan{padding:26px 28px;border:1px solid rgba(95,216,232,.45);background:rgba(95,216,232,.07);border-radius:6px}
.rich .box > *,.rich .box-cyan > *{margin-bottom:.8em}
.rich .box > *:last-child,.rich .box-cyan > *:last-child{margin-bottom:0}
.rich a.btn-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;border:1px solid var(--r-ink);background:var(--r-ink);color:#030b14;font-family:'Archivo',sans-serif;font-weight:700;font-stretch:110%;font-size:13px;letter-spacing:.14em;text-transform:uppercase;transition:background .4s,border-color .4s}
.rich a.btn-cta:hover{background:var(--r-cyan);border-color:var(--r-cyan)}
.rich .gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.rich .gal img{width:100%;aspect-ratio:16/10;object-fit:cover}
.rich .video{position:relative;aspect-ratio:16/9;border:1px solid var(--r-line);background:#000}
.rich .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.rich .spacer{height:48px}
.rich table{width:100%;border-collapse:collapse;font-size:.95em}
.rich th,.rich td{border:1px solid var(--r-line);padding:10px 14px;text-align:left;vertical-align:top}
.rich th{background:rgba(95,216,232,.08);color:var(--r-ink);font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}

@media (max-width:760px){
  .rich .cols-2,.rich .cols-3{grid-template-columns:1fr}
  .rich img.img-left,.rich img.img-right,.rich img.img-half{float:none;width:100%;margin:0 0 1em}
}

/* opis z edytora wstawiony w karty, okna i strony (artysta, o nas, aplikacje…) */
.rich.rich--in{margin:0;padding:0;border:0;font-size:inherit;line-height:inherit;color:inherit;width:auto;max-width:none}
.rich.rich--in::after{content:'';display:block;clear:both}
body.lm .rich{--r-cyan:var(--lm-accent,#e8202a);--r-line:rgba(255,255,255,.16)}