/* wariant „galaxy — noc”: to samo, ale na ciemnym niebie */
:root { --tekst: #ecebff; --szary: #b3b0d9; --krem: #1d1b3a; --krem2: #2a2750; --linia: #3a3670;
	--akcent: #a98cff; --akcent-ciemny: #c4b1ff; }
html { background: #12112a; } body { background: transparent; color: var(--tekst); }
body::before { content: ""; position: fixed; inset: -20%; z-index: -1; pointer-events: none;
	background:
		radial-gradient(36% 30% at 20% 20%, #5b3fb899 0%, transparent 70%),
		radial-gradient(32% 28% at 80% 15%, #2f5fc799 0%, transparent 70%),
		radial-gradient(40% 34% at 68% 65%, #8a3fa877 0%, transparent 72%),
		radial-gradient(34% 32% at 25% 80%, #1f7fb877 0%, transparent 70%);
	filter: blur(40px); }
body::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .55;
	background-image: radial-gradient(1px 1px at 12% 18%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 67% 33%, #fff 50%, transparent 51%),
		radial-gradient(1.5px 1.5px at 38% 72%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 85% 82%, #fff 50%, transparent 51%),
		radial-gradient(1px 1px at 52% 9%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 7% 58%, #fff 50%, transparent 51%);
	background-size: 420px 420px; }
.naglowek { background: none; }
.karta { background: #1f1d42cc; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-color: #ffffff1a; box-shadow: 0 18px 40px -26px #000c; }
.glowna { background: linear-gradient(160deg, #24215acc 0%, #2b2066cc 100%); }
input, select, textarea { background: #15143a; color: var(--tekst); border-color: var(--linia); color-scheme: dark; }
button { background: #7b5fd0; } button:hover { background: #6a45c9; }
.drugorzedny { background: #2a2750; color: var(--tekst); }
.pasek { background: linear-gradient(90deg, #26305e 0%, #33285e 50%, #40285a 100%); box-shadow: inset 0 0 0 1px #3a3670; }
.pasek-wypelnienie { background: linear-gradient(90deg, #6fa0ff, #9b7bff 60%, #c18cff); box-shadow: 0 0 12px -2px #9b7bffaa; }
.znacznik { background: #ecebff; box-shadow: none; }
.wiek-duzy { color: #c4b1ff; }
.dymek { background: #ecebff; color: #1d1b3a; } .dymek span { color: #4a4775; } .dymek::after { border-top-color: #ecebff; }
.stopka { background: #0c0b1f; }
a { color: #c4b1ff; } .stopka a { color: #fff; }
.przelacznik { background: #ffffff14; color: #c4b1ff; border-color: #ffffff22; } .przelacznik:hover { background: #ffffff26; color: #fff; }