:root {
    --gi-black: #050505;
    --gi-dark: #0d0d0d;
    --gi-panel: rgba(255, 255, 255, 0.045);
    --gi-panel-strong: rgba(255, 255, 255, 0.075);
    --gi-border: rgba(255, 255, 255, 0.12);
    --gi-border-gold: rgba(255, 184, 0, 0.32);
    --gi-white: #ffffff;
    --gi-muted: rgba(255, 255, 255, 0.68);
    --gi-gold: #ffb800;
    --gi-gold-soft: rgba(255, 184, 0, 0.22);
    --gi-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
    --bg: var(--gi-black);
    --surface: rgba(255, 255, 255, 0.045);
    --surface-2: rgba(255, 255, 255, 0.06);
    --surface-3: rgba(255, 255, 255, 0.085);
    --line: var(--gi-border);
    --text: var(--gi-white);
    --muted: var(--gi-muted);
    --accent: var(--gi-gold);
    --accent-2: #f6f1df;
    --shadow: var(--gi-shadow);
    --type-team: #6ea8ff;
    --type-competition: #ffc400;
    --type-market: #7ee787;
    --type-result: #9f8cff;
    --type-verification: #56d9d2;
    --type-contract: #f59e0b;
    --type-loan: #38bdf8;
    --type-penalty: #ff5f7a;
    --type-venue: #a3e635;
    --type-admin: #ffc400;
    --avatar-frame-admin: #ffc400;
    --avatar-frame-verified: #7ee787;
    --avatar-frame-registered: #6ea8ff;
}

@keyframes gi-breathe {
    0%, 100% {
        opacity: 0.42;
        transform: scale(1);
    }

    50% {
        opacity: 0.78;
        transform: scale(1.04);
    }
}

