/* WYGENEROWANE przez tools/generuj_motyw_jasny.py - nie edytuj recznie.
   Reczne poprawki jasnego motywu: motyw/jasny.css */

/* ===== shared.css ===== */
html[data-motyw="jasny"] {
    --bg-primary: #f3f6fb;
    --bg-surface: #ebf0f9;
    --bg-surface-strong: #e6ecf6;
    --stroke-subtle: rgba(15, 23, 42, 0.088);
    --stroke-strong: rgba(15, 23, 42, 0.154);
    --text-primary: #131929;
    --text-muted: #3c4354;
    --accent-strong: #00829d;
}
html[data-motyw="jasny"] header {
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.144);
}
html[data-motyw="jasny"] body[data-page="home"] header {
    background-image: linear-gradient(90deg, rgba(247, 249, 252, 0.82), rgba(240, 244, 249, 0.58));
    border-bottom-color: rgba(15, 23, 42, 0.11);
    box-shadow: 0 18px 46px rgba(15, 23, 42, 0.122);
}
html[data-motyw="jasny"] .nav-toggle {
    background-color: rgba(235, 240, 249, 0.6);
    color: #111827;
}
html[data-motyw="jasny"] .motyw-przelacznik {
    border-color: rgba(35, 51, 71, 0.207);
    background-color: rgba(235, 240, 249, 0.6);
    color: #816500;
}
html[data-motyw="jasny"] .motyw-przelacznik:hover {
    background-color: rgba(15, 23, 42, 0.056);
    border-color: rgba(157, 124, 0, 0.55);
}
html[data-motyw="jasny"] .motyw-przelacznik:focus-visible {
    outline-color: rgba(0, 143, 172, 0.9);
}
html[data-motyw="jasny"] .logo {
    color: #111827;
}
html[data-motyw="jasny"] .nav-links a:hover {
    color: #111827;
}
html[data-motyw="jasny"] .nav-links a.active {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"] .nav-links a:hover,
html[data-motyw="jasny"] body[data-page="home"] .nav-links a.active {
    background-color: rgba(15, 23, 42, 0.063);
    box-shadow: inset 0 -2px 0 rgba(0, 154, 75, 0.68);
}
html[data-motyw="jasny"] .nav-account-toggle {
    border-color: rgba(53, 73, 102, 0.207);
    background-image: linear-gradient(180deg, rgba(233, 239, 249, 0.92), rgba(241, 245, 252, 0.92));
    color: #131929;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.112);
}
html[data-motyw="jasny"] .nav-account-toggle:hover,
html[data-motyw="jasny"] .nav-account-toggle[aria-expanded="true"] {
    background-image: linear-gradient(180deg, rgba(229, 235, 248, 0.98), rgba(238, 243, 252, 0.98));
    border-color: rgba(0, 133, 217, 0.58);
}
html[data-motyw="jasny"] .nav-account-main {
    color: #0a729a;
}
html[data-motyw="jasny"] .nav-account-dropdown {
    border-color: rgba(53, 73, 102, 0.207);
    background-image: linear-gradient(180deg, rgba(233, 239, 249, 0.98), rgba(241, 245, 252, 0.98));
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.147);
}
html[data-motyw="jasny"] .nav-account-head {
    border-bottom-color: rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] .nav-account-name {
    color: #111827;
}
html[data-motyw="jasny"] .nav-account-row strong {
    color: #0a729a;
}
html[data-motyw="jasny"] .nav-account-link,
html[data-motyw="jasny"] .nav-account-logout {
    color: #131929;
}
html[data-motyw="jasny"] .nav-account-link:hover,
html[data-motyw="jasny"] .nav-account-logout:hover {
    background-color: rgba(15, 23, 42, 0.042);
    border-color: rgba(53, 73, 102, 0.184);
}
html[data-motyw="jasny"] .nav-account-logout {
    color: #ab4044;
}
html[data-motyw="jasny"] .nav-mobile-stats .nav-currency-mobile {
    color: #006db3;
}
html[data-motyw="jasny"] .nav-mobile-stats .nav-rank-mobile {
    color: #3c4354;
}
html[data-motyw="jasny"] .nav-mobile-stats #nav-rank-name-mobile {
    color: #111827;
}
html[data-motyw="jasny"] .nav-login-indicator__dot {
    border-color: rgba(15, 23, 42, 0.275);
    box-shadow: 0 0 0 2px rgba(226, 54, 57, 0.2);
}
html[data-motyw="jasny"] .nav-login-indicator.is-online .nav-login-indicator__dot {
    box-shadow: 0 0 0 2px rgba(0, 154, 68, 0.2);
}
@media (max-width: 900px) {
    html[data-motyw="jasny"] .nav-drawer {
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16);
    }
}
html[data-motyw="jasny"] .pwa-install-prompt {
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.16);
}
html[data-motyw="jasny"] .pwa-prompt-text h3 {
    color: #111827;
}
html[data-motyw="jasny"] .pwa-btn-primary {
    color: #111827;
}
html[data-motyw="jasny"] .pwa-btn-close:hover {
    background-color: rgba(15, 23, 42, 0.035);
    color: #111827;
}
html[data-motyw="jasny"] .nav-btn {
    color: #111827;
}
html[data-motyw="jasny"] .nav-auth-buttons #nav-admin-link {
    background-color: #e6e9f2;
    border-color: rgba(15, 23, 42, 0.11);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.176);
}
html[data-motyw="jasny"] .nav-auth-buttons #nav-admin-link:hover {
    background-color: #e1e5ef;
    border-color: rgba(15, 23, 42, 0.275);
}
html[data-motyw="jasny"] .nav-auth-buttons #global-logout-button {
    box-shadow: 0 4px 20px rgba(179, 55, 55, 0.248);
}
html[data-motyw="jasny"] .nav-auth-buttons #global-logout-button:hover {
    box-shadow: 0 6px 22px rgba(204, 67, 67, 0.303);
}
html[data-motyw="jasny"] .footer-section h3 {
    color: #111827;
}
html[data-motyw="jasny"] .footer-links a:hover {
    color: #111827;
}
html[data-motyw="jasny"] {
    --bg-primary: #f6fafd;
    --bg-surface: #eff4fa;
    --bg-surface-strong: #e8eff8;
    --stroke-subtle: rgba(35, 51, 71, 0.161);
    --stroke-strong: rgba(35, 51, 71, 0.276);
    --text-primary: #111827;
    --text-muted: #3a4554;
    --accent: #008a59;
    --accent-strong: #00829d;
    --accent-gold: #8f7000;
}
html[data-motyw="jasny"] body {
    background-image: radial-gradient(circle at 12% 0%, rgba(38, 214, 255, 0.13), transparent 30rem), radial-gradient(circle at 88% 10%, rgba(22, 199, 132, 0.11), transparent 28rem), linear-gradient(180deg, #f6fafd 0%, #f1f6fc 48%, #f8fafd 100%);
}
html[data-motyw="jasny"] body::before {
    background-image: linear-gradient(rgba(15, 23, 42, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, 0.02) 1px, transparent 1px);
}
html[data-motyw="jasny"] header,
html[data-motyw="jasny"] body[data-page="home"] header {
    background-color: rgba(246, 250, 253, 0.78);
    border-bottom-color: rgba(35, 51, 71, 0.161);
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.115);
}
html[data-motyw="jasny"] .nav-links a,
html[data-motyw="jasny"] body[data-page="home"] .nav-links a {
    color: #2b3543;
}
html[data-motyw="jasny"] .nav-links a:hover,
html[data-motyw="jasny"] .nav-links a.active,
html[data-motyw="jasny"] body[data-page="home"] .nav-links a:hover,
html[data-motyw="jasny"] body[data-page="home"] .nav-links a.active {
    color: #111827;
    background-color: rgba(15, 23, 42, 0.049);
    box-shadow: inset 0 -2px 0 rgba(0, 152, 99, 0.88);
}
html[data-motyw="jasny"] .nav-grupa summary {
    color: #2b3543;
}
html[data-motyw="jasny"] .nav-grupa summary:hover,
html[data-motyw="jasny"] .nav-grupa summary.active,
html[data-motyw="jasny"] .nav-grupa details[open] > summary {
    color: #111827;
    background-color: rgba(15, 23, 42, 0.049);
    box-shadow: inset 0 -2px 0 rgba(0, 152, 99, 0.88);
}
html[data-motyw="jasny"] .nav-grupa summary:focus-visible {
    outline-color: rgba(0, 143, 172, 0.9);
}
html[data-motyw="jasny"] .nav-podmenu {
    border-color: rgba(35, 51, 71, 0.184);
    background-image: linear-gradient(180deg, rgba(236, 241, 250, 0.99), rgba(244, 248, 253, 0.99));
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.154);
}
html[data-motyw="jasny"] .nav-btn {
    box-shadow: 0 14px 30px rgba(0, 173, 113, 0.11);
}
html[data-motyw="jasny"] footer {
    background-image: linear-gradient(180deg, rgba(241, 246, 252, 0.98), #f8fafd), none;
    background-color: #f6fafd;
    border-top-color: rgba(35, 51, 71, 0.161);
}
html[data-motyw="jasny"] .footer-section {
    border-color: rgba(35, 51, 71, 0.138);
    background-color: rgba(15, 23, 42, 0.025);
}
html[data-motyw="jasny"] .footer-section h3 {
    color: #111827;
}
html[data-motyw="jasny"] .footer-links a {
    color: #303c4c;
}
@media (max-width: 900px) {
    html[data-motyw="jasny"] .nav-drawer {
        background-color: #f6fafd;
    }
    html[data-motyw="jasny"] .nav-podmenu,
    html[data-motyw="jasny"] .nav-grupa--prawa .nav-podmenu {
        border-left-color: rgba(0, 143, 172, 0.28);
    }
    html[data-motyw="jasny"] .nav-podmenu a,
    html[data-motyw="jasny"] body[data-page="home"] .nav-podmenu a {
        color: #3a4555;
    }
}
html[data-motyw="jasny"] .titans-dashboard-preview {
    border-color: rgba(35, 51, 71, 0.207);
    background-image: linear-gradient(180deg, rgba(243, 247, 253, 0.9), rgba(247, 250, 254, 0.96)), url("../assets/imagen/titans-hero-imagen.png");
    box-shadow: 0 34px 84px rgba(15, 23, 42, 0.147);
}
html[data-motyw="jasny"] .titans-dashboard-preview::before {
    background-image: linear-gradient(90deg, rgba(247, 250, 254, 0.98), rgba(247, 250, 254, 0.7) 48%, rgba(247, 250, 254, 0.44));
}
html[data-motyw="jasny"] .titans-dashboard-sidebar {
    border-color: rgba(35, 51, 71, 0.161);
    background-color: rgba(245, 250, 255, 0.72);
}
html[data-motyw="jasny"] .dashboard-menu-item {
    color: #3a4554;
}
html[data-motyw="jasny"] .dashboard-menu-item.is-active {
    color: #007e47;
    border-color: rgba(0, 153, 88, 0.32);
}
html[data-motyw="jasny"] .dashboard-menu-label {
    color: #556378;
}
html[data-motyw="jasny"] .dashboard-server-card {
    border-color: rgba(0, 153, 88, 0.2);
    background-color: rgba(240, 246, 249, 0.76);
}
html[data-motyw="jasny"] .dashboard-server-card span,
html[data-motyw="jasny"] .dashboard-server-card small {
    color: #3a4554;
}
html[data-motyw="jasny"] .dashboard-server-card strong {
    color: #007e47;
}
html[data-motyw="jasny"] .dashboard-server-card b {
    color: #111827;
}
html[data-motyw="jasny"] .dashboard-server-card em {
    color: #007e47;
}
html[data-motyw="jasny"] .dashboard-topline {
    background-image: linear-gradient(90deg, rgba(244, 248, 253, 0.8), rgba(244, 248, 253, 0.22)), url("../assets/imagen/titans-hero-imagen.png");
}
html[data-motyw="jasny"] .dashboard-topline h2 {
    color: #111827;
}
html[data-motyw="jasny"] .dashboard-topline p {
    color: #2a3142;
}
html[data-motyw="jasny"] .dashboard-topline strong {
    color: #007e47;
}
html[data-motyw="jasny"] .dashboard-stat,
html[data-motyw="jasny"] .dashboard-panel {
    border-color: rgba(35, 51, 71, 0.184);
    background-color: rgba(243, 248, 253, 0.76);
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.044);
}
html[data-motyw="jasny"] .dashboard-stat strong {
    color: #111827;
}
html[data-motyw="jasny"] .dashboard-stat small {
    color: #3a4554;
}
html[data-motyw="jasny"] .dashboard-stat button,
html[data-motyw="jasny"] .dashboard-panel a {
    border-color: rgba(35, 51, 71, 0.184);
    background-color: rgba(15, 23, 42, 0.028);
    color: #111827;
}
html[data-motyw="jasny"] .dashboard-stat--gems button,
html[data-motyw="jasny"] .dashboard-shop a {
    border-color: rgba(0, 153, 88, 0.74);
}
html[data-motyw="jasny"] .dashboard-avatar,
html[data-motyw="jasny"] .dashboard-gem,
html[data-motyw="jasny"] .dashboard-heads,
html[data-motyw="jasny"] .dashboard-chest {
    border-color: rgba(35, 51, 71, 0.207);
    background-color: rgba(15, 23, 42, 0.049);
    color: #007e47;
}
html[data-motyw="jasny"] .dashboard-panel h3 {
    color: #111827;
}
html[data-motyw="jasny"] .dashboard-items span {
    border-color: rgba(35, 51, 71, 0.149);
    background-color: rgba(15, 23, 42, 0.042);
    color: #1d2434;
}
html[data-motyw="jasny"] .dashboard-shop-image {
    border-color: rgba(35, 51, 71, 0.149);
    background-image: linear-gradient(180deg, rgba(247, 250, 254, 0.08), rgba(247, 250, 254, 0.58)), url("../assets/imagen/titans-hero-imagen.png");
}
html[data-motyw="jasny"] .dashboard-panel p {
    color: #3a4554;
}
html[data-motyw="jasny"] .dashboard-panel p strong {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content,
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content,
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content {
    background-image: linear-gradient(180deg, rgba(247, 250, 254, 0.5), #f8fafd 78%), url("../assets/imagen/titans-hero-imagen.png");
}
html[data-motyw="jasny"] body[data-page="about"] #page-content::before,
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content::before,
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content::before {
    background-image: linear-gradient(90deg, rgba(247, 250, 254, 0.96), rgba(247, 250, 254, 0.68) 52%, rgba(247, 250, 254, 0.88)), radial-gradient(circle at 12% 16%, rgba(38, 214, 255, 0.14), transparent 28rem), radial-gradient(circle at 86% 18%, rgba(22, 199, 132, 0.14), transparent 28rem);
}
html[data-motyw="jasny"] #page-content .info-kicker {
    border-color: rgba(0, 153, 88, 0.34);
    color: #007e47;
}
html[data-motyw="jasny"] #page-content .info-hero h1 {
    color: #111827;
}
html[data-motyw="jasny"] #page-content .info-hero p {
    color: #202737;
}
html[data-motyw="jasny"] #page-content .info-btn {
    border-color: rgba(35, 51, 71, 0.23);
    background-color: rgba(15, 23, 42, 0.042);
    color: #111827;
}
html[data-motyw="jasny"] #page-content .info-btn--primary {
    border-color: rgba(0, 153, 88, 0.7);
    box-shadow: 0 18px 38px rgba(0, 173, 113, 0.121);
}
html[data-motyw="jasny"] #page-content .info-side__box,
html[data-motyw="jasny"] #page-content .info-section,
html[data-motyw="jasny"] #page-content .contact-card,
html[data-motyw="jasny"] #page-content .rule-note {
    border-color: rgba(35, 51, 71, 0.184);
    background-color: rgba(243, 248, 253, 0.78);
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.044);
}
html[data-motyw="jasny"] #page-content .info-side__box strong {
    color: #111827;
}
html[data-motyw="jasny"] #page-content .info-side__box span,
html[data-motyw="jasny"] #page-content .info-side__box a {
    color: #3a4554;
}
html[data-motyw="jasny"] #page-content .info-side__box a {
    color: #007e47;
}
html[data-motyw="jasny"] #page-content .info-section h2 {
    color: #111827;
}
html[data-motyw="jasny"] #page-content .info-section p,
html[data-motyw="jasny"] #page-content .info-section li {
    color: #2b3243;
}
html[data-motyw="jasny"] #page-content .info-section li::before {
    box-shadow: 0 0 14px rgba(21, 173, 102, 0.231);
}
html[data-motyw="jasny"] #page-content .info-section strong {
    color: #111827;
}
html[data-motyw="jasny"] #page-content .info-section code {
    border-color: rgba(35, 51, 71, 0.207);
    background-color: rgba(15, 23, 42, 0.049);
    color: #007e47;
}
html[data-motyw="jasny"] #page-content .info-pill {
    border-color: rgba(35, 51, 71, 0.161);
    background-color: rgba(15, 23, 42, 0.032);
}
html[data-motyw="jasny"] #page-content .info-pill span {
    color: #007e47;
}
html[data-motyw="jasny"] #page-content .info-pill strong {
    color: #111827;
}
html[data-motyw="jasny"] #page-content .contact-card p {
    color: #303c4c;
}
html[data-motyw="jasny"] #page-content .contact-card a {
    color: #007e47;
}
html[data-motyw="jasny"] #page-content .rule-note {
    border-color: rgba(157, 124, 0, 0.36);
}
html[data-motyw="jasny"] #page-content .rule-note h2 {
    color: #816500;
}
html[data-motyw="jasny"] header nav .nav-toggle:hover {
    border-color: rgba(35, 51, 71, 0.368);
    background-color: rgba(15, 23, 42, 0.049);
}
html[data-motyw="jasny"] header nav .nav-toggle:focus-visible {
    outline-color: rgba(0, 143, 172, 0.9);
}
html[data-motyw="jasny"] body.nav-open header nav .nav-toggle {
    border-color: rgba(0, 152, 99, 0.62);
}
html[data-motyw="jasny"] body::after {
    background-color: rgba(246, 251, 255, 0.55);
}
html[data-motyw="jasny"] header nav .nav-drawer .nav-links > li > a,
html[data-motyw="jasny"] header nav .nav-drawer .nav-grupa summary {
    color: #212939;
}
html[data-motyw="jasny"] header nav .nav-drawer .nav-links > li > a:hover,
html[data-motyw="jasny"] header nav .nav-drawer .nav-grupa summary:hover,
html[data-motyw="jasny"] header nav .nav-drawer .nav-grupa details[open] > summary {
    color: #111827;
    background-color: rgba(15, 23, 42, 0.042);
}
html[data-motyw="jasny"] header nav .nav-drawer .nav-links a.active,
html[data-motyw="jasny"] header nav .nav-drawer .nav-grupa summary.active {
    color: #111827;
    box-shadow: inset 3px 0 0 #009863;
}
html[data-motyw="jasny"] header nav .nav-drawer .nav-podmenu,
html[data-motyw="jasny"] header nav .nav-drawer .nav-grupa--prawa .nav-podmenu {
    border-left-color: rgba(0, 143, 172, 0.28);
}
html[data-motyw="jasny"] header nav .nav-drawer .nav-podmenu a,
html[data-motyw="jasny"] body[data-page="home"] header nav .nav-drawer .nav-podmenu a {
    color: #3a4555;
}
@media (max-width: 900px) {
    html[data-motyw="jasny"] header nav .nav-drawer {
        background-image: linear-gradient(180deg, rgba(237, 242, 250, 0.98), rgba(245, 248, 254, 0.98));
        border-color: rgba(35, 51, 71, 0.207);
        box-shadow: 0 28px 70px rgba(15, 23, 42, 0.176);
    }
    html[data-motyw="jasny"] header nav .nav-drawer::before {
        border-bottom-color: rgba(35, 51, 71, 0.138);
        color: #576479;
    }
}
@media (min-width: 901px) {
    html[data-motyw="jasny"] header nav .nav-drawer .nav-links {
        background-image: linear-gradient(180deg, rgba(237, 242, 250, 0.98), rgba(245, 248, 254, 0.98));
        border-color: rgba(35, 51, 71, 0.207);
        box-shadow: 0 28px 70px rgba(15, 23, 42, 0.176);
    }
    html[data-motyw="jasny"] header nav .nav-drawer .nav-links::before {
        border-bottom-color: rgba(35, 51, 71, 0.138);
        color: #576479;
    }
    html[data-motyw="jasny"] body::after {
        background-color: rgba(246, 251, 255, 0.35);
    }
}

