:root {
    --bg: #f6f7fb;
    --surface: rgba(255, 255, 255, .92);
    --surface-2: rgba(255, 255, 255, .72);
    --text: #1a1e2b;
    --muted: rgba(26, 30, 43, .70);
    --border: rgba(26, 30, 43, .12);
    --shadow: 0 12px 30px rgba(0, 0, 0, .08);
    --link: #2b6cff;
    --focus: rgba(43, 108, 255, .35);
    --glass: blur(10px) saturate(1.15);

    --tt-ink: var(--ink, #4b3a2f);
    --tt-coral: #df5026;
    --tt-sky-1: #b9d7df;
    --tt-sky-2: #8ab8c8;
}

:root[data-theme="dark"] {
    --bg: #1e2626;

    --surface: rgb(30 38 38 / 78%);
    --surface-2: rgb(26 34 34 / 58%);
    --text: rgba(255, 255, 255, .92);
    --muted: rgba(255, 255, 255, .68);
    --border: rgba(255, 255, 255, .10);
    --shadow: 0 18px 60px rgba(0, 0, 0, .45);
    --link: #86b4ff;
    --focus: rgba(134, 180, 255, .35);
    --glass: blur(12px) saturate(1.1);

    --primary: #6ead83;
    --primary-light: #7c8fe0;

    --secondary: #ddb352;
    --secondary-dark: #a57500;

    --background: #1e2626;
    --background-alt: rgb(30 38 38 / 72%);
    --background-page-content: none;

    --input-bg: rgb(55 55 56 / 70%);
    --input-border-color: rgba(255, 255, 255, .12);

    --alert-success-bg: rgba(107, 197, 136, .18);
    --alert-success-color: rgba(185, 255, 205, .92);

    --text-main: rgba(255, 255, 255, .88);
    --text-muted: rgba(255, 255, 255, .62);

    --accent: #6fd6d0;
    --highlight: rgba(111, 214, 208, .28);

    --gradient-nav: linear-gradient(to bottom, rgba(30, 38, 38, .92), rgba(12, 18, 18, .92));
    --gradient-zone: linear-gradient(to bottom, rgba(30, 38, 38, .78), rgba(12, 18, 18, .92));

    --gradient-zone-title-top: radial-gradient(circle, rgba(255, 255, 255, .10) 20%, rgba(110, 173, 131, .14) 80%);
    --gradient-zone-title-bottom: radial-gradient(circle, rgba(255, 255, 255, .10) 20%, rgba(110, 173, 131, .14) 80%);

    --zone-top: none;
    --zone-bottom: none;
    --zone-pattern: none;
    --zone-middle: linear-gradient(to bottom, rgba(111, 214, 208, .30), rgba(72, 166, 163, .22));
    --zone-niveau-requis: rgba(255, 255, 255, .08);
    --zone-niveau-requis-color: rgba(185, 255, 205, .86);

    --boutique-bg: linear-gradient(167deg, rgba(110, 173, 131, .22) 70%, rgba(111, 214, 208, .22) 70%);
    --arene-bg: linear-gradient(16deg, rgba(110, 173, 131, .22) 70%, rgba(111, 214, 208, .22) 70%);
    --boutique-bg-shadow: inset -75px 0 75px 0 rgba(255, 255, 255, .06);
    --boutique-bg-item: rgb(30 38 38 / 62%);
    --boutique-font-color: rgba(255, 255, 255, .78);
    --boutique-arene-title-color: rgba(255, 255, 255, .82);
    --boutique-bg-btn: rgba(38, 48, 48, .62);

    --arene-descr-bg: rgba(72, 166, 163, .22);
    --arene-desc-color: rgba(255, 255, 255, .86);

    --champion-intro-bg: rgba(38, 48, 48, .18);
    --champion-intro-color: rgba(255, 255, 255, .86);
    --champion-avatar-border: 2px solid rgba(111, 214, 208, .42);

    --poke-tooltip-container-bg: rgba(30, 38, 38, .78);

    --lieu-info-box-bg: linear-gradient(167deg, rgba(38, 48, 48, .20) 30%, rgb(30 38 38 / 72%) 30%);
    --lieu-info-box-bs: inset 50px 50px 50px 50px rgba(111, 214, 208, .10);
    --lieu-info-box-before: radial-gradient(circle at 22px 2px, transparent 38px, rgba(111, 214, 208, .12) -2px);

    --lieu-pokemon-caroussel-bg: rgba(111, 214, 208, .16);
    --lieu-title-color: rgba(190, 205, 255, .92);
    --lieu-title-h2: rgba(255, 255, 255, .12);

    --lieu-nb-color-1: rgba(255, 255, 255, .92);
    --lieu-nb-bg-1: rgba(110, 173, 131, .30);
    --lieu-nb-color-2: rgba(255, 255, 255, .92);
    --lieu-nb-bg-2: rgba(124, 143, 224, .26);

    --last-message-img-bg: rgba(21, 26, 26, .66);
    --lieu-last-message-bg: rgba(21, 26, 26, .66);
    --lieu-last-message-color: rgba(255, 255, 255, .70);

    --message-left-bg: rgba(38, 48, 48, .14);
    --message-own-bg: rgba(124, 143, 224, .14);
    --message-content-bg: rgb(30 38 38 / 62%);
    --message-quote-bg: rgba(111, 214, 208, .10);

    --toggle-qeel-bg: rgba(38, 48, 48, .18);
    --toggle-qeel-color: rgba(255, 255, 255, .80);
    --toggle-qeel-tile-bg: rgba(32, 40, 40, .40);
    --toggle-qeel-tile-color: rgba(255, 255, 255, .92);
    --toggle-qeel-tile-bg-2: rgba(66, 143, 171, .42);
    --toggle-qeel-tile-color-2: rgba(255, 255, 255, .92);

    --toggle-collapsible-bg: linear-gradient(145deg, rgba(30, 38, 38, .78), rgba(38, 48, 48, .10));
    --toggle-collapsible-bg-2: linear-gradient(145deg, rgba(111, 214, 208, .18), rgba(124, 143, 224, .14));

    --online-users-bg: rgba(111, 214, 208, .08);
    --content-bg: rgb(30 38 38 / 62%);

    --fiche-container-bg: linear-gradient(145deg, rgba(30, 38, 38, .78), rgba(110, 173, 131, .14));
    --fiche-container-bg-2: rgb(30 38 38 / 62%);

    --manage-team-bg: rgb(24 30 30);
    --manage-team-border: 1px solid rgba(255, 255, 255, .12);
    --manage-team-pk-bg: rgba(111, 214, 208, .10);
    --manage-team-pk-descr-bg: rgba(110, 173, 131, .12);
    --manage-team-btn-bg-1: rgba(76, 175, 80, .22);
    --manage-team-btn-bg-2: rgba(38, 48, 48, .22);

    --modal-bg: linear-gradient(145deg, rgba(21, 26, 26, .86), rgba(111, 214, 208, .10));
    --modal-input-bg: rgb(55 55 56 / 70%);
    --modal-input-border: 1px solid rgba(255, 255, 255, .14);
    --btn-close-bg: rgba(255, 255, 255, .18);

    --strong: rgba(190, 205, 255, .92);

    --pagination-bg: rgb(30 38 38 / 72%);
    --pagination-border-color: rgba(255, 255, 255, .12);
    --pagination-color: rgba(255, 255, 255, .90);
    --pagination-current-bg: rgba(38, 48, 48, .28);
    --pagination-current-border-color: rgba(38, 48, 48, .35);
    --pagination-hover-bg: rgba(255, 255, 255, .08);

    --histoire-bg-1: linear-gradient(145deg, rgba(30, 38, 38, .78), rgba(38, 48, 48, .10));
    --histoire-bg-2: linear-gradient(-145deg, rgba(110, 173, 131, .12), rgba(111, 214, 208, .10));

    --rb-scroll: rgba(255, 255, 255, .18);

    --dm-a: rgb(30 38 38 / 62%);
    --dm-b: rgb(30 38 38 / 72%);
    --dm-c: rgba(21, 26, 26, .82);
    --dm-d: rgb(28 20 10 / 85%);
    --dm-e: rgb(30 38 38);

    --coral: #ff7a4f;
    --coral-2: #c93e17;
    --sky-1: rgba(21, 27, 27, .92);
    --sky-2: rgba(20, 25, 25, .92);

    --btn-grad: linear-gradient(135deg, var(--coral), var(--coral-2));
    --panel-grad: linear-gradient(135deg, var(--sky-1), var(--sky-2));
    --dot-pattern: radial-gradient(rgba(255, 255, 255, .22) 1px, transparent 1.6px);

    --inner: inset 0 0 0 1px rgba(255, 255, 255, .10);
    --shadow-soft: 0 14px 34px rgba(0, 0, 0, .45);
    --shadow-strong: 0 22px 70px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] body {
    background: var(--bg);
    color: var(--text);
}

:root[data-theme="dark"] .topfab-btn,
:root[data-theme="dark"] .quickfab-btn.is-map {
    background: linear-gradient(135deg, #5c4e19, #787243);
}

:root[data-theme="dark"] .pokemon-species-list strong,
:root[data-theme="dark"] .pokemon-species-list img,
:root[data-theme="dark"] .topic-section-pill {
    background: rgb(31 41 42);
}

:root[data-theme="dark"] .topic-section-sub {
    color: #fff;
}

:root[data-theme="dark"] a {
    color: #f5efd0;
}

:root[data-theme="dark"] a:hover {
    filter: brightness(1.05);
}

:root[data-theme="dark"] .common-wrapper,
:root[data-theme="dark"] .site-content {
    color: var(--text);
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .modal-content,
:root[data-theme="dark"] .dropdown-menu {
    background: var(--surface);
    backdrop-filter: var(--glass);
    -webkit-backdrop-filter: var(--glass);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    color: var(--text);
}

:root[data-theme="dark"] header {
    background-image: url(../../images/header/bg_header_dark.png);
}

:root[data-theme="dark"] .header-left {
    background-image: url(../../images/header/header-images-dark.png);
}

:root[data-theme="dark"] .modal-header,
:root[data-theme="dark"] .modal-footer {
    border-color: var(--border);
}

:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select {
    background: var(--input-bg);
    color: var(--text);
    border: 1px solid var(--border);
}

:root[data-theme="dark"] input:focus,
:root[data-theme="dark"] textarea:focus,
:root[data-theme="dark"] select:focus {
    outline: none;
    box-shadow: 0 0 0 .2rem var(--focus);
    border-color: transparent;
}

:root[data-theme="dark"] table {
    color: var(--text);
}

:root[data-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--text);
    --bs-table-border-color: var(--border);
}

:root[data-theme="dark"] .pkmbox-toasts .pkmbox-toast {
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    color: var(--text);
}

:root[data-theme="dark"] .page-inner-wrapper {
    background: linear-gradient(145deg, rgba(21, 26, 26, .55), rgba(15, 26, 27, .65));
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .page-inner-wrapper::before {
    background-image: var(--dot-pattern);
    opacity: .16;
}

:root[data-theme="dark"] .card {
    background: var(--background-alt);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .35);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .card-header {
    color: var(--text-main);
}

.nav-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .12);
    color: inherit;
    cursor: pointer;
    transition: transform .12s ease, filter .12s ease, background .12s ease, border-color .12s ease;
    margin: auto;
}

:root[data-theme="dark"] .nav-theme-toggle {
    background: rgba(21, 26, 26, .55);
    border-color: var(--border);
}

.nav-theme-toggle:hover {
    filter: brightness(1.08);
}

.nav-theme-toggle:active {
    transform: translateY(1px);
}

.nav-theme-toggle:focus-visible {
    outline: none;
    box-shadow: 0 0 0 .22rem var(--focus);
}

:root[data-theme="dark"] .jump-arrows {
    background: transparent;
}

:root[data-theme="dark"] .jump-arrows .jump-btn {
    background: rgb(28 20 10 / 82%);
    border: 1px solid rgba(255, 255, 255, .14);
    color: rgba(255, 255, 255, .90);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: transform .12s ease, filter .15s ease, background .15s ease;
}

:root[data-theme="dark"] .jump-arrows .jump-btn i {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .jump-arrows .jump-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.10);
}

:root[data-theme="dark"] .jump-arrows .jump-btn:active {
    transform: translateY(0);
    filter: brightness(1.03);
}

:root[data-theme="dark"] .jump-arrows .jump-btn.is-hidden {
    opacity: .15;
}

:root[data-theme="dark"] .site-footer {
    background: #232020;
    border-top: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 -20px 60px rgba(0, 0, 0, .55);
    color: rgba(255, 255, 255, .82);
}

:root[data-theme="dark"] .site-footer-inner {
    color: rgba(255, 255, 255, .82);
}

:root[data-theme="dark"] .footer-rail {
    background: #1e1c1c;
    border-top: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .footer-rail-title {
    color: rgba(255, 255, 255, .92);
    font-weight: 900;
    letter-spacing: .3px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .footer-rail-title i {
    color: var(--coral);
}

:root[data-theme="dark"] .footer-rail a,
:root[data-theme="dark"] .footer-rail .see-all {
    color: rgba(255, 255, 255, .85);
    font-weight: 900;
    text-decoration: none;
    background: rgba(255, 255, 255, .06);
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .12);
    transition: transform .12s ease, filter .15s ease, background .15s ease;
}

:root[data-theme="dark"] .footer-rail a:hover,
:root[data-theme="dark"] .footer-rail .see-all:hover {
    background: var(--btn-grad);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(27, 34, 34, .35);
}

:root[data-theme="dark"] .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .02);
}

:root[data-theme="dark"] .footer-left span {
    color: rgba(255, 255, 255, .65);
}

:root[data-theme="dark"] .footer-left strong {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .footer-link {
    color: rgba(255, 255, 255, .78);
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
}

:root[data-theme="dark"] .footer-link i {
    color: var(--coral);
}

:root[data-theme="dark"] .footer-link:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff;
    transform: translateY(-1px);
    filter: brightness(1.05);
}

:root[data-theme="dark"] .footer-link.admin {
    background: var(--btn-grad);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .15);
    box-shadow: 0 14px 28px rgba(27, 34, 34, .35), inset 0 0 0 1px rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .footer-link.admin i {
    color: #fff;
}

:root[data-theme="dark"] .footer-link.admin:hover {
    filter: brightness(1.08);
}

:root[data-theme="dark"] .badge {
    background: rgba(121, 204, 201, .26);
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] #nav-v2 .badge {
    color: rgba(255, 255, 255, .95);
}

:root[data-theme="dark"] .flash-message {
    background-color: rgba(38, 48, 48, .20);
    color: rgba(255, 255, 255, .86);
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .40);
}

:root[data-theme="dark"] .flash-success {
    background-color: rgba(76, 175, 80, .18);
    color: rgba(185, 255, 205, .92);
}

:root[data-theme="dark"] .flash-error {
    background-color: rgba(27, 34, 34, .18);
    color: rgba(41, 53, 53, .92);
}

:root[data-theme="dark"] .flash-warning {
    background-color: rgba(39, 50, 50, .18);
    color: rgba(45, 57, 57, .92);
}

:root[data-theme="dark"] .flash-info {
    background-color: rgba(36, 217, 211, .14);
    color: rgba(210, 245, 255, .92);
}