@keyframes gi-float {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

body[data-theme="premium-dark"] {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(circle at 15% 20%, rgba(255, 184, 0, 0.10), transparent 28%),
        radial-gradient(circle at 85% 10%, rgba(255, 255, 255, 0.06), transparent 24%),
        radial-gradient(circle at 50% 82%, rgba(255, 184, 0, 0.08), transparent 32%),
        linear-gradient(180deg, #050505 0%, #0d0d0d 100%);
    color: var(--gi-white);
}

body[data-theme="premium-dark"]::before,
body[data-theme="premium-dark"]::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
}

body[data-theme="premium-dark"]::before {
    background:
        linear-gradient(30deg, rgba(255, 255, 255, 0.055) 12%, transparent 12.5%, transparent 87%, rgba(255, 255, 255, 0.055) 87.5%, rgba(255, 255, 255, 0.055)),
        linear-gradient(150deg, rgba(255, 255, 255, 0.055) 12%, transparent 12.5%, transparent 87%, rgba(255, 255, 255, 0.055) 87.5%, rgba(255, 255, 255, 0.055)),
        linear-gradient(30deg, rgba(255, 184, 0, 0.04) 12%, transparent 12.5%, transparent 87%, rgba(255, 184, 0, 0.04) 87.5%, rgba(255, 184, 0, 0.04)),
        linear-gradient(150deg, rgba(255, 184, 0, 0.04) 12%, transparent 12.5%, transparent 87%, rgba(255, 184, 0, 0.04) 87.5%, rgba(255, 184, 0, 0.04)),
        linear-gradient(60deg, rgba(255, 184, 0, 0.035) 25%, transparent 25.5%, transparent 75%, rgba(255, 184, 0, 0.035) 75%, rgba(255, 184, 0, 0.035)),
        linear-gradient(60deg, rgba(255, 255, 255, 0.04) 25%, transparent 25.5%, transparent 75%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.04));
    background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
    background-size: 80px 140px;
    opacity: 0.08;
    mask-image: radial-gradient(circle at 50% 22%, #000 0, transparent 68%);
}

body[data-theme="premium-dark"]::after {
    z-index: -1;
    background:
        linear-gradient(115deg, transparent 0 31%, rgba(255, 184, 0, 0.11) 31.2%, transparent 31.8% 100%),
        linear-gradient(68deg, transparent 0 57%, rgba(255, 255, 255, 0.11) 57.2%, transparent 57.7% 100%),
        radial-gradient(circle at 27% 28%, rgba(255, 184, 0, 0.28) 0 2px, transparent 3px),
        radial-gradient(circle at 72% 21%, rgba(255, 255, 255, 0.22) 0 2px, transparent 3px),
        radial-gradient(circle at 78% 70%, rgba(255, 184, 0, 0.16) 0 2px, transparent 3px);
    opacity: 0.45;
    animation: gi-breathe 12s ease-in-out infinite;
}

body[data-theme="premium-dark"] .topbar {
    border-bottom-color: rgba(255, 184, 0, 0.18);
    background:
        linear-gradient(90deg, rgba(255, 184, 0, 0.065), transparent 30%, rgba(255, 255, 255, 0.035)),
        rgba(5, 5, 5, 0.78);
    box-shadow: 0 18px 54px rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(20px);
}

body[data-theme="premium-dark"] .brand img {
    filter: drop-shadow(0 0 20px rgba(255, 184, 0, 0.18));
}

body[data-theme="premium-dark"] .global-search,
body[data-theme="premium-dark"] .profile-dropdown summary,
body[data-theme="premium-dark"] .locale-switcher,
body[data-theme="premium-dark"] .icon-button,
body[data-theme="premium-dark"] .nav-icon-link {
    border-color: rgba(255, 255, 255, 0.11);
    background: rgba(255, 255, 255, 0.045);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(14px);
}

body[data-theme="premium-dark"] .nav-icon-link:hover,
body[data-theme="premium-dark"] .locale-switcher a:hover,
body[data-theme="premium-dark"] .locale-switcher a.is-active,
body[data-theme="premium-dark"] .icon-button:hover {
    border-color: var(--gi-border-gold);
    background: rgba(255, 184, 0, 0.09);
    color: var(--gi-gold);
    box-shadow: 0 0 30px rgba(255, 184, 0, 0.12);
}

body[data-theme="premium-dark"] .topnav .nav-icon {
    color: rgba(255, 224, 150, 0.82);
}

body[data-theme="premium-dark"] .nav-icon-link:hover .nav-icon {
    color: var(--gi-gold);
}

body[data-theme="premium-dark"] .topnav {
    scrollbar-width: none;
}

body[data-theme="premium-dark"] .topnav::-webkit-scrollbar {
    display: none;
}

body[data-theme="premium-dark"] .shell,
body[data-theme="premium-dark"] main,
body[data-theme="premium-dark"] .main-content {
    position: relative;
}

body[data-theme="premium-dark"] .shell::before {
    content: "";
    position: absolute;
    inset: -24px -12px auto;
    height: 260px;
    z-index: -1;
    border-radius: 999px;
    background:
        radial-gradient(circle at 28% 42%, rgba(255, 184, 0, 0.12), transparent 34%),
        radial-gradient(circle at 72% 36%, rgba(255, 255, 255, 0.075), transparent 28%);
    filter: blur(6px);
    opacity: 0.86;
    animation: gi-float 16s ease-in-out infinite;
}

body[data-theme="premium-dark"] .side-panel,
body[data-theme="premium-dark"] .panel,
body[data-theme="premium-dark"] .feed-card,
body[data-theme="premium-dark"] .event-card,
body[data-theme="premium-dark"] .profile-hero,
body[data-theme="premium-dark"] .profile-main,
body[data-theme="premium-dark"] .profile-card,
body[data-theme="premium-dark"] .venue-list-card,
body[data-theme="premium-dark"] .competition-card,
body[data-theme="premium-dark"] .market-card,
body[data-theme="premium-dark"] .admin-card,
body[data-theme="premium-dark"] .form-section,
body[data-theme="premium-dark"] .search-popover,
body[data-theme="premium-dark"] .profile-dropdown-menu,
body[data-theme="premium-dark"] .cookie-notice {
    border: 1px solid var(--gi-border);
    border-radius: 24px;
    background:
        linear-gradient(180deg, var(--gi-panel-strong), var(--gi-panel)),
        radial-gradient(circle at 18% 0%, rgba(255, 184, 0, 0.08), transparent 32%);
    box-shadow: var(--gi-shadow);
    backdrop-filter: blur(18px);
}

body[data-theme="premium-dark"] .side-panel,
body[data-theme="premium-dark"] .panel,
body[data-theme="premium-dark"] .feed-card,
body[data-theme="premium-dark"] .event-card,
body[data-theme="premium-dark"] .profile-hero,
body[data-theme="premium-dark"] .profile-main,
body[data-theme="premium-dark"] .venue-list-card,
body[data-theme="premium-dark"] .competition-card,
body[data-theme="premium-dark"] .market-card {
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

body[data-theme="premium-dark"] .panel:hover,
body[data-theme="premium-dark"] .feed-card:hover,
body[data-theme="premium-dark"] .event-card:hover,
body[data-theme="premium-dark"] .venue-list-card:hover,
body[data-theme="premium-dark"] .competition-card:hover,
body[data-theme="premium-dark"] .market-card:hover {
    transform: translateY(-4px);
    border-color: var(--gi-border-gold);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.55), 0 0 40px rgba(255, 184, 0, 0.10);
}

body[data-theme="premium-dark"] .feed-card {
    border-color: color-mix(in srgb, var(--feed-accent, var(--gi-border)) 32%, var(--gi-border));
    background:
        linear-gradient(180deg, var(--gi-panel-strong), var(--gi-panel)),
        radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--feed-accent, var(--gi-gold)) 13%, transparent), transparent 32%);
}

