/* =========================================================
   Deadlockownia - nowy profil gracza (koncept 2026-10)
   Klocki z systemu (dl-system) i starego profilu (gracz.css),
   tu tylko dl-gp-. Kolor rangi (--ranga) wylacznie w karcie rangi,
   kolor odznaki ze sklepu (--rk) tylko na ramce awatara i karcie konta.
   ========================================================= */

.dl-gp-hero { position: relative; overflow: hidden; padding: 84px 0 44px; }
.dl-gp-hero-boh {
	position: absolute;
	top: 0;
	right: 0;
	width: 44%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 18%;
	opacity: .3;
	filter: saturate(.75);
	-webkit-mask-image: linear-gradient(to left, #000 35%, transparent 100%), linear-gradient(to top, transparent 0, #000 40%);
	-webkit-mask-composite: source-in;
	mask-image: linear-gradient(to left, #000 35%, transparent 100%), linear-gradient(to top, transparent 0, #000 40%);
	mask-composite: intersect;
	pointer-events: none;
}
/* systemowa nakladka hero jest pod pelnoekranowe zdjecie; tu obraz jest tylko z prawej, wiec wystarczy dol */
.dl-g-hero.dl-gp-hero::after { background: linear-gradient(0deg, #0a0a0c 0%, transparent 28%); }
.dl-gp-glowa, .dl-gp-szukaj { z-index: 2; }
.dl-gp-glowa {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(360px, .85fr);
	gap: 48px;
	align-items: center;
}

/* ---------- kto: awatar z ramka odznaki ---------- */
.dl-gp-kto { display: flex; align-items: center; gap: 30px; min-width: 0; }
.dl-gp-avatar { position: relative; flex: 0 0 140px; width: 140px; height: 140px; --rk: rgba(255, 255, 255, .16); }
.dl-gp-avatar::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--rk);
	clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}
.dl-gp-avatar-img {
	position: absolute;
	inset: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	object-fit: cover;
	clip-path: polygon(13px 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%, 0 13px);
}
.dl-gp-avatar-ranga {
	position: absolute;
	right: -14px;
	bottom: -14px;
	width: 52px;
	height: 52px;
	object-fit: contain;
	filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .7));
}
.r-braz { --rk: #cd7f32; }
.r-srebro { --rk: #c8ccd0; }
.r-zloto { --rk: #eebb60; }
.r-platyna { --rk: #b8e6e1; }
.r-diament { --rk: #7fd8ff; }
.r-grandmaster { --rk: #ff5470; }
@property --dl-gp-kat { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.dl-gp-avatar.r-grandmaster::before {
	background: conic-gradient(from var(--dl-gp-kat), #ff5470, #ffd07a, #ff5470, #b23a52, #ff5470);
	animation: dl-gp-obrot 4s linear infinite;
}
@keyframes dl-gp-obrot { to { --dl-gp-kat: 360deg; } }

.dl-gp-kto-tekst { min-width: 0; }
.dl-g-hero .dl-gp-nick {
	margin: 8px 0 0;
	font-size: clamp(40px, 5vw, 70px);
	line-height: 1;
	text-transform: none;
	overflow-wrap: anywhere;
}
.dl-gp-tytul {
	margin: 10px 0 0;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--z);
}
.dl-gp-chipy { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 0; padding: 0; list-style: none; }
.dl-gp-chipy li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	font-size: 14px;
	font-weight: 600;
	color: var(--muted);
	background: rgba(10, 10, 12, .55);
	border: 1px solid rgba(255, 255, 255, .1);
}
.dl-gp-chipy b { color: var(--txt); }
.dl-gp-chipy .dl-gp-chip-zw { color: var(--dobry); border-color: rgba(111, 224, 163, .3); }
.dl-gp-chip-zw svg { width: 15px; height: 15px; }

/* trofea z gablotki w wizytowce (pelna gablotka nizej, w sekcji serwera) */
.dl-gp-trofea { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0; padding: 0; list-style: none; }
.dl-gp-trofea li {
	display: inline-flex; align-items: center; gap: 12px;
	padding: 8px 16px 8px 10px;
	background: linear-gradient(90deg, rgba(238, 187, 96, .16), rgba(238, 187, 96, .04));
	border: 1px solid rgba(238, 187, 96, .4);
	box-shadow: inset 0 -2px 0 rgba(238, 187, 96, .45);
	clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}
.dl-gp-trofea-ikona svg { display: block; width: 36px; height: 36px; filter: drop-shadow(0 4px 10px rgba(238, 187, 96, .35)); }
.dl-gp-trofea b { display: block; font-size: 15px; line-height: 1.15; color: var(--txt); }
.dl-gp-trofea i { display: block; font-size: 12.5px; font-style: normal; color: var(--z); }

/* ---------- karta rangi ---------- */
.dl-gp-ranga {
	padding: 24px;
	background:
		radial-gradient(120% 90% at 0 0, color-mix(in srgb, var(--ranga) 16%, transparent), transparent 60%),
		linear-gradient(180deg, var(--karta-a), var(--karta-b));
	border-top: 2px solid var(--ranga);
}
.dl-gp-ranga-gora { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px; align-items: center; }
.dl-gp-ranga-gora > img {
	width: 104px;
	height: 104px;
	object-fit: contain;
	filter: drop-shadow(0 8px 22px color-mix(in srgb, var(--ranga) 45%, transparent));
}
.dl-gp-ranga-nazwa { display: block; margin: 4px 0 10px; font-size: 34px; font-weight: 700; line-height: 1; color: var(--ranga); }
.dl-gp-pasek { height: 6px; background: rgba(255, 255, 255, .08); }
.dl-gp-pasek i { display: block; height: 100%; background: var(--ranga); }
.dl-gp-pasek-opis { display: block; margin-top: 7px; font-size: 13.5px; color: var(--muted); }
.dl-gp-pasek-opis b { color: var(--txt); }
.dl-gp-zmiana { display: block; margin-top: 3px; font-size: 13px; font-weight: 600; }

.dl-gp-pozycje { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }
.dl-gp-pozycje > div { padding: 14px 16px; background: rgba(255, 255, 255, .035); border: 1px solid var(--linia); }
.dl-gp-pozycje span { display: block; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted2); }
.dl-gp-pozycje b { display: block; margin: 4px 0 2px; font-size: 32px; font-weight: 700; line-height: 1.05; color: var(--txt); }
.dl-gp-pozycje b.dl-gp-pusto { color: var(--muted2); }
.dl-gp-pozycje i { display: block; font-size: 12.5px; font-style: normal; color: var(--muted); }
.dl-gp-wykres { margin-top: 16px; }
.dl-gp-wykres .dl-gr-wykres { display: block; width: 100%; height: 64px; }
.dl-gp-wykres span { display: block; margin-top: 4px; font-size: 12.5px; color: var(--muted2); }

.dl-gp-szukaj { position: relative; margin-top: 36px; }
.dl-gp-szukaj .dl-gr-form { max-width: 560px; margin-top: 0; }
.dl-g-hero .dl-gp-szukaj .dl-gr-form input[type="search"], .dl-gp-szukaj .dl-gr-form .dl-g-btn { height: 46px; font-size: 15px; }

/* ---------- forma ---------- */
/* liczby nad paskiem, pasek na cala szerokosc (20 portretow w 1192 px) */
.dl-gp-forma { display: flex; flex-direction: column-reverse; gap: 28px; }
.dl-gp-pasmo { display: grid; grid-template-columns: repeat(20, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; }
.dl-gp-pasmo li { min-width: 0; cursor: default; }
.dl-gp-pasmo img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	height: auto;
	object-fit: cover;
	border-bottom: 4px solid var(--dobry);
	transition: transform .15s;
}
.dl-gp-pasmo li.p img { border-bottom-color: var(--slaby); filter: grayscale(.6) brightness(.72); }
.dl-gp-pasmo li:hover img { transform: translateY(-3px); }
.dl-gp-pasmo span { display: block; margin-top: 6px; font-size: 11.5px; font-weight: 600; text-align: center; color: var(--muted); white-space: nowrap; letter-spacing: -.02em; }
.dl-gp-forma-liczby { display: grid; grid-template-columns: repeat(3, minmax(0, 260px)); gap: 16px 32px; margin: 0; }
.dl-gp-forma-liczby > div { padding-left: 16px; border-left: 2px solid var(--linia); }
.dl-gp-forma-liczby dt { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted2); }
.dl-gp-forma-liczby dd { margin: 2px 0 0; }
.dl-gp-forma-liczby b { display: block; font-size: 32px; font-weight: 700; line-height: 1.1; color: var(--txt); }
.dl-gp-forma-liczby i { display: block; font-size: 13px; font-style: normal; color: var(--muted); }

/* ---------- dwie kolumny ---------- */
.dl-gp-dwie { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: start; }

/* ---------- percentyle ---------- */
.dl-gp-pc { margin: 0; padding: 0; list-style: none; }
.dl-gp-pc li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px 12px; padding: 14px 0; border-bottom: 1px solid var(--linia); }
.dl-gp-pc li:first-child { padding-top: 0; }
.dl-gp-pc-nazwa { font-size: 15.5px; font-weight: 600; color: var(--txt); }
.dl-gp-pc-wart { font-size: 18px; font-weight: 700; color: var(--txt); }
.dl-gp-pc-pasek { position: relative; grid-column: 1 / -1; height: 8px; background: rgba(255, 255, 255, .06); }
.dl-gp-pc-pasek::after { content: ""; position: absolute; top: -3px; bottom: -3px; left: 50%; width: 1px; background: rgba(255, 255, 255, .35); }
.dl-gp-pc-pasek i { display: block; height: 100%; }
.dl-gp-pc .dobry .dl-gp-pc-pasek i { background: linear-gradient(90deg, rgba(111, 224, 163, .25), var(--dobry)); }
.dl-gp-pc .slaby .dl-gp-pc-pasek i { background: linear-gradient(90deg, rgba(255, 123, 123, .25), var(--slaby)); }
.dl-gp-pc-opis { grid-column: 1 / -1; font-size: 13.5px; font-weight: 600; }
.dl-gp-pc .dobry .dl-gp-pc-opis { color: var(--dobry); }
.dl-gp-pc .slaby .dl-gp-pc-opis { color: var(--slaby); }
.dl-gp-pc-opis em { margin-left: 8px; font-style: normal; font-weight: 500; color: var(--muted2); }

/* ---------- bohaterowie ---------- */
.dl-gp-boh { margin: 0; padding: 0; list-style: none; }
.dl-gp-boh-wiersz {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) 76px 56px;
	gap: 14px;
	align-items: center;
	padding: 10px 8px;
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid var(--linia);
	transition: background .15s;
}
.dl-gp-boh li:first-child .dl-gp-boh-wiersz { padding-top: 0; }
a.dl-gp-boh-wiersz:hover { background: rgba(255, 255, 255, .03); }
.dl-gp-boh-wiersz img { width: 44px; height: 55px; object-fit: cover; clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px); }
.dl-gp-boh-nazwa b { display: block; font-size: 17px; color: var(--txt); }
.dl-gp-boh-nazwa > i { display: block; font-size: 12.5px; font-style: normal; color: var(--muted); }
.dl-gp-boh-udzial { display: block; height: 3px; margin-top: 7px; background: rgba(255, 255, 255, .06); }
.dl-gp-boh-udzial i { display: block; height: 100%; background: var(--z); }
.dl-gp-boh-liczba { text-align: right; }
.dl-gp-boh-liczba b { display: block; font-size: 17px; color: var(--txt); }
.dl-gp-boh-liczba i { display: block; font-size: 11.5px; font-style: normal; letter-spacing: .08em; text-transform: uppercase; color: var(--muted2); }

/* ---------- ludzie ---------- */
.dl-gp-ludzie { gap: 24px; }
.dl-gp-ludzie-karta { padding: 22px 24px; }
.dl-gp-ludzie-karta.dobrzy { border-top: 2px solid var(--dobry); }
.dl-gp-ludzie-karta.zli { border-top: 2px solid var(--slaby); }
.dl-gp-ludzie-karta h3 { margin: 0 0 6px; }
.dl-gp-ludzie-karta ol { margin: 0; padding: 0; list-style: none; }
.dl-gp-ludzie-karta li a {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	padding: 11px 0;
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid var(--linia);
}
.dl-gp-ludzie-karta li:last-child a { border-bottom: 0; }
.dl-gp-ludzie-karta li a:hover b { color: var(--z-hi); }
.dl-gp-ludzie-karta img, .dl-gp-bez-av { width: 44px; height: 44px; object-fit: cover; clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px); }
.dl-gp-bez-av { display: block; background: rgba(255, 255, 255, .06); }
.dl-gp-czlowiek { min-width: 0; }
.dl-gp-czlowiek b { display: block; overflow: hidden; font-size: 16px; color: var(--txt); white-space: nowrap; text-overflow: ellipsis; transition: color .15s; }
.dl-gp-czlowiek i, .dl-gp-czlowiek-wr i { display: block; font-size: 12.5px; font-style: normal; color: var(--muted); }
.dl-gp-czlowiek-wr { text-align: right; }
.dl-gp-czlowiek-wr b { display: block; font-size: 19px; }
.dl-gp-pusto-tekst { margin: 10px 0 0; color: var(--muted); }