/* ===== login-modal.css ===== */
html[data-motyw="jasny"] .modal-overlay {
    background-color: rgba(15, 23, 42, 0.39);
}
html[data-motyw="jasny"] .modal-card {
    background-image: linear-gradient(180deg, rgba(233, 239, 249, 0.98), rgba(241, 245, 252, 0.98));
    border-color: rgba(53, 73, 102, 0.23);
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.16);
}
html[data-motyw="jasny"] .modal-close {
    border-color: rgba(53, 73, 102, 0.207);
    background-color: rgba(15, 23, 42, 0.028);
    color: #434b5d;
}
html[data-motyw="jasny"] .modal-close:hover {
    color: #111827;
}
html[data-motyw="jasny"] .modal-header h2 {
    color: #111827;
}
html[data-motyw="jasny"] .modal-subtitle {
    color: #2f3b4f;
}
html[data-motyw="jasny"] .modal-tab {
    background-color: rgba(237, 242, 251, 0.82);
    border-color: rgba(53, 73, 102, 0.207);
    color: #434b5d;
}
html[data-motyw="jasny"] .modal-tab.is-active {
    border-color: rgba(0, 133, 217, 0.62);
    color: #fff;
}
html[data-motyw="jasny"] .modal-copy h3 {
    color: #111827;
}
html[data-motyw="jasny"] .modal-copy p {
    color: #2f3b4f;
}
html[data-motyw="jasny"] .modal-note {
    color: #394557;
    background-color: rgba(237, 242, 251, 0.82);
    border-color: rgba(53, 73, 102, 0.207);
}
html[data-motyw="jasny"] .modal-action {
    background-color: rgba(237, 242, 251, 0.82);
    border-color: rgba(53, 73, 102, 0.207);
}
html[data-motyw="jasny"] .modal-pill {
    border-color: rgba(53, 73, 102, 0.207);
    color: #2f3b4f;
}
html[data-motyw="jasny"] .modal-pill.ok {
    border-color: rgba(0, 143, 173, 0.4);
    color: #00758e;
}
html[data-motyw="jasny"] .modal-pill.warn {
    border-color: rgba(157, 124, 0, 0.4);
    color: #816500;
}
html[data-motyw="jasny"] .modal-pill.bad {
    border-color: rgba(225, 54, 60, 0.4);
    color: #b63139;
}
html[data-motyw="jasny"] .modal-btn {
    border-color: rgba(53, 73, 102, 0.207);
    background-color: rgba(15, 23, 42, 0.028);
    color: #111827;
}
html[data-motyw="jasny"] .modal-btn:hover {
    border-color: #0084dd;
}
html[data-motyw="jasny"] .modal-btn-primary {
    border-color: rgba(0, 133, 217, 0.62);
}
html[data-motyw="jasny"] .modal-btn-primary:hover {
    border-color: rgba(0, 143, 173, 0.72);
}
html[data-motyw="jasny"] .modal-btn-outline {
    border-color: rgba(15, 23, 42, 0.22);
}
html[data-motyw="jasny"] .modal-code-box {
    background-color: rgba(241, 245, 252, 0.92);
    border-color: rgba(53, 73, 102, 0.207);
    color: #111827;
}
html[data-motyw="jasny"] .modal-input {
    background-color: rgba(241, 245, 252, 0.92);
    border-color: rgba(53, 73, 102, 0.207);
    color: #1d2434;
}
html[data-motyw="jasny"] .password-toggle {
    color: #313b52;
}
html[data-motyw="jasny"] .password-toggle:hover,
html[data-motyw="jasny"] .password-toggle:focus-visible {
    color: #111827;
}
html[data-motyw="jasny"] .modal-input:focus {
    border-color: #0085d9;
    box-shadow: 0 0 0 4px rgba(0, 133, 217, 0.14);
}
html[data-motyw="jasny"] .modal-form-status {
    color: #434b5d;
}
html[data-motyw="jasny"] .modal-user {
    color: #434b5d;
}
html[data-motyw="jasny"] .modal-user strong {
    color: #111827;
}
html[data-motyw="jasny"] .modal-overlay {
    background-color: rgba(15, 23, 42, 0.41);
}
html[data-motyw="jasny"] .modal-card {
    border-color: rgba(0, 152, 101, 0.22);
    background-color: #f0f5fc;
    box-shadow: 0 34px 100px rgba(15, 23, 42, 0.218), 0 0 0 1px rgba(15, 23, 42, 0.028) inset;
}
html[data-motyw="jasny"] .modal-header::before {
    color: #007d51;
}
html[data-motyw="jasny"] .modal-subtitle {
    color: rgba(20, 27, 42, 0.76);
}
html[data-motyw="jasny"] .modal-close {
    background-color: rgba(242, 247, 254, 0.72);
    border-color: rgba(15, 23, 42, 0.176);
}
html[data-motyw="jasny"] .modal-close:hover {
    color: #111827;
    border-color: rgba(0, 152, 99, 0.7);
    background-color: rgba(228, 239, 239, 0.92);
}
html[data-motyw="jasny"] .modal-copy {
    background-image: linear-gradient(180deg, rgba(243, 249, 255, 0.12) 20%, rgba(243, 249, 255, 0.94) 84%), url("../assets/imagen/titans-hero-imagen.png");
}
html[data-motyw="jasny"] .modal-copy::after {
    background-image: linear-gradient(90deg, transparent 70%, #f0f5fc 100%);
}
html[data-motyw="jasny"] .modal-copy h3 {
    color: #111827;
}
html[data-motyw="jasny"] .modal-copy p {
    color: rgba(22, 29, 44, 0.8);
}
html[data-motyw="jasny"] .modal-note {
    color: #182d25;
    background-color: rgba(229, 241, 240, 0.68);
    border-color: rgba(0, 152, 99, 0.3);
}
html[data-motyw="jasny"] .modal-action {
    background-image: linear-gradient(180deg, #ecf2fb, #f0f5fd);
}
html[data-motyw="jasny"] .modal-tabs {
    background-color: rgba(246, 251, 255, 0.62);
    border-color: rgba(49, 67, 88, 0.138);
}
html[data-motyw="jasny"] .modal-tab {
    color: #4d5d6f;
}
html[data-motyw="jasny"] .modal-tab:hover {
    color: #111827;
    background-color: rgba(15, 23, 42, 0.032);
}
html[data-motyw="jasny"] .modal-tab.is-active {
    box-shadow: 0 7px 22px rgba(0, 173, 111, 0.11);
}
html[data-motyw="jasny"] .modal-input {
    color: #121928;
    background-color: rgba(246, 251, 255, 0.72);
    border-color: rgba(47, 67, 90, 0.184);
}
html[data-motyw="jasny"] .modal-input::placeholder {
    color: #4a5b70;
}
html[data-motyw="jasny"] .modal-input:focus {
    border-color: #009863;
    box-shadow: 0 0 0 4px rgba(0, 152, 99, 0.1);
}
html[data-motyw="jasny"] .modal-btn-primary,
html[data-motyw="jasny"] #panel-modal-password-login,
html[data-motyw="jasny"] #panel-modal-register-submit,
html[data-motyw="jasny"] #panel-modal-reset-submit {
    border-color: #009863;
    box-shadow: 0 10px 26px rgba(0, 173, 111, 0.088);
}
html[data-motyw="jasny"] .modal-btn-primary:hover,
html[data-motyw="jasny"] #panel-modal-password-login:hover,
html[data-motyw="jasny"] #panel-modal-register-submit:hover,
html[data-motyw="jasny"] #panel-modal-reset-submit:hover {
    border-color: #0c9767;
}
html[data-motyw="jasny"] #panel-modal-start {
    color: #0c241a;
    border-color: rgba(0, 152, 99, 0.32);
}
html[data-motyw="jasny"] .password-toggle:hover,
html[data-motyw="jasny"] .password-toggle:focus-visible {
    color: #007d51;
}
@media (max-width: 760px) {
    html[data-motyw="jasny"] .modal-header {
        background-color: #ecf2fb;
    }
}
html[data-motyw="jasny"] .modal-logged-badge {
    border-color: rgba(0, 152, 99, 0.28);
    color: #307958;
}
html[data-motyw="jasny"] .modal-logged-badge span {
    box-shadow: 0 0 14px rgba(0, 173, 113, 0.44);
}
html[data-motyw="jasny"] .modal-logged-avatar {
    border-color: rgba(0, 152, 99, 0.3);
    box-shadow: 0 18px 42px rgba(0, 173, 111, 0.099);
}
html[data-motyw="jasny"] .modal-logged-title {
    color: #111827;
}
html[data-motyw="jasny"] .modal-logged-title strong {
    color: #007d51;
}
html[data-motyw="jasny"] .modal-logged-copy {
    color: #435262;
}
html[data-motyw="jasny"] #panel-modal-logged-in .modal-btn-outline {
    color: #566577;
}
html[data-motyw="jasny"] #panel-modal-logged-in .modal-btn-outline:hover {
    color: #111827;
    background-color: rgba(15, 23, 42, 0.028);
}