body[data-theme="premium-dark"] .feed-card:hover {
    border-color: color-mix(in srgb, var(--feed-accent, var(--gi-gold)) 46%, rgba(255, 255, 255, 0.14));
    box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.55),
        0 0 40px color-mix(in srgb, var(--feed-accent, var(--gi-gold)) 14%, transparent);
}

body[data-theme="premium-dark"] .side-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.035)),
        radial-gradient(circle at 24% 4%, rgba(255, 184, 0, 0.12), transparent 36%);
}

body[data-theme="premium-dark"] .quick-link-section p,
body[data-theme="premium-dark"] .page-heading p,
body[data-theme="premium-dark"] .feed-card__meta,
body[data-theme="premium-dark"] .feed-card__actions,
body[data-theme="premium-dark"] small {
    color: var(--gi-muted);
}

body[data-theme="premium-dark"] .quick-links a,
body[data-theme="premium-dark"] .sidebar-user-card {
    border: 1px solid transparent;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.025);
}

body[data-theme="premium-dark"] .quick-links a:hover,
body[data-theme="premium-dark"] .sidebar-user-card:hover {
    border-color: var(--gi-border-gold);
    background: rgba(255, 184, 0, 0.08);
    color: var(--gi-white);
    box-shadow: 0 0 28px rgba(255, 184, 0, 0.08);
}

body[data-theme="premium-dark"] .search-popover,
body[data-theme="premium-dark"] .profile-dropdown-menu,
body[data-theme="premium-dark"] .notification-popover {
    background: #070b11;
    backdrop-filter: none;
    box-shadow: 0 20px 58px rgba(0, 0, 0, 0.72);
}

