/* ============================================================ front-dark.css — CIEMNY MOTYW GRY dla strony głównej (54.8, user-request) Ładowany PO auth.css ZAMIAST front-light.css (link w login.html). auth.css sam w sobie jest ciemny (tokeny --auth-*) — ten plik dokłada RAMY GRY: panel.webp + background-box.webp + nagłówki w kroju gry ('Athelas Regula' z fallbackiem Almendra — font ładowany w login.html) + tło background.webp jak w samej grze. front-light.css zostaje na dysku jako alternatywny motyw (wystarczy podmienić link). ============================================================ */ /* Tło gry — pełnoekranowe, fixed (jak w index.html). Bloby z auth.css mocno wyciszone (grafika tła robi klimat sama). */ body { background: #120d08 url('../assets/ui/background.webp') center / cover fixed no-repeat !important; } /* (54.9) Bloby tla auth.css (w tym FIOLETOWE glow-2 + fioletowy radial w grad) sa czescia starego "glass" motywu — w motywie gry wycinamy je calkowicie, klimat robi tekstura background.webp. */ .auth-bg { display: none; } /* (54.9) Placeholdery grafik (grafika1-15) mialy zloto-FIOLETOWY gradient z auth.css — w motywie gry zloto-braz. */ .auth-side-img, .auth-rules-img, .auth-placeholder-img { background: linear-gradient(135deg, rgba(212, 160, 23, 0.12) 0%, rgba(110, 70, 20, 0.16) 100%), rgba(14, 10, 5, 0.55) !important; border: 1px dashed rgba(212, 160, 23, 0.35) !important; } /* Nagłówki w kroju gry + złoto. */ .auth-content-title, .auth-rules-section h2, .auth-tos-section h2, .auth-contact-card h2 { font-family: 'Athelas Regula', 'Almendra', serif !important; color: var(--auth-gold, #d4a017) !important; letter-spacing: 0.5px; } /* (55.2, user-request) Rama panel.webp NIE na całym długim kontenerze (rozciągnięta wyglądała źle) — tylko na mniejszych kartach: logowanie + poszczególne sesje Aktualności. Wypełnienie background-box.webp. */ .auth-card, .auth-news-session { position: relative; border: 18px solid transparent !important; border-image: url('../assets/ui/panel.webp') 18 stretch !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; z-index: 1; } .auth-card::before, .auth-news-session::before { content: ""; position: absolute; inset: 0; background-image: url('../assets/ui/background-box.webp'); background-size: 100% 100%; background-repeat: no-repeat; clip-path: inset(0 round 6px); z-index: -1; } /* Główne kontenery stron (Aktualności/Zasady/Regulamin/Kontakt) — płaski ciemny panel w kolorze topbaru i stopki strony, bez rozciągniętej ramy. */ .auth-content { background: rgba(10, 10, 20, 0.82) !important; border: 1px solid rgba(212, 160, 23, 0.28) !important; border-radius: 6px !important; box-shadow: none !important; backdrop-filter: none; -webkit-backdrop-filter: none; } /* Wewnętrzne karty (sekcje zasad, regulamin, kontakt, formularze) — subtelne ciemne panele jak .hero-card w grze. (Sesje Aktualności mają pełną ramę panel.webp — rule wyżej.) */ .auth-rules-section, .auth-tos-section, .auth-contact-card, .auth-form-box, .auth-panel, .auth-section-card, .auth-placeholder { background: rgba(20, 14, 8, 0.45) !important; border: 1px solid rgba(212, 160, 23, 0.28) !important; border-radius: 6px !important; box-shadow: none !important; } /* Topbar strony — ciemne szkło ze złotą kreską (mirror gry). */ .auth-topbar { background: rgba(10, 10, 20, 0.82) !important; border-bottom: 1px solid rgba(212, 160, 23, 0.28) !important; } /* Inputy — ciemne jak w grze. */ .auth-input { background: rgba(0, 0, 0, 0.4) !important; color: var(--auth-text, #f0e0c0) !important; border-color: rgba(212, 160, 23, 0.3) !important; } .auth-input:focus { border-color: var(--auth-gold, #d4a017) !important; } /* Linki/ghost — złoto gry. */ .auth-btn-ghost, .auth-link { color: var(--auth-gold-soft, #f0c850) !important; } /* Regulamin i kontakt — typografia sekcji. */ .auth-tos-section { padding: 14px 18px; margin-bottom: 12px; } .auth-tos-section h2 { font-size: 17px; margin: 0 0 6px; } .auth-tos-section p { margin: 0; color: var(--auth-text-dim); font-size: 14px; line-height: 1.55; } .auth-contact-card { padding: 18px 22px; margin-bottom: 12px; text-align: center; } .auth-contact-card h2 { font-size: 18px; margin: 0 0 6px; } .auth-contact-card p { margin: 4px 0; color: var(--auth-text-dim); } .auth-contact-mail { display: inline-block; font-family: 'Athelas Regula', 'Almendra', serif; font-size: 22px; color: var(--auth-gold, #d4a017) !important; text-decoration: none; border-bottom: 1px dashed rgba(212, 160, 23, 0.5); margin: 4px 0 8px; } .auth-contact-mail:hover { color: var(--auth-gold-soft, #f0c850) !important; } ::selection { background: rgba(212, 160, 23, 0.35); }