/* ---------- konto na serwerze + gablotka ---------- */
.dl-gp-serwer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 24px; align-items: stretch; }
.dl-gp-konto { padding: 24px; border-top: 2px solid var(--rk, rgba(255, 255, 255, .14)); }
.dl-gp-konto-kto { display: flex; align-items: center; gap: 14px; }
.dl-gp-konto-kto img { width: 64px; height: 64px; object-fit: cover; border: 2px solid var(--rk, rgba(255, 255, 255, .14)); border-radius: 50%; }
.dl-gp-konto-kto b { display: block; font-size: 21px; color: var(--txt); }
.dl-gp-konto-kto i { display: block; font-size: 13px; font-style: normal; color: var(--muted); }
.dl-gp-dusze {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 22px 0 16px;
	padding: 14px 18px;
	background: rgba(152, 255, 222, .05);
	border: 1px solid rgba(152, 255, 222, .18);
}
.dl-gp-dusze img { width: 18px; height: 32px; object-fit: contain; }
.dl-gp-dusze b { font-size: 36px; font-weight: 700; line-height: 1; color: #98ffde; }
.dl-gp-dusze span { font-size: 14px; color: var(--muted); }
.dl-gp-dusze em { font-style: normal; font-weight: 700; color: var(--z); }
.dl-gp-konto-liczby { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.dl-gp-konto-liczby li { padding: 12px; background: rgba(255, 255, 255, .035); }
.dl-gp-konto-liczby b { display: block; font-size: 21px; color: var(--txt); }
.dl-gp-konto-liczby span { display: block; font-size: 12px; line-height: 1.3; color: var(--muted); }

.dl-gp-gablotka { padding: 24px; }
.dl-gp-gablotka h3 { margin: 0 0 16px; }
.dl-gp-gablotka ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.dl-gp-gablotka li {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 10px 16px;
	text-align: center;
	background: linear-gradient(180deg, rgba(238, 187, 96, .1), rgba(238, 187, 96, 0) 70%);
	border: 1px solid rgba(238, 187, 96, .28);
	box-shadow: inset 0 -3px 0 rgba(238, 187, 96, .35);
}
.dl-gp-gablotka li.pusty { min-height: 150px; background: rgba(255, 255, 255, .015); border: 1px dashed rgba(255, 255, 255, .1); box-shadow: inset 0 -3px 0 rgba(255, 255, 255, .04); }
.dl-gp-trofeum svg { display: block; width: 58px; height: 58px; }
.dl-gp-gablotka li.zdobyte .dl-gp-trofeum svg { filter: drop-shadow(0 6px 16px rgba(238, 187, 96, .35)); }
.dl-gp-gablotka b { margin-top: 12px; font-size: 14.5px; line-height: 1.25; color: var(--txt); }
.dl-gp-gablotka i { margin-top: 4px; font-size: 12px; font-style: normal; line-height: 1.35; color: var(--muted); }

/* ---------- rekordy ---------- */
.dl-gp-rekordy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.dl-gp-rekordy li.dl-g-karta { display: flex; flex-direction: row; align-items: center; gap: 16px; padding: 16px 18px; text-align: left; }
.dl-gp-rekordy img, .dl-gp-seria-liczba { flex: 0 0 44px; width: 44px; height: 55px; object-fit: cover; clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px); }
.dl-gp-seria-liczba { display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 700; color: var(--z); background: rgba(238, 187, 96, .1); }
.dl-gp-rekordy li > span:last-child { min-width: 0; }
.dl-gp-rekordy i { display: block; font-size: 11.5px; font-style: normal; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted2); }
.dl-gp-rekordy b { display: block; font-size: 26px; line-height: 1.15; color: var(--txt); }
.dl-gp-rekordy em { display: block; font-size: 12.5px; font-style: normal; color: var(--muted); }

