/* Jedna powierzchnia pod całym obramowaniem. Istniejąca rama launchera lub evRama gry. */
.epDialog { box-sizing:border-box; width:min(760px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); padding:18px; margin:auto; color:var(--ink,#eee1c9); overflow:hidden; }
.epDialog:not(.epGame) { border:8px solid transparent; border-image:var(--e-rama) 64 stretch; background:#10131d; background-origin:border-box; box-shadow:0 20px 80px #000b; }
.epDialog::backdrop { background:#0009; }
.epDialog [hidden] { display:none!important; }
.epBelka { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.epBelka h1 { margin:0; font:600 20px 'Cinzel',Georgia,serif; color:var(--gold,#e4bf77); }
.epBelka button { min-width:44px; min-height:44px; }
.epTresc { overflow:auto; overscroll-behavior:contain; max-height:calc(100dvh - 170px); padding:12px 8px 12px 0; scrollbar-gutter:stable; }
.epTozsamosc { display:flex; align-items:center; gap:24px; }
.epTozsamosc h2 { margin:0; font-size:30px; overflow-wrap:anywhere; }
.epTozsamosc p { margin:8px 0; opacity:.8; }
/* 31.10.2026 (sesja 7a58ea7d; jak launcher PC i gra od 21.10 — zgłoszenie właściciela: kropka obecności „wcina się w ramkę i widoczna jest w 1/3”): awatar nie
   obcina zawartości — zaokrąglony jest sam obrazek, a kropka `.s-litera i` zostaje w całości widoczna. */
.epAwatar { display:inline-grid; place-items:center; position:relative; overflow:visible; isolation:isolate; }
.epAwatar>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; border-radius:inherit; }
.epAwatar>i { z-index:1; }
.epTozsamosc>.epAwatar { flex:none; width:116px; height:116px; border-radius:50%; border:2px solid var(--gold,#e4bf77); background:#191d29; font-size:40px; }
.epOpis { margin:24px 0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:20px; }
.epForm { display:grid; gap:20px; margin-top:20px; }
.epForm fieldset { border:1px solid var(--line,#9e7e4c88); margin:0; padding:12px; min-width:0; }
.epGaleria { display:grid; grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); gap:12px; }
.epGaleria label { display:grid; justify-items:center; align-content:start; gap:6px; padding:8px; border:2px solid transparent; cursor:pointer; text-align:center; }
.epGaleria label:has(input:checked) { border-color:var(--gold,#e4bf77); background:#b38c3820; }
.epGaleria input { width:18px; height:18px; accent-color:#c7a463; }
.epGaleria img,.epGaleria .epAwatar { width:72px; height:72px; border-radius:50%; object-fit:cover; background:#191d29; font-size:30px; }
.epPole { display:grid; gap:7px; }
.epPole textarea,.epPole select { box-sizing:border-box; width:100%; color:inherit; background:#11141d; border:1px solid var(--line,#9e7e4c88); border-radius:0; padding:10px; min-height:44px; font:inherit; }
.epPole textarea { resize:vertical; min-height:110px; }
.epPole small { opacity:.75; }
.epPrzyciski { display:flex; flex-wrap:wrap; gap:12px; }
.epStatus { min-height:1.5em; margin:8px 0 0; }
.epDialog .s-guz { min-height:44px; background-size:100% 100%; background-origin:border-box; }
.epProfilNick { padding:0; border:0; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer; text-decoration:underline; text-decoration-color:transparent; }
.epProfilNick:hover { text-decoration-color:currentColor; }
.epGame { color:var(--g24-ink); }
.epGame .epBelka h1 { color:var(--g24-ink); }
.epGame .epPole textarea,.epGame .epPole select { color:var(--g24-ink); background:var(--g25-surface); background-size:cover; }
.epGame .s-guz { border:6px solid transparent; border-image:var(--ref-rama) 64 stretch; background:var(--ref-papier) right center/cover; background-origin:border-box; color:var(--g24-ink); padding:6px 12px; font:inherit; cursor:pointer; }
:root[data-theme=dark] .epGame .s-guz { background-image:var(--g25-surface); }
.launcher-www :is(.s-ja,.s-osoba) .epAwatar { width:40px; height:40px; border-radius:50%; flex-shrink:0; background:#161b2b; border:1px solid #9e7e4c; }
@media(max-width:700px){.epDialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:10px}.epBelka h1{font-size:17px}.epTozsamosc{gap:14px}.epTozsamosc>.epAwatar{width:86px;height:86px}.epTozsamosc h2{font-size:24px}.epGaleria{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.epGaleria label{padding:6px}.epGaleria img,.epGaleria .epAwatar{width:56px;height:56px}.epTresc{max-height:calc(100dvh - 142px)}}