/* ===== home.css (strona: home) ===== */
html[data-motyw="jasny"] body[data-page="home"] .hero {
    background-image: linear-gradient(180deg, rgba(232, 235, 245, 0.92) 0%, rgba(240, 243, 246, 0.96) 100%);
}
html[data-motyw="jasny"] body[data-page="home"] .hero-graphic {
    box-shadow: inset 180px 0 180px -90px rgba(15, 23, 42, 0.32), inset -180px 0 180px -90px rgba(15, 23, 42, 0.32);
}
html[data-motyw="jasny"] body[data-page="home"] .hero-graphic::before {
    background-image: linear-gradient(90deg,
        #f0f3f6 0%,
        rgba(240, 243, 246, 0.95) 4%,
        rgba(240, 243, 246, 0.6) 8%,
        rgba(240, 243, 246, 0.15) 18%,
        rgba(240, 243, 246, 0) 30%,
        rgba(240, 243, 246, 0) 70%,
        rgba(240, 243, 246, 0.15) 82%,
        rgba(240, 243, 246, 0.6) 92%,
        rgba(240, 243, 246, 0.95) 96%,
        #f0f3f6 100%);
}
html[data-motyw="jasny"] body[data-page="home"] .hero-graphic::after {
    background-image: linear-gradient(180deg, rgba(240, 243, 246, 0) 0%, rgba(240, 243, 246, 0.65) 55%, #f0f3f6 90%);
}
html[data-motyw="jasny"] body[data-page="home"] .hero h1 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"] .hero-subtitle {
    color: #141a29;
    text-shadow: 0 8px 18px rgba(15, 23, 42, 0.036);
}
html[data-motyw="jasny"] body[data-page="home"] .hero p {
    color: #141a29;
    text-shadow: 0 8px 18px rgba(15, 23, 42, 0.036);
}
html[data-motyw="jasny"] body[data-page="home"] .server-ip-box {
    background-color: #e8ebf5;
    border-color: #cfd4df;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.176);
}
html[data-motyw="jasny"] body[data-page="home"] .server-ip-box:hover {
    border-color: #0084dd;
}
html[data-motyw="jasny"] body[data-page="home"] .server-ip-box:focus-visible {
    outline-color: #008fad;
}
html[data-motyw="jasny"] body[data-page="home"] .server-manual-instructions {
    background-color: rgba(243, 246, 252, 0.92);
    border-color: rgba(0, 143, 173, 0.5);
    color: #373f50;
}
html[data-motyw="jasny"] body[data-page="home"] .server-manual-instructions strong {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"] .server-manual-close {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="home"] .server-manual-close:hover {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"] .server-ip-label {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="home"] .server-ip {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"] .copy-icon {
    color: #006cb7;
}
html[data-motyw="jasny"] body[data-page="home"] .game-modes {
    background-color: #f0f3f6;
}
html[data-motyw="jasny"] body[data-page="home"] .lkh-home-promo {
    background-color: #f0f3f6;
}
html[data-motyw="jasny"] body[data-page="home"] .lkh-home-promo__card {
    border-color: rgba(0, 139, 189, 0.5);
    background-image: linear-gradient(140deg, rgba(237, 244, 255, 0.96) 0%, rgba(225, 236, 255, 0.94) 56%, rgba(8, 120, 190, 0.3) 100%);
    box-shadow: 0 24px 56px rgba(15, 23, 42, 0.166);
}
html[data-motyw="jasny"] body[data-page="home"] .lkh-home-promo__badge {
    border-color: rgba(49, 139, 177, 0.55);
    color: #14242f;
}
html[data-motyw="jasny"] body[data-page="home"] .lkh-home-promo__title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"] .lkh-home-promo__text {
    color: #1b2432;
}
html[data-motyw="jasny"] body[data-page="home"] .lkh-home-promo__btn {
    color: #ffffff;
    border-color: rgba(49, 139, 177, 0.72);
}
html[data-motyw="jasny"] body[data-page="home"] .section-title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"] .section-lead {
    color: #2f3b4f;
}
html[data-motyw="jasny"] body[data-page="home"] .mode-card {
    border-color: rgba(53, 73, 102, 0.322);
    color: #121928;
    box-shadow: 0 24px 54px rgba(15, 23, 42, 0.102);
}
html[data-motyw="jasny"] body[data-page="home"] .mode-card::after {
    background-image: linear-gradient(180deg, rgba(246, 250, 255, 0.1) 0%, rgba(246, 250, 255, 0.72) 68%, rgba(246, 250, 255, 0.9) 100%), radial-gradient(circle at 18% 18%, rgba(42, 163, 255, 0.22), transparent 38%);
}
html[data-motyw="jasny"] body[data-page="home"] .mode-card:hover {
    border-color: rgba(0, 143, 173, 0.58);
    box-shadow: 0 28px 58px rgba(15, 23, 42, 0.144);
}
html[data-motyw="jasny"] body[data-page="home"] .mode-icon {
    filter: drop-shadow(0 14px 24px rgba(15, 23, 42, 0.16));
}
html[data-motyw="jasny"] body[data-page="home"] .mode-card__content {
    background-image: linear-gradient(180deg, rgba(243, 247, 253, 0.42), rgba(243, 247, 253, 0.82));
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.077);
    border-color: rgba(15, 23, 42, 0.11);
}
html[data-motyw="jasny"] body[data-page="home"] .mode-status {
    color: #111827;
    border-color: rgba(15, 23, 42, 0.198);
    background-color: rgba(15, 23, 42, 0.056);
}
html[data-motyw="jasny"] body[data-page="home"] .mode-status--build {
    color: #7d6700;
    border-color: rgba(177, 112, 0, 0.42);
}
html[data-motyw="jasny"] body[data-page="home"] .mode-status--pvp {
    color: #945455;
    border-color: rgba(226, 54, 57, 0.45);
}
html[data-motyw="jasny"] body[data-page="home"] .mode-label {
    color: #347090;
}
html[data-motyw="jasny"] body[data-page="home"] .mode-title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"] .mode-description {
    color: #121827;
}
html[data-motyw="jasny"] body[data-page="home"] .mode-feature {
    color: #151b2b;
}
html[data-motyw="jasny"] body[data-page="home"] .mode-feature-icon {
    color: #006cb7;
}
html[data-motyw="jasny"] body[data-page="home"] .mode-action {
    border-color: rgba(15, 23, 42, 0.176);
    background-color: rgba(15, 23, 42, 0.056);
    color: #121827;
}
html[data-motyw="jasny"] body[data-page="home"] .mode-action:hover,
html[data-motyw="jasny"] body[data-page="home"] .mode-action:focus-visible {
    border-color: rgba(0, 143, 173, 0.65);
}
html[data-motyw="jasny"] body[data-page="home"] .mode-action--primary {
    color: #fff;
    border-color: rgba(0, 133, 217, 0.72);
}
html[data-motyw="jasny"] body[data-page="home"] .modes-kicker {
    border-color: rgba(226, 54, 57, 0.42);
    color: #965254;
}
html[data-motyw="jasny"] body[data-page="home"] .mode-hero {
    border-color: rgba(15, 23, 42, 0.132);
    background-image: linear-gradient(135deg, rgba(251, 242, 244, 0.96), rgba(244, 247, 252, 0.98) 62%);
    box-shadow: 0 34px 80px rgba(15, 23, 42, 0.16);
}
html[data-motyw="jasny"] body[data-page="home"] .mode-hero:hover {
    border-color: rgba(226, 54, 57, 0.48);
    box-shadow: 0 40px 92px rgba(15, 23, 42, 0.179);
}
html[data-motyw="jasny"] body[data-page="home"] .mode-hero__media::after {
    background-image: linear-gradient(90deg, rgba(246, 248, 253, 0.08) 42%, rgba(244, 247, 252, 0.96) 97%), linear-gradient(180deg, rgba(246, 248, 253, 0) 58%, rgba(246, 248, 253, 0.5) 100%);
}
html[data-motyw="jasny"] body[data-page="home"] .mode-hero__tag {
    border-color: rgba(15, 23, 42, 0.176);
    background-color: rgba(15, 23, 42, 0.042);
    color: #272f3f;
}
html[data-motyw="jasny"] body[data-page="home"] .mode-hero__features li {
    color: #181f2f;
}
html[data-motyw="jasny"] body[data-page="home"] .mode-hero__features .mode-feature-icon {
    color: #b5323a;
}
@media (max-width: 980px) {
    html[data-motyw="jasny"] body[data-page="home"] .mode-hero__media::after {
        background-image: linear-gradient(180deg, rgba(246, 248, 253, 0.05) 38%, rgba(244, 247, 252, 0.96) 96%);
    }
}
html[data-motyw="jasny"] body[data-page="home"] .features {
    background-image: linear-gradient(180deg, #f0f3f6 0%, #ebf0f9 28%, #f1f4fb 100%);
}
html[data-motyw="jasny"] body[data-page="home"] .feature-card {
    background-color: rgba(239, 242, 250, 0.88);
    border-color: rgba(51, 71, 99, 0.184);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
}
html[data-motyw="jasny"] body[data-page="home"] .feature-card:hover {
    border-color: rgba(0, 133, 217, 0.45);
    background-color: rgba(232, 238, 249, 0.94);
}
html[data-motyw="jasny"] body[data-page="home"] .feature-card-icon {
    border-color: rgba(0, 133, 217, 0.28);
}
html[data-motyw="jasny"] body[data-page="home"] .feature-card h3 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"] .feature-card p {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="home"] .stats {
    background-color: #f0f3f6;
}
html[data-motyw="jasny"] body[data-page="home"] .stat-card {
    background-color: #e8ebf5;
    border-color: #cfd4df;
}
html[data-motyw="jasny"] body[data-page="home"] .stat-card:hover {
    border-color: #0084dd;
}
html[data-motyw="jasny"] body[data-page="home"] .stat-number {
    color: #006cb7;
}
html[data-motyw="jasny"] body[data-page="home"] .stat-label {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="home"] footer {
    background-color: #e8ebf5;
    border-top-color: #cfd4df;
}
html[data-motyw="jasny"] body[data-page="home"] .footer-section h3 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"] .footer-links a {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="home"] .footer-links a:hover {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"] .footer-bottom {
    border-top-color: #cfd4df;
    color: #434b5d;
}
@media (max-width: 768px) {
    html[data-motyw="jasny"] body[data-page="home"] .server-ip-box {
        color: #111827;
    }
    html[data-motyw="jasny"] body[data-page="home"] .hero-graphic {
        box-shadow: inset 120px 0 120px -60px rgba(15, 23, 42, 0.272), inset -120px 0 120px -60px rgba(15, 23, 42, 0.272);
    }
}
html[data-motyw="jasny"] body[data-page="home"] #welcome-modal {
    background-color: rgba(250, 250, 250, 0.95);
}
html[data-motyw="jasny"] body[data-page="home"] #welcome-video {
    box-shadow: 0 0 30px rgba(22, 152, 243, 0.165);
}
html[data-motyw="jasny"] body[data-page="home"] #close-welcome {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .hero {
    background-color: #f8fafd;
    border-bottom-color: rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .hero-graphic::before {
    background-image: linear-gradient(90deg, rgba(248, 250, 253, 0.96) 0%, rgba(247, 250, 254, 0.86) 32%, rgba(247, 250, 254, 0.24) 62%, rgba(247, 250, 254, 0.78) 100%), linear-gradient(180deg, rgba(247, 250, 254, 0.72) 0%, rgba(247, 250, 254, 0.05) 42%, rgba(247, 250, 254, 0.92) 100%);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .hero-graphic::after {
    background-image: repeating-linear-gradient(90deg, rgba(15, 23, 42, 0.025) 0 1px, transparent 1px 84px), repeating-linear-gradient(180deg, rgba(15, 23, 42, 0.02) 0 1px, transparent 1px 84px);
}
html[data-motyw="jasny"] body[data-page="home"] .hero-kicker {
    border-left-color: #009a4b;
    background-color: rgba(241, 246, 251, 0.64);
    color: #032311;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .hero h1 {
    text-shadow: 0 20px 60px rgba(15, 23, 42, 0.046);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .hero-subtitle {
    color: #181e2e;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .server-ip-box {
    background-image: linear-gradient(180deg, rgba(209, 227, 213, 0.96), rgba(225, 239, 231, 0.96));
    border-color: rgba(0, 154, 75, 0.72);
    box-shadow: 0 22px 46px rgba(15, 23, 42, 0.134), inset 0 0 0 1px rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .server-ip-box:hover {
    border-color: #6a8f00;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .server-ip-label {
    color: #032311;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .server-ip {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"] .hero-shop-link {
    border-color: rgba(157, 124, 0, 0.9);
    box-shadow: 0 22px 46px rgba(15, 23, 42, 0.102);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .hero-shop-link.hero-shop-link--sklep {
    border-color: rgba(13, 144, 165, 0.9);
    box-shadow: 0 22px 46px rgba(15, 23, 42, 0.096);
}
html[data-motyw="jasny"] body[data-page="home"] .hero-proof {
    color: #1c2433;
}
html[data-motyw="jasny"] body[data-page="home"] .hero-proof span {
    background-color: rgba(15, 23, 42, 0.056);
    border-color: rgba(15, 23, 42, 0.154);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .lkh-home-promo,
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .game-modes {
    background-color: #f0f6fc;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .lkh-home-promo__card {
    border-color: rgba(0, 154, 75, 0.32);
    background-image: linear-gradient(120deg, rgba(237, 245, 242, 0.98), rgba(234, 242, 249, 0.94) 58%, rgba(234, 226, 210, 0.78));
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .mode-card {
    border-color: rgba(15, 23, 42, 0.198);
    box-shadow: 0 34px 70px rgba(15, 23, 42, 0.134);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .mode-card::after {
    background-image: linear-gradient(180deg, rgba(248, 250, 253, 0.05) 0%, rgba(248, 250, 253, 0.45) 42%, rgba(248, 250, 253, 0.96) 100%);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .mode-card__content {
    background-image: linear-gradient(180deg, transparent 0%, rgba(247, 251, 254, 0.18) 34%, rgba(247, 251, 254, 0.92) 100%);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .mode-description,
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .mode-feature {
    color: #151b2a;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .features {
    background-color: #f4f8fc;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .features-grid {
    background-color: rgba(15, 23, 42, 0.056);
    border-color: rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .feature-card {
    background-color: rgba(244, 248, 252, 0.96);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .hero {
    background-color: #f8fafd;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .hero-graphic::before {
    background-image: linear-gradient(90deg, rgba(247, 250, 254, 0.98) 0%, rgba(247, 250, 254, 0.9) 28%, rgba(247, 250, 254, 0.42) 52%, rgba(247, 250, 254, 0.72) 100%), linear-gradient(180deg, rgba(248, 250, 253, 0.68) 0%, rgba(248, 250, 253, 0.08) 42%, rgba(248, 250, 253, 0.96) 100%);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .server-ip-box {
    background-image: linear-gradient(180deg, rgba(22, 199, 132, 0.96), rgba(191, 220, 207, 0.98));
    border-color: rgba(0, 153, 88, 0.78);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .hero-proof span {
    background-color: rgba(243, 247, 253, 0.72);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase {
    background-image: radial-gradient(circle at 15% 20%, rgba(45, 212, 191, 0.13), transparent 31rem), radial-gradient(circle at 88% 82%, rgba(123, 77, 204, 0.18), transparent 30rem), linear-gradient(180deg, #f2f5fb, #f5f9fd);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__heading p {
    color: #3f4759;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__eyebrow {
    color: #007a6d;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__catalog-link {
    border-bottom-color: rgba(0, 149, 133, 0.55);
    color: #021f1d;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__featured {
    border-color: rgba(0, 149, 133, 0.3);
    background-color: rgba(238, 243, 249, 0.96);
    box-shadow: 0 30px 90px rgba(15, 23, 42, 0.134);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__visual {
    background-color: #f1f7fb;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__visual::after {
    background-image: linear-gradient(90deg, transparent 74%, rgba(238, 243, 249, 0.65));
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__download {
    border-color: rgba(15, 23, 42, 0.638);
    box-shadow: 0 12px 38px rgba(0, 169, 151, 0.154);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__badge--purple {
    color: #ffffff;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__content h3,
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__secondary h3 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__lead {
    color: #007a6d;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__content > p:not(.games-showcase__lead),
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__secondary p {
    color: #384051;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__features li {
    color: #1f2636;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__features li::before {
    color: #007a6d;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__button {
    border-color: rgba(0, 149, 133, 0.36);
    color: #071e1c;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__button--primary {
    border-color: #009585;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__game {
    --gra-akcent: #008777;
    background-image: linear-gradient(180deg, rgba(234, 240, 248, 0.98), rgba(243, 247, 252, 0.98));
    box-shadow: 0 20px 56px rgba(15, 23, 42, 0.096);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__game:hover {
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.134);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__game--saper {
    --gra-akcent: #007eb1;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__game--sudoku {
    --gra-akcent: #865db6;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__game-visual {
    background-color: #f4f8fd;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__game-visual::after {
    background-image: linear-gradient(180deg, rgba(247, 250, 254, 0.02) 46%, rgba(247, 250, 254, 0.76)), linear-gradient(90deg, rgba(var(--gra-akcent-rgb), 0.09), transparent 45%);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__game-kicker {
    color: #111827;
    background-color: rgba(247, 250, 255, 0.82);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.09);
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__game-meta {
    color: #4e5c6e;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__game h3 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__game p {
    color: #384051;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__game-action--secondary {
    color: #2c3344;
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__game-action--secondary:hover,
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__game-action--secondary:focus-visible {
    color: #111827;
}
@media (max-width: 920px) {
    html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .games-showcase__visual::after {
        background-image: linear-gradient(180deg, transparent 64%, rgba(238, 243, 249, 0.9));
    }
}
html[data-motyw="jasny"] body[data-page="home"][data-page="home"] .hero h1 {
    text-shadow: 0 2px 0 rgba(15, 23, 42, 0.088),
        0 18px 52px rgba(15, 23, 42, 0.053);
}
html[data-motyw="jasny"] body[data-page="home"] .hero-title__brand {
    background-image: linear-gradient(180deg, #221b00 0%, #846400 46%, #925b00 100%);
    filter: drop-shadow(0 4px 0 rgba(15, 23, 42, 0.176))
        drop-shadow(0 20px 40px rgba(15, 23, 42, 0.224));
}
html[data-motyw="jasny"] body[data-page="home"] .hero-title__slogan {
    color: #151c2b;
    text-shadow: 0 10px 32px rgba(15, 23, 42, 0.053);
}
html[data-motyw="jasny"] body[data-page="home"] .hero-title__slogan em {
    color: #007e3d;
}
html[data-motyw="jasny"] body[data-page="home"] .hero-character__render {
    filter: drop-shadow(0 20px 28px rgba(15, 23, 42, 0.134))
        drop-shadow(0 0 26px rgba(147, 51, 234, 0.121));
}
html[data-motyw="jasny"] body[data-page="home"] .hero-character__sparkles {
    filter: drop-shadow(0 0 6px rgba(173, 113, 231, 0.495));
}

/* ===== discord.css (strona: discord) ===== */
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community {
    background-color: #f0f6fc;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community::before {
    background-image: linear-gradient(rgba(15, 23, 42, 0.063) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.063) 1px, transparent 1px);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community__shell {
    border-color: rgba(15, 23, 42, 0.165);
    background-image: linear-gradient(145deg, rgba(226, 235, 245, 0.97), rgba(239, 245, 252, 0.96));
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.134),
    inset 0 1px 0 rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community__eyebrow {
    color: #806600;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community__eyebrow-dot {
    box-shadow: 0 0 0 6px rgba(0, 154, 76, 0.1), 0 0 18px rgba(0, 175, 87, 0.413);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community__heading h2 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community__heading p {
    color: #353d4e;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community__status,
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community__refresh {
    border-color: rgba(15, 23, 42, 0.132);
    background-color: rgba(246, 251, 255, 0.62);
    color: #222939;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community__status-dot {
    background-color: #d4dce6;
    box-shadow: 0 0 0 5px rgba(15, 23, 42, 0.099);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] [data-discord-community][data-state="live"] .discord-community__status-dot {
    box-shadow: 0 0 0 5px rgba(0, 154, 76, 0.1), 0 0 13px rgba(0, 175, 87, 0.385);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community__refresh:hover,
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community__refresh:focus-visible {
    border-color: rgba(0, 154, 76, 0.55);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card {
    --discord-accent: #008c44;
    background-image: radial-gradient(circle at 90% 8%, rgba(var(--discord-accent-rgb), 0.23), transparent 34%), linear-gradient(145deg, rgba(224, 236, 238, 0.98), rgba(240, 246, 251, 0.98));
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.09),
    inset 0 1px 0 rgba(15, 23, 42, 0.099);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card--code {
    --discord-accent: #805ac8;
    background-image: radial-gradient(circle at 90% 8%, rgba(var(--discord-accent-rgb), 0.25), transparent 34%), linear-gradient(145deg, rgba(230, 233, 255, 0.98), rgba(241, 245, 255, 0.98));
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card--youtube {
    background-image: radial-gradient(circle at 90% 8%, rgba(var(--discord-accent-rgb), 0.27), transparent 34%), linear-gradient(145deg, rgba(249, 228, 231, 0.98), rgba(248, 244, 250, 0.98));
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card:hover,
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card:focus-visible {
    box-shadow: 0 26px 62px rgba(15, 23, 42, 0.122),
    0 0 36px rgba(var(--discord-accent-rgb), 0.13);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__mark {
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.165);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__mark .discord-community-card__play {
    fill: #111827;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__tag {
    border-color: rgba(15, 23, 42, 0.154);
    background-color: rgba(246, 251, 255, 0.46);
    color: #202838;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__content h3 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__content p {
    color: #333b4c;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__topics span {
    border-color: rgba(15, 23, 42, 0.132);
    background-color: rgba(246, 251, 255, 0.55);
    color: #192030;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__stat {
    border-color: rgba(15, 23, 42, 0.121);
    background-color: rgba(246, 251, 255, 0.55);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__stat strong {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__stat small {
    color: #3d4557;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__stat i {
    box-shadow: 0 0 10px rgba(0, 175, 87, 0.385);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card--youtube .discord-community-card__cta {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-hero {
    background-image: radial-gradient(circle at 14% 18%, rgba(88, 101, 242, 0.26), transparent 42%), radial-gradient(circle at 86% 6%, rgba(77, 255, 143, 0.14), transparent 40%), linear-gradient(180deg, #f1f6fe, #f6f9ff);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-kicker {
    color: #606492;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-kicker__dot {
    box-shadow: 0 0 0 4px rgba(0, 154, 75, 0.18);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-hero h1 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-hero__copy > p {
    color: #2b3544;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-btn {
    border-color: rgba(35, 51, 71, 0.253);
    background-color: rgba(15, 23, 42, 0.042);
    color: #141b2a;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-btn--glowny {
    color: #ffffff;
    box-shadow: 0 18px 40px rgba(70, 80, 216, 0.187);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-licznik {
    border-color: rgba(35, 51, 71, 0.207);
    background-image: linear-gradient(180deg, rgba(236, 241, 251, 0.92), rgba(245, 248, 253, 0.94));
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.134);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-licznik__poz strong {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-licznik__poz span {
    color: #3b475a;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-licznik__poz--online strong {
    color: #007e3d;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-licznik__info {
    border-top-color: rgba(35, 51, 71, 0.161);
    color: #4f5e72;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-sekcja {
    background-color: #f4f8fe;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-sekcja--kroki {
    background-image: linear-gradient(180deg, #f6f9ff, #eff5fd);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-sekcja__tytul {
    color: #121827;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-kafelek {
    border-color: rgba(35, 51, 71, 0.184);
    background-image: linear-gradient(180deg, rgba(236, 241, 250, 0.92), rgba(244, 247, 253, 0.94));
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-kafelek__ikona {
    color: #5b61a6;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-kafelek h3 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-kafelek p {
    color: #333e4e;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-krok {
    border-color: rgba(35, 51, 71, 0.184);
    background-color: rgba(15, 23, 42, 0.025);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-krok__numer {
    color: #ffffff;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-krok h3 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-krok p {
    color: #333e4e;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-faq__poz {
    border-color: rgba(35, 51, 71, 0.184);
    background-color: rgba(15, 23, 42, 0.025);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-faq__poz summary {
    color: #171d2d;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-faq__poz[open] summary {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-faq__poz p {
    color: #333e4e;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-faq__poz a {
    color: #4467aa;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-cta {
    background-color: #f4f8fe;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-cta__inner {
    background-image: radial-gradient(circle at 12% 10%, rgba(88, 101, 242, 0.28), transparent 46%), linear-gradient(180deg, rgba(235, 240, 253, 0.96), rgba(244, 247, 254, 0.96));
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-cta h2 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .dc-cta p {
    color: #333e4e;
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__baner {
    background-color: rgba(240, 246, 251, 0.9);
    background-image: radial-gradient(circle at 16% 26%, rgba(var(--discord-accent-rgb), 0.5), transparent 58%),
        repeating-linear-gradient(
            135deg,
            rgba(15, 23, 42, 0.035) 0 14px,
            rgba(15, 23, 42, 0.02) 14px 28px
        ),
        linear-gradient(120deg, rgba(var(--discord-accent-rgb), 0.28), rgba(240, 246, 251, 0.1) 62%);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__baner::after {
    background-image: linear-gradient(180deg, rgba(244, 249, 253, 0.06) 36%, rgba(244, 249, 253, 0.94) 100%);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__mark {
    background-image: linear-gradient(180deg, rgba(235, 241, 247, 0.94), rgba(244, 248, 252, 0.96)), none;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.144),
        inset 0 1px 0 rgba(15, 23, 42, 0.165);
}
html[data-motyw="jasny"] body[data-page="discord"][data-page="discord"] .discord-community-card__tag {
    background-color: rgba(246, 251, 255, 0.68);
}

/* ===== about.css (strona: about) ===== */
html[data-motyw="jasny"] body[data-page="about"] #page-content {
    background-color: #f0f3f6;
    color: #1d2434;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content header {
    background-color: #e8ebf5;
    border-bottom-color: #cfd4df;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content .nav-links a {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content .nav-links a:hover {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content .nav-btn {
    background-color: #edf0fb;
    color: #1d2434;
    border-color: #cfd4df;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content .nav-btn:hover {
    background-color: #e5e9f3;
    border-color: #0084dd;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content .hero {
    background-color: #f0f3f6;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content .hero p {
    color: #2a3142;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content .section-title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content .section-body {
    background-color: #edf1fa;
    border-color: #cfd4df;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.224);
}
html[data-motyw="jasny"] body[data-page="about"] #page-content .section-body h3 {
    color: #00758e;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content .section-body p,
html[data-motyw="jasny"] body[data-page="about"] #page-content .section-body ul {
    color: #2a3142;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content footer {
    background-color: #f4f7fc;
    border-top-color: #cfd4df;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content .footer-section h3 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content .footer-links a {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="about"] #page-content .footer-bottom p {
    color: #5b6378;
}

/* ===== regulamin.css (strona: regulamin) ===== */
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content {
    background-color: #f0f3f6;
    color: #1d2434;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content header {
    background-color: #e8ebf5;
    border-bottom-color: #cfd4df;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .nav-links a {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .nav-links a:hover {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .nav-btn {
    background-color: #edf0fb;
    color: #1d2434;
    border-color: #cfd4df;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .nav-btn:hover {
    background-color: #e5e9f3;
    border-color: #0084dd;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .hero {
    background-color: #f0f3f6;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .hero p {
    color: #2a3142;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .section-title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .section-body {
    background-color: #edf1fa;
    border-color: #cfd4df;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.224);
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .section-body h3 {
    color: #00758e;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .section-body p,
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .section-body ul {
    color: #2a3142;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content footer {
    background-color: #f4f7fc;
    border-top-color: #cfd4df;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .footer-section h3 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .footer-links a {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="regulamin"] #page-content .footer-bottom p {
    color: #5b6378;
}

/* ===== kontakt.css (strona: kontakt) ===== */
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content {
    background-color: #f0f3f6;
    color: #1d2434;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content header {
    background-color: #e8ebf5;
    border-bottom-color: #cfd4df;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .nav-links a {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .nav-links a:hover {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .nav-btn {
    background-color: #edf0fb;
    color: #1d2434;
    border-color: #cfd4df;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .nav-btn:hover {
    background-color: #e5e9f3;
    border-color: #0084dd;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .hero {
    background-color: #f0f3f6;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .hero p {
    color: #2a3142;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .section-title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .section-body {
    background-color: #edf1fa;
    border-color: #cfd4df;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.224);
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .section-body h3 {
    color: #00758e;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .section-body p,
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .section-body ul {
    color: #2a3142;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content footer {
    background-color: #f4f7fc;
    border-top-color: #cfd4df;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .footer-section h3 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .footer-links a {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="kontakt"] #page-content .footer-bottom p {
    color: #5b6378;
}

/* ===== non-premium.css (strona: non-premium) ===== */
html[data-motyw="jasny"] body[data-page="non-premium"] .np-page {
    background-image: linear-gradient(180deg, rgba(247, 250, 254, 0.38), #f8fafd 76%), url("../assets/imagen/titans-hero-imagen.png");
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-page::before {
    background-image: linear-gradient(90deg, rgba(247, 250, 254, 0.96), rgba(247, 250, 254, 0.62) 54%, rgba(247, 250, 254, 0.86)), radial-gradient(circle at 12% 12%, rgba(38, 214, 255, 0.16), transparent 30rem), radial-gradient(circle at 84% 18%, rgba(22, 199, 132, 0.14), transparent 30rem);
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-kicker {
    border-color: rgba(0, 153, 88, 0.34);
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-hero h1 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-hero p {
    color: #202737;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-btn {
    border-color: rgba(35, 51, 71, 0.23);
    background-color: rgba(15, 23, 42, 0.042);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-btn--primary {
    border-color: rgba(0, 153, 88, 0.7);
    box-shadow: 0 18px 38px rgba(0, 173, 113, 0.121);
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-path,
html[data-motyw="jasny"] body[data-page="non-premium"] .np-playbook,
html[data-motyw="jasny"] body[data-page="non-premium"] .np-return,
html[data-motyw="jasny"] body[data-page="non-premium"] .np-warning {
    border-color: rgba(35, 51, 71, 0.184);
    background-color: rgba(243, 248, 253, 0.78);
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.044);
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-path--premium {
    background-image: linear-gradient(135deg, rgba(38, 214, 255, 0.12), rgba(243, 248, 253, 0.78) 46%), none;
    background-color: rgba(243, 248, 253, 0.78);
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-path--nonpremium {
    background-image: linear-gradient(135deg, rgba(126, 255, 178, 0.13), rgba(243, 248, 253, 0.78) 46%), none;
    background-color: rgba(243, 248, 253, 0.78);
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-path__label,
html[data-motyw="jasny"] body[data-page="non-premium"] .np-warning span,
html[data-motyw="jasny"] body[data-page="non-premium"] .np-command-box span {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-path h2,
html[data-motyw="jasny"] body[data-page="non-premium"] .np-playbook h2,
html[data-motyw="jasny"] body[data-page="non-premium"] .np-return h2,
html[data-motyw="jasny"] body[data-page="non-premium"] .np-warning h2 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-path p,
html[data-motyw="jasny"] body[data-page="non-premium"] .np-playbook p,
html[data-motyw="jasny"] body[data-page="non-premium"] .np-return p,
html[data-motyw="jasny"] body[data-page="non-premium"] .np-warning p {
    color: #2b3243;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-mini-steps span {
    border-color: rgba(35, 51, 71, 0.149);
    background-color: rgba(15, 23, 42, 0.035);
    color: #1d2434;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-step {
    border-color: rgba(35, 51, 71, 0.149);
    background-color: rgba(15, 23, 42, 0.032);
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-step-num {
    border-color: rgba(0, 153, 88, 0.28);
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-step b {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-example {
    color: #435061 !important;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-code {
    border-color: rgba(35, 51, 71, 0.207);
    background-color: rgba(15, 23, 42, 0.049);
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-command-box {
    border-color: rgba(0, 153, 88, 0.28);
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-command-box strong {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-command-box small {
    color: #3a4554;
}
html[data-motyw="jasny"] body[data-page="non-premium"] .np-warning strong {
    color: #007e47;
}

/* ===== pluginy.css (strona: pluginy) ===== */
html[data-motyw="jasny"] body[data-page="pluginy"] .plugins-hero {
    background-image: linear-gradient(135deg, rgba(241, 242, 245, 0.8), rgba(229, 229, 235, 0.8));
    border-bottom-color: rgba(15, 23, 42, 0.11);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugins-hero h1 span {
    color: #915b00;
    text-shadow: 0 0 20px rgba(201, 128, 0, 0.15);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugins-nav .tabs {
    border-bottom-color: rgba(15, 23, 42, 0.11);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .tab-btn {
    background-color: rgba(15, 23, 42, 0.021);
    border-color: rgba(15, 23, 42, 0.055);
    color: #50596b;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .tab-btn:hover {
    background-color: rgba(15, 23, 42, 0.056);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .tab-btn.active {
    background-color: #eeeef1;
    border-color: #b17000;
    color: #915b00;
    box-shadow: 0 0 20px rgba(201, 128, 0, 0.083);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-row {
    background-color: rgba(15, 23, 42, 0.02);
    border-color: rgba(15, 23, 42, 0.055);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-header:hover {
    background-color: rgba(15, 23, 42, 0.035);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-icon {
    border-color: rgba(177, 112, 0, 0.2);
    color: #915b00;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-version {
    color: #5b6376;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-price-pln {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-price-gems {
    color: #806500;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-content {
    background-color: rgba(250, 250, 250, 0.2);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-description {
    color: #232b3b;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-test-info {
    border-left-color: #9c7c00;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .btn-buy-monthly {
    color: #fff;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .btn-license-secondary {
    border-color: rgba(15, 23, 42, 0.22);
    background-color: #e6e9ee;
    color: #141b2a;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .status-okres_ochronny {
    background-color: #e7dbca;
    color: #846300;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .status-wygasla,
html[data-motyw="jasny"] body[data-page="pluginy"] .status-zablokowana {
    background-color: #fcdcda;
    color: #a1494c;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .btn-buy-pln:hover {
    box-shadow: 0 0 20px rgba(0, 162, 198, 0.22);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .btn-buy-gems:hover {
    box-shadow: 0 0 20px rgba(178, 141, 0, 0.22);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .license-card {
    background-color: rgba(15, 23, 42, 0.035);
    border-color: rgba(15, 23, 42, 0.11);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .license-plugin-info h3 {
    color: #915b00;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .license-status-tag {
    color: #007e3d;
    border-color: rgba(0, 154, 68, 0.2);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .license-key-wrap {
    background-color: rgba(250, 250, 250, 0.3);
    border-color: rgba(15, 23, 42, 0.055);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .license-install-guide,
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-install-guide {
    border-color: rgba(0, 152, 99, 0.18);
    background-color: rgba(233, 245, 242, 0.42);
    color: #283040;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .license-install-guide summary {
    color: #007d53;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .license-install-guide p {
    color: #42505f;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-install-guide strong {
    color: #007d53;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .license-install-guide code,
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-install-guide code {
    color: #32785b;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .license-key-text {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .btn-copy {
    color: #5b6376;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .btn-copy:hover {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .license-details-list {
    color: #4a5264;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .license-details-list span strong {
    color: #303748;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .btn-reset-ip {
    background-color: rgba(15, 23, 42, 0.07);
    border-color: rgba(15, 23, 42, 0.11);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .btn-reset-ip:hover {
    border-color: rgba(240, 0, 0, 0.3);
    color: #c21725;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-purchase-backdrop {
    background-color: rgba(15, 23, 42, 0.43);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-purchase-dialog {
    border-color: rgba(0, 152, 99, 0.24);
    color: #121827;
    background-image: linear-gradient(160deg, #e8eff9, #eff5fd 72%);
    box-shadow: 0 34px 100px rgba(15, 23, 42, 0.218);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-purchase-icon.is-error {
    color: #fff1f1;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-purchase-kicker {
    color: #007d51;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-purchase-summary {
    border-color: rgba(49, 67, 88, 0.161);
    background-color: rgba(199, 215, 234, 0.14);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-purchase-summary div {
    background-color: rgba(243, 249, 255, 0.9);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-purchase-summary span {
    color: #4d5d6f;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-purchase-summary strong {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-purchase-note,
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-purchase-warning {
    color: #343c4d;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-purchase-warning {
    color: #846400;
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-action-message {
    border-color: rgba(49, 67, 88, 0.161);
    background-color: rgba(246, 251, 255, 0.52);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-purchase-cancel {
    color: #232a3a;
    border-color: rgba(49, 67, 88, 0.23);
    background-color: rgba(15, 23, 42, 0.025);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-purchase-confirm {
    border-color: #009863;
    box-shadow: 0 10px 28px rgba(0, 173, 111, 0.088);
}
html[data-motyw="jasny"] body[data-page="pluginy"] .plugin-key-box {
    border-color: rgba(0, 152, 99, 0.3);
    color: #32785b;
    background-color: rgba(233, 245, 242, 0.72);
}

/* ===== resourcepacki.css (strona: resourcepacki) ===== */
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-hero {
    background-image: linear-gradient(135deg, rgba(245, 248, 255, 0.92), rgba(230, 236, 244, 0.86)), url("../assets/jpg/strona_glowna.jpeg");
    border-bottom-color: rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-hero h1 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-lead {
    color: #232a3b;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-toolbar h2 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-toolbar p {
    color: #404859;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-shop-link {
    border-color: rgba(39, 140, 179, 0.38);
    color: #161d2c;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-status {
    border-color: rgba(15, 23, 42, 0.088);
    background-color: rgba(15, 23, 42, 0.028);
    color: #232a3b;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-status.is-ok {
    border-color: rgba(0, 153, 91, 0.45);
    color: #307955;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-status.is-error {
    border-color: rgba(210, 76, 80, 0.5);
    color: #925556;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-card,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-loading,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-empty {
    border-color: rgba(15, 23, 42, 0.088);
    background-color: rgba(242, 245, 252, 0.84);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-media {
    background-color: #ebf0f9;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-badge {
    color: #856300;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-price {
    color: #007398;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-description {
    color: #2b3343;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-more {
    color: #007398;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-more:hover {
    color: #3a7186;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-features {
    color: #1f2636;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-gallery-thumb {
    border-color: rgba(15, 23, 42, 0.088);
    background-color: #ecf1fa;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-youtube {
    border-color: rgba(226, 52, 58, 0.42);
    color: #391f20;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-download {
    box-shadow: 0 12px 28px rgba(0, 174, 98, 0.121);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-buy:disabled,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-download:disabled {
    background-color: #e3edf8;
    color: #212939;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-loading,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-empty {
    color: #2b3343;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-lightbox-backdrop {
    background-color: rgba(15, 23, 42, 0.44);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-lightbox-panel {
    border-color: rgba(39, 140, 179, 0.28);
    background-color: #f5f8ff;
    box-shadow: 0 30px 90px rgba(15, 23, 42, 0.176);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-lightbox-close,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-lightbox-nav {
    border-color: rgba(15, 23, 42, 0.176);
    background-color: rgba(242, 245, 252, 0.86);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-lightbox-stage {
    background-color: #f8faff;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-lightbox-close:hover,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-lightbox-nav:hover:not(:disabled) {
    border-color: rgba(39, 140, 179, 0.5);
    background-color: rgba(228, 235, 246, 0.96);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-lightbox-footer {
    border-top-color: rgba(15, 23, 42, 0.088);
    color: #2b3343;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-purchase-backdrop {
    background-color: rgba(15, 23, 42, 0.41);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-purchase-panel {
    border-color: rgba(39, 140, 179, 0.28);
    background-color: #f3f7ff;
    box-shadow: 0 26px 80px rgba(15, 23, 42, 0.176);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-purchase-lead,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-purchase-note {
    color: #2b3343;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-purchase-box {
    border-color: rgba(15, 23, 42, 0.11);
    background-color: rgba(15, 23, 42, 0.028);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-purchase-name {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-purchase-price {
    color: #007398;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-purchase-cancel {
    border-color: rgba(15, 23, 42, 0.176);
    background-color: rgba(15, 23, 42, 0.028);
    color: #1f2636;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-purchase-cancel:hover {
    background-color: rgba(15, 23, 42, 0.056);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-description-backdrop {
    background-color: rgba(15, 23, 42, 0.41);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-description-panel {
    border-color: rgba(39, 140, 179, 0.28);
    background-color: #f3f7ff;
    box-shadow: 0 26px 80px rgba(15, 23, 42, 0.176);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-description-close {
    border-color: rgba(15, 23, 42, 0.176);
    background-color: rgba(15, 23, 42, 0.028);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-description-label {
    color: #007398;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-description-title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-description-full {
    color: #1f2636;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-description-action {
    border-color: rgba(15, 23, 42, 0.176);
    background-color: rgba(15, 23, 42, 0.028);
    color: #1f2636;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-description-close:hover,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-description-action:hover {
    background-color: rgba(15, 23, 42, 0.056);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"][data-page="resourcepacki"] #page-content {
    background-image: linear-gradient(180deg, rgba(247, 250, 254, 0.38), #f8fafd 52rem), url("../assets/imagen/titans-hero-imagen.png");
}
html[data-motyw="jasny"] body[data-page="resourcepacki"][data-page="resourcepacki"] #page-content::before {
    background-image: linear-gradient(90deg, rgba(247, 250, 254, 0.96), rgba(247, 250, 254, 0.62) 52%, rgba(247, 250, 254, 0.88)), radial-gradient(circle at 12% 12%, rgba(38, 214, 255, 0.16), transparent 30rem), radial-gradient(circle at 84% 16%, rgba(22, 199, 132, 0.14), transparent 30rem);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-kicker {
    border-color: rgba(0, 153, 88, 0.34);
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-hero h1 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-lead {
    color: #202737;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-action,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-shop-link {
    border-color: rgba(35, 51, 71, 0.23);
    background-color: rgba(15, 23, 42, 0.042);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-action--primary {
    border-color: rgba(0, 153, 88, 0.7);
    box-shadow: 0 18px 38px rgba(0, 173, 113, 0.121);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-guide article,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-card,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-loading,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-empty {
    border-color: rgba(35, 51, 71, 0.184);
    background-color: rgba(243, 248, 253, 0.78);
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.044);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-guide span {
    border-color: rgba(0, 153, 88, 0.28);
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-guide h2 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-guide p {
    color: #303c4c;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-toolbar {
    border-bottom-color: rgba(35, 51, 71, 0.161);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-toolbar h2 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-toolbar p {
    color: #3a4554;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-status {
    border-color: rgba(35, 51, 71, 0.184);
    background-color: rgba(243, 248, 253, 0.78);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-status.is-ok {
    border-color: rgba(0, 153, 88, 0.34);
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-status.is-error {
    border-color: rgba(210, 76, 80, 0.5);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-card:hover {
    border-color: rgba(0, 153, 88, 0.36);
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.109);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-media {
    border-bottom-color: rgba(35, 51, 71, 0.138);
    background-image: linear-gradient(180deg, rgba(247, 250, 254, 0.08), rgba(247, 250, 254, 0.52)), none;
    background-color: rgba(15, 23, 42, 0.028);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-badge {
    border-color: rgba(157, 124, 0, 0.34);
    color: #816500;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-price {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-description,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-features,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-features li,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-loading,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepacks-empty {
    color: #303c4c;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-features li::before {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-more {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-gallery-thumb {
    border-color: rgba(35, 51, 71, 0.149);
    background-color: rgba(15, 23, 42, 0.028);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-buy {
    box-shadow: 0 14px 28px rgba(0, 173, 113, 0.099);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-buy:disabled,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-download:disabled {
    background-color: rgba(15, 23, 42, 0.063);
    color: #303c4c;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-lightbox-panel,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-purchase-panel,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-description-panel {
    border-color: rgba(35, 51, 71, 0.184);
    background-color: rgba(243, 248, 253, 0.96);
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-lightbox-stage {
    background-color: #f8fafd;
}
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-purchase-price,
html[data-motyw="jasny"] body[data-page="resourcepacki"] .resourcepack-description-label {
    color: #007e47;
}

/* ===== gry.css (strona: gry) ===== */
html[data-motyw="jasny"] body[data-page="gry"][data-page="gry"] {
    background-color: #f5f9fd;
    color: #121827;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-kicker {
    color: #007a6d;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-hero {
    border-bottom-color: rgba(15, 23, 42, 0.077);
    background-image: radial-gradient(circle at 18% 20%, rgba(45, 212, 191, 0.17), transparent 34rem), radial-gradient(circle at 92% 70%, rgba(124, 58, 237, 0.18), transparent 32rem), linear-gradient(145deg, #eff4fa, #f7fafe 66%);
}
html[data-motyw="jasny"] body[data-page="gry"] .games-hero h1 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-hero__lead {
    color: #384052;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-button {
    border-color: rgba(0, 149, 133, 0.38);
    color: #051e1c;
    background-color: rgba(234, 243, 247, 0.72);
}
html[data-motyw="jasny"] body[data-page="gry"] .games-button--primary {
    border-color: #009585;
    box-shadow: 0 14px 34px rgba(0, 169, 151, 0.099);
}
html[data-motyw="jasny"] body[data-page="gry"] .games-hero__meta span {
    border-color: rgba(15, 23, 42, 0.132);
    color: #4b5365;
    background-color: rgba(15, 23, 42, 0.025);
}
html[data-motyw="jasny"] body[data-page="gry"] .games-hero__visual {
    border-color: rgba(0, 149, 133, 0.34);
    background-color: #f1f7fb;
    box-shadow: 0 32px 90px rgba(15, 23, 42, 0.154);
}
html[data-motyw="jasny"] body[data-page="gry"] .games-hero__visual figcaption {
    border-color: rgba(0, 149, 133, 0.26);
    color: #021f1d;
    background-color: rgba(243, 250, 253, 0.82);
}
html[data-motyw="jasny"] body[data-page="gry"] .games-section--intro {
    background-color: #f3f6fb;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-section h2 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-intro > p,
html[data-motyw="jasny"] body[data-page="gry"] .games-section__heading--split > p {
    color: #3f4758;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-feature-grid article {
    border-color: rgba(15, 23, 42, 0.099);
    background-color: #eef3f9;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-feature-grid article > span {
    border-color: rgba(0, 149, 133, 0.34);
    color: #007a6d;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-feature-grid h3,
html[data-motyw="jasny"] body[data-page="gry"] .games-steps h3 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-feature-grid p,
html[data-motyw="jasny"] body[data-page="gry"] .games-steps p {
    color: #4b5365;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-section--gallery {
    border-block-color: rgba(15, 23, 42, 0.066);
    background-color: #f3f7fc;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-gallery figure {
    border-color: rgba(15, 23, 42, 0.11);
    background-color: #f7fafe;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-gallery figcaption {
    background-image: linear-gradient(transparent, rgba(246, 251, 255, 0.95));
}
html[data-motyw="jasny"] body[data-page="gry"] .games-gallery figcaption strong {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-gallery figcaption span {
    color: #434b5c;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-section--steps {
    background-color: #f5f8fc;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-steps article {
    border-top-color: rgba(0, 149, 133, 0.28);
}
html[data-motyw="jasny"] body[data-page="gry"] .games-steps article > span {
    color: #007a6d;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-final-cta {
    background-image: linear-gradient(120deg, rgba(223, 236, 238, 0.94), rgba(245, 241, 255, 0.96)), none;
    background-color: #f1f5fa;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-final-cta h2 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="gry"] .games-final-cta p {
    color: #3a4253;
}

/* ===== shop.css (strona: shop) ===== */
html[data-motyw="jasny"] body[data-page="shop"] .shop {
    background-image: radial-gradient(circle at top left, rgba(42, 163, 255, 0.16), transparent 34%), linear-gradient(180deg, #f0f3f6 0%, #f7f8fb 100%);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-hero {
    border-color: rgba(53, 73, 102, 0.23);
    background-image: linear-gradient(145deg, rgba(237, 242, 251, 0.92), rgba(241, 246, 253, 0.96));
    box-shadow: 0 24px 56px rgba(15, 23, 42, 0.115);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-page-lead {
    color: #2f3b4f;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-hero__panel-link {
    border-color: rgba(0, 133, 217, 0.62);
    color: #ffffff;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-status {
    border-color: rgba(0, 132, 221, 0.35);
    color: #151c2b;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-status[data-state="success"] {
    border-color: rgba(0, 153, 90, 0.45);
    color: #062013;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-status[data-state="error"] {
    border-color: rgba(224, 55, 71, 0.5);
    color: #311d1f;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-lkh-promo {
    border-color: rgba(0, 139, 189, 0.5);
    background-image: linear-gradient(140deg, rgba(236, 243, 255, 0.96) 0%, rgba(223, 234, 255, 0.94) 55%, rgba(7, 120, 190, 0.32) 100%);
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.166);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-lkh-promo__badge {
    border-color: rgba(49, 139, 177, 0.55);
    color: #14242f;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-lkh-promo__title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-lkh-promo__text {
    color: #1b2432;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-lkh-promo__btn {
    color: #ffffff;
    border-color: rgba(49, 139, 177, 0.7);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal__backdrop {
    background-color: rgba(15, 23, 42, 0.37);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal__card {
    border-color: rgba(0, 132, 221, 0.45);
    background-image: linear-gradient(180deg, #eaf0f7 0%, #f0f4f9 100%);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.176);
    color: #151c2b;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal__close {
    border-color: rgba(15, 23, 42, 0.176);
    background-color: rgba(15, 23, 42, 0.028);
    color: #212838;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal__close:hover {
    background-color: rgba(15, 23, 42, 0.063);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal__icon {
    border-color: rgba(0, 132, 221, 0.45);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal__icon::before {
    border-color: rgba(0, 132, 221, 0.3);
    border-top-color: #008fad;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal__title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal__message {
    color: #1e2535;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal__meta {
    color: #3a546a;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal[data-state="success"] .shop-payment-modal__card {
    border-color: rgba(0, 153, 90, 0.5);
    background-image: linear-gradient(180deg, #e5efeb 0%, #edf4f1 100%);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal[data-state="success"] .shop-payment-modal__icon {
    border-color: rgba(0, 153, 90, 0.5);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal[data-state="success"] .shop-payment-modal__icon::after {
    border-right-color: #009954;
    border-bottom-color: #009954;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal[data-state="error"] .shop-payment-modal__card {
    border-color: rgba(224, 55, 71, 0.55);
    background-image: linear-gradient(180deg, #faebee 0%, #faf3f4 100%);
    color: #181f2e;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal[data-state="error"] .shop-payment-modal__icon {
    border-color: rgba(224, 55, 71, 0.55);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-payment-modal[data-state="error"] .shop-payment-modal__icon::after {
    color: #ab3f4d;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-action-modal__backdrop {
    background-color: rgba(15, 23, 42, 0.39);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-action-modal__card {
    border-color: rgba(0, 132, 221, 0.38);
    background-image: radial-gradient(circle at top right, rgba(0, 160, 255, 0.12), rgba(240, 244, 251, 0.96) 42%);
    box-shadow: 0 28px 78px rgba(15, 23, 42, 0.176);
    color: #161c2c;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-action-modal__close {
    border-color: rgba(15, 23, 42, 0.176);
    background-color: rgba(15, 23, 42, 0.028);
    color: #212838;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-action-modal__close:hover {
    background-color: rgba(15, 23, 42, 0.063);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-action-modal__title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-action-modal__message {
    color: #1d2433;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-action-modal__details {
    border-color: rgba(15, 23, 42, 0.132);
    background-color: rgba(250, 250, 250, 0.24);
    color: #314456;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-action-modal__btn--ghost {
    border-color: rgba(15, 23, 42, 0.22);
    background-color: rgba(15, 23, 42, 0.028);
    color: #1e2535;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-action-modal__btn--ghost:hover {
    background-color: rgba(15, 23, 42, 0.056);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-action-modal__btn--primary {
    border-color: rgba(0, 143, 173, 0.35);
    color: #ffffff;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-action-modal[data-state="success"] .shop-action-modal__card {
    border-color: rgba(0, 153, 90, 0.5);
    background-image: radial-gradient(circle at top right, rgba(0, 200, 120, 0.16), rgba(237, 244, 241, 0.96) 45%);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-action-modal[data-state="error"] .shop-action-modal__card {
    border-color: rgba(224, 55, 71, 0.55);
    background-image: radial-gradient(circle at top right, rgba(255, 86, 96, 0.16), rgba(252, 242, 243, 0.96) 45%);
}
html[data-motyw="jasny"] body[data-page="shop"] .discount-banner {
    border-color: rgba(0, 132, 221, 0.3);
}
html[data-motyw="jasny"] body[data-page="shop"] .discount-banner-content {
    color: #1d2434;
}
html[data-motyw="jasny"] body[data-page="shop"] .discount-banner-content strong {
    color: #00758e;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-section-head {
    border-bottom-color: rgba(53, 73, 102, 0.161);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-subtitle {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-subdesc {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-empty {
    color: #434b5d;
    border-color: rgba(53, 73, 102, 0.276);
    background-color: rgba(240, 243, 246, 0.72);
}
html[data-motyw="jasny"] body[data-page="shop"] .product-card {
    background-image: linear-gradient(180deg, rgba(233, 239, 249, 0.96), rgba(241, 245, 252, 0.96));
    border-color: rgba(53, 73, 102, 0.207);
    color: #1d2434;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.077);
}
html[data-motyw="jasny"] body[data-page="shop"] .product-card:hover {
    border-color: rgba(0, 143, 173, 0.5);
    box-shadow: 0 22px 42px rgba(15, 23, 42, 0.109);
}
html[data-motyw="jasny"] body[data-page="shop"] .product-media {
    background-color: #f0f3f6;
    border-color: rgba(53, 73, 102, 0.207);
}
html[data-motyw="jasny"] body[data-page="shop"] .product-media::before {
    background-image: linear-gradient(180deg, rgba(245, 248, 251, 0.02), rgba(245, 248, 251, 0.12));
    box-shadow: inset 0 0 40px rgba(15, 23, 42, 0.16);
    border-color: rgba(212, 212, 212, 0.25);
}
html[data-motyw="jasny"] body[data-page="shop"] .product-media.has-video {
    border-color: #cfd4df;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-card:hover .product-media {
    border-color: rgba(0, 143, 173, 0.55);
}
html[data-motyw="jasny"] body[data-page="shop"] .product-title {
    color: #121827;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-badge {
    border-color: rgba(0, 143, 173, 0.32);
    color: #277488;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-price {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="shop"] .price-old {
    color: #535c6e;
}
html[data-motyw="jasny"] body[data-page="shop"] .price-new {
    color: #0a729a;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-meta {
    color: #435168;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-description {
    color: #2f3745;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-features li {
    color: #353e4f;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-features li::before {
    color: #00758e;
}
html[data-motyw="jasny"] body[data-page="shop"] .buy-btn {
    color: white;
}
html[data-motyw="jasny"] body[data-page="shop"] .key-item {
    background-color: #f0f3f6;
    border-color: #cfd4df;
}
html[data-motyw="jasny"] body[data-page="shop"] .key-meta {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="shop"] .copy-key-btn {
    border-color: #cfd4df;
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="shop"][data-page="shop"] #page-content {
    background-image: linear-gradient(180deg, rgba(247, 250, 254, 0.38), #f8fafd 54rem), url("../assets/imagen/titans-hero-imagen.png");
}
html[data-motyw="jasny"] body[data-page="shop"] .shop::before {
    background-image: linear-gradient(90deg, rgba(247, 250, 254, 0.96), rgba(247, 250, 254, 0.62) 52%, rgba(247, 250, 254, 0.88)), radial-gradient(circle at 12% 12%, rgba(38, 214, 255, 0.16), transparent 30rem), radial-gradient(circle at 84% 16%, rgba(22, 199, 132, 0.14), transparent 30rem);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-kicker {
    border-color: rgba(0, 153, 88, 0.34);
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-hero h1 {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-hero p,
html[data-motyw="jasny"] body[data-page="shop"] .shop-page-lead {
    color: #202737;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-hero__panel-link {
    border-color: rgba(35, 51, 71, 0.23);
    background-color: rgba(15, 23, 42, 0.042);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-hero__panel-link--primary {
    border-color: rgba(0, 153, 88, 0.7);
    box-shadow: 0 18px 38px rgba(0, 173, 113, 0.121);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-category-rail {
    border-color: rgba(35, 51, 71, 0.161);
    background-color: rgba(246, 250, 253, 0.86);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-category-rail a {
    color: #2b3543;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-category-rail a:hover {
    color: #111827;
    background-color: rgba(15, 23, 42, 0.049);
    box-shadow: inset 0 -2px 0 rgba(0, 152, 99, 0.88);
}
html[data-motyw="jasny"] body[data-page="shop"] .discount-banner {
    border-color: rgba(0, 153, 88, 0.2);
    background-color: rgba(243, 248, 253, 0.78);
}
html[data-motyw="jasny"] body[data-page="shop"] .discount-banner-content {
    color: #2b3243;
}
html[data-motyw="jasny"] body[data-page="shop"] .discount-banner-content strong {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="shop"] .discount-icon {
    border-color: rgba(0, 153, 88, 0.22);
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-lkh-promo {
    border-color: rgba(35, 51, 71, 0.184);
    background-image: linear-gradient(135deg, rgba(38, 214, 255, 0.13), rgba(243, 248, 253, 0.78) 46%), none;
    background-color: rgba(243, 248, 253, 0.78);
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.044);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-lkh-promo__badge {
    border-color: rgba(0, 153, 88, 0.34);
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-lkh-promo__title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-lkh-promo__text {
    color: #2b3243;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-lkh-promo__btn {
    border-color: rgba(0, 153, 88, 0.7);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-section-head {
    border-bottom-color: rgba(35, 51, 71, 0.161);
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-subtitle {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="shop"] .shop-subdesc {
    color: #3a4554;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-empty,
html[data-motyw="jasny"] body[data-page="shop"] .product-card {
    border-color: rgba(35, 51, 71, 0.184);
    background-color: rgba(243, 248, 253, 0.78);
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.044);
}
html[data-motyw="jasny"] body[data-page="shop"] .product-card:hover {
    border-color: rgba(0, 153, 88, 0.36);
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.109);
}
html[data-motyw="jasny"] body[data-page="shop"] .product-media,
html[data-motyw="jasny"] body[data-page="shop"] .product-media.has-video {
    border-color: rgba(35, 51, 71, 0.149);
    background-image: linear-gradient(180deg, rgba(247, 250, 254, 0.08), rgba(247, 250, 254, 0.52)), none;
    background-color: rgba(15, 23, 42, 0.028);
}
html[data-motyw="jasny"] body[data-page="shop"] .product-media::before {
    border-color: rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] body[data-page="shop"] .product-title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-badge {
    border-color: rgba(157, 124, 0, 0.34);
    color: #816500;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-price {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="shop"] .price-new {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-meta,
html[data-motyw="jasny"] body[data-page="shop"] .product-description,
html[data-motyw="jasny"] body[data-page="shop"] .product-features li {
    color: #303c4c;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-features li::before {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="shop"] .buy-btn {
    box-shadow: 0 14px 28px rgba(0, 173, 113, 0.099);
}
html[data-motyw="jasny"] body[data-page="shop"] .product-card--coins {
    border-color: rgba(160, 122, 0, 0.28);
}
html[data-motyw="jasny"] body[data-page="shop"] .product-card--coins:hover {
    border-color: rgba(157, 124, 0, 0.58);
}
html[data-motyw="jasny"] body[data-page="shop"] .product-card--coins .product-media {
    background-color: #e9effc;
}
html[data-motyw="jasny"] body[data-page="shop"] .coins-quantity {
    border-color: rgba(157, 124, 0, 0.24);
}
html[data-motyw="jasny"] body[data-page="shop"] .coins-quantity__head {
    color: #1c2333;
}
html[data-motyw="jasny"] body[data-page="shop"] .coins-quantity__head output {
    color: #816500;
}
html[data-motyw="jasny"] body[data-page="shop"] .coins-quantity-slider::-webkit-slider-runnable-track {
    border-color: rgba(157, 124, 0, 0.36);
}
html[data-motyw="jasny"] body[data-page="shop"] .coins-quantity-slider::-webkit-slider-thumb {
    box-shadow: 3px 3px 0 rgba(212, 212, 212, 0.34);
}
html[data-motyw="jasny"] body[data-page="shop"] .coins-quantity-slider::-moz-range-track {
    border-color: rgba(157, 124, 0, 0.36);
}
html[data-motyw="jasny"] body[data-page="shop"] .coins-quantity-slider::-moz-range-thumb {
    box-shadow: 3px 3px 0 rgba(212, 212, 212, 0.34);
}
html[data-motyw="jasny"] body[data-page="shop"] .coins-quantity__scale {
    color: #576478;
}
html[data-motyw="jasny"] body[data-page="shop"] .coins-quantity__rate {
    border-top-color: rgba(157, 124, 0, 0.2);
    color: #3a4554;
}
html[data-motyw="jasny"] body[data-page="shop"] .product-card--coins .buy-btn {
    box-shadow: 0 14px 28px rgba(191, 134, 0, 0.099);
}

/* ===== panel.css (strona: panel) ===== */
html[data-motyw="jasny"] body[data-page="panel"] .panel > .container {
    box-shadow: 0 30px 70px rgba(15, 23, 42, 0.208);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-hero {
    background-image: linear-gradient(
        145deg,
        rgba(236, 241, 253, 0.95),
        rgba(240, 244, 255, 0.95)
    );
    border-color: rgba(52, 123, 238, 0.25);
    box-shadow: 0 25px 60px rgba(15, 23, 42, 0.224);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-eyebrow {
    color: #0a729a;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-hero__title {
    color: #131929;
    text-shadow: 0 8px 32px rgba(0, 132, 255, 0.084);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-hero__lead {
    color: #2c3344;
}
html[data-motyw="jasny"] body[data-page="panel"] .hero-badge {
    background-color: rgba(15, 23, 42, 0.042);
    color: #161d2c;
    border-color: rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-hero__card {
    background-image: linear-gradient(
        135deg,
        rgba(230, 237, 253, 0.95),
        rgba(240, 245, 255, 0.95)
    );
    border-color: rgba(52, 123, 238, 0.35);
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.192);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-hero__card-title {
    color: #131929;
}
html[data-motyw="jasny"] body[data-page="panel"] .hero-step {
    background-image: linear-gradient(
        145deg,
        rgba(241, 245, 254, 0.95),
        rgba(220, 232, 253, 0.45)
    );
    border-color: rgba(52, 123, 238, 0.25);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08),
        0 14px 32px rgba(15, 23, 42, 0.256);
}
html[data-motyw="jasny"] body[data-page="panel"] .step-dot {
    color: #fff;
    box-shadow: 0 10px 30px rgba(37, 99, 235, 0.22);
}
html[data-motyw="jasny"] body[data-page="panel"] .hero-step small {
    color: #434d5e;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-tabs {
    background-color: rgba(235, 242, 255, 0.85);
    border-color: rgba(52, 123, 238, 0.3);
    box-shadow: 0 22px 45px rgba(15, 23, 42, 0.192);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-tab {
    border-color: rgba(52, 123, 238, 0.2);
    background-color: rgba(237, 242, 253, 0.95);
    color: #434d5e;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-tab:hover {
    border-color: rgba(52, 123, 238, 0.6);
    color: #161d2c;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-tab.is-active {
    border-color: rgba(52, 123, 238, 0.95);
    color: #f2f6ff;
    box-shadow: 0 18px 32px rgba(37, 99, 235, 0.248);
}
html[data-motyw="jasny"] body[data-page="panel"] .gem-bonus-modal {
    background-color: rgba(243, 247, 255, 0.72);
}
html[data-motyw="jasny"] body[data-page="panel"] .gem-bonus-modal__card {
    border-color: rgba(78, 136, 166, 0.55);
    background-image: linear-gradient(
        145deg,
        rgba(215, 228, 252, 0.98),
        rgba(210, 225, 248, 0.96)
    );
    box-shadow: 0 28px 64px rgba(15, 23, 42, 0.208);
}
html[data-motyw="jasny"] body[data-page="panel"] .gem-bonus-modal__title {
    color: #1f1909;
}
html[data-motyw="jasny"] body[data-page="panel"] .gem-bonus-modal__amount {
    color: #007d4b;
    text-shadow: 0 8px 20px rgba(21, 174, 96, 0.09);
}
html[data-motyw="jasny"] body[data-page="panel"] .gem-bonus-modal__desc {
    color: #172431;
}
html[data-motyw="jasny"] body[data-page="panel"] .gem-bonus-modal__btn {
    border-color: rgba(84, 135, 166, 0.74);
    color: #ffffff;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-card {
    background-image: linear-gradient(
        145deg,
        rgba(236, 242, 254, 0.95),
        rgba(241, 246, 255, 0.95)
    );
    border-color: rgba(52, 123, 238, 0.25);
    color: #1d2434;
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.192);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-tag {
    background-color: rgba(15, 23, 42, 0.042);
    color: #376f92;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-title-small {
    color: #1d2434;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-desc {
    color: #38404e;
}
html[data-motyw="jasny"] body[data-page="panel"] .purchase-overview-card {
    background-image: linear-gradient(180deg, rgba(243, 247, 253, 0.98), rgba(247, 250, 254, 0.98)), radial-gradient(circle at 100% 0%, rgba(22, 199, 132, 0.08), transparent 34%);
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.109);
}
html[data-motyw="jasny"] body[data-page="panel"] .purchase-overview-metric {
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] .purchase-overview-metric span {
    color: #495766;
}
html[data-motyw="jasny"] body[data-page="panel"] .purchase-overview-metric strong {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .purchase-pending-modern-item {
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] .purchase-pending-type {
    color: #495766;
}
html[data-motyw="jasny"] body[data-page="panel"] .purchase-pending-empty {
    background-color: rgba(15, 23, 42, 0.02);
}
html[data-motyw="jasny"] body[data-page="panel"] .purchase-highlight-box--command strong {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="panel"] .lkh-promo-btn {
    border-color: rgba(49, 139, 177, 0.65);
    color: #ffffff;
}
html[data-motyw="jasny"] body[data-page="panel"] .lkh-promo-btn:hover {
    border-color: #18293e;
}
html[data-motyw="jasny"] body[data-page="panel"] .action-card {
    background-color: rgba(241, 246, 255, 0.7);
    border-color: rgba(52, 123, 238, 0.25);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.192);
}
html[data-motyw="jasny"] body[data-page="panel"] .action-card-accent {
    background-image: linear-gradient(
        145deg,
        rgba(37, 99, 235, 0.3),
        rgba(229, 239, 255, 0.9)
    );
    border-color: rgba(52, 123, 238, 0.5);
}
html[data-motyw="jasny"] body[data-page="panel"] .action-card__title {
    color: #131929;
}
html[data-motyw="jasny"] body[data-page="panel"] .input {
    background-color: rgba(241, 245, 253, 0.9);
    border-color: rgba(15, 23, 42, 0.132);
    color: #1d2434;
}
html[data-motyw="jasny"] body[data-page="panel"] .input::placeholder {
    color: #5b6373;
}
html[data-motyw="jasny"] body[data-page="panel"] .input:focus {
    border-color: #0085d9;
    box-shadow: 0 0 0 4px rgba(0, 133, 217, 0.15);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-divider {
    background-color: #dde2ed;
}
html[data-motyw="jasny"] body[data-page="panel"] .form-message {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="panel"] .btn {
    border-color: rgba(15, 23, 42, 0.132);
    background-color: rgba(15, 23, 42, 0.028);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .btn:hover {
    border-color: rgba(0, 133, 217, 0.65);
}
html[data-motyw="jasny"] body[data-page="panel"] .btn:disabled:hover,
html[data-motyw="jasny"] body[data-page="panel"] .btn[disabled]:hover {
    border-color: rgba(15, 23, 42, 0.132);
}
html[data-motyw="jasny"] body[data-page="panel"] .btn-primary {
    border-color: rgba(52, 123, 238, 0.9);
    box-shadow: 0 18px 36px rgba(37, 99, 235, 0.248);
}
html[data-motyw="jasny"] body[data-page="panel"] .btn-ghost {
    background-color: rgba(15, 23, 42, 0.035);
    border-color: rgba(15, 23, 42, 0.176);
}
html[data-motyw="jasny"] body[data-page="panel"] .btn-danger {
    border-color: rgba(225, 54, 60, 0.35);
}
html[data-motyw="jasny"] body[data-page="panel"] .btn-danger:hover {
    border-color: rgba(225, 54, 60, 0.8);
}
html[data-motyw="jasny"] body[data-page="panel"] .code-box {
    background-color: rgba(241, 245, 253, 0.95);
    border-color: rgba(15, 23, 42, 0.132);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .link-code-wrap {
    background-color: rgba(15, 23, 42, 0.021);
    border-color: rgba(48, 138, 179, 0.35);
}
html[data-motyw="jasny"] body[data-page="panel"] .text-strong {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .pill {
    border-color: rgba(15, 23, 42, 0.132);
    background-color: rgba(15, 23, 42, 0.028);
    color: #333b4c;
}
html[data-motyw="jasny"] body[data-page="panel"] .pill-strong {
    border-color: rgba(0, 143, 173, 0.28);
    color: #00758e;
}
html[data-motyw="jasny"] body[data-page="panel"] .pill-ok {
    border-color: rgba(0, 143, 173, 0.28);
    color: #00758e;
}
html[data-motyw="jasny"] body[data-page="panel"] .pill-ok-green {
    border-color: rgba(0, 153, 84, 0.28);
    color: #1d2434;
}
html[data-motyw="jasny"] body[data-page="panel"] .pill-warn {
    border-color: rgba(157, 124, 0, 0.25);
    color: #816500;
}
html[data-motyw="jasny"] body[data-page="panel"] .pill-bad {
    border-color: rgba(225, 54, 60, 0.25);
    color: #b63139;
}
html[data-motyw="jasny"] body[data-page="panel"] .market-item {
    background-color: rgba(241, 245, 253, 0.85);
    border-color: rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] body[data-page="panel"] .market-item-title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .market-item-meta {
    color: #434b5d;
}
html[data-motyw="jasny"] body[data-page="panel"] .market-item-price {
    color: #00758e;
}
html[data-motyw="jasny"] body[data-page="panel"] .profile-item {
    background-color: rgba(241, 245, 253, 0.85);
    border-color: rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] body[data-page="panel"] .profile-label {
    color: #5b6376;
}
html[data-motyw="jasny"] body[data-page="panel"] .profile-value {
    color: #1d2434;
}
html[data-motyw="jasny"] body[data-page="panel"] .profile-list-item {
    color: #434b5d;
    background-color: rgba(241, 245, 253, 0.85);
    border-color: rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .panel-card {
    background-image: radial-gradient(
            circle at 14% 18%,
            rgba(255, 190, 94, 0.22),
            transparent 34%
        ), radial-gradient(
            circle at 84% 14%,
            rgba(121, 214, 255, 0.23),
            transparent 32%
        ), radial-gradient(
            circle at 72% 84%,
            rgba(177, 141, 255, 0.2),
            transparent 34%
        ), linear-gradient(145deg, rgba(226, 235, 254, 0.96), rgba(217, 231, 252, 0.94));
    border-color: rgba(74, 134, 184, 0.42);
    box-shadow: 0 24px 56px rgba(15, 23, 42, 0.211);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .panel-title {
    color: #111827;
    text-shadow: 0 6px 18px rgba(77, 143, 252, 0.132);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .panel-desc {
    color: #1b2332;
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .pill {
    border-color: rgba(78, 135, 174, 0.45);
    color: #121928;
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .pill-ok-green {
    border-color: rgba(0, 153, 87, 0.52);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-panel {
    background-image: linear-gradient(
        140deg,
        rgba(213, 226, 250, 0.74),
        rgba(222, 230, 255, 0.78)
    );
    border-color: rgba(88, 133, 174, 0.35);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-panel__headline {
    color: #1e1906;
    text-shadow: 0 5px 16px rgba(195, 131, 48, 0.084);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-panel__description {
    color: #19202f;
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-panel__instructions li {
    border-color: rgba(86, 133, 175, 0.3);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"]
    .login-panel__instructions
    li
    strong {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-panel__code {
    border-color: rgba(166, 118, 36, 0.45);
    color: #211a03;
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-panel__pill {
    border-color: rgba(85, 133, 174, 0.55);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .action-card {
    border-color: rgba(80, 133, 180, 0.35);
    background-image: linear-gradient(
        140deg,
        rgba(219, 229, 254, 0.8),
        rgba(215, 226, 255, 0.78)
    );
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .action-card__title {
    color: #111827;
    text-shadow: 0 4px 14px rgba(93, 145, 231, 0.102);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .action-card-accent {
    border-color: rgba(167, 117, 43, 0.52);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-box {
    border-color: rgba(160, 122, 32, 0.58);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-title {
    color: #221a00;
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-desc {
    color: #19202f;
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-desc--reward {
    color: #82632a;
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .input {
    border-color: rgba(76, 134, 178, 0.3);
    background-color: rgba(226, 234, 254, 0.85);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .input:focus {
    border-color: #4086bd;
    box-shadow: 0 0 0 4px rgba(64, 134, 189, 0.18);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .btn {
    border-color: rgba(90, 132, 172, 0.34);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .link-code-wrap {
    border-color: rgba(160, 122, 31, 0.48);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .code-box {
    border-color: rgba(12, 45, 66, 0.598);
    background-image: linear-gradient(
        140deg,
        rgba(228, 237, 255, 0.95),
        rgba(218, 227, 253, 0.95)
    );
    color: #201a06;
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #btn-start-link,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #btn-set-password,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #btn-save-contact,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #btn-verify-phone {
    border-color: rgba(90, 133, 167, 0.7);
    box-shadow: 0 14px 32px rgba(59, 105, 211, 0.22);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #btn-password-login,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #btn-copy-code {
    border-color: rgba(28, 45, 73, 0.667);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #btn-logout {
    border-color: rgba(182, 104, 77, 0.58);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #mc-username {
    color: #211a02;
    text-shadow: 0 4px 12px rgba(191, 133, 33, 0.105);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #mc-uuid {
    color: #1b2b3f;
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"]
    #logged-in
    > .panel-desc:nth-child(2) {
    border-color: rgba(157, 122, 56, 0.52);
}
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"]
    #logged-in
    > .panel-desc:nth-child(3) {
    border-color: rgba(76, 134, 177, 0.4);
    background-color: rgba(203, 218, 245, 0.45);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card {
    background-image: radial-gradient(
            circle at 14% 16%,
            rgba(255, 202, 102, 0.22),
            transparent 34%
        ), radial-gradient(
            circle at 86% 12%,
            rgba(121, 214, 255, 0.22),
            transparent 32%
        ), radial-gradient(
            circle at 80% 86%,
            rgba(175, 144, 255, 0.2),
            transparent 34%
        ), linear-gradient(145deg, rgba(223, 233, 254, 0.96), rgba(216, 229, 249, 0.94));
    border-color: rgba(73, 134, 183, 0.45);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .panel-title {
    color: #111827;
    text-shadow: 0 6px 18px rgba(77, 143, 252, 0.132);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .panel-desc {
    color: #1a222f;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-hero {
    border-color: rgba(83, 134, 172, 0.5);
    background-image: linear-gradient(
        135deg,
        rgba(191, 210, 244, 0.45),
        rgba(212, 202, 242, 0.45)
    );
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-hero-media {
    border-color: rgba(87, 134, 167, 0.42);
    background-image: linear-gradient(
        135deg,
        rgba(221, 232, 254, 0.88),
        rgba(230, 228, 253, 0.82)
    );
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-title {
    color: #201904;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-meta {
    color: #151c2b;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-bar-label {
    color: #172431;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-bar-note {
    color: #1c2f48;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-bar-track {
    border-color: rgba(72, 135, 181, 0.42);
    background-color: rgba(229, 239, 255, 0.85);
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badges-head {
    color: #181f2f;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge {
    border-color: rgba(13, 45, 67, 0.402);
    background-image: linear-gradient(
        140deg,
        rgba(215, 227, 251, 0.85),
        rgba(223, 229, 253, 0.85)
    );
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge-name {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge-rule {
    color: #1d2e46;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge-reward {
    color: #057c57;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge-progress-text {
    color: #192533;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge-progress-track {
    border-color: rgba(80, 133, 179, 0.35);
    background-color: rgba(231, 240, 255, 0.85);
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge.is-unlocked {
    border-color: rgba(36, 151, 88, 0.6);
    background-image: linear-gradient(
        140deg,
        rgba(197, 220, 213, 0.75),
        rgba(204, 222, 240, 0.82)
    );
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge.is-unlocked .stats-kid-badge-name {
    color: #042213;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge.is-unlocked .stats-kid-badge-rule {
    color: #357855;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-item {
    border-color: rgba(89, 134, 167, 0.34);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-item:nth-child(6n + 1) {
    background-image: linear-gradient(
        140deg,
        rgba(64, 165, 255, 0.23),
        rgba(215, 228, 251, 0.9)
    );
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-item:nth-child(6n + 2) {
    background-image: linear-gradient(
        140deg,
        rgba(82, 220, 198, 0.21),
        rgba(213, 229, 239, 0.9)
    );
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-item:nth-child(6n + 3) {
    background-image: linear-gradient(
        140deg,
        rgba(145, 170, 255, 0.22),
        rgba(223, 230, 252, 0.9)
    );
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-item:nth-child(6n + 4) {
    background-image: linear-gradient(
        140deg,
        rgba(255, 165, 110, 0.23),
        rgba(237, 223, 237, 0.9)
    );
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-item:nth-child(6n + 5) {
    background-image: linear-gradient(
        140deg,
        rgba(175, 155, 255, 0.22),
        rgba(228, 229, 250, 0.9)
    );
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-item:nth-child(6n) {
    background-image: linear-gradient(
        140deg,
        rgba(255, 197, 98, 0.22),
        rgba(226, 223, 238, 0.9)
    );
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-label {
    color: #182635;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-value {
    color: #111827;
    text-shadow: 0 2px 10px rgba(15, 23, 42, 0.02);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card {
    background-image: linear-gradient(180deg, rgba(243, 247, 253, 0.98), rgba(247, 250, 254, 0.98)), radial-gradient(circle at 84% 12%, rgba(22, 199, 132, 0.08), transparent 32%);
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.109);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .panel-title {
    color: #121928;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .panel-desc {
    color: #363e4f;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-ops-shell {
    background-image: linear-gradient(180deg, rgba(239, 244, 251, 0.96), rgba(245, 249, 254, 0.96)), radial-gradient(circle at 100% 0%, rgba(22, 199, 132, 0.08), transparent 38%);
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-ops-kicker {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-ops-rank {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-ops-next {
    color: #363e4f;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-ops-badge-count {
    background-color: rgba(15, 23, 42, 0.021);
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-ops-badge-count span {
    color: #495766;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-ops-badge-count strong {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-ops-metric {
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-ops-metric span {
    color: #495766;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-ops-metric strong {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-ops-metric small {
    color: #363e4f;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-ops-track-head span {
    color: #232b3b;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-ops-track-head strong {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badges-head {
    color: #181f2f;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge {
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge-rule {
    color: #495766;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge-progress-text {
    color: #252c3c;
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge-progress-track {
    background-color: rgba(245, 250, 255, 0.92);
}
html[data-motyw="jasny"] body[data-page="panel"] .stats-kid-badge.is-unlocked {
    border-color: rgba(0, 153, 88, 0.34);
    background-image: linear-gradient(180deg, rgba(230, 242, 237, 0.9), rgba(240, 246, 250, 0.9));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-item:nth-child(6n + 1),
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-item:nth-child(6n + 2),
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-item:nth-child(6n + 3),
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-item:nth-child(6n + 4),
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-item:nth-child(6n + 5),
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .profile-item:nth-child(6n) {
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .stats-kid-card-time .profile-value {
    color: #836400;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .stats-kid-card-kills .profile-value {
    color: #007e43;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .stats-kid-card-deaths .profile-value {
    color: #a1494f;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .stats-kid-card-kd .profile-value {
    color: #48699f;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .stats-kid-card-build .profile-value {
    color: #007784;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .stats-kid-card-ore .profile-value {
    color: #846227;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-profile-card .stats-kid-card-badges .profile-value {
    color: #78579a;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card {
    background-image: linear-gradient(180deg, rgba(243, 247, 253, 0.98), rgba(247, 250, 254, 0.98)), radial-gradient(circle at 100% 0%, rgba(22, 199, 132, 0.08), transparent 34%);
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.109);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .panel-title {
    color: #121928;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .panel-desc {
    color: #363e4f;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .purchase-section-title {
    color: #121928;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .profile-item:nth-child(6n + 1) {
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .profile-item:nth-child(6n + 2) {
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .profile-item:nth-child(6n + 3) {
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .profile-item:nth-child(6n + 4) {
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .profile-item:nth-child(6n + 5) {
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .profile-item:nth-child(6n) {
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .profile-label {
    color: #1c283a;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .profile-value {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .discount-progress-card {
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .discount-progress-title {
    color: #232b3b;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .discount-progress-track {
    background-color: rgba(245, 250, 255, 0.92);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .discount-progress-details {
    color: #232b3b;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .purchase-progress-missing {
    color: #836400;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .purchase-highlight-box {
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .purchase-highlight-title {
    color: #232b3b;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .purchase-highlight-content {
    color: #121928;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .purchase-order-card {
    border-left-color: #009863;
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.86), rgba(244, 248, 254, 0.82));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .purchase-key-info {
    color: #495766;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .purchase-pending-list {
    border-left-color: rgba(0, 153, 88, 0.34);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .purchase-pending-item {
    border-left-color: rgba(0, 153, 88, 0.34);
    background-color: rgba(15, 23, 42, 0.021);
    color: #131928;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .purchase-pending-item:hover {
    border-left-color: #a07a00;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-history-card .purchase-pending-badge {
    border-color: rgba(161, 122, 0, 0.65);
    color: #80650d;
}
html[data-motyw="jasny"] body[data-page="panel"] .currency-chip {
    background-color: rgba(225, 238, 253, 0.8);
    border-color: rgba(48, 138, 179, 0.4);
    color: #0a729a;
}
html[data-motyw="jasny"] body[data-page="panel"] .user-banner {
    background-color: rgba(15, 23, 42, 0.021);
    border-color: rgba(15, 23, 42, 0.088);
}
html[data-motyw="jasny"] body[data-page="panel"] .user-avatar {
    box-shadow: 0 10px 20px rgba(0, 118, 190, 0.193);
}
html[data-motyw="jasny"] body[data-page="panel"] .user-name {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .user-meta {
    color: #425062;
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-card {
    background-color: rgba(235, 241, 253, 0.85);
    border-color: rgba(52, 123, 238, 0.2);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.064);
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-card:hover {
    border-color: rgba(52, 123, 238, 0.5);
    background-color: rgba(230, 237, 251, 0.9);
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-avatar img {
    box-shadow: 0 4px 8px rgba(15, 23, 42, 0.096);
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-status-indicator {
    border-color: #ced4e1;
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-status-indicator.is-online {
    box-shadow: 0 0 8px rgba(0, 175, 88, 0.33);
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-status-indicator.is-offline {
    background-color: #d0dae7;
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-name {
    color: #141a2a;
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-level-badge {
    color: #111827;
    box-shadow: 0 2px 4px rgba(215, 117, 0, 0.165);
    text-shadow: 0 1px 1px rgba(15, 23, 42, 0.016);
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-details {
    color: #4e5b6c;
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-rank-admin {
    color: #c21724;
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-rank-vip {
    color: #7f6600;
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-rank-svip {
    color: #007687;
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-rank-none {
    color: #48576d;
}
html[data-motyw="jasny"] body[data-page="panel"] .friend-status-text.is-online {
    color: #007e3d;
}
html[data-motyw="jasny"] body[data-page="panel"] .btn-remove-friend {
    color: #9c4e50;
    border-color: rgba(226, 54, 57, 0.2);
}
html[data-motyw="jasny"] body[data-page="panel"] .btn-remove-friend:hover {
    border-color: rgba(226, 54, 57, 0.4);
}
html[data-motyw="jasny"] body[data-page="panel"] .btn-join {
    color: #007e45;
    border-color: rgba(0, 154, 68, 0.2);
}
html[data-motyw="jasny"] body[data-page="panel"] .btn-join:hover {
    border-color: rgba(0, 154, 68, 0.4);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel {
    background-image: radial-gradient(circle at top left, rgba(42, 163, 255, 0.14), transparent 34%), linear-gradient(180deg, #f0f3f6 0%, #f7f8fb 100%);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-tabs {
    border-color: rgba(53, 73, 102, 0.207);
    background-color: rgba(237, 242, 251, 0.86);
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.102);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-tab {
    color: #394557;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-tab:hover {
    background-color: rgba(15, 23, 42, 0.035);
    border-color: rgba(53, 73, 102, 0.253);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-tab.is-active {
    border-color: rgba(0, 133, 217, 0.62);
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.165);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-card,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .panel-card {
    background-image: linear-gradient(180deg, rgba(233, 239, 249, 0.96), rgba(241, 245, 252, 0.96));
    border-color: rgba(53, 73, 102, 0.207);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.09);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-title,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .panel-title {
    color: #121827;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-desc,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .panel-desc {
    color: #2f3b4f;
}
html[data-motyw="jasny"] body[data-page="panel"] .login-panel,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-panel {
    background-color: rgba(237, 242, 251, 0.82);
    border-color: rgba(53, 73, 102, 0.207);
}
html[data-motyw="jasny"] body[data-page="panel"] .login-panel__headline,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-panel__headline {
    color: #121827;
}
html[data-motyw="jasny"] body[data-page="panel"] .login-panel__description,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-panel__description {
    color: #2f3745;
}
html[data-motyw="jasny"] body[data-page="panel"] .login-panel__instructions li,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-panel__instructions li {
    border-color: rgba(53, 73, 102, 0.184);
    background-color: rgba(241, 245, 252, 0.74);
}
html[data-motyw="jasny"] body[data-page="panel"] .action-card,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .action-card {
    background-color: rgba(237, 242, 251, 0.78);
    border-color: rgba(53, 73, 102, 0.184);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
}
html[data-motyw="jasny"] body[data-page="panel"] .action-card-accent,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .action-card-accent {
    background-image: linear-gradient(145deg, rgba(219, 233, 252, 0.82), rgba(237, 242, 251, 0.82));
    border-color: rgba(0, 133, 217, 0.34);
}
html[data-motyw="jasny"] body[data-page="panel"] .btn-primary,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .btn-primary {
    border-color: rgba(0, 133, 217, 0.62);
}
html[data-motyw="jasny"] body[data-page="panel"] .pill,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .pill {
    border-color: rgba(53, 73, 102, 0.207);
    background-color: rgba(15, 23, 42, 0.035);
    color: #2f3745;
}
html[data-motyw="jasny"] body[data-page="panel"] .profile-item,
html[data-motyw="jasny"] body[data-page="panel"] .profile-list-item,
html[data-motyw="jasny"] body[data-page="panel"] .market-item {
    border-color: rgba(53, 73, 102, 0.161);
    background-color: rgba(241, 245, 252, 0.72);
}
html[data-motyw="jasny"] body[data-page="panel"][data-page="panel"] {
    background-image: radial-gradient(circle at 12% 2%, rgba(38, 214, 255, 0.13), transparent 32rem), radial-gradient(circle at 90% 0%, rgba(22, 199, 132, 0.12), transparent 34rem), linear-gradient(180deg, #f6fafd 0%, #f1f6fc 48%, #f8fafd 100%);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel {
    background-image: linear-gradient(rgba(15, 23, 42, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, 0.02) 1px, transparent 1px), none;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-redesign-hero {
    border-color: rgba(35, 51, 71, 0.184);
    background-image: linear-gradient(120deg, rgba(239, 244, 250, 0.94), rgba(237, 245, 247, 0.88) 58%, rgba(235, 227, 213, 0.74)), url("../assets/imagen/titans-hero-imagen.png");
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.109);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-redesign-hero::before {
    background-image: linear-gradient(90deg, rgba(245, 249, 253, 0.94), rgba(245, 249, 253, 0.72) 48%, rgba(245, 249, 253, 0.28)), linear-gradient(180deg, rgba(245, 249, 253, 0.22), rgba(245, 249, 253, 0.86));
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-redesign-hero .section-title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-redesign-lead {
    color: #1d2434;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-redesign-status span {
    border-color: rgba(35, 51, 71, 0.207);
    background-color: rgba(246, 250, 253, 0.62);
    color: #121827;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-tabs {
    background-color: rgba(243, 247, 253, 0.82);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-tab.is-active {
    border-color: rgba(0, 153, 88, 0.86);
    box-shadow: 0 16px 30px rgba(0, 173, 113, 0.132);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-card,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .panel-card {
    background-image: linear-gradient(180deg, rgba(237, 242, 250, 0.97), rgba(244, 247, 252, 0.97));
    border-color: rgba(35, 51, 71, 0.172);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.09);
}
html[data-motyw="jasny"] body[data-page="panel"] .login-panel,
html[data-motyw="jasny"] body[data-page="panel"] .action-card,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .login-panel,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .action-card {
    background-color: rgba(243, 247, 253, 0.68);
    border-color: rgba(35, 51, 71, 0.161);
}
html[data-motyw="jasny"] body[data-page="panel"] .btn-primary,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] .btn-primary,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #btn-start-link,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #btn-set-password,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #btn-save-contact,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #btn-verify-phone {
    border-color: rgba(0, 153, 88, 0.78);
    box-shadow: 0 16px 30px rgba(0, 173, 113, 0.121);
}
html[data-motyw="jasny"] body[data-page="panel"] .btn-ghost,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #btn-password-login,
html[data-motyw="jasny"] body[data-page="panel"] .player-tab-panel[data-player-panel="status"] #btn-copy-code {
    border-color: rgba(0, 143, 172, 0.28);
}
html[data-motyw="jasny"] body[data-page="panel"] .lkh-promo-card {
    background-image: linear-gradient(120deg, rgba(237, 245, 243, 0.97), rgba(239, 245, 252, 0.95) 58%, rgba(232, 223, 206, 0.82));
    border-color: rgba(157, 124, 0, 0.28);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-footer {
    color: #596475 !important;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-preview-card {
    border-color: rgba(35, 51, 71, 0.184);
    background-image: linear-gradient(180deg, rgba(237, 242, 250, 0.98), rgba(244, 248, 253, 0.98));
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.083);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-preview-card--profile {
    background-image: linear-gradient(180deg, rgba(237, 242, 250, 0.82), rgba(244, 248, 253, 0.98)), url("../assets/jpg/titansmc1.png");
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-preview-card--gems {
    border-color: rgba(0, 153, 88, 0.3);
    background-image: radial-gradient(circle at 78% 22%, rgba(126, 255, 178, 0.22), transparent 42%), linear-gradient(180deg, rgba(232, 242, 238, 0.98), rgba(244, 248, 253, 0.98));
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-preview-card--friends {
    border-color: rgba(0, 143, 172, 0.26);
    background-image: radial-gradient(circle at 78% 22%, rgba(38, 214, 255, 0.2), transparent 42%), linear-gradient(180deg, rgba(237, 244, 252, 0.98), rgba(244, 248, 253, 0.98));
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-preview-card--pickup {
    border-color: rgba(157, 124, 0, 0.28);
    background-image: radial-gradient(circle at 78% 22%, rgba(255, 216, 106, 0.2), transparent 42%), linear-gradient(180deg, rgba(243, 239, 229, 0.96), rgba(244, 248, 253, 0.98));
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-preview-icon {
    border-color: rgba(35, 51, 71, 0.23);
    color: #007e47;
    background-color: rgba(15, 23, 42, 0.035);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-preview-card small {
    color: #3a4554;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-preview-card strong {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-preview-card em {
    color: #3a4554;
}
html[data-motyw="jasny"] body[data-page="panel"][data-page="panel"] {
    background-image: radial-gradient(circle at 88% 12%, rgba(38, 214, 160, 0.18), transparent 34%), linear-gradient(180deg, #f7fafd 0%, #f0f6fc 48%, #f7fbfd 100%);
}
html[data-motyw="jasny"] body[data-page="panel"][data-page="panel"] header {
    background-color: rgba(247, 251, 254, 0.94);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.115);
}
html[data-motyw="jasny"] body[data-page="panel"][data-page="panel"] .nav-links a.active {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"][data-page="panel"] .panel {
    background-image: linear-gradient(180deg, rgba(247, 250, 254, 0.36), rgba(247, 250, 254, 0.92)), url("../assets/imagen/titans-hero-imagen.png");
}
html[data-motyw="jasny"] body[data-page="panel"][data-page="panel"] .panel::before {
    background-image: linear-gradient(90deg, rgba(247, 251, 254, 0.98), rgba(247, 251, 254, 0.74) 46%, rgba(247, 251, 254, 0.9)), radial-gradient(circle at 48% 18%, rgba(22, 199, 132, 0.15), transparent 42%);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-gate {
    border-color: rgba(35, 51, 71, 0.207);
    background-color: rgba(246, 250, 254, 0.88);
    box-shadow: 0 34px 84px rgba(15, 23, 42, 0.154);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-gate::before {
    background-image: linear-gradient(90deg, rgba(247, 250, 254, 0.96), rgba(247, 250, 254, 0.62) 48%, rgba(247, 250, 254, 0.94)), url("../assets/imagen/titans-hero-imagen.png");
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-gate__badge {
    border-color: rgba(0, 153, 88, 0.26);
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-gate__visual h1 {
    color: #111827;
    text-shadow: 0 18px 54px rgba(15, 23, 42, 0.058);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-gate__visual p {
    color: #2a3142;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-gate__status strong {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-card {
    border-color: rgba(35, 51, 71, 0.184);
    background-color: rgba(244, 249, 254, 0.82);
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.044);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-card--primary {
    border-color: rgba(0, 153, 88, 0.28);
    background-color: rgba(237, 246, 244, 0.84);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-card__title {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-card p {
    color: #3a4554;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-avatar {
    background-color: rgba(15, 23, 42, 0.049);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-menu-item {
    background-image: linear-gradient(180deg, rgba(239, 244, 251, 0.78), rgba(245, 249, 254, 0.74));
    color: #2a3142;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern a.dashboard-menu-item {
    color: #2a3142;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-menu-item:hover,
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-menu-item:focus-visible {
    color: #111827;
    border-color: rgba(0, 153, 88, 0.24);
    background-image: linear-gradient(180deg, rgba(228, 237, 242, 0.84), rgba(241, 247, 252, 0.8));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-menu-item.is-active {
    color: #007e47;
    border-color: rgba(0, 153, 88, 0.42);
    background-image: linear-gradient(90deg, rgba(22, 199, 132, 0.22), rgba(238, 246, 248, 0.94));
    box-shadow: inset 3px 0 0 #009863,
        inset 0 1px 0 rgba(15, 23, 42, 0.055);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-tile {
    border-color: rgba(35, 51, 71, 0.161);
    background-image: linear-gradient(180deg, rgba(236, 242, 250, 0.96), rgba(243, 248, 253, 0.98));
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.044);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-icon {
    border-color: rgba(15, 23, 42, 0.132);
    background-image: linear-gradient(135deg, var(--tile-primary, #8eb7ff), var(--tile-secondary, #4766a8)), linear-gradient(180deg, rgba(15, 23, 42, 0.126), rgba(250, 250, 250, 0));
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.198),
        0 10px 18px rgba(15, 23, 42, 0.077);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-icon::before {
    background-image: linear-gradient(90deg, rgba(15, 23, 42, 0.084) 0 14%, transparent 14% 28%, rgba(15, 23, 42, 0.07) 28% 42%, transparent 42% 58%, rgba(15, 23, 42, 0.056) 58% 72%, transparent 72% 100%), linear-gradient(180deg, rgba(15, 23, 42, 0.056) 0 18%, transparent 18% 100%);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-icon::after {
    background-image: radial-gradient(circle at 30% 30%, rgba(15, 23, 42, 0.245), transparent 34%), none;
    background-color: #e8effc;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-tile--tool .dashboard-item-icon::before {
    background-image: linear-gradient(180deg, #8b5d38, #eddcd0);
    box-shadow: 10px -2px 0 0 rgba(15, 23, 42, 0.264);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-tile--tool .dashboard-item-icon::after {
    background-image: linear-gradient(135deg, rgba(15, 23, 42, 0.63), var(--tile-secondary, #4766a8));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-tile--food .dashboard-item-icon::before {
    background-image: radial-gradient(circle at 40% 35%, rgba(15, 23, 42, 0.224), transparent 24%), linear-gradient(180deg, var(--tile-primary, #ff9c6f), var(--tile-secondary, #cb5f31));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-tile--magic .dashboard-item-icon::before,
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-tile--gem .dashboard-item-icon::before,
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-tile--ore .dashboard-item-icon::before {
    background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.602), var(--tile-secondary, #4766a8));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-tile--container .dashboard-item-icon::before {
    background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.14) 0 28%, transparent 28% 100%), linear-gradient(180deg, var(--tile-primary, #d5a86d), var(--tile-secondary, #7d4b26));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-tile--wood .dashboard-item-icon::before,
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-tile--block .dashboard-item-icon::before,
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-tile--armor .dashboard-item-icon::before {
    background-image: linear-gradient(90deg, rgba(15, 23, 42, 0.084) 0 12%, transparent 12% 24%, rgba(15, 23, 42, 0.056) 24% 36%, transparent 36% 100%), linear-gradient(180deg, var(--tile-primary, #8eb7ff), var(--tile-secondary, #4766a8));
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-name {
    color: #121827;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-item-count {
    background-color: rgba(239, 246, 243, 0.88);
    color: #007e47;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.083);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-stat a,
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-panel button,
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-actions button {
    border-color: rgba(35, 51, 71, 0.184);
    background-color: rgba(15, 23, 42, 0.028);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-stat--gems a,
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-shop a {
    border-color: rgba(0, 153, 88, 0.74);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .titans-dashboard-sidebar {
    background-image: linear-gradient(180deg, rgba(246, 251, 255, 0.98), rgba(246, 251, 254, 0.96)), radial-gradient(circle at 42% 0%, rgba(22, 199, 132, 0.1), transparent 64%);
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.044),
        0 18px 44px rgba(15, 23, 42, 0.09);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-menu-label {
    color: #536276;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-menu-separator {
    background-color: rgba(213, 230, 253, 0.18);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-server-card {
    border-color: rgba(0, 153, 88, 0.24);
    background-image: linear-gradient(180deg, rgba(238, 246, 245, 0.88), rgba(244, 250, 253, 0.92));
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.044);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-stat-list p {
    border-color: rgba(35, 51, 71, 0.138);
    background-color: rgba(15, 23, 42, 0.025);
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-stat-list span {
    color: #3a4554;
}
html[data-motyw="jasny"] body[data-page="panel"] #panel-dashboard-modern .dashboard-stat-list strong {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-detail-header {
    border-color: rgba(0, 153, 88, 0.2);
    background-color: rgba(244, 249, 254, 0.88);
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.102);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-detail-header span {
    color: #007e47;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-detail-header strong {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-detail-header button {
    border-color: rgba(35, 51, 71, 0.207);
    background-color: rgba(15, 23, 42, 0.028);
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-gate {
    border-color: rgba(0, 152, 99, 0.22);
    background-color: #f0f5fc;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-gate::before {
    background-image: linear-gradient(180deg, rgba(243, 249, 255, 0.08) 18%, rgba(243, 249, 255, 0.92) 88%), url("../assets/imagen/titans-hero-imagen.png");
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-gate__actions {
    background-image: linear-gradient(180deg, #ecf2fb, #f0f5fd);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-switcher {
    border-color: rgba(49, 67, 88, 0.138);
    background-color: rgba(246, 251, 255, 0.62);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-switcher button {
    color: #4d5d6f;
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-switcher button:hover {
    color: #111827;
    background-color: rgba(15, 23, 42, 0.032);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-switcher button.is-active {
    box-shadow: 0 7px 22px rgba(0, 173, 111, 0.11);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-gate__actions .panel-auth-card:has(#btn-gate-start-link) {
    border-top-color: rgba(49, 67, 88, 0.138);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-gate__actions .panel-auth-card .input {
    background-color: rgba(246, 251, 255, 0.72);
}
html[data-motyw="jasny"] body[data-page="panel"] .panel-auth-gate__actions .btn-primary,
html[data-motyw="jasny"] body[data-page="panel"] #btn-gate-password-login {
    border-color: #009863;
}
html[data-motyw="jasny"] body[data-page="panel"] #btn-gate-start-link {
    color: #0c241a;
    border-color: rgba(0, 152, 99, 0.32);
}

/* ===== komunikator/komunikator.css (strona: komunikator) ===== */
html[data-motyw="jasny"] body[data-page="komunikator"] {
    --kom-tlo: #f5f8fc;
    --kom-panel: #ecf1f8;
    --kom-panel-mocny: #e6edf5;
    --kom-panel-jasny: #e1e8f2;
    --kom-zielony: #008c4b;
    --kom-zolty: #956d00;
    --kom-tekst: #121928;
    --kom-tekst-pomoc: #495564;
    --kom-obramowanie: rgba(62, 72, 86, 0.207);
    --kom-cien: 0 20px 56px rgba(15, 23, 42, 0.122);
}
html[data-motyw="jasny"] body[data-page="komunikator"] :focus-visible {
    outline-color: rgba(0, 133, 217, 0.85);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-polaczenie {
    color: #221a07;
    background-color: #e8e2d7;
    border-color: rgba(163, 120, 0, 0.42);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-znak {
    border-color: #309661;
    box-shadow: inset 0 0 0 3px rgba(209, 212, 217, 0.22);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-loader {
    border-color: rgba(62, 72, 86, 0.23);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-ikona-stanu {
    border-color: rgba(0, 133, 217, 0.28);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-ikona-stanu--blad {
    border-color: rgba(217, 65, 88, 0.28);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-przycisk--glowny:hover:not(:disabled) {
    border-color: #0f9958;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-przycisk--niebezpieczny {
    color: white;
    border-color: #ce4e61;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pasek-serwera {
    background-color: #f1f6fb;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-serwer {
    color: #111827;
    background-image: linear-gradient(145deg, color-mix(in srgb, var(--kom-serwer-kolor, #2eaa63) 72%, #d9e2ee), #e5ebf5);
    border-color: rgba(15, 23, 42, 0.143);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-serwer:hover,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-serwer.jest-aktywny {
    border-color: rgba(0, 153, 83, 0.7);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-serwer__licznik {
    color: #111827;
    border-color: #d0d5db;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-dodaj-serwer {
    border-color: rgba(0, 153, 83, 0.45);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-push-www-przycisk.jest-niedostepny {
    background-color: rgba(207, 216, 228, 0.08);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pasek-przycisk {
    background-color: rgba(207, 216, 228, 0.07);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pasek-przycisk.jest-aktywny {
    border-color: rgba(0, 153, 83, 0.38);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-licznik--pasek {
    border-color: #d0d5db;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-licznik--znajomi {
    color: #111827;
    border-color: #d0d5db;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-awatar {
    color: #111827;
    border-color: rgba(15, 23, 42, 0.176);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-szybkie-akcje button:hover {
    background-color: rgba(207, 216, 228, 0.07);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-szukaj {
    background-color: #f1f5fb;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-szukaj:focus-within {
    box-shadow: 0 0 0 2px rgba(0, 133, 217, 0.12);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-szukaj input::placeholder {
    color: #566478;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-szukaj kbd {
    color: #556379;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-listy-pokoi {
    scrollbar-color: #ccd5e1 transparent;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-licznik-zaproszen--wyslane {
    background-color: rgba(207, 216, 228, 0.16);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-zaproszenie {
    border-color: rgba(0, 153, 83, 0.18);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-zaproszenie--wyslane {
    background-color: rgba(207, 216, 228, 0.055);
    border-color: rgba(62, 72, 86, 0.207);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-zaproszenie__meta {
    color: #556378;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-zaproszenie__odrzuc,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-zaproszenie__anuluj {
    background-color: rgba(207, 216, 228, 0.1);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-zaproszenie__odrzuc:hover:not(:disabled),
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-zaproszenie__anuluj:hover:not(:disabled) {
    background-color: rgba(207, 216, 228, 0.18);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pokoj:hover {
    background-color: rgba(207, 216, 228, 0.07);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pokoj__ikona {
    background-color: #f0f5fb;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pokoj--dm .kom-pokoj__ikona,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pokoj--grupa .kom-pokoj__ikona {
    color: white;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pokoj__podglad {
    color: #586475;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-status-minecraft {
    background-color: #dee7f5;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-status-minecraft.jest-offline,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-status-minecraft.jest-ukryty {
    background-color: #dee7f5;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pokoj__czas {
    color: #556378;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pusta-sekcja,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-brak-wynikow {
    color: #556378;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-profil {
    background-color: #eef3fa;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-rozmowa {
    background-color: rgba(245, 248, 252, 0.74);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-naglowek-pokoju {
    background-color: rgba(236, 241, 248, 0.92);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-naglowek-pokoju__ikona.jest-dm {
    color: white;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-glos-przycisk.jest-polaczony .kom-glos-przycisk__stan {
    background-color: #f1f8f4;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-glos__wskaznik {
    box-shadow: 0 0 0 4px rgba(62, 72, 86, 0.103);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-glos[data-stan="laczenie"] .kom-glos__wskaznik {
    box-shadow: 0 0 0 4px rgba(163, 120, 0, 0.12);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-glos[data-stan="polaczony"] .kom-glos__wskaznik {
    box-shadow: 0 0 0 4px rgba(0, 153, 83, 0.12);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-glos[data-stan="blad"] .kom-glos__wskaznik,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-glos[data-stan="niedostepny"] .kom-glos__wskaznik {
    box-shadow: 0 0 0 4px rgba(217, 65, 88, 0.12);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-glos__osoba {
    background-color: rgba(245, 248, 252, 0.58);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-glos__osoba.jest-mowiacym {
    border-color: rgba(0, 153, 83, 0.78);
    box-shadow: 0 0 0 2px rgba(0, 153, 83, 0.1);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-glos__awatar {
    color: white;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-glos__akcja[aria-pressed="true"] {
    color: #8f565e;
    border-color: rgba(217, 65, 88, 0.32);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-glos__akcja--rozlacz {
    color: #8f565e;
    border-color: rgba(217, 65, 88, 0.3);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-historia {
    scrollbar-color: #ccd5e1 transparent;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wiadomosc:hover,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wiadomosc:focus-within {
    background-color: rgba(207, 216, 228, 0.045);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wiadomosc__zablokowana {
    color: #515d6e;
    background-color: rgba(207, 216, 228, 0.045);
    border-color: rgba(62, 72, 86, 0.138);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wiadomosc__zablokowana:hover,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wiadomosc__zablokowana:focus-visible {
    background-color: rgba(207, 216, 228, 0.085);
    border-color: rgba(0, 133, 217, 0.38);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wiadomosc__awatar {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wiadomosc__czas,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wiadomosc__edytowano {
    color: #556378;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wiadomosc__tresc.jest-usunieta {
    color: #556378;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wiadomosc__tresc a {
    text-decoration-color: rgba(0, 109, 179, 0.48);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-podglad-linku {
    background-color: rgba(234, 239, 248, 0.94);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-podglad-linku:hover {
    border-color: rgba(0, 133, 217, 0.65);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-cytat {
    background-color: rgba(230, 237, 245, 0.7);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-reakcja.jest-moja {
    border-color: rgba(0, 133, 217, 0.5);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wiadomosc__narzedzia {
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.07);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wiadomosc__narzedzia button:hover {
    background-color: rgba(207, 216, 228, 0.11);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pole-wiadomosci {
    background-color: rgba(236, 241, 248, 0.92);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-zalaczniki-wybrane {
    background-color: rgba(236, 241, 248, 0.92);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-zalacznik-wybrany button {
    color: #111827;
    background-color: rgba(247, 250, 254, 0.82);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-kompozytor-oczekuje {
    border-top-color: rgba(163, 120, 0, 0.2);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pole-wiadomosci textarea:focus {
    box-shadow: 0 0 0 2px rgba(0, 133, 217, 0.1);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pole-wiadomosci textarea::placeholder {
    color: #576477;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-dodaj-uczestnika:hover,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-dodaj-uczestnika:focus-visible {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-uczestnik:hover,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-uczestnik:focus-within {
    background-color: rgba(207, 216, 228, 0.07);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-uczestnik__tekst span {
    color: #556378;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-usun-uczestnika {
    color: #a44555;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-usun-uczestnika:hover:not(:disabled),
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-usun-uczestnika:focus-visible:not(:disabled) {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-zaslona-uczestnikow {
    background-color: rgba(15, 23, 42, 0.275);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja-przycisk {
    color: #95525d;
    border-color: rgba(217, 65, 88, 0.24);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja-przycisk:hover,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja-przycisk[aria-expanded="true"] {
    color: #111827;
    border-color: rgba(217, 65, 88, 0.45);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja__naglowek {
    background-color: rgba(241, 246, 251, 0.98);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja select,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja textarea,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-dialog select {
    background-color: #f1f5fb;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja select:focus,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja textarea:focus,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-dialog select:focus {
    box-shadow: 0 0 0 2px rgba(0, 133, 217, 0.11);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja__status.jest-bledem {
    color: #95525d;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja__kolumna {
    background-color: rgba(236, 241, 248, 0.94);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja__kolumna > header {
    background-color: rgba(230, 237, 245, 0.7);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja__karta {
    background-color: #eff4fa;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja__znacznik {
    border-color: rgba(163, 120, 0, 0.24);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja__znacznik--status {
    border-color: rgba(0, 133, 217, 0.24);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-moderacja__wiadomosc {
    background-color: rgba(207, 216, 228, 0.06);
    border-left-color: rgba(217, 65, 88, 0.65);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-menu {
    background-color: #e4ebf4;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-menu > button:hover,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-menu > button:focus {
    background-color: rgba(207, 216, 228, 0.11);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-menu > button[data-akcja-wiadomosci="usun"],
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-menu > button[data-akcja-wiadomosci="zglos"],
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-menu > button[data-akcja-pokoju="opusc"],
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-menu > button[data-akcja-pokoju="archiwizuj"] {
    color: #a44555;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-dialog::backdrop {
    background-color: rgba(15, 23, 42, 0.39);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-ustawienia-serwera-przycisk {
    color: #007d4a;
    border-color: rgba(0, 153, 83, 0.34);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-ustawienia-serwera-przycisk:hover,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-ustawienia-serwera-przycisk:focus-visible {
    color: #43755b;
    border-color: rgba(0, 153, 83, 0.62);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-dialog__karta--grafika-serwera {
    background-image: radial-gradient(circle at 12% 0%, rgba(85, 217, 137, 0.18), transparent 36%), radial-gradient(circle at 100% 100%, rgba(42, 163, 255, 0.14), transparent 42%), linear-gradient(145deg, #e4eeec 0%, #eef4f7 58%, #f0f5fb 100%);
    border-color: rgba(0, 153, 83, 0.48);
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.166), 0 0 0 1px rgba(0, 153, 83, 0.08);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-grafika-serwera-formularz {
    background-color: rgba(244, 250, 252, 0.5);
    border-color: rgba(0, 153, 83, 0.25);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-grafika-serwera-podglad {
    color: #111827;
    background-color: #e0e9f0;
    border-color: #009953;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.115), inset 0 0 28px rgba(22, 174, 97, 0.066);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-statystyka-gracza {
    background-color: #f1f5fb;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-lista-przelacznikow > label {
    background-color: #f1f5fb;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-dialog input,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-dialog textarea,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-dialog select {
    background-color: #f1f5fb;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-dialog input:focus,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-dialog textarea:focus,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-dialog select:focus {
    box-shadow: 0 0 0 2px rgba(0, 133, 217, 0.11);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wybor-typu {
    background-color: #f1f5fb;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pole-szukania-osob {
    background-color: #f1f5fb;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pole-szukania-osob:focus-within {
    box-shadow: 0 0 0 2px rgba(0, 133, 217, 0.11);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wybrana-osoba {
    border-color: rgba(0, 133, 217, 0.28);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wybrana-osoba button:hover {
    color: #111827;
    background-color: rgba(15, 23, 42, 0.063);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wyniki-osob {
    background-color: #f1f5fb;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-wynik-osoby {
    border-bottom-color: rgba(62, 72, 86, 0.115);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-blad-formularza {
    color: #95525d;
    border-color: rgba(217, 65, 88, 0.24);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-toast {
    background-color: #e3eaf3;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-toast__zamknij:hover {
    background-color: rgba(207, 216, 228, 0.1);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-toast__otworz:hover,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-toast__otworz:focus-visible {
    background-color: rgba(207, 216, 228, 0.1);
}
@media (max-width: 900px) {
    html[data-motyw="jasny"] body[data-page="komunikator"] .kom-panel-pokoi {
        background-color: rgba(243, 247, 253, 0.98);
    }
    html[data-motyw="jasny"] body[data-page="komunikator"] .kom-panel-pokoi__naglowek {
        background-color: #f0f5fb;
    }
    html[data-motyw="jasny"] body[data-page="komunikator"] .kom-pokoj {
        border-top-color: rgba(62, 72, 86, 0.103);
    }
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="portalowy"] {
    --kom-tlo: #f7fafc;
    --kom-panel: #edf3f3;
    --kom-panel-mocny: #e5eded;
    --kom-panel-jasny: #dce8e6;
    --kom-zielony: #008c44;
    --kom-zielony-ciemny: #008c42;
    --kom-cyjan: #007fad;
    --kom-zolty: #926f00;
    --kom-tekst-pomoc: #40485a;
    --kom-obramowanie: rgba(0, 154, 75, 0.24);
    --kom-dymek-moj: #d2e5e2;
    --kom-dymek-inny: #e3ebf3;
    --kom-ramka-dymka: rgba(0, 139, 190, 0.38);
    --kom-panel-boczny: #edf5fb;
    --kom-panel-boczny-gleboki: #f4faff;
    --kom-obramowanie-boczne: rgba(0, 139, 190, 0.2);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="krysztalowy"] {
    --kom-tlo: #f6f4fc;
    --kom-panel: #f0edfc;
    --kom-panel-mocny: #ebe4fa;
    --kom-panel-jasny: #e6def7;
    --kom-zielony: #956d00;
    --kom-zielony-ciemny: #996a00;
    --kom-cyjan: #8558c6;
    --kom-zolty: #956d00;
    --kom-tekst-pomoc: #463e53;
    --kom-obramowanie: rgba(164, 120, 0, 0.3);
    --kom-dymek-moj: #dbcdf4;
    --kom-dymek-inny: #eee8f9;
    --kom-ramka-dymka: rgba(164, 120, 0, 0.72);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="przygodowy"] {
    --kom-tlo: #f3f7f5;
    --kom-panel: #e9eeea;
    --kom-panel-mocny: #dee6e0;
    --kom-panel-jasny: #d7e1d9;
    --kom-zielony: #008873;
    --kom-zolty: #9e6800;
    --kom-tekst-pomoc: #384051;
    --kom-obramowanie: rgba(0, 149, 127, 0.28);
    --kom-dymek-inny: #dce3db;
    --kom-ramka-dymka: rgba(181, 109, 0, 0.88);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="portalowy"] .kom-pasek-serwera {
    box-shadow: inset -1px 0 rgba(0, 175, 87, 0.039);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="portalowy"] .kom-panel-pokoi {
    background-image: radial-gradient(circle at 18% 0%, rgba(77, 255, 143, 0.09), transparent 30%), linear-gradient(180deg, #e9f2f9 0%, var(--kom-panel-boczny) 44%, #f0f7fd 100%);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="portalowy"] .kom-panel-uczestnikow {
    background-image: radial-gradient(circle at 100% 0%, rgba(88, 200, 255, 0.07), transparent 34%), linear-gradient(180deg, #e9f3f9 0%, var(--kom-panel-boczny-gleboki) 100%);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="portalowy"] .kom-panel-pokoi__naglowek,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="portalowy"] .kom-profil,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="portalowy"] .kom-panel-uczestnikow > header {
    background-image: linear-gradient(180deg, rgba(228, 239, 245, 0.96), rgba(237, 245, 251, 0.96));
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="portalowy"] .kom-pokoj {
    background-color: rgba(228, 239, 246, 0.66);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="portalowy"] .kom-pokoj:hover {
    background-color: rgba(220, 234, 239, 0.86);
    border-color: rgba(0, 139, 190, 0.28);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="portalowy"] .kom-pokoj.jest-wybrany {
    background-image: linear-gradient(105deg, rgba(206, 227, 224, 0.94), rgba(227, 239, 245, 0.94));
    border-color: rgba(0, 154, 75, 0.72);
    box-shadow: inset 3px 0 0 var(--kom-zielony),
        0 10px 24px rgba(15, 23, 42, 0.07),
        0 0 18px rgba(0, 175, 87, 0.039);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-panel-pokoi::before,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-rozmowa::before {
    background-image: linear-gradient(180deg, rgba(247, 251, 253, 0.16), rgba(247, 251, 253, 0.74)),
        var(--kom-obraz-tla);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-szukaj {
    background-color: rgba(246, 251, 253, 0.72);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-pokoj.jest-wybrany {
    box-shadow: inset 3px 0 0 var(--kom-zielony), 0 8px 22px rgba(15, 23, 42, 0.045);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-pokoj__ikona,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-awatar,
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-wiadomosc__awatar {
    box-shadow: 0 0 0 2px rgba(209, 213, 215, 0.72);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-naglowek-pokoju {
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.09);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-naglowek-pokoju__ikona {
    background-color: rgba(246, 251, 253, 0.76);
    box-shadow: inset 0 0 18px rgba(15, 23, 42, 0.096);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-naglowek-pokoju__ikona.jest-dm {
    color: #111827;
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-naglowek-pokoju .kom-ikona-przycisk {
    background-color: rgba(246, 251, 252, 0.62);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-wiadomosc__cialo {
    box-shadow: 0 9px 24px rgba(15, 23, 42, 0.064);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="krysztalowy"] .kom-wiadomosc__cialo {
    border-color: rgba(164, 120, 0, 0.72);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-reakcja {
    background-color: rgba(246, 251, 253, 0.5);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-pole-wiadomosci {
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.109);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl] .kom-pole-wiadomosci textarea {
    background-color: rgba(246, 251, 252, 0.68);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-korzen[data-styl="krysztalowy"] .kom-zalacznik-przycisk {
    background-color: #ebe5f3;
    border-color: rgba(164, 120, 0, 0.62);
}
html[data-motyw="jasny"] body[data-page="komunikator"] .kom-karta-stylu__podglad::after {
    background-image: linear-gradient(180deg, transparent, rgba(250, 250, 250, 0.58));
}