/* ---------- mapa aktywnosci ---------- */
.dl-gp-mapa { display: grid; grid-template-columns: 26px repeat(24, minmax(0, 1fr)); gap: 3px; align-items: center; }
.dl-gp-mapa i { display: block; aspect-ratio: 1; background: rgba(238, 187, 96, var(--a, 0)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05); }
.dl-gp-mapa-dzien { font-size: 12px; font-weight: 600; color: var(--muted2); }
.dl-gp-mapa b { padding-top: 4px; font-size: 11px; font-weight: 600; color: var(--muted2); }

/* ---------- progi ---------- */
@media (max-width: 1080px) {
	.dl-gp-glowa, .dl-gp-dwie, .dl-gp-serwer { grid-template-columns: minmax(0, 1fr); }
	.dl-gp-dwie { gap: 64px; }
	.dl-gp-hero-boh { width: 70%; opacity: .12; }
	.dl-gp-forma { grid-template-columns: minmax(0, 1fr); }
	.dl-gp-forma-liczby { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
	.dl-gp-hero { padding: 56px 0 32px; }
	.dl-gp-kto { flex-direction: column; align-items: flex-start; gap: 22px; }
	.dl-gp-avatar { flex-basis: 96px; width: 96px; height: 96px; }
	.dl-gp-avatar-ranga { width: 40px; height: 40px; right: -10px; bottom: -10px; }
	.dl-gp-ranga-gora > img { width: 80px; height: 80px; }
	.dl-gp-ranga-nazwa { font-size: 28px; }
	.dl-gp-pasmo { grid-template-columns: repeat(10, minmax(0, 1fr)); row-gap: 12px; }
	.dl-gp-forma-liczby { grid-template-columns: minmax(0, 1fr); }
	.dl-gp-rekordy { grid-template-columns: minmax(0, 1fr); }
	.dl-gp-konto-liczby, .dl-gp-gablotka ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dl-gp-boh-wiersz { grid-template-columns: 40px minmax(0, 1fr) 64px 48px; gap: 10px; }
	.dl-gp-mapa { grid-template-columns: 22px repeat(24, minmax(0, 1fr)); gap: 2px; }
	.dl-gp-mapa b { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
	.dl-gp-avatar.r-grandmaster::before { animation: none; }
	.dl-gp-pasmo img { transition: none; }
}

/* ---------- wyglad karty (tylko wlasciciel, zalogowany przez Discord) ---------- */
.dl-gp-zapisano { margin: 0 0 18px; padding: 12px 16px; font-weight: 600; color: var(--dobry); background: rgba(111, 224, 163, .07); border-left: 2px solid var(--dobry); }
.dl-gp-wyglad-pusto, .dl-gp-wyglad-pod { margin: 0; font-size: 15px; color: var(--muted); }
.dl-gp-wyglad-pusto a, .dl-gp-wyglad-pod a { color: var(--z); border-bottom: 1px solid rgba(238, 187, 96, .4); }
.dl-gp-wyglad-form { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 28px; padding: 26px; }
.dl-gp-wyglad-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.dl-gp-wyglad-form legend { margin-bottom: 12px; padding: 0; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted2); }
.dl-gp-ramki { display: flex; flex-wrap: wrap; gap: 8px; }
.dl-gp-ramki label { cursor: pointer; }
.dl-gp-ramki input, .dl-gp-przelacznik input { position: absolute; opacity: 0; pointer-events: none; }
.dl-gp-ramki span {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 8px 12px; font-size: 14px; font-weight: 600; color: var(--muted);
	background: rgba(255, 255, 255, .03); border: 1px solid rgba(255, 255, 255, .1);
	transition: border-color .15s, color .15s;
}
.dl-gp-ramki span i { width: 14px; height: 14px; background: var(--rk, #eebb60); clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px); }
.dl-gp-ramki span i.brak { background: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3); }
.dl-gp-ramki span i.gm { background: conic-gradient(#ff5470, #ffd07a, #ff5470); }
.dl-gp-ramki label:hover span { color: var(--txt); }
.dl-gp-ramki input:checked + span { color: var(--txt); border-color: var(--z); background: rgba(238, 187, 96, .08); }
.dl-gp-ramki input:focus-visible + span, .dl-gp-przelacznik input:focus-visible + span { outline: 1px solid var(--z); outline-offset: 2px; }
.dl-gp-wyglad-form select {
	width: 100%; height: 42px; padding: 0 12px;
	font-family: inherit; font-size: 15px; font-weight: 600; color: var(--txt);
	background: rgba(10, 10, 12, .7); border: 1px solid rgba(255, 255, 255, .15); border-radius: 0;
}
.dl-gp-przelacznik { display: flex; cursor: pointer; }
.dl-gp-przelacznik span { position: relative; padding-left: 52px; font-size: 14.5px; line-height: 1.45; color: var(--txt); }
.dl-gp-przelacznik span::before { content: ""; position: absolute; left: 0; top: 0; width: 40px; height: 22px; background: rgba(255, 255, 255, .1); border-radius: 11px; transition: background .15s; }
.dl-gp-przelacznik span::after { content: ""; position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; background: #fff; border-radius: 50%; transition: transform .15s; }
.dl-gp-przelacznik input:checked + span::before { background: var(--z); }
.dl-gp-przelacznik input:checked + span::after { transform: translateX(18px); }
.dl-gp-wyglad-stopka { grid-column: 1 / -1; display: flex; align-items: center; gap: 22px; padding-top: 18px; border-top: 1px solid var(--linia); }
.dl-gp-wyglad-stopka .dl-g-btn { height: 46px; padding: 0 34px; border: 0; cursor: pointer; }
.dl-gp-wyloguj { font-size: 14px; font-weight: 600; color: var(--muted) !important; }
.dl-gp-wyloguj:hover { color: var(--slaby) !important; }
@media (max-width: 1080px) { .dl-gp-wyglad-form { grid-template-columns: minmax(0, 1fr); } }

/* ---------- doczytywanie w tle (szkielet zamiast sekcji) ---------- */
.dl-gp-czekaj-tekst { display: flex; align-items: center; gap: 12px; margin: 0 0 28px; font-size: 15.5px; font-weight: 600; color: var(--muted); }
.dl-gp-kolko { width: 18px; height: 18px; border: 2px solid rgba(238, 187, 96, .25); border-top-color: var(--z); border-radius: 50%; animation: dl-gp-krec .8s linear infinite; }
@keyframes dl-gp-krec { to { transform: rotate(360deg); } }
.dl-gp-szkielet { display: grid; gap: 24px; }
.dl-gp-szkielet > div { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.dl-gp-szkielet i {
	display: block; height: 220px;
	background: linear-gradient(90deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .03) 100%);
	background-size: 200% 100%;
	animation: dl-gp-blysk 1.4s ease-in-out infinite;
}
.dl-gp-szkielet i.pasmo { height: 90px; }
@keyframes dl-gp-blysk { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@media (max-width: 760px) { .dl-gp-szkielet > div { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .dl-gp-kolko, .dl-gp-szkielet i { animation: none; } }