:root[data-theme="dark"] .toolbox-toggle {
    background: var(--background-alt);
    color: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .toolbox-toggle:hover {
    background: rgba(21, 26, 26, .86);
}

:root[data-theme="dark"] .player-toolbox {
    background: var(--surface);
    color: rgba(255, 255, 255, .84);
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: 0 18px 60px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .player-toolbox h3 {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .player-toolbox p {
    background: rgba(38, 48, 48, .12);
    color: rgba(255, 255, 255, .80);
    border: 1px solid rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .player-toolbox::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .player-toolbox::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .18);
    border: 3px solid rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .pokemon-box img {
    background: rgb(19 23 23 / 60%);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .35);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .exp-bar {
    background: rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .exp-fill {
    filter: saturate(1.05) brightness(1.05);
}

:root[data-theme="dark"] .wysiwyg-content {
    background: rgba(13, 24, 25, .55);
    color: rgba(255, 255, 255, .88);
    border: 1px solid rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .menu-bar {
    background-color: var(--surface);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .menu-bar li a {
    color: rgba(255, 255, 255, .74);
}

:root[data-theme="dark"] .menu-bar li:hover::before {
    background: linear-gradient(to bottom, rgba(38, 48, 48, .22), rgba(110, 173, 131, .20));
}

:root[data-theme="dark"] .menu-bar li:hover a {
    color: rgba(255, 255, 255, .95);
}

:root[data-theme="dark"] #nav-v2.show {
    background-color: rgba(21, 26, 26, .92);
    border-right: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] #nav-v2.show .menu-bar {
    background-color: rgba(21, 26, 26, .92);
}

:root[data-theme="dark"] .burger-button {
    background: rgba(21, 26, 26, .75);
    border: 1px solid rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .nav-icon {
    background: rgba(121, 204, 201, .18);
}

:root[data-theme="dark"] .nav-icon:hover {
    background: rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .carousel-box {
    background: rgb(24 30 30);
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: 0 18px 60px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .carousel-item {
    background: rgba(13, 24, 25, .55);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .carousel-text {
    color: rgba(255, 255, 255, .78);
}

:root[data-theme="dark"] .carousel-item::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .carousel-item::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .16);
    border: 3px solid rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .carousel-nav {
    background: rgba(32, 40, 40, .42);
    color: rgba(255, 255, 255, .90);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .toolbox-section.connected-users {
    background: rgba(21, 26, 26, .55);
    color: rgba(255, 255, 255, .88);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .toolbox-title {
    border-bottom: 2px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .menu-items li {
    background: var(--surface);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .10), 0 14px 30px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .menu-items li.active {
    background: rgba(38, 48, 48, .18);
}

:root[data-theme="dark"] .menu-items i {
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .menu-items::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .18);
}

:root[data-theme="dark"] .menu-panel {
    background: rgba(21, 26, 26, .82);
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: 0 22px 70px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .panel-header {
    background: var(--panel-grad);
    color: rgba(255, 255, 255, .92);
    border-bottom: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .panel-body {
    background: rgb(28 20 10 / 85%);
    color: rgba(255, 255, 255, .86);
}

:root[data-theme="dark"] .panel-body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .18);
}

:root[data-theme="dark"] .panel-badge.level {
    background: rgba(127, 200, 169, .22);
    color: rgba(185, 255, 205, .92);
}

:root[data-theme="dark"] .panel-badge.money {
    background: rgba(42, 53, 53, .20);
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .inventory-grid .inventory-item {
    background: rgb(30 38 38 / 62%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .inventory-grid .inventory-item:hover {
    background: rgba(21, 26, 26, .74);
}

:root[data-theme="dark"] .item-quantity {
    background: rgba(0, 0, 0, .55);
    color: rgba(255, 255, 255, .95);
}

:root[data-theme="dark"] .item-name {
    color: rgba(255, 255, 255, .78);
}

:root[data-theme="dark"] .icon-btn {
    background: var(--btn-grad);
    color: #fff;
    box-shadow: 0 10px 20px rgba(27, 34, 34, .30);
}

:root[data-theme="dark"] .icon-btn:hover {
    filter: brightness(1.06);
}

:root[data-theme="dark"] .pokemon-card {
    background: rgb(30 38 38 / 62%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .pkm-sprite-wrapper {
    background: rgb(19 23 23 / 60%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .pkm-footer {
    color: rgba(255, 255, 255, .62);
}

:root[data-theme="dark"] .pkm-name {
    color: rgba(255, 255, 255, .82);
}

:root[data-theme="dark"] .pkm-xp-bar {
    background: rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .pkm-xp-fill {
    background: rgba(127, 200, 169, .70);
}

:root[data-theme="dark"] .held-item-badge {
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .pkm-tooltip {
    background: rgba(21, 26, 26, .92);
    color: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .boutique-grid {
    background: rgb(30 38 38 / 62%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .boutique-title {
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .boutique-level {
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .boutique-item {
    background: rgba(13, 24, 25, .55);
    color: rgba(255, 255, 255, .86);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .boutique-item-price {
    color: rgba(255, 255, 255, .72);
}

:root[data-theme="dark"] .boutique-buy-btn {
    background: rgba(127, 200, 169, .24);
    color: rgba(185, 255, 205, .92);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .boutique-buy-btn:disabled {
    background: rgba(28, 36, 36, .30);
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .arene-block {
    background: var(--background-alt);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 14px 34px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .arene-header {
    background: var(--panel-grad);
    border-bottom: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .arene-title {
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .arene-body {
    background: rgb(30 38 38 / 62%);
}

:root[data-theme="dark"] .arene-descr,
:root[data-theme="dark"] .champion-intro {
    color: rgba(255, 255, 255, .74);
}

:root[data-theme="dark"] .champion-avatar img {
    border-color: rgba(255, 255, 255, .18);
}

:root[data-theme="dark"] .poke-list img {
    background: rgb(30 38 38 / 62%);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .champion-pokemon {
    background: rgb(30 38 38 / 62%);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .champion-pokemon:hover {
    background: rgba(21, 26, 26, .74);
}

:root[data-theme="dark"] .champion-pkm-level {
    background: rgba(127, 200, 169, .22);
    color: rgba(185, 255, 205, .92);
}

:root[data-theme="dark"] .champion-pkm-tooltip {
    background: rgba(21, 26, 26, .92);
    color: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] #panel-user .account-status,
:root[data-theme="dark"] #panel-user .account-step,
:root[data-theme="dark"] #panel-user .account-hint,
:root[data-theme="dark"] #panel-user .fiche-mini,
:root[data-theme="dark"] #panel-user .quick-links,
:root[data-theme="dark"] #panel-user .fiche-mini-row,
:root[data-theme="dark"] .menu-panel .trade-side-row,
:root[data-theme="dark"] .menu-panel .trade-side-pkms {
    background: rgb(30 38 38 / 62%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] #panel-user .account-step,
:root[data-theme="dark"] #panel-user .account-hint,
:root[data-theme="dark"] #panel-user .fiche-mini-row,
:root[data-theme="dark"] .menu-panel .trade-side-pkms {
    background: rgb(55 55 56 / 70%);
}

:root[data-theme="dark"] #panel-user .account-status-title,
:root[data-theme="dark"] #panel-user .fiche-mini-title,
:root[data-theme="dark"] #panel-user .quick-links-title,
:root[data-theme="dark"] .menu-panel .trade-side-title {
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] #panel-user .account-step .step-label,
:root[data-theme="dark"] .menu-panel .trade-side-pkm-meta {
    color: rgba(255, 255, 255, .84);
}

:root[data-theme="dark"] #panel-user .fiche-mini-row .k,
:root[data-theme="dark"] .menu-panel .trade-side-pkm-meta.muted,
:root[data-theme="dark"] .menu-panel .trade-side-meta {
    color: rgba(255, 255, 255, .58);
}

:root[data-theme="dark"] #panel-user .fiche-mini-row .v {
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] #panel-user .panel-link,
:root[data-theme="dark"] #panel-user .panel-note,
:root[data-theme="dark"] .menu-panel .trade-side-pill {
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .90);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .menu-panel .trade-side-arrow {
    color: rgba(255, 255, 255, .70);
}

:root[data-theme="dark"] #item-modal,
:root[data-theme="dark"] #boutique-achat-modal {
    background: rgba(7, 13, 14, .72);
}

:root[data-theme="dark"] #item-modal .modal-content,
:root[data-theme="dark"] #boutique-achat-modal .modal-content {
    background: linear-gradient(180deg, rgba(21, 26, 26, .92) 0%, rgba(13, 24, 25, .92) 100%);
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 26px 80px rgba(0, 0, 0, .60);
}

:root[data-theme="dark"] #item-modal .close-modal,
:root[data-theme="dark"] #boutique-achat-modal .boutique-close-btn {
    background: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] #item-modal #modal-title {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] #item-modal p {
    color: rgba(255, 255, 255, .74);
}

:root[data-theme="dark"] #item-modal p strong {
    color: #ff8d6a;
}

:root[data-theme="dark"] #item-modal select {
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgb(55 55 56 / 70%);
    color: rgba(255, 255, 255, .88);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] #item-modal select:focus {
    border-color: rgba(36, 45, 45, .45);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 0 0 4px rgba(36, 45, 45, .14);
}

:root[data-theme="dark"] #boutique-achat-modal #boutique-achat-modal-text {
    color: rgba(255, 255, 255, .82);
}

:root[data-theme="dark"] .fight-button a {
    color: #fff;
    font-weight: 900;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
    background: var(--btn-grad);
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 14px 28px rgba(27, 34, 34, .35), inset 0 0 0 1px rgba(255, 255, 255, .08);
    -webkit-font-smoothing: antialiased;
}

:root[data-theme="dark"] .fight-button a:hover {
    filter: brightness(1.06);
    transform: translateY(-1px) scale(1.05);
    box-shadow: 0 18px 36px rgba(27, 34, 34, .45), inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .fight-button a i {
    color: #fff;
}

:root[data-theme="dark"] .forum-page {
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .forum-page::before {
    background-image: var(--dot-pattern);
    opacity: .22;
}

:root[data-theme="dark"] .forum-page .zone-card,
:root[data-theme="dark"] .forum-guide,
:root[data-theme="dark"] .forum-event {
    background: var(--background-alt);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 18px 44px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .forum-event-head,
html[data-theme="dark"] .pokedex-player .pokedex-hero{
    background: linear-gradient(135deg, #3a2b1d, #4a3724);
}

:root[data-theme="dark"] .forum-page .zone-header::before,
:root[data-theme="dark"] .forum-guide::before,
:root[data-theme="dark"] .forum-event-head::before,
:root[data-theme="dark"] .pokedex-player .pokedex-hero::before{
    background-image: var(--dot-pattern);
}

:root[data-theme="dark"] .forum-page .zone-header::before {
    opacity: .20;
}

:root[data-theme="dark"] .forum-guide::before {
    opacity: .18;
}

:root[data-theme="dark"] .forum-event-head::before {
    opacity: .16;
}

:root[data-theme="dark"] .forum-page .zone-header::after,
:root[data-theme="dark"] .forum-page .zone-body,
:root[data-theme="dark"] .forum-guide-steps,
:root[data-theme="dark"] .forum-event-head::after,
:root[data-theme="dark"] .forum-event-meta {
    background: rgb(30 38 38);
}

:root[data-theme="dark"] .forum-page .lieu-card {
    background: rgb(30 38 38 / 72%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 14px 34px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .forum-page .lieu-card:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 22px 46px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .forum-page .lieu-card.is-unread {
    background: linear-gradient(180deg, rgba(21, 26, 26, .78) 0%, rgb(30 38 38 / 72%) 55%, rgb(30 38 38 / 72%) 100%);
    box-shadow: inset 0 0 0 3px rgba(34, 43, 43, .85), 0 24px 56px rgba(29, 37, 37, .22);
}

:root[data-theme="dark"] .forum-page .lieu-card.is-unread::before {
    opacity: .75;
}

:root[data-theme="dark"] .forum-page .lieu-header {
    background: var(--panel-grad);
    color: rgba(255, 255, 255, .92);
    background-image: url(../../images/content/bg-bleu-dark.png);
}

:root[data-theme="dark"] .forum-page .newsCarouselHead,
:root[data-theme="dark"] .forum-event-head,
:root[data-theme="dark"] .section--focus .sectionHead {
    background-image: url(../../images/content/bg-bleu-dark.png);
}

:root[data-theme="dark"] .forum-page .lieu-header::before {
    background-image: radial-gradient(rgba(255, 255, 255, .16) 1px, transparent 1.6px);
    opacity: .14;
}

:root[data-theme="dark"] .forum-page .stat-chip {
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .14);
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .forum-page .lieu-body {
    background: rgb(30 38 38 / 72%);
}

:root[data-theme="dark"] .forum-page .lieu-description,
:root[data-theme="dark"] .forum-page .lieu-pokemons {
    background: rgb(26 32 32);
    color: rgba(255, 255, 255, .80);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .forum-page .lieu-description::-webkit-scrollbar-thumb,
:root[data-theme="dark"] .forum-page .pkm-strip::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .18);
}

:root[data-theme="dark"] .forum-page .pkm-chip {
    background: rgb(30 38 38 / 62%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .forum-page .pkm-chip:hover {
    filter: brightness(1.06);
}

:root[data-theme="dark"] #lieu-pkm-tooltip {
    background: rgba(21, 26, 26, .92);
    color: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .forum-page .lastpost3-btn {
    background: var(--btn-grad);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .15);
    box-shadow: 0 12px 28px rgba(27, 34, 34, .35), inset 0 0 0 1px rgba(255, 255, 255, .08);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .forum-page .lastpost3-btn:hover {
    transform: translateY(-2px) scale(1.03);
    filter: brightness(1.05);
    box-shadow: 0 18px 36px rgba(27, 34, 34, .45), inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .forum-page .lieu-card.is-unread .lastpost3-btn {
    background: linear-gradient(135deg, #ff8d6a, #d2451f);
}

:root[data-theme="dark"] .forum-page .lieu-footer {
    background: rgb(44 56 57);
}

:root[data-theme="dark"] .forum-page .lastpost3 {
    background: rgb(30 38 38 / 72%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .forum-page .lastpost3 .k {
    color: rgba(255, 255, 255, .60);
}

:root[data-theme="dark"] .forum-page .lastpost3 .v {
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .forum-page .lastpost3 .muted {
    color: rgba(255, 255, 255, .62);
}

:root[data-theme="dark"] .forum-step,
:root[data-theme="dark"] .forum-event-chip {
    background: rgb(30 38 38 / 62%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .forum-step-k {
    color: rgba(255, 255, 255, .86);
}

:root[data-theme="dark"] .forum-step-v {
    color: rgba(255, 255, 255, .72);
}

:root[data-theme="dark"] .forum-step-hint {
    color: rgba(255, 255, 255, .60);
}

:root[data-theme="dark"] .forum-event-chip {
    color: rgba(255, 255, 255, .82);
}

:root[data-theme="dark"] .missions::before {
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
    opacity: .16;
}

:root[data-theme="dark"] .rewardFallback {
    color: #fff;
    opacity: 1;
}

:root[data-theme="dark"] .missionsSearch label {
    color: rgba(255, 255, 255, .78);
}

:root[data-theme="dark"] .missionsSearch input {
    background: rgb(55 55 56 / 70%);
    color: rgba(255, 255, 255, .90);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .missionsSearch input::placeholder {
    color: rgba(255, 255, 255, .55);
}

:root[data-theme="dark"] .btn {
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .92);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .btn.is-active {
    outline: 2px solid rgba(36, 45, 45, .22);
}

:root[data-theme="dark"] .btn--primary {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 16px 34px rgba(27, 34, 34, .35);
}

:root[data-theme="dark"] .section {
    background: rgba(21, 26, 26, .66);
}

:root[data-theme="dark"] .card {
    background: rgb(30 38 38 / 62%);
    box-shadow: var(--inner);
}

:root[data-theme="dark"] .cardTitle {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .cardDesc {
    color: rgba(255, 255, 255, .68);
}

:root[data-theme="dark"] .repeatTag {
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .80);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .progressBar {
    background: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .progressTxt {
    color: rgba(255, 255, 255, .95);
    text-shadow: 0 2px 10px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .rewards {
    background: rgb(55 55 56 / 70%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rewards::before {
    background: var(--panel-grad);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .reward {
    background: rgb(30 38 38 / 62%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rewardIcon,
:root[data-theme="dark"] .rewardIcon--pokemon {
    background: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .rewardName {
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .rewardBadge {
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .82);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .mission-modal-backdrop::before {
    background: rgba(0, 0, 0, .62);
}

:root[data-theme="dark"] .mission-modal {
    background: rgba(21, 26, 26, .92);
    border: 1px solid rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .mission-modal-body {
    background: rgb(27 40 42);
}

:root[data-theme="dark"] .modal-pill {
    background: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .modal-pill .k {
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .modal-pill .v {
    color: rgba(255, 255, 255, .72);
}

:root[data-theme="dark"] .forum-page .newsCarousel {
    background: rgb(30 38 38 / 62%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 22px 60px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .forum-page .newsCarousel::before {
    background-image: radial-gradient(rgba(255, 255, 255, .20) 1px, transparent 1.6px);
    opacity: .14;
}

:root[data-theme="dark"] .forum-page .newsCarouselHead::after {
    background: rgb(27 40 42);
}

:root[data-theme="dark"] .forum-page .newsCarouselBody {
    background: linear-gradient(180deg, rgb(27 40 42) 0%, rgba(10, 19, 20, .92) 100%);
}

:root[data-theme="dark"] .forum-page .newsSlide {
    background: rgb(30 38 38 / 62%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 18px 44px rgba(0, 0, 0, .50);
}

:root[data-theme="dark"] .forum-page .newsSlideMedia {
    background: rgba(13, 24, 25, .75);
}

:root[data-theme="dark"] .forum-page .newsSlideFallback {
    color: rgba(255, 255, 255, .35);
}

:root[data-theme="dark"] .forum-page .newsSlideShade {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .10), rgba(0, 0, 0, .55));
}

:root[data-theme="dark"] .forum-page .newsSlideMeta {
    color: rgba(255, 255, 255, .70);
}

:root[data-theme="dark"] .forum-page .newsCredit {
    color: rgba(255, 255, 255, .58);
}

:root[data-theme="dark"] .forum-page .newsSlideTitle {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .forum-page .newsSlideDesc {
    color: rgba(255, 255, 255, .72);
}

:root[data-theme="dark"] .forum-page .newsSlideBtn {
    color: #fff;
    font-weight: 950;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 16px 34px rgba(27, 34, 34, .35), inset 0 0 0 1px rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .forum-page .newsSlideContent::before {
    background: rgb(24 30 30);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .forum-page .newsSlideContent::after {
    opacity: .22;
}

:root[data-theme="dark"] .forum-page .newsNav {
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgb(28 20 10 / 82%);
    color: rgba(255, 255, 255, .90);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .forum-page .newsNav:hover {
    filter: brightness(1.08);
}

:root[data-theme="dark"] .forum-page .newsDot {
    background: rgba(255, 255, 255, .22);
}

:root[data-theme="dark"] .forum-page .newsDot.is-active {
    background: var(--btn-grad);
}

:root[data-theme="dark"] .rightbar-overlay {
    background: rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .rightbar-card {
    background: rgba(21, 26, 26, .82);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 22px 60px rgba(0, 0, 0, .55);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rightbar-header {
    background: var(--panel-grad);
    border-bottom: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rightbar-title {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .rightbar-close {
    background: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .rightbar-close i {
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .rightbar-online,
:root[data-theme="dark"] .rightbar-scroll {
    background: rgb(28 20 10 / 85%);
}

:root[data-theme="dark"] .rightbar-scroll {
    scrollbar-color: var(--rb-scroll) rgba(0, 0, 0, 0);
}

:root[data-theme="dark"] .rightbar-scroll::-webkit-scrollbar-thumb {
    background: var(--rb-scroll);
}

:root[data-theme="dark"] .rightbar-section {
    background: rgb(30 38 38 / 62%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rightbar-section-title {
    color: rgba(255, 255, 255, .78);
}

:root[data-theme="dark"] .rightbar-count {
    background: rgba(127, 200, 169, .18);
    color: rgba(185, 255, 205, .92);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rightbar-users {
    scrollbar-color: var(--rb-scroll) rgba(0, 0, 0, 0);
}

:root[data-theme="dark"] .rightbar-users::-webkit-scrollbar-thumb {
    background: var(--rb-scroll);
}

:root[data-theme="dark"] .rightbar-user {
    background: rgb(55 55 56 / 70%);
    color: rgba(255, 255, 255, .86);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rightbar-user:hover {
    filter: brightness(1.05);
}

:root[data-theme="dark"] .rightbar-empty {
    color: rgba(255, 255, 255, .62);
}

:root[data-theme="dark"] .rightbar-more {
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .90);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .rightbar-more:hover {
    filter: brightness(1.06);
}

:root[data-theme="dark"] .rightbar-legend {
    background: rgb(30 38 38 / 62%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rightbar-legend-summary {
    background: rgb(55 55 56 / 70%);
    color: rgba(255, 255, 255, .90);
    border-bottom: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rightbar-legend-body {
    background: rgb(28 20 10 / 85%);
}

:root[data-theme="dark"] .rightbar-legend-item {
    background: rgb(30 38 38 / 62%);
    color: rgba(255, 255, 255, .86);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rightbar-legend-item:hover {
    filter: brightness(1.05);
}

:root[data-theme="dark"] .legend-swatch {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .18), 0 10px 20px rgba(0, 0, 0, .35);
}

:root[data-theme="dark"] .rightbar-link {
    color: #fff;
    font-weight: 900;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 14px 28px rgba(29, 37, 37, .28), inset 0 0 0 1px rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .rightbar-link:hover {
    filter: brightness(1.06);
}

:root[data-theme="dark"] .rightbar-dock {
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .lieu-page {
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .lieu-card,
:root[data-theme="dark"] .sujet-card,
:root[data-theme="dark"] .poll-card,
:root[data-theme="dark"] .answer-card,
:root[data-theme="dark"] .lieu-page .card {
    background: rgb(24 30 30) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 10px 22px rgba(0, 0, 0, .45) !important;
}

:root[data-theme="dark"] .sujet-card--announce::before,
:root[data-theme="dark"] .lieu-card-head,
:root[data-theme="dark"] .answer-head,
:root[data-theme="dark"] .trade-card-head,
:root[data-theme="dark"] .forum-guide-head {
    background-image: url(../../images/content/bg-orange-dark.png);
}

:root[data-theme="dark"] .sujet-card--postit::before {
    background-image: url(../../images/content/bg-bleu-dark.png);
}

:root[data-theme="dark"] .lieu-card-head {
    color: #fff;
}

:root[data-theme="dark"] .sujet-card .col-md-5 a.fw-bold, :root[data-theme="dark"] .sujet-card .col-md-2 {
    background: rgb(24 31 31 / 55%);
    color: #efdbce;
}

:root[data-theme="dark"] .topic-tag--announce, :root[data-theme="dark"] .topic-tag--postit {
    background: rgba(39, 49, 49, .35);
    color: #efdbce;
}

:root[data-theme="dark"] .lieu-card-head::after {
    background: rgb(30 38 38);
}

:root[data-theme="dark"] .sujet-head {
    background: linear-gradient(135deg, #b1a168, #975642);
    color: #fff;
}

:root[data-theme="dark"] .sujet-head::after {
    background: rgb(30 38 38);
}

:root[data-theme="dark"] .msg-tw {
    background: rgb(29 37 37 / 60%);
}

:root[data-theme="dark"] .msg-tw-head {
    color: #fff;
}

:root[data-theme="dark"] .msg-tw-body {
    background: rgb(30 34 34);
    color: rgb(237 236 173 / 90%);
}

:root[data-theme="dark"] .lieu-card-body,
:root[data-theme="dark"] .rp-message-body,
:root[data-theme="dark"] .poll-form,
:root[data-theme="dark"] .poll-results,
:root[data-theme="dark"] .answer-body,
:root[data-theme="dark"] .sujetform-card-body {
    background: rgb(30 38 38);
}

:root[data-theme="dark"] .lieu-desc,
:root[data-theme="dark"] .lieu-wild,
:root[data-theme="dark"] .message-left,
:root[data-theme="dark"] .message-right,
:root[data-theme="dark"] .message-signature-content,
:root[data-theme="dark"] .author-rpg,
:root[data-theme="dark"] .message-content,
:root[data-theme="dark"] .wild-chip,
:root[data-theme="dark"] .poll-option {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .lieu-wild-title,
:root[data-theme="dark"] .author-name,
:root[data-theme="dark"] .poll-label,
:root[data-theme="dark"] .rw-card-title,
:root[data-theme="dark"] .xpr-skin .xpr-k,
:root[data-theme="dark"] .xpr-skin .xpr-pkm-name,
:root[data-theme="dark"] .xpr-skin .xpr-wild-name {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .lieu-wild-hint,
:root[data-theme="dark"] .author-sub,
:root[data-theme="dark"] .message-date,
:root[data-theme="dark"] .message-pokemon-info small,
:root[data-theme="dark"] .xpr-skin .xpr-progress-meta,
:root[data-theme="dark"] .xpr-skin .xpr-mini-meta,
:root[data-theme="dark"] .rw-meta,
:root[data-theme="dark"] .arpg-muted,
:root[data-theme="dark"] .poll-count {
    color: rgba(255, 255, 255, .70);
}

:root[data-theme="dark"] .wild-name {
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .message-content {
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .message-content blockquote,
:root[data-theme="dark"] .message-content .code-wrapper {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .message-content .code-wrapper pre {
    background: rgba(0, 0, 0, .25);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .message-content .code-wrapper pre code {
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .action-link,
:root[data-theme="dark"] .arpg-pill,
:root[data-theme="dark"] .badge-chip,
:root[data-theme="dark"] .message-pokemon-box,
:root[data-theme="dark"] .rw-chip,
:root[data-theme="dark"] .rw-caught,
:root[data-theme="dark"] .rw-toggle,
:root[data-theme="dark"] .toggle-fiche-btn,
:root[data-theme="dark"] .mod-btn--soft {
    background: rgb(70 53 2 / 34%);
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: none;
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .action-like {
    background: rgba(127, 200, 169, .18);
    color: rgba(210, 255, 235, .92);
    box-shadow: inset 0 0 0 1px rgba(127, 200, 169, .22);
}

:root[data-theme="dark"] .action-danger {
    background: rgba(29, 37, 37, .18);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(29, 37, 37, .25);
}

:root[data-theme="dark"] .lieu-page .exp-bar {
    background: rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .lieu-page .exp-fill {
    background: linear-gradient(135deg, #7fc8a9, #3fbcb8);
}

:root[data-theme="dark"] .message-own .message-right {
    box-shadow: inset 0 0 0 2px rgba(34, 43, 43, .35), 0 12px 24px rgba(29, 37, 37, .20);
}

:root[data-theme="dark"] .answer-tw-input {
    background: rgba(0, 0, 0, .20);
    border-color: rgba(255, 255, 255, .14);
    color: rgba(255, 255, 255, .92);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .answer-tw-input::placeholder {
    color: rgba(255, 255, 255, .55);
}

:root[data-theme="dark"] .answer-tw-input:focus {
    border-color: rgba(34, 43, 43, .55);
    box-shadow: inset 0 0 0 1px rgba(34, 43, 43, .25), 0 10px 22px rgba(0, 0, 0, .35);
}

:root[data-theme="dark"] .lieu-name,
:root[data-theme="dark"] .lieu-name a {
    color: rgba(255, 255, 255, .96);
    text-shadow: 0 2px 10px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .lieu-action {
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .18);
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .lieu-action i {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .lieu-action:hover {
    filter: brightness(1.06);
}

:root[data-theme="dark"] .message-left {
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .author-name {
    color: rgba(255, 255, 255, .96);
}

:root[data-theme="dark"] .message-pokemon-info,
:root[data-theme="dark"] .message-pokemon-info strong {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .arpg-xp-title,
:root[data-theme="dark"] .arpg-xp-val,
:root[data-theme="dark"] .arpg-badges-title,
:root[data-theme="dark"] .arpg-badges-count {
    color: rgba(255, 255, 255, .78);
}

:root[data-theme="dark"] .toggle-fiche-btn i,
:root[data-theme="dark"] .rw-toggle i {
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .fiche-mini {
    background: rgba(255, 255, 255, .06);
    color: rgba(255, 255, 255, .88);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .fiche-mini-sep {
    background: rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .pkm-gender,
:root[data-theme="dark"] .pkm-gender--0,
:root[data-theme="dark"] .pkm-gender--1,
:root[data-theme="dark"] .pkm-gender--2 {
    color: rgba(255, 255, 255, .92);
    border-color: rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .pkm-gender--0 {
    background: rgba(111, 215, 224, .28);
    border-color: rgba(80, 160, 255, .35);
}

:root[data-theme="dark"] .pkm-gender--1 {
    background: rgba(35, 44, 44, .28);
    border-color: rgba(35, 44, 44, .35);
}

:root[data-theme="dark"] .answer-tw {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .answer-tw-title,
:root[data-theme="dark"] .answer-tw-title i {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .answer-tw-badge {
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .82);
}

:root[data-theme="dark"] .answer-tw-hint {
    color: rgba(255, 255, 255, .70);
}

:root[data-theme="dark"] .sceditor-container,
:root[data-theme="dark"] .sceditor-container * {
    border-color: rgba(255, 255, 255, .12) !important;
}

:root[data-theme="dark"] .sceditor-container {
    background: rgba(21, 26, 26, .82) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .45) !important;
}

:root[data-theme="dark"] div.sceditor-toolbar {
    background: rgb(17 22 22) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
}

:root[data-theme="dark"] .sceditor-group {
    background: transparent !important;
}

:root[data-theme="dark"] a.sceditor-button {
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
}

:root[data-theme="dark"] a.sceditor-button:hover,
:root[data-theme="dark"] a.sceditor-button:focus {
    background: rgba(255, 255, 255, .10) !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .sceditor-container iframe,
:root[data-theme="dark"] .sceditor-container textarea {
    background: rgba(0, 0, 0, .22) !important;
    color: rgba(255, 255, 255, .92) !important;
}

:root[data-theme="dark"] .sceditor-container textarea::placeholder {
    color: rgba(255, 255, 255, .55);
}

:root[data-theme="dark"] .sceditor-statusbar {
    background: rgb(28 20 10 / 85%) !important;
    border-top: 1px solid rgba(255, 255, 255, .10) !important;
    color: rgba(255, 255, 255, .75) !important;
}

:root[data-theme="dark"] div.sceditor-dropdown {
    background: rgba(13, 24, 25, .96) !important;
    color: rgba(255, 255, 255, .90) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, .55) !important;
}

:root[data-theme="dark"] div.sceditor-dropdown * {
    color: inherit !important;
}

:root[data-theme="dark"] div.sceditor-dropdown input,
:root[data-theme="dark"] div.sceditor-dropdown select {
    background: rgba(0, 0, 0, .22) !important;
    color: rgba(255, 255, 255, .90) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
}

:root[data-theme="dark"] a.sceditor-button div {
    filter: saturate(.9) brightness(.95) !important;
}

:root[data-theme="dark"] .mention-dropdown {
    background: rgba(20, 18, 16, .96);
    border-color: rgba(255, 255, 255, .12);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .mention-item {
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .mention-sub {
    color: rgba(255, 255, 255, .62);
}

:root[data-theme="dark"] .mention-item.is-active,
:root[data-theme="dark"] .mention-item:hover {
    background: rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .bb-content {
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .bb-content a {
    color: rgba(39, 50, 50, .95);
}

:root[data-theme="dark"] .editor-quote {
    background: rgba(255, 255, 255, .06);
    border-left-color: rgba(34, 43, 43, .85);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .editor-quote .quote-author {
    color: rgba(255, 255, 255, .65);
}

:root[data-theme="dark"] .bb-spoiler {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .bb-spoiler summary,
:root[data-theme="dark"] .bb-spoiler > summary {
    background: linear-gradient(135deg, rgba(189, 219, 218, .18), rgba(144, 194, 192, .14));
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .bb-spoiler__body {
    border-top-color: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] pre {
    background: rgba(0, 0, 0, .28);
    color: rgba(255, 255, 255, .92);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] pre code {
    color: inherit;
}

:root[data-theme="dark"] .copy-code-btn {
    background: rgba(255, 255, 255, .10);
    border-color: rgba(255, 255, 255, .14);
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .bb-table th,
:root[data-theme="dark"] .bb-table td {
    border-color: rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .bb-table th {
    background: rgba(189, 219, 218, .14);
}

:root[data-theme="dark"] .rw-inline {
    background: rgb(24 30 30);
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .45);
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .rw-summary {
    background: rgb(28 20 10 / 85%);
    border-bottom: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rw-badge {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .rw-chip--xp {
    background: rgba(127, 200, 169, .18);
    border-color: rgba(127, 200, 169, .22);
    color: rgba(210, 255, 235, .92);
}

:root[data-theme="dark"] .rw-chip--muted {
    background: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .70);
}

:root[data-theme="dark"] .rw-toggle:hover {
    filter: brightness(1.06);
}

:root[data-theme="dark"] .rw-details {
    background: rgb(30 38 38);
}

:root[data-theme="dark"] .rw-grid .rw-card {
    background: rgb(30 38 38 / 62%);
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: none;
}

:root[data-theme="dark"] .rw-line span {
    color: rgba(255, 255, 255, .70);
}

:root[data-theme="dark"] .rw-line strong {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .rw-progress .rw-track {
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rw-progress .rw-fill {
    background: linear-gradient(135deg, #7fc8a9, #3fbcb8);
}

:root[data-theme="dark"] .rw-progress .rw-meta {
    color: rgba(255, 255, 255, .70);
}

:root[data-theme="dark"] .rw-pkm {
    background: rgb(19 23 23 / 60%);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rw-pkm img {
    background: rgba(0, 0, 0, .18);
    border: 1px solid rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rw-pkm-txt strong {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .rw-pkm-txt small {
    color: rgba(255, 255, 255, .70);
}

:root[data-theme="dark"] .rw-mini-tag {
    background: rgba(127, 200, 169, .18);
    border: 1px solid rgba(127, 200, 169, .22);
    color: rgba(210, 255, 235, .92);
}

:root[data-theme="dark"] .rw-card--wild .rw-muted {
    color: rgba(255, 255, 255, .70);
}

:root[data-theme="dark"] .rw-capture-msg {
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .rw-inline.rw-own {
    border-color: rgba(34, 43, 43, .28);
    box-shadow: inset 0 0 0 2px rgba(34, 43, 43, .18), 0 16px 40px rgba(29, 37, 37, .18);
}

:root[data-theme="dark"] .rw-inline.rw-own .rw-summary {
    background: linear-gradient(135deg, rgba(29, 37, 37, .14), rgb(28 23 10 / 88%));
}

:root[data-theme="dark"] .rw-inline.rw-own .rw-badge i {
    color: var(--coral);
}

:root[data-theme="dark"] .sujetform-shell::before {
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
    opacity: .14;
}

:root[data-theme="dark"] .sujetform-topbar {
    box-shadow: 0 18px 50px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .sujetform-breadcrumb a {
    border-bottom-color: rgba(255, 255, 255, .45);
}

:root[data-theme="dark"] .sujetform-card {
    background: rgba(21, 26, 26, .66);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 14px 34px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .sujetform-card-head {
    background: var(--panel-grad);
    border-bottom-color: rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .sujetform-card-head--coral {
    background: linear-gradient(135deg, rgba(34, 43, 43, .22), rgba(27, 34, 34, .18));
}

:root[data-theme="dark"] .sujetform-card-title {
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .sujetform-card-sub {
    color: rgba(255, 255, 255, .62);
}


:root[data-theme="dark"] .sujetform-card-foot {
    background: rgba(10, 19, 20, .92);
    border-top-color: rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .sujetform-label {
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .sujetform-field .sujetform-input,
:root[data-theme="dark"] .sujetform-field input[type="text"],
:root[data-theme="dark"] .sujetform-field textarea,
:root[data-theme="dark"] .sujetform-field select {
    border-color: rgba(255, 255, 255, .12);
    background: rgb(55 55 56 / 70%);
    color: rgba(255, 255, 255, .92);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .sujetform-field .sujetform-input:focus,
:root[data-theme="dark"] .sujetform-field input[type="text"]:focus,
:root[data-theme="dark"] .sujetform-field textarea:focus,
:root[data-theme="dark"] .sujetform-field select:focus {
    border-color: rgba(34, 43, 43, .55);
    box-shadow: inset 0 0 0 1px rgba(34, 43, 43, .22), 0 14px 34px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] #sujet-form .menu-bar-editor select {
    border-color: rgba(255, 255, 255, .18) !important;
    background: rgba(255, 255, 255, .10) !important;
    color: rgba(255, 255, 255, .92) !important;
}

:root[data-theme="dark"] #sujet-form .menu-bar-editor input[type="color"] {
    border-color: rgba(255, 255, 255, .18) !important;
    background: rgba(255, 255, 255, .10) !important;
}

:root[data-theme="dark"] .sujetform-sep {
    background: rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .sujetform-blocktitle .t {
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .sujetform-blocktitle .s {
    color: rgba(255, 255, 255, .62);
}

:root[data-theme="dark"] .sujetform-poll-item {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .sujetform-btn--ghost {
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .92);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .sujetform-btn--primary {
    box-shadow: 0 16px 34px rgba(27, 34, 34, .38);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .sujetform-place-name {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .sujetform-place-desc {
    background: rgba(255, 255, 255, .06);
    color: rgba(255, 255, 255, .74);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .sujetform-place-desc::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .18);
}

:root[data-theme="dark"] .sujetform-wild-title {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .sujetform-wild-item {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .sujetform-wild-name {
    color: rgba(255, 255, 255, .70);
}

:root[data-theme="dark"] .sujetform-adminflags {
    background: rgb(55 55 56 / 70%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .sujetform-checkbox {
    accent-color: var(--coral);
}

:root[data-theme="dark"] .sujetform-checklabel {
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .sujetform-type label {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .sujetform-type input[type="radio"] {
    accent-color: var(--coral);
}

:root[data-theme="dark"] .sujetform-tw {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .sujetform-tw-title {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .sujetform-tw-title i {
    color: var(--coral);
}

:root[data-theme="dark"] .sujetform-tw-badge {
    background: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .86);
}

:root[data-theme="dark"] .sujetform-tw-input {
    border-color: rgba(255, 255, 255, .12);
    background: rgba(0, 0, 0, .22);
    color: rgba(255, 255, 255, .92);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .sujetform-tw-input::placeholder {
    color: rgba(255, 255, 255, .55);
}

:root[data-theme="dark"] .sujetform-tw-input:focus {
    border-color: rgba(34, 43, 43, .55);
    box-shadow: inset 0 0 0 1px rgba(34, 43, 43, .22), 0 14px 34px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .sujetform-tw-hint {
    color: rgba(255, 255, 255, .62);
}

:root[data-theme="dark"] .last-colonne a {
    background: var(--btn-grad);
    color: #fff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, .45);
    box-shadow: 0 14px 34px rgba(27, 34, 34, .45), inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .last-colonne a i {
    color: #fff !important;
}

:root[data-theme="dark"] .last-colonne a:hover {
    filter: brightness(1.12);
    transform: translateY(-1px);
}


:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal {
    --xpr-bg: #14181e;
    --xpr-panel: #1b2028;
    --xpr-panel-2: #202733;
    --xpr-card: #1a202a;
    --xpr-card-body: #171c24;
    --xpr-border: rgba(255, 255, 255, .07);

    --xpr-text: #e9eef6;
    --xpr-muted: rgba(233, 238, 246, .72);

    --xpr-accent-1: #ff7a5c;
    --xpr-accent-2: #c13a26;

    --xpr-head-1: #2b3442;
    --xpr-head-2: #1f2733;

    --xpr-ok-bg: rgba(45, 190, 140, .16);
    --xpr-ok-bd: rgba(45, 190, 140, .28);
    --xpr-ok-tx: #bff5dd;

    --xpr-warn-bg: rgba(42, 53, 53, .14);
    --xpr-warn-bd: rgba(42, 53, 53, .25);

    --xpr-shadow: 0 22px 50px rgba(0, 0, 0, .65);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) .modal-backdrop.show {
    opacity: .75;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-shell {
    border-radius: 22px;
    overflow: hidden;

    background: rgba(22, 28, 28, .96);
    box-shadow: inset 0 0 0 1px var(--xpr-border),
    var(--xpr-shadow);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-head {
    padding: 16px 18px 24px;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;

    position: relative;
    color: #fff;

    background: linear-gradient(135deg, var(--xpr-head-1), var(--xpr-head-2));
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-head::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .35) 1px, transparent 1.6px);
    background-size: 14px 14px;
    opacity: .18;
    pointer-events: none;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-head::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 34px;

    background: var(--xpr-bg);
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    transform: translateY(50%);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-head-left {
    position: relative;
    z-index: 1;
    min-width: 0;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    font-size: 12px;
    font-weight: 900;

    padding: 6px 10px;
    border-radius: 999px;

    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .14);
    backdrop-filter: blur(6px);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-title {
    margin-top: 8px;
    font-weight: 950;
    font-size: 18px;
    letter-spacing: .2px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .55);

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-subtitle {
    font-size: 12px;
    font-weight: 800;
    color: rgba(255, 255, 255, .78);
    text-transform: uppercase;
    margin-top: 2px;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-close {
    position: relative;
    z-index: 1;

    width: 40px;
    height: 40px;
    border-radius: 999px;

    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .10);
    color: #fff;

    font-weight: 950;
    cursor: pointer;
    transition: transform .12s ease, filter .15s ease;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-close:hover {
    transform: translateY(-1px);
    filter: brightness(1.06);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-body {
    background: var(--xpr-bg);
    padding: 16px 14px 14px;
    color: var(--xpr-text);
    font-family: "Quicksand", sans-serif;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-success {
    background: linear-gradient(135deg, var(--xpr-ok-bg), rgba(45, 190, 140, .08));
    border: 1px solid var(--xpr-ok-bd);
    border-radius: 18px;
    padding: 12px 12px;

    font-weight: 900;
    color: var(--xpr-ok-tx);

    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
    margin-bottom: 12px;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-card {
    background: rgba(29, 38, 39, .92);
    border-radius: 22px;
    overflow: hidden;

    box-shadow: inset 0 0 0 1px var(--xpr-border),
    0 14px 30px rgba(0, 0, 0, .45);

    margin: 12px 0;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-card-head {
    padding: 12px 14px;

    background: linear-gradient(135deg, #2f3e3f, #233234);
    color: #fff;

    position: relative;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-card-head::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .22) 1px, transparent 1.6px);
    background-size: 14px 14px;
    opacity: .14;
    pointer-events: none;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-card-title,
:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-pill {
    position: relative;
    z-index: 1;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-card-title {
    font-weight: 950;
    font-size: 13px;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    padding: 6px 10px;
    border-radius: 999px;

    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);

    font-weight: 950;
    font-size: 12px;
    color: rgba(255, 255, 255, .92);
    white-space: nowrap;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-pill--gold {
    background: rgba(42, 53, 53, .16);
    border-color: rgba(42, 53, 53, .25);
    color: #ffe2a6;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-pill--danger {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .12);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-card-body {
    background: var(--xpr-card-body);
    padding: 12px 14px;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-line {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    font-weight: 900;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-k {
    color: rgba(233, 238, 246, .90);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-v {
    color: rgba(191, 245, 221, .92);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-progress-track {
    height: 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    overflow: hidden;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-progress-fill {
    height: 100%;
    width: 0%;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(34, 43, 43, .95), rgba(123, 218, 227, .85));
    transition: width 1.5s ease;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-progress-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 800;
    color: var(--xpr-muted);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-gain {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 7px 10px;
    border-radius: 999px;

    background: rgba(42, 53, 53, .14);
    border: 1px solid rgba(42, 53, 53, .22);

    font-weight: 950;
    font-size: 12px;
    color: rgb(110 205 171 / 98%);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-pkm-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

@media (min-width: 720px) {
    :where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-pkm-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-pkm {
    background: rgba(255, 255, 255, .05);
    border-radius: 18px;
    padding: 12px 12px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-pkm-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-pkm-avatar {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .18);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-pkm-avatar img {
    width: 42px;
    height: 42px;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-pkm-name {
    font-weight: 950;
    color: var(--xpr-text);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-pkm-sub {
    font-weight: 900;
    font-size: 12px;
    color: var(--xpr-muted);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-mini-track {
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    overflow: hidden;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-mini-fill {
    height: 100%;
    width: 0%;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(34, 43, 43, .95), rgba(123, 218, 227, .85));
    transition: width 1.5s ease;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-mini-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 8px;
    font-size: 11px;
    font-weight: 800;
    color: var(--xpr-muted);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-pkm-foot {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 10px;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 6px 10px;
    border-radius: 999px;

    font-weight: 950;
    font-size: 11px;

    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(233, 238, 246, .92);
    background: rgba(255, 255, 255, .06);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-tag--gain {
    background: rgba(42, 53, 53, .14);
    border-color: rgba(42, 53, 53, .22);
    color: rgba(43, 55, 55, .98);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-tag--evo {
    background: rgba(34, 43, 43, .14);
    border-color: rgba(34, 43, 43, .22);
    color: rgba(41, 52, 52, .98);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-wild {
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 12px;
    align-items: center;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-wild-avatar {
    width: 88px;
    height: 88px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-wild-avatar img {
    width: 52px;
    height: 52px;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-wild-name {
    font-weight: 950;
    color: var(--xpr-text);
    font-size: 15px;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-wild-sub {
    font-weight: 900;
    color: var(--xpr-muted);
    font-size: 12px;
    margin-top: 2px;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-wild-meta {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 800;
    color: rgba(233, 238, 246, .86);

    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 14px;
    padding: 10px 12px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-wild-actions {
    margin-top: 10px;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    border: none;
    text-decoration: none;

    font-size: 12px;
    font-weight: 900;

    padding: 10px 16px;
    border-radius: 999px;

    cursor: pointer;
    transition: transform .12s ease, filter .15s ease;
    white-space: nowrap;

    box-shadow: 0 14px 28px rgba(0, 0, 0, .35);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.06);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-btn--soft {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .10);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18), 0 14px 28px rgba(0, 0, 0, .35);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-btn--danger {
    background: linear-gradient(135deg, var(--xpr-accent-1), var(--xpr-accent-2));
    color: #fff;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-btn[disabled] {
    opacity: .55;
    cursor: not-allowed;
    filter: grayscale(.2);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-capture-message .alert {
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18);
    font-weight: 900;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-capture-message .alert-success {
    background: rgba(45, 190, 140, .16);
    color: #bff5dd;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-capture-message .alert-warning {
    background: rgba(42, 53, 53, .14);
    color: #ffe2a6;
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-capture-message .alert-danger {
    background: rgba(34, 43, 43, .12);
    color: rgba(41, 52, 52, .98);
}

:where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-foot {
    background: var(--xpr-panel);
    padding: 12px 14px;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid rgba(255, 255, 255, .06);
}

@media (max-width: 560px) {
    :where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-body {
        padding: 14px 12px 12px;
    }

    :where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-wild {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    :where(html.dark, body.dark, body.dark-mode, html[data-theme="dark"], body[data-theme="dark"]) #xpRecapModal.xp-recap-modal .xpr-btn {
        width: 100%;
    }
}


html[data-theme="dark"] .v2-pagination,
html[data-bs-theme="dark"] .v2-pagination {
    --v2p-bg: rgba(18, 22, 28, .70);
    --v2p-panel: rgba(255, 255, 255, .05);
    --v2p-border: rgba(255, 255, 255, .10);

    --v2p-text: rgba(234, 240, 248, .92);
    --v2p-muted: rgba(234, 240, 248, .68);

    --v2p-accent-1: #ff835f;
    --v2p-accent-2: #cf3f2a;

    --v2p-hover: rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .v2-pagination,
html[data-bs-theme="dark"] .v2-pagination {
    background: transparent;
    color: var(--v2p-text);
}

html[data-theme="dark"] .v2-pagination .v2-pagination-inner,
html[data-bs-theme="dark"] .v2-pagination .v2-pagination-inner {
    background: var(--v2p-bg);
    border: 1px solid var(--v2p-border);
    border-radius: 18px;
    padding: 10px;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .45);
    backdrop-filter: blur(8px);
}

html[data-theme="dark"] .v2-pagination .v2-pages,
html[data-bs-theme="dark"] .v2-pagination .v2-pages {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

html[data-theme="dark"] .v2-pagination .v2-page,
html[data-bs-theme="dark"] .v2-pagination .v2-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px;
    border-radius: 999px;

    background: var(--v2p-panel);
    border: 1px solid var(--v2p-border);

    color: var(--v2p-text);
    text-decoration: none;
    font-weight: 950;
    font-size: 12px;

    transition: transform .12s ease, filter .15s ease, background .15s ease, border-color .15s ease;
}

html[data-theme="dark"] .v2-pagination a.v2-page:hover,
html[data-bs-theme="dark"] .v2-pagination a.v2-page:hover {
    background: var(--v2p-hover);
    transform: translateY(-1px);
    filter: brightness(1.02);
}

html[data-theme="dark"] .v2-pagination .v2-nav,
html[data-bs-theme="dark"] .v2-pagination .v2-nav {
    background: rgba(255, 255, 255, .06);
}

html[data-theme="dark"] .v2-pagination .v2-page.is-current,
html[data-bs-theme="dark"] .v2-pagination .v2-page.is-current {
    background: linear-gradient(135deg, var(--v2p-accent-1), var(--v2p-accent-2));
    border-color: rgba(255, 255, 255, .14);
    color: #fff;
    box-shadow: 0 12px 22px rgba(27, 35, 35, .24);
}

html[data-theme="dark"] .v2-pagination .v2-page.is-disabled,
html[data-bs-theme="dark"] .v2-pagination .v2-page.is-disabled {
    opacity: .55;
    filter: grayscale(.1);
    pointer-events: none;
}

html[data-theme="dark"] .v2-pagination .v2-pagination-meta,
html[data-bs-theme="dark"] .v2-pagination .v2-pagination-meta {
    margin-top: 10px;
    color: var(--v2p-muted);
    font-weight: 900;
}

html[data-theme="dark"] .v2-pagination .v2-pagination-meta strong,
html[data-bs-theme="dark"] .v2-pagination .v2-pagination-meta strong {
    color: var(--v2p-text);
}

:root[data-theme="dark"] {
    --paper: rgb(27 40 42);
    --card: rgba(21, 26, 26, .66);
    --ink: rgba(255, 255, 255, .90);
    --shadow: 0 22px 70px rgba(0, 0, 0, .55);
    --inner: inset 0 0 0 1px rgba(255, 255, 255, .10);
    --accentA: #5a4632;
    --accentB: #b2873a;
    --accentC: rgba(21, 27, 27, .92);
    --accentD: rgba(20, 25, 25, .92);
}

:root[data-theme="dark"] .container-stats .stats, :root[data-theme="dark"] .sujetform-card-head {
    background-image: url(../../images/content/bg-orange-dark.png);
    box-shadow: inset 1px 0px 14px 4px #c17f46;
}

:root[data-theme="dark"] .forum-page .zone-header {
    background-image: url(../../images/content/bg-orange-dark.png);
}

:root[data-theme="dark"] .missions::before {
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
    opacity: .16;
}

:root[data-theme="dark"] .rewardFallback {
    color: #fff;
    opacity: 1;
}

:root[data-theme="dark"] .missionsSearch label {
    color: rgba(255, 255, 255, .78);
}

:root[data-theme="dark"] .missionsSearch input {
    background: rgb(55 55 56 / 70%);
    color: rgba(255, 255, 255, .90);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .missionsSearch input::placeholder {
    color: rgba(255, 255, 255, .55);
}

:root[data-theme="dark"] .btn {
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .92);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .btn.is-active {
    outline: 2px solid rgba(36, 45, 45, .22);
}

:root[data-theme="dark"] .btn--primary {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 16px 34px rgba(27, 34, 34, .35);
}

:root[data-theme="dark"] .section {
    background: var(--card);
}

:root[data-theme="dark"] .card {
    background: rgb(30 38 38 / 62%);
    box-shadow: var(--inner);
}

:root[data-theme="dark"] .cardTitle {
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .cardDesc {
    color: rgba(255, 255, 255, .68);
}

:root[data-theme="dark"] .repeatTag {
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .80);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .progressBar {
    background: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .progressTxt {
    color: rgba(255, 255, 255, .95);
    text-shadow: 0 2px 10px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .rewards {
    background: rgb(55 55 56 / 70%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rewards::before {
    background: linear-gradient(135deg, rgba(21, 27, 27, .92), rgba(20, 25, 25, .92));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .92);
}

:root[data-theme="dark"] .reward {
    background: rgb(30 38 38 / 62%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .rewardIcon, :root[data-theme="dark"] .rewardIcon--pokemon {
    background: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .rewardName {
    color: rgba(255, 255, 255, .90);
}

:root[data-theme="dark"] .rewardBadge {
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .82);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .mission-modal-backdrop::before {
    background: rgba(0, 0, 0, .62);
}

:root[data-theme="dark"] .mission-modal {
    background: rgba(21, 26, 26, .92);
    border: 1px solid rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .mission-modal-body {
    background: rgb(27 40 42);
}

:root[data-theme="dark"] .modal-pill {
    background: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

:root[data-theme="dark"] .modal-pill .k {
    color: rgba(255, 255, 255, .88);
}

:root[data-theme="dark"] .modal-pill .v {
    color: rgba(255, 255, 255, .72);
}


html[data-theme="dark"] .pset-page,
html[data-bs-theme="dark"] .pset-page {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .pset-hero,
html[data-bs-theme="dark"] .pset-hero,
html[data-theme="dark"] .pset-card,
html[data-bs-theme="dark"] .pset-card {
    background: rgba(20, 26, 26, .70);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08),
    0 16px 34px rgba(0, 0, 0, .45);
    backdrop-filter: blur(8px);
}

html[data-theme="dark"] .pset-card-head,
html[data-bs-theme="dark"] .pset-card-head {
    background: linear-gradient(135deg, rgba(65, 123, 121, .95), rgba(43, 68, 71, .95));
    color: rgba(255, 255, 255, .96);
}

html[data-theme="dark"] .pset-card--side .pset-card-head,
html[data-bs-theme="dark"] .pset-card--side .pset-card-head {
    background: linear-gradient(135deg, rgba(33, 42, 42, .95), rgba(24, 31, 31, .95));
}

html[data-theme="dark"] .pset-card-head::before,
html[data-bs-theme="dark"] .pset-card-head::before {
    opacity: .18;
}

html[data-theme="dark"] .pset-h1,
html[data-bs-theme="dark"] .pset-h1,
html[data-theme="dark"] .pset-label,
html[data-bs-theme="dark"] .pset-label,
html[data-theme="dark"] .pset-note-title,
html[data-bs-theme="dark"] .pset-note-title,
html[data-theme="dark"] .pset-pkm-title,
html[data-bs-theme="dark"] .pset-pkm-title,
html[data-theme="dark"] .pset-pkm-name,
html[data-bs-theme="dark"] .pset-pkm-name,
html[data-theme="dark"] .pset-prog-title,
html[data-bs-theme="dark"] .pset-prog-title,
html[data-theme="dark"] .pset-reward-main,
html[data-bs-theme="dark"] .pset-reward-main,
html[data-theme="dark"] .pset-rp-item .v,
html[data-bs-theme="dark"] .pset-rp-item .v,
html[data-theme="dark"] .pset-econ-card .v,
html[data-bs-theme="dark"] .pset-econ-card .v {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .pset-subtitle,
html[data-bs-theme="dark"] .pset-subtitle,
html[data-theme="dark"] .pset-hint,
html[data-bs-theme="dark"] .pset-hint,
html[data-theme="dark"] .pset-note-text,
html[data-bs-theme="dark"] .pset-note-text,
html[data-theme="dark"] .pset-pkm-sub,
html[data-bs-theme="dark"] .pset-pkm-sub,
html[data-theme="dark"] .pset-referral-sub,
html[data-bs-theme="dark"] .pset-referral-sub,
html[data-theme="dark"] .pset-muted,
html[data-bs-theme="dark"] .pset-muted {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .pset-pill,
html[data-bs-theme="dark"] .pset-pill {
    background: rgba(65, 123, 121, .20);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .pset-ico,
html[data-bs-theme="dark"] .pset-ico {
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .14);
}

html[data-theme="dark"] .pset-help-item,
html[data-bs-theme="dark"] .pset-help-item {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .pset-btn--primary,
html[data-bs-theme="dark"] .pset-btn--primary {
    background: linear-gradient(135deg, rgba(65, 123, 121, .95), rgba(43, 68, 71, .95));
    box-shadow: 0 14px 26px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] .pset-btn--soft,
html[data-bs-theme="dark"] .pset-btn--soft {
    background: rgba(255, 255, 255, .08);
    color: rgba(234, 240, 248, .90);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .pset-card-body,
html[data-bs-theme="dark"] .pset-card-body {
    background: rgba(14, 20, 20, .55);
}

html[data-theme="dark"] .pset-field,
html[data-bs-theme="dark"] .pset-field,
html[data-theme="dark"] .pset-readonly,
html[data-bs-theme="dark"] .pset-readonly,
html[data-theme="dark"] .pset-note,
html[data-bs-theme="dark"] .pset-note,
html[data-theme="dark"] .pset-rp-item,
html[data-bs-theme="dark"] .pset-rp-item {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .pset-input,
html[data-bs-theme="dark"] .pset-input,
html[data-theme="dark"] .pset-editor-host,
html[data-bs-theme="dark"] .pset-editor-host {
    background: rgba(12, 18, 18, .72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .pset-input::placeholder,
html[data-bs-theme="dark"] .pset-input::placeholder {
    color: rgba(234, 240, 248, .55);
}

html[data-theme="dark"] .pset-divider,
html[data-bs-theme="dark"] .pset-divider {
    background: rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .pset-switch-text,
html[data-bs-theme="dark"] .pset-switch-text {
    color: rgba(234, 240, 248, .75);
}

html[data-theme="dark"] .pset-pkm-pill,
html[data-bs-theme="dark"] .pset-pkm-pill {
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .80);
}

html[data-theme="dark"] .pset-pkm-pill--team,
html[data-bs-theme="dark"] .pset-pkm-pill--team {
    background: rgba(127, 200, 169, .14);
    box-shadow: inset 0 0 0 1px rgba(127, 200, 169, .22);
    color: rgba(196, 245, 224, .92);
}

html[data-theme="dark"] .pset-pkm-row,
html[data-bs-theme="dark"] .pset-pkm-row {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .pset-pkm-sprite,
html[data-bs-theme="dark"] .pset-pkm-sprite {
    background: rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .pset-pill-mini,
html[data-bs-theme="dark"] .pset-pill-mini {
    background: rgba(255, 255, 255, .10);
    border-color: rgba(255, 255, 255, .12);
    color: rgba(234, 240, 248, .85);
}

html[data-theme="dark"] .pset-pill-mini--team,
html[data-bs-theme="dark"] .pset-pill-mini--team {
    background: rgba(127, 200, 169, .14);
    border-color: rgba(127, 200, 169, .22);
    color: rgba(196, 245, 224, .92);
}

html[data-theme="dark"] .pset-pill-mini--box,
html[data-bs-theme="dark"] .pset-pill-mini--box {
    background: rgba(38, 48, 48, .14);
    border-color: rgba(38, 48, 48, .22);
    color: rgba(43, 55, 55, .88);
}

html[data-theme="dark"] .pset-empty,
html[data-bs-theme="dark"] .pset-empty {
    background: rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: rgba(234, 240, 248, .68);
}

html[data-theme="dark"] .pset-pkm-desc,
html[data-bs-theme="dark"] .pset-pkm-desc {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: rgba(234, 240, 248, .75);
}

html[data-theme="dark"] .pset-role-pill,
html[data-bs-theme="dark"] .pset-role-pill {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .pset-role-pill--admin,
html[data-bs-theme="dark"] .pset-role-pill--admin {
    background: rgba(29, 37, 37, .14);
    border-color: rgba(29, 37, 37, .18);
}

html[data-theme="dark"] .pset-role-pill--modo,
html[data-bs-theme="dark"] .pset-role-pill--modo {
    background: rgba(65, 123, 121, .18);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .pset-rp-avatar,
html[data-bs-theme="dark"] .pset-rp-avatar {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06),
    0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .pset-rp-avatar-placeholder,
html[data-bs-theme="dark"] .pset-rp-avatar-placeholder {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .pset-rp-link,
html[data-bs-theme="dark"] .pset-rp-link {
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .pset-rp-link--mp,
html[data-bs-theme="dark"] .pset-rp-link--mp {
    background: linear-gradient(135deg, rgba(34, 43, 43, .22), rgba(29, 37, 37, .14));
    color: rgba(196, 245, 224, .92);
}

html[data-theme="dark"] .pset-alliance-row,
html[data-bs-theme="dark"] .pset-alliance-row {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .pset-alliance-link,
html[data-bs-theme="dark"] .pset-alliance-link {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .pset-alliance-pill,
html[data-bs-theme="dark"] .pset-alliance-pill {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .pset-alliance-pill--resp,
html[data-bs-theme="dark"] .pset-alliance-pill--resp {
    background: rgba(34, 43, 43, .18);
}

html[data-theme="dark"] .pset-alliance-pill--member,
html[data-bs-theme="dark"] .pset-alliance-pill--member {
    background: rgba(65, 123, 121, .18);
}

html[data-theme="dark"] .pset-prog,
html[data-bs-theme="dark"] .pset-prog {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .pset-prog-badge,
html[data-bs-theme="dark"] .pset-prog-badge {
    background: rgba(65, 123, 121, .18);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .pset-prog-sub,
html[data-bs-theme="dark"] .pset-prog-sub {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .pset-prog-pill,
html[data-bs-theme="dark"] .pset-prog-pill {
    background: rgba(34, 43, 43, .14);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(43, 55, 55, .92);
}

html[data-theme="dark"] .pset-prog-track,
html[data-bs-theme="dark"] .pset-prog-track {
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .pset-prog-fill,
html[data-bs-theme="dark"] .pset-prog-fill {
    background: linear-gradient(135deg, rgba(65, 123, 121, .95), rgba(34, 43, 43, .92));
}

html[data-theme="dark"] .pset-referral-code,
html[data-bs-theme="dark"] .pset-referral-code {
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .pset-referral-copy,
html[data-bs-theme="dark"] .pset-referral-copy {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .pset-referral-pill,
html[data-bs-theme="dark"] .pset-referral-pill {
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .80);
}

html[data-theme="dark"] .pset-referral-pill--ok,
html[data-bs-theme="dark"] .pset-referral-pill--ok {
    background: rgba(127, 200, 169, .14);
    box-shadow: inset 0 0 0 1px rgba(127, 200, 169, .22);
    color: rgba(196, 245, 224, .92);
}

html[data-theme="dark"] .pset-referral-pill--wait,
html[data-bs-theme="dark"] .pset-referral-pill--wait {
    background: rgba(38, 48, 48, .14);
    box-shadow: inset 0 0 0 1px rgba(38, 48, 48, .22);
    color: rgba(43, 55, 55, .88);
}

html[data-theme="dark"] .pset-reward-card,
html[data-bs-theme="dark"] .pset-reward-card {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .pset-reward-card--ok,
html[data-bs-theme="dark"] .pset-reward-card--ok {
    background: rgba(127, 200, 169, .12);
    box-shadow: inset 0 0 0 1px rgba(127, 200, 169, .18);
}

html[data-theme="dark"] .pset-reward-card--wait,
html[data-bs-theme="dark"] .pset-reward-card--wait {
    background: rgba(34, 43, 43, .10);
    box-shadow: inset 0 0 0 1px rgba(34, 43, 43, .14);
}

html[data-theme="dark"] .pset-reward-card--info,
html[data-bs-theme="dark"] .pset-reward-card--info {
    background: rgba(65, 123, 121, .12);
    box-shadow: inset 0 0 0 1px rgba(58, 120, 130, .18);
}

html[data-theme="dark"] .pset-reward-badge,
html[data-bs-theme="dark"] .pset-reward-badge {
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .12);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .pset-reward-sub,
html[data-bs-theme="dark"] .pset-reward-sub {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .pset-reward-pill,
html[data-bs-theme="dark"] .pset-reward-pill {
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .82);
}

html[data-theme="dark"] .pset-econ-card,
html[data-bs-theme="dark"] .pset-econ-card {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .pset-econ-card .k,
html[data-bs-theme="dark"] .pset-econ-card .k,
html[data-theme="dark"] .pset-rp-item .k,
html[data-bs-theme="dark"] .pset-rp-item .k,
html[data-theme="dark"] .pset-referral-rewards-title,
html[data-bs-theme="dark"] .pset-referral-rewards-title {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .pset-badge,
html[data-bs-theme="dark"] .pset-badge {
    background: rgba(38, 48, 48, .12);
    box-shadow: inset 0 0 0 1px rgba(38, 48, 48, .18);
    color: rgba(43, 55, 55, .90);
}

html[data-theme="dark"] .pset-disabled-note,
html[data-bs-theme="dark"] .pset-disabled-note {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .62);
}

html[data-theme="dark"] .pkm-happy,
html[data-bs-theme="dark"] .pkm-happy {
    background: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .pset-pkm-pill--link:hover,
html[data-bs-theme="dark"] .pset-pkm-pill--link:hover,
html[data-theme="dark"] .pset-referral-copy:hover,
html[data-bs-theme="dark"] .pset-referral-copy:hover,
html[data-theme="dark"] .pset-rp-link:hover,
html[data-bs-theme="dark"] .pset-rp-link:hover {
    filter: brightness(1.05);
}


html[data-theme="dark"] .pkmbox-page,
html[data-bs-theme="dark"] .pkmbox-page {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .pkmbox-page::before,
html[data-bs-theme="dark"] .pkmbox-page::before {
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
    opacity: .22;
}

html[data-theme="dark"] .pkmbox-hero,
html[data-bs-theme="dark"] .pkmbox-hero {
    background: rgba(20, 26, 26, .70);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08),
    0 16px 34px rgba(0, 0, 0, .45);
    backdrop-filter: blur(8px);
}

html[data-theme="dark"] .pkmbox-hero::before,
html[data-bs-theme="dark"] .pkmbox-hero::before {
    background: rgba(12, 18, 18, .55);
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06),
    0 16px 34px rgba(0, 0, 0, .45);
    opacity: 1;
}

html[data-theme="dark"] .pkmbox-h1,
html[data-bs-theme="dark"] .pkmbox-h1 {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .pkmbox-subtitle,
html[data-bs-theme="dark"] .pkmbox-subtitle {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .pkmbox-pill,
html[data-bs-theme="dark"] .pkmbox-pill {
    background: rgba(65, 123, 121, .20);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .pkmbox-pill--soft,
html[data-bs-theme="dark"] .pkmbox-pill--soft {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .pkmbox-help-item,
html[data-bs-theme="dark"] .pkmbox-help-item {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .pkmbox-btn--primary,
html[data-bs-theme="dark"] .pkmbox-btn--primary {
    background: linear-gradient(135deg, rgba(65, 123, 121, .95), rgba(43, 68, 71, .95));
    box-shadow: 0 14px 26px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] .pkmbox-btn--soft,
html[data-bs-theme="dark"] .pkmbox-btn--soft {
    background: rgba(255, 255, 255, .08);
    color: rgba(234, 240, 248, .90);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .pkmbox-btn--danger,
html[data-bs-theme="dark"] .pkmbox-btn--danger {
    box-shadow: 0 14px 26px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] .pkmbox-col,
html[data-bs-theme="dark"] .pkmbox-col {
    background: rgba(20, 26, 26, .70);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08),
    0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .pkmbox-col-head,
html[data-bs-theme="dark"] .pkmbox-col-head {
    background: linear-gradient(135deg, rgba(65, 123, 121, .95), rgba(43, 68, 71, .95));
    color: rgba(255, 255, 255, .96);
}

html[data-theme="dark"] .pkmbox-col-head--team,
html[data-bs-theme="dark"] .pkmbox-col-head--team {
    background: linear-gradient(135deg, rgba(34, 43, 43, .92), rgba(29, 37, 37, .92));
}

html[data-theme="dark"] .pkmbox-col-head::before,
html[data-bs-theme="dark"] .pkmbox-col-head::before {
    opacity: .18;
}

html[data-theme="dark"] .pkmbox-col-badge,
html[data-bs-theme="dark"] .pkmbox-col-badge {
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .14);
}

html[data-theme="dark"] .pkmbox-col-body,
html[data-bs-theme="dark"] .pkmbox-col-body,
html[data-theme="dark"] .pkmbox-team-foot,
html[data-bs-theme="dark"] .pkmbox-team-foot {
    background: rgba(12, 18, 18, .55);
    border-top-color: rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .pkmbox-foot-note,
html[data-bs-theme="dark"] .pkmbox-foot-note {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .pkmbox-dropzone.is-over,
html[data-bs-theme="dark"] .pkmbox-dropzone.is-over {
    outline: 3px solid rgba(34, 43, 43, .28);
    border-radius: 18px;
}

html[data-theme="dark"] .pkmbox-card,
html[data-bs-theme="dark"] .pkmbox-card {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 14px 28px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] .pkmbox-avatar,
html[data-bs-theme="dark"] .pkmbox-avatar {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .pkmbox-name,
html[data-bs-theme="dark"] .pkmbox-name {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .pkmbox-gender,
html[data-bs-theme="dark"] .pkmbox-gender {
    background: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .pkmbox-gender--0,
html[data-bs-theme="dark"] .pkmbox-gender--0 {
    background: rgba(144, 224, 231, .18);
    color: rgba(210, 235, 255, .92);
}

html[data-theme="dark"] .pkmbox-gender--1,
html[data-bs-theme="dark"] .pkmbox-gender--1 {
    background: rgb(155 88 131);
    color: rgb(249 207 249 / 92%);
}

html[data-theme="dark"] .pkmbox-gender--2,
html[data-bs-theme="dark"] .pkmbox-gender--2 {
    background: rgba(170, 170, 170, .14);
    color: rgba(234, 240, 248, .80);
}

html[data-theme="dark"] .pkmbox-lvl,
html[data-bs-theme="dark"] .pkmbox-lvl {
    color: rgba(234, 240, 248, .86);
    background: rgba(65, 123, 121, .18);
    border: 1px solid rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .pkmbox-desc,
html[data-bs-theme="dark"] .pkmbox-desc {
    color: rgba(234, 240, 248, .75);
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .pkmbox-desc::-webkit-scrollbar-thumb,
html[data-bs-theme="dark"] .pkmbox-desc::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .18);
}

html[data-theme="dark"] .pkmbox-mini-btn,
html[data-bs-theme="dark"] .pkmbox-mini-btn {
    background: rgba(38, 48, 48, .18);
    box-shadow: 0 14px 26px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] .pkmbox-mini-btn--danger,
html[data-bs-theme="dark"] .pkmbox-mini-btn--danger {
    box-shadow: 0 14px 26px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] .pkmbox-empty,
html[data-bs-theme="dark"] .pkmbox-empty {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .75);
}

html[data-theme="dark"] .pkmbox-empty-title,
html[data-bs-theme="dark"] .pkmbox-empty-title {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .pkmbox-modal-backdrop,
html[data-bs-theme="dark"] .pkmbox-modal-backdrop {
    background: rgba(0, 0, 0, .55);
    backdrop-filter: blur(4px);
}

html[data-theme="dark"] .pkmbox-modal-card,
html[data-bs-theme="dark"] .pkmbox-modal-card {
    background: rgba(20, 26, 26, .92);
    box-shadow: 0 34px 90px rgba(0, 0, 0, .60);
}

html[data-theme="dark"] .pkmbox-modal-card--danger,
html[data-bs-theme="dark"] .pkmbox-modal-card--danger {
    box-shadow: 0 34px 90px rgba(29, 37, 37, .22);
}

html[data-theme="dark"] .pkmbox-modal-body,
html[data-bs-theme="dark"] .pkmbox-modal-body,
html[data-theme="dark"] .pkmbox-modal-foot,
html[data-bs-theme="dark"] .pkmbox-modal-foot {
    background: rgba(12, 18, 18, .60);
    border-top-color: rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .pkmbox-close,
html[data-bs-theme="dark"] .pkmbox-close {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .pkmbox-label,
html[data-bs-theme="dark"] .pkmbox-label {
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .pkmbox-input,
html[data-bs-theme="dark"] .pkmbox-input,
html[data-theme="dark"] .pkmbox-textarea,
html[data-bs-theme="dark"] .pkmbox-textarea {
    background: rgba(12, 18, 18, .72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .pkmbox-input::placeholder,
html[data-bs-theme="dark"] .pkmbox-input::placeholder,
html[data-theme="dark"] .pkmbox-textarea::placeholder,
html[data-bs-theme="dark"] .pkmbox-textarea::placeholder {
    color: rgba(234, 240, 248, .55);
}

html[data-theme="dark"] .pkmbox-hint,
html[data-bs-theme="dark"] .pkmbox-hint {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .pkmbox-danger-text,
html[data-bs-theme="dark"] .pkmbox-danger-text {
    background: rgba(29, 37, 37, .14);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(43, 55, 55, .92);
}

html[data-theme="dark"] .pkmbox-danger-note,
html[data-bs-theme="dark"] .pkmbox-danger-note {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .pkmbox-placeholder,
html[data-bs-theme="dark"] .pkmbox-placeholder {
    background: rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 2px rgba(34, 43, 43, .22),
    inset 0 0 0 1px rgba(255, 255, 255, .08);
    opacity: .75;
}

html[data-theme="dark"] .pkmbox-xp,
html[data-bs-theme="dark"] .pkmbox-xp {
    border-top-color: rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .pkmbox-xp-top,
html[data-bs-theme="dark"] .pkmbox-xp-top {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .pkmbox-xp-track,
html[data-bs-theme="dark"] .pkmbox-xp-track {
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .pkmbox-xp-fill,
html[data-bs-theme="dark"] .pkmbox-xp-fill {
    background: linear-gradient(135deg, rgba(65, 123, 121, .95), rgba(34, 43, 43, .92));
}

html[data-theme="dark"] .pkmbox-toast,
html[data-bs-theme="dark"] .pkmbox-toast {
    box-shadow: 0 18px 34px rgba(0, 0, 0, .40);
}

html[data-theme="dark"] .pkmbox-localwrap,
html[data-bs-theme="dark"] .pkmbox-localwrap {
    background: rgba(255, 255, 255, .06);
}

html[data-theme="dark"] .pkmbox-localpill,
html[data-bs-theme="dark"] .pkmbox-localpill {
    background: rgba(34, 43, 43, .14);
    color: rgba(43, 55, 55, .92);
}

html[data-theme="dark"] .pkmbox-localhint,
html[data-bs-theme="dark"] .pkmbox-localhint {
    color: rgba(234, 240, 248, .65);
}

html[data-theme="dark"] .pkm-happy,
html[data-bs-theme="dark"] .pkm-happy {
    background: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .pkmbox-shiny,
html[data-bs-theme="dark"] .pkmbox-shiny {
    background: rgba(0, 0, 0, .30);
    color: rgba(44, 56, 56, .95);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 10px 20px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .pkmbox-card[data-shiny="1"] .pkmbox-avatar,
html[data-bs-theme="dark"] .pkmbox-card[data-shiny="1"] .pkmbox-avatar {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 0 0 3px rgba(42, 53, 53, .22),
    0 16px 26px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .pkmbox-search,
html[data-bs-theme="dark"] .pkmbox-search {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .pkmbox-search-input,
html[data-bs-theme="dark"] .pkmbox-search-input {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .pkmbox-search-input::placeholder,
html[data-bs-theme="dark"] .pkmbox-search-input::placeholder {
    color: rgba(234, 240, 248, .55);
}

html[data-theme="dark"] .pkmbox-sort,
html[data-bs-theme="dark"] .pkmbox-sort {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .pkmbox-sort option,
html[data-bs-theme="dark"] .pkmbox-sort option {
    color: #2b2b2b;
}


html[data-theme="dark"],
html[data-bs-theme="dark"] {

    --paper: rgba(18, 22, 28, .92);
    --paper-2: rgba(10, 14, 20, .70);
    --card: rgba(255, 255, 255, .06);

    --ink: rgba(234, 240, 248, .92);
    --ink-soft: rgba(234, 240, 248, .72);

    --border: rgba(255, 255, 255, .10);

    --coral: #df5026;
    --coral-2: #f8805d;

    --sky-1: rgba(58, 120, 130, .95);
    --sky-2: rgba(36, 60, 78, .95);

    --sand: rgba(255, 255, 255, .16);
    --gold: rgba(38, 48, 48, .22);

    --shadow: inset 0 0 0 1px var(--border), 0 16px 34px rgba(0, 0, 0, .45);
    --shadow-strong: inset 0 0 0 1px var(--border), 0 22px 48px rgba(0, 0, 0, .55);
}


html[data-theme="dark"] .profile-wrapper.fiche-container::before,
html[data-bs-theme="dark"] .profile-wrapper.fiche-container::before {
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
    opacity: .20;
}

html[data-theme="dark"] .anx2-mini ul {
    color: #f2f2c4;
}

html[data-theme="dark"] .profile-wrapper.fiche-container .row:first-child,
html[data-bs-theme="dark"] .profile-wrapper.fiche-container .row:first-child {
    background: var(--paper-2);
    box-shadow: var(--shadow);
}

html[data-theme="dark"] .profile-wrapper.fiche-container .row:first-child::before {
    background-image: url(../../images/content/bg-orange-dark.png);
}

html[data-theme="dark"] .profile-wrapper.fiche-container .row:first-child::after,
html[data-bs-theme="dark"] .profile-wrapper.fiche-container .row:first-child::after {
    background: var(--paper-2);
}

html[data-theme="dark"] .profile-wrapper.fiche-container .row:first-child .alert,
html[data-bs-theme="dark"] .profile-wrapper.fiche-container .row:first-child .alert {
    background: linear-gradient(135deg, rgba(65, 123, 121, .90), rgba(43, 68, 71, .90));
    color: rgba(255, 255, 255, .96);
}

html[data-theme="dark"] .profile-wrapper.fiche-container .row:first-child form .btn,
html[data-bs-theme="dark"] .profile-wrapper.fiche-container .row:first-child form .btn {
    box-shadow: 0 14px 26px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] .profile-wrapper.fiche-container .row.mb-3,
html[data-bs-theme="dark"] .profile-wrapper.fiche-container .row.mb-3 {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .82);
}

html[data-theme="dark"] .profile-wrapper.fiche-container .row.mb-3 a,
html[data-bs-theme="dark"] .profile-wrapper.fiche-container .row.mb-3 a {
    color: rgba(40, 51, 51, .95);
}

html[data-theme="dark"] .profile-wrapper.fiche-container h2,
html[data-bs-theme="dark"] .profile-wrapper.fiche-container h2 {
    background: rgba(255, 255, 255, .06);
    box-shadow: var(--shadow);
    color: var(--ink);
}

html[data-theme="dark"] .profile-wrapper.fiche-container h2 span,
html[data-bs-theme="dark"] .profile-wrapper.fiche-container h2 span {
    box-shadow: 0 14px 26px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] .fiche-tag,
html[data-bs-theme="dark"] .fiche-tag {
    background: rgba(255, 255, 255, .06);
    color: var(--ink);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .profile_identity,
html[data-bs-theme="dark"] .profile_identity,
html[data-theme="dark"] .profile_avatar,
html[data-bs-theme="dark"] .profile_avatar,
html[data-theme="dark"] .profile_story,
html[data-bs-theme="dark"] .profile_story {
    background: rgba(255, 255, 255, .06);
    box-shadow: var(--shadow);
}

html[data-theme="dark"] .fiche-avatar,
html[data-bs-theme="dark"] .fiche-avatar {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .10),
    0 18px 34px rgba(0, 0, 0, .55);
}

html[data-theme="dark"] .profile_avatar_credit,
html[data-bs-theme="dark"] .profile_avatar_credit,
html[data-theme="dark"] .profile_avatar_feat,
html[data-bs-theme="dark"] .profile_avatar_feat {
    background: rgba(0, 0, 0, .55);
    box-shadow: 0 16px 30px rgba(0, 0, 0, .55);
}

html[data-theme="dark"] .profile_avatar_stats,
html[data-bs-theme="dark"] .profile_avatar_stats {
    background: rgba(12, 18, 18, .65);
    color: var(--ink);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .profile_avatar_stats .profile_spirit_label,
html[data-bs-theme="dark"] .profile_avatar_stats .profile_spirit_label {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .pokemon-box,
html[data-bs-theme="dark"] .pokemon-box {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .exp-bar,
html[data-bs-theme="dark"] .exp-bar {
    background: rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .exp-fill,
html[data-bs-theme="dark"] .exp-fill {
    background: rgba(127, 200, 169, .90);
}

html[data-theme="dark"] .pkm-happy,
html[data-bs-theme="dark"] .pkm-happy {
    background: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .profile_spirit_label,
html[data-bs-theme="dark"] .profile_spirit_label,
html[data-bs-theme="dark"] .pset-badge .txt {
    color: rgb(193 184 138);
}

html[data-theme="dark"] .fiche-comments,
html[data-bs-theme="dark"] .fiche-comments {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .fiche-comments-head,
html[data-bs-theme="dark"] .fiche-comments-head {
    background: linear-gradient(135deg, var(--sky-1), var(--sky-2));
}

html[data-theme="dark"] .fiche-comments-body,
html[data-bs-theme="dark"] .fiche-comments-body {
    background: rgba(12, 18, 18, .60);
}

html[data-theme="dark"] .fiche-comments-empty,
html[data-bs-theme="dark"] .fiche-comments-empty {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .75);
}

html[data-theme="dark"] .fiche-comment,
html[data-bs-theme="dark"] .fiche-comment {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .fiche-comment-avatar,
html[data-bs-theme="dark"] .fiche-comment-avatar {
    background: rgba(65, 123, 121, .18);
    color: rgba(234, 240, 248, .86);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .fiche-comment-top a,
html[data-bs-theme="dark"] .fiche-comment-top a {
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .fiche-comment-top .meta,
html[data-bs-theme="dark"] .fiche-comment-top .meta {
    color: rgba(234, 240, 248, .62);
}

html[data-theme="dark"] .fiche-comment-content,
html[data-bs-theme="dark"] .fiche-comment-content {
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .fiche-comment-del,
html[data-bs-theme="dark"] .fiche-comment-del {
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .fiche-comment-form,
html[data-bs-theme="dark"] .fiche-comment-form {
    background: rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .fiche-comment-form .label,
html[data-bs-theme="dark"] .fiche-comment-form .label {
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .fiche-comment-form textarea,
html[data-bs-theme="dark"] .fiche-comment-form textarea {
    background: rgba(12, 18, 18, .72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .profile-wrapper .relx-sub,
html[data-bs-theme="dark"] .profile-wrapper .relx-sub {
    color: rgba(234, 240, 248, .62);
}

html[data-theme="dark"] .profile-wrapper .relx-empty,
html[data-bs-theme="dark"] .profile-wrapper .relx-empty,
html[data-theme="dark"] .profile-wrapper .relx-item,
html[data-bs-theme="dark"] .profile-wrapper .relx-item,
html[data-theme="dark"] .profile-wrapper .relx-box,
html[data-bs-theme="dark"] .profile-wrapper .relx-box {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .82);
}

html[data-theme="dark"] .profile-wrapper .relx-type,
html[data-bs-theme="dark"] .profile-wrapper .relx-type {
    background: rgba(65, 123, 121, .18);
    color: rgba(234, 240, 248, .86);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .profile-wrapper .relx-user,
html[data-bs-theme="dark"] .profile-wrapper .relx-user {
    color: #f5efd0;
}

html[data-theme="dark"] .profile-wrapper .relx-desc,
html[data-bs-theme="dark"] .profile-wrapper .relx-desc {
    color: rgba(234, 240, 248, .82);
}

html[data-theme="dark"] .profile-wrapper .relx-btn,
html[data-bs-theme="dark"] .profile-wrapper .relx-btn {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .profile-wrapper .relx-btn--danger,
html[data-bs-theme="dark"] .profile-wrapper .relx-btn--danger,
html[data-theme="dark"] .profile-wrapper .relx-btn--soft,
html[data-bs-theme="dark"] .profile-wrapper .relx-btn--soft {
    background: rgba(255, 255, 255, .08);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .profile-wrapper .relx-box-title,
html[data-bs-theme="dark"] .profile-wrapper .relx-box-title {
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .profile-wrapper .relx-label,
html[data-bs-theme="dark"] .profile-wrapper .relx-label {
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .profile-wrapper .relx-input,
html[data-bs-theme="dark"] .profile-wrapper .relx-input {
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(12, 18, 18, .72);
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .profile-wrapper .relx-input:focus,
html[data-bs-theme="dark"] .profile-wrapper .relx-input:focus {
    border-color: rgba(34, 43, 43, .45);
    box-shadow: 0 0 0 3px rgba(34, 43, 43, .18);
}

html[data-theme="dark"] .profile-wrapper .relx-hint,
html[data-bs-theme="dark"] .profile-wrapper .relx-hint {
    color: rgba(234, 240, 248, .62);
}

html[data-theme="dark"] .profile-wrapper .rel-ac-menu,
html[data-bs-theme="dark"] .profile-wrapper .rel-ac-menu {
    background: rgba(20, 26, 26, .96);
    box-shadow: 0 20px 44px rgba(0, 0, 0, .60);
}

html[data-theme="dark"] .profile-wrapper .rel-ac-item,
html[data-bs-theme="dark"] .profile-wrapper .rel-ac-item {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .profile-wrapper .rel-ac-item:hover,
html[data-bs-theme="dark"] .profile-wrapper .rel-ac-item:hover {
    background: rgba(65, 123, 121, .18);
}

html[data-theme="dark"] .reltoggle-btn,
html[data-bs-theme="dark"] .reltoggle-btn {
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .reltoggle-icon,
html[data-bs-theme="dark"] .reltoggle-icon {
    background: rgba(65, 123, 121, .18);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .fiche-tw,
html[data-bs-theme="dark"] .fiche-tw {
    background: rgba(255, 255, 255, .06);
    box-shadow: var(--shadow);
}

html[data-theme="dark"] .fiche-tw::before,
html[data-bs-theme="dark"] .fiche-tw::before {
    opacity: .45;
}

html[data-theme="dark"] .fiche-tw-ico,
html[data-bs-theme="dark"] .fiche-tw-ico {
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .12);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .fiche-tw-t,
html[data-bs-theme="dark"] .fiche-tw-t {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .fiche-tw-s,
html[data-bs-theme="dark"] .fiche-tw-s {
    color: rgba(234, 240, 248, .70);
}

html[data-theme="dark"] .fiche-tw-body,
html[data-bs-theme="dark"] .fiche-tw-body {
    background: rgba(12, 18, 18, .60);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: rgba(234, 240, 248, .82);
}

html[data-theme="dark"] .fiche-edit-shell,
html[data-bs-theme="dark"] .fiche-edit-shell {
    background: var(--paper);
    box-shadow: var(--shadow-strong);
}

html[data-theme="dark"] .fiche-edit-shell::before,
html[data-bs-theme="dark"] .fiche-edit-shell::before {
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
    opacity: .20;
}

html[data-theme="dark"] .fiche-edit-head,
html[data-bs-theme="dark"] .fiche-edit-head,
html[data-theme="dark"] .fiche-edit-actions--bottom,
html[data-bs-theme="dark"] .fiche-edit-actions--bottom {
    background: rgba(255, 255, 255, .06);
    box-shadow: var(--shadow);
}

html[data-theme="dark"] .fiche-edit-h1,
html[data-bs-theme="dark"] .fiche-edit-h1 {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .fiche-edit-sub,
html[data-bs-theme="dark"] .fiche-edit-sub {
    color: rgba(234, 240, 248, .68);
}

html[data-theme="dark"] .fiche-edit-card,
html[data-bs-theme="dark"] .fiche-edit-card {
    background: rgba(255, 255, 255, .06);
    box-shadow: var(--shadow);
}

html[data-theme="dark"] .fiche-edit-card-head,
html[data-bs-theme="dark"] .fiche-edit-card-head {
    background: linear-gradient(135deg, rgba(65, 123, 121, .26), rgba(43, 68, 71, .20));
    border-bottom: 1px solid rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .fiche-edit-card-head .t,
html[data-bs-theme="dark"] .fiche-edit-card-head .t {
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .fiche-edit-card-head .s,
html[data-bs-theme="dark"] .fiche-edit-card-head .s {
    color: rgba(234, 240, 248, .65);
}

html[data-theme="dark"] .fiche-field label,
html[data-bs-theme="dark"] .fiche-field label {
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .fiche-edit-form .form-control,
html[data-bs-theme="dark"] .fiche-edit-form .form-control {
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(12, 18, 18, .72);
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .fiche-edit-form .form-control:focus,
html[data-bs-theme="dark"] .fiche-edit-form .form-control:focus {
    border-color: rgba(34, 43, 43, .45);
    box-shadow: 0 0 0 3px rgba(34, 43, 43, .18);
}

html[data-theme="dark"] .fiche-help,
html[data-bs-theme="dark"] .fiche-help {
    color: rgba(234, 240, 248, .62);
}

html[data-theme="dark"] .fiche-edit-actions .btn.btn-secondary,
html[data-bs-theme="dark"] .fiche-edit-actions .btn.btn-secondary {
    background: rgba(255, 255, 255, .08);
    color: rgba(234, 240, 248, .88);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}


html[data-theme="dark"] .members-page,
html[data-bs-theme="dark"] .members-page {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .members-hero,
html[data-bs-theme="dark"] .members-hero {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .members-pill,
html[data-bs-theme="dark"] .members-pill {
    background: rgba(65, 123, 121, .18);
    color: rgba(234, 240, 248, .88);
    border: 1px solid rgba(255, 255, 255, .12);
}

html[data-theme="dark"] .members-h1,
html[data-bs-theme="dark"] .members-h1 {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .members-subtitle,
html[data-bs-theme="dark"] .members-subtitle {
    color: rgba(234, 240, 248, .70);
}

html[data-theme="dark"] .members-search-wrap,
html[data-bs-theme="dark"] .members-search-wrap {
    background: rgba(12, 18, 18, .72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

html[data-theme="dark"] .members-search-wrap input,
html[data-bs-theme="dark"] .members-search-wrap input {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .members-search-wrap input::placeholder,
html[data-bs-theme="dark"] .members-search-wrap input::placeholder {
    color: rgba(234, 240, 248, .55);
}

html[data-theme="dark"] .members-clear,
html[data-bs-theme="dark"] .members-clear {
    background: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .members-ac,
html[data-bs-theme="dark"] .members-ac {
    background: rgba(20, 26, 26, .96);
    box-shadow: 0 22px 48px rgba(0, 0, 0, .60);
}

html[data-theme="dark"] .members-ac-head,
html[data-bs-theme="dark"] .members-ac-head {
    background: rgba(12, 18, 18, .72);
    border-bottom: 1px solid rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .members-ac-hint,
html[data-bs-theme="dark"] .members-ac-hint {
    color: rgba(234, 240, 248, .68);
}

html[data-theme="dark"] .members-ac-item,
html[data-bs-theme="dark"] .members-ac-item {
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .members-ac-item:hover,
html[data-bs-theme="dark"] .members-ac-item:hover,
html[data-theme="dark"] .members-ac-item.is-active,
html[data-bs-theme="dark"] .members-ac-item.is-active {
    background: rgba(65, 123, 121, .20);
}

html[data-theme="dark"] .members-ac-empty,
html[data-bs-theme="dark"] .members-ac-empty {
    color: rgba(234, 240, 248, .70);
}

html[data-theme="dark"] .members-card,
html[data-bs-theme="dark"] .members-card {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 14px 28px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .members-card:hover,
html[data-bs-theme="dark"] .members-card:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 18px 36px rgba(0, 0, 0, .55);
    filter: brightness(1.02);
}

html[data-theme="dark"] .members-pseudo,
html[data-bs-theme="dark"] .members-pseudo {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .members-badge,
html[data-bs-theme="dark"] .members-badge {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .members-badge--mint,
html[data-bs-theme="dark"] .members-badge--mint {
    background: rgba(65, 123, 121, .20);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .members-badge--soft,
html[data-bs-theme="dark"] .members-badge--soft {
    background: rgba(255, 255, 255, .08);
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .members-meta-item,
html[data-bs-theme="dark"] .members-meta-item {
    background: rgba(12, 18, 18, .62);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .members-meta-item .k,
html[data-bs-theme="dark"] .members-meta-item .k {
    color: rgba(234, 240, 248, .62);
}

html[data-theme="dark"] .members-meta-item .v,
html[data-bs-theme="dark"] .members-meta-item .v {
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .members-btn--primary,
html[data-bs-theme="dark"] .members-btn--primary {
    box-shadow: 0 14px 26px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] .members-btn--soft,
html[data-bs-theme="dark"] .members-btn--soft {
    background: rgba(255, 255, 255, .08);
    color: rgba(234, 240, 248, .88);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .members-btn--disabled,
html[data-bs-theme="dark"] .members-btn--disabled {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .45);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}


html[data-theme="dark"] .ctx2,
html[data-bs-theme="dark"] .ctx2 {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .ctx2-head,
html[data-bs-theme="dark"] .ctx2-head {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .ctx2-head::before,
html[data-bs-theme="dark"] .ctx2-head::before {
    background-image: radial-gradient(rgba(255, 255, 255, .22) 1px, transparent 1.6px);
    opacity: .18;
}

html[data-theme="dark"] .ctx2-pill,
html[data-bs-theme="dark"] .ctx2-pill {
    background: rgba(34, 43, 43, .14);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .ctx2-h1,
html[data-bs-theme="dark"] .ctx2-h1,
html[data-theme="dark"] .ctx2-h2,
html[data-bs-theme="dark"] .ctx2-h2 {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .ctx2-sub,
html[data-bs-theme="dark"] .ctx2-sub {
    color: rgba(234, 240, 248, .70);
}

html[data-theme="dark"] .ctx2-tag,
html[data-bs-theme="dark"] .ctx2-tag {
    background: rgba(12, 18, 18, .62);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .ctx2-card,
html[data-bs-theme="dark"] .ctx2-card {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .ctx2-card-head,
html[data-bs-theme="dark"] .ctx2-card-head {
    background: linear-gradient(135deg, rgba(65, 123, 121, .60), rgba(52, 81, 84, .78));
}

html[data-theme="dark"] .ctx2-card-head::before,
html[data-bs-theme="dark"] .ctx2-card-head::before {
    background-image: radial-gradient(rgba(255, 255, 255, .20) 1px, transparent 1.6px);
    opacity: .16;
}

html[data-theme="dark"] .ctx2-card-body,
html[data-bs-theme="dark"] .ctx2-card-body {
    background: rgba(12, 18, 18, .62);
}

html[data-theme="dark"] .ctx2-prose p,
html[data-bs-theme="dark"] .ctx2-prose p {
    color: rgba(234, 240, 248, .82);
}

html[data-theme="dark"] .ctx2-divider,
html[data-bs-theme="dark"] .ctx2-divider {
    background: rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .ctx2-callout,
html[data-bs-theme="dark"] .ctx2-callout {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .ctx2-callout-ico,
html[data-bs-theme="dark"] .ctx2-callout-ico {
    background: rgba(34, 43, 43, .12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .ctx2-callout-text,
html[data-bs-theme="dark"] .ctx2-callout-text {
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .ctx2-callout--warn,
html[data-bs-theme="dark"] .ctx2-callout--warn {
    background: rgba(42, 53, 53, .10);
    box-shadow: inset 0 0 0 1px rgba(38, 48, 48, .22);
}

html[data-theme="dark"] .ctx2-callout--warn .ctx2-callout-ico,
html[data-bs-theme="dark"] .ctx2-callout--warn .ctx2-callout-ico {
    color: rgba(42, 53, 53, .90);
}

html[data-theme="dark"] .ctx2-figure,
html[data-bs-theme="dark"] .ctx2-figure {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .ctx2-credit,
html[data-bs-theme="dark"] .ctx2-credit {
    background: rgba(12, 18, 18, .62);
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .ctx2-credit a,
html[data-bs-theme="dark"] .ctx2-credit a {
    color: rgba(38, 49, 49, .95);
}

html[data-theme="dark"] .ctx2-mini-card,
html[data-bs-theme="dark"] .ctx2-mini-card {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .ctx2-mini-title,
html[data-bs-theme="dark"] .ctx2-mini-title {
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .ctx2-mini-list,
html[data-bs-theme="dark"] .ctx2-mini-list {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .ctx2-mini-text,
html[data-bs-theme="dark"] .ctx2-mini-text {
    color: rgba(234, 240, 248, .70);
}


html[data-theme="dark"] {
    --anx-ink: rgba(234, 240, 248, .92);
    --anx-ink-soft: rgba(234, 240, 248, .78);

    --anx-card: rgba(255, 255, 255, .06);
    --anx-paper: rgba(10, 14, 20, .62);

    --anx-border: rgba(255, 255, 255, .10);
    --anx-shadow: inset 0 0 0 1px var(--anx-border), 0 16px 34px rgba(0, 0, 0, .45);

    --comm-color: #ff8a66;
    --menu-sky-1: rgba(58, 120, 130, .62);
    --menu-sky-2: rgba(44, 74, 92, .82);
}

html[data-bs-theme="dark"] {
    --anx-ink: rgba(234, 240, 248, .92);
    --anx-ink-soft: rgba(234, 240, 248, .78);

    --anx-card: rgba(255, 255, 255, .06);
    --anx-paper: rgba(10, 14, 20, .62);

    --anx-border: rgba(255, 255, 255, .10);
    --anx-shadow: inset 0 0 0 1px var(--anx-border), 0 16px 34px rgba(0, 0, 0, .45);

    --comm-color: #ff8a66;
    --menu-sky-1: rgba(58, 120, 130, .62);
    --menu-sky-2: rgba(44, 74, 92, .82);
}

html[data-theme="dark"] .anx2-pattern::before,
html[data-bs-theme="dark"] .anx2-pattern::before {
    background-image: radial-gradient(rgba(255, 255, 255, .22) 1px, transparent 1.6px);
    opacity: .16;
}

html[data-theme="dark"] .anx2-hero::before,
html[data-bs-theme="dark"] .anx2-hero::before {
    background-image: radial-gradient(rgba(255, 255, 255, .22) 1px, transparent 1.6px);
    opacity: .16;
}

html[data-theme="dark"] .anx2-pill,
html[data-bs-theme="dark"] .anx2-pill {
    background: rgba(34, 43, 43, .14);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .anx2-sub,
html[data-bs-theme="dark"] .anx2-sub,
html[data-theme="dark"] .anx2-desc,
html[data-bs-theme="dark"] .anx2-desc {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .anx2-menu-title::before,
html[data-bs-theme="dark"] .anx2-menu-title::before {
    background-image: radial-gradient(rgba(255, 255, 255, .20) 1px, transparent 1.6px);
    opacity: .14;
}

html[data-theme="dark"] .anx2-nav,
html[data-bs-theme="dark"] .anx2-nav {
    background: rgba(12, 18, 18, .62);
}

html[data-theme="dark"] .anx2-link,
html[data-bs-theme="dark"] .anx2-link {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .anx2-card-head::before,
html[data-bs-theme="dark"] .anx2-card-head::before {
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
    opacity: .14;
}

html[data-theme="dark"] .anx2-illu,
html[data-bs-theme="dark"] .anx2-illu {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), 0 14px 26px rgba(0, 0, 0, .45);
    background: rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .anx2-prose p,
html[data-bs-theme="dark"] .anx2-prose p {
    color: rgba(234, 240, 248, .82);
}

html[data-theme="dark"] .anx2-info,
html[data-bs-theme="dark"] .anx2-info,
html[data-theme="dark"] .anx2-note,
html[data-bs-theme="dark"] .anx2-note,
html[data-theme="dark"] .anx2-mini,
html[data-bs-theme="dark"] .anx2-mini {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .80);
}

html[data-theme="dark"] .anx2-info-k,
html[data-bs-theme="dark"] .anx2-info-k,
html[data-theme="dark"] .anx2-mini-title,
html[data-bs-theme="dark"] .anx2-mini-title {
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .anx2-info-v,
html[data-bs-theme="dark"] .anx2-info-v {
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .anx2-table-wrap,
html[data-bs-theme="dark"] .anx2-table-wrap {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .anx2-table th,
html[data-bs-theme="dark"] .anx2-table th {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .anx2-table th,
html[data-bs-theme="dark"] .anx2-table th,
html[data-theme="dark"] .anx2-table td,
html[data-bs-theme="dark"] .anx2-table td {
    border-bottom: 1px solid rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .anx2-comm-link,
html[data-bs-theme="dark"] .anx2-comm-link {
    border-bottom-color: rgba(255, 255, 255, .35);
}

html[data-theme="dark"] .anx2-comm-cta,
html[data-bs-theme="dark"] .anx2-comm-cta {
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .20);
}

html[data-theme="dark"] .rules-page,
html[data-bs-theme="dark"] .rules-page {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .rules-page::before,
html[data-bs-theme="dark"] .rules-page::before {
    background-image: radial-gradient(rgba(255, 255, 255, .22) 1px, transparent 1.6px);
    opacity: .16;
}

html[data-theme="dark"] .rules-hero,
html[data-bs-theme="dark"] .rules-hero {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .rules-pill,
html[data-bs-theme="dark"] .rules-pill {
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .rules-h1,
html[data-bs-theme="dark"] .rules-h1 {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .rules-sub,
html[data-bs-theme="dark"] .rules-sub {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .rules-card,
html[data-bs-theme="dark"] .rules-card {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .rules-card-head,
html[data-bs-theme="dark"] .rules-card-head {
    background: linear-gradient(135deg, rgba(35, 45, 45, .92), rgba(29, 37, 37, .92));
}

html[data-theme="dark"] .rules-card-head::before,
html[data-bs-theme="dark"] .rules-card-head::before {
    background-image: radial-gradient(rgba(255, 255, 255, .20) 1px, transparent 1.6px);
    opacity: .14;
}

html[data-theme="dark"] .rules-card-head::after,
html[data-bs-theme="dark"] .rules-card-head::after {
    background: rgba(12, 18, 18, .62);
}

html[data-theme="dark"] .rules-card-body,
html[data-bs-theme="dark"] .rules-card-body {
    background: rgba(12, 18, 18, .62);
}

html[data-theme="dark"] .rules-prose,
html[data-bs-theme="dark"] .rules-prose {
    color: rgba(234, 240, 248, .82);
}

html[data-theme="dark"] .rules-note,
html[data-bs-theme="dark"] .rules-note {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .rules-btn--ghost,
html[data-bs-theme="dark"] .rules-btn--ghost {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .88);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .staff-card,
html[data-bs-theme="dark"] .staff-card {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .staff-name,
html[data-bs-theme="dark"] .staff-name {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .staff-chip,
html[data-bs-theme="dark"] .staff-chip {
    background: rgba(127, 200, 169, .12);
    color: rgba(190, 255, 228, .90);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .staff-avatar,
html[data-bs-theme="dark"] .staff-avatar {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 14px 26px rgba(0, 0, 0, .40);
}

html[data-theme="dark"] .staff-btn,
html[data-bs-theme="dark"] .staff-btn {
    color: rgba(12, 18, 22, .92);
    background: linear-gradient(135deg, rgba(127, 200, 169, .92), rgba(95, 185, 151, .92));
    box-shadow: 0 14px 26px rgba(0, 0, 0, .30);
}

html[data-theme="dark"] .staff-btn--ghost,
html[data-bs-theme="dark"] .staff-btn--ghost {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .88);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}


html[data-theme="dark"] {
    --bg: rgba(8, 12, 18, .96);
    --paper: rgba(10, 14, 20, .62);
    --card: rgba(255, 255, 255, .06);
    --ink: rgba(234, 240, 248, .92);
    --muted: rgba(234, 240, 248, .72);
    --shadow: 0 16px 34px rgba(0, 0, 0, .45);
    --inner: inset 0 0 0 1px rgba(255, 255, 255, .10);

    --accentA: #ff8a66;
    --accentB: #df5026;

    --accentC: rgba(58, 120, 130, .62);
    --accentD: rgba(44, 74, 92, .82);
}

html[data-bs-theme="dark"] {
    --bg: rgba(8, 12, 18, .96);
    --paper: rgba(10, 14, 20, .62);
    --card: rgba(255, 255, 255, .06);
    --ink: rgba(234, 240, 248, .92);
    --muted: rgba(234, 240, 248, .72);
    --shadow: 0 16px 34px rgba(0, 0, 0, .45);
    --inner: inset 0 0 0 1px rgba(255, 255, 255, .10);

    --accentA: #ff8a66;
    --accentB: #df5026;

    --accentC: rgba(58, 120, 130, .62);
    --accentD: rgba(44, 74, 92, .82);
}

html[data-theme="dark"] .faq-page::before,
html[data-bs-theme="dark"] .faq-page::before {
    background-image: radial-gradient(rgba(255, 255, 255, .22) 1px, transparent 1.6px);
    opacity: .16;
}

html[data-theme="dark"] .faq-hero-head::before,
html[data-bs-theme="dark"] .faq-hero-head::before,
html[data-theme="dark"] .faq-section-head::before,
html[data-bs-theme="dark"] .faq-section-head::before {
    background-image: radial-gradient(rgba(255, 255, 255, .20) 1px, transparent 1.6px);
    opacity: .14;
}

html[data-theme="dark"] .faq-hero-head::after,
html[data-bs-theme="dark"] .faq-hero-head::after {
    background: var(--paper);
}

html[data-theme="dark"] .faq-hero-body,
html[data-bs-theme="dark"] .faq-hero-body,
html[data-theme="dark"] .faq-section-body,
html[data-bs-theme="dark"] .faq-section-body,
html[data-bs-theme="dark"] .pokedex-player .pokedex-section-body{
    background: var(--paper);
}

html[data-theme="dark"] .faq-search label,
html[data-bs-theme="dark"] .faq-search label {
    color: rgba(234, 240, 248, .80);
}

html[data-theme="dark"] .faq-search input,
html[data-bs-theme="dark"] .faq-search input {
    background: rgba(255, 255, 255, .06);
    color: var(--ink);
}

html[data-theme="dark"] .faq-btn,
html[data-bs-theme="dark"] .faq-btn {
    background: rgba(255, 255, 255, .06);
    color: var(--ink);
}

html[data-theme="dark"] details.faq-item,
html[data-bs-theme="dark"] details.faq-item {
    background: rgba(255, 255, 255, .06);
}

html[data-theme="dark"] details.faq-item summary,
html[data-bs-theme="dark"] details.faq-item summary {
    color: var(--ink);
}

html[data-theme="dark"] .faq-q .badge,
html[data-bs-theme="dark"] .faq-q .badge {
    background: rgba(34, 43, 43, .12);
    color: rgba(38, 49, 49, .95);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .faq-caret,
html[data-bs-theme="dark"] .faq-caret {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .faq-a,
html[data-bs-theme="dark"] .faq-a {
    color: var(--muted);
}

html[data-theme="dark"] .faq-a .pill,
html[data-bs-theme="dark"] .faq-a .pill {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .82);
}

html[data-theme="dark"] .faq-footer,
html[data-bs-theme="dark"] .faq-footer {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .bottin-page,
html[data-bs-theme="dark"] .bottin-page {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .bottin-hero,
html[data-bs-theme="dark"] .bottin-hero {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .bottin-pill,
html[data-bs-theme="dark"] .bottin-pill {
    background: rgba(156, 191, 190, .14);
    color: rgba(234, 240, 248, .84);
    border: 1px solid rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .bottin-h1,
html[data-bs-theme="dark"] .bottin-h1 {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .bottin-subtitle,
html[data-bs-theme="dark"] .bottin-subtitle {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .bottin-stat,
html[data-bs-theme="dark"] .bottin-stat {
    background: rgba(12, 18, 18, .62);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .bottin-stat .k,
html[data-bs-theme="dark"] .bottin-stat .k {
    color: rgba(234, 240, 248, .70);
}

html[data-theme="dark"] .bottin-stat .v,
html[data-bs-theme="dark"] .bottin-stat .v {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .bottin-search,
html[data-bs-theme="dark"] .bottin-search {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .bottin-search input,
html[data-bs-theme="dark"] .bottin-search input {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .bottin-filter,
html[data-bs-theme="dark"] .bottin-filter {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .86);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .bottin-filter.is-active,
html[data-bs-theme="dark"] .bottin-filter.is-active {
    color: #fff;
    background: linear-gradient(135deg, rgba(65, 123, 121, .62), rgba(52, 81, 84, .82));
    box-shadow: 0 16px 30px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .bottin-card,
html[data-bs-theme="dark"] .bottin-card {
    background: rgba(12, 18, 18, .62);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 14px 26px rgba(0, 0, 0, .40);
}

html[data-theme="dark"] .bottin-name,
html[data-bs-theme="dark"] .bottin-name {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .bottin-badge,
html[data-bs-theme="dark"] .bottin-badge {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .bottin-badge--success,
html[data-bs-theme="dark"] .bottin-badge--success {
    background: rgba(127, 200, 169, .12);
    color: rgba(190, 255, 228, .90);
}

html[data-theme="dark"] .bottin-badge--danger,
html[data-bs-theme="dark"] .bottin-badge--danger {
    background: rgba(29, 37, 37, .16);
    color: rgb(205 177 134 / 92%);
}

html[data-theme="dark"] .bottin-badge--mint,
html[data-bs-theme="dark"] .bottin-badge--mint {
    background: rgba(156, 191, 190, .12);
    color: rgba(214, 244, 255, .88);
}

html[data-theme="dark"] .bottin-badge--soft,
html[data-bs-theme="dark"] .bottin-badge--soft {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .bottin-empty,
html[data-bs-theme="dark"] .bottin-empty,
html[data-bs-theme="dark"] .pokedex-player .pokedex-empty{
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .86);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .bottin-noresult,
html[data-bs-theme="dark"] .bottin-noresult,
html[data-theme="dark"] .bottin-empty-state,
html[data-bs-theme="dark"] .bottin-empty-state {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .74);
}

html[data-theme="dark"] .bottin-empty-state .title,
html[data-bs-theme="dark"] .bottin-empty-state .title {
    color: rgba(234, 240, 248, .92);
}

/* =========================================
   SCENARIO
   ========================================= */

html[data-theme="dark"] .scv2,
html[data-theme="dark"] .scv,
html[data-theme="dark"] .scf2 {
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .scv2-hero {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .50);
}

html[data-theme="dark"] .scv2-hero::before {
    opacity: .14;
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
}

html[data-theme="dark"] .scv2-pill,
html[data-theme="dark"] .scv2-h1,
html[data-theme="dark"] .scv2-h2 {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .scv2-pill {
    border-color: rgba(255, 255, 255, .12);
    background: rgba(34, 43, 43, .12);
}

html[data-theme="dark"] .scv2-sub,
html[data-theme="dark"] .scv2-desc {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .scv2-btn--soft {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .88);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

html[data-theme="dark"] .scv2-card {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .50);
}

html[data-theme="dark"] .scv2-card-top {
    background: linear-gradient(135deg, rgba(189, 219, 218, .55), rgba(144, 194, 192, .35));
}

html[data-theme="dark"] .scv2-card-top::before {
    opacity: .14;
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
}

html[data-theme="dark"] .scv2-badge {
    background: rgba(255, 255, 255, .10);
    border-color: rgba(255, 255, 255, .14);
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .scv2-body {
    background: rgba(12, 18, 18, .62);
}

html[data-theme="dark"] .scv2-pill2 {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .86);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

html[data-theme="dark"] .scv2-pill2--green {
    box-shadow: inset 0 0 0 1px rgba(93, 212, 248, .22);
}

html[data-theme="dark"] .scv2-pill2--red {
    box-shadow: inset 0 0 0 1px rgba(34, 43, 43, .20);
}

html[data-theme="dark"] .scv2-id,
html[data-theme="dark"] .scv2-pitchbox,
html[data-theme="dark"] .scv2-section-head,
html[data-theme="dark"] .scv2-rel2 {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .scv2-id-name,
html[data-theme="dark"] .scv2-rel2-title {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .scv2-id-name i,
html[data-theme="dark"] .scv2-avatars-title,
html[data-theme="dark"] .scv2-pitchbox-title {
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .scv2-avatars {
    background: rgba(34, 43, 43, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .scv2-chip {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .84);
}

html[data-theme="dark"] .scv2-chip i {
    color: rgb(225 142 81 / 95%);
}

html[data-theme="dark"] .scv2-pitch {
    color: rgba(234, 240, 248, .80);
}

html[data-theme="dark"] .scv2-pitch a {
    color: rgba(34, 43, 43, .95);
}

html[data-theme="dark"] .scv2-pitch blockquote {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .scv2-empty {
    color: rgba(234, 240, 248, .72);
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .50);
}

html[data-theme="dark"] .scv2-rel2-empty {
    color: rgba(234, 240, 248, .72);
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .scv2-chip-a,
html[data-theme="dark"] .scv2-chip-b {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .scv2-chip-t {
    color: rgb(235 198 89 / 95%);
}

html[data-theme="dark"] .scv2-chip--more {
    background: rgba(34, 43, 43, .12);
    box-shadow: inset 0 0 0 1px rgba(34, 43, 43, .18);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .scv {
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .scv-back,
html[data-theme="dark"] .scv-badge {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .45);
    color: rgba(234, 240, 248, .84);
}

html[data-theme="dark"] .scv-badge--status {
    background: rgba(189, 219, 218, .18);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .scv-badge--free {
    background: rgba(80, 199, 150, .14);
    color: rgba(196, 245, 224, .92);
}

html[data-theme="dark"] .scv-badge--taken {
    background: rgba(36, 46, 46, .14);
    color: rgb(221 133 55 / 92%);;
}

html[data-theme="dark"] .scv-btn--soft {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .88);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .scv-hero,
html[data-theme="dark"] .scv-card,
html[data-theme="dark"] .scv-rel,
html[data-theme="dark"] .scv-empty,
html[data-theme="dark"] .scv-avatar {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .50);
    color: #c3bd9b;
}

html[data-theme="dark"] .scv-hero::before,
html[data-theme="dark"] .scv-card-head::before {
    opacity: .14;
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
}

html[data-theme="dark"] .scv-pill,
html[data-theme="dark"] .scv-title,
html[data-theme="dark"] .scv-rel-main {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .scv-pill {
    border-color: rgba(255, 255, 255, .12);
    background: rgba(34, 43, 43, .12);
}

html[data-theme="dark"] .scv-card-body {
    background: rgba(12, 18, 18, .62);
}

html[data-theme="dark"] .scv-prose {
    color: rgba(234, 240, 248, .82);
}

html[data-theme="dark"] .scv-prose a {
    color: rgb(227 182 123 / 95%);
}

html[data-theme="dark"] .scv-prose blockquote {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .scv-rel-from {
    background: rgba(189, 219, 218, .14);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .scv-rel-to {
    background: rgba(34, 43, 43, .10);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .scv-rel-type {
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .scv-mini {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .80);
}

html[data-theme="dark"] .scv-mini--fiche {
    background: rgba(80, 199, 150, .14);
    color: rgba(196, 245, 224, .92);
}

html[data-theme="dark"] .scv-mini--scenario {
    background: rgba(189, 219, 218, .14);
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .scv-rel-desc {
    border-top-color: rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .scf2-hero,
html[data-theme="dark"] .scf2-card,
html[data-theme="dark"] .scf2-rel-existing,
html[data-theme="dark"] .relation-entry {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .50);
}

html[data-theme="dark"] .scf2-hero::before,
html[data-theme="dark"] .scf2-card-head::before {
    opacity: .14;
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
}

html[data-theme="dark"] .scf2-pill,
html[data-theme="dark"] .scf2-h1 {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .scf2-pill {
    border-color: rgba(255, 255, 255, .12);
    background: rgba(34, 43, 43, .12);
}

html[data-theme="dark"] .scf2-sub,
html[data-theme="dark"] .scf2-rel-help,
html[data-theme="dark"] .scf2-rel-existing ul {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .scf2-card-body {
    background: rgba(12, 18, 18, .62);
}

html[data-theme="dark"] .scf2-field {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

html[data-theme="dark"] .scf2 .scf2-field label,
html[data-theme="dark"] .scf2 .scf2-field .form-label,
html[data-theme="dark"] .scf2-rel-existing h3,
html[data-theme="dark"] .scf2-rel-count {
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .scf2 .scf2-field input[type="text"],
html[data-theme="dark"] .scf2 .scf2-field input[type="email"],
html[data-theme="dark"] .scf2 .scf2-field input[type="number"],
html[data-theme="dark"] .scf2 .scf2-field input[type="url"],
html[data-theme="dark"] .scf2 .scf2-field input[type="search"],
html[data-theme="dark"] .scf2 .scf2-field input[type="date"],
html[data-theme="dark"] .scf2 .scf2-field input[type="datetime-local"],
html[data-theme="dark"] .scf2 .scf2-field select,
html[data-theme="dark"] .scf2 .scf2-field textarea,
html[data-theme="dark"] .scf2 .relation-entry input[type="text"],
html[data-theme="dark"] .scf2 .relation-entry input[type="email"],
html[data-theme="dark"] .scf2 .relation-entry input[type="number"],
html[data-theme="dark"] .scf2 .relation-entry input[type="url"],
html[data-theme="dark"] .scf2 .relation-entry input[type="search"],
html[data-theme="dark"] .scf2 .relation-entry input[type="date"],
html[data-theme="dark"] .scf2 .relation-entry input[type="datetime-local"],
html[data-theme="dark"] .scf2 .relation-entry select,
html[data-theme="dark"] .scf2 .relation-entry textarea {
    background: rgba(12, 18, 18, .72);
    color: rgba(234, 240, 248, .90);
    border-color: rgba(255, 255, 255, .12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .scf2 .scf2-field input::placeholder,
html[data-theme="dark"] .scf2 .scf2-field textarea::placeholder,
html[data-theme="dark"] .scf2 .relation-entry input::placeholder,
html[data-theme="dark"] .scf2 .relation-entry textarea::placeholder {
    color: rgba(234, 240, 248, .55);
}

html[data-theme="dark"] .scf2 .invalid-feedback,
html[data-theme="dark"] .scf2 .form-error-message,
html[data-theme="dark"] .scf2 .form-errors {
    color: rgba(38, 48, 48, .95);
}

html[data-theme="dark"] .scf2-btn--soft {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .88);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

html[data-theme="dark"] .scf2-btn--danger {
    background: rgba(34, 43, 43, .12);
    color: rgba(234, 240, 248, .88);
    box-shadow: inset 0 0 0 1px rgba(34, 43, 43, .18);
}

html[data-theme="dark"] .scf2-rel-count {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

html[data-theme="dark"] .scf2 .ProseMirror,
html[data-theme="dark"] .scf2 .tiptap.ProseMirror {
    background: rgba(12, 18, 18, .72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .scf2 .menu-bar-editor::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .16);
}

html[data-theme="dark"] .scConfirm-backdrop {
    background: rgba(0, 0, 0, .55);
}

html[data-theme="dark"] .scConfirm-card {
    background: rgba(20, 26, 26, .92);
    box-shadow: 0 28px 70px rgba(0, 0, 0, .55);
}

html[data-theme="dark"] .scConfirm-body,
html[data-theme="dark"] .scConfirm-foot {
    background: rgba(12, 18, 18, .72);
}

html[data-theme="dark"] .scConfirm-foot {
    border-top-color: rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .scConfirm-text {
    background: rgba(34, 43, 43, .12);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .scConfirm-btn--soft {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .88);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 16px 34px rgba(0, 0, 0, .45);
}


html[data-theme="dark"] .scv2-card-top,
html[data-theme="dark"] .scv-card-head,
html[data-theme="dark"] .scf2-card-head {
    background: linear-gradient(135deg, rgba(24, 33, 34, .92), rgba(16, 22, 22, .92));
}

html[data-theme="dark"] .scv2-card-top::before,
html[data-theme="dark"] .scv-card-head::before,
html[data-theme="dark"] .scf2-card-head::before {
    opacity: .12;
    background-image: radial-gradient(rgba(255, 255, 255, .16) 1px, transparent 1.6px);
}

html[data-theme="dark"] .scv2-badge {
    background: rgba(255, 255, 255, .10);
    border-color: rgba(255, 255, 255, .14);
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .scv-rel-from {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .scv-badge--status,
html[data-theme="dark"] .scv-mini--scenario {
    background: rgba(255, 255, 255, .07);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .scv-card-title i,
html[data-theme="dark"] .scf2-card-title i {
    color: rgb(64 163 163 / 90%);
}


html[data-theme="dark"] .scv2-btn--primary,
html[data-theme="dark"] .scv2-btn--danger,
html[data-theme="dark"] .scv-btn--primary,
html[data-theme="dark"] .scv-btn--danger,
html[data-theme="dark"] .scf2-btn--primary,
html[data-theme="dark"] .scConfirm-btn--danger {
    color: #ffffff !important;
}

html[data-theme="dark"] .scv2-btn--primary a,
html[data-theme="dark"] .scv2-btn--danger a,
html[data-theme="dark"] .scv-btn--primary a,
html[data-theme="dark"] .scv-btn--danger a,
html[data-theme="dark"] .scf2-btn--primary a {
    color: #ffffff !important;
}

html[data-theme="dark"] .scv2-btn--primary:hover,
html[data-theme="dark"] .scv2-btn--danger:hover,
html[data-theme="dark"] .scv-btn--primary:hover,
html[data-theme="dark"] .scv-btn--danger:hover,
html[data-theme="dark"] .scf2-btn--primary:hover,
html[data-theme="dark"] .scConfirm-btn--danger:hover {
    color: #ffffff !important;
}


html[data-theme="dark"] .alliance-edit-page,
html[data-theme="dark"] .alliance-create-page,
html[data-theme="dark"] .alliances-list-page,
html[data-theme="dark"] .alliance-show-page {
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .alliance-edit-page::before,
html[data-theme="dark"] .alliance-create-page::before,
html[data-theme="dark"] .alliances-list-page::before,
html[data-theme="dark"] .alliance-show-page::before {
    opacity: .14;
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
}

html[data-theme="dark"] .alliance-edit-page .aep-hero,
html[data-theme="dark"] .alliance-edit-page .aep-card,
html[data-theme="dark"] .alliance-create-page .acp-hero,
html[data-theme="dark"] .alliance-create-page .acp-card,
html[data-theme="dark"] .alliances-list-page .alp-hero,
html[data-theme="dark"] .alliance-show-page .asp-hero,
html[data-theme="dark"] .alliance-show-page .asp-card {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 16px 34px rgba(0, 0, 0, .50);
}

html[data-theme="dark"] .alliance-edit-page .aep-hero-head::after,
html[data-theme="dark"] .alliance-create-page .acp-hero-head::after,
html[data-theme="dark"] .alliances-list-page .alp-hero-head::after,
html[data-theme="dark"] .alliance-show-page .asp-hero-head::after {
    background: rgba(12, 18, 18, .72);
}

html[data-theme="dark"] .alliance-edit-page .aep-hero-body,
html[data-theme="dark"] .alliance-edit-page .aep-card-body,
html[data-theme="dark"] .alliance-create-page .acp-hero-body,
html[data-theme="dark"] .alliance-create-page .acp-card-body,
html[data-theme="dark"] .alliances-list-page .alp-hero-body,
html[data-theme="dark"] .alliance-show-page .asp-hero-body,
html[data-theme="dark"] .alliance-show-page .asp-card-body,
html[data-theme="dark"] .alliance-show-page .asp-card--cta .asp-card-body {
    background: rgba(12, 18, 18, .62);
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .alliance-edit-page .aep-note,
html[data-theme="dark"] .alliance-create-page .acp-note {
    background: rgba(34, 43, 43, .12);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .alliance-edit-page .aep-field,
html[data-theme="dark"] .alliance-edit-page .aep-resp,
html[data-theme="dark"] .alliance-create-page .acp-field,
html[data-theme="dark"] .alliance-create-page .acp-resp {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 10px 18px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .alliance-edit-page .aep-field label,
html[data-theme="dark"] .alliance-edit-page .aep-resp-title,
html[data-theme="dark"] .alliance-create-page .acp-field label,
html[data-theme="dark"] .alliance-create-page .acp-resp-title {
    color: rgba(234, 240, 248, .82);
}

html[data-theme="dark"] .alliance-edit-page .aep-field input,
html[data-theme="dark"] .alliance-edit-page .aep-field textarea,
html[data-theme="dark"] .alliance-edit-page .aep-field select,
html[data-theme="dark"] .alliance-edit-page .aep-resp-input,
html[data-theme="dark"] .alliance-create-page .acp-field input,
html[data-theme="dark"] .alliance-create-page .acp-field textarea,
html[data-theme="dark"] .alliance-create-page .acp-field select,
html[data-theme="dark"] .alliance-create-page .acp-resp-input {
    background: rgba(12, 18, 18, .72);
    border-color: rgba(255, 255, 255, .12);
    color: rgba(234, 240, 248, .90);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .alliance-edit-page .aep-field input::placeholder,
html[data-theme="dark"] .alliance-edit-page .aep-field textarea::placeholder,
html[data-theme="dark"] .alliance-edit-page .aep-resp-input::placeholder,
html[data-theme="dark"] .alliance-create-page .acp-field input::placeholder,
html[data-theme="dark"] .alliance-create-page .acp-field textarea::placeholder,
html[data-theme="dark"] .alliance-create-page .acp-resp-input::placeholder {
    color: rgba(234, 240, 248, .55);
}

html[data-theme="dark"] .alliance-edit-page .aep-field input:focus,
html[data-theme="dark"] .alliance-edit-page .aep-field textarea:focus,
html[data-theme="dark"] .alliance-edit-page .aep-field select:focus,
html[data-theme="dark"] .alliance-edit-page .aep-resp-input:focus,
html[data-theme="dark"] .alliance-create-page .acp-field input:focus,
html[data-theme="dark"] .alliance-create-page .acp-field textarea:focus,
html[data-theme="dark"] .alliance-create-page .acp-field select:focus,
html[data-theme="dark"] .alliance-create-page .acp-resp-input:focus {
    border-color: rgba(34, 43, 43, .35);
    box-shadow: 0 0 0 3px rgba(34, 43, 43, .18);
}

html[data-theme="dark"] .alliance-edit-page .aep-suggest,
html[data-theme="dark"] .alliance-create-page .acp-suggest {
    background: rgba(12, 18, 18, .78);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .alliance-edit-page .aep-suggest li,
html[data-theme="dark"] .alliance-create-page .acp-suggest li {
    border-bottom-color: rgba(255, 255, 255, .08);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .alliance-edit-page .aep-suggest li:hover,
html[data-theme="dark"] .alliance-create-page .acp-suggest li:hover {
    background: rgba(255, 255, 255, .06);
}

html[data-theme="dark"] .alliance-edit-page .aep-suggest::-webkit-scrollbar-thumb,
html[data-theme="dark"] .alliance-create-page .acp-suggest::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .16);
}

html[data-theme="dark"] .alliance-edit-page .aep-chip,
html[data-theme="dark"] .alliance-create-page .acp-chip {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .alliance-edit-page .aep-chip button,
html[data-theme="dark"] .alliance-create-page .acp-chip button {
    background: rgba(255, 255, 255, .14);
    color: rgba(234, 240, 248, .92);
    box-shadow: 0 10px 18px rgba(0, 0, 0, .40);
}

html[data-theme="dark"] .alliance-edit-page .aep-help,
html[data-theme="dark"] .alliance-create-page .acp-help {
    color: rgba(234, 240, 248, .68);
}

html[data-theme="dark"] .alliances-list-page .alp-card {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .alliances-list-page .alp-card:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 22px 44px rgba(0, 0, 0, .55);
}

html[data-theme="dark"] .alliances-list-page .alp-emblem {
    background: rgba(12, 18, 18, .72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .alliances-list-page .alp-name,
html[data-theme="dark"] .alliances-list-page .alp-name a {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .alliances-list-page .alp-desc,
html[data-theme="dark"] .alliances-list-page .alp-people {
    background: rgba(12, 18, 18, .62);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .alliances-list-page .alp-desc::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .16);
}

html[data-theme="dark"] .alliances-list-page .alp-status,
html[data-theme="dark"] .alliances-list-page .alp-empty {
    background: rgba(34, 43, 43, .12);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .alliances-list-page .alp-user {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .alliances-list-page .alp-btn {
    color: #fff !important;
}

html[data-theme="dark"] .alliances-list-page .alp-btn--gold {
    color: rgba(20, 16, 12, .92) !important;
    box-shadow: 0 10px 18px rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .alliances-list-page .alp-btn--danger {
    color: #fff !important;
}

html[data-theme="dark"] .alliance-show-page .asp-chip {
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .alliance-show-page .asp-note {
    background: rgba(34, 43, 43, .12);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .alliance-show-page .asp-description,
html[data-theme="dark"] .alliance-show-page .asp-request {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .alliance-show-page .asp-emblem {
    background: rgba(12, 18, 18, .72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 18px 36px rgba(0, 0, 0, .55);
}

html[data-theme="dark"] .alliance-show-page .asp-card-head {
    background: linear-gradient(135deg, rgba(24, 33, 34, .92), rgba(16, 22, 22, .92));
}

html[data-theme="dark"] .alliance-show-page .asp-card-head::before {
    opacity: .12;
    background-image: radial-gradient(rgba(255, 255, 255, .16) 1px, transparent 1.6px);
}

html[data-theme="dark"] .alliance-show-page .asp-request-user {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .alliance-show-page .asp-request-msg {
    background: rgba(12, 18, 18, .62);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .alliance-show-page .asp-person {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .alliance-show-page .asp-empty {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .76);
}

html[data-theme="dark"] .alliance-show-page .asp-btn {
    color: #fff !important;
}

html[data-theme="dark"] .alliance-edit-page .aep-btn,
html[data-theme="dark"] .alliance-create-page .acp-btn {
    color: #fff !important;
}

html[data-theme="dark"] .alliance-edit-page .aep-btn--soft,
html[data-theme="dark"] .alliance-create-page .acp-btn--soft {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .88) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 16px 34px rgba(0, 0, 0, .45);
}

/* =========================================
   ALLIANCES: FIX LIENS
   ========================================= */

html[data-theme="dark"] .alliance-edit-page a,
html[data-theme="dark"] .alliance-create-page a,
html[data-theme="dark"] .alliances-list-page a,
html[data-theme="dark"] .alliance-show-page a {
    color: rgba(234, 240, 248, .90);
    text-decoration-color: rgba(234, 240, 248, .25);
}

html[data-theme="dark"] .alliance-edit-page a:hover,
html[data-theme="dark"] .alliance-create-page a:hover,
html[data-theme="dark"] .alliances-list-page a:hover,
html[data-theme="dark"] .alliance-show-page a:hover {
    color: rgba(34, 43, 43, .95);
    text-decoration-color: rgba(34, 43, 43, .45);
}

html[data-theme="dark"] .alliance-edit-page .aep-hero-head a,
html[data-theme="dark"] .alliance-create-page .acp-hero-head a,
html[data-theme="dark"] .alliances-list-page .alp-hero-head a,
html[data-theme="dark"] .alliance-show-page .asp-hero-head a,
html[data-theme="dark"] .alliance-show-page .asp-card-head a {
    color: #fff !important;
    text-decoration-color: rgba(255, 255, 255, .35);
}

html[data-theme="dark"] .alliance-edit-page .aep-hero-head a:hover,
html[data-theme="dark"] .alliance-create-page .acp-hero-head a:hover,
html[data-theme="dark"] .alliances-list-page .alp-hero-head a:hover,
html[data-theme="dark"] .alliance-show-page .asp-hero-head a:hover,
html[data-theme="dark"] .alliance-show-page .asp-card-head a:hover {
    color: #fff !important;
    text-decoration-color: rgba(255, 255, 255, .55);
}

html[data-theme="dark"] .alliances-list-page .alp-user,
html[data-theme="dark"] .alliance-show-page .asp-person {
    color: rgba(234, 240, 248, .90) !important;
}

html[data-theme="dark"] .alliances-list-page .alp-user:hover,
html[data-theme="dark"] .alliance-show-page .asp-person:hover {
    color: rgba(234, 240, 248, .96) !important;
}

html[data-theme="dark"] .alliances-list-page .alp-desc a,
html[data-theme="dark"] .alliances-list-page .alp-people a,
html[data-theme="dark"] .alliance-show-page .asp-card-body a,
html[data-theme="dark"] .alliance-show-page .asp-request-msg a,
html[data-theme="dark"] .alliance-edit-page .aep-hero-body a,
html[data-theme="dark"] .alliance-create-page .acp-hero-body a {
    color: rgba(34, 43, 43, .95);
    text-decoration-color: rgba(34, 43, 43, .45);
}

html[data-theme="dark"] .alliances-list-page .alp-desc a:hover,
html[data-theme="dark"] .alliances-list-page .alp-people a:hover,
html[data-theme="dark"] .alliance-show-page .asp-card-body a:hover,
html[data-theme="dark"] .alliance-show-page .asp-request-msg a:hover,
html[data-theme="dark"] .alliance-edit-page .aep-hero-body a:hover,
html[data-theme="dark"] .alliance-create-page .acp-hero-body a:hover {
    color: rgba(40, 51, 51, .98);
    text-decoration-color: rgba(40, 51, 51, .55);
}


html[data-theme="dark"] .alliances-page {
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .alliances-page::before {
    opacity: .14;
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
}

html[data-theme="dark"] .alliances-page .ap-hero {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 16px 34px rgba(0, 0, 0, .50);
}

html[data-theme="dark"] .alliances-page .ap-hero-head::after {
    background: rgba(12, 18, 18, .72);
}

html[data-theme="dark"] .alliances-page .ap-hero-body {
    background: rgba(12, 18, 18, .62);
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .alliances-page .ap-hero-body a {
    color: rgba(34, 43, 43, .95);
    text-decoration-color: rgba(34, 43, 43, .45);
}

html[data-theme="dark"] .alliances-page .ap-hero-body a:hover {
    color: rgba(40, 51, 51, .98);
    text-decoration-color: rgba(40, 51, 51, .55);
}

html[data-theme="dark"] .alliances-page .ap-note {
    background: rgba(34, 43, 43, .12);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .alliances-page .ap-btn {
    color: #fff !important;
}

html[data-theme="dark"] .alliances-page .ap-btn--soft {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .88) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12),
    0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .alliances-page .ap-btn--gold {
    color: rgba(20, 16, 12, .92) !important;
    box-shadow: 0 10px 18px rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .alliances-page .ap-btn--danger {
    color: #fff !important;
}

html[data-theme="dark"] .alliances-page .ap-h2 {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .alliances-page .ap-card {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .alliances-page .ap-card:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12),
    0 22px 44px rgba(0, 0, 0, .55);
}

html[data-theme="dark"] .alliances-page .ap-emblem {
    background: rgba(12, 18, 18, .72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .alliances-page .ap-name,
html[data-theme="dark"] .alliances-page .ap-name a {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .alliances-page .ap-desc,
html[data-theme="dark"] .alliances-page .ap-people {
    background: rgba(12, 18, 18, .62);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .alliances-page .ap-desc::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .16);
}

html[data-theme="dark"] .alliances-page .ap-user {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .90) !important;
}

html[data-theme="dark"] .alliances-page .ap-user:hover {
    color: rgba(234, 240, 248, .96) !important;
}

html[data-theme="dark"] .alliances-page .ap-empty,
html[data-theme="dark"] .alliances-page .ap-status {
    background: rgba(34, 43, 43, .12);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .alliances-page .ap-desc a,
html[data-theme="dark"] .alliances-page .ap-people a {
    color: rgba(34, 43, 43, .95);
    text-decoration-color: rgba(34, 43, 43, .45);
}

html[data-theme="dark"] .alliances-page .ap-desc a:hover,
html[data-theme="dark"] .alliances-page .ap-people a:hover {
    color: rgba(40, 51, 51, .98);
    text-decoration-color: rgba(40, 51, 51, .55);
}


/* =========================================
   MESSAGES
   ========================================= */

html[data-theme="dark"] .msg-page,
html[data-theme="dark"] .msgnew-page,
html[data-theme="dark"] .msgview-page {
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .msg-page::before,
html[data-theme="dark"] .msgnew-page::before,
html[data-theme="dark"] .msgview-page::before {
    opacity: .14;
    background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1.6px);
}

html[data-theme="dark"] .msg-hero,
html[data-theme="dark"] .msgnew-hero,
html[data-theme="dark"] .msgview-hero {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 16px 34px rgba(0, 0, 0, .50);
}

html[data-theme="dark"] .msg-hero::before,
html[data-theme="dark"] .msgnew-hero::before,
html[data-theme="dark"] .msgview-hero::before {
    opacity: .55;
    background: rgba(12, 18, 18, .72);
    border-color: rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08),
    0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .msg-h1,
html[data-theme="dark"] .msgnew-h1,
html[data-theme="dark"] .msgview-h1 {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .msg-subtitle,
html[data-theme="dark"] .msgnew-subtitle,
html[data-theme="dark"] .msgview-participants {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .msgview-participants .label {
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .msgview-participants .name {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .msg-pill,
html[data-theme="dark"] .msgnew-pill,
html[data-theme="dark"] .msgview-pill {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .12);
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .msg-search {
    background: rgba(12, 18, 18, .62);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .msg-search input {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .msg-search input::placeholder {
    color: rgba(234, 240, 248, .55);
}

html[data-theme="dark"] .msg-filter {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .84);
}

html[data-theme="dark"] .msg-card,
html[data-theme="dark"] .msgnew-card,
html[data-theme="dark"] .msgview-thread,
html[data-theme="dark"] .msgview-reply {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 16px 34px rgba(0, 0, 0, .50);
}

html[data-theme="dark"] .msg-card-head,
html[data-theme="dark"] .msgnew-card-head,
html[data-theme="dark"] .msgview-thread-head {
    background: linear-gradient(135deg, rgba(24, 33, 34, .92), rgba(16, 22, 22, .92));
}

html[data-theme="dark"] .msg-card-head::before,
html[data-theme="dark"] .msgnew-card-head::before,
html[data-theme="dark"] .msgview-thread-head::before {
    opacity: .12;
    background-image: radial-gradient(rgba(255, 255, 255, .16) 1px, transparent 1.6px);
}

html[data-theme="dark"] .msgview-reply-head {
    color: #fff;
}

html[data-theme="dark"] .msgview-reply-head::before {
    opacity: .18;
}

html[data-theme="dark"] .msg-card-body,
html[data-theme="dark"] .msgnew-card-body,
html[data-theme="dark"] .msgview-thread-body,
html[data-theme="dark"] .msgview-reply-body {
    background: rgba(12, 18, 18, .62);
}

html[data-theme="dark"] .msg-thread {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .msg-thread:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12),
    0 22px 44px rgba(0, 0, 0, .55);
    filter: none;
}

html[data-theme="dark"] .msg-thread-subject {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .msg-thread-sub {
    color: rgba(234, 240, 248, .72);
}

html[data-theme="dark"] .msg-thread.is-unread {
    box-shadow: inset 0 0 0 2px rgba(34, 43, 43, .22),
    0 18px 36px rgba(0, 0, 0, .55);
}

html[data-theme="dark"] .msg-empty,
html[data-theme="dark"] .msgview-empty {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .74);
}

html[data-theme="dark"] .msg-empty-title,
html[data-theme="dark"] .msgview-empty-title {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .msg-mini-btn--soft {
    background: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .msgview-avatar {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .msgview-author {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .msgview-you,
html[data-theme="dark"] .msgview-date {
    color: rgba(234, 240, 248, .62);
}

html[data-theme="dark"] .msgview-bubble {
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .msgview-msg.is-mine .msgview-bubble {
    background: rgba(34, 43, 43, .10);
    box-shadow: inset 0 0 0 1px rgba(34, 43, 43, .18),
    0 16px 34px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .msgview-msg.is-theirs .msgview-bubble {
    background: rgba(255, 255, 255, .06);
}

html[data-theme="dark"] .msgview-content {
    color: rgba(234, 240, 248, .78);
}

html[data-theme="dark"] .msgview-content a {
    color: rgba(34, 43, 43, .95);
}

html[data-theme="dark"] .msgview-content a:hover {
    color: rgba(40, 51, 51, .98);
}

html[data-theme="dark"] .msgview-content blockquote {
    background: rgba(12, 18, 18, .62);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .74);
}

html[data-theme="dark"] .msgview-textarea {
    background: rgba(12, 18, 18, .72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .msgview-textarea::placeholder {
    color: rgba(234, 240, 248, .55);
}

html[data-theme="dark"] .msgnew-help-item {
    background: rgba(12, 18, 18, .62);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .74);
}

html[data-theme="dark"] .msgnew-label {
    color: rgba(234, 240, 248, .86);
}

html[data-theme="dark"] .msgnew-input,
html[data-theme="dark"] .msgnew-textarea {
    background: rgba(12, 18, 18, .72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .msgnew-input::placeholder,
html[data-theme="dark"] .msgnew-textarea::placeholder {
    color: rgba(234, 240, 248, .55);
}

html[data-theme="dark"] .msgnew-hint {
    color: rgba(234, 240, 248, .66);
}

html[data-theme="dark"] .msgnew-divider {
    background: rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .msg-btn--primary,
html[data-theme="dark"] .msgnew-btn--primary,
html[data-theme="dark"] .msgview-btn--primary,
html[data-theme="dark"] .msgview-btn--danger,
html[data-theme="dark"] .msg-mini-btn--danger,
html[data-theme="dark"] .msg-badge {
    color: #fff !important;
}

html[data-theme="dark"] .msgnew-btn--soft,
html[data-theme="dark"] .msgview-btn--soft {
    background: rgba(255, 255, 255, .06);
    color: rgba(234, 240, 248, .88) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

html[data-theme="dark"] .msgnew-page .select2-container--default .select2-selection--multiple {
    background: rgba(12, 18, 18, .72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .msgnew-page .select2-container--default.select2-container--focus .select2-selection--multiple,
html[data-theme="dark"] .msgnew-page .select2-container--default.select2-container--open .select2-selection--multiple {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 0 0 4px rgba(152, 190, 195, .14);
}

html[data-theme="dark"] .msgnew-page .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .10);
    color: rgba(234, 240, 248, .88);
}

html[data-theme="dark"] .msgnew-page .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background: rgba(255, 255, 255, .10);
    border-color: rgba(255, 255, 255, .12);
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .msgnew-page .select2-container--default .select2-search--inline .select2-search__field {
    color: rgba(234, 240, 248, .90);
}

html[data-theme="dark"] .msgnew-page .select2-container--default .select2-search--inline .select2-search__field::placeholder {
    color: rgba(234, 240, 248, .55);
}

html[data-theme="dark"] .msgnew-page .select2-dropdown,
html[data-theme="dark"] .select2-container--open .select2-dropdown,
html[data-theme="dark"] .select2-dropdown.select2-dropdown--above,
html[data-theme="dark"] .select2-dropdown.select2-dropdown--below,
html[data-theme="dark"] .select2-results,
html[data-theme="dark"] .select2-results > .select2-results__options {
    background: rgba(12, 18, 18, .92) !important;
}

html[data-theme="dark"] .msgnew-page .select2-results__option,
html[data-theme="dark"] .select2-results__option {
    color: rgba(234, 240, 248, .86) !important;
}

html[data-theme="dark"] .msgnew-page .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
html[data-theme="dark"] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: rgba(255, 255, 255, .06) !important;
    color: rgba(234, 240, 248, .92) !important;
}

html[data-theme="dark"] .msgnew-page .select2-container--default .select2-results__option--selected,
html[data-theme="dark"] .select2-container--default .select2-results__option--selected {
    background: rgba(34, 43, 43, .12) !important;
    color: rgba(234, 240, 248, .92) !important;
}

html[data-theme="dark"] .msgnew-page .select2-results__message,
html[data-theme="dark"] .msgnew-page .select2-results__option--message,
html[data-theme="dark"] .select2-results__option.select2-results__message {
    background: rgba(255, 255, 255, .06) !important;
    color: rgba(234, 240, 248, .78) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .select2-results__options::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .16);
}

/* =========================================
   MESSAGES
   ========================================= */

html[data-theme="dark"] .msgview-help-item {
    background: rgba(12, 18, 18, .62) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .74) !important;
}

html[data-theme="dark"] .msgview-help-item code {
    background: rgba(255, 255, 255, .07) !important;
    border-color: rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .88) !important;
}

html[data-theme="dark"] .msgview-help-item strong,
html[data-theme="dark"] .msgview-help-item b {
    color: rgba(234, 240, 248, .90) !important;
}

/* =========================================
   ARENA et COMBAT
   ========================================= */

html[data-theme="dark"] .arena-page::before,
html[data-theme="dark"] .combat-page::before {
    background-image: radial-gradient(rgba(255, 255, 255, .10) 1px, transparent 1.6px) !important;
    opacity: .28 !important;
}

html[data-theme="dark"] .arena-page .arena-card,
html[data-theme="dark"] .combat-page .combat-card {
    background: rgba(14, 20, 20, .66) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 12px 26px rgba(0, 0, 0, .45) !important;
}

html[data-theme="dark"] .arena-page .arena-card-body,
html[data-theme="dark"] .combat-page .combat-body {
    background: rgba(10, 16, 16, .65) !important;
}

html[data-theme="dark"] .arena-page .arena-card-header::after,
html[data-theme="dark"] .combat-page .combat-header::after {
    background: rgba(10, 16, 16, .65) !important;
}

html[data-theme="dark"] .arena-page .arena-section-title,
html[data-theme="dark"] .arena-page .history-title,
html[data-theme="dark"] .combat-page .combat-title {
    color: rgba(234, 240, 248, .92) !important;
}

html[data-theme="dark"] .arena-page .arena-card-subtitle,
html[data-theme="dark"] .combat-page .combat-subtitle {
    color: rgba(234, 240, 248, .72) !important;
}

html[data-theme="dark"] .arena-page .champion-intro,
html[data-theme="dark"] .arena-page .arena-desc {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .74) !important;
}

html[data-theme="dark"] .arena-page .arena-desc::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .18) !important;
}

html[data-theme="dark"] .arena-page .arena-notice {
    background: rgba(38, 49, 49, .12) !important;
    border-color: rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .88) !important;
}

html[data-theme="dark"] .arena-page .arena-btn--soft {
    background: rgb(32 41 41 / 8%) !important;
    color: rgba(234, 240, 248, .90) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 10px 18px rgba(0, 0, 0, .35) !important;
}

html[data-theme="dark"] .arena-page .champion-avatar {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .12) !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, .45),
    inset 0 0 0 6px rgb(32 41 41 / 8%) !important;
}

html[data-theme="dark"] .arena-page .arena-stat-chip,
html[data-theme="dark"] .combat-page .combat-score-chip {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .82) !important;
}

html[data-theme="dark"] .arena-page .arena-stat-chip strong,
html[data-theme="dark"] .combat-page .combat-score-chip strong {
    color: rgba(234, 240, 248, .92) !important;
}

html[data-theme="dark"] .arena-page .roster-chip {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 10px 18px rgba(0, 0, 0, .40) !important;
}

html[data-theme="dark"] .arena-page .history-table {
    background: rgba(14, 20, 20, .66) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 12px 22px rgba(0, 0, 0, .45) !important;
}

html[data-theme="dark"] .arena-page .history-table tbody td {
    border-top-color: rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .78) !important;
}

html[data-theme="dark"] .arena-page .history-table tbody tr:hover td {
    background: rgba(255, 255, 255, .05) !important;
}

html[data-theme="dark"] .arena-page .history-table tbody td::before {
    color: rgba(234, 240, 248, .60) !important;
}

html[data-theme="dark"] .arena-page .history-badge {
    border-color: rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .arena-page .history-badge--win {
    background: rgba(127, 200, 169, .18) !important;
    color: rgba(234, 240, 248, .88) !important;
}

html[data-theme="dark"] .arena-page .history-badge--lose {
    background: rgba(34, 43, 43, .16) !important;
    color: rgba(234, 240, 248, .88) !important;
}

html[data-theme="dark"] .combat-page .combat-recap,
html[data-theme="dark"] .combat-page .logs-card {
    background: rgba(14, 20, 20, .66) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 12px 22px rgba(0, 0, 0, .45) !important;
}

html[data-theme="dark"] .combat-page .combat-recap .recap-grid,
html[data-theme="dark"] .combat-page .logs-body {
    background: rgba(10, 16, 16, .65) !important;
}

html[data-theme="dark"] .combat-page .combat-recap .recap-box {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .combat-page .combat-recap .recap-label {
    color: rgba(234, 240, 248, .60) !important;
}

html[data-theme="dark"] .combat-page #combat-logs {
    background: rgba(255, 255, 255, .05) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .combat-page #combat-logs::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .18) !important;
}

html[data-theme="dark"] .combat-page #combat-logs li {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .82) !important;
}

html[data-theme="dark"] .team-ball {
    background: rgb(32 41 41 / 8%) !important;
    border-color: rgba(255, 255, 255, .12) !important;
    box-shadow: 0 10px 18px rgba(0, 0, 0, .35) !important;
}

html[data-theme="dark"] .battle-field {
    background: radial-gradient(1200px 420px at 50% 0%, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, rgba(10, 16, 16, .92), rgba(10, 16, 16, .72)) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .battle-stage {
    background: radial-gradient(520px 220px at 78% 30%, rgba(156, 191, 190, .18), rgba(156, 191, 190, 0)),
    radial-gradient(560px 260px at 22% 88%, rgba(34, 43, 43, .10), rgba(34, 43, 43, 0)),
    linear-gradient(180deg, rgba(12, 18, 18, .95), rgba(10, 16, 16, .80)) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 12px 20px rgba(0, 0, 0, .55) !important;
}

html[data-theme="dark"] .battle-stage::after {
    background: radial-gradient(closest-side, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0)) !important;
    opacity: .55 !important;
}

html[data-theme="dark"] .battle-hud {
    background: rgba(14, 20, 20, .78) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 12px 20px rgba(0, 0, 0, .55) !important;
}

html[data-theme="dark"] .hud-name,
html[data-theme="dark"] .hud-name strong {
    color: rgba(234, 240, 248, .92) !important;
}

html[data-theme="dark"] .hud-lv,
html[data-theme="dark"] .hp-label {
    color: rgba(234, 240, 248, .62) !important;
}

html[data-theme="dark"] .hp-bar {
    background: rgba(255, 255, 255, .10) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .hp-text {
    color: rgba(234, 240, 248, .78) !important;
}

html[data-theme="dark"] .battle-banner {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 10px 18px rgba(0, 0, 0, .35) !important;
    color: rgba(234, 240, 248, .82) !important;
}

/* =========================================================
   FIX
   ========================================================= */

html[data-theme="dark"] .arena-page a,
html[data-theme="dark"] .combat-page a,
html[data-theme="dark"] .msg-page a,
html[data-theme="dark"] .msgnew-page a,
html[data-theme="dark"] .msgview-page a,
html[data-theme="dark"] .alliances-page a,
html[data-theme="dark"] .alliances-list-page a,
html[data-theme="dark"] .alliance-show-page a,
html[data-theme="dark"] .alliance-create-page a,
html[data-theme="dark"] .alliance-edit-page a {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .arena-page a:hover,
html[data-theme="dark"] .combat-page a:hover,
html[data-theme="dark"] .msg-page a:hover,
html[data-theme="dark"] .msgnew-page a:hover,
html[data-theme="dark"] .msgview-page a:hover,
html[data-theme="dark"] .alliances-page a:hover,
html[data-theme="dark"] .alliances-list-page a:hover,
html[data-theme="dark"] .alliance-show-page a:hover,
html[data-theme="dark"] .alliance-create-page a:hover,
html[data-theme="dark"] .alliance-edit-page a:hover {
    color: rgba(255, 255, 255, .98);
}

html[data-theme="dark"] .arena-btn,
html[data-theme="dark"] .battle-btn,
html[data-theme="dark"] .history-cta,
html[data-theme="dark"] .msg-btn,
html[data-theme="dark"] .msg-mini-btn,
html[data-theme="dark"] .msgnew-btn,
html[data-theme="dark"] .msgview-btn,
html[data-theme="dark"] .aep-btn,
html[data-theme="dark"] .acp-btn,
html[data-theme="dark"] .alp-btn,
html[data-theme="dark"] .ap-btn,
html[data-theme="dark"] .asp-btn,
html[data-theme="dark"] .asp-pill {
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .arena-btn a,
html[data-theme="dark"] .battle-btn a,
html[data-theme="dark"] .history-cta a,
html[data-theme="dark"] .msg-btn a,
html[data-theme="dark"] .msg-mini-btn a,
html[data-theme="dark"] .msgnew-btn a,
html[data-theme="dark"] .msgview-btn a,
html[data-theme="dark"] .aep-btn a,
html[data-theme="dark"] .acp-btn a,
html[data-theme="dark"] .alp-btn a,
html[data-theme="dark"] .ap-btn a,
html[data-theme="dark"] .asp-btn a,
html[data-theme="dark"] .asp-pill a {
    color: inherit !important;
}

html[data-theme="dark"] .arena-btn,
html[data-theme="dark"] .battle-btn,
html[data-theme="dark"] .history-cta,
html[data-theme="dark"] .aep-btn,
html[data-theme="dark"] .acp-btn,
html[data-theme="dark"] .alp-btn,
html[data-theme="dark"] .ap-btn,
html[data-theme="dark"] .asp-btn--primary,
html[data-theme="dark"] .asp-btn--refuse,
html[data-theme="dark"] .msg-mini-btn--danger,
html[data-theme="dark"] .msg-badge {
    color: #fff !important;
}

html[data-theme="dark"] .msg-btn--primary,
html[data-theme="dark"] .msgnew-btn--primary,
html[data-theme="dark"] .msgview-btn--primary {
    background: linear-gradient(135deg, rgba(51, 84, 87, 1), rgba(18, 32, 34, 1)) !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .45) !important;
    color: #fff !important;
}

html[data-theme="dark"] .msg-card-head,
html[data-theme="dark"] .msgnew-card-head,
html[data-theme="dark"] .msgview-thread-head,
html[data-theme="dark"] .msgview-hero::before,
html[data-theme="dark"] .msg-hero::before,
html[data-theme="dark"] .msgnew-hero::before,
html[data-theme="dark"] .combat-page .combat-recap .recap-head,
html[data-theme="dark"] .combat-page .logs-header,
html[data-theme="dark"] .arena-page .history-table thead th {
    background: linear-gradient(135deg, rgba(36, 58, 60, 1), rgba(15, 26, 27, 1)) !important;
}

html[data-theme="dark"] .msg-card-head::before,
html[data-theme="dark"] .msgnew-card-head::before,
html[data-theme="dark"] .msgview-thread-head::before,
html[data-theme="dark"] .combat-page .combat-recap .recap-head::before,
html[data-theme="dark"] .combat-page .logs-header::before,
html[data-theme="dark"] .arena-page .history-table thead th::after {
    background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1.6px) !important;
    opacity: .22 !important;
}

html[data-theme="dark"] .msgview-help-item,
html[data-theme="dark"] .msgnew-help-item,
html[data-theme="dark"] .msg-search,
html[data-theme="dark"] .msgview-help-item code {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .78) !important;
}

html[data-theme="dark"] .msgview-help-item code {
    border-color: rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .msgview-content a {
    color: rgba(234, 240, 248, .92) !important;
    text-decoration: underline !important;
}

html[data-theme="dark"] .msgview-content a:hover {
    color: #fff !important;
}

html[data-theme="dark"] .arena-btn--soft,
html[data-theme="dark"] .msgview-btn--soft,
html[data-theme="dark"] .msgnew-btn--soft,
html[data-theme="dark"] .aep-btn--soft,
html[data-theme="dark"] .acp-btn--soft,
html[data-theme="dark"] .ap-btn--soft {
    background: rgb(32 41 41 / 8%) !important;
    color: rgba(234, 240, 248, .90) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 10px 18px rgba(0, 0, 0, .35) !important;
}

html[data-theme="dark"] a.arena-btn,
html[data-theme="dark"] a.battle-btn,
html[data-theme="dark"] a.history-cta,
html[data-theme="dark"] a.msg-btn,
html[data-theme="dark"] a.msg-mini-btn,
html[data-theme="dark"] a.msgnew-btn,
html[data-theme="dark"] a.msgview-btn,
html[data-theme="dark"] a.aep-btn,
html[data-theme="dark"] a.acp-btn,
html[data-theme="dark"] a.alp-btn,
html[data-theme="dark"] a.ap-btn,
html[data-theme="dark"] a.asp-btn,
html[data-theme="dark"] a.asp-pill {
    color: #fff !important;
}

/* =========================================================
   DRF et User Activity
   ========================================================= */

html[data-theme="dark"] .drf-page,
html[data-theme="dark"] .user-activity-page {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .drf-hero,
html[data-theme="dark"] .drf-card {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 14px 28px rgba(0, 0, 0, .45) !important;
}

html[data-theme="dark"] .drf-hero::before {
    background: rgba(12, 18, 18, .78) !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .drf-pill {
    background: rgb(32 41 41 / 8%) !important;
    border-color: rgba(255, 255, 255, .12) !important;
    color: rgba(234, 240, 248, .88) !important;
}

html[data-theme="dark"] .drf-h1 {
    color: rgba(255, 255, 255, .96) !important;
}

html[data-theme="dark"] .drf-subtitle {
    color: rgba(234, 240, 248, .72) !important;
}

html[data-theme="dark"] .drf-btn {
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .drf-btn--primary {
    background: linear-gradient(135deg, rgba(51, 84, 87, 1), rgba(18, 32, 34, 1)) !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .45) !important;
}

html[data-theme="dark"] .drf-btn--danger {
    background: linear-gradient(135deg, rgba(30, 38, 38, 1), rgba(22, 28, 28, 1)) !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .45) !important;
}

html[data-theme="dark"] .drf-btn--soft {
    background: rgb(32 41 41 / 8%) !important;
    color: rgba(234, 240, 248, .92) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 12px 22px rgba(0, 0, 0, .35) !important;
}

html[data-theme="dark"] .drf-card-head {
    background: linear-gradient(135deg, rgba(36, 58, 60, 1), rgba(15, 26, 27, 1)) !important;
}

html[data-theme="dark"] .drf-card-head::before {
    background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1.6px) !important;
    opacity: .22 !important;
}

html[data-theme="dark"] .drf-card-body {
    background: rgba(255, 255, 255, .04) !important;
}

html[data-theme="dark"] .drf-row {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 12px 22px rgba(0, 0, 0, .35) !important;
}

html[data-theme="dark"] .drf-name {
    color: rgba(255, 255, 255, .94) !important;
}

html[data-theme="dark"] .drf-meta {
    color: rgba(234, 240, 248, .70) !important;
}

html[data-theme="dark"] .drf-dot {
    background: rgba(255, 255, 255, .28) !important;
}

html[data-theme="dark"] .drf-empty {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .72) !important;
}

html[data-theme="dark"] .drf-empty-title {
    color: rgba(255, 255, 255, .94) !important;
}

html[data-theme="dark"] .drf-page a {
    color: rgba(234, 240, 248, .92) !important;
    text-decoration: underline;
}

html[data-theme="dark"] .drf-page a:hover {
    color: #fff !important;
}

html[data-theme="dark"] .ua-hero,
html[data-theme="dark"] .ua-empty {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 14px 28px rgba(0, 0, 0, .45) !important;
}

html[data-theme="dark"] .ua-hero-head {
    background: linear-gradient(135deg, rgba(36, 58, 60, 1), rgba(15, 26, 27, 1)) !important;
}

html[data-theme="dark"] .ua-hero-head::before {
    background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1.6px) !important;
    opacity: .22 !important;
}

html[data-theme="dark"] .ua-hero-head::after {
    background: rgba(255, 255, 255, .04) !important;
}

html[data-theme="dark"] .ua-hero-body {
    background: rgba(255, 255, 255, .04) !important;
}

html[data-theme="dark"] .ua-chip {
    background: rgb(32 41 41 / 8%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .88) !important;
}

html[data-theme="dark"] .ua-row {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 12px 22px rgba(0, 0, 0, .35) !important;
}

html[data-theme="dark"] .ua-row-title a {
    color: rgba(255, 255, 255, .94) !important;
}

html[data-theme="dark"] .ua-row-sub {
    color: rgba(234, 240, 248, .70) !important;
}

html[data-theme="dark"] .ua-preview {
    background: rgba(255, 255, 255, .05) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .74) !important;
}

html[data-theme="dark"] .ua-preview::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .18) !important;
}

html[data-theme="dark"] .ua-btn,
html[data-theme="dark"] .ua-row-btn {
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .ua-btn {
    background: rgba(255, 255, 255, .10) !important;
    border-color: rgba(255, 255, 255, .14) !important;
}

html[data-theme="dark"] .ua-btn.primary,
html[data-theme="dark"] .ua-row-btn {
    background: linear-gradient(135deg, rgba(30, 38, 38, 1), rgba(22, 28, 28, 1)) !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .45) !important;
}

html[data-theme="dark"] .ua-pagination .page-link {
    background: rgb(32 41 41 / 8%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .88) !important;
}

html[data-theme="dark"] .ua-pagination .page-item.active .page-link {
    background: linear-gradient(135deg, rgba(30, 38, 38, 1), rgba(22, 28, 28, 1)) !important;
    color: #fff !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .45) !important;
}

html[data-theme="dark"] .user-activity-page a {
    color: rgba(234, 240, 248, .92) !important;
    text-decoration: underline;
}

html[data-theme="dark"] .user-activity-page a:hover {
    color: #fff !important;
}

/* =========================================================
   SAFARI + CHAT
   ========================================================= */

html[data-theme="dark"] .safari-page {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .safari-hero,
html[data-theme="dark"] .safari-card {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 14px 28px rgba(0, 0, 0, .45) !important;
}

html[data-theme="dark"] .safari-hero::before {
    background-image: none !important;
    background: rgba(12, 18, 18, .78) !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .safari-pill {
    background: rgb(32 41 41 / 8%) !important;
    border-color: rgba(255, 255, 255, .12) !important;
    color: rgba(234, 240, 248, .88) !important;
}

html[data-theme="dark"] .safari-h1 {
    color: rgba(255, 255, 255, .96) !important;
}

html[data-theme="dark"] .safari-sub {
    color: rgba(234, 240, 248, .72) !important;
}

html[data-theme="dark"] .safari-card-head {
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .safari-grad--neutral {
    background: linear-gradient(135deg, rgba(36, 58, 60, 1), rgba(15, 26, 27, 1)) !important;
}

html[data-theme="dark"] .safari-card-body {
    background: rgba(255, 255, 255, .04) !important;
}

html[data-theme="dark"] .safari-text,
html[data-theme="dark"] .enc-text,
html[data-theme="dark"] .safari-list,
html[data-theme="dark"] .safari-log .line {
    color: rgba(234, 240, 248, .76) !important;
}

html[data-theme="dark"] .safari-note,
html[data-theme="dark"] .safari-stat,
html[data-theme="dark"] .safari-enc,
html[data-theme="dark"] .safari-pkm,
html[data-theme="dark"] .safari-user,
html[data-theme="dark"] .safari-table-wrap,
html[data-theme="dark"] .safari-log .line {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .safari-stat .k,
html[data-theme="dark"] .enc-title .t,
html[data-theme="dark"] .safari-pkm-meta .name,
html[data-theme="dark"] .safari-user .u,
html[data-theme="dark"] .strong {
    color: rgba(255, 255, 255, .92) !important;
}

html[data-theme="dark"] .safari-stat .v,
html[data-theme="dark"] .enc-title .s,
html[data-theme="dark"] .safari-pkm-meta .sub,
html[data-theme="dark"] .safari-pkm-chance .lbl,
html[data-theme="dark"] .muted {
    color: rgba(234, 240, 248, .70) !important;
}

html[data-theme="dark"] #encSprite,
html[data-theme="dark"] .safari-pkm-sprite,
html[data-theme="dark"] .safari-user .avatar {
    background: rgb(32 41 41 / 8%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .88) !important;
}

html[data-theme="dark"] .safari-pkm-bar {
    background: rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .safari-pkm-bar span {
    filter: saturate(1.05) brightness(1.02);
}

html[data-theme="dark"] .safari-btn {
    background: rgb(32 41 41 / 8%) !important;
    color: rgba(234, 240, 248, .92) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 12px 22px rgba(0, 0, 0, .35) !important;
    text-shadow: none;
}

html[data-theme="dark"] .safari-btn--primary {
    background: linear-gradient(135deg, rgba(60, 170, 130, 1), rgba(18, 92, 70, 1)) !important;
    color: #fff !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .45) !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .safari-btn--ghost {
    background: rgba(255, 255, 255, .06) !important;
    color: rgba(234, 240, 248, .92) !important;
}

html[data-theme="dark"] .chip {
    background: rgb(32 41 41 / 8%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .88) !important;
}

html[data-theme="dark"] .chip--ok {
    background: rgba(60, 170, 130, .22) !important;
    color: rgba(226, 255, 244, .92) !important;
}

html[data-theme="dark"] .chip--no {
    background: rgba(30, 38, 38, .18) !important;
    color: rgba(44, 56, 56, .92) !important;
}

html[data-theme="dark"] .chip--owned {
    background: rgba(60, 170, 130, .20) !important;
    color: rgba(226, 255, 244, .92) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .safari-table-wrap {
    background: rgba(255, 255, 255, .06) !important;
}

html[data-theme="dark"] .safari-table th,
html[data-theme="dark"] .safari-table td {
    color: rgba(234, 240, 248, .78) !important;
    border-bottom-color: rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .safari-table th {
    color: rgba(255, 255, 255, .92) !important;
    background: rgb(32 41 41 / 8%) !important;
}

html[data-theme="dark"] .pkm img {
    background: rgb(32 41 41 / 8%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .safari-users::-webkit-scrollbar-thumb,
html[data-theme="dark"] #chat-box::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .18) !important;
}

html[data-theme="dark"] .safari-page a {
    color: rgba(234, 240, 248, .92) !important;
    text-decoration: underline;
}

html[data-theme="dark"] .safari-page a:hover {
    color: #fff !important;
}

html[data-theme="dark"] .chatfab-card {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .55) !important;
}

html[data-theme="dark"] .chatfab-panel {
    background: rgba(255, 255, 255, .04) !important;
}

html[data-theme="dark"] #chat-box {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] #chat-box .chat-line {
    background: rgba(255, 255, 255, .07) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .78) !important;
}

html[data-theme="dark"] #chat-box .chat-line strong {
    color: rgba(255, 255, 255, .92) !important;
}

html[data-theme="dark"] #chat-box .chat-delete-btn {
    background: rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .92) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12) !important;
}

html[data-theme="dark"] #chat-input {
    background: rgba(255, 255, 255, .10) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12) !important;
    color: rgba(255, 255, 255, .92) !important;
}

html[data-theme="dark"] #chat-input::placeholder {
    color: rgba(234, 240, 248, .60) !important;
}

html[data-theme="dark"] #chat-form button {
    background: linear-gradient(135deg, rgba(60, 170, 130, 1), rgba(18, 92, 70, 1)) !important;
    color: #fff !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .45) !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .chat-user {
    color: rgba(255, 255, 255, .92) !important;
}

html[data-theme="dark"] .chat-time {
    color: rgba(234, 240, 248, .60) !important;
}

html[data-theme="dark"] .chat-text {
    color: rgba(234, 240, 248, .76) !important;
}

html[data-theme="dark"] .chatfab-pill {
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

/* =========================================================
   TRADE + LOGIN/REGISTER + STEPPER MODAL
   ========================================================= */

html[data-theme="dark"] .trade-page {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .trade-title {
    color: rgba(255, 255, 255, .94) !important;
}

html[data-theme="dark"] .trade-subtitle {
    color: rgba(234, 240, 248, .68) !important;
}

html[data-theme="dark"] .trade-card {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 14px 28px rgba(0, 0, 0, .45) !important;
}

html[data-theme="dark"] .trade-card::before {
    opacity: .12 !important;
}

html[data-theme="dark"] .trade-card-head {
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .trade-card-head::after {
    background: rgba(0, 0, 0, 0) !important;
}

html[data-theme="dark"] .trade-pill {
    background: rgba(255, 255, 255, .14) !important;
    border-color: rgba(255, 255, 255, .18) !important;
    color: rgba(255, 255, 255, .92) !important;
}

html[data-theme="dark"] .trade-pill-status {
    background: rgba(42, 53, 53, .18) !important;
    border-color: rgba(255, 255, 255, .18) !important;
    color: rgba(255, 255, 255, .92) !important;
}

html[data-theme="dark"] .trade-card-body {
    background: rgba(255, 255, 255, .04) !important;
}

html[data-theme="dark"] .trade-panel,
html[data-theme="dark"] .trade-form,
html[data-theme="dark"] .trade-empty {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .trade-panel h3,
html[data-theme="dark"] .trade-form h3 {
    color: rgba(255, 255, 255, .92) !important;
}

html[data-theme="dark"] .trade-kv .k,
html[data-theme="dark"] .trade-field label,
html[data-theme="dark"] .trade-muted,
html[data-theme="dark"] .trade-row-meta {
    color: rgba(234, 240, 248, .66) !important;
}

html[data-theme="dark"] .trade-kv .v {
    color: rgba(255, 255, 255, .92) !important;
}

html[data-theme="dark"] .trade-errors {
    color: rgba(40, 51, 51, .95) !important;
}

html[data-theme="dark"] .trade-input,
html[data-theme="dark"] .trade-select,
html[data-theme="dark"] .trade-textarea {
    background: rgb(32 41 41 / 8%) !important;
    border-color: rgba(255, 255, 255, .12) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
    color: rgba(255, 255, 255, .92) !important;
}

html[data-theme="dark"] .trade-input::placeholder,
html[data-theme="dark"] .trade-textarea::placeholder {
    color: rgba(234, 240, 248, .55) !important;
}

html[data-theme="dark"] .trade-btn-primary,
html[data-theme="dark"] .trade-btn-danger,
html[data-theme="dark"] .trade-btn-success {
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .trade-btn-ghost {
    background: rgb(32 41 41 / 8%) !important;
    border-color: rgba(255, 255, 255, .12) !important;
    color: rgba(255, 255, 255, .92) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .trade-row {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 12px 22px rgba(0, 0, 0, .35) !important;
}

html[data-theme="dark"] .trade-row-title {
    color: rgba(255, 255, 255, .92) !important;
}

html[data-theme="dark"] .trade-row a {
    color: inherit !important;
}

html[data-theme="dark"] .trade-sep {
    background: rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .pkm-mini {
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 12px 22px rgba(0, 0, 0, .28) !important;
}

html[data-theme="dark"] .pkm-mini.is-empty {
    background: rgba(255, 255, 255, .05) !important;
    color: rgba(234, 240, 248, .66) !important;
}

html[data-theme="dark"] .pkm-mini-img {
    background: rgb(32 41 41 / 8%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .pkm-mini-name {
    color: rgba(255, 255, 255, .92) !important;
}

html[data-theme="dark"] .pkm-pill,
html[data-theme="dark"] .pkm-chip {
    background: rgb(32 41 41 / 8%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
    color: rgba(234, 240, 248, .84) !important;
}

html[data-theme="dark"] .pkm-pill-level {
    background: rgba(127, 200, 169, .16) !important;
}

html[data-theme="dark"] .pkm-pill-item {
    background: rgba(42, 53, 53, .16) !important;
}

html[data-theme="dark"] .trade-page a {
    color: rgba(234, 240, 248, .92) !important;
}

html[data-theme="dark"] .trade-page a:hover {
    color: #fff !important;
}


/* =========================
   LOGIN / REGISTER MODALS
   ========================= */
html[data-theme="dark"] .login-container,
html[data-theme="dark"] .register-container {
    color: rgba(234, 240, 248, .92);
}

html[data-theme="dark"] .login-modal,
html[data-theme="dark"] .register-modal {
    background: rgba(255, 255, 255, .06) !important;
    color: rgba(234, 240, 248, .82) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 18px 40px rgba(0, 0, 0, .55) !important;
    backdrop-filter: blur(8px);
}

html[data-theme="dark"] .login-modal h1,
html[data-theme="dark"] .register-modal h1 {
    color: rgba(255, 255, 255, .94) !important;
}

html[data-theme="dark"] .login-modal label,
html[data-theme="dark"] .register-modal label {
    color: rgba(234, 240, 248, .70) !important;
}

html[data-theme="dark"] .login-modal input.form-control,
html[data-theme="dark"] .register-modal input.form-control {
    background: rgba(255, 255, 255, .10) !important;
    color: rgba(255, 255, 255, .92) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
}

html[data-theme="dark"] .login-modal input.form-control:focus,
html[data-theme="dark"] .register-modal input.form-control:focus {
    background: rgba(255, 255, 255, .12) !important;
    box-shadow: 0 0 0 4px rgba(152, 190, 195, .20) !important;
}

html[data-theme="dark"] .login-modal .btn-primary,
html[data-theme="dark"] .register-modal .btn-primary {
    background: linear-gradient(135deg, rgba(156, 191, 190, 1), rgba(56, 83, 85, 1)) !important;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 12px 22px rgba(0, 0, 0, .45) !important;
}

html[data-theme="dark"] .login-modal .btn-primary:hover,
html[data-theme="dark"] .register-modal .btn-primary:hover {
    filter: brightness(1.05);
}

html[data-theme="dark"] .alert-danger {
    background: rgba(30, 38, 38, .16) !important;
    border-color: rgba(255, 255, 255, .10) !important;
    color: rgb(67 167 191 / 92%) !important;
}

html[data-theme="dark"] .reg-accept-label {
    color: rgba(234, 240, 248, .72) !important;
}

html[data-theme="dark"] .reg-accept-label a {
    color: rgba(255, 255, 255, .92) !important;
    text-decoration: underline;
}

html[data-theme="dark"] .reg-accept-input {
    accent-color: #98bec3;
}


/* =========================
   inscription/quiz
   ========================= */

html[data-theme="dark"] .modal-content {
    background: rgba(255, 255, 255, .06) !important;
    color: rgba(234, 240, 248, .82) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 20px 50px rgba(0, 0, 0, .60) !important;
}

html[data-theme="dark"] .modal-sidebar {
    background: rgba(255, 255, 255, .05) !important;
    color: rgba(234, 240, 248, .78) !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .step {
    color: rgba(234, 240, 248, .74) !important;
}

html[data-theme="dark"] .step:hover {
    background: rgba(255, 255, 255, .06) !important;
}

html[data-theme="dark"] .step.active {
    background: rgba(156, 191, 190, .16) !important;
    color: #fff !important;
}

html[data-theme="dark"] .modal-body {
    background: rgba(255, 255, 255, .04) !important;
    color: rgba(234, 240, 248, .82) !important;
}

html[data-theme="dark"] .step-title {
    color: rgba(255, 255, 255, .94) !important;
}

html[data-theme="dark"] .step-title span {
    color: rgba(234, 240, 248, .66) !important;
}

html[data-theme="dark"] .step-title span:after,
html[data-theme="dark"] .step-title span:before {
    border-bottom-color: rgba(255, 255, 255, .22) !important;
    border-top-color: rgba(255, 255, 255, .22) !important;
}

html[data-theme="dark"] .quiz-question {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .12) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 12px 24px rgba(0, 0, 0, .35) !important;
}

html[data-theme="dark"] .quiz-question legend {
    color: rgba(255, 255, 255, .90) !important;
}

html[data-theme="dark"] .radio-option {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .10) !important;
}

html[data-theme="dark"] .radio-option:hover {
    background: rgb(32 41 41 / 8%) !important;
}

html[data-theme="dark"] .radio-content {
    color: rgba(234, 240, 248, .78) !important;
}

html[data-theme="dark"] .radio-input:checked + .radio-content,
html[data-theme="dark"] .radio-input:checked + .radio-content::after {
    color: rgba(255, 255, 255, .95) !important;
}

html[data-theme="dark"] .starter-avatar {
    background: rgb(32 41 41 / 8%) !important;
}

html[data-theme="dark"] .starter-name {
    color: rgba(255, 255, 255, .92) !important;
}

html[data-theme="dark"] .starter-tooltip {
    background: rgba(0, 0, 0, .78) !important;
    color: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .55);
}

html[data-theme="dark"] .quiz-submit-btn {
    background: linear-gradient(135deg, rgba(34, 43, 43, 1), rgba(29, 37, 37, 1)) !important;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .quiz-submit-btn:hover {
    filter: brightness(1.05);
}

html[data-theme="dark"] .modal-content a,
html[data-theme="dark"] .login-modal a,
html[data-theme="dark"] .register-modal a {
    color: rgba(234, 240, 248, .92) !important;
    text-decoration: underline;
}

html[data-theme="dark"] .modal-content a:hover,
html[data-theme="dark"] .login-modal a:hover,
html[data-theme="dark"] .register-modal a:hover {
    color: #fff !important;
}

/* =======================================================================
   FIXES
   ======================================================================= */

:root[data-theme="dark"] {
    --on-accent: rgba(255, 255, 255, .95);
    --on-accent-muted: rgba(255, 255, 255, .85);
    --on-soft: rgba(255, 255, 255, .92);
    --soft-surface: rgb(30 38 38 / 62%);
    --soft-surface-2: rgb(30 38 38 / 72%);
    --soft-border: rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .ap-hero-head a,
:root[data-theme="dark"] .arena-card-header a,
:root[data-theme="dark"] .combat-header a,
:root[data-theme="dark"] .msg-card-head a,
:root[data-theme="dark"] .msgnew-card-head a,
:root[data-theme="dark"] .msgview-thread-head a,
:root[data-theme="dark"] .msgview-reply-head a,
:root[data-theme="dark"] .ua-hero-head a,
:root[data-theme="dark"] .drf-card-head a,
:root[data-theme="dark"] .safari-card-head a,
:root[data-theme="dark"] .trade-card-head a,
:root[data-theme="dark"] .chatfab-pill a {
    color: inherit !important;
    text-decoration-color: rgba(255, 255, 255, .55);
}

:root[data-theme="dark"] .trade-pill {
    color: var(--on-accent) !important;
}

:root[data-theme="dark"] .ap-pill,
:root[data-theme="dark"] .arena-pill,
:root[data-theme="dark"] .combat-pill,
:root[data-theme="dark"] .ua-pill,
:root[data-theme="dark"] .drf-pill,
:root[data-theme="dark"] .msg-pill,
:root[data-theme="dark"] .msgnew-pill,
:root[data-theme="dark"] .msgview-pill {
    color: var(--on-accent) !important;
}

:root[data-theme="dark"] .ap-btn,
:root[data-theme="dark"] .arena-btn,
:root[data-theme="dark"] .msg-btn--primary,
:root[data-theme="dark"] .msgnew-btn--primary,
:root[data-theme="dark"] .msgview-btn--primary,
:root[data-theme="dark"] .trade-btn-primary,
:root[data-theme="dark"] .trade-btn-danger,
:root[data-theme="dark"] .trade-btn-success,
:root[data-theme="dark"] .battle-btn {
    color: var(--on-accent) !important;
}

:root[data-theme="dark"] .ap-btn--soft,
:root[data-theme="dark"] .arena-btn--soft,
:root[data-theme="dark"] .msg-mini-btn--soft,
:root[data-theme="dark"] .msgnew-btn--soft,
:root[data-theme="dark"] .msgview-btn--soft,
:root[data-theme="dark"] .trade-btn-ghost,
:root[data-theme="dark"] .safari-btn,
:root[data-theme="dark"] #chat-form button {
    color: var(--text) !important;
}

:root[data-theme="dark"] .msgview-help-item,
:root[data-theme="dark"] .msgnew-help-item,
:root[data-theme="dark"] .safari-note,
:root[data-theme="dark"] .drf-row,
:root[data-theme="dark"] .drf-empty,
:root[data-theme="dark"] .ua-preview,
:root[data-theme="dark"] .trade-panel,
:root[data-theme="dark"] .trade-form,
:root[data-theme="dark"] .trade-empty,
:root[data-theme="dark"] .msg-search,
:root[data-theme="dark"] .msg-filter,
:root[data-theme="dark"] .msg-thread,
:root[data-theme="dark"] .msg-empty {
    background: var(--soft-surface) !important;
    color: var(--text) !important;
    box-shadow: inset 0 0 0 1px var(--soft-border) !important;
}

:root[data-theme="dark"] .msgview-help-item code {
    background: rgba(121, 204, 201, .18) !important;
    border-color: rgba(255, 255, 255, .10) !important;
    color: var(--text) !important;
}

:root[data-theme="dark"] .msgview-content a,
:root[data-theme="dark"] .ap-hero-body a,
:root[data-theme="dark"] .drf-card-body a,
:root[data-theme="dark"] .ua-row-title a,
:root[data-theme="dark"] .trade-row a {
    color: var(--link);
}

:root[data-theme="dark"] .select2-dropdown,
:root[data-theme="dark"] .select2-results,
:root[data-theme="dark"] .select2-results > .select2-results__options {
    background: var(--soft-surface-2) !important;
}

:root[data-theme="dark"] .select2-results__option {
    color: var(--text) !important;
}

:root[data-theme="dark"] .login-modal .btn-primary,
:root[data-theme="dark"] .register-modal .btn-primary {
    color: var(--on-accent) !important;
}

:root[data-theme="dark"] .dex-card {
    background: rgb(13 17 17);
}

:root[data-theme="dark"] .dex-sprite {
    background: rgb(16 27 28);
}

:root[data-theme="dark"] .dex-card.is-caught .dex-state {
    background: rgb(172 130 57);
    color: rgb(255 255 255 / 90%);
}

:root[data-theme="dark"] .dex-btn {
    background: rgb(42 34 34 / 65%);
}

:root[data-theme="dark"] .dex-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.02);
}

:root[data-theme="dark"] .dex-btn.primary {
    background: linear-gradient(135deg, var(--accentA), var(--accentB));
    color: #fff;
    box-shadow: 0 10px 18px rgba(223, 80, 38, .18);
}

:root[data-theme="dark"] .dex-btn.active:not(.primary) {
    background: rgb(42 34 34 / 65%);
}

:root[data-theme="dark"] .dex-btn.active.primary {
    filter: brightness(1.02);
}

:root[data-theme="dark"] .pokedex-search label,
:root[data-theme="dark"] .fact .k,
:root[data-theme="dark"] .fact .v,
:root[data-theme="dark"] .dexshow-card-body p,
:root[data-theme="dark"] .dexshow-subtitle {
    color: #f2f2f2;
}

:root[data-theme="dark"] .dexshow-rail-item,
:root[data-theme="dark"] .dexshow-back,
:root[data-theme="dark"] .fact,
:root[data-theme="dark"] .owner,
:root[data-theme="dark"] .evo-link,
:root[data-theme="dark"] .dexshow-rail-row .spr {
    background: rgb(26 30 29 / 65%);
}

:root[data-theme="dark"] .pill, :root[data-theme="dark"] .lieu, :root[data-theme="dark"] .empty {
    background: rgb(39 46 45);
    color: rgb(231 218 148 / 88%);
}

:root[data-theme="dark"] .dexshow-rail-row .nm,
:root[data-theme="dark"] .bb-hide-locked,
:root[data-theme="dark"] .drf-label,
:root[data-theme="dark"] .drf-hint {
    color: #f2f2f2;
}

:root[data-theme="dark"] .avatar-text {
    background: transparent;
    color: rgb(231 218 148 / 88%);
}

:root[data-theme="dark"] #panel-user .account-pill.ok,
:root[data-theme="dark"] #panel-user .account-hint i,
:root[data-theme="dark"] #panel-user .account-hint {
    color: rgba(185, 255, 205, .92);
}


/* =========================
   NOTIFICATIONS
   ========================= */

:root[data-theme="dark"] .notif-panel {
    background: rgba(30, 38, 38, .88);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06),
    0 18px 48px rgba(0, 0, 0, .45);
    backdrop-filter: blur(10px);
}

:root[data-theme="dark"] .notif-head {
    background: rgba(255, 255, 255, .04);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .notif-title {
    color: rgba(245, 244, 235, .92);
}

:root[data-theme="dark"] .notif-actions {
}

:root[data-theme="dark"] .notif-link {
    color: rgba(245, 244, 235, .80);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .notif-link:hover {
    background: rgba(255, 255, 255, .05);
    filter: none;
}

:root[data-theme="dark"] .notif-empty {
    background: rgba(255, 255, 255, .04);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
    color: rgba(245, 244, 235, .72);
}

:root[data-theme="dark"] .notif-item {
    background: rgba(255, 255, 255, .04);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
}

:root[data-theme="dark"] .notif-item:hover {
    filter: none;
    background: rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .notif-item.is-unread {
    box-shadow: inset 0 0 0 2px rgba(223, 80, 38, .28),
    0 10px 18px rgba(0, 0, 0, .25);
}

:root[data-theme="dark"] .notif-msg {
    color: rgba(245, 244, 235, .92);
}

:root[data-theme="dark"] .notif-meta {
    color: rgba(245, 244, 235, .55);
}

:root[data-theme="dark"] .notif-ico {
    background: rgba(255, 255, 255, .06);
    color: rgba(245, 244, 235, .88);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .notif-ico:hover {
    background: rgba(255, 255, 255, .09);
    filter: none;
}

:root[data-theme="dark"] .notif-foot {
    background: rgba(255, 255, 255, .04);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .notif-list::-webkit-scrollbar {
    width: 8px;
}

:root[data-theme="dark"] .notif-list::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .14);
    border-radius: 8px;
}

:root[data-theme="dark"] a.sceditor-button-giphy div::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(241,241,227,0.92)' d='M7.5 8.5h4v7h-2v-1h-2a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2Zm0 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2v-2h-2Zm6-2h2v7h-2v-7Zm4 0h5v2h-3v1h3v2h-3v2h-2v-7Z'/%3E%3C/svg%3E");
}

:root[data-theme="dark"] .giphy-modal .giphy-backdrop {
    background: rgba(0, 0, 0, .62);
}

:root[data-theme="dark"] .giphy-modal .giphy-box {
    background: rgba(30, 28, 28, .96);
    color: #f1f1e3;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .giphy-modal .giphy-head {
    background: rgba(20, 18, 18, .82);
    border-bottom-color: rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .giphy-modal .giphy-close {
    border-color: rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .06);
    color: #f1f1e3;
}

:root[data-theme="dark"] .giphy-input {
    border-color: rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .giphy-go {
    border-color: rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .08);
    color: #f1f1e3;
}

:root[data-theme="dark"] .giphy-badge {
    opacity: .8;
}

:root[data-theme="dark"] .giphy-powered {
    opacity: .72;
}

/* =========================
   ALLIANCE JOIN - DARK
   ========================= */

:root[data-theme="dark"] .alliance-join-page::before {
    opacity: .16;
    background-image: radial-gradient(rgba(255, 255, 255, .22) 1px, transparent 1.6px);
}

:root[data-theme="dark"] .alliance-join-page .ajp-hero,
.alliance-join-page .ajp-card {
    background: rgba(30, 38, 38, .78);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06),
    0 12px 26px rgba(0, 0, 0, .40);
}

:root[data-theme="dark"] .alliance-join-page .ajp-hero-head::after {
    background: rgba(30, 38, 38, .92);
}

:root[data-theme="dark"] .alliance-join-page .ajp-hero-body {
    background: rgba(30, 38, 38, .92);
    color: rgba(245, 244, 235, .78);
}

:root[data-theme="dark"] .alliance-join-page .ajp-note {
    background: rgba(255, 213, 138, .10);
    border: 1px solid rgba(255, 255, 255, .08);
    color: rgba(245, 244, 235, .88);
}

:root[data-theme="dark"] .alliance-join-page .ajp-card-head::before {
    opacity: .16;
    background-image: radial-gradient(rgba(255, 255, 255, .40) 1px, transparent 1.6px);
}

:root[data-theme="dark"] .alliance-join-page .ajp-card-body {
    background: rgba(30, 38, 38, .92);
}

:root[data-theme="dark"] .alliance-join-page .ajp-field {
    background: rgba(255, 255, 255, .04);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
}

:root[data-theme="dark"] .alliance-join-page .ajp-field label {
    color: rgba(245, 244, 235, .85);
}

:root[data-theme="dark"] .alliance-join-page .ajp-field textarea,
:root[data-theme="dark"] .alliance-join-page .ajp-field input {
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(245, 244, 235, .90);
}

:root[data-theme="dark"] .alliance-join-page .ajp-field textarea::placeholder,
:root[data-theme="dark"] .alliance-join-page .ajp-field input::placeholder {
    color: rgba(245, 244, 235, .55);
}

:root[data-theme="dark"] .alliance-join-page .ajp-field textarea:focus,
:root[data-theme="dark"] .alliance-join-page .ajp-field input:focus {
    box-shadow: 0 0 0 3px rgba(248, 128, 93, .18);
    border-color: rgba(223, 80, 38, .35);
}

:root[data-theme="dark"] .alliance-join-page .ajp-help {
    color: rgba(245, 244, 235, .65);
}

:root[data-theme="dark"] .alliance-join-page .ajp-btn--soft {
    background: rgba(255, 255, 255, .06);
    color: rgba(245, 244, 235, .88);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10),
    0 10px 18px rgba(0, 0, 0, .22);
}

:root[data-theme="dark"] .alliance-join-page .ajp-btn--soft:hover {
    filter: none;
    background: rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .alliance-join-page .ajp-pill--soft {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .12);
    color: rgba(245, 244, 235, .92);
}

:root[data-theme="dark"] .alliance-join-page .ajp-pill--soft:hover {
    filter: none;
    background: rgba(255, 255, 255, .10);
}

/* =========================
   PARTNER
   ========================= */

:root[data-theme="dark"] .partner-hero,
:root[data-theme="dark"] .partners-hero,
:root[data-theme="dark"] .partner-card,
:root[data-theme="dark"] .partners-empty {
    background: rgba(30, 38, 38, .78);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06),
    0 14px 30px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .partner-badge {
    background: rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] .partner-title h1,
:root[data-theme="dark"] .partners-title {
    color: rgba(245, 244, 235, .92);
}

:root[data-theme="dark"] .partner-kicker,
:root[data-theme="dark"] .partner-desc,
:root[data-theme="dark"] .partner-desc.muted,
:root[data-theme="dark"] .partners-subtitle,
:root[data-theme="dark"] .partners-empty {
    color: rgba(245, 244, 235, .70);
}

:root[data-theme="dark"] .partner-pill,
:root[data-theme="dark"] .partners-hero-pill,
:root[data-theme="dark"] .partners-chip {
    background: rgba(255, 255, 255, .06);
    color: rgba(245, 244, 235, .85);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .partner-btn.ghost,
:root[data-theme="dark"] .partner-action,
:root[data-theme="dark"] .partner-btn {
    background: rgba(255, 255, 255, .06);
    color: rgba(245, 244, 235, .90);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10);
}

:root[data-theme="dark"] .partner-btn:hover,
:root[data-theme="dark"] .partner-action:hover {
    background: rgba(255, 255, 255, .08);
    filter: none;
}

:root[data-theme="dark"] .partner-card-body {
    background: rgba(30, 38, 38, .92);
}

:root[data-theme="dark"] .partner-fiche,
:root[data-theme="dark"] .partner-empty {
    background: rgba(255, 255, 255, .04);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: rgba(245, 244, 235, .75);
}

:root[data-theme="dark"] .partner-card-head {
    filter: brightness(.85);
}

:root[data-theme="dark"] .partner-card-title {
    color: #FFF;
}

:root[data-theme="dark"] .partner-card.is-fav {
    background: linear-gradient(
        180deg,
        rgba(248, 128, 93, .18) 0%,
        rgba(30, 38, 38, .82) 70%
    );
    box-shadow: inset 0 0 0 2px rgba(248, 128, 93, .35),
    0 14px 30px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .partners-grid .partner-card {
    background: rgba(30, 38, 38, .82);
}

:root[data-theme="dark"] .partner-btn {
    background: rgba(255, 255, 255, .05);
}

:root[data-theme="dark"] .partner-btn-fallback {
    color: rgba(245, 244, 235, .70);
}

:root[data-theme="dark"] .partner-pill {
    background: rgba(255, 255, 255, .06);
    color: #FFF;
}

:root[data-theme="dark"] .partner-pill.fiche {
    background: rgba(185, 215, 223, .18);
    color: rgba(220, 240, 250, .85);
}

:root[data-theme="dark"] .partners-section-title {
    color: rgba(245, 244, 235, .88);
}

:root[data-theme="dark"] .partners-empty i {
    color: rgba(185, 215, 223, .70);
}

:root[data-theme="dark"] .partners-count,
:root[data-theme="dark"] .footer-rail-count,
:root[data-theme="dark"] .partner-name,
:root[data-theme="dark"] .pset-prog-pill {
    color: #33db9d;
}

:root[data-theme="dark"] .partner-card-head,
:root[data-theme="dark"] .comm2-card-head {
    background-image: url(../../images/content/bg-orange-dark.png);
    color: #fff;
}

:root[data-theme="dark"] .newsTop,
:root[data-theme="dark"] .newsItem,
:root[data-theme="dark"] .newsShowHero,
:root[data-theme="dark"] .newsShowBody {
    background: rgba(30, 38, 38, .82);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06),
    0 14px 30px rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .newsTopTitle h1,
:root[data-theme="dark"] .newsItemTitle,
:root[data-theme="dark"] .newsShowTitle {
    color: rgba(245, 244, 235, .92);
}

:root[data-theme="dark"] .newsTopTitle p,
:root[data-theme="dark"] .newsItemDesc,
:root[data-theme="dark"] .newsShowChapo,
:root[data-theme="dark"] .newsShowBody {
    color: rgba(245, 244, 235, .80);
}

:root[data-theme="dark"] .newsItemMeta,
:root[data-theme="dark"] .newsShowMeta {
    color: rgba(245, 244, 235, .65);
}

:root[data-theme="dark"] .newsItemCta {
    color: #f8805d;
}

:root[data-theme="dark"] .newsItemMedia,
:root[data-theme="dark"] .newsShowMedia {
    background: rgba(255, 255, 255, .05);
}

:root[data-theme="dark"] .newsItemFallback,
:root[data-theme="dark"] .newsShowFallback {
    color: rgba(255, 255, 255, .35);
}

:root[data-theme="dark"] .newsShowHead {
    background: rgba(30, 38, 38, .92);
}

:root[data-theme="dark"] .newsEmpty {
    color: rgba(245, 244, 235, .65);
}

:root[data-theme="dark"] .rp-container {
    color: rgba(245, 244, 235, .88);
}

:root[data-theme="dark"] .rp-modal {
    background: rgba(30, 38, 38, .88);
    color: rgba(245, 244, 235, .80);

    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06),
    0 18px 48px rgba(0, 0, 0, .55);
}

:root[data-theme="dark"] .rp-modal:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08),
    0 24px 60px rgba(0, 0, 0, .65);
}

:root[data-theme="dark"] .rp-modal h1 {
    color: rgba(245, 244, 235, .92);
}

:root[data-theme="dark"] .rp-subtitle {
    color: rgba(245, 244, 235, .72);
}

:root[data-theme="dark"] .form-group label,
:root[data-theme="dark"] label {
    color: rgba(245, 244, 235, .80);
}

:root[data-theme="dark"] .sujetform-rptype label,
:root[data-theme="dark"] .sujetform-type label {
    background: rgb(60 76 76);
}

:root[data-theme="dark"] .form-control {
    background: rgba(255, 255, 255, .06);
    color: #FFFFFF;

    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
}

:root[data-theme="dark"] .form-control:focus {
    background: rgb(225 195 175 / 43%);
    border-color: rgba(248, 128, 93, .45);
    box-shadow: 0 0 0 3px rgba(248, 128, 93, .18),
    inset 0 0 0 1px rgba(0, 0, 0, .25);
    outline: none;
}

:root[data-theme="dark"] .btn-primary {
    background: linear-gradient(135deg, #f8805d, #df5026);
    color: #fff;
    box-shadow: 0 12px 22px rgba(223, 80, 38, .18);
}

:root[data-theme="dark"] .btn-primary:hover {
    filter: brightness(1.05);
}

:root[data-theme="dark"] .btn-ghost {
    background: rgba(255, 255, 255, .06);
    color: rgba(245, 244, 235, .88);
    border: 1px solid rgba(255, 255, 255, .14);
}

:root[data-theme="dark"] .btn-ghost:hover {
    background: rgba(255, 255, 255, .10);
    border-color: rgba(255, 255, 255, .22);
}

:root[data-theme="dark"] .alert {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

:root[data-theme="dark"] .alert-danger {
    background: rgba(223, 80, 38, .14);
    color: rgba(245, 244, 235, .92);
    border: 1px solid rgba(223, 80, 38, .30);
}

:root[data-theme="dark"] .rp-links {
    color: rgba(245, 244, 235, .70);
}

:root[data-theme="dark"] .rp-links a,
:root[data-theme="dark"] .comm2-member-sub {
    color: rgba(245, 244, 235, .82);
}

:root[data-theme="dark"] .rp-links a:hover {
    color: rgba(245, 244, 235, .92);
    text-decoration: underline;
}

:root[data-theme="dark"] .rp-info {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(245, 244, 235, .78);
}

:root[data-theme="dark"] .rp-muted {
    opacity: .86;
}

:root[data-theme="dark"] .comm2-info,
:root[data-theme="dark"] .comm2-rel,
:root[data-theme="dark"] .comm2-search,
:root[data-theme="dark"] .comm2-empty,
:root[data-theme="dark"] .comm2-member {
    background: rgb(21 28 28);
}

:root[data-theme="dark"] .comm2-link {
    background: rgb(24 38 39);
}

:root[data-theme="dark"] .comm2-pill {
    background: color-mix(in srgb, var(--comm-color) 18%, #1e2626);
}

:root[data-theme="dark"] .comm2-tag {
    background: rgb(77 71 28 / 65%);
}

:root[data-theme="dark"] .comm2-sub {
    color: rgb(167 186 193 / 85%);
}

:root[data-theme="dark"] .comm2-side-title {
    background: #df5026;
}

:root[data-theme="dark"] .message-pokemon-box.is-shiny {
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: inset 0 0 0 1px rgb(247 213 140 / 60%), 0 0 12px rgb(255 215 130 / 15%);
}

/* =========================
   WIDGETS PA
   ========================= */

:root[data-theme="dark"] .hw-card {
    background: rgb(45 56 57);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06),
    0 10px 22px rgba(0, 0, 0, .10);
    backdrop-filter: blur(6px);
}


:root[data-theme="dark"] .hw-vlabel {
    background: linear-gradient(180deg, #fc7b60, #f46a4f);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18),
    0 10px 18px rgba(223, 80, 38, .18);
}


:root[data-theme="dark"] .hw-btn {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
}

:root[data-theme="dark"] .hw-btn--orange {
    background: linear-gradient(135deg, #85512e, #d8916b);
    color: #fff;
}

:root[data-theme="dark"] .hw-btn--blue {
    background: linear-gradient(135deg, #1e4a50, #30445d);
    color: #fff;
}

:root[data-theme="dark"] .hw-pill {
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15);
}

:root[data-theme="dark"] .hw-pill--orange {
    background: linear-gradient(135deg, #85512e, #d8916b);
}

:root[data-theme="dark"] .hw-pill--blue {
    background: linear-gradient(135deg, #1e4a50, #30445d);
}

:root[data-theme="dark"] .hw-lastplayer {
    background: rgb(208 149 102);
    background-image: url(../../images/header/bg_header_dark.png);
}

:root[data-theme="dark"] .hw-lastplayer-name {
    background-image: url(../../images/content/bg-orange-dark.png);
    background-position: center;
    background-size: cover;
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16),
    0 10px 18px rgba(223, 80, 38, .18);
}


:root[data-theme="dark"] .hw-lastplayer-illu {
    background: rgb(35 44 44);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
}

:root[data-theme="dark"] .hw-lastplayer-avatar {
    background: rgba(0, 0, 0, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14),
    0 10px 20px rgba(0, 0, 0, .12);
}


:root[data-theme="dark"] .hw-lastplayer-avatar::after {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, .60) 0%,
        rgba(0, 0, 0, .30) 45%,
        transparent 100%
    );
}

:root[data-theme="dark"] .hw-lastplayer-avatar-name {
    color: #fff;
    background: rgba(0, 0, 0, .45);
}

:root[data-theme="dark"] .hw-last3-title,
:root[data-theme="dark"] .pokedex-section-head,
:root[data-theme="dark"] .pokedex-player .pokedex-section:nth-of-type(3) .pokedex-section-head{
    background-image: url(../../images/content/bg-orange-dark.png);
    color: #fff;
}

:root[data-theme="dark"] .hw-last3-row {
    background: rgb(28 35 35);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
}

:root[data-theme="dark"] .hw-last3-meta {
    color: rgb(193 185 156 / 88%);
}

:root[data-theme="dark"] .hw-last3-date {
    color: rgb(123 133 145 / 62%);
}

:root[data-theme="dark"] .hw-last3-pkm {
    background: rgb(44 56 57);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
}


:root[data-theme="dark"] .hw-topcard {
    background: rgb(45 56 57);
}

:root[data-theme="dark"] .hw-topcard-ball {
    background: radial-gradient(circle at 30% 30%, #fff 0 35%, #ddd 36% 100%);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .12);
}

:root[data-theme="dark"] .hw-topcard-sprite {
    background: rgb(28 35 35);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06),
    0 10px 18px rgba(0, 0, 0, .14);
}


:root[data-theme="dark"] .hw-topcard-bar {
    background: rgba(0, 0, 0, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
}


:root[data-theme="dark"] .hw-topcard-bar::after {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, .58) 0%,
        rgba(0, 0, 0, .28) 42%,
        rgba(0, 0, 0, .08) 75%,
        transparent 100%
    );
}

:root[data-theme="dark"] .hw-topcard-name {
    color: #fff;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .35);
    background: rgba(0, 0, 0, .38);
}

:root[data-theme="dark"] .hw-topcard-badge {
    background-image: url(../../images/content/bg-orange-dark.png);
    color: #fff;

    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16),
    0 10px 18px rgba(223, 80, 38, .18);
}


:root[data-theme="dark"] .hw-catch {
    background: rgb(45 56 57);
}

:root[data-theme="dark"] .hw-catch-pokeball {
    background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, .06) 0 38%, #382e1bad 39% 100%),
    radial-gradient(circle at 30% 30%, rgb(116 93 93 / 52%) 0 40%, rgb(204 156 95) 41% 100%),
    rgba(255, 255, 255, .32);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
}

:root[data-theme="dark"] .hw-catch-name,
:root[data-theme="dark"] .pokedex-player .dex-num,
:root[data-theme="dark"] .pokedex-player .dex-name{
    color: #7ba8a9;
}

:root[data-theme="dark"] .hw-catch-sep {
    color: rgb(147 164 185 / 85%);
}

:root[data-theme="dark"] .hw-catch-lvl {
    color: rgb(147 164 185 / 85%);
}

:root[data-theme="dark"] .hw-catch-desc {
    color: rgb(223 224 225 / 70%);
}


:root[data-theme="dark"] .hw-catch-foot {
    color: rgb(145 138 106 / 65%);
}

:root[data-theme="dark"] .daycare-slot-card,
:root[data-theme="dark"] .daycare-slot-empty,
:root[data-theme="dark"] .daycare-live,
:root[data-theme="dark"] .daycare-poke-card,
:root[data-theme="dark"] .daycare-eggcard{
    background: rgb(45 56 57);
    color:#f2f2f2;
}

:root[data-theme="dark"] .daycare-egg-sub{
    color:#f2f2f2;
}

:root[data-theme="dark"] .daycare-slot-badge,
:root[data-theme="dark"] .daycare-slot-state{
    color: #7ba8a9;
}

:root[data-theme="dark"] .daycare-xp-line {
    color: rgb(183 183 183 / 92%);
    border-top: 1px dashed rgb(255 255 255 / 10%);
}

:root[data-theme="dark"] .daycare-slot-name,
:root[data-theme="dark"] .daycare-empty-title,
:root[data-theme="dark"] .daycare-poke-name,
:root[data-theme="dark"] .daycare-egg-title{
    color: #ce9863;
}

:root[data-theme="dark"] .daycare-chip--soft {
    color: #efccee;
}

:root[data-theme="dark"] .daycare-small,
:root[data-theme="dark"] .daycare-live-hint{
    color: #7e7e7e;
}

:root[data-theme="dark"] .daycare-chip,
:root[data-theme="dark"] .daycare-poke-lvl{
    background: rgb(223 80 38);
    color:#f2f2f2;
}
:root[data-theme="dark"] .daycare-live-pill {
    background: rgb(191 106 82);
    color:#e3dad4;
}

:root[data-theme="dark"] .daycare-live-pill--soft{
    background: rgb(80 127 126);
    color: #d4deeb;
}

:root[data-theme="dark"] .daycare-slot-avatar,
:root[data-theme="dark"] .daycare-poke-avatar{
    background: #181e1e;
}

:root[data-theme="dark"] .daycare-search{
    background: rgb(52 56 56);
}


/* =========================================
   JOURNAL
   ========================================= */

html[data-theme="dark"],
html[data-bs-theme="dark"]{
    --j-ink: rgba(234,240,248,.92);

    --j-paper: #0f141c;
    --j-paper2: #121a23;

    --j-card: #0f141c;
    --j-surface: #0f151e;
    --j-surface2:#121a23;

    --j-border: rgba(255,255,255,.10);
    --j-border2: rgba(255,255,255,.14);

    --j-sky1: #4c9fb0;
    --j-sky2: #2e5f78;

    --j-coral: #df5026;
    --j-coral2:#ff8a66;

    --j-wait1:#ffd58a;
    --j-wait2:#d9b36a;

    --j-done1:#6b604b;
    --j-done2:#463d2d;

    --j-plan1:#8c7a5b;
    --j-plan2:#5f4b2f;

    --j-shadow: inset 0 0 0 1px var(--j-border), 0 16px 34px rgba(0,0,0,.55);
    --j-shadowStrong: inset 0 0 0 1px var(--j-border2), 0 20px 44px rgba(0,0,0,.62);
}

html[data-theme="dark"] .journal-page,
html[data-bs-theme="dark"] .journal-page{
    color: var(--j-ink);
}

html[data-theme="dark"] .journal-page::before,
html[data-bs-theme="dark"] .journal-page::before{
    background-image: radial-gradient(rgba(255,255,255,.18) 1px, transparent 1.6px);
    opacity: .14;
}

html[data-theme="dark"] .journal-topbar,
html[data-bs-theme="dark"] .journal-topbar{
    box-shadow: var(--j-shadowStrong);
    background: linear-gradient(135deg, rgba(255,138,102,.92), rgba(223,80,38,.92));
}

html[data-theme="dark"] .journal-topbar::before,
html[data-bs-theme="dark"] .journal-topbar::before{
    background-image: radial-gradient(rgba(255,255,255,.20) 1px, transparent 1.6px);
    opacity: .14;
}

html[data-theme="dark"] .journal-subtitle,
html[data-bs-theme="dark"] .journal-subtitle{
    color: rgba(255,255,255,.82);
}

html[data-theme="dark"] .journal-btn--primary,
html[data-bs-theme="dark"] .journal-btn--primary{
    background: linear-gradient(135deg, #ff8a66, #df5026);
    box-shadow: 0 14px 26px rgba(0,0,0,.35);
}

html[data-theme="dark"] .journal-btn--ghost,
html[data-bs-theme="dark"] .journal-btn--ghost{
    background: #141c26;
    color: rgba(234,240,248,.90);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

html[data-theme="dark"] .journal-filters,
html[data-bs-theme="dark"] .journal-filters{
    background: #0f141c;
    box-shadow: var(--j-shadow);
}

html[data-theme="dark"] .journal-filter-row,
html[data-bs-theme="dark"] .journal-filter-row{
    background: linear-gradient(135deg, rgba(58,120,130,.55), rgba(30,42,56,.55));
    border-bottom: 1px solid var(--j-border);
    position: relative;
}

html[data-theme="dark"] .journal-filter-row::before,
html[data-bs-theme="dark"] .journal-filter-row::before{
    background-image: radial-gradient(rgba(255,255,255,.18) 1px, transparent 1.6px);
    opacity: .12;
}

html[data-theme="dark"] .journal-search,
html[data-bs-theme="dark"] .journal-search{
    background: #121a23;
    border: 1px solid var(--j-border2);
}

html[data-theme="dark"] .journal-search i,
html[data-bs-theme="dark"] .journal-search i{
    color: rgba(234,240,248,.65);
}

html[data-theme="dark"] .journal-search-input,
html[data-bs-theme="dark"] .journal-search-input{
    color: rgba(234,240,248,.90);
}

html[data-theme="dark"] .journal-search-input::placeholder,
html[data-bs-theme="dark"] .journal-search-input::placeholder{
    color: rgba(234,240,248,.55);
}

html[data-theme="dark"] .journal-search:focus-within,
html[data-bs-theme="dark"] .journal-search:focus-within{
    border-color: rgba(255,138,102,.35);
    box-shadow: inset 0 0 0 1px rgba(255,138,102,.18), 0 14px 26px rgba(0,0,0,.40);
}

html[data-theme="dark"] .journal-select-input,
html[data-bs-theme="dark"] .journal-select-input,
html[data-bs-theme="dark"] #inviteUserSearch.sujetform-input{
    background: #1e2626;
    color: rgba(234,240,248,.90);
    border: 1px solid var(--j-border2);
}

html[data-theme="dark"] .journal-select i,
html[data-bs-theme="dark"] .journal-select i{
    color: rgba(234,240,248,.65);
}

html[data-theme="dark"] .journal-select-input:focus,
html[data-bs-theme="dark"] .journal-select-input:focus{
    border-color: rgba(255,138,102,.35);
    box-shadow: inset 0 0 0 1px rgba(255,138,102,.18), 0 14px 26px rgba(0,0,0,.40);
}

html[data-theme="dark"] .journal-select-input option,
html[data-bs-theme="dark"] .journal-select-input option{
    color: #2b2b2b;
}

html[data-theme="dark"] .journal-statusbar,
html[data-bs-theme="dark"] .journal-statusbar{
    background: #0f141c;
    border-top: 1px solid rgba(255,255,255,.08);
}

html[data-theme="dark"] .journal-chip,
html[data-bs-theme="dark"] .journal-chip,
html[data-bs-theme="dark"] .sujetform-chip{
    background: #121a23;
    color: rgba(234,240,248,.82);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

html[data-theme="dark"] .journal-chip.is-active,
html[data-bs-theme="dark"] .journal-chip.is-active{
    background: rgba(76,159,176,.22);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
    color: rgba(234,240,248,.92);
}

html[data-theme="dark"] .jg-group,
html[data-bs-theme="dark"] .jg-group{
    background: #0f151e;
    box-shadow: var(--j-shadow);
}

html[data-theme="dark"] .jg-head,
html[data-bs-theme="dark"] .jg-head{
    background: linear-gradient(135deg, rgba(76,159,176,.42), rgba(30,42,56,.40));
    border-bottom: 1px solid var(--j-border2);
}

html[data-theme="dark"] .jg-avatar,
html[data-bs-theme="dark"] .jg-avatar{
    background: #121a23;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
}

html[data-theme="dark"] .jg-name,
html[data-bs-theme="dark"] .jg-name{
    color: rgba(234,240,248,.92);
}

html[data-theme="dark"] .jg-sub,
html[data-bs-theme="dark"] .jg-sub{
    color: rgba(234,240,248,.68);
}

html[data-theme="dark"] .jg-item,
html[data-bs-theme="dark"] .jg-item{
    background: #121a23;
    border-top: 1px solid rgba(255,255,255,.08);
}

html[data-theme="dark"] .jg-item--your_turn,
html[data-bs-theme="dark"] .jg-item--your_turn{
    background: #141c26;
}

html[data-theme="dark"] .jg-item--waiting,
html[data-bs-theme="dark"] .jg-item--waiting{
    background: #141a1f;
}

html[data-theme="dark"] .jg-item--finished,
html[data-bs-theme="dark"] .jg-item--finished{
    background: #0f151e;
}

html[data-theme="dark"] .jg-item--planned,
html[data-bs-theme="dark"] .jg-item--planned{
    background: #111821;
}

html[data-theme="dark"] .jg-title-link,
html[data-bs-theme="dark"] .jg-title-link,
html[data-theme="dark"] .jg-title-text,
html[data-bs-theme="dark"] .jg-title-text{
    color: rgba(234,240,248,.92);
}

html[data-theme="dark"] .jg-title-link:hover,
html[data-bs-theme="dark"] .jg-title-link:hover{
    text-decoration: underline;
}

html[data-theme="dark"] .jg-badge,
html[data-bs-theme="dark"] .jg-badge{
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}

html[data-theme="dark"] .jg-badge--launch,
html[data-bs-theme="dark"] .jg-badge--launch{
    background: rgba(255,255,255,.10);
}

html[data-theme="dark"] .jg-meta-line,
html[data-bs-theme="dark"] .jg-meta-line{
    color: rgba(234,240,248,.78);
}

html[data-theme="dark"] .jg-meta-line i,
html[data-bs-theme="dark"] .jg-meta-line i{
    color: rgba(234,240,248,.52);
}

html[data-theme="dark"] .jg-dash,
html[data-bs-theme="dark"] .jg-dash{
    color: rgba(234,240,248,.48);
}

html[data-theme="dark"] .jg-player,
html[data-bs-theme="dark"] .jg-player{
    background: #0f141c;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
    color: rgba(234,240,248,.90);
}

html[data-theme="dark"] .jg-player-ava,
html[data-bs-theme="dark"] .jg-player-ava{
    background: #121a23;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
}

html[data-theme="dark"] .jg-player-name,
html[data-bs-theme="dark"] .jg-player-name{
    color: rgba(234,240,248,.90);
}

html[data-theme="dark"] .jg-side-status--launch,
html[data-bs-theme="dark"] .jg-side-status--launch{
    background: rgba(255,255,255,.10);
    color: rgba(234,240,248,.88);
}

html[data-theme="dark"] .jg-btn--open,
html[data-bs-theme="dark"] .jg-btn--open{
    background: linear-gradient(135deg, rgba(255,138,102,.92), rgba(223,80,38,.92));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}

html[data-theme="dark"] .jg-note,
html[data-bs-theme="dark"] .jg-note{
    background: #0f141c;
    color: rgba(234,240,248,.70);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}

html[data-theme="dark"] .jg-empty,
html[data-bs-theme="dark"] .jg-empty{
    background: #0f141c;
    color: rgba(234,240,248,.72);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}

html[data-theme="dark"] .journal-formcard,
html[data-bs-theme="dark"] .journal-formcard{
    background: #0f151e;
    box-shadow: var(--j-shadow);
}

html[data-theme="dark"] .journal-field label,
html[data-bs-theme="dark"] .journal-field label,
html[data-theme="dark"] .journal-label,
html[data-bs-theme="dark"] .journal-label{
    color: rgba(234,240,248,.90);
}

html[data-theme="dark"] .journal-input,
html[data-bs-theme="dark"] .journal-input,
html[data-theme="dark"] .journal-form select,
html[data-bs-theme="dark"] .journal-form select,
html[data-theme="dark"] .journal-form input[type="text"],
html[data-bs-theme="dark"] .journal-form input[type="text"],
html[data-theme="dark"] .journal-form input[type="number"],
html[data-bs-theme="dark"] .journal-form input[type="number"]{
    background: #121a23;
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(234,240,248,.92);
}

html[data-theme="dark"] .journal-form select option,
html[data-bs-theme="dark"] .journal-form select option{
    color: #2b2b2b;
}

html[data-theme="dark"] .journal-input::placeholder,
html[data-bs-theme="dark"] .journal-input::placeholder,
html[data-theme="dark"] .journal-form input::placeholder,
html[data-bs-theme="dark"] .journal-form input::placeholder{
    color: rgba(234,240,248,.55);
}

html[data-theme="dark"] .journal-input:focus,
html[data-bs-theme="dark"] .journal-input:focus,
html[data-theme="dark"] .journal-form select:focus,
html[data-bs-theme="dark"] .journal-form select:focus,
html[data-theme="dark"] .journal-form input:focus,
html[data-bs-theme="dark"] .journal-form input:focus{
    border-color: rgba(255,138,102,.35);
    box-shadow: 0 0 0 3px rgba(255,138,102,.18);
}

html[data-theme="dark"] .journal-field .form-error-message,
html[data-bs-theme="dark"] .journal-field .form-error-message,
html[data-theme="dark"] .journal-field .invalid-feedback,
html[data-bs-theme="dark"] .journal-field .invalid-feedback{
    color: #ff8a66;
}

html[data-theme="dark"] .journal-toggle label,
html[data-bs-theme="dark"] .journal-toggle label{
    background: #121a23;
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(234,240,248,.90);
}

html[data-theme="dark"] .journal-toggle input[type="radio"]:checked + label,
html[data-bs-theme="dark"] .journal-toggle input[type="radio"]:checked + label{
    background: linear-gradient(135deg, rgba(76,159,176,.92), rgba(46,95,120,.92));
    border-color: rgba(255,255,255,.16);
    color: #fff;
}

html[data-theme="dark"] .sujetform-invite {
    background: rgb(20 26 26);
}

html[data-theme="dark"] .sujetform-invite-results {
    background: rgb(9 12 12);
}

html[data-theme="dark"] .sujetform-invite-item small {
    color:rgb(255 125 84);
}


/* =========================================
  Tombola
   ========================================= */

html[data-theme="dark"] .tombola-page,
html[data-bs-theme="dark"] .tombola-page{
    color: rgba(234,240,248,.92);
}

html[data-theme="dark"] .tombola-empty,
html[data-bs-theme="dark"] .tombola-empty,
html[data-theme="dark"] .tombola-hero__left,
html[data-bs-theme="dark"] .tombola-hero__left,
html[data-theme="dark"] .tombola-hero__right,
html[data-bs-theme="dark"] .tombola-hero__right,
html[data-theme="dark"] .tombola-help__box,
html[data-bs-theme="dark"] .tombola-help__box,
html[data-theme="dark"] .card,
html[data-bs-theme="dark"] .card,
html[data-theme="dark"] .manage-row,
html[data-bs-theme="dark"] .manage-row,
html[data-theme="dark"] .lot-card,
html[data-bs-theme="dark"] .lot-card,
html[data-theme="dark"] .casebox,
html[data-bs-theme="dark"] .casebox,
html[data-theme="dark"] details.faq-item,
html[data-bs-theme="dark"] details.faq-item{
    background: #0f151e;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.10),
        0 18px 34px rgba(0,0,0,.55);
}

html[data-theme="dark"] .tombola-yourpick,
html[data-bs-theme="dark"] .tombola-yourpick,
html[data-theme="dark"] .tombola-flash,
html[data-bs-theme="dark"] .tombola-flash,
html[data-theme="dark"] .flash,
html[data-bs-theme="dark"] .flash{
    background: rgba(255,255,255,.06);
    color: rgba(234,240,248,.92);
}

html[data-theme="dark"] .tombola-title,
html[data-bs-theme="dark"] .tombola-title,
html[data-theme="dark"] .h1,
html[data-bs-theme="dark"] .h1,
html[data-theme="dark"] .card-title,
html[data-bs-theme="dark"] .card-title,
html[data-theme="dark"] .lot-title,
html[data-bs-theme="dark"] .lot-title,
html[data-theme="dark"] .lotrow-title,
html[data-bs-theme="dark"] .lotrow-title,
html[data-theme="dark"] .manage-title,
html[data-bs-theme="dark"] .manage-title{
    color: rgba(234,240,248,.95);
}

html[data-theme="dark"] .tombola-desc,
html[data-bs-theme="dark"] .tombola-desc,
html[data-theme="dark"] .sub,
html[data-bs-theme="dark"] .sub,
html[data-theme="dark"] .mini,
html[data-bs-theme="dark"] .mini,
html[data-theme="dark"] .hint,
html[data-bs-theme="dark"] .hint,
html[data-theme="dark"] .lot-muted,
html[data-bs-theme="dark"] .lot-muted,
html[data-theme="dark"] .lotrow-sub,
html[data-bs-theme="dark"] .lotrow-sub,
html[data-theme="dark"] .manage-sub,
html[data-bs-theme="dark"] .manage-sub,
html[data-theme="dark"] .tombola-meta__item,
html[data-bs-theme="dark"] .tombola-meta__item,
html[data-theme="dark"] .sep,
html[data-bs-theme="dark"] .sep{
    color: rgba(234,240,248,.68);
    opacity: 1;
}

html[data-theme="dark"] .hr,
html[data-bs-theme="dark"] .hr{
    background: rgba(255,255,255,.12);
}

html[data-theme="dark"] .btn-ghost,
html[data-bs-theme="dark"] .btn-ghost{
    background: rgba(255,255,255,.08);
    color: rgba(234,240,248,.88);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}

html[data-theme="dark"] .btn-warn,
html[data-bs-theme="dark"] .btn-warn{
    color: #1b1406;
}

html[data-theme="dark"] .tombola-cell,
html[data-bs-theme="dark"] .tombola-cell{
    background: #121a23;
    color: rgba(234,240,248,.92);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.10),
        0 12px 22px rgba(0,0,0,.45);
}

html[data-theme="dark"] .tombola-cell:hover,
html[data-bs-theme="dark"] .tombola-cell:hover{
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.14),
        0 18px 30px rgba(0,0,0,.55);
}

html[data-theme="dark"] .tombola-cell:disabled,
html[data-bs-theme="dark"] .tombola-cell:disabled{
    opacity: .55;
}

html[data-theme="dark"] .tombola-cell.is-mine,
html[data-bs-theme="dark"] .tombola-cell.is-mine{
    box-shadow:
        inset 0 0 0 2px rgba(88, 170, 255, .35),
        0 18px 30px rgba(0,0,0,.55);
}

html[data-theme="dark"] .tombola-cell.is-revealed .tombola-cell__top,
html[data-bs-theme="dark"] .tombola-cell.is-revealed .tombola-cell__top{
    color: rgba(234,240,248,.72);
    opacity: 1;
}

html[data-theme="dark"] .tombola-cell.is-revealed .tombola-cell__bot,
html[data-bs-theme="dark"] .tombola-cell.is-revealed .tombola-cell__bot{
    color: rgba(234,240,248,.62);
    opacity: 1;
}

html[data-theme="dark"] .tag,
html[data-bs-theme="dark"] .tag{
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}

html[data-theme="dark"] .tag--free,
html[data-bs-theme="dark"] .tag--free{
    background: rgba(46, 204, 113, .16);
    color: #7ef0a8;
}

html[data-theme="dark"] .tag--taken,
html[data-bs-theme="dark"] .tag--taken{
    background: rgba(231, 76, 60, .18);
    color: #ff9b91;
}

html[data-theme="dark"] .tag--mine,
html[data-bs-theme="dark"] .tag--mine{
    background: rgba(52, 152, 219, .18);
    color: #9ad2ff;
}

html[data-theme="dark"] .lot-head,
html[data-bs-theme="dark"] .lot-head{
    background: rgba(255,255,255,.06);
    color: rgba(234,240,248,.92);
}

html[data-theme="dark"] .lot-type,
html[data-bs-theme="dark"] .lot-type{
    color: rgba(234,240,248,.65);
    opacity: 1;
}

html[data-theme="dark"] .lot-body,
html[data-bs-theme="dark"] .lot-body{
    color: rgba(234,240,248,.88);
}

html[data-theme="dark"] .lot-sprite,
html[data-bs-theme="dark"] .lot-sprite,
html[data-theme="dark"] .ab-pick-sprite,
html[data-bs-theme="dark"] .ab-pick-sprite,
html[data-theme="dark"] .mini-spr,
html[data-bs-theme="dark"] .mini-spr{
    background: rgba(255,255,255,.08);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}

html[data-theme="dark"] .row label,
html[data-bs-theme="dark"] .row label{
    color: rgba(234,240,248,.90);
}

html[data-theme="dark"] .row input,
html[data-bs-theme="dark"] .row input,
html[data-theme="dark"] .row textarea,
html[data-bs-theme="dark"] .row textarea,
html[data-theme="dark"] .row select,
html[data-bs-theme="dark"] .row select,
html[data-theme="dark"] .casebox-input,
html[data-bs-theme="dark"] .casebox-input,
html[data-theme="dark"] .ab-pick-btn,
html[data-bs-theme="dark"] .ab-pick-btn,
html[data-theme="dark"] .ab-pick-search,
html[data-bs-theme="dark"] .ab-pick-search,
html[data-theme="dark"] .userpick-search,
html[data-bs-theme="dark"] .userpick-search{
    background: #121a23;
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(234,240,248,.92);
}

html[data-theme="dark"] .row input::placeholder,
html[data-bs-theme="dark"] .row input::placeholder,
html[data-theme="dark"] .row textarea::placeholder,
html[data-bs-theme="dark"] .row textarea::placeholder,
html[data-theme="dark"] .ab-pick-search::placeholder,
html[data-bs-theme="dark"] .ab-pick-search::placeholder,
html[data-theme="dark"] .userpick-search::placeholder,
html[data-bs-theme="dark"] .userpick-search::placeholder{
    color: rgba(234,240,248,.55);
}

html[data-theme="dark"] .row input:focus,
html[data-bs-theme="dark"] .row input:focus,
html[data-theme="dark"] .row textarea:focus,
html[data-bs-theme="dark"] .row textarea:focus,
html[data-theme="dark"] .row select:focus,
html[data-bs-theme="dark"] .row select:focus,
html[data-theme="dark"] .casebox-input:focus,
html[data-bs-theme="dark"] .casebox-input:focus,
html[data-theme="dark"] .ab-pick-btn:focus,
html[data-bs-theme="dark"] .ab-pick-btn:focus,
html[data-theme="dark"] .ab-pick-search:focus,
html[data-bs-theme="dark"] .ab-pick-search:focus,
html[data-theme="dark"] .userpick-search:focus,
html[data-bs-theme="dark"] .userpick-search:focus{
    outline: none;
    border-color: rgba(255,138,102,.35);
    box-shadow: 0 0 0 3px rgba(255,138,102,.18);
}

html[data-theme="dark"] .ab-pick-menu,
html[data-bs-theme="dark"] .ab-pick-menu,
html[data-theme="dark"] .userpick-menu,
html[data-bs-theme="dark"] .userpick-menu{
    background: #0f151e;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 22px 44px rgba(0,0,0,.65);
}

html[data-theme="dark"] .ab-pick-opt,
html[data-bs-theme="dark"] .ab-pick-opt,
html[data-theme="dark"] .userpick-opt,
html[data-bs-theme="dark"] .userpick-opt{
    color: rgba(234,240,248,.92);
}

html[data-theme="dark"] .ab-pick-opt:hover,
html[data-bs-theme="dark"] .ab-pick-opt:hover,
html[data-theme="dark"] .userpick-opt:hover,
html[data-bs-theme="dark"] .userpick-opt:hover{
    background: rgba(255,255,255,.06);
}

html[data-theme="dark"] .ab-pick-opt .meta,
html[data-bs-theme="dark"] .ab-pick-opt .meta,
html[data-theme="dark"] .userpick-opt .sub,
html[data-bs-theme="dark"] .userpick-opt .sub{
    color: rgba(234,240,248,.62);
    opacity: 1;
}

html[data-theme="dark"] .userpick-opt.is-disabled,
html[data-bs-theme="dark"] .userpick-opt.is-disabled{
    opacity: .55;
}

html[data-theme="dark"] .manage-row,
html[data-bs-theme="dark"] .manage-row{
    color: rgba(234,240,248,.92);
}

html[data-theme="dark"] .sujet-resume-content {
    background:rgb(41 54 56);
    color:#f2f2f2;
}


html[data-theme="dark"] .termines-pkm-chip {
    background: rgb(239 111 73 / 84%);
}

html[data-theme="dark"] .termines-pkm-chip--captured {
    box-shadow: inset 0 0 0 1px rgb(211 162 53 / 40%);
}

html[data-theme="dark"] .termines-pkm-name,
html[data-theme="dark"] .termines-pkm-lvl{
    color:#f2f2f2;
}

html[data-theme="dark"] .topic-tag--finished,
html[data-theme="dark"] .termines-pkm-label {
    color: #9aebcd;
}

html[data-theme="dark"] .termines-stat--pkm {
    color: #d0e9f1;
}

html[data-theme="dark"] .termines-stat--joueur {
    color: #f3d6c4;
}

html[data-theme="dark"] .text-start.mb-3 .btn.btn-outline-secondary.btn-sm,
html[data-theme="dark"] .d-flex.justify-content-between.align-items-center.mb-3 .btn.btn-outline-secondary.btn-sm,
html[data-theme="dark"] .topic-prefix,
html[data-theme="dark"] .sujet-card .btn.btn-outline-secondary.btn-sm,
html[data-theme="dark"] .pokedex-player .dex-state{
    background: rgb(42 53 55);
    color: #efddd1;
}


html[data-theme="dark"] .sujet-card .collapse textarea.form-control {
    background: rgb(41 54 56);
    color: #ffffff;
}