body[data-theme="premium-dark"] button,
body[data-theme="premium-dark"] .button-like,
body[data-theme="premium-dark"] .button-row a,
body[data-theme="premium-dark"] .button-row button,
body[data-theme="premium-dark"] .feed-card button,
body[data-theme="premium-dark"] .profile-main button,
body[data-theme="premium-dark"] .search-form button,
body[data-theme="premium-dark"] .form-section button,
body[data-theme="premium-dark"] .stack-form button,
body[data-theme="premium-dark"] input[type="submit"] {
    border: 1px solid var(--gi-gold);
    border-radius: 999px;
    background: rgba(255, 184, 0, 0.08);
    color: var(--gi-white);
    box-shadow: 0 0 30px rgba(255, 184, 0, 0.12);
    transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

body[data-theme="premium-dark"] button:hover,
body[data-theme="premium-dark"] .button-like:hover,
body[data-theme="premium-dark"] .button-row a:hover,
body[data-theme="premium-dark"] .button-row button:hover,
body[data-theme="premium-dark"] .feed-card button:hover,
body[data-theme="premium-dark"] .profile-main button:hover,
body[data-theme="premium-dark"] .search-form button:hover,
body[data-theme="premium-dark"] .form-section button:hover,
body[data-theme="premium-dark"] .stack-form button:hover,
body[data-theme="premium-dark"] input[type="submit"]:hover {
    transform: translateY(-1px);
    background: var(--gi-gold);
    color: var(--gi-black);
    box-shadow: 0 0 42px rgba(255, 184, 0, 0.22);
}

body[data-theme="premium-dark"] .button-like.provider-connected,
body[data-theme="premium-dark"] .button-like.provider-connected:hover {
    border-color: rgba(74, 222, 128, 0.68);
    background: rgba(22, 101, 52, 0.3);
    color: #9af2b8;
    box-shadow: 0 0 30px rgba(74, 222, 128, 0.12);
    transform: none;
}

body[data-theme="premium-dark"] input,
body[data-theme="premium-dark"] select,
body[data-theme="premium-dark"] textarea {
    border-color: rgba(255, 255, 255, 0.13);
    background: rgba(0, 0, 0, 0.26);
    color: var(--gi-white);
}

body[data-theme="premium-dark"] input:focus,
body[data-theme="premium-dark"] select:focus,
body[data-theme="premium-dark"] textarea:focus {
    border-color: var(--gi-border-gold);
    box-shadow: 0 0 0 3px rgba(255, 184, 0, 0.11);
    outline: 0;
}

body[data-theme="premium-dark"] .feed-card::before,
body[data-theme="premium-dark"] .profile-hero::before,
body[data-theme="premium-dark"] .panel::before {
    background: linear-gradient(180deg, rgba(255, 184, 0, 0.85), rgba(255, 184, 0, 0.08));
}

body[data-theme="premium-dark"] .feed-card::before {
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--feed-accent, var(--gi-gold)) 92%, #ffffff 8%),
            color-mix(in srgb, var(--feed-accent, var(--gi-gold)) 22%, transparent)
        );
}

body[data-theme="premium-dark"] .feed-type-mini,
body[data-theme="premium-dark"] .game-icon,
body[data-theme="premium-dark"] .game-badge,
body[data-theme="premium-dark"] .role-pill,
body[data-theme="premium-dark"] .status-pill {
    border-color: rgba(255, 184, 0, 0.22);
    background: rgba(255, 184, 0, 0.07);
    color: var(--gi-gold);
}

body[data-theme="premium-dark"] .feed-type-mini,
body[data-theme="premium-dark"] .feed-filter-icon {
    border-color: color-mix(in srgb, var(--feed-accent, var(--gi-gold)) 34%, transparent);
    background: color-mix(in srgb, var(--feed-accent, var(--gi-gold)) 12%, rgba(255, 255, 255, 0.04));
    color: var(--feed-accent, var(--gi-gold));
}

body[data-theme="premium-dark"] .feed-filter {
    color: var(--feed-accent, var(--gi-gold));
}

body[data-theme="premium-dark"] .feed-filter:hover {
    border-color: color-mix(in srgb, var(--feed-accent, var(--gi-gold)) 46%, rgba(255, 255, 255, 0.14));
    background: color-mix(in srgb, var(--feed-accent, var(--gi-gold)) 10%, rgba(255, 255, 255, 0.055));
}

body[data-theme="premium-dark"] .feed-filter:not(.is-active) .feed-filter-icon {
    color: color-mix(in srgb, var(--feed-accent, var(--gi-gold)) 42%, #667085);
}

body[data-theme="premium-dark"] .avatar,
body[data-theme="premium-dark"] .brand-mark,
body[data-theme="premium-dark"] .profile-dropdown-initials {
    background: linear-gradient(135deg, #ffb800, #fff0b8);
    color: #050505;
    box-shadow: 0 0 34px rgba(255, 184, 0, 0.18);
}

body[data-theme="premium-dark"] table,
body[data-theme="premium-dark"] .table-card {
    border-color: var(--gi-border);
    background: rgba(255, 255, 255, 0.035);
}

body[data-theme="premium-dark"] th {
    color: var(--gi-gold);
}

body[data-theme="premium-dark"] tr:hover {
    background: rgba(255, 184, 0, 0.055);
}

@media (prefers-reduced-motion: reduce) {
    body[data-theme="premium-dark"] *,
    body[data-theme="premium-dark"]::after,
    body[data-theme="premium-dark"] .shell::before {
        animation: none !important;
        transition-duration: 0.01ms !important;
    }
}