/* ==========================================================================
   SHARED COMPONENTS - ProxWide Design System
   ========================================================================== */

/* ========================================
   FONTS (Free.fr Style)
   ======================================== */
@import url('https://fonts.cdnfonts.com/css/adobe-caslon-pro');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=JetBrains+Mono:wght@400;700&family=Share+Tech+Mono&display=swap');

@font-face {
    font-family: 'Cyberpunk';
    src: url('../base/Cyberpunk-2077-Font/Cyberpunk.ttf') format('truetype'),
         url('../base/Cyberpunk-2077-Font/Cyberpunk.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ========================================
   FREE.FR HEADER
   ======================================== */
.free-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: var(--bg-header);
    border-bottom: 1px solid var(--border-panel);
    z-index: var(--z-header);
    height: 45px;
}

.free-header-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    gap: 30px;
}

.free-logo {
    color: var(--free-red, #d40000);
    font-family: 'Adobe Caslon Pro', 'Caslon', Georgia, serif;
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
    text-decoration: none;
    letter-spacing: -1px;
    margin-right: 10px;
    line-height: 45px;
    transform: skewX(-8deg);
    display: flex;
    align-items: center;
    height: 100%;
    padding-top: 10px;
    filter: var(--logo-filter);
}

.free-nav {
    display: flex;
    gap: 0;
    flex: 1;
    align-items: center;
    min-width: 0; /* Allow shrinking */
    overflow: hidden; /* Hide overflow nav items if necessary */
}
/* Hide less critical links on smaller screens to prevent truncation of right buttons */
@media (max-width: 1400px) {
    .free-nav-link:nth-last-child(-n+2),
    .free-nav-link:nth-last-child(-n+2) + .nav-separator { display: none; }
}
@media (max-width: 1200px) {
    .free-nav-link:nth-last-child(-n+4),
    .free-nav-link:nth-last-child(-n+4) + .nav-separator { display: none; }
}

.nav-separator {
    width: 1px;
    height: 20px;
    background: var(--border-panel);
    margin: 0 0 0 24px;
}

.free-nav-link {
    font-family: 'Montserrat', sans-serif;
    color: var(--text-main);
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: color 0.2s;
    white-space: nowrap;
    margin: 0 0 0 24px;
}

.free-nav-link:hover,
.free-nav-link.router-link-active {
    color: var(--primary);
}

.free-header-right {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-shrink: 0; /* Priority: Don't truncate these buttons */
}

/* Gestion button - Orange color */
.header-admin-link.gestion-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
    background: var(--bg-badge-warning);
    color: var(--text-badge-warning);
    border: 1px solid transparent;
}

.header-admin-link.gestion-link:hover {
    background: var(--warning);
    color: white;
}

/* Admin button - Red color */
.header-admin-link.admin-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
    background: var(--bg-badge-danger);
    color: var(--text-badge-danger);
    border: 1px solid transparent;
}

.header-admin-link.admin-link:hover {
    background: var(--danger);
    color: white;
}

.free-user-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: var(--bg-body-secondary);
    border: 1px solid var(--border-panel);
    border-radius: 10px;
    color: var(--text-main);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.free-user-btn:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary);
}

/* Impersonation DROPDOWN (Header) & Active State */
.impersonate-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--primary-light);
    color: var(--primary);
    font-size: 18px;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
}

.impersonate-btn:hover {
    background: var(--primary);
    color: white;
}

/* Active Impersonation State */
.impersonate-btn.impersonating {
    padding: 0 16px;
    gap: 10px;
    background: var(--primary);
    color: white;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);
    box-shadow: 0 4px 12px var(--primary-light);
    position: relative;
    max-width: 400px; /* Expand naturally */
    min-width: 36px;
}

.impersonate-btn.impersonating i {
    transform: rotate(180deg);
}

.impersonate-btn.impersonating:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(var(--primary-rgb), 0.4);
}

.impersonate-text {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    max-width: 0;
    margin-left: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.impersonate-btn.impersonating .impersonate-text {
    opacity: 1;
    max-width: 400px; /* Large enough for names, but still allows transition */
    margin-left: 0;
}

/* Shimmer Effect for Impersonate Button */
.impersonate-btn.impersonating::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.3) 50%,
            rgba(255, 255, 255, 0) 100%);
    transform: skewX(-20deg);
    animation: shimmer 3s infinite linear;
    pointer-events: none;
}

@keyframes shimmer {
    0% { left: -100%; }
    50% { left: 100%; }
    100% { left: 100%; }
}

.impersonate-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    width: 280px;
    background: var(--bg-modal);
    border: 1px solid var(--border-panel);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    z-index: 10001;
    overflow: hidden;
}

.free-user-name {
    font-weight: 600;
}

@media (max-width: 768px) {
    .free-nav {
        display: none;
    }

    .free-logo {
        font-size: 22px;
    }

    .free-user-name {
        display: none;
    }

    .free-user-btn {
        padding: 6px;
        min-width: auto;
    }
}

/* ========================================
   CUSTOMIZATION HINT TOOLTIP
   ======================================== */
.customize-btn-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.dv2-hint-tooltip {
    position: absolute;
    top: calc(100% + 15px);
    right: 0;
    width: 280px;
    z-index: 1000;
    animation: hintFadeIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

@keyframes hintFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dv2-hint-content {
    background: rgba(var(--bg-card-rgb, 255, 255, 255), 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    position: relative;
    color: var(--text-main);
}

[data-theme="dark"] .dv2-hint-content,
[data-theme="neon"] .dv2-hint-content {
    background: rgba(30, 41, 59, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
}

.hint-icon {
    font-size: 24px;
    color: var(--primary);
    filter: drop-shadow(0 0 8px rgba(var(--primary-rgb), 0.4));
}

.hint-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.4;
}

.hint-text strong {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--primary);
}

.hint-text span {
    font-size: 14px;
    font-weight: 500;
}

.hint-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    transition: all 0.2s;
}

.hint-close:hover {
    background: rgba(0, 0, 0, 0.05);
    color: var(--text-main);
}

.dv2-hint-arrow {
    position: absolute;
    bottom: 100%;
    right: 18px;
    width: 12px;
    height: 12px;
    background: inherit;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    transform: translateY(6px) rotate(45deg);
    background: rgba(var(--bg-card-rgb, 255, 255, 255), 0.85);
    backdrop-filter: blur(12px);
    z-index: -1;
}

[data-theme="dark"] .dv2-hint-arrow,
[data-theme="neon"] .dv2-hint-arrow {
    background: rgba(30, 41, 59, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 1024px) {
    .dv2-hint-tooltip {
        right: -50px;
    }
    .dv2-hint-arrow {
        right: 68px;
    }
}

/* ========================================
   IMPERSONATION DROPDOWN (Header)
   ======================================== */
.impersonate-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    width: 280px;
    background: var(--bg-card, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    z-index: 10001;
    overflow: hidden;
}

[data-theme="dark"] .impersonate-dropdown {
    background: #1f2937;
    border-color: #374151;
}

.impersonate-dropdown-header {
    padding: 12px;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
}

.impersonate-search {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 6px;
    font-size: 14px;
    background: var(--bg-body, #f9fafb);
    color: var(--text-main, #111);
}

[data-theme="dark"] .impersonate-search {
    background: #374151;
    border-color: #4b5563;
    color: #e5e7eb;
}

.impersonate-search:focus {
    outline: none;
    border-color: #f97316;
}

.impersonate-dropdown-list {
    max-height: 300px;
    overflow-y: auto;
}

.impersonate-dropdown-item {
    padding: 10px 12px;
    cursor: pointer;
    transition: background 0.15s;
    border-bottom: 1px solid var(--border-color, #f3f4f6);
}

.impersonate-dropdown-item:last-child {
    border-bottom: none;
}

.impersonate-dropdown-item:hover {
    background: rgba(249, 115, 22, 0.1);
}

.impersonate-dropdown-item.disabled {
    cursor: default;
    color: var(--text-muted, #9ca3af);
    text-align: center;
    font-size: 13px;
}

.impersonate-dropdown-item.disabled:hover {
    background: transparent;
}

.impersonate-user-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.impersonate-user-name {
    font-weight: 600;
    color: var(--text-main, #111);
    font-size: 14px;
}

[data-theme="dark"] .impersonate-user-name {
    color: #e5e7eb;
}

.impersonate-user-role {
    font-size: 11px;
    color: var(--text-muted, #9ca3af);
    text-transform: capitalize;
}

/* ========================================
   CARDS
   ======================================== */
.card {
    background-color: var(--bg-card);
    border-radius: var(--radius-md);
    padding: var(--space-lg);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    transition: transform var(--trans-fast), box-shadow var(--trans-fast), border-color var(--trans-fast);
}

.card:hover {
    border-color: rgba(212, 0, 0, 0.4);
}

.card h3 {
    margin-bottom: var(--space-sm);
    color: var(--text-main);
}

.card p {
    color: var(--text-muted);
    font-size: var(--text-sm);
}

.tool-card {
    cursor: pointer;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tool-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-md);
}

@media (min-width: 640px) {
    .tool-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .tool-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

/* Modern Card Style */
.modern-card {
    background: var(--bg-card);
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    border: 1px solid var(--border-color);
}

/* ========================================
   MODALS
   ======================================== */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--z-modal);
    backdrop-filter: blur(2px);
    animation: fadeIn 0.2s ease;
}

.modal-content {
    background-color: var(--bg-card);
    width: 90%;
    max-width: 400px;
    padding: 24px;
    border-radius: 12px;
    box-shadow: var(--shadow-lg);
    animation: slideUp 0.3s ease;
}

.modal-content-modern {
    background: var(--bg-card);
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    width: 100%;
    max-width: 500px;
}

/* Card Badge (Common for Tool Cards, etc) */
.card-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
    font-size: 0.7rem;
    font-weight: 800;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(239, 68, 68, 0.4);
    z-index: 20;
    border: 2px solid var(--bg-card);
    pointer-events: none;
    animation: badgeBounce 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

@keyframes badgeBounce {
    0% { transform: scale(0) rotate(-45deg); opacity: 0; }
    70% { transform: scale(1.2) rotate(10deg); }
    100% { transform: scale(1) rotate(0); opacity: 1; }
}

/* Iframe Modal (IPTV, Simulators) */

.iframe-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    backdrop-filter: blur(8px);
}

.iframe-modal-container {
    background: #000;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    max-height: 95vh;
}

.iframe-modal-container.modal-type-full {
    width: 98%;
    max-width: 1700px;
    height: 92vh;
}

.iframe-modal-container.modal-type-simulator {
    width: 1292px;
    height: 810px;
    max-width: 98vw;
    max-height: 95vh;
}

.iframe-modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    cursor: pointer;
    z-index: 10001;
    transition: all 0.2s;
}

.iframe-modal-close:hover {
    background: #ff4444;
    transform: scale(1.1);
}

.iframe-modal-content {
    width: 100%;
    height: 100%;
    border: none;
    background: #000;
}

/* ========================================
   TOAST NOTIFICATIONS (Premium Glassmorphism)
   ======================================== */
.toast-container {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    pointer-events: none;
}

.toast {
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: white;
    padding: 14px 24px;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3);
    font-size: 0.95rem;
    font-weight: 500;
    max-width: 450px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    pointer-events: auto;
}

[data-theme="dark"] .toast {
    background: rgba(30, 41, 59, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.toast.show {
    opacity: 1;
    transform: translateY(0);
}

.toast-icon {
    font-size: 20px;
    color: #4ade80;
    filter: drop-shadow(0 0 8px rgba(74, 222, 128, 0.3));
}

.toast-info .toast-icon {
    color: #3b82f6;
}

.toast-error .toast-icon {
    color: #f87171;
}

.toast-warning .toast-icon {
    color: #fbbf24;
}

/* ========================================
   PREMIUM PRIVACY CARD & TOGGLE (Global - Profile Only)
   ======================================== */
.privacy-card {
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 1.5rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.05) !important;
    width: 100% !important;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Accent Line */
.privacy-card::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to bottom, #ef4444, #f43f5e);
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.privacy-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important;
    border-color: #cbd5e1 !important;
}

[data-theme="dark"] .privacy-card,
[data-theme="neon"] .privacy-card {
    background: rgba(30, 41, 59, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="neon"] .privacy-card {
    background: rgba(22, 22, 51, 0.8) !important;
}

[data-theme="dark"] .privacy-card:hover,
[data-theme="neon"] .privacy-card:hover {
    background: rgba(30, 41, 59, 0.8) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.15) !important;
}

/* Toggle Wrapper */
.privacy-toggle-wrapper {
    width: 56px !important;
    height: 32px !important;
    background: #e2e8f0 !important;
    border-radius: 99px !important;
    position: relative !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    display: block !important;
}

[data-theme="dark"] .privacy-toggle-wrapper {
    background: #334155 !important;
}

.privacy-toggle-track {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

/* Active State (Locked/Hidden) -> Red */
.privacy-toggle-wrapper.active {
    background: #ef4444 !important;
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.4) !important;
}

.privacy-toggle-handle {
    width: 26px !important;
    height: 26px !important;
    background: white !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 3px !important;
    left: 3px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
    color: #64748b !important;
}

/* Handle moves right when active */
.privacy-toggle-wrapper.active .privacy-toggle-handle {
    transform: translateX(24px) !important;
    color: #ef4444 !important;
}

.privacy-toggle-handle i {
    font-size: 14px !important;
    line-height: 1 !important;
}

.toast-warning .toast-icon {
    color: #fbbf24;
}

/* ========================================
   GAME CENTER V2
   ======================================== */
.game-center-layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    min-height: calc(100vh - 60px);
    background: var(--bg-body);
}

.game-center-layout:has(.chess-right-sidebar) {
    grid-template-columns: 280px 1fr 280px;
}

.chess-right-sidebar {
    grid-column: 3;
    grid-row: 1 / -1;
    border-right: none !important;
    border-left: 1px solid var(--border-color);
}

.chess-right-sidebar .gc-user-card:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

.proxchess-title-card {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9) !important;
    border-color: rgba(96, 165, 250, 0.2) !important;
    color: var(--text-main) !important;
}

[data-theme="dark"] .proxchess-title-card {
    background: linear-gradient(135deg, #0f172a, #1e293b) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

.chess-aside-inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.chess-aside-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 900;
    font-size: 1rem;
    letter-spacing: 0.03em;
    padding: 0 4px;
    color: var(--text-main);
}

.chess-aside-title i {
    font-size: 1.2rem;
    color: var(--primary-color);
}

.chess-aside-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.chess-aside-label {
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.5;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--text-muted);
}

.chess-aside-game-card {
    border-radius: 14px;
    padding: 14px;
    cursor: pointer;
    transition: all 0.2s;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
}

.chess-aside-game-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Specific variants */
.chess-card-active {
    background: rgba(59, 130, 246, 0.06);
    border-color: rgba(59, 130, 246, 0.2);
}

.chess-card-live {
    background: rgba(167, 139, 250, 0.04);
    border-color: rgba(167, 139, 250, 0.15);
}

.chess-card-solo {
    background: rgba(34, 197, 94, 0.04);
    border-color: rgba(34, 197, 94, 0.15);
}

.chess-card-players {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 6px;
    color: var(--text-main);
}

.chess-vs {
    font-size: 0.6rem;
    opacity: 0.4;
    font-weight: 900;
}

.chess-card-status {
    font-size: 0.72rem;
    text-align: center;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--text-main);
}

.chess-card-status.is-my-turn {
    color: #22c55e;
    font-weight: 800;
}

.chess-card-action {
    text-align: center;
    font-size: 0.72rem;
    font-weight: 800;
    border-radius: 8px;
    padding: 5px;
    color: var(--primary-color);
    background: rgba(var(--primary-color-rgb), 0.08);
    /* Fallback */
}

.chess-card-active .chess-card-action {
    color: #3b82f6;
    background: rgba(59, 130, 246, 0.08);
}

.chess-card-live .chess-card-action {
    color: #a78bfa;
    background: rgba(167, 139, 250, 0.08);
}

.chess-card-solo .chess-card-action {
    color: #22c55e;
    background: rgba(34, 197, 94, 0.08);
}

.chess-card-solo-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.chess-solo-level {
    font-weight: 800;
    font-size: 0.85rem;
    color: var(--text-main);
}

.chess-solo-date {
    font-size: 0.65rem;
    opacity: 0.4;
    color: var(--text-muted);
}


.game-center-sidebar {
    background: var(--bg-card);
    border-right: 1px solid var(--border-color);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: calc(100vh - 60px);
    position: sticky;
    top: 60px;
}

/* User Card in Sidebar - Premium Header */
.gc-user-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: var(--bg-card);
    border: 1px solid var(--border-panel);
    border-radius: 20px;
    color: var(--text-main);
    box-shadow: var(--shadow-sm);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* Removed redundant [data-theme="dark"] .gc-user-card */

.gc-user-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-color: var(--primary-text);
}

.gc-avatar {
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: white;
    box-shadow: var(--glow-primary);
    border: 2px solid var(--border-panel);
    position: relative;
    overflow: hidden;
}

.gc-avatar::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3);
    pointer-events: none;
    z-index: 2;
}

.gc-user-info h3 {
    font-size: 1.15rem;
    font-weight: 800;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--text-main);
}

.gc-balance {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    color: #f59e0b;
    font-weight: 700;
    margin-top: 2px;
}

.gc-balance i {
    font-size: 1.1rem;
    filter: drop-shadow(0 0 5px rgba(245, 158, 11, 0.3));
}

/* Navigation */
.gc-nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gc-nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
    width: 100%;
}

.gc-nav-item:hover {
    background: var(--bg-body);
    color: var(--text-main);
}

.gc-nav-item.active {
    background: rgba(139, 92, 246, 0.1);
    color: #8b5cf6;
    font-weight: 600;
}

.gc-badge {
    margin-left: auto;
    background: #ef4444;
    color: white;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 99px;
    font-weight: 700;
}

/* Info Box */
.gc-info-box {
    margin-top: auto;
    padding: 16px;
    background: rgba(59, 130, 246, 0.05);
    border: 1px solid rgba(59, 130, 246, 0.1);
    border-radius: 12px;
    font-size: 0.85rem;
    color: var(--text-muted);
    line-height: 1.5;
    display: flex;
    gap: 10px;
}

.gc-info-box i {
    font-size: 1.2rem;
    color: #3b82f6;
}

/* Main Content */
.game-center-main {
    padding: 32px 40px;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
}

.gc-section {
    width: 100%;
}

.gc-header {
    margin-bottom: 32px;
}

.gc-header h1 {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 8px;
    background: linear-gradient(135deg, var(--text-main) 0%, var(--text-muted) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gc-header p {
    color: var(--text-muted);
    font-size: 1.1rem;
}

/* Store Cards */
.games-v2-card.locked {
    transition: all 0.3s;
    cursor: default;
    border: 2px solid transparent;
}

.games-v2-card.locked .game-cover-img,
.games-v2-card.locked .games-v2-card-icon {
    opacity: 0.8;
    filter: grayscale(0.8);
    transition: all 0.3s;
}

.games-v2-card.locked.affordable .game-cover-img,
.games-v2-card.locked.affordable .games-v2-card-icon {
    filter: grayscale(0.2);
}

.games-v2-card.locked.affordable {
    cursor: pointer;
}

.games-v2-card.locked:hover {
    transform: translateY(-5px);
    border-color: #fbbf24;
    box-shadow: 0 4px 20px rgba(251, 191, 36, 0.2);
}

.games-v2-card.locked:hover .game-cover-img,
.games-v2-card.locked:hover .games-v2-card-icon {
    filter: grayscale(0);
    opacity: 1;
}

.gc-price-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(0, 0, 0, 0.6);
    color: #fbbf24;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 0.9rem;
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 5;
}

.gc-lock-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: white;
    font-weight: 600;
    opacity: 0;
    transition: opacity 0.2s;
    backdrop-filter: blur(2px);
    z-index: 3;
}

.games-v2-card.locked:hover .gc-lock-overlay {
    opacity: 1;
}

.gc-lock-overlay i {
    font-size: 2rem;
    margin-bottom: 4px;
}

/* Play Button Hover for Unlocked */
.gc-play-btn {
    margin-top: 12px;
    background: var(--text-main);
    color: var(--bg-card);
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s;
}

.games-v2-card.unlocked:hover .gc-play-btn {
    opacity: 1;
    transform: translateY(0);
}

/* Empty Store */
.gc-empty-store {
    text-align: center;
    padding: 60px;
    background: var(--bg-card);
    border-radius: 16px;
    border: 2px dashed var(--border-color);
}

.gc-empty-store i {
    font-size: 3rem;
    color: #10b981;
    margin-bottom: 16px;
    display: block;
}

/* Dark Mode Adjustments */
[data-theme="dark"] .game-center-sidebar {
    border-right-color: #374151;
}

[data-theme="dark"] .gc-nav-item:hover {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .gc-header h1 {
    background: linear-gradient(135deg, white 0%, #9ca3af 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.confirm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.4);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: fadeIn 0.3s ease;
}

.confirm-modal {
    background: var(--bg-modal);
    width: 90%;
    max-width: 400px;
    padding: 24px;
    border-radius: 16px;
    box-shadow: var(--shadow-xl);
    border: 1px solid var(--border-panel);
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Removed redundant [data-theme="dark"] .confirm-modal */

.confirm-modal.show {
    transform: translateY(0);
    opacity: 1;
}

.confirm-body {
    margin-bottom: 24px;
}

.confirm-title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--text-main);
}

.confirm-text {
    font-size: 0.95rem;
    color: var(--text-muted);
    line-height: 1.5;
}

.confirm-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.btn-confirm-cancel,
.btn-confirm-ok {
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}

.btn-confirm-cancel {
    background: transparent;
    color: var(--text-muted);
}

.btn-confirm-cancel:hover {
    background: rgba(148, 163, 184, 0.1);
    color: var(--text-main);
}

.btn-confirm-ok {
    background: var(--danger);
    color: white;
    box-shadow: 0 4px 6px -1px rgba(var(--danger-rgb, 239, 68, 68), 0.2);
}

.btn-confirm-ok:hover {
    background: var(--danger-hover, #dc2626);
    box-shadow: 0 10px 15px -3px rgba(var(--danger-rgb, 239, 68, 68), 0.3);
}

.btn-confirm-ok.primary {
    background: var(--primary);
    box-shadow: 0 4px 6px -1px var(--primary-light);
}

.btn-confirm-ok.primary:hover {
    background: var(--primary-hover);
    box-shadow: 0 10px 15px -3px var(--primary-light);
}

/* ========================================
   MAINTENANCE OVERLAY
   ======================================== */
.maintenance-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
    animation: maintFadeIn 0.4s ease;
}

@keyframes maintFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.maintenance-card {
    text-align: center;
    padding: 48px 56px;
    max-width: 520px;
    width: 90%;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    backdrop-filter: blur(20px);
    box-shadow: 0 25px 60px rgba(0,0,0,0.5);
    animation: maintSlideUp 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes maintSlideUp {
    from { transform: translateY(30px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.maintenance-icon {
    font-size: 3.5rem;
    margin-bottom: 20px;
    color: #f59e0b;
    display: inline-block;
    animation: maintPulse 2s ease-in-out infinite;
}

@keyframes maintPulse {
    0%, 100% { transform: scale(1); filter: drop-shadow(0 0 8px rgba(245,158,11,0.3)); }
    50% { transform: scale(1.1); filter: drop-shadow(0 0 20px rgba(245,158,11,0.6)); }
}

.maintenance-card h1 {
    font-size: 1.8rem;
    font-weight: 800;
    color: #f1f5f9;
    margin-bottom: 16px;
    letter-spacing: -0.02em;
}

.maintenance-card p {
    font-size: 1rem;
    color: #94a3b8;
    line-height: 1.7;
    margin-bottom: 24px;
}

.maintenance-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.2);
    color: #4ade80;
    padding: 8px 18px;
    border-radius: 99px;
    font-size: 0.85rem;
    font-weight: 600;
}

/* ========================================
   BADGES
   ======================================== */
.badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    line-height: 1;
}

.badge-pill {
    padding: 6px 12px;
}

.badge.super_admin,
.badge-pill.super_admin {
    background-color: var(--bg-badge-danger);
    color: var(--text-badge-danger);
}

.badge.sector_manager,
.badge-pill.sector_manager {
    background-color: var(--bg-badge-info);
    color: var(--text-badge-info);
}

.badge.coordinator,
.badge-pill.coordinator {
    background-color: var(--role-coord-bg);
    color: var(--role-coord-text);
}

.badge.user,
.badge-pill.user {
    background-color: var(--role-user-bg);
    color: var(--role-user-text);
}

.badge.tech_iti,
.badge.tech-iti,
.badge-pill.tech_iti,
.badge-pill.tech-iti {
    background-color: #fff7ed;
    color: #ea580c;
}

/* Theme-Specific Overrides handled by tokens */
[data-theme="dark"] .badge-pill.coordinator,
[data-theme="neon"] .badge-pill.coordinator {
    background-color: var(--role-coord-bg);
    color: var(--role-coord-text);
}

[data-theme="dark"] .badge-pill.user,
[data-theme="neon"] .badge-pill.user {
    background-color: var(--role-user-bg);
    color: var(--role-user-text);
}

[data-theme="dark"] .badge-pill.sector_manager,
[data-theme="neon"] .badge-pill.sector_manager {
    background-color: #4c1d95;
    color: #ede9fe;
}

[data-theme="dark"] .badge-pill.super_admin,
[data-theme="neon"] .badge-pill.super_admin {
    background-color: #7f1d1d;
    color: #fee2e2;
}

/* ========================================
   AVATAR
   ======================================== */
.avatar-circle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    flex-shrink: 0;
    text-transform: uppercase;
}

[data-theme="dark"] .avatar-circle,
[data-theme="neon"] .avatar-circle {
    filter: brightness(0.8) contrast(1.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* ========================================
   ICON BUTTONS
   ======================================== */
.icon-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    border-radius: 50%;
    opacity: 0.7;
    transition: 0.2s;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-main);
}

.icon-btn:hover {
    background-color: var(--primary);
    opacity: 1;
    color: #fff;
    transform: scale(1.1);
}

.btn-icon-primary,
.btn-icon-danger {
    background: transparent;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 16px;
}

.btn-icon-primary {
    color: #9ca3af;
}

.btn-icon-primary:hover {
    color: #2563eb;
    background: #eff6ff;
}

.btn-icon-danger {
    color: #9ca3af;
}

.btn-icon-danger:hover {
    color: #ef4444;
    background: #fef2f2;
}

/* ========================================
   ROLE COLORS
   ======================================== */
.role-coord {
    color: #facc15;
}

.role-tech {
    color: var(--text-muted);
}

/* ========================================
   LOADING SPINNER
   ======================================== */
.spinner {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-left-color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

.pm-fibre-page .pm-spinner {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-left-color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

.pm-fibre-page .pm-spin {
    animation: spin 1s linear infinite;
}

/* ========================================
   GAMIFICATION - XP & LEVELS
   ======================================== */

/* Level & XP Header */
.gamification-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
    background: linear-gradient(135deg, rgba(212, 0, 0, 0.05) 0%, rgba(250, 204, 21, 0.05) 100%);
    border-radius: 16px;
    margin-bottom: 24px;
    border: 1px solid rgba(212, 0, 0, 0.1);
}

[data-theme="dark"] .gamification-header {
    background: linear-gradient(135deg, rgba(212, 0, 0, 0.1) 0%, rgba(250, 204, 21, 0.08) 100%);
    border-color: rgba(212, 0, 0, 0.2);
}

.level-badge-container {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
}

.level-badge {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d40000 0%, #ff6b6b 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(212, 0, 0, 0.3);
    flex-shrink: 0;
}

.level-number {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

.level-label {
    font-size: 9px;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.xp-info {
    flex: 1;
    max-width: 300px;
}

.xp-bar-container {
    height: 12px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 6px;
}

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

.xp-bar {
    height: 100%;
    background: linear-gradient(90deg, #d40000 0%, #facc15 100%);
    border-radius: 6px;
    transition: width 0.5s ease;
    box-shadow: 0 2px 8px rgba(212, 0, 0, 0.3);
}

.xp-text {
    font-size: 13px;
    color: var(--text-muted);
    font-weight: 500;
}

.xp-text span:first-child {
    font-weight: 700;
    color: var(--text-main);
}

.leaderboard-btn {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Trophy Section Enhancements */
.trophy-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.trophy-count {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
    margin-left: auto;
}

.trophy-xp {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #facc15;
    font-weight: 600;
    margin-top: 4px;
}

.trophy-xp i {
    font-size: 12px;
}

/* ========================================
   LEADERBOARD MODAL
   ======================================== */
.leaderboard-modal {
    background: linear-gradient(135deg, #0d0d12 0%, #1a1a24 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8) !important;
    max-width: 500px;
    width: 95%;
    max-height: 85vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(20px);
}

.leaderboard-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background: linear-gradient(to right, rgba(99, 102, 241, 0.1), transparent);
}

.leaderboard-modal .modal-header h2 {
    color: #fff !important;
}

.leaderboard-modal .modal-header h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.leaderboard-modal .modal-header h2 i {
    color: #facc15;
}

.modal-close {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: var(--text-muted);
    transition: color 0.2s;
}

.modal-close:hover {
    color: var(--text-main);
}

.leaderboard-tabs {
    display: flex;
    padding: 12px 24px;
    gap: 12px;
    border-bottom: 1px solid var(--border-color);
}

.leaderboard-tab {
    flex: 1;
    padding: 10px 16px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background: transparent;
    color: var(--text-muted);
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.leaderboard-tab:hover {
    border-color: rgba(255, 255, 255, 0.3);
    color: #fff;
}

.leaderboard-tab.active {
    background: linear-gradient(135deg, var(--primary), #818cf8);
    border-color: #818cf8;
    color: #fff;
    box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);
}

.leaderboard-list {
    padding: 16px 24px;
    overflow-y: auto;
    max-height: 50vh;
}

.leaderboard-entry {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border-radius: 14px;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.leaderboard-entry:hover {
    background: rgba(255, 255, 255, 0.08);
    transform: translateX(5px);
    border-color: rgba(255, 255, 255, 0.15);
}

.leaderboard-entry.is-me {
    background: rgba(99, 102, 241, 0.1);
    border-color: rgba(99, 102, 241, 0.3);
    box-shadow: inset 0 0 20px rgba(99, 102, 241, 0.05);
}

.leaderboard-entry.top-3 {
    background: linear-gradient(135deg, rgba(250, 204, 21, 0.08) 0%, rgba(250, 204, 21, 0.02) 100%);
}

.rank-badge {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
}

.rank-badge.rank-1,
.rank-badge.rank-2,
.rank-badge.rank-3 {
    background: transparent;
    border: none;
    font-size: 24px;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.4));
    transform: scale(1.1);
}

.entry-avatar {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--primary), #818cf8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.entry-info {
    flex: 1;
    min-width: 0;
}

.entry-name {
    font-weight: 700;
    font-size: 1rem;
    color: #fff !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entry-hub {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5) !important;
}

.entry-stats {
    text-align: right;
    flex-shrink: 0;
}

.entry-level {
    font-weight: 800;
    color: var(--primary);
    text-align: right;
    font-size: 0.95rem;
}

.entry-xp {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7) !important;
    text-align: right;
    font-weight: 600;
}

/* ========================================
   TROPHY NOTIFICATIONS
   ======================================== */
/* ========================================
   CELESTIAL NOTIFICATIONS
   ======================================== */
.trophy-notifications-container {
    position: fixed;
    top: 80px;
    right: 24px;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    gap: 16px;
    pointer-events: none;
    perspective: 1000px;
}

.trophy-notification {
    pointer-events: auto;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: rgba(15, 23, 42, 0.85);
    /* Slate 900 Glass */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5),
        inset 0 0 20px rgba(255, 255, 255, 0.02);
    min-width: 320px;
    max-width: 420px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Glowing Left Border */
.trophy-notification::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to bottom, #3b82f6, #8b5cf6);
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.8);
}

/* Category Specific Glows */
.trophy-notification.trophy-game::before {
    background: linear-gradient(to bottom, #8b5cf6, #d946ef);
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.8);
}

.trophy-notification.trophy-sales::before {
    background: linear-gradient(to bottom, #10b981, #34d399);
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.8);
}

.trophy-notification.trophy-discovery::before {
    background: linear-gradient(to bottom, #f59e0b, #fbbf24);
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.8);
}

.trophy-notification.trophy-fun::before {
    background: linear-gradient(to bottom, #f97316, #fb923c);
    box-shadow: 0 0 15px rgba(249, 115, 22, 0.8);
}

.trophy-notification.trophy-nps::before {
    background: linear-gradient(to bottom, #ec4899, #f472b6);
    box-shadow: 0 0 15px rgba(236, 72, 153, 0.8);
}

.trophy-notif-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

/* Celestial Halos for Icons */
.trophy-notif-icon::after {
    content: '';
    position: absolute;
    inset: -5px;
    border-radius: 18px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    z-index: -1;
    animation: pulseHalo 2s infinite alternate;
}

@keyframes pulseHalo {
    from {
        opacity: 0.3;
        transform: scale(1);
    }

    to {
        opacity: 0.7;
        transform: scale(1.1);
    }
}

.trophy-notif-content {
    flex-grow: 1;
}

.trophy-notif-label {
    font-family: 'Outfit', sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.85) !important;
    /* Increased brightness */
    margin: 0 0 4px 0;
    font-weight: 700;
}

.trophy-notif-title {
    font-family: 'Outfit', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #ffffff !important;
    /* Forced white */
    margin-bottom: 4px;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.8);
}

.trophy-notif-xp {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.9rem;
    font-weight: 700;
    color: #f59e0b;
    /* Star Gold */
}

.trophy-notif-xp i {
    text-shadow: 0 0 8px rgba(245, 158, 11, 0.5);
}

.trophy-notif-close {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    font-size: 20px;
    padding: 4px;
    transition: color 0.2s;
    align-self: flex-start;
}

.trophy-notif-close:hover {
    color: #fff;
}

/* Batch View */
.trophy-batch-count {
    margin-top: 8px;
    padding: 6px 14px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff !important;
    display: inline-block;
}

/* Animations Overrides */
.slide-fade-enter-active {
    animation: slideInRightCelestial 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.slide-fade-leave-active {
    animation: slideOutRightCelestial 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

@keyframes slideInRightCelestial {
    0% {
        transform: translateX(100%) rotateY(-20deg);
        opacity: 0;
        scale: 0.9;
    }

    100% {
        transform: translateX(0) rotateY(0);
        opacity: 1;
        scale: 1;
    }
}

@keyframes slideOutRightCelestial {
    0% {
        transform: translateX(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(50px) scale(0.9);
        opacity: 0;
    }
}

/* Celestial Transitions */
.slide-fade-enter-active {
    animation: slideInRightCelestial 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.slide-fade-leave-active {
    animation: slideOutRightCelestial 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.level-up-enter-active {
    animation: levelUpCelestialEntrance 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.level-up-leave-active {
    animation: levelUpCelestialEntrance 0.4s ease reverse;
}

@keyframes levelUpCelestialEntrance {
    0% {
        transform: translate(-50%, -100%) scale(0.5);
        opacity: 0;
        filter: blur(10px);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
        filter: blur(0);
    }
}

/* Level Up Specific Styles */
.level-up-notification.celestial-levelup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10001;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px;
    background: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border: 2px solid rgba(59, 130, 246, 0.5);
    border-radius: 32px;
    box-shadow: 0 0 100px rgba(59, 130, 246, 0.4),
        inset 0 0 40px rgba(59, 130, 246, 0.1);
    min-width: 400px;
}

.celestial-levelup .level-up-icon {
    width: 100px;
    height: 100px;
    font-size: 50px;
    margin-bottom: 24px;
    background: radial-gradient(circle at 30% 30%, #8b5cf6, #3b82f6, #0f172a);
    border: 2px solid rgba(139, 92, 246, 0.5);
    border-radius: 50%;
    /* Make it a perfect circle (planet/star) */
    box-shadow:
        0 0 30px rgba(139, 92, 246, 0.8),
        inset 0 0 20px rgba(255, 255, 255, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: celestialPulse 3s ease-in-out infinite alternate;
}

.celestial-levelup .level-up-icon i {
    color: white;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
    /* Make the arrow bigger to fit the new design */
    font-size: 55px;
}

@keyframes celestialPulse {
    from {
        box-shadow:
            0 0 20px rgba(139, 92, 246, 0.6),
            inset 0 0 10px rgba(255, 255, 255, 0.2);
        transform: scale(0.95) translateY(0);
    }

    to {
        box-shadow:
            0 0 50px rgba(59, 130, 246, 1),
            inset 0 0 25px rgba(255, 255, 255, 0.6);
        transform: scale(1.05) translateY(-5px);
    }
}

.celestial-levelup .level-up-label {
    font-size: 1rem;
    letter-spacing: 5px;
    color: rgba(255, 255, 255, 0.7) !important;
    margin-bottom: 8px;
}

.celestial-levelup .level-up-value {
    font-size: 3.5rem;
    color: #fff !important;
    text-shadow: 0 0 30px rgba(59, 130, 246, 1);
}

/* Mobile responsive */
@media (max-width: 768px) {
    .gamification-header {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .level-badge-container {
        justify-content: center;
    }

    .xp-info {
        max-width: none;
    }

    .leaderboard-btn {
        width: 100%;
        justify-content: center;
    }

    .trophy-notifications-container {
        left: 10px;
        right: 10px;
        top: 60px;
    }

    .trophy-notification,
    .level-up-notification {
        min-width: auto;
        max-width: none;
    }
}

/* ========================================
   STELLAR TAB (FORCED DARK)
   ======================================== */
.profile-content.stellar-tab-active {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #f8fafc !important;
    position: relative;
    overflow-x: hidden;
    min-height: 100% !important;
}


/* Advanced Starfield (Sarazond Adaptation) */
#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 667px 41px #FFF, 2667px 41px #FFF, 495px 979px #FFF, 2495px 979px #FFF, 1203px 566px #FFF, 3203px 566px #FFF, 1104px 1155px #FFF, 3104px 1155px #FFF, 999px 656px #FFF, 2999px 656px #FFF, 714px 1467px #FFF, 2714px 1467px #FFF, 1769px 579px #FFF, 3769px 579px #FFF, 1911px 429px #FFF, 3911px 429px #FFF, 1603px 820px #FFF, 3603px 820px #FFF, 1371px 1690px #FFF, 3371px 1690px #FFF, 1939px 1228px #FFF, 3939px 1228px #FFF, 1400px 1367px #FFF, 3400px 1367px #FFF, 1253px 219px #FFF, 3253px 219px #FFF, 1335px 843px #FFF, 3335px 843px #FFF, 1801px 1438px #FFF, 3801px 1438px #FFF, 308px 705px #FFF, 2308px 705px #FFF, 1139px 1121px #FFF, 3139px 1121px #FFF, 1379px 552px #FFF, 3379px 552px #FFF, 1551px 457px #FFF, 3551px 457px #FFF, 220px 753px #FFF, 2220px 753px #FFF, 1942px 302px #FFF, 3942px 302px #FFF, 382px 1880px #FFF, 2382px 1880px #FFF, 1441px 351px #FFF, 3441px 351px #FFF, 1863px 699px #FFF, 3863px 699px #FFF, 546px 833px #FFF, 2546px 833px #FFF, 216px 754px #FFF, 2216px 754px #FFF, 571px 982px #FFF, 2571px 982px #FFF, 273px 297px #FFF, 2273px 297px #FFF, 1862px 465px #FFF, 3862px 465px #FFF, 609px 651px #FFF, 2609px 651px #FFF, 1461px 309px #FFF, 3461px 309px #FFF, 678px 1062px #FFF, 2678px 1062px #FFF, 1112px 473px #FFF, 3112px 473px #FFF, 1390px 79px #FFF, 3390px 79px #FFF, 118px 1364px #FFF, 2118px 1364px #FFF, 1373px 1438px #FFF, 3373px 1438px #FFF, 1870px 1839px #FFF, 3870px 1839px #FFF, 64px 704px #FFF, 2064px 704px #FFF, 1487px 177px #FFF, 3487px 177px #FFF, 1296px 906px #FFF, 3296px 906px #FFF, 1880px 115px #FFF, 3880px 115px #FFF, 351px 1968px #FFF, 2351px 1968px #FFF, 1610px 1915px #FFF, 3610px 1915px #FFF, 348px 1974px #FFF, 2348px 1974px #FFF, 1508px 1947px #FFF, 3508px 1947px #FFF, 388px 38px #FFF, 2388px 38px #FFF, 325px 395px #FFF, 2325px 395px #FFF, 463px 1211px #FFF, 2463px 1211px #FFF, 1502px 1756px #FFF, 3502px 1756px #FFF, 522px 620px #FFF, 2522px 620px #FFF, 343px 141px #FFF, 2343px 141px #FFF, 651px 1130px #FFF, 2651px 1130px #FFF, 1936px 1062px #FFF, 3936px 1062px #FFF, 1979px 1707px #FFF, 3979px 1707px #FFF, 772px 843px #FFF, 2772px 843px #FFF, 993px 613px #FFF, 2993px 613px #FFF, 158px 399px #FFF, 2158px 399px #FFF, 40px 825px #FFF, 2040px 825px #FFF, 622px 1408px #FFF, 2622px 1408px #FFF, 1936px 1378px #FFF, 3936px 1378px #FFF, 1117px 1481px #FFF, 3117px 1481px #FFF, 236px 832px #FFF, 2236px 832px #FFF, 520px 1038px #FFF, 2520px 1038px #FFF, 431px 973px #FFF, 2431px 973px #FFF, 1195px 25px #FFF, 3195px 25px #FFF, 1802px 771px #FFF, 3802px 771px #FFF, 480px 1195px #FFF, 2480px 1195px #FFF, 973px 1231px #FFF, 2973px 1231px #FFF, 1878px 1571px #FFF, 3878px 1571px #FFF, 1844px 1560px #FFF, 3844px 1560px #FFF, 1008px 1096px #FFF, 3008px 1096px #FFF, 1115px 1140px #FFF, 3115px 1140px #FFF, 419px 846px #FFF, 2419px 846px #FFF, 297px 1957px #FFF, 2297px 1957px #FFF, 259px 1676px #FFF, 2259px 1676px #FFF, 1831px 1603px #FFF, 3831px 1603px #FFF, 1015px 1555px #FFF, 3015px 1555px #FFF, 99px 932px #FFF, 2099px 932px #FFF, 1187px 115px #FFF, 3187px 115px #FFF, 1947px 81px #FFF, 3947px 81px #FFF, 631px 1545px #FFF, 2631px 1545px #FFF, 1505px 132px #FFF, 3505px 132px #FFF, 1635px 239px #FFF, 3635px 239px #FFF, 502px 1965px #FFF, 2502px 1965px #FFF, 1375px 1138px #FFF, 3375px 1138px #FFF, 818px 1237px #FFF, 2818px 1237px #FFF, 1717px 1123px #FFF, 3717px 1123px #FFF, 1575px 1107px #FFF, 3575px 1107px #FFF, 1506px 1251px #FFF, 3506px 1251px #FFF, 1898px 899px #FFF, 3898px 899px #FFF, 711px 896px #FFF, 2711px 896px #FFF, 1669px 613px #FFF, 3669px 613px #FFF, 194px 62px #FFF, 2194px 62px #FFF, 433px 217px #FFF, 2433px 217px #FFF, 1110px 1572px #FFF, 3110px 1572px #FFF, 853px 239px #FFF, 2853px 239px #FFF, 1315px 1458px #FFF, 3315px 1458px #FFF, 1216px 1322px #FFF, 3216px 1322px #FFF, 1409px 463px #FFF, 3409px 463px #FFF, 1509px 310px #FFF, 3509px 310px #FFF, 1090px 1058px #FFF, 3090px 1058px #FFF, 378px 1861px #FFF, 2378px 1861px #FFF, 233px 1021px #FFF, 2233px 1021px #FFF, 1148px 171px #FFF, 3148px 171px #FFF, 1449px 1126px #FFF, 3449px 1126px #FFF, 535px 250px #FFF, 2535px 250px #FFF, 1210px 497px #FFF, 3210px 497px #FFF, 1629px 1633px #FFF, 3629px 1633px #FFF, 305px 976px #FFF, 2305px 976px #FFF, 616px 279px #FFF, 2616px 279px #FFF, 21px 988px #FFF, 2021px 988px #FFF, 1248px 1961px #FFF, 3248px 1961px #FFF, 464px 1241px #FFF, 2464px 1241px #FFF, 1733px 569px #FFF, 3733px 569px #FFF, 301px 1958px #FFF, 2301px 1958px #FFF, 763px 825px #FFF, 2763px 825px #FFF, 934px 1557px #FFF, 2934px 1557px #FFF, 197px 3px #FFF, 2197px 3px #FFF, 1775px 1828px #FFF, 3775px 1828px #FFF, 766px 1681px #FFF, 2766px 1681px #FFF, 361px 583px #FFF, 2361px 583px #FFF, 1485px 1275px #FFF, 3485px 1275px #FFF, 1951px 1762px #FFF, 3951px 1762px #FFF, 1507px 649px #FFF, 3507px 649px #FFF, 547px 1306px #FFF, 2547px 1306px #FFF, 878px 696px #FFF, 2878px 696px #FFF, 1336px 415px #FFF, 3336px 415px #FFF, 903px 345px #FFF, 2903px 345px #FFF, 749px 998px #FFF, 2749px 998px #FFF, 1491px 1841px #FFF, 3491px 1841px #FFF, 719px 1021px #FFF, 2719px 1021px #FFF, 913px 1323px #FFF, 2913px 1323px #FFF, 1256px 1455px #FFF, 3256px 1455px #FFF, 1067px 1760px #FFF, 3067px 1760px #FFF, 1545px 693px #FFF, 3545px 693px #FFF, 1347px 1735px #FFF, 3347px 1735px #FFF, 1573px 220px #FFF, 3573px 220px #FFF, 101px 861px #FFF, 2101px 861px #FFF, 904px 872px #FFF, 2904px 872px #FFF, 845px 1266px #FFF, 2845px 1266px #FFF, 1789px 1620px #FFF, 3789px 1620px #FFF, 374px 840px #FFF, 2374px 840px #FFF, 25px 1583px #FFF, 2025px 1583px #FFF, 793px 1565px #FFF, 2793px 1565px #FFF, 525px 228px #FFF, 2525px 228px #FFF, 1449px 646px #FFF, 3449px 646px #FFF, 1352px 108px #FFF, 3352px 108px #FFF, 1679px 24px #FFF, 3679px 24px #FFF, 1117px 1249px #FFF, 3117px 1249px #FFF, 359px 1546px #FFF, 2359px 1546px #FFF, 1285px 1082px #FFF, 3285px 1082px #FFF, 1826px 1435px #FFF, 3826px 1435px #FFF, 102px 614px #FFF, 2102px 614px #FFF, 1824px 377px #FFF, 3824px 377px #FFF, 533px 1861px #FFF, 2533px 1861px #FFF, 1087px 157px #FFF, 3087px 157px #FFF, 914px 296px #FFF, 2914px 296px #FFF, 349px 570px #FFF, 2349px 570px #FFF, 360px 864px #FFF, 2360px 864px #FFF, 1068px 1446px #FFF, 3068px 1446px #FFF, 660px 1921px #FFF, 2660px 1921px #FFF, 296px 1154px #FFF, 2296px 1154px #FFF, 963px 302px #FFF, 2963px 302px #FFF, 1877px 746px #FFF, 3877px 746px #FFF, 1160px 1082px #FFF, 3160px 1082px #FFF, 1340px 1594px #FFF, 3340px 1594px #FFF, 1833px 25px #FFF, 3833px 25px #FFF, 272px 1096px #FFF, 2272px 1096px #FFF, 1398px 1064px #FFF, 3398px 1064px #FFF, 964px 941px #FFF, 2964px 941px #FFF, 1315px 1371px #FFF, 3315px 1371px #FFF, 1811px 1170px #FFF, 3811px 1170px #FFF, 155px 1758px #FFF, 2155px 1758px #FFF, 404px 489px #FFF, 2404px 489px #FFF, 1531px 1149px #FFF, 3531px 1149px #FFF, 731px 1524px #FFF, 2731px 1524px #FFF, 364px 1132px #FFF, 2364px 1132px #FFF, 306px 1127px #FFF, 2306px 1127px #FFF, 978px 1627px #FFF, 2978px 1627px #FFF, 452px 1031px #FFF, 2452px 1031px #FFF, 1630px 1080px #FFF, 3630px 1080px #FFF, 271px 298px #FFF, 2271px 298px #FFF, 1640px 72px #FFF, 3640px 72px #FFF, 1443px 907px #FFF, 3443px 907px #FFF, 1150px 1801px #FFF, 3150px 1801px #FFF, 942px 769px #FFF, 2942px 769px #FFF, 1019px 1327px #FFF, 3019px 1327px #FFF, 377px 1749px #FFF, 2377px 1749px #FFF, 1917px 1009px #FFF, 3917px 1009px #FFF, 1147px 1714px #FFF, 3147px 1714px #FFF, 699px 931px #FFF, 2699px 931px #FFF, 1263px 1567px #FFF, 3263px 1567px #FFF, 79px 1428px #FFF, 2079px 1428px #FFF, 611px 1075px #FFF, 2611px 1075px #FFF, 745px 792px #FFF, 2745px 792px #FFF, 1128px 1765px #FFF, 3128px 1765px #FFF, 1865px 1261px #FFF, 3865px 1261px #FFF, 271px 262px #FFF, 2271px 262px #FFF, 1545px 516px #FFF, 3545px 516px #FFF, 1082px 449px #FFF, 3082px 449px #FFF, 1338px 328px #FFF, 3338px 328px #FFF, 80px 93px #FFF, 2080px 93px #FFF, 1176px 1960px #FFF, 3176px 1960px #FFF, 437px 162px #FFF, 2437px 162px #FFF, 74px 1692px #FFF, 2074px 1692px #FFF, 1427px 736px #FFF, 3427px 736px #FFF, 1337px 27px #FFF, 3337px 27px #FFF, 441px 1664px #FFF, 2441px 1664px #FFF, 986px 1192px #FFF, 2986px 1192px #FFF, 1462px 27px #FFF, 3462px 27px #FFF, 240px 1956px #FFF, 2240px 1956px #FFF, 1600px 220px #FFF, 3600px 220px #FFF, 369px 603px #FFF, 2369px 603px #FFF, 1229px 420px #FFF, 3229px 420px #FFF, 1095px 1468px #FFF, 3095px 1468px #FFF, 1614px 995px #FFF, 3614px 995px #FFF, 493px 46px #FFF, 2493px 46px #FFF, 936px 1402px #FFF, 2936px 1402px #FFF, 283px 1592px #FFF, 2283px 1592px #FFF, 140px 1830px #FFF, 2140px 1830px #FFF, 1993px 1444px #FFF, 3993px 1444px #FFF, 1874px 1629px #FFF, 3874px 1629px #FFF, 461px 1976px #FFF, 2461px 1976px #FFF, 171px 619px #FFF, 2171px 619px #FFF, 1397px 276px #FFF, 3397px 276px #FFF, 1555px 746px #FFF, 3555px 746px #FFF, 815px 148px #FFF, 2815px 148px #FFF, 1147px 178px #FFF, 3147px 178px #FFF, 1131px 290px #FFF, 3131px 290px #FFF, 1325px 1892px #FFF, 3325px 1892px #FFF, 1036px 1121px #FFF, 3036px 1121px #FFF, 525px 1596px #FFF, 2525px 1596px #FFF, 230px 186px #FFF, 2230px 186px #FFF, 1072px 256px #FFF, 3072px 256px #FFF, 847px 1979px #FFF, 2847px 1979px #FFF, 1456px 424px #FFF, 3456px 424px #FFF, 695px 1049px #FFF, 2695px 1049px #FFF, 1162px 784px #FFF, 3162px 784px #FFF, 109px 100px #FFF, 2109px 100px #FFF, 1560px 514px #FFF, 3560px 514px #FFF, 1843px 166px #FFF, 3843px 166px #FFF, 1120px 1535px #FFF, 3120px 1535px #FFF, 1318px 13px #FFF, 3318px 13px #FFF, 1939px 1116px #FFF, 3939px 1116px #FFF, 625px 555px #FFF, 2625px 555px #FFF, 1537px 776px #FFF, 3537px 776px #FFF, 1824px 177px #FFF, 3824px 177px #FFF, 1932px 1680px #FFF, 3932px 1680px #FFF, 1984px 521px #FFF, 3984px 521px #FFF, 1396px 101px #FFF, 3396px 101px #FFF, 1973px 87px #FFF, 3973px 87px #FFF, 152px 1215px #FFF, 2152px 1215px #FFF, 1444px 637px #FFF, 3444px 637px #FFF, 1378px 1925px #FFF, 3378px 1925px #FFF, 783px 1374px #FFF, 2783px 1374px #FFF, 1571px 1477px #FFF, 3571px 1477px #FFF, 378px 1302px #FFF, 2378px 1302px #FFF, 1718px 1472px #FFF, 3718px 1472px #FFF, 1715px 442px #FFF, 3715px 442px #FFF, 1323px 750px #FFF, 3323px 750px #FFF, 1317px 179px #FFF, 3317px 179px #FFF, 1665px 1881px #FFF, 3665px 1881px #FFF, 475px 514px #FFF, 2475px 514px #FFF, 1514px 1229px #FFF, 3514px 1229px #FFF, 911px 1362px #FFF, 2911px 1362px #FFF, 912px 1800px #FFF, 2912px 1800px #FFF, 483px 658px #FFF, 2483px 658px #FFF, 942px 1609px #FFF, 2942px 1609px #FFF, 332px 1878px #FFF, 2332px 1878px #FFF, 1514px 102px #FFF, 3514px 102px #FFF, 402px 1745px #FFF, 2402px 1745px #FFF, 176px 68px #FFF, 2176px 68px #FFF, 846px 233px #FFF, 2846px 233px #FFF, 1992px 1221px #FFF, 3992px 1221px #FFF, 928px 1680px #FFF, 2928px 1680px #FFF, 1673px 133px #FFF, 3673px 133px #FFF, 1684px 1204px #FFF, 3684px 1204px #FFF, 994px 1391px #FFF, 2994px 1391px #FFF, 342px 1647px #FFF, 2342px 1647px #FFF, 55px 1483px #FFF, 2055px 1483px #FFF, 157px 1587px #FFF, 2157px 1587px #FFF, 286px 590px #FFF, 2286px 590px #FFF, 853px 47px #FFF, 2853px 47px #FFF, 118px 935px #FFF, 2118px 935px #FFF, 1174px 1481px #FFF, 3174px 1481px #FFF, 1751px 1324px #FFF, 3751px 1324px #FFF, 1079px 282px #FFF, 3079px 282px #FFF, 1947px 440px #FFF, 3947px 440px #FFF, 1768px 527px #FFF, 3768px 527px #FFF, 364px 235px #FFF, 2364px 235px #FFF, 1070px 1759px #FFF, 3070px 1759px #FFF, 530px 1286px #FFF, 2530px 1286px #FFF, 1808px 235px #FFF, 3808px 235px #FFF, 1233px 1511px #FFF, 3233px 1511px #FFF, 1699px 837px #FFF, 3699px 837px #FFF, 264px 1014px #FFF, 2264px 1014px #FFF, 1175px 1831px #FFF, 3175px 1831px #FFF, 500px 1653px #FFF, 2500px 1653px #FFF, 996px 1388px #FFF, 2996px 1388px #FFF, 719px 796px #FFF, 2719px 796px #FFF, 1692px 755px #FFF, 3692px 755px #FFF, 1968px 1968px #FFF, 3968px 1968px #FFF, 936px 1465px #FFF, 2936px 1465px #FFF, 1366px 802px #FFF, 3366px 802px #FFF, 1065px 1524px #FFF, 3065px 1524px #FFF, 1044px 1688px #FFF, 3044px 1688px #FFF, 868px 684px #FFF, 2868px 684px #FFF, 1352px 146px #FFF, 3352px 146px #FFF, 267px 1914px #FFF, 2267px 1914px #FFF, 698px 1199px #FFF, 2698px 1199px #FFF, 436px 1048px #FFF, 2436px 1048px #FFF, 287px 950px #FFF, 2287px 950px #FFF, 1903px 633px #FFF, 3903px 633px #FFF, 1654px 630px #FFF, 3654px 630px #FFF, 1347px 837px #FFF, 3347px 837px #FFF, 421px 1485px #FFF, 2421px 1485px #FFF, 182px 1008px #FFF, 2182px 1008px #FFF, 1609px 483px #FFF, 3609px 483px #FFF, 1147px 1648px #FFF, 3147px 1648px #FFF, 1089px 1487px #FFF, 3089px 1487px #FFF, 1101px 1925px #FFF, 3101px 1925px #FFF, 1578px 167px #FFF, 3578px 167px #FFF, 1566px 1170px #FFF, 3566px 1170px #FFF, 1538px 1871px #FFF, 3538px 1871px #FFF, 35px 1188px #FFF, 2035px 1188px #FFF, 1973px 1620px #FFF, 3973px 1620px #FFF, 1696px 1786px #FFF, 3696px 1786px #FFF, 255px 413px #FFF, 2255px 413px #FFF, 1146px 1885px #FFF, 3146px 1885px #FFF, 1376px 299px #FFF, 3376px 299px #FFF, 1401px 719px #FFF, 3401px 719px #FFF, 837px 1591px #FFF, 2837px 1591px #FFF, 342px 1013px #FFF, 2342px 1013px #FFF, 271px 1976px #FFF, 2271px 1976px #FFF, 1461px 189px #FFF, 3461px 189px #FFF, 1083px 1951px #FFF, 3083px 1951px #FFF, 499px 1606px #FFF, 2499px 1606px #FFF, 456px 1426px #FFF, 2456px 1426px #FFF, 1508px 1542px #FFF, 3508px 1542px #FFF, 1002px 81px #FFF, 3002px 81px #FFF, 522px 1873px #FFF, 2522px 1873px #FFF, 1797px 1771px #FFF, 3797px 1771px #FFF, 496px 787px #FFF, 2496px 787px #FFF, 972px 909px #FFF, 2972px 909px #FFF, 823px 534px #FFF, 2823px 534px #FFF, 1955px 562px #FFF, 3955px 562px #FFF, 351px 7px #FFF, 2351px 7px #FFF, 235px 1876px #FFF, 2235px 1876px #FFF, 1521px 883px #FFF, 3521px 883px #FFF, 439px 1298px #FFF, 2439px 1298px #FFF, 303px 1972px #FFF, 2303px 1972px #FFF, 42px 856px #FFF, 2042px 856px #FFF, 187px 1543px #FFF, 2187px 1543px #FFF, 253px 658px #FFF, 2253px 658px #FFF, 843px 17px #FFF, 2843px 17px #FFF, 220px 19px #FFF, 2220px 19px #FFF, 1532px 1571px #FFF, 3532px 1571px #FFF, 1309px 626px #FFF, 3309px 626px #FFF, 1781px 1912px #FFF, 3781px 1912px #FFF, 1317px 668px #FFF, 3317px 668px #FFF, 76px 1846px #FFF, 2076px 1846px #FFF, 1227px 715px #FFF, 3227px 715px #FFF, 1733px 1521px #FFF, 3733px 1521px #FFF, 362px 1733px #FFF, 2362px 1733px #FFF, 1765px 1913px #FFF, 3765px 1913px #FFF, 592px 1705px #FFF, 2592px 1705px #FFF, 1603px 644px #FFF, 3603px 644px #FFF, 904px 1298px #FFF, 2904px 1298px #FFF, 1494px 685px #FFF, 3494px 685px #FFF, 435px 1233px #FFF, 2435px 1233px #FFF, 1837px 935px #FFF, 3837px 935px #FFF, 322px 295px #FFF, 2322px 295px #FFF, 1594px 1785px #FFF, 3594px 1785px #FFF, 1309px 352px #FFF, 3309px 352px #FFF, 616px 1513px #FFF, 2616px 1513px #FFF, 691px 1855px #FFF, 2691px 1855px #FFF, 6px 217px #FFF, 2006px 217px #FFF, 1023px 1192px #FFF, 3023px 1192px #FFF, 1791px 460px #FFF, 3791px 460px #FFF, 1552px 538px #FFF, 3552px 538px #FFF, 100px 1809px #FFF, 2100px 1809px #FFF, 857px 1006px #FFF, 2857px 1006px #FFF, 1757px 569px #FFF, 3757px 569px #FFF, 1826px 687px #FFF, 3826px 687px #FFF, 1604px 1150px #FFF, 3604px 1150px #FFF, 531px 1314px #FFF, 2531px 1314px #FFF, 1623px 948px #FFF, 3623px 948px #FFF, 1936px 1782px #FFF, 3936px 1782px #FFF, 1422px 1897px #FFF, 3422px 1897px #FFF, 901px 89px #FFF, 2901px 89px #FFF, 901px 445px #FFF, 2901px 445px #FFF, 126px 394px #FFF, 2126px 394px #FFF, 1659px 1337px #FFF, 3659px 1337px #FFF, 832px 1939px #FFF, 2832px 1939px #FFF, 967px 1406px #FFF, 2967px 1406px #FFF, 60px 836px #FFF, 2060px 836px #FFF, 103px 638px #FFF, 2103px 638px #FFF, 1463px 324px #FFF, 3463px 324px #FFF, 1754px 579px #FFF, 3754px 579px #FFF, 1340px 691px #FFF, 3340px 691px #FFF, 894px 1041px #FFF, 2894px 1041px #FFF, 261px 988px #FFF, 2261px 988px #FFF, 184px 834px #FFF, 2184px 834px #FFF, 1066px 1857px #FFF, 3066px 1857px #FFF, 1233px 372px #FFF, 3233px 372px #FFF, 156px 403px #FFF, 2156px 403px #FFF, 1329px 1986px #FFF, 3329px 1986px #FFF, 63px 1575px #FFF, 2063px 1575px #FFF, 983px 1050px #FFF, 2983px 1050px #FFF, 1235px 576px #FFF, 3235px 576px #FFF, 680px 233px #FFF, 2680px 233px #FFF, 1971px 1469px #FFF, 3971px 1469px #FFF, 564px 294px #FFF, 2564px 294px #FFF, 17px 1620px #FFF, 2017px 1620px #FFF, 1893px 1751px #FFF, 3893px 1751px #FFF, 899px 1254px #FFF, 2899px 1254px #FFF, 866px 1806px #FFF, 2866px 1806px #FFF, 70px 579px #FFF, 2070px 579px #FFF, 1906px 1761px #FFF, 3906px 1761px #FFF, 1808px 685px #FFF, 3808px 685px #FFF, 982px 1900px #FFF, 2982px 1900px #FFF, 1780px 82px #FFF, 3780px 82px #FFF, 163px 603px #FFF, 2163px 603px #FFF, 1811px 1913px #FFF, 3811px 1913px #FFF, 1065px 1620px #FFF, 3065px 1620px #FFF, 616px 884px #FFF, 2616px 884px #FFF, 1346px 1309px #FFF, 3346px 1309px #FFF, 794px 1850px #FFF, 2794px 1850px #FFF, 1521px 1774px #FFF, 3521px 1774px #FFF, 85px 235px #FFF, 2085px 235px #FFF, 1993px 736px #FFF, 3993px 736px #FFF, 249px 425px #FFF, 2249px 425px #FFF, 6px 1544px #FFF, 2006px 1544px #FFF, 618px 1377px #FFF, 2618px 1377px #FFF, 989px 1006px #FFF, 2989px 1006px #FFF, 939px 1739px #FFF, 2939px 1739px #FFF, 627px 1079px #FFF, 2627px 1079px #FFF, 1351px 1795px #FFF, 3351px 1795px #FFF, 1884px 408px #FFF, 3884px 408px #FFF, 1191px 894px #FFF, 3191px 894px #FFF, 1113px 1716px #FFF, 3113px 1716px #FFF, 1904px 803px #FFF, 3904px 803px #FFF, 1827px 651px #FFF, 3827px 651px #FFF, 1913px 86px #FFF, 3913px 86px #FFF, 753px 1499px #FFF, 2753px 1499px #FFF, 1342px 1724px #FFF, 3342px 1724px #FFF, 363px 408px #FFF, 2363px 408px #FFF, 1869px 462px #FFF, 3869px 462px #FFF, 1470px 1614px #FFF, 3470px 1614px #FFF, 1362px 1232px #FFF, 3362px 1232px #FFF, 1611px 617px #FFF, 3611px 617px #FFF, 678px 356px #FFF, 2678px 356px #FFF, 1195px 1025px #FFF, 3195px 1025px #FFF, 1077px 1641px #FFF, 3077px 1641px #FFF, 1128px 1880px #FFF, 3128px 1880px #FFF, 632px 714px #FFF, 2632px 714px #FFF, 930px 1692px #FFF, 2930px 1692px #FFF, 493px 127px #FFF, 2493px 127px #FFF, 189px 841px #FFF, 2189px 841px #FFF, 1381px 128px #FFF, 3381px 128px #FFF, 1708px 1134px #FFF, 3708px 1134px #FFF, 936px 485px #FFF, 2936px 485px #FFF, 1578px 1125px #FFF, 3578px 1125px #FFF, 1335px 1071px #FFF, 3335px 1071px #FFF, 130px 954px #FFF, 2130px 954px #FFF, 513px 638px #FFF, 2513px 638px #FFF, 22px 201px #FFF, 2022px 201px #FFF, 731px 127px #FFF, 2731px 127px #FFF, 1236px 263px #FFF, 3236px 263px #FFF, 1367px 838px #FFF, 3367px 838px #FFF, 1027px 1702px #FFF, 3027px 1702px #FFF, 1823px 466px #FFF, 3823px 466px #FFF, 990px 1045px #FFF, 2990px 1045px #FFF, 1265px 527px #FFF, 3265px 527px #FFF, 290px 245px #FFF, 2290px 245px #FFF, 620px 998px #FFF, 2620px 998px #FFF, 340px 1967px #FFF, 2340px 1967px #FFF, 1900px 1810px #FFF, 3900px 1810px #FFF, 989px 1467px #FFF, 2989px 1467px #FFF, 265px 906px #FFF, 2265px 906px #FFF, 1295px 1445px #FFF, 3295px 1445px #FFF, 1760px 351px #FFF, 3760px 351px #FFF, 742px 1072px #FFF, 2742px 1072px #FFF, 880px 1872px #FFF, 2880px 1872px #FFF, 1586px 1866px #FFF, 3586px 1866px #FFF, 824px 1106px #FFF, 2824px 1106px #FFF, 290px 1386px #FFF, 2290px 1386px #FFF, 80px 1175px #FFF, 2080px 1175px #FFF, 315px 11px #FFF, 2315px 11px #FFF, 1559px 1533px #FFF, 3559px 1533px #FFF, 226px 1631px #FFF, 2226px 1631px #FFF, 1526px 82px #FFF, 3526px 82px #FFF, 1003px 1636px #FFF, 3003px 1636px #FFF, 254px 791px #FFF, 2254px 791px #FFF, 1556px 493px #FFF, 3556px 493px #FFF, 805px 551px #FFF, 2805px 551px #FFF, 160px 911px #FFF, 2160px 911px #FFF, 1257px 1457px #FFF, 3257px 1457px #FFF, 1066px 1736px #FFF, 3066px 1736px #FFF, 1927px 1268px #FFF, 3927px 1268px #FFF, 1103px 586px #FFF, 3103px 586px #FFF, 1145px 824px #FFF, 3145px 824px #FFF, 597px 8px #FFF, 2597px 8px #FFF, 1776px 1381px #FFF, 3776px 1381px #FFF, 24px 311px #FFF, 2024px 311px #FFF, 319px 1574px #FFF, 2319px 1574px #FFF, 128px 1148px #FFF, 2128px 1148px #FFF, 969px 1673px #FFF, 2969px 1673px #FFF, 1481px 849px #FFF, 3481px 849px #FFF, 61px 333px #FFF, 2061px 333px #FFF, 1282px 749px #FFF, 3282px 749px #FFF, 1887px 390px #FFF, 3887px 390px #FFF, 942px 1171px #FFF, 2942px 1171px #FFF, 1181px 1327px #FFF, 3181px 1327px #FFF, 145px 1613px #FFF, 2145px 1613px #FFF, 469px 642px #FFF, 2469px 642px #FFF, 1879px 150px #FFF, 3879px 150px #FFF, 738px 731px #FFF, 2738px 731px #FFF, 30px 648px #FFF, 2030px 648px #FFF, 1066px 1129px #FFF, 3066px 1129px #FFF, 766px 1334px #FFF, 2766px 1334px #FFF, 290px 1186px #FFF, 2290px 1186px #FFF, 1545px 819px #FFF, 3545px 819px #FFF, 776px 432px #FFF, 2776px 432px #FFF, 200px 1941px #FFF, 2200px 1941px #FFF, 1731px 341px #FFF, 3731px 341px #FFF, 0px 364px #FFF, 2000px 364px #FFF, 1514px 138px #FFF, 3514px 138px #FFF, 1170px 789px #FFF, 3170px 789px #FFF, 1860px 1901px #FFF, 3860px 1901px #FFF, 1707px 1183px #FFF, 3707px 1183px #FFF, 1430px 699px #FFF, 3430px 699px #FFF, 1537px 953px #FFF, 3537px 953px #FFF, 854px 965px #FFF, 2854px 965px #FFF, 1614px 1353px #FFF, 3614px 1353px #FFF, 1302px 114px #FFF, 3302px 114px #FFF, 1815px 295px #FFF, 3815px 295px #FFF, 1874px 1714px #FFF, 3874px 1714px #FFF, 625px 769px #FFF, 2625px 769px #FFF, 518px 1067px #FFF, 2518px 1067px #FFF, 769px 1641px #FFF, 2769px 1641px #FFF, 1791px 1749px #FFF, 3791px 1749px #FFF, 1561px 148px #FFF, 3561px 148px #FFF, 1915px 1394px #FFF, 3915px 1394px #FFF, 132px 704px #FFF, 2132px 704px #FFF, 1234px 1706px #FFF, 3234px 1706px #FFF, 1340px 1996px #FFF, 3340px 1996px #FFF, 421px 1875px #FFF, 2421px 1875px #FFF, 1933px 356px #FFF, 3933px 356px #FFF, 1723px 1316px #FFF, 3723px 1316px #FFF, 561px 188px #FFF, 2561px 188px #FFF, 1691px 619px #FFF, 3691px 619px #FFF, 943px 1923px #FFF, 2943px 1923px #FFF, 263px 1284px #FFF, 2263px 1284px #FFF, 448px 390px #FFF, 2448px 390px #FFF, 1772px 1377px #FFF, 3772px 1377px #FFF, 157px 1367px #FFF, 2157px 1367px #FFF, 1309px 1871px #FFF, 3309px 1871px #FFF, 1998px 840px #FFF, 3998px 840px #FFF, 1072px 1833px #FFF, 3072px 1833px #FFF, 190px 641px #FFF, 2190px 641px #FFF, 400px 1873px #FFF, 2400px 1873px #FFF, 972px 859px #FFF, 2972px 859px #FFF, 639px 147px #FFF, 2639px 147px #FFF, 1569px 1064px #FFF, 3569px 1064px #FFF, 1601px 650px #FFF, 3601px 650px #FFF, 115px 1672px #FFF, 2115px 1672px #FFF, 574px 1223px #FFF, 2574px 1223px #FFF, 830px 1902px #FFF, 2830px 1902px #FFF, 817px 16px #FFF, 2817px 16px #FFF, 1892px 1397px #FFF, 3892px 1397px #FFF, 1052px 1171px #FFF, 3052px 1171px #FFF, 1165px 1807px #FFF, 3165px 1807px #FFF, 1058px 1608px #FFF, 3058px 1608px #FFF, 1637px 1583px #FFF, 3637px 1583px #FFF, 1739px 278px #FFF, 3739px 278px #FFF, 537px 435px #FFF, 2537px 435px #FFF, 722px 578px #FFF, 2722px 578px #FFF, 511px 1862px #FFF, 2511px 1862px #FFF, 1372px 1385px #FFF, 3372px 1385px #FFF, 60px 1790px #FFF, 2060px 1790px #FFF, 71px 964px #FFF, 2071px 964px #FFF, 1624px 850px #FFF, 3624px 850px #FFF, 1825px 738px #FFF, 3825px 738px #FFF, 1985px 1406px #FFF, 3985px 1406px #FFF, 537px 1514px #FFF, 2537px 1514px #FFF, 1240px 184px #FFF, 3240px 184px #FFF, 1777px 650px #FFF, 3777px 650px #FFF, 1642px 411px #FFF, 3642px 411px #FFF, 268px 574px #FFF, 2268px 574px #FFF, 129px 1230px #FFF, 2129px 1230px #FFF, 1551px 1055px #FFF, 3551px 1055px #FFF, 27px 1097px #FFF, 2027px 1097px #FFF, 1835px 1571px #FFF, 3835px 1571px #FFF, 848px 1740px #FFF, 2848px 1740px #FFF, 1715px 1115px #FFF, 3715px 1115px #FFF, 1259px 261px #FFF, 3259px 261px #FFF, 495px 1342px #FFF, 2495px 1342px #FFF, 1651px 1355px #FFF, 3651px 1355px #FFF, 531px 1172px #FFF, 2531px 1172px #FFF, 1554px 338px #FFF, 3554px 338px #FFF, 984px 520px #FFF, 2984px 520px #FFF, 1247px 1007px #FFF, 3247px 1007px #FFF, 1775px 1116px #FFF, 3775px 1116px #FFF, 1310px 1871px #FFF, 3310px 1871px #FFF, 578px 29px #FFF, 2578px 29px #FFF, 1189px 1557px #FFF, 3189px 1557px #FFF, 372px 430px #FFF, 2372px 430px #FFF, 572px 346px #FFF, 2572px 346px #FFF, 1094px 1530px #FFF, 3094px 1530px #FFF, 142px 1297px #FFF, 2142px 1297px #FFF, 83px 1770px #FFF, 2083px 1770px #FFF, 98px 122px #FFF, 2098px 122px #FFF, 31px 1526px #FFF, 2031px 1526px #FFF, 419px 1857px #FFF, 2419px 1857px #FFF, 221px 23px #FFF, 2221px 23px #FFF, 361px 1124px #FFF, 2361px 1124px #FFF, 1904px 171px #FFF, 3904px 171px #FFF, 189px 43px #FFF, 2189px 43px #FFF, 396px 169px #FFF, 2396px 169px #FFF, 844px 1806px #FFF, 2844px 1806px #FFF, 1933px 22px #FFF, 3933px 22px #FFF, 1301px 1730px #FFF, 3301px 1730px #FFF, 1888px 1085px #FFF, 3888px 1085px #FFF, 123px 34px #FFF, 2123px 34px #FFF, 1384px 44px #FFF, 3384px 44px #FFF, 1271px 869px #FFF, 3271px 869px #FFF, 1660px 714px #FFF, 3660px 714px #FFF, 231px 944px #FFF, 2231px 944px #FFF, 1350px 728px #FFF, 3350px 728px #FFF, 913px 623px #FFF, 2913px 623px #FFF, 1846px 777px #FFF, 3846px 777px #FFF, 1579px 1972px #FFF, 3579px 1972px #FFF, 789px 1470px #FFF, 2789px 1470px #FFF, 1988px 850px #FFF, 3988px 850px #FFF, 394px 1493px #FFF, 2394px 1493px #FFF, 1681px 1204px #FFF, 3681px 1204px #FFF, 1445px 1055px #FFF, 3445px 1055px #FFF, 585px 1864px #FFF, 2585px 1864px #FFF, 822px 561px #FFF, 2822px 561px #FFF, 1536px 1296px #FFF, 3536px 1296px #FFF, 1549px 1241px #FFF, 3549px 1241px #FFF, 863px 1653px #FFF, 2863px 1653px #FFF, 1400px 828px #FFF, 3400px 828px #FFF, 1189px 692px #FFF, 3189px 692px #FFF, 1818px 1386px #FFF, 3818px 1386px #FFF, 1438px 415px #FFF, 3438px 415px #FFF, 535px 868px #FFF, 2535px 868px #FFF, 759px 411px #FFF, 2759px 411px #FFF, 1806px 848px #FFF, 3806px 848px #FFF, 311px 319px #FFF, 2311px 319px #FFF, 1707px 1587px #FFF, 3707px 1587px #FFF, 1447px 1835px #FFF, 3447px 1835px #FFF, 1416px 762px #FFF, 3416px 762px #FFF, 1165px 1362px #FFF, 3165px 1362px #FFF, 894px 599px #FFF, 2894px 599px #FFF, 1130px 472px #FFF, 3130px 472px #FFF, 1006px 1353px #FFF, 3006px 1353px #FFF, 567px 1973px #FFF, 2567px 1973px #FFF, 1297px 786px #FFF, 3297px 786px #FFF, 1817px 235px #FFF, 3817px 235px #FFF, 360px 174px #FFF, 2360px 174px #FFF, 1530px 917px #FFF, 3530px 917px #FFF, 137px 1882px #FFF, 2137px 1882px #FFF, 54px 335px #FFF, 2054px 335px #FFF, 0px 1706px #FFF, 2000px 1706px #FFF, 628px 1981px #FFF, 2628px 1981px #FFF, 1379px 1133px #FFF, 3379px 1133px #FFF, 1241px 489px #FFF, 3241px 489px #FFF, 314px 89px #FFF, 2314px 89px #FFF, 645px 1831px #FFF, 2645px 1831px #FFF, 479px 1436px #FFF, 2479px 1436px #FFF, 218px 1532px #FFF, 2218px 1532px #FFF, 1238px 1015px #FFF, 3238px 1015px #FFF, 1115px 281px #FFF, 3115px 281px #FFF, 1663px 1377px #FFF, 3663px 1377px #FFF, 596px 451px #FFF, 2596px 451px #FFF, 1068px 1094px #FFF, 3068px 1094px #FFF, 1504px 633px #FFF, 3504px 633px #FFF, 232px 0px #FFF, 2232px 0px #FFF, 298px 553px #FFF, 2298px 553px #FFF, 1554px 445px #FFF, 3554px 445px #FFF, 139px 1087px #FFF, 2139px 1087px #FFF, 879px 62px #FFF, 2879px 62px #FFF, 73px 726px #FFF, 2073px 726px #FFF, 1696px 1545px #FFF, 3696px 1545px #FFF, 990px 1148px #FFF, 2990px 1148px #FFF, 1396px 56px #FFF, 3396px 56px #FFF, 279px 1209px #FFF, 2279px 1209px #FFF, 557px 1705px #FFF, 2557px 1705px #FFF, 1133px 293px #FFF, 3133px 293px #FFF, 1182px 842px #FFF, 3182px 842px #FFF, 384px 566px #FFF, 2384px 566px #FFF, 1178px 295px #FFF, 3178px 295px #FFF, 1390px 1097px #FFF, 3390px 1097px #FFF, 5px 1694px #FFF, 2005px 1694px #FFF, 1823px 359px #FFF, 3823px 359px #FFF, 1027px 1103px #FFF, 3027px 1103px #FFF, 78px 384px #FFF, 2078px 384px #FFF, 1030px 1187px #FFF, 3030px 1187px #FFF;
    animation: animStar 150s linear infinite;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
}

#stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 667px 41px #FFF, 2667px 41px #FFF, 495px 979px #FFF, 2495px 979px #FFF, 1203px 566px #FFF, 3203px 566px #FFF, 1104px 1155px #FFF, 3104px 1155px #FFF, 999px 656px #FFF, 2999px 656px #FFF, 714px 1467px #FFF, 2714px 1467px #FFF, 1769px 579px #FFF, 3769px 579px #FFF, 1911px 429px #FFF, 3911px 429px #FFF, 1603px 820px #FFF, 3603px 820px #FFF, 1371px 1690px #FFF, 3371px 1690px #FFF, 1939px 1228px #FFF, 3939px 1228px #FFF, 1400px 1367px #FFF, 3400px 1367px #FFF, 1253px 219px #FFF, 3253px 219px #FFF, 1335px 843px #FFF, 3335px 843px #FFF, 1801px 1438px #FFF, 3801px 1438px #FFF, 308px 705px #FFF, 2308px 705px #FFF, 1139px 1121px #FFF, 3139px 1121px #FFF, 1379px 552px #FFF, 3379px 552px #FFF, 1551px 457px #FFF, 3551px 457px #FFF, 220px 753px #FFF, 2220px 753px #FFF, 1942px 302px #FFF, 3942px 302px #FFF, 382px 1880px #FFF, 2382px 1880px #FFF, 1441px 351px #FFF, 3441px 351px #FFF, 1863px 699px #FFF, 3863px 699px #FFF, 546px 833px #FFF, 2546px 833px #FFF, 216px 754px #FFF, 2216px 754px #FFF, 571px 982px #FFF, 2571px 982px #FFF, 273px 297px #FFF, 2273px 297px #FFF, 1862px 465px #FFF, 3862px 465px #FFF, 609px 651px #FFF, 2609px 651px #FFF, 1461px 309px #FFF, 3461px 309px #FFF, 678px 1062px #FFF, 2678px 1062px #FFF, 1112px 473px #FFF, 3112px 473px #FFF, 1390px 79px #FFF, 3390px 79px #FFF, 118px 1364px #FFF, 2118px 1364px #FFF, 1373px 1438px #FFF, 3373px 1438px #FFF, 1870px 1839px #FFF, 3870px 1839px #FFF, 64px 704px #FFF, 2064px 704px #FFF, 1487px 177px #FFF, 3487px 177px #FFF, 1296px 906px #FFF, 3296px 906px #FFF, 1880px 115px #FFF, 3880px 115px #FFF, 351px 1968px #FFF, 2351px 1968px #FFF, 1610px 1915px #FFF, 3610px 1915px #FFF, 348px 1974px #FFF, 2348px 1974px #FFF, 1508px 1947px #FFF, 3508px 1947px #FFF, 388px 38px #FFF, 2388px 38px #FFF, 325px 395px #FFF, 2325px 395px #FFF, 463px 1211px #FFF, 2463px 1211px #FFF, 1502px 1756px #FFF, 3502px 1756px #FFF, 522px 620px #FFF, 2522px 620px #FFF, 343px 141px #FFF, 2343px 141px #FFF, 651px 1130px #FFF, 2651px 1130px #FFF, 1936px 1062px #FFF, 3936px 1062px #FFF, 1979px 1707px #FFF, 3979px 1707px #FFF, 772px 843px #FFF, 2772px 843px #FFF, 993px 613px #FFF, 2993px 613px #FFF, 158px 399px #FFF, 2158px 399px #FFF, 40px 825px #FFF, 2040px 825px #FFF, 622px 1408px #FFF, 2622px 1408px #FFF, 1936px 1378px #FFF, 3936px 1378px #FFF, 1117px 1481px #FFF, 3117px 1481px #FFF, 236px 832px #FFF, 2236px 832px #FFF, 520px 1038px #FFF, 2520px 1038px #FFF, 431px 973px #FFF, 2431px 973px #FFF, 1195px 25px #FFF, 3195px 25px #FFF, 1802px 771px #FFF, 3802px 771px #FFF, 480px 1195px #FFF, 2480px 1195px #FFF, 973px 1231px #FFF, 2973px 1231px #FFF, 1878px 1571px #FFF, 3878px 1571px #FFF, 1844px 1560px #FFF, 3844px 1560px #FFF, 1008px 1096px #FFF, 3008px 1096px #FFF, 1115px 1140px #FFF, 3115px 1140px #FFF, 419px 846px #FFF, 2419px 846px #FFF, 297px 1957px #FFF, 2297px 1957px #FFF, 259px 1676px #FFF, 2259px 1676px #FFF, 1831px 1603px #FFF, 3831px 1603px #FFF, 1015px 1555px #FFF, 3015px 1555px #FFF, 99px 932px #FFF, 2099px 932px #FFF, 1187px 115px #FFF, 3187px 115px #FFF, 1947px 81px #FFF, 3947px 81px #FFF, 631px 1545px #FFF, 2631px 1545px #FFF, 1505px 132px #FFF, 3505px 132px #FFF, 1635px 239px #FFF, 3635px 239px #FFF, 502px 1965px #FFF, 2502px 1965px #FFF, 1375px 1138px #FFF, 3375px 1138px #FFF, 818px 1237px #FFF, 2818px 1237px #FFF, 1717px 1123px #FFF, 3717px 1123px #FFF, 1575px 1107px #FFF, 3575px 1107px #FFF, 1506px 1251px #FFF, 3506px 1251px #FFF, 1898px 899px #FFF, 3898px 899px #FFF, 711px 896px #FFF, 2711px 896px #FFF, 1669px 613px #FFF, 3669px 613px #FFF, 194px 62px #FFF, 2194px 62px #FFF, 433px 217px #FFF, 2433px 217px #FFF, 1110px 1572px #FFF, 3110px 1572px #FFF, 853px 239px #FFF, 2853px 239px #FFF, 1315px 1458px #FFF, 3315px 1458px #FFF, 1216px 1322px #FFF, 3216px 1322px #FFF, 1409px 463px #FFF, 3409px 463px #FFF, 1509px 310px #FFF, 3509px 310px #FFF, 1090px 1058px #FFF, 3090px 1058px #FFF, 378px 1861px #FFF, 2378px 1861px #FFF, 233px 1021px #FFF, 2233px 1021px #FFF, 1148px 171px #FFF, 3148px 171px #FFF, 1449px 1126px #FFF, 3449px 1126px #FFF, 535px 250px #FFF, 2535px 250px #FFF, 1210px 497px #FFF, 3210px 497px #FFF, 1629px 1633px #FFF, 3629px 1633px #FFF, 305px 976px #FFF, 2305px 976px #FFF, 616px 279px #FFF, 2616px 279px #FFF, 21px 988px #FFF, 2021px 988px #FFF, 1248px 1961px #FFF, 3248px 1961px #FFF, 464px 1241px #FFF, 2464px 1241px #FFF, 1733px 569px #FFF, 3733px 569px #FFF, 301px 1958px #FFF, 2301px 1958px #FFF, 763px 825px #FFF, 2763px 825px #FFF, 934px 1557px #FFF, 2934px 1557px #FFF, 197px 3px #FFF, 2197px 3px #FFF, 1775px 1828px #FFF, 3775px 1828px #FFF, 766px 1681px #FFF, 2766px 1681px #FFF, 361px 583px #FFF, 2361px 583px #FFF, 1485px 1275px #FFF, 3485px 1275px #FFF, 1951px 1762px #FFF, 3951px 1762px #FFF, 1507px 649px #FFF, 3507px 649px #FFF, 547px 1306px #FFF, 2547px 1306px #FFF, 878px 696px #FFF, 2878px 696px #FFF, 1336px 415px #FFF, 3336px 415px #FFF, 903px 345px #FFF, 2903px 345px #FFF, 749px 998px #FFF, 2749px 998px #FFF, 1491px 1841px #FFF, 3491px 1841px #FFF, 719px 1021px #FFF, 2719px 1021px #FFF, 913px 1323px #FFF, 2913px 1323px #FFF, 1256px 1455px #FFF, 3256px 1455px #FFF, 1067px 1760px #FFF, 3067px 1760px #FFF, 1545px 693px #FFF, 3545px 693px #FFF, 1347px 1735px #FFF, 3347px 1735px #FFF, 1573px 220px #FFF, 3573px 220px #FFF, 101px 861px #FFF, 2101px 861px #FFF, 904px 872px #FFF, 2904px 872px #FFF, 845px 1266px #FFF, 2845px 1266px #FFF, 1789px 1620px #FFF, 3789px 1620px #FFF, 374px 840px #FFF, 2374px 840px #FFF, 25px 1583px #FFF, 2025px 1583px #FFF, 793px 1565px #FFF, 2793px 1565px #FFF, 525px 228px #FFF, 2525px 228px #FFF, 1449px 646px #FFF, 3449px 646px #FFF, 1352px 108px #FFF, 3352px 108px #FFF, 1679px 24px #FFF, 3679px 24px #FFF, 1117px 1249px #FFF, 3117px 1249px #FFF, 359px 1546px #FFF, 2359px 1546px #FFF, 1285px 1082px #FFF, 3285px 1082px #FFF, 1826px 1435px #FFF, 3826px 1435px #FFF, 102px 614px #FFF, 2102px 614px #FFF, 1824px 377px #FFF, 3824px 377px #FFF, 533px 1861px #FFF, 2533px 1861px #FFF, 1087px 157px #FFF, 3087px 157px #FFF, 914px 296px #FFF, 2914px 296px #FFF, 349px 570px #FFF, 2349px 570px #FFF, 360px 864px #FFF, 2360px 864px #FFF, 1068px 1446px #FFF, 3068px 1446px #FFF, 660px 1921px #FFF, 2660px 1921px #FFF, 296px 1154px #FFF, 2296px 1154px #FFF, 963px 302px #FFF, 2963px 302px #FFF, 1877px 746px #FFF, 3877px 746px #FFF, 1160px 1082px #FFF, 3160px 1082px #FFF, 1340px 1594px #FFF, 3340px 1594px #FFF, 1833px 25px #FFF, 3833px 25px #FFF, 272px 1096px #FFF, 2272px 1096px #FFF, 1398px 1064px #FFF, 3398px 1064px #FFF, 964px 941px #FFF, 2964px 941px #FFF, 1315px 1371px #FFF, 3315px 1371px #FFF, 1811px 1170px #FFF, 3811px 1170px #FFF, 155px 1758px #FFF, 2155px 1758px #FFF, 404px 489px #FFF, 2404px 489px #FFF, 1531px 1149px #FFF, 3531px 1149px #FFF, 731px 1524px #FFF, 2731px 1524px #FFF, 364px 1132px #FFF, 2364px 1132px #FFF, 306px 1127px #FFF, 2306px 1127px #FFF, 978px 1627px #FFF, 2978px 1627px #FFF, 452px 1031px #FFF, 2452px 1031px #FFF, 1630px 1080px #FFF, 3630px 1080px #FFF, 271px 298px #FFF, 2271px 298px #FFF, 1640px 72px #FFF, 3640px 72px #FFF, 1443px 907px #FFF, 3443px 907px #FFF, 1150px 1801px #FFF, 3150px 1801px #FFF, 942px 769px #FFF, 2942px 769px #FFF, 1019px 1327px #FFF, 3019px 1327px #FFF, 377px 1749px #FFF, 2377px 1749px #FFF, 1917px 1009px #FFF, 3917px 1009px #FFF, 1147px 1714px #FFF, 3147px 1714px #FFF, 699px 931px #FFF, 2699px 931px #FFF, 1263px 1567px #FFF, 3263px 1567px #FFF, 79px 1428px #FFF, 2079px 1428px #FFF, 611px 1075px #FFF, 2611px 1075px #FFF, 745px 792px #FFF, 2745px 792px #FFF, 1128px 1765px #FFF, 3128px 1765px #FFF, 1865px 1261px #FFF, 3865px 1261px #FFF, 271px 262px #FFF, 2271px 262px #FFF, 1545px 516px #FFF, 3545px 516px #FFF, 1082px 449px #FFF, 3082px 449px #FFF, 1338px 328px #FFF, 3338px 328px #FFF, 80px 93px #FFF, 2080px 93px #FFF, 1176px 1960px #FFF, 3176px 1960px #FFF, 437px 162px #FFF, 2437px 162px #FFF, 74px 1692px #FFF, 2074px 1692px #FFF, 1427px 736px #FFF, 3427px 736px #FFF, 1337px 27px #FFF, 3337px 27px #FFF, 441px 1664px #FFF, 2441px 1664px #FFF, 986px 1192px #FFF, 2986px 1192px #FFF, 1462px 27px #FFF, 3462px 27px #FFF, 240px 1956px #FFF, 2240px 1956px #FFF, 1600px 220px #FFF, 3600px 220px #FFF, 369px 603px #FFF, 2369px 603px #FFF, 1229px 420px #FFF, 3229px 420px #FFF, 1095px 1468px #FFF, 3095px 1468px #FFF, 1614px 995px #FFF, 3614px 995px #FFF, 493px 46px #FFF, 2493px 46px #FFF, 936px 1402px #FFF, 2936px 1402px #FFF, 283px 1592px #FFF, 2283px 1592px #FFF, 140px 1830px #FFF, 2140px 1830px #FFF, 1993px 1444px #FFF, 3993px 1444px #FFF, 1874px 1629px #FFF, 3874px 1629px #FFF, 461px 1976px #FFF, 2461px 1976px #FFF, 171px 619px #FFF, 2171px 619px #FFF, 1397px 276px #FFF, 3397px 276px #FFF, 1555px 746px #FFF, 3555px 746px #FFF, 815px 148px #FFF, 2815px 148px #FFF, 1147px 178px #FFF, 3147px 178px #FFF, 1131px 290px #FFF, 3131px 290px #FFF, 1325px 1892px #FFF, 3325px 1892px #FFF, 1036px 1121px #FFF, 3036px 1121px #FFF, 525px 1596px #FFF, 2525px 1596px #FFF, 230px 186px #FFF, 2230px 186px #FFF, 1072px 256px #FFF, 3072px 256px #FFF, 847px 1979px #FFF, 2847px 1979px #FFF, 1456px 424px #FFF, 3456px 424px #FFF, 695px 1049px #FFF, 2695px 1049px #FFF, 1162px 784px #FFF, 3162px 784px #FFF, 109px 100px #FFF, 2109px 100px #FFF, 1560px 514px #FFF, 3560px 514px #FFF, 1843px 166px #FFF, 3843px 166px #FFF, 1120px 1535px #FFF, 3120px 1535px #FFF, 1318px 13px #FFF, 3318px 13px #FFF, 1939px 1116px #FFF, 3939px 1116px #FFF, 625px 555px #FFF, 2625px 555px #FFF, 1537px 776px #FFF, 3537px 776px #FFF, 1824px 177px #FFF, 3824px 177px #FFF, 1932px 1680px #FFF, 3932px 1680px #FFF, 1984px 521px #FFF, 3984px 521px #FFF, 1396px 101px #FFF, 3396px 101px #FFF, 1973px 87px #FFF, 3973px 87px #FFF, 152px 1215px #FFF, 2152px 1215px #FFF, 1444px 637px #FFF, 3444px 637px #FFF, 1378px 1925px #FFF, 3378px 1925px #FFF, 783px 1374px #FFF, 2783px 1374px #FFF, 1571px 1477px #FFF, 3571px 1477px #FFF, 378px 1302px #FFF, 2378px 1302px #FFF, 1718px 1472px #FFF, 3718px 1472px #FFF, 1715px 442px #FFF, 3715px 442px #FFF, 1323px 750px #FFF, 3323px 750px #FFF, 1317px 179px #FFF, 3317px 179px #FFF, 1665px 1881px #FFF, 3665px 1881px #FFF, 475px 514px #FFF, 2475px 514px #FFF, 1514px 1229px #FFF, 3514px 1229px #FFF, 911px 1362px #FFF, 2911px 1362px #FFF, 912px 1800px #FFF, 2912px 1800px #FFF, 483px 658px #FFF, 2483px 658px #FFF, 942px 1609px #FFF, 2942px 1609px #FFF, 332px 1878px #FFF, 2332px 1878px #FFF, 1514px 102px #FFF, 3514px 102px #FFF, 402px 1745px #FFF, 2402px 1745px #FFF, 176px 68px #FFF, 2176px 68px #FFF, 846px 233px #FFF, 2846px 233px #FFF, 1992px 1221px #FFF, 3992px 1221px #FFF, 928px 1680px #FFF, 2928px 1680px #FFF, 1673px 133px #FFF, 3673px 133px #FFF, 1684px 1204px #FFF, 3684px 1204px #FFF, 994px 1391px #FFF, 2994px 1391px #FFF, 342px 1647px #FFF, 2342px 1647px #FFF, 55px 1483px #FFF, 2055px 1483px #FFF, 157px 1587px #FFF, 2157px 1587px #FFF, 286px 590px #FFF, 2286px 590px #FFF, 853px 47px #FFF, 2853px 47px #FFF, 118px 935px #FFF, 2118px 935px #FFF, 1174px 1481px #FFF, 3174px 1481px #FFF, 1751px 1324px #FFF, 3751px 1324px #FFF, 1079px 282px #FFF, 3079px 282px #FFF, 1947px 440px #FFF, 3947px 440px #FFF, 1768px 527px #FFF, 3768px 527px #FFF, 364px 235px #FFF, 2364px 235px #FFF, 1070px 1759px #FFF, 3070px 1759px #FFF, 530px 1286px #FFF, 2530px 1286px #FFF, 1808px 235px #FFF, 3808px 235px #FFF, 1233px 1511px #FFF, 3233px 1511px #FFF, 1699px 837px #FFF, 3699px 837px #FFF, 264px 1014px #FFF, 2264px 1014px #FFF, 1175px 1831px #FFF, 3175px 1831px #FFF, 500px 1653px #FFF, 2500px 1653px #FFF, 996px 1388px #FFF, 2996px 1388px #FFF, 719px 796px #FFF, 2719px 796px #FFF, 1692px 755px #FFF, 3692px 755px #FFF, 1968px 1968px #FFF, 3968px 1968px #FFF, 936px 1465px #FFF, 2936px 1465px #FFF, 1366px 802px #FFF, 3366px 802px #FFF, 1065px 1524px #FFF, 3065px 1524px #FFF, 1044px 1688px #FFF, 3044px 1688px #FFF, 868px 684px #FFF, 2868px 684px #FFF, 1352px 146px #FFF, 3352px 146px #FFF, 267px 1914px #FFF, 2267px 1914px #FFF, 698px 1199px #FFF, 2698px 1199px #FFF, 436px 1048px #FFF, 2436px 1048px #FFF, 287px 950px #FFF, 2287px 950px #FFF, 1903px 633px #FFF, 3903px 633px #FFF, 1654px 630px #FFF, 3654px 630px #FFF, 1347px 837px #FFF, 3347px 837px #FFF, 421px 1485px #FFF, 2421px 1485px #FFF, 182px 1008px #FFF, 2182px 1008px #FFF, 1609px 483px #FFF, 3609px 483px #FFF, 1147px 1648px #FFF, 3147px 1648px #FFF, 1089px 1487px #FFF, 3089px 1487px #FFF, 1101px 1925px #FFF, 3101px 1925px #FFF, 1578px 167px #FFF, 3578px 167px #FFF, 1566px 1170px #FFF, 3566px 1170px #FFF, 1538px 1871px #FFF, 3538px 1871px #FFF, 35px 1188px #FFF, 2035px 1188px #FFF, 1973px 1620px #FFF, 3973px 1620px #FFF, 1696px 1786px #FFF, 3696px 1786px #FFF, 255px 413px #FFF, 2255px 413px #FFF, 1146px 1885px #FFF, 3146px 1885px #FFF, 1376px 299px #FFF, 3376px 299px #FFF, 1401px 719px #FFF, 3401px 719px #FFF, 837px 1591px #FFF, 2837px 1591px #FFF, 342px 1013px #FFF, 2342px 1013px #FFF, 271px 1976px #FFF, 2271px 1976px #FFF, 1461px 189px #FFF, 3461px 189px #FFF, 1083px 1951px #FFF, 3083px 1951px #FFF, 499px 1606px #FFF, 2499px 1606px #FFF, 456px 1426px #FFF, 2456px 1426px #FFF, 1508px 1542px #FFF, 3508px 1542px #FFF, 1002px 81px #FFF, 3002px 81px #FFF, 522px 1873px #FFF, 2522px 1873px #FFF, 1797px 1771px #FFF, 3797px 1771px #FFF, 496px 787px #FFF, 2496px 787px #FFF, 972px 909px #FFF, 2972px 909px #FFF, 823px 534px #FFF, 2823px 534px #FFF, 1955px 562px #FFF, 3955px 562px #FFF, 351px 7px #FFF, 2351px 7px #FFF, 235px 1876px #FFF, 2235px 1876px #FFF, 1521px 883px #FFF, 3521px 883px #FFF, 439px 1298px #FFF, 2439px 1298px #FFF, 303px 1972px #FFF, 2303px 1972px #FFF, 42px 856px #FFF, 2042px 856px #FFF, 187px 1543px #FFF, 2187px 1543px #FFF, 253px 658px #FFF, 2253px 658px #FFF, 843px 17px #FFF, 2843px 17px #FFF, 220px 19px #FFF, 2220px 19px #FFF, 1532px 1571px #FFF, 3532px 1571px #FFF, 1309px 626px #FFF, 3309px 626px #FFF, 1781px 1912px #FFF, 3781px 1912px #FFF, 1317px 668px #FFF, 3317px 668px #FFF, 76px 1846px #FFF, 2076px 1846px #FFF, 1227px 715px #FFF, 3227px 715px #FFF, 1733px 1521px #FFF, 3733px 1521px #FFF, 362px 1733px #FFF, 2362px 1733px #FFF, 1765px 1913px #FFF, 3765px 1913px #FFF, 592px 1705px #FFF, 2592px 1705px #FFF, 1603px 644px #FFF, 3603px 644px #FFF, 904px 1298px #FFF, 2904px 1298px #FFF, 1494px 685px #FFF, 3494px 685px #FFF, 435px 1233px #FFF, 2435px 1233px #FFF, 1837px 935px #FFF, 3837px 935px #FFF, 322px 295px #FFF, 2322px 295px #FFF, 1594px 1785px #FFF, 3594px 1785px #FFF, 1309px 352px #FFF, 3309px 352px #FFF, 616px 1513px #FFF, 2616px 1513px #FFF, 691px 1855px #FFF, 2691px 1855px #FFF, 6px 217px #FFF, 2006px 217px #FFF, 1023px 1192px #FFF, 3023px 1192px #FFF, 1791px 460px #FFF, 3791px 460px #FFF, 1552px 538px #FFF, 3552px 538px #FFF, 100px 1809px #FFF, 2100px 1809px #FFF, 857px 1006px #FFF, 2857px 1006px #FFF, 1757px 569px #FFF, 3757px 569px #FFF, 1826px 687px #FFF, 3826px 687px #FFF, 1604px 1150px #FFF, 3604px 1150px #FFF, 531px 1314px #FFF, 2531px 1314px #FFF, 1623px 948px #FFF, 3623px 948px #FFF, 1936px 1782px #FFF, 3936px 1782px #FFF, 1422px 1897px #FFF, 3422px 1897px #FFF, 901px 89px #FFF, 2901px 89px #FFF, 901px 445px #FFF, 2901px 445px #FFF, 126px 394px #FFF, 2126px 394px #FFF, 1659px 1337px #FFF, 3659px 1337px #FFF, 832px 1939px #FFF, 2832px 1939px #FFF, 967px 1406px #FFF, 2967px 1406px #FFF, 60px 836px #FFF, 2060px 836px #FFF, 103px 638px #FFF, 2103px 638px #FFF, 1463px 324px #FFF, 3463px 324px #FFF, 1754px 579px #FFF, 3754px 579px #FFF, 1340px 691px #FFF, 3340px 691px #FFF, 894px 1041px #FFF, 2894px 1041px #FFF, 261px 988px #FFF, 2261px 988px #FFF, 184px 834px #FFF, 2184px 834px #FFF, 1066px 1857px #FFF, 3066px 1857px #FFF, 1233px 372px #FFF, 3233px 372px #FFF, 156px 403px #FFF, 2156px 403px #FFF, 1329px 1986px #FFF, 3329px 1986px #FFF, 63px 1575px #FFF, 2063px 1575px #FFF, 983px 1050px #FFF, 2983px 1050px #FFF, 1235px 576px #FFF, 3235px 576px #FFF, 680px 233px #FFF, 2680px 233px #FFF, 1971px 1469px #FFF, 3971px 1469px #FFF, 564px 294px #FFF, 2564px 294px #FFF, 17px 1620px #FFF, 2017px 1620px #FFF, 1893px 1751px #FFF, 3893px 1751px #FFF, 899px 1254px #FFF, 2899px 1254px #FFF, 866px 1806px #FFF, 2866px 1806px #FFF, 70px 579px #FFF, 2070px 579px #FFF, 1906px 1761px #FFF, 3906px 1761px #FFF, 1808px 685px #FFF, 3808px 685px #FFF, 982px 1900px #FFF, 2982px 1900px #FFF, 1780px 82px #FFF, 3780px 82px #FFF, 163px 603px #FFF, 2163px 603px #FFF, 1811px 1913px #FFF, 3811px 1913px #FFF, 1065px 1620px #FFF, 3065px 1620px #FFF, 616px 884px #FFF, 2616px 884px #FFF, 1346px 1309px #FFF, 3346px 1309px #FFF, 794px 1850px #FFF, 2794px 1850px #FFF, 1521px 1774px #FFF, 3521px 1774px #FFF, 85px 235px #FFF, 2085px 235px #FFF, 1993px 736px #FFF, 3993px 736px #FFF, 249px 425px #FFF, 2249px 425px #FFF, 6px 1544px #FFF, 2006px 1544px #FFF, 618px 1377px #FFF, 2618px 1377px #FFF, 989px 1006px #FFF, 2989px 1006px #FFF, 939px 1739px #FFF, 2939px 1739px #FFF, 627px 1079px #FFF, 2627px 1079px #FFF, 1351px 1795px #FFF, 3351px 1795px #FFF, 1884px 408px #FFF, 3884px 408px #FFF, 1191px 894px #FFF, 3191px 894px #FFF, 1113px 1716px #FFF, 3113px 1716px #FFF, 1904px 803px #FFF, 3904px 803px #FFF, 1827px 651px #FFF, 3827px 651px #FFF, 1913px 86px #FFF, 3913px 86px #FFF, 753px 1499px #FFF, 2753px 1499px #FFF, 1342px 1724px #FFF, 3342px 1724px #FFF, 363px 408px #FFF, 2363px 408px #FFF, 1869px 462px #FFF, 3869px 462px #FFF, 1470px 1614px #FFF, 3470px 1614px #FFF, 1362px 1232px #FFF, 3362px 1232px #FFF, 1611px 617px #FFF, 3611px 617px #FFF, 678px 356px #FFF, 2678px 356px #FFF, 1195px 1025px #FFF, 3195px 1025px #FFF, 1077px 1641px #FFF, 3077px 1641px #FFF, 1128px 1880px #FFF, 3128px 1880px #FFF, 632px 714px #FFF, 2632px 714px #FFF, 930px 1692px #FFF, 2930px 1692px #FFF, 493px 127px #FFF, 2493px 127px #FFF, 189px 841px #FFF, 2189px 841px #FFF, 1381px 128px #FFF, 3381px 128px #FFF, 1708px 1134px #FFF, 3708px 1134px #FFF, 936px 485px #FFF, 2936px 485px #FFF, 1578px 1125px #FFF, 3578px 1125px #FFF, 1335px 1071px #FFF, 3335px 1071px #FFF, 130px 954px #FFF, 2130px 954px #FFF, 513px 638px #FFF, 2513px 638px #FFF, 22px 201px #FFF, 2022px 201px #FFF, 731px 127px #FFF, 2731px 127px #FFF, 1236px 263px #FFF, 3236px 263px #FFF, 1367px 838px #FFF, 3367px 838px #FFF, 1027px 1702px #FFF, 3027px 1702px #FFF, 1823px 466px #FFF, 3823px 466px #FFF, 990px 1045px #FFF, 2990px 1045px #FFF, 1265px 527px #FFF, 3265px 527px #FFF, 290px 245px #FFF, 2290px 245px #FFF, 620px 998px #FFF, 2620px 998px #FFF, 340px 1967px #FFF, 2340px 1967px #FFF, 1900px 1810px #FFF, 3900px 1810px #FFF, 989px 1467px #FFF, 2989px 1467px #FFF, 265px 906px #FFF, 2265px 906px #FFF, 1295px 1445px #FFF, 3295px 1445px #FFF, 1760px 351px #FFF, 3760px 351px #FFF, 742px 1072px #FFF, 2742px 1072px #FFF, 880px 1872px #FFF, 2880px 1872px #FFF, 1586px 1866px #FFF, 3586px 1866px #FFF, 824px 1106px #FFF, 2824px 1106px #FFF, 290px 1386px #FFF, 2290px 1386px #FFF, 80px 1175px #FFF, 2080px 1175px #FFF, 315px 11px #FFF, 2315px 11px #FFF, 1559px 1533px #FFF, 3559px 1533px #FFF, 226px 1631px #FFF, 2226px 1631px #FFF, 1526px 82px #FFF, 3526px 82px #FFF, 1003px 1636px #FFF, 3003px 1636px #FFF, 254px 791px #FFF, 2254px 791px #FFF, 1556px 493px #FFF, 3556px 493px #FFF, 805px 551px #FFF, 2805px 551px #FFF, 160px 911px #FFF, 2160px 911px #FFF, 1257px 1457px #FFF, 3257px 1457px #FFF, 1066px 1736px #FFF, 3066px 1736px #FFF, 1927px 1268px #FFF, 3927px 1268px #FFF, 1103px 586px #FFF, 3103px 586px #FFF, 1145px 824px #FFF, 3145px 824px #FFF, 597px 8px #FFF, 2597px 8px #FFF, 1776px 1381px #FFF, 3776px 1381px #FFF, 24px 311px #FFF, 2024px 311px #FFF, 319px 1574px #FFF, 2319px 1574px #FFF, 128px 1148px #FFF, 2128px 1148px #FFF, 969px 1673px #FFF, 2969px 1673px #FFF, 1481px 849px #FFF, 3481px 849px #FFF, 61px 333px #FFF, 2061px 333px #FFF, 1282px 749px #FFF, 3282px 749px #FFF, 1887px 390px #FFF, 3887px 390px #FFF, 942px 1171px #FFF, 2942px 1171px #FFF, 1181px 1327px #FFF, 3181px 1327px #FFF, 145px 1613px #FFF, 2145px 1613px #FFF, 469px 642px #FFF, 2469px 642px #FFF, 1879px 150px #FFF, 3879px 150px #FFF, 738px 731px #FFF, 2738px 731px #FFF, 30px 648px #FFF, 2030px 648px #FFF, 1066px 1129px #FFF, 3066px 1129px #FFF, 766px 1334px #FFF, 2766px 1334px #FFF, 290px 1186px #FFF, 2290px 1186px #FFF, 1545px 819px #FFF, 3545px 819px #FFF, 776px 432px #FFF, 2776px 432px #FFF, 200px 1941px #FFF, 2200px 1941px #FFF, 1731px 341px #FFF, 3731px 341px #FFF, 0px 364px #FFF, 2000px 364px #FFF, 1514px 138px #FFF, 3514px 138px #FFF, 1170px 789px #FFF, 3170px 789px #FFF, 1860px 1901px #FFF, 3860px 1901px #FFF, 1707px 1183px #FFF, 3707px 1183px #FFF, 1430px 699px #FFF, 3430px 699px #FFF, 1537px 953px #FFF, 3537px 953px #FFF, 854px 965px #FFF, 2854px 965px #FFF, 1614px 1353px #FFF, 3614px 1353px #FFF, 1302px 114px #FFF, 3302px 114px #FFF, 1815px 295px #FFF, 3815px 295px #FFF, 1874px 1714px #FFF, 3874px 1714px #FFF, 625px 769px #FFF, 2625px 769px #FFF, 518px 1067px #FFF, 2518px 1067px #FFF, 769px 1641px #FFF, 2769px 1641px #FFF, 1791px 1749px #FFF, 3791px 1749px #FFF, 1561px 148px #FFF, 3561px 148px #FFF, 1915px 1394px #FFF, 3915px 1394px #FFF, 132px 704px #FFF, 2132px 704px #FFF, 1234px 1706px #FFF, 3234px 1706px #FFF, 1340px 1996px #FFF, 3340px 1996px #FFF, 421px 1875px #FFF, 2421px 1875px #FFF, 1933px 356px #FFF, 3933px 356px #FFF, 1723px 1316px #FFF, 3723px 1316px #FFF, 561px 188px #FFF, 2561px 188px #FFF, 1691px 619px #FFF, 3691px 619px #FFF, 943px 1923px #FFF, 2943px 1923px #FFF, 263px 1284px #FFF, 2263px 1284px #FFF, 448px 390px #FFF, 2448px 390px #FFF, 1772px 1377px #FFF, 3772px 1377px #FFF, 157px 1367px #FFF, 2157px 1367px #FFF, 1309px 1871px #FFF, 3309px 1871px #FFF, 1998px 840px #FFF, 3998px 840px #FFF, 1072px 1833px #FFF, 3072px 1833px #FFF, 190px 641px #FFF, 2190px 641px #FFF, 400px 1873px #FFF, 2400px 1873px #FFF, 972px 859px #FFF, 2972px 859px #FFF, 639px 147px #FFF, 2639px 147px #FFF, 1569px 1064px #FFF, 3569px 1064px #FFF, 1601px 650px #FFF, 3601px 650px #FFF, 115px 1672px #FFF, 2115px 1672px #FFF, 574px 1223px #FFF, 2574px 1223px #FFF, 830px 1902px #FFF, 2830px 1902px #FFF, 817px 16px #FFF, 2817px 16px #FFF, 1892px 1397px #FFF, 3892px 1397px #FFF, 1052px 1171px #FFF, 3052px 1171px #FFF, 1165px 1807px #FFF, 3165px 1807px #FFF, 1058px 1608px #FFF, 3058px 1608px #FFF, 1637px 1583px #FFF, 3637px 1583px #FFF, 1739px 278px #FFF, 3739px 278px #FFF, 537px 435px #FFF, 2537px 435px #FFF, 722px 578px #FFF, 2722px 578px #FFF, 511px 1862px #FFF, 2511px 1862px #FFF, 1372px 1385px #FFF, 3372px 1385px #FFF, 60px 1790px #FFF, 2060px 1790px #FFF, 71px 964px #FFF, 2071px 964px #FFF, 1624px 850px #FFF, 3624px 850px #FFF, 1825px 738px #FFF, 3825px 738px #FFF, 1985px 1406px #FFF, 3985px 1406px #FFF, 537px 1514px #FFF, 2537px 1514px #FFF, 1240px 184px #FFF, 3240px 184px #FFF, 1777px 650px #FFF, 3777px 650px #FFF, 1642px 411px #FFF, 3642px 411px #FFF, 268px 574px #FFF, 2268px 574px #FFF, 129px 1230px #FFF, 2129px 1230px #FFF, 1551px 1055px #FFF, 3551px 1055px #FFF, 27px 1097px #FFF, 2027px 1097px #FFF, 1835px 1571px #FFF, 3835px 1571px #FFF, 848px 1740px #FFF, 2848px 1740px #FFF, 1715px 1115px #FFF, 3715px 1115px #FFF, 1259px 261px #FFF, 3259px 261px #FFF, 495px 1342px #FFF, 2495px 1342px #FFF, 1651px 1355px #FFF, 3651px 1355px #FFF, 531px 1172px #FFF, 2531px 1172px #FFF, 1554px 338px #FFF, 3554px 338px #FFF, 984px 520px #FFF, 2984px 520px #FFF, 1247px 1007px #FFF, 3247px 1007px #FFF, 1775px 1116px #FFF, 3775px 1116px #FFF, 1310px 1871px #FFF, 3310px 1871px #FFF, 578px 29px #FFF, 2578px 29px #FFF, 1189px 1557px #FFF, 3189px 1557px #FFF, 372px 430px #FFF, 2372px 430px #FFF, 572px 346px #FFF, 2572px 346px #FFF, 1094px 1530px #FFF, 3094px 1530px #FFF, 142px 1297px #FFF, 2142px 1297px #FFF, 83px 1770px #FFF, 2083px 1770px #FFF, 98px 122px #FFF, 2098px 122px #FFF, 31px 1526px #FFF, 2031px 1526px #FFF, 419px 1857px #FFF, 2419px 1857px #FFF, 221px 23px #FFF, 2221px 23px #FFF, 361px 1124px #FFF, 2361px 1124px #FFF, 1904px 171px #FFF, 3904px 171px #FFF, 189px 43px #FFF, 2189px 43px #FFF, 396px 169px #FFF, 2396px 169px #FFF, 844px 1806px #FFF, 2844px 1806px #FFF, 1933px 22px #FFF, 3933px 22px #FFF, 1301px 1730px #FFF, 3301px 1730px #FFF, 1888px 1085px #FFF, 3888px 1085px #FFF, 123px 34px #FFF, 2123px 34px #FFF, 1384px 44px #FFF, 3384px 44px #FFF, 1271px 869px #FFF, 3271px 869px #FFF, 1660px 714px #FFF, 3660px 714px #FFF, 231px 944px #FFF, 2231px 944px #FFF, 1350px 728px #FFF, 3350px 728px #FFF, 913px 623px #FFF, 2913px 623px #FFF, 1846px 777px #FFF, 3846px 777px #FFF, 1579px 1972px #FFF, 3579px 1972px #FFF, 789px 1470px #FFF, 2789px 1470px #FFF, 1988px 850px #FFF, 3988px 850px #FFF, 394px 1493px #FFF, 2394px 1493px #FFF, 1681px 1204px #FFF, 3681px 1204px #FFF, 1445px 1055px #FFF, 3445px 1055px #FFF, 585px 1864px #FFF, 2585px 1864px #FFF, 822px 561px #FFF, 2822px 561px #FFF, 1536px 1296px #FFF, 3536px 1296px #FFF, 1549px 1241px #FFF, 3549px 1241px #FFF, 863px 1653px #FFF, 2863px 1653px #FFF, 1400px 828px #FFF, 3400px 828px #FFF, 1189px 692px #FFF, 3189px 692px #FFF, 1818px 1386px #FFF, 3818px 1386px #FFF, 1438px 415px #FFF, 3438px 415px #FFF, 535px 868px #FFF, 2535px 868px #FFF, 759px 411px #FFF, 2759px 411px #FFF, 1806px 848px #FFF, 3806px 848px #FFF, 311px 319px #FFF, 2311px 319px #FFF, 1707px 1587px #FFF, 3707px 1587px #FFF, 1447px 1835px #FFF, 3447px 1835px #FFF, 1416px 762px #FFF, 3416px 762px #FFF, 1165px 1362px #FFF, 3165px 1362px #FFF, 894px 599px #FFF, 2894px 599px #FFF, 1130px 472px #FFF, 3130px 472px #FFF, 1006px 1353px #FFF, 3006px 1353px #FFF, 567px 1973px #FFF, 2567px 1973px #FFF, 1297px 786px #FFF, 3297px 786px #FFF, 1817px 235px #FFF, 3817px 235px #FFF, 360px 174px #FFF, 2360px 174px #FFF, 1530px 917px #FFF, 3530px 917px #FFF, 137px 1882px #FFF, 2137px 1882px #FFF, 54px 335px #FFF, 2054px 335px #FFF, 0px 1706px #FFF, 2000px 1706px #FFF, 628px 1981px #FFF, 2628px 1981px #FFF, 1379px 1133px #FFF, 3379px 1133px #FFF, 1241px 489px #FFF, 3241px 489px #FFF, 314px 89px #FFF, 2314px 89px #FFF, 645px 1831px #FFF, 2645px 1831px #FFF, 479px 1436px #FFF, 2479px 1436px #FFF, 218px 1532px #FFF, 2218px 1532px #FFF, 1238px 1015px #FFF, 3238px 1015px #FFF, 1115px 281px #FFF, 3115px 281px #FFF, 1663px 1377px #FFF, 3663px 1377px #FFF, 596px 451px #FFF, 2596px 451px #FFF, 1068px 1094px #FFF, 3068px 1094px #FFF, 1504px 633px #FFF, 3504px 633px #FFF, 232px 0px #FFF, 2232px 0px #FFF, 298px 553px #FFF, 2298px 553px #FFF, 1554px 445px #FFF, 3554px 445px #FFF, 139px 1087px #FFF, 2139px 1087px #FFF, 879px 62px #FFF, 2879px 62px #FFF, 73px 726px #FFF, 2073px 726px #FFF, 1696px 1545px #FFF, 3696px 1545px #FFF, 990px 1148px #FFF, 2990px 1148px #FFF, 1396px 56px #FFF, 3396px 56px #FFF, 279px 1209px #FFF, 2279px 1209px #FFF, 557px 1705px #FFF, 2557px 1705px #FFF, 1133px 293px #FFF, 3133px 293px #FFF, 1182px 842px #FFF, 3182px 842px #FFF, 384px 566px #FFF, 2384px 566px #FFF, 1178px 295px #FFF, 3178px 295px #FFF, 1390px 1097px #FFF, 3390px 1097px #FFF, 5px 1694px #FFF, 2005px 1694px #FFF, 1823px 359px #FFF, 3823px 359px #FFF, 1027px 1103px #FFF, 3027px 1103px #FFF, 78px 384px #FFF, 2078px 384px #FFF, 1030px 1187px #FFF, 3030px 1187px #FFF;
}

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 742px 248px #FFF, 2742px 248px #FFF, 829px 1028px #FFF, 2829px 1028px #FFF, 1367px 1043px #FFF, 3367px 1043px #FFF, 1739px 854px #FFF, 3739px 854px #FFF, 885px 1499px #FFF, 2885px 1499px #FFF, 48px 1511px #FFF, 2048px 1511px #FFF, 178px 1093px #FFF, 2178px 1093px #FFF, 66px 1961px #FFF, 2066px 1961px #FFF, 525px 1047px #FFF, 2525px 1047px #FFF, 1043px 495px #FFF, 3043px 495px #FFF, 1208px 1194px #FFF, 3208px 1194px #FFF, 856px 179px #FFF, 2856px 179px #FFF, 897px 288px #FFF, 2897px 288px #FFF, 1060px 1267px #FFF, 3060px 1267px #FFF, 1605px 592px #FFF, 3605px 592px #FFF, 474px 1772px #FFF, 2474px 1772px #FFF, 1276px 932px #FFF, 3276px 932px #FFF, 533px 344px #FFF, 2533px 344px #FFF, 48px 1609px #FFF, 2048px 1609px #FFF, 1599px 1568px #FFF, 3599px 1568px #FFF, 1994px 1912px #FFF, 3994px 1912px #FFF, 931px 10px #FFF, 2931px 10px #FFF, 155px 1050px #FFF, 2155px 1050px #FFF, 953px 1683px #FFF, 2953px 1683px #FFF, 1234px 142px #FFF, 3234px 142px #FFF, 1265px 65px #FFF, 3265px 65px #FFF, 367px 700px #FFF, 2367px 700px #FFF, 1485px 470px #FFF, 3485px 470px #FFF, 1908px 1832px #FFF, 3908px 1832px #FFF, 878px 198px #FFF, 2878px 198px #FFF, 1887px 1207px #FFF, 3887px 1207px #FFF, 1590px 495px #FFF, 3590px 495px #FFF, 852px 1970px #FFF, 2852px 1970px #FFF, 1945px 1249px #FFF, 3945px 1249px #FFF, 99px 1206px #FFF, 2099px 1206px #FFF, 1014px 422px #FFF, 3014px 422px #FFF, 1701px 1777px #FFF, 3701px 1777px #FFF, 1592px 9px #FFF, 3592px 9px #FFF, 38px 1261px #FFF, 2038px 1261px #FFF, 155px 623px #FFF, 2155px 623px #FFF, 1747px 761px #FFF, 3747px 761px #FFF, 1191px 1400px #FFF, 3191px 1400px #FFF, 1357px 727px #FFF, 3357px 727px #FFF, 267px 29px #FFF, 2267px 29px #FFF, 1874px 567px #FFF, 3874px 567px #FFF, 575px 967px #FFF, 2575px 967px #FFF, 768px 809px #FFF, 2768px 809px #FFF, 592px 802px #FFF, 2592px 802px #FFF, 782px 1778px #FFF, 2782px 1778px #FFF, 1558px 611px #FFF, 3558px 611px #FFF, 613px 1872px #FFF, 2613px 1872px #FFF, 478px 600px #FFF, 2478px 600px #FFF, 1387px 511px #FFF, 3387px 511px #FFF, 881px 1226px #FFF, 2881px 1226px #FFF, 1477px 239px #FFF, 3477px 239px #FFF, 132px 1178px #FFF, 2132px 1178px #FFF, 1808px 1420px #FFF, 3808px 1420px #FFF, 19px 1121px #FFF, 2019px 1121px #FFF, 1486px 1850px #FFF, 3486px 1850px #FFF, 279px 265px #FFF, 2279px 265px #FFF, 1205px 385px #FFF, 3205px 385px #FFF, 1782px 1149px #FFF, 3782px 1149px #FFF, 1582px 1517px #FFF, 3582px 1517px #FFF, 1527px 527px #FFF, 3527px 527px #FFF, 1304px 1743px #FFF, 3304px 1743px #FFF, 1059px 1910px #FFF, 3059px 1910px #FFF, 549px 54px #FFF, 2549px 54px #FFF, 1286px 1210px #FFF, 3286px 1210px #FFF, 1915px 1410px #FFF, 3915px 1410px #FFF, 1569px 1690px #FFF, 3569px 1690px #FFF, 1544px 1286px #FFF, 3544px 1286px #FFF, 1617px 1612px #FFF, 3617px 1612px #FFF, 1850px 1374px #FFF, 3850px 1374px #FFF, 1215px 1469px #FFF, 3215px 1469px #FFF, 1224px 418px #FFF, 3224px 418px #FFF, 735px 1476px #FFF, 2735px 1476px #FFF, 111px 192px #FFF, 2111px 192px #FFF, 460px 728px #FFF, 2460px 728px #FFF, 998px 1426px #FFF, 2998px 1426px #FFF, 1667px 798px #FFF, 3667px 798px #FFF, 446px 1520px #FFF, 2446px 1520px #FFF, 1148px 1593px #FFF, 3148px 1593px #FFF, 1802px 1072px #FFF, 3802px 1072px #FFF, 2px 237px #FFF, 2002px 237px #FFF, 350px 139px #FFF, 2350px 139px #FFF, 886px 214px #FFF, 2886px 214px #FFF, 635px 1021px #FFF, 2635px 1021px #FFF, 1582px 566px #FFF, 3582px 566px #FFF, 1413px 1996px #FFF, 3413px 1996px #FFF, 12px 1320px #FFF, 2012px 1320px #FFF, 208px 546px #FFF, 2208px 546px #FFF, 1732px 119px #FFF, 3732px 119px #FFF, 1757px 446px #FFF, 3757px 446px #FFF, 1973px 972px #FFF, 3973px 972px #FFF, 1818px 1270px #FFF, 3818px 1270px #FFF, 408px 1410px #FFF, 2408px 1410px #FFF, 25px 220px #FFF, 2025px 220px #FFF, 1571px 930px #FFF, 3571px 930px #FFF, 1325px 1415px #FFF, 3325px 1415px #FFF, 203px 1933px #FFF, 2203px 1933px #FFF, 1589px 1102px #FFF, 3589px 1102px #FFF, 1693px 624px #FFF, 3693px 624px #FFF, 1305px 571px #FFF, 3305px 571px #FFF, 984px 1194px #FFF, 2984px 1194px #FFF, 1284px 810px #FFF, 3284px 810px #FFF, 1089px 257px #FFF, 3089px 257px #FFF, 298px 1056px #FFF, 2298px 1056px #FFF, 1021px 586px #FFF, 3021px 586px #FFF, 1344px 1357px #FFF, 3344px 1357px #FFF, 131px 36px #FFF, 2131px 36px #FFF, 72px 742px #FFF, 2072px 742px #FFF, 1817px 1841px #FFF, 3817px 1841px #FFF, 190px 1568px #FFF, 2190px 1568px #FFF, 1255px 1130px #FFF, 3255px 1130px #FFF, 1079px 1501px #FFF, 3079px 1501px #FFF, 1628px 1910px #FFF, 3628px 1910px #FFF, 1494px 1647px #FFF, 3494px 1647px #FFF, 701px 1398px #FFF, 2701px 1398px #FFF, 736px 1147px #FFF, 2736px 1147px #FFF, 1474px 599px #FFF, 3474px 599px #FFF, 1711px 313px #FFF, 3711px 313px #FFF, 1980px 162px #FFF, 3980px 162px #FFF, 1049px 1992px #FFF, 3049px 1992px #FFF, 1971px 717px #FFF, 3971px 717px #FFF, 1756px 754px #FFF, 3756px 754px #FFF, 1153px 1546px #FFF, 3153px 1546px #FFF, 528px 894px #FFF, 2528px 894px #FFF, 756px 1527px #FFF, 2756px 1527px #FFF, 565px 409px #FFF, 2565px 409px #FFF, 130px 1953px #FFF, 2130px 1953px #FFF, 423px 1204px #FFF, 2423px 1204px #FFF, 1806px 1459px #FFF, 3806px 1459px #FFF, 86px 785px #FFF, 2086px 785px #FFF, 1772px 800px #FFF, 3772px 800px #FFF, 1359px 556px #FFF, 3359px 556px #FFF, 467px 1630px #FFF, 2467px 1630px #FFF, 1994px 816px #FFF, 3994px 816px #FFF, 926px 1108px #FFF, 2926px 1108px #FFF, 1738px 1079px #FFF, 3738px 1079px #FFF, 1718px 480px #FFF, 3718px 480px #FFF, 21px 1879px #FFF, 2021px 1879px #FFF, 773px 1518px #FFF, 2773px 1518px #FFF, 1886px 1687px #FFF, 3886px 1687px #FFF, 1248px 1369px #FFF, 3248px 1369px #FFF, 165px 253px #FFF, 2165px 253px #FFF, 259px 429px #FFF, 2259px 429px #FFF, 1661px 356px #FFF, 3661px 356px #FFF, 1345px 1216px #FFF, 3345px 1216px #FFF, 1695px 1957px #FFF, 3695px 1957px #FFF, 1593px 306px #FFF, 3593px 306px #FFF, 1896px 445px #FFF, 3896px 445px #FFF, 122px 1056px #FFF, 2122px 1056px #FFF, 1290px 1374px #FFF, 3290px 1374px #FFF, 1257px 1544px #FFF, 3257px 1544px #FFF, 558px 1111px #FFF, 2558px 1111px #FFF, 466px 67px #FFF, 2466px 67px #FFF, 654px 578px #FFF, 2654px 578px #FFF, 1083px 1556px #FFF, 3083px 1556px #FFF, 1448px 823px #FFF, 3448px 823px #FFF, 1980px 833px #FFF, 3980px 833px #FFF, 1037px 455px #FFF, 3037px 455px #FFF, 744px 783px #FFF, 2744px 783px #FFF, 1379px 1103px #FFF, 3379px 1103px #FFF, 628px 1068px #FFF, 2628px 1068px #FFF, 1284px 1430px #FFF, 3284px 1430px #FFF, 1038px 981px #FFF, 3038px 981px #FFF, 439px 1063px #FFF, 2439px 1063px #FFF, 274px 1762px #FFF, 2274px 1762px #FFF, 1576px 274px #FFF, 3576px 274px #FFF, 1739px 689px #FFF, 3739px 689px #FFF, 267px 1267px #FFF, 2267px 1267px #FFF, 762px 822px #FFF, 2762px 822px #FFF, 611px 1244px #FFF, 2611px 1244px #FFF, 805px 1942px #FFF, 2805px 1942px #FFF, 86px 1244px #FFF, 2086px 1244px #FFF, 283px 1159px #FFF, 2283px 1159px #FFF, 601px 334px #FFF, 2601px 334px #FFF, 0px 1933px #FFF, 2000px 1933px #FFF, 1039px 1076px #FFF, 3039px 1076px #FFF, 1550px 1314px #FFF, 3550px 1314px #FFF, 489px 176px #FFF, 2489px 176px #FFF, 1004px 1321px #FFF, 3004px 1321px #FFF, 1642px 139px #FFF, 3642px 139px #FFF, 1595px 1887px #FFF, 3595px 1887px #FFF, 633px 1177px #FFF, 2633px 1177px #FFF, 1996px 394px #FFF, 3996px 394px #FFF, 1037px 245px #FFF, 3037px 245px #FFF, 285px 843px #FFF, 2285px 843px #FFF, 1268px 957px #FFF, 3268px 957px #FFF, 1514px 1332px #FFF, 3514px 1332px #FFF, 222px 1731px #FFF, 2222px 1731px #FFF, 575px 386px #FFF, 2575px 386px #FFF, 1952px 552px #FFF, 3952px 552px #FFF, 523px 723px #FFF, 2523px 723px #FFF, 443px 710px #FFF, 2443px 710px #FFF, 1409px 452px #FFF, 3409px 452px #FFF, 1748px 1149px #FFF, 3748px 1149px #FFF, 1172px 651px #FFF, 3172px 651px #FFF, 1743px 393px #FFF, 3743px 393px #FFF, 993px 171px #FFF, 2993px 171px #FFF;
    animation: animStar 300s linear infinite;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
}

#stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 742px 248px #FFF, 2742px 248px #FFF, 829px 1028px #FFF, 2829px 1028px #FFF, 1367px 1043px #FFF, 3367px 1043px #FFF, 1739px 854px #FFF, 3739px 854px #FFF, 885px 1499px #FFF, 2885px 1499px #FFF, 48px 1511px #FFF, 2048px 1511px #FFF, 178px 1093px #FFF, 2178px 1093px #FFF, 66px 1961px #FFF, 2066px 1961px #FFF, 525px 1047px #FFF, 2525px 1047px #FFF, 1043px 495px #FFF, 3043px 495px #FFF, 1208px 1194px #FFF, 3208px 1194px #FFF, 856px 179px #FFF, 2856px 179px #FFF, 897px 288px #FFF, 2897px 288px #FFF, 1060px 1267px #FFF, 3060px 1267px #FFF, 1605px 592px #FFF, 3605px 592px #FFF, 474px 1772px #FFF, 2474px 1772px #FFF, 1276px 932px #FFF, 3276px 932px #FFF, 533px 344px #FFF, 2533px 344px #FFF, 48px 1609px #FFF, 2048px 1609px #FFF, 1599px 1568px #FFF, 3599px 1568px #FFF, 1994px 1912px #FFF, 3994px 1912px #FFF, 931px 10px #FFF, 2931px 10px #FFF, 155px 1050px #FFF, 2155px 1050px #FFF, 953px 1683px #FFF, 2953px 1683px #FFF, 1234px 142px #FFF, 3234px 142px #FFF, 1265px 65px #FFF, 3265px 65px #FFF, 367px 700px #FFF, 2367px 700px #FFF, 1485px 470px #FFF, 3485px 470px #FFF, 1908px 1832px #FFF, 3908px 1832px #FFF, 878px 198px #FFF, 2878px 198px #FFF, 1887px 1207px #FFF, 3887px 1207px #FFF, 1590px 495px #FFF, 3590px 495px #FFF, 852px 1970px #FFF, 2852px 1970px #FFF, 1945px 1249px #FFF, 3945px 1249px #FFF, 99px 1206px #FFF, 2099px 1206px #FFF, 1014px 422px #FFF, 3014px 422px #FFF, 1701px 1777px #FFF, 3701px 1777px #FFF, 1592px 9px #FFF, 3592px 9px #FFF, 38px 1261px #FFF, 2038px 1261px #FFF, 155px 623px #FFF, 2155px 623px #FFF, 1747px 761px #FFF, 3747px 761px #FFF, 1191px 1400px #FFF, 3191px 1400px #FFF, 1357px 727px #FFF, 3357px 727px #FFF, 267px 29px #FFF, 2267px 29px #FFF, 1874px 567px #FFF, 3874px 567px #FFF, 575px 967px #FFF, 2575px 967px #FFF, 768px 809px #FFF, 2768px 809px #FFF, 592px 802px #FFF, 2592px 802px #FFF, 782px 1778px #FFF, 2782px 1778px #FFF, 1558px 611px #FFF, 3558px 611px #FFF, 613px 1872px #FFF, 2613px 1872px #FFF, 478px 600px #FFF, 2478px 600px #FFF, 1387px 511px #FFF, 3387px 511px #FFF, 881px 1226px #FFF, 2881px 1226px #FFF, 1477px 239px #FFF, 3477px 239px #FFF, 132px 1178px #FFF, 2132px 1178px #FFF, 1808px 1420px #FFF, 3808px 1420px #FFF, 19px 1121px #FFF, 2019px 1121px #FFF, 1486px 1850px #FFF, 3486px 1850px #FFF, 279px 265px #FFF, 2279px 265px #FFF, 1205px 385px #FFF, 3205px 385px #FFF, 1782px 1149px #FFF, 3782px 1149px #FFF, 1582px 1517px #FFF, 3582px 1517px #FFF, 1527px 527px #FFF, 3527px 527px #FFF, 1304px 1743px #FFF, 3304px 1743px #FFF, 1059px 1910px #FFF, 3059px 1910px #FFF, 549px 54px #FFF, 2549px 54px #FFF, 1286px 1210px #FFF, 3286px 1210px #FFF, 1915px 1410px #FFF, 3915px 1410px #FFF, 1569px 1690px #FFF, 3569px 1690px #FFF, 1544px 1286px #FFF, 3544px 1286px #FFF, 1617px 1612px #FFF, 3617px 1612px #FFF, 1850px 1374px #FFF, 3850px 1374px #FFF, 1215px 1469px #FFF, 3215px 1469px #FFF, 1224px 418px #FFF, 3224px 418px #FFF, 735px 1476px #FFF, 2735px 1476px #FFF, 111px 192px #FFF, 2111px 192px #FFF, 460px 728px #FFF, 2460px 728px #FFF, 998px 1426px #FFF, 2998px 1426px #FFF, 1667px 798px #FFF, 3667px 798px #FFF, 446px 1520px #FFF, 2446px 1520px #FFF, 1148px 1593px #FFF, 3148px 1593px #FFF, 1802px 1072px #FFF, 3802px 1072px #FFF, 2px 237px #FFF, 2002px 237px #FFF, 350px 139px #FFF, 2350px 139px #FFF, 886px 214px #FFF, 2886px 214px #FFF, 635px 1021px #FFF, 2635px 1021px #FFF, 1582px 566px #FFF, 3582px 566px #FFF, 1413px 1996px #FFF, 3413px 1996px #FFF, 12px 1320px #FFF, 2012px 1320px #FFF, 208px 546px #FFF, 2208px 546px #FFF, 1732px 119px #FFF, 3732px 119px #FFF, 1757px 446px #FFF, 3757px 446px #FFF, 1973px 972px #FFF, 3973px 972px #FFF, 1818px 1270px #FFF, 3818px 1270px #FFF, 408px 1410px #FFF, 2408px 1410px #FFF, 25px 220px #FFF, 2025px 220px #FFF, 1571px 930px #FFF, 3571px 930px #FFF, 1325px 1415px #FFF, 3325px 1415px #FFF, 203px 1933px #FFF, 2203px 1933px #FFF, 1589px 1102px #FFF, 3589px 1102px #FFF, 1693px 624px #FFF, 3693px 624px #FFF, 1305px 571px #FFF, 3305px 571px #FFF, 984px 1194px #FFF, 2984px 1194px #FFF, 1284px 810px #FFF, 3284px 810px #FFF, 1089px 257px #FFF, 3089px 257px #FFF, 298px 1056px #FFF, 2298px 1056px #FFF, 1021px 586px #FFF, 3021px 586px #FFF, 1344px 1357px #FFF, 3344px 1357px #FFF, 131px 36px #FFF, 2131px 36px #FFF, 72px 742px #FFF, 2072px 742px #FFF, 1817px 1841px #FFF, 3817px 1841px #FFF, 190px 1568px #FFF, 2190px 1568px #FFF, 1255px 1130px #FFF, 3255px 1130px #FFF, 1079px 1501px #FFF, 3079px 1501px #FFF, 1628px 1910px #FFF, 3628px 1910px #FFF, 1494px 1647px #FFF, 3494px 1647px #FFF, 701px 1398px #FFF, 2701px 1398px #FFF, 736px 1147px #FFF, 2736px 1147px #FFF, 1474px 599px #FFF, 3474px 599px #FFF, 1711px 313px #FFF, 3711px 313px #FFF, 1980px 162px #FFF, 3980px 162px #FFF, 1049px 1992px #FFF, 3049px 1992px #FFF, 1971px 717px #FFF, 3971px 717px #FFF, 1756px 754px #FFF, 3756px 754px #FFF, 1153px 1546px #FFF, 3153px 1546px #FFF, 528px 894px #FFF, 2528px 894px #FFF, 756px 1527px #FFF, 2756px 1527px #FFF, 565px 409px #FFF, 2565px 409px #FFF, 130px 1953px #FFF, 2130px 1953px #FFF, 423px 1204px #FFF, 2423px 1204px #FFF, 1806px 1459px #FFF, 3806px 1459px #FFF, 86px 785px #FFF, 2086px 785px #FFF, 1772px 800px #FFF, 3772px 800px #FFF, 1359px 556px #FFF, 3359px 556px #FFF, 467px 1630px #FFF, 2467px 1630px #FFF, 1994px 816px #FFF, 3994px 816px #FFF, 926px 1108px #FFF, 2926px 1108px #FFF, 1738px 1079px #FFF, 3738px 1079px #FFF, 1718px 480px #FFF, 3718px 480px #FFF, 21px 1879px #FFF, 2021px 1879px #FFF, 773px 1518px #FFF, 2773px 1518px #FFF, 1886px 1687px #FFF, 3886px 1687px #FFF, 1248px 1369px #FFF, 3248px 1369px #FFF, 165px 253px #FFF, 2165px 253px #FFF, 259px 429px #FFF, 2259px 429px #FFF, 1661px 356px #FFF, 3661px 356px #FFF, 1345px 1216px #FFF, 3345px 1216px #FFF, 1695px 1957px #FFF, 3695px 1957px #FFF, 1593px 306px #FFF, 3593px 306px #FFF, 1896px 445px #FFF, 3896px 445px #FFF, 122px 1056px #FFF, 2122px 1056px #FFF, 1290px 1374px #FFF, 3290px 1374px #FFF, 1257px 1544px #FFF, 3257px 1544px #FFF, 558px 1111px #FFF, 2558px 1111px #FFF, 466px 67px #FFF, 2466px 67px #FFF, 654px 578px #FFF, 2654px 578px #FFF, 1083px 1556px #FFF, 3083px 1556px #FFF, 1448px 823px #FFF, 3448px 823px #FFF, 1980px 833px #FFF, 3980px 833px #FFF, 1037px 455px #FFF, 3037px 455px #FFF, 744px 783px #FFF, 2744px 783px #FFF, 1379px 1103px #FFF, 3379px 1103px #FFF, 628px 1068px #FFF, 2628px 1068px #FFF, 1284px 1430px #FFF, 3284px 1430px #FFF, 1038px 981px #FFF, 3038px 981px #FFF, 439px 1063px #FFF, 2439px 1063px #FFF, 274px 1762px #FFF, 2274px 1762px #FFF, 1576px 274px #FFF, 3576px 274px #FFF, 1739px 689px #FFF, 3739px 689px #FFF, 267px 1267px #FFF, 2267px 1267px #FFF, 762px 822px #FFF, 2762px 822px #FFF, 611px 1244px #FFF, 2611px 1244px #FFF, 805px 1942px #FFF, 2805px 1942px #FFF, 86px 1244px #FFF, 2086px 1244px #FFF, 283px 1159px #FFF, 2283px 1159px #FFF, 601px 334px #FFF, 2601px 334px #FFF, 0px 1933px #FFF, 2000px 1933px #FFF, 1039px 1076px #FFF, 3039px 1076px #FFF, 1550px 1314px #FFF, 3550px 1314px #FFF, 489px 176px #FFF, 2489px 176px #FFF, 1004px 1321px #FFF, 3004px 1321px #FFF, 1642px 139px #FFF, 3642px 139px #FFF, 1595px 1887px #FFF, 3595px 1887px #FFF, 633px 1177px #FFF, 2633px 1177px #FFF, 1996px 394px #FFF, 3996px 394px #FFF, 1037px 245px #FFF, 3037px 245px #FFF, 285px 843px #FFF, 2285px 843px #FFF, 1268px 957px #FFF, 3268px 957px #FFF, 1514px 1332px #FFF, 3514px 1332px #FFF, 222px 1731px #FFF, 2222px 1731px #FFF, 575px 386px #FFF, 2575px 386px #FFF, 1952px 552px #FFF, 3952px 552px #FFF, 523px 723px #FFF, 2523px 723px #FFF, 443px 710px #FFF, 2443px 710px #FFF, 1409px 452px #FFF, 3409px 452px #FFF, 1748px 1149px #FFF, 3748px 1149px #FFF, 1172px 651px #FFF, 3172px 651px #FFF, 1743px 393px #FFF, 3743px 393px #FFF, 993px 171px #FFF, 2993px 171px #FFF;
}

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1441px 335px #FFF, 3441px 335px #FFF, 5px 776px #FFF, 2005px 776px #FFF, 526px 1334px #FFF, 2526px 1334px #FFF, 1277px 1686px #FFF, 3277px 1686px #FFF, 1046px 107px #FFF, 3046px 107px #FFF, 1378px 566px #FFF, 3378px 566px #FFF, 864px 1632px #FFF, 2864px 1632px #FFF, 1332px 504px #FFF, 3332px 504px #FFF, 44px 528px #FFF, 2044px 528px #FFF, 410px 47px #FFF, 2410px 47px #FFF, 346px 1350px #FFF, 2346px 1350px #FFF, 627px 1163px #FFF, 2627px 1163px #FFF, 815px 1249px #FFF, 2815px 1249px #FFF, 1048px 1756px #FFF, 3048px 1756px #FFF, 1353px 799px #FFF, 3353px 799px #FFF, 1685px 452px #FFF, 3685px 452px #FFF, 1656px 1236px #FFF, 3656px 1236px #FFF, 896px 20px #FFF, 2896px 20px #FFF, 149px 1835px #FFF, 2149px 1835px #FFF, 704px 1288px #FFF, 2704px 1288px #FFF, 1295px 1228px #FFF, 3295px 1228px #FFF, 1227px 1595px #FFF, 3227px 1595px #FFF, 1693px 1798px #FFF, 3693px 1798px #FFF, 1289px 1126px #FFF, 3289px 1126px #FFF, 306px 1051px #FFF, 2306px 1051px #FFF, 998px 485px #FFF, 2998px 485px #FFF, 864px 342px #FFF, 2864px 342px #FFF, 117px 1191px #FFF, 2117px 1191px #FFF, 1974px 1617px #FFF, 3974px 1617px #FFF, 282px 561px #FFF, 2282px 561px #FFF, 63px 1589px #FFF, 2063px 1589px #FFF, 1361px 939px #FFF, 3361px 939px #FFF, 1576px 1316px #FFF, 3576px 1316px #FFF, 975px 1534px #FFF, 2975px 1534px #FFF, 682px 79px #FFF, 2682px 79px #FFF, 1285px 929px #FFF, 3285px 929px #FFF, 1553px 1584px #FFF, 3553px 1584px #FFF, 884px 108px #FFF, 2884px 108px #FFF, 323px 399px #FFF, 2323px 399px #FFF, 581px 1982px #FFF, 2581px 1982px #FFF, 1571px 1670px #FFF, 3571px 1670px #FFF, 1973px 1645px #FFF, 3973px 1645px #FFF, 326px 988px #FFF, 2326px 988px #FFF, 366px 678px #FFF, 2366px 678px #FFF, 1127px 835px #FFF, 3127px 835px #FFF, 782px 1914px #FFF, 2782px 1914px #FFF, 515px 63px #FFF, 2515px 63px #FFF, 652px 1959px #FFF, 2652px 1959px #FFF, 1935px 797px #FFF, 3935px 797px #FFF, 1451px 1743px #FFF, 3451px 1743px #FFF, 1731px 1560px #FFF, 3731px 1560px #FFF, 1087px 1035px #FFF, 3087px 1035px #FFF, 609px 53px #FFF, 2609px 53px #FFF, 1317px 1779px #FFF, 3317px 1779px #FFF, 741px 1873px #FFF, 2741px 1873px #FFF, 533px 878px #FFF, 2533px 878px #FFF, 1777px 1234px #FFF, 3777px 1234px #FFF, 703px 429px #FFF, 2703px 429px #FFF, 510px 1681px #FFF, 2510px 1681px #FFF, 1854px 120px #FFF, 3854px 120px #FFF, 703px 1454px #FFF, 2703px 1454px #FFF, 991px 1202px #FFF, 2991px 1202px #FFF, 133px 11px #FFF, 2133px 11px #FFF, 300px 91px #FFF, 2300px 91px #FFF, 852px 80px #FFF, 2852px 80px #FFF, 1243px 1726px #FFF, 3243px 1726px #FFF, 1399px 1423px #FFF, 3399px 1423px #FFF, 1144px 1994px #FFF, 3144px 1994px #FFF, 844px 1666px #FFF, 2844px 1666px #FFF, 190px 975px #FFF, 2190px 975px #FFF, 1498px 638px #FFF, 3498px 638px #FFF, 1935px 1819px #FFF, 3935px 1819px #FFF, 755px 472px #FFF, 2755px 472px #FFF, 878px 1122px #FFF, 2878px 1122px #FFF, 140px 1591px #FFF, 2140px 1591px #FFF, 1353px 195px #FFF, 3353px 195px #FFF, 1657px 1301px #FFF, 3657px 1301px #FFF, 1678px 288px #FFF, 3678px 288px #FFF, 1352px 1716px #FFF, 3352px 1716px #FFF, 1087px 760px #FFF, 3087px 760px #FFF, 1334px 437px #FFF, 3334px 437px #FFF, 797px 1976px #FFF, 2797px 1976px #FFF, 1213px 664px #FFF, 3213px 664px #FFF, 958px 40px #FFF, 2958px 40px #FFF, 645px 125px #FFF, 2645px 125px #FFF, 1586px 486px #FFF, 3586px 486px #FFF, 466px 930px #FFF, 2466px 930px #FFF, 1590px 889px #FFF, 3590px 889px #FFF, 586px 1512px #FFF, 2586px 1512px #FFF, 1178px 1024px #FFF, 3178px 1024px #FFF, 888px 442px #FFF, 2888px 442px #FFF, 1343px 663px #FFF, 3343px 663px #FFF, 375px 894px #FFF, 2375px 894px #FFF, 1374px 734px #FFF, 3374px 734px #FFF, 496px 1063px #FFF, 2496px 1063px #FFF, 1852px 390px #FFF, 3852px 390px #FFF, 1558px 737px #FFF, 3558px 737px #FFF, 1762px 316px #FFF, 3762px 316px #FFF, 544px 992px #FFF, 2544px 992px #FFF, 1069px 455px #FFF, 3069px 455px #FFF;
    animation: animStar 450s linear infinite;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
}

#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1441px 335px #FFF, 3441px 335px #FFF, 5px 776px #FFF, 2005px 776px #FFF, 526px 1334px #FFF, 2526px 1334px #FFF, 1277px 1686px #FFF, 3277px 1686px #FFF, 1046px 107px #FFF, 3046px 107px #FFF, 1378px 566px #FFF, 3378px 566px #FFF, 864px 1632px #FFF, 2864px 1632px #FFF, 1332px 504px #FFF, 3332px 504px #FFF, 44px 528px #FFF, 2044px 528px #FFF, 410px 47px #FFF, 2410px 47px #FFF, 346px 1350px #FFF, 2346px 1350px #FFF, 627px 1163px #FFF, 2627px 1163px #FFF, 815px 1249px #FFF, 2815px 1249px #FFF, 1048px 1756px #FFF, 3048px 1756px #FFF, 1353px 799px #FFF, 3353px 799px #FFF, 1685px 452px #FFF, 3685px 452px #FFF, 1656px 1236px #FFF, 3656px 1236px #FFF, 896px 20px #FFF, 2896px 20px #FFF, 149px 1835px #FFF, 2149px 1835px #FFF, 704px 1288px #FFF, 2704px 1288px #FFF, 1295px 1228px #FFF, 3295px 1228px #FFF, 1227px 1595px #FFF, 3227px 1595px #FFF, 1693px 1798px #FFF, 3693px 1798px #FFF, 1289px 1126px #FFF, 3289px 1126px #FFF, 306px 1051px #FFF, 2306px 1051px #FFF, 998px 485px #FFF, 2998px 485px #FFF, 864px 342px #FFF, 2864px 342px #FFF, 117px 1191px #FFF, 2117px 1191px #FFF, 1974px 1617px #FFF, 3974px 1617px #FFF, 282px 561px #FFF, 2282px 561px #FFF, 63px 1589px #FFF, 2063px 1589px #FFF, 1361px 939px #FFF, 3361px 939px #FFF, 1576px 1316px #FFF, 3576px 1316px #FFF, 975px 1534px #FFF, 2975px 1534px #FFF, 682px 79px #FFF, 2682px 79px #FFF, 1285px 929px #FFF, 3285px 929px #FFF, 1553px 1584px #FFF, 3553px 1584px #FFF, 884px 108px #FFF, 2884px 108px #FFF, 323px 399px #FFF, 2323px 399px #FFF, 581px 1982px #FFF, 2581px 1982px #FFF, 1571px 1670px #FFF, 3571px 1670px #FFF, 1973px 1645px #FFF, 3973px 1645px #FFF, 326px 988px #FFF, 2326px 988px #FFF, 366px 678px #FFF, 2366px 678px #FFF, 1127px 835px #FFF, 3127px 835px #FFF, 782px 1914px #FFF, 2782px 1914px #FFF, 515px 63px #FFF, 2515px 63px #FFF, 652px 1959px #FFF, 2652px 1959px #FFF, 1935px 797px #FFF, 3935px 797px #FFF, 1451px 1743px #FFF, 3451px 1743px #FFF, 1731px 1560px #FFF, 3731px 1560px #FFF, 1087px 1035px #FFF, 3087px 1035px #FFF, 609px 53px #FFF, 2609px 53px #FFF, 1317px 1779px #FFF, 3317px 1779px #FFF, 741px 1873px #FFF, 2741px 1873px #FFF, 533px 878px #FFF, 2533px 878px #FFF, 1777px 1234px #FFF, 3777px 1234px #FFF, 703px 429px #FFF, 2703px 429px #FFF, 510px 1681px #FFF, 2510px 1681px #FFF, 1854px 120px #FFF, 3854px 120px #FFF, 703px 1454px #FFF, 2703px 1454px #FFF, 991px 1202px #FFF, 2991px 1202px #FFF, 133px 11px #FFF, 2133px 11px #FFF, 300px 91px #FFF, 2300px 91px #FFF, 852px 80px #FFF, 2852px 80px #FFF, 1243px 1726px #FFF, 3243px 1726px #FFF, 1399px 1423px #FFF, 3399px 1423px #FFF, 1144px 1994px #FFF, 3144px 1994px #FFF, 844px 1666px #FFF, 2844px 1666px #FFF, 190px 975px #FFF, 2190px 975px #FFF, 1498px 638px #FFF, 3498px 638px #FFF, 1935px 1819px #FFF, 3935px 1819px #FFF, 755px 472px #FFF, 2755px 472px #FFF, 878px 1122px #FFF, 2878px 1122px #FFF, 140px 1591px #FFF, 2140px 1591px #FFF, 1353px 195px #FFF, 3353px 195px #FFF, 1657px 1301px #FFF, 3657px 1301px #FFF, 1678px 288px #FFF, 3678px 288px #FFF, 1352px 1716px #FFF, 3352px 1716px #FFF, 1087px 760px #FFF, 3087px 760px #FFF, 1334px 437px #FFF, 3334px 437px #FFF, 797px 1976px #FFF, 2797px 1976px #FFF, 1213px 664px #FFF, 3213px 664px #FFF, 958px 40px #FFF, 2958px 40px #FFF, 645px 125px #FFF, 2645px 125px #FFF, 1586px 486px #FFF, 3586px 486px #FFF, 466px 930px #FFF, 2466px 930px #FFF, 1590px 889px #FFF, 3590px 889px #FFF, 586px 1512px #FFF, 2586px 1512px #FFF, 1178px 1024px #FFF, 3178px 1024px #FFF, 888px 442px #FFF, 2888px 442px #FFF, 1343px 663px #FFF, 3343px 663px #FFF, 375px 894px #FFF, 2375px 894px #FFF, 1374px 734px #FFF, 3374px 734px #FFF, 496px 1063px #FFF, 2496px 1063px #FFF, 1852px 390px #FFF, 3852px 390px #FFF, 1558px 737px #FFF, 3558px 737px #FFF, 1762px 316px #FFF, 3762px 316px #FFF, 544px 992px #FFF, 2544px 992px #FFF, 1069px 455px #FFF, 3069px 455px #FFF;
}

@keyframes animStar {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-2000px);
    }
}

/* Shooting Stars */
.shooting-stars-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}

.shooting-star {
    position: absolute;
    top: 50%;
    left: auto;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1), 0 0 0 8px rgba(255, 255, 255, 0.1), 0 0 20px rgba(255, 255, 255, 1);
    animation: animateShootingStar 3s linear infinite;
    opacity: 0;
}

.shooting-star::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    height: 1px;
    background: linear-gradient(90deg, #fff, transparent);
}

@keyframes animateShootingStar {
    0% {
        transform: rotate(335deg) translateX(0);
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    100% {
        transform: rotate(335deg) translateX(-4000px);
        opacity: 0;
    }
}

/* Shooting stars are now positioned via JS inline styles for randomness */


.profile-content.stellar-tab-active .stellar-tab-content {
    position: relative;
    z-index: 10;
}

/* Aggressive background and border removal for Stellar tab */
.profile-content.stellar-tab-active .constellation-card,
.profile-content.stellar-tab-active .progression-path-card,
.profile-content.stellar-tab-active .celestial-theme.constellation-card {
    background: none !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 80px !important;
    backdrop-filter: none !important;
}

.profile-content.stellar-tab-active .constellation-card::before,
.profile-content.stellar-tab-active .progression-path-card::before {
    display: none !important;
}

.profile-content.stellar-tab-active .path-header {
    background: none !important;
    padding: 10px 0;
    border-radius: 0;
    border-left: none !important;
    margin-bottom: 20px;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

.profile-content.stellar-tab-active .path-footer {
    background: none !important;
    padding: 10px 0;
    border-radius: 0;
    margin-top: 10px;
    backdrop-filter: none !important;
    border-top: none !important;
    /* Removed horizontal bar */
}

.clickable-id {
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 2px 6px;
    border-radius: 4px;
}

.clickable-id:hover {
    background: rgba(var(--primary-rgb, 59, 130, 246), 0.1);
    color: var(--primary);
}

.id-badge-masked {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.2rem 0.6rem;
    background: rgba(148, 163, 184, 0.1);
    color: #64748b;
    border-radius: 6px;
    font-family: var(--font-mono, monospace);
    font-size: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    user-select: none;
}

.id-badge-masked i {
    font-size: 0.9rem;
    opacity: 0.7;
}

.id-badge-masked.clickable-id:hover {
    background: rgba(59, 130, 246, 0.1);
    color: var(--primary);
    border-color: rgba(59, 130, 246, 0.3);
}

.advisor-info {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.advisor-name {
    font-weight: 600;
    font-size: 0.9rem;
}

.advisor-tag {
    font-size: 0.75rem;
    color: var(--text-muted);
}

/* Action Group & Buttons */
.status-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-height: 32px;
}

.action-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 72px;
    /* Fixed space for up to 2 icons to keep badges aligned */
}

.action-group {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
}

.btn-action {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 1.1rem;
    background: #f1f5f9;
    color: #64748b;
}

.btn-action i {
    color: inherit;
}

[data-theme="dark"] .btn-action,
[data-theme="neon"] .btn-action {
    background: var(--bg-input);
    color: var(--text-muted);
}

.btn-action:hover {
    transform: scale(1.1);
}

.btn-action.check {
    color: #10b981;
    background: #ecfdf5;
}

.btn-action.danger {
    color: #ef4444;
    background: #fef2f2;
}

.btn-action.info {
    color: #2563eb;
    background: #eff6ff;
}

[data-theme="dark"] .btn-action.check,
[data-theme="neon"] .btn-action.check {
    background: #064e3b !important;
    color: #10b981 !important;
}

[data-theme="dark"] .btn-action.danger,
[data-theme="neon"] .btn-action.danger {
    background: #7f1d1d !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .btn-action.info,
[data-theme="neon"] .btn-action.info {
    background: #1e3a8a !important;
    color: #93c5fd !important;
}

[data-theme="dark"] .btn-action.check i,
[data-theme="dark"] .btn-action.danger i,
[data-theme="dark"] .btn-action.info i,
[data-theme="neon"] .btn-action.check i,
[data-theme="neon"] .btn-action.danger i,
[data-theme="neon"] .btn-action.info i {
    color: inherit !important;
}

.status-badge {
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    min-width: 90px;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
}

.status-badge.pending {
    background: #fef3c7;
    color: #d97706;
}

.status-badge.validated {
    background: #d1fae5;
    color: #059669;
}

.status-badge.retracted {
    background: #fee2e2;
    color: #dc2626;
}

[data-theme="dark"] .status-badge.pending,
[data-theme="neon"] .status-badge.pending {
    background: rgba(217, 119, 6, 0.2);
    color: #fbbf24;
}

[data-theme="dark"] .status-badge.validated,
[data-theme="neon"] .status-badge.validated {
    background: rgba(5, 150, 105, 0.2);
    color: #34d399;
}

[data-theme="dark"] .status-badge.retracted,
[data-theme="neon"] .status-badge.retracted {
    background: rgba(220, 38, 38, 0.2);
    color: #f87171;
}

/* Impersonation UI Styles */
.impersonate-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.impersonate-modal {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    width: 900px;
    max-width: 90vw;
    height: 70vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: relative;
    /* Ensure it stays above overlay */
}

/* Ensure modal contents are visible in dark mode */
[data-theme="dark"] .impersonate-modal {
    background: #1f2937;
    border-color: #374151;
}

.impersonate-modal-header {
    padding: 16px 24px;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--bg-card);
}

[data-theme="dark"] .impersonate-modal-header {
    background: #1f2937;
    border-color: #374151;
}

.impersonate-modal-header h3 {
    margin: 0;
    font-size: 1.25rem;
    color: var(--text-main);
}

.impersonate-modal-body {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* Sidebar */
.impersonate-sidebar {
    width: 250px;
    border-right: 1px solid var(--border-color);
    background: var(--bg-body);
    overflow-y: auto;
    padding: 12px;
}

[data-theme="dark"] .impersonate-sidebar {
    background: #111827;
    border-color: #374151;
}

.hub-item {
    padding: 10px 14px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--text-secondary);
    transition: all 0.2s;
    margin-bottom: 4px;
}

.hub-item:hover {
    background: var(--bg-hover);
    color: var(--text-main);
}

[data-theme="dark"] .hub-item:hover {
    background: #374151;
    color: #f9fafb;
}

.hub-item.active {
    background: rgba(220, 38, 38, 0.1);
    /* Primary color approx */
    color: #dc2626;
    /* Primary */
    font-weight: 600;
}

[data-theme="dark"] .hub-item.active {
    background: rgba(220, 38, 38, 0.2);
}

.hub-count {
    background: var(--bg-card);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.75rem;
    opacity: 0.7;
}

[data-theme="dark"] .hub-count {
    background: #374151;
    color: #e5e7eb;
}

.hub-item.active .hub-count {
    background: #dc2626;
    color: white;
    opacity: 1;
}

/* Content */
.impersonate-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--bg-card);
}

[data-theme="dark"] .impersonate-content {
    background: #1f2937;
}

.impersonate-search-bar {
    padding: 16px;
    border-bottom: 1px solid var(--border-color);
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text-secondary);
    background: var(--bg-card);
}

[data-theme="dark"] .impersonate-search-bar {
    background: #1f2937;
    border-color: #374151;
}

.impersonate-search-bar input {
    background: transparent;
    border: none;
    width: 100%;
    font-size: 1rem;
    color: var(--text-main);
    outline: none;
}

.impersonate-grid {
    padding: 20px;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}

.impersonate-card {
    background: var(--bg-body);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: all 0.2s;
}

[data-theme="dark"] .impersonate-card {
    background: #111827;
    border-color: #374151;
}

.impersonate-card:hover {
    border-color: #dc2626;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.user-avatar {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.1rem;
    text-transform: uppercase;
}

.user-details {
    flex: 1;
    min-width: 0;
}

.user-name {
    font-weight: 600;
    color: var(--text-main);
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-role {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    background: var(--bg-hover);
    color: var(--text-secondary);
}

[data-theme="dark"] .user-role {
    background: #374151;
    color: #9ca3af;
}

.user-role.coordinator {
    background: rgba(245, 158, 11, 0.1);
    /* Amber */
    color: #d97706;
}

.user-hub {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: 2px;
}

.login-icon {
    opacity: 0;
    color: #dc2626;
    margin-left: auto;
    transition: opacity 0.2s;
}

.impersonate-card:hover .login-icon {
    opacity: 1;
}

.close-btn {
    font-size: 1.5rem;
    padding: 4px;
    line-height: 1;
}

.close-btn:hover {
    color: var(--danger);
}

/* ========================================
   GAME CENTER V2
   ======================================== */
.game-center-layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    position: fixed;
    /* Fix: Break out of parent padding */
    top: 45px;
    /* Match header height */
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-body);
    z-index: 90;
    overflow: hidden;
}

.game-center-sidebar {
    background: var(--bg-card);
    border-right: 1px solid var(--border-color);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    overflow-y: auto;
}

/* User Card in Sidebar */
.gc-user-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 20px;
    color: var(--text-main);
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.05),
        0 2px 4px -1px rgba(0, 0, 0, 0.03),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    flex-shrink: 0;
}

[data-theme="dark"] .gc-user-card {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    box-shadow:
        0 10px 25px -5px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

[data-theme="neon"] .gc-user-card {
    background: linear-gradient(135deg, #1e1e42 0%, #0f0f2d 100%);
    border-color: rgba(0, 255, 159, 0.2);
    color: var(--text-main);
    box-shadow:
        0 10px 25px -5px rgba(0, 0, 0, 0.4),
        0 0 15px rgba(0, 255, 159, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

[data-theme="dark"] .gc-user-card button,
[data-theme="neon"] .gc-user-card button {
    color: inherit;
}

.gc-user-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-color: var(--primary-text);
}

.gc-avatar {
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: white;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.8);
    overflow: hidden;
    position: relative;
}

.gc-user-info h3 {
    font-size: 1.15rem;
    font-weight: 800;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--text-main);
}

.gc-balance {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    color: #f59e0b;
    font-weight: 700;
    margin-top: 2px;
}

.gc-earned-stats {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: var(--text-muted);
    font-weight: 600;
    margin-top: 4px;
    opacity: 0.8;
}

.gc-earned-stats i {
    font-size: 0.9rem;
    color: #10b981;
    /* Emerald green for confirmed sales */
}

/* Navigation */
.gc-nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.gc-nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
    width: 100%;
}

.gc-nav-item:hover {
    background: var(--bg-body);
    color: var(--text-main);
}

.gc-nav-item.active {
    background: rgba(139, 92, 246, 0.1);
    color: #8b5cf6;
    font-weight: 600;
}

.gc-badge {
    margin-left: auto;
    background: #ef4444;
    color: white;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 99px;
    font-weight: 700;
}

/* Info Box */
.gc-info-box {
    margin-top: auto;
    padding: 16px;
    background: rgba(59, 130, 246, 0.05);
    border: 1px solid rgba(59, 130, 246, 0.1);
    border-radius: 12px;
    font-size: 0.85rem;
    color: var(--text-muted);
    line-height: 1.5;
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

.gc-info-box i {
    font-size: 1.2rem;
    color: #3b82f6;
}

/* Main Content */
.game-center-main {
    padding: 32px 40px;
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.gc-section {
    width: 100%;
    padding-bottom: 40px;
}

.gc-header {
    margin-bottom: 32px;
}

.gc-header h1 {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 8px;
    background: linear-gradient(135deg, var(--text-main) 0%, var(--text-muted) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gc-header p {
    color: var(--text-muted);
    font-size: 1.1rem;
}

/* Store Cards */
.games-v2-card.locked {
    transition: all 0.3s;
    cursor: default;
    border: 2px solid transparent;
}

.games-v2-card.locked .game-cover-img,
.games-v2-card.locked .games-v2-card-icon {
    opacity: 0.8;
    filter: grayscale(0.8);
    transition: all 0.3s;
}

.games-v2-card.locked.affordable .game-cover-img,
.games-v2-card.locked.affordable .games-v2-card-icon {
    filter: grayscale(0.2);
}

.games-v2-card.locked.affordable {
    cursor: pointer;
}

.games-v2-card.locked:hover {
    transform: translateY(-5px);
    border-color: #fbbf24;
    box-shadow: 0 4px 20px rgba(251, 191, 36, 0.2);
}

.games-v2-card.locked:hover .game-cover-img,
.games-v2-card.locked:hover .games-v2-card-icon {
    filter: grayscale(0);
    opacity: 1;
}

.gc-price-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(0, 0, 0, 0.6);
    color: #fbbf24;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 0.9rem;
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 5;
}

.gc-lock-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: white;
    font-weight: 600;
    opacity: 0;
    transition: opacity 0.2s;
    backdrop-filter: blur(2px);
    z-index: 3;
}

.games-v2-card.locked:hover .gc-lock-overlay {
    opacity: 1;
}

.gc-lock-overlay i {
    font-size: 2rem;
    margin-bottom: 4px;
}

/* Play Button Hover for Unlocked */
.gc-play-btn {
    margin-top: 12px;
    background: var(--text-main);
    color: var(--bg-card);
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s;
}

.games-v2-card.unlocked:hover .gc-play-btn {
    opacity: 1;
    transform: translateY(0);
}

/* Empty Store */
.gc-empty-store {
    text-align: center;
    padding: 60px;
    background: var(--bg-card);
    border-radius: 16px;
    border: 2px dashed var(--border-color);
}

.gc-empty-store i {
    font-size: 3rem;
    color: #10b981;
    margin-bottom: 16px;
    display: block;
}

/* Dark Mode Adjustments */
[data-theme="dark"] .game-center-sidebar {
    border-right-color: #374151;
}

[data-theme="dark"] .gc-nav-item:hover {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .gc-header h1 {
    background: linear-gradient(135deg, white 0%, #9ca3af 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- Game Gift Modal --- */
.iframe-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(4px);
}

.gc-admin-gift-btn {
    background: none;
    border: none;
    color: #a855f7;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.2s;
    margin-left: 5px;
}

.gc-admin-gift-btn:hover {
    background: rgba(168, 85, 247, 0.1);
}

/* Leaderboard Toggle Button */
.gc-admin-lb-toggle {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #94a3b8;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 6px;
    transition: all 0.25s ease;
    margin-left: 4px;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.gc-admin-lb-toggle.active {
    color: #10b981;
    border-color: rgba(16, 185, 129, 0.3);
    background: rgba(16, 185, 129, 0.1);
}

.gc-admin-lb-toggle:not(.active) {
    color: #64748b;
    border-color: rgba(100, 116, 139, 0.2);
    background: rgba(100, 116, 139, 0.05);
}

.gc-admin-lb-toggle:hover {
    transform: scale(1.1);
    filter: brightness(1.2);
}

.gc-modal-card {
    background: var(--bg-card, #ffffff);
    color: var(--text-main, #1e293b);
    width: 90%;
    max-width: 500px;
    border-radius: 12px;
    border: 1px solid var(--border-color, #e2e8f0);
    overflow: visible !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    animation: modalPop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

[data-theme="dark"] .gc-modal-card {
    background: #1e293b;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    color: #f8fafc;
}

@keyframes modalPop {
    from {
        transform: scale(0.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.gc-modal-header {
    padding: 1rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--bg-body, #f8fafc);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

[data-theme="dark"] .gc-modal-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.2);
}

.gc-modal-header h3 {
    margin: 0;
    font-size: 1.1rem;
    color: var(--text-main, #1e293b);
    display: flex;
    align-items: center;
    gap: 8px;
}

[data-theme="dark"] .gc-modal-header h3 {
    color: #e2e8f0;
}

.gc-modal-header button {
    background: none;
    border: none;
    color: var(--text-muted, #64748b);
    cursor: pointer;
    font-size: 1.2rem;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.2s;
}

[data-theme="dark"] .gc-modal-header button {
    color: #94a3b8;
}

.gc-modal-header button:hover {
    background: rgba(0, 0, 0, 0.05);
    color: var(--text-main, #1e293b);
}

[data-theme="dark"] .gc-modal-header button:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.gc-modal-body {
    padding: 1.5rem;
    padding-bottom: 2rem;
}

.gc-modal-body:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.gc-modal-footer {
    padding: 1rem;
    background: var(--bg-body, #f8fafc);
    text-align: right;
    border-top: 1px solid var(--border-color, #e2e8f0);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

[data-theme="dark"] .gc-modal-footer {
    background: rgba(0, 0, 0, 0.2);
    border-top-color: rgba(255, 255, 255, 0.05);
}

.gc-radio-group {
    display: flex;
    gap: 1rem;
    margin-top: 0.5rem;
}

.gc-radio-group label {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--text-main, #334155);
}

[data-theme="dark"] .gc-radio-group label {
    color: #cbd5e1;
}

.gc-radio-group input[type="radio"] {
    accent-color: #a855f7;
    width: 16px;
    height: 16px;
}

.gc-search-results {
    margin-top: 8px;
    max-height: 150px;
    overflow-y: auto;
    background: var(--bg-card, #ffffff);
    border-radius: 8px;
    border: 1px solid var(--border-color, #e2e8f0);
}

[data-theme="dark"] .gc-search-results {
    background: rgba(0, 0, 0, 0.2);
    border-color: rgba(255, 255, 255, 0.05);
}

.gc-search-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    cursor: pointer;
    transition: all 0.2s;
    border-bottom: 1px solid var(--border-color, #f1f5f9);
    color: var(--text-main, #1e293b);
}

[data-theme="dark"] .gc-search-item {
    border-bottom-color: rgba(255, 255, 255, 0.03);
    color: #f8fafc;
}

.gc-search-item:last-child {
    border-bottom: none;
}

.gc-search-item:hover,
.gc-search-item.selected {
    background: rgba(168, 85, 247, 0.1);
}

.gc-user-avatar.sm {
    width: 32px;
    height: 32px;
    font-size: 0.8rem;
}

/* --- Game Gift Modal (Improved Design) --- */
/* Overrides previous block */

/* Improved Radio Group */
.gc-radio-group {
    flex-wrap: wrap;
}

.gc-radio-group label {
    background: var(--bg-body, #f8fafc);
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--border-color, #e2e8f0);
    transition: all 0.2s;
    margin-bottom: 0;
}

[data-theme="dark"] .gc-radio-group label {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

.gc-radio-group label:hover {
    background: var(--bg-card, #ffffff);
    border-color: #a855f7;
}

[data-theme="dark"] .gc-radio-group label:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.gc-radio-group label:has(input:checked) {
    background: rgba(168, 85, 247, 0.1);
    border-color: #a855f7;
    color: var(--text-main, #1e293b);
}

[data-theme="dark"] .gc-radio-group label:has(input:checked) {
    background: rgba(168, 85, 247, 0.2);
    color: #fff;
}

.gc-radio-group input[type="radio"] {
    accent-color: #a855f7;
}

/* Input Search */
.gc-input {
    background: var(--bg-body, #f8fafc) !important;
    border: 1px solid var(--border-color, #e2e8f0) !important;
    color: var(--text-main, #1e293b) !important;
    padding: 10px;
    border-radius: 8px;
    width: 100%;
    outline: none;
}

[data-theme="dark"] .gc-input {
    background: rgba(0, 0, 0, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

.gc-input:focus {
    border-color: #a855f7 !important;
    box-shadow: 0 0 0 2px rgba(168, 85, 247, 0.2);
}

/* Form Group Spacing */
.gc-form-group {
    margin-bottom: 1.5rem;
}

.gc-form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    color: var(--text-muted, #64748b);
    font-weight: 600;
}

[data-theme="dark"] .gc-form-group label {
    color: #94a3b8;
}

.gc-search-results {
    background: var(--bg-card, #ffffff);
    border: 1px solid var(--border-color, #e2e8f0);
}

[data-theme="dark"] .gc-search-results {
    background: #0f172a;
    border-color: rgba(255, 255, 255, 0.1);
}

.gc-search-item:hover,
.gc-search-item.selected {
    background: rgba(168, 85, 247, 0.1);
}

[data-theme="dark"] .gc-search-item:hover,
[data-theme="dark"] .gc-search-item.selected {
    background: rgba(168, 85, 247, 0.15);
}

/* Dropdown Mode (Static) */
.gc-form-group.relative {
    position: relative;
}

.gc-search-results.dropdown-mode {
    position: static;
    width: 100%;
    margin-top: 4px;
    box-shadow: none;
    background: var(--bg-body, #f8fafc);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 8px;
    max-height: 200px;
}

[data-theme="dark"] .gc-search-results.dropdown-mode {
    background: rgba(15, 23, 42, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

/* Text Contrast */
.gc-search-item {
    color: var(--text-main, #1e293b);
}

[data-theme="dark"] .gc-search-item {
    color: #f8fafc;
}

.gc-search-item .text-muted {
    color: var(--text-muted, #64748b) !important;
}

[data-theme="dark"] .gc-search-item .text-muted {
    color: #94a3b8 !important;
}

.gc-search-item .font-bold {
    color: var(--text-main, #1e293b) !important;
}

[data-theme="dark"] .gc-search-item .font-bold {
    color: #fff !important;
}

/* Custom Select Dropdown */
.gc-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1.2em;
    padding-right: 2.5rem !important;
    cursor: pointer;
}

.gc-select option {
    background: #0f172a;
    color: white;
    padding: 8px;
}

/* Custom Styled Select (for Hubs) */
.gc-custom-select {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    padding: 12px 16px;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s;
}

.gc-custom-select:hover {
    border-color: rgba(168, 85, 247, 0.5);
    background: rgba(0, 0, 0, 0.4);
}

.gc-custom-dropdown-list {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    background: #1e293b;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    overflow: hidden;
    z-index: 100;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
}

.gc-dropdown-search-wrapper {
    padding: 10px;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    gap: 8px;
}

.gc-dropdown-search-wrapper i {
    color: #94a3b8;
}

.gc-dropdown-search-input {
    background: transparent;
    border: none;
    color: white;
    width: 100%;
    outline: none;
    font-size: 0.85rem;
}

.gc-dropdown-items-container {
    max-height: 200px;
    overflow-y: auto;
}

.gc-custom-dropdown-item {
    padding: 10px 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s;
}

.gc-custom-dropdown-item:hover {
    background: rgba(168, 85, 247, 0.1);
}

.gc-custom-dropdown-item.active {
    background: rgba(168, 85, 247, 0.2);
}

.gc-hub-info {
    display: flex;
    flex-direction: column;
}

.gc-hub-name {
    font-weight: 600;
    color: #f8fafc;
}

.gc-hub-count {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* Redesigned Gift Submit Button */
.gc-gift-submit-btn {
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);
}

.gc-gift-submit-btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);
    filter: brightness(1.1);
}

.gc-gift-submit-btn:active:not(:disabled) {
    transform: translateY(0);
}

.gc-gift-submit-btn:disabled {
    background: #334155;
    color: #94a3b8;
    cursor: not-allowed;
    box-shadow: none;
    opacity: 0.7;
}

.gc-gift-submit-btn i {
    font-size: 1.2rem;
}

/* ========================================
   PM FIBRE - Points de Mutualisation
   ======================================== */

/* === FIXED FULLSCREEN LAYOUT (like Mayday) === */
.pm-fibre-page {
    position: fixed !important;
    inset: var(--pm-header-offset, 45px) 0 0 0 !important;
    z-index: 10 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    height: calc(100vh - var(--pm-header-offset, 45px)) !important;
    box-sizing: border-box !important;
    padding: 12px !important;
    gap: 12px !important;
    background: var(--bg-body);
    margin: 0 !important;
    transform: translateZ(0);
    /* Force layer for Chrome fixed-position reliability */
}

.impersonating .pm-fibre-page {
    top: calc(var(--pm-header-offset, 45px) + 40px) !important;
    height: calc(100vh - (var(--pm-header-offset, 45px) + 40px)) !important;
}

/* === SIDEBARS (Scoped to PM Fibre to avoid collision with Planning) === */
.pm-fibre-page .pm-sidebar {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    /* Reset for Chrome/Planning.css collision */
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    align-self: stretch !important;
}

.pm-fibre-page .pm-sidebar-left {
    flex: 0 0 270px !important;
    min-width: 270px;
}

.pm-fibre-page .pm-sidebar-right {
    flex: 0 0 290px !important;
    min-width: 290px;
}

.pm-fibre-page .pm-sidebar-scroll {
    flex: 1 !important;
    overflow-y: auto;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* === MAP CONTAINER === */
.pm-fibre-page .pm-map-container {
    flex: 1 !important;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    min-width: 0;
}

.pm-fibre-page .pm-map {
    width: 100% !important;
    height: 100% !important;
    z-index: 1;
    background: #e8e8e8;
}

.pm-fibre-page .pm-loading-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(6px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    color: white;
    font-size: 1.1rem;
    gap: 12px;
    border-radius: 12px;
}

.pm-fibre-page .pm-loading-overlay i {
    font-size: 2.5rem;
}

/* === LEFT SIDEBAR CONTROLS === */
.pm-fibre-page .pm-control-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.pm-fibre-page .pm-label {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.pm-fibre-page .pm-label i {
    font-size: 0.85rem;
}

.pm-input,
.pm-select {
    width: 100%;
    padding: 9px 11px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background: var(--bg-body);
    color: var(--text-main);
    font-size: 0.87rem;
    outline: none;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.pm-input:focus,
.pm-select:focus {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.12);
}

[data-theme="dark"] .pm-input,
[data-theme="dark"] .pm-select {
    background: #1e293b;
    border-color: rgba(255, 255, 255, 0.1);
    color: #f8fafc;
}

[data-theme="dark"] .pm-select option {
    background: #1e293b;
    color: #f8fafc;
}

/* Department Dropdown */
.pm-fibre-page .pm-dept-select {
    position: relative;
}

.pm-dept-btn {
    width: 100%;
    padding: 9px 11px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background: var(--bg-body);
    color: var(--text-main);
    font-size: 0.87rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s;
}

.pm-dept-btn:hover {
    border-color: #0ea5e9;
}

[data-theme="dark"] .pm-dept-btn {
    background: #1e293b;
    border-color: rgba(255, 255, 255, 0.1);
    color: #f8fafc;
}

.pm-fibre-page .pm-dept-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    z-index: 100;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[data-theme="dark"] .pm-fibre-page .pm-dept-dropdown {
    background: #1e293b;
    border-color: rgba(255, 255, 255, 0.1);
}

.pm-fibre-page .pm-dept-search {
    padding: 8px;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--bg-body);
}

[data-theme="dark"] .pm-fibre-page .pm-dept-search {
    background: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.pm-fibre-page .pm-dept-search i {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.pm-fibre-page .pm-dept-search input {
    width: 100%;
    border: none;
    background: transparent;
    outline: none;
    color: var(--text-main);
    font-size: 0.85rem;
}

.pm-fibre-page .pm-dept-list {
    max-height: 250px;
    overflow-y: auto;
    list-style: none;
    padding: 4px;
    margin: 0;
}

.pm-fibre-page .pm-dept-list li {
    padding: 7px 11px;
    cursor: pointer;
    font-size: 0.83rem;
    border-radius: 5px;
    transition: background 0.15s;
    color: var(--text-main);
}

.pm-fibre-page .pm-dept-list li.pm-dept-empty {
    color: var(--text-muted);
    text-align: center;
    font-style: italic;
    cursor: default;
}

.pm-fibre-page .pm-dept-list li.pm-dept-empty:hover {
    background: transparent;
}

.pm-fibre-page .pm-dept-list li:hover:not(.pm-dept-empty) {
    background: rgba(14, 165, 233, 0.08);
}

.pm-fibre-page .pm-dept-list li.active:not(.pm-dept-empty) {
    background: rgba(14, 165, 233, 0.12);
    color: #0ea5e9;
    font-weight: 600;
}

[data-theme="dark"] .pm-fibre-page .pm-dept-list li {
    color: #e2e8f0;
}

/* Action Buttons */
.pm-fibre-page .pm-actions-group {
    display: flex;
    flex-direction: row !important;
    gap: 8px !important;
}

.pm-fibre-page .pm-btn {
    padding: 8px 12px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.82rem;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all 0.2s;
}

.pm-fibre-page .pm-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.pm-fibre-page .pm-btn-reset {
    background: var(--bg-body);
    color: var(--text-muted);
    border: 1px solid var(--border-color);
    flex: 1;
}

.pm-fibre-page .pm-btn-reset:hover:not(:disabled) {
    border-color: var(--text-muted);
}

[data-theme="dark"] .pm-fibre-page .pm-btn-reset {
    background: rgba(255, 255, 255, 0.05);
    color: #94a3b8;
    border-color: rgba(255, 255, 255, 0.1);
}

.pm-fibre-page .pm-btn-add {
    background: linear-gradient(135deg, #0ea5e9, #06b6d4);
    color: white;
    flex: 1;
}

.pm-fibre-page .pm-btn-add:hover:not(:disabled) {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

/* Status */
.pm-fibre-page .pm-status {
    font-size: 0.8rem;
    color: var(--text-muted);
    padding: 6px 0;
    text-align: center;
    border-top: 1px solid var(--border-color);
}

/* Legend */
.pm-fibre-page .pm-legend {
    padding: 10px;
    background: var(--bg-body);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[data-theme="dark"] .pm-fibre-page .pm-legend {
    background: rgba(255, 255, 255, 0.02);
}

.pm-fibre-page .pm-legend-title {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-muted);
    margin-bottom: 2px;
}

.pm-fibre-page .pm-legend-item {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.78rem;
    color: var(--text-main);
}

[data-theme="dark"] .pm-fibre-page .pm-legend-item {
    color: #cbd5e1;
}

/* PM Dot */
.pm-fibre-page .pm-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.pm-fibre-page .pm-dot-incident {
    background: #dc3545;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.3);
    animation: pm-pulse 1.5s ease-in-out infinite;
}

@keyframes pm-pulse {

    0%,
    100% {
        box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.3);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(220, 53, 69, 0.1);
    }
}

/* === LEAFLET POPUP === */
.pm-fibre-page .pm-popup {
    line-height: 1.6;
    font-family: 'Segoe UI', system-ui, sans-serif;
    min-width: 200px;
}

.pm-fibre-page .pm-popup-header {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.pm-fibre-page .pm-popup-row {
    font-size: 0.85rem;
    color: #555;
}

.pm-fibre-page .pm-popup-actions {
    display: flex;
    gap: 6px;
    margin-top: 8px;
}

.pm-fibre-page .pm-popup-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: all 0.2s;
    margin-top: 6px;
}

.pm-fibre-page .pm-popup-btn.incident {
    background: #dc3545;
    color: white;
}

.pm-fibre-page .pm-popup-btn.incident:hover {
    background: #c82333;
}

.pm-fibre-page .pm-popup-btn.delete {
    background: #6c757d;
    color: white;
}

.pm-fibre-page .pm-popup-btn.delete:hover {
    background: #545b62;
}

.pm-fibre-page .pm-incident-badge {
    display: inline-block;
    background: #dc3545;
    color: white;
    padding: 1px 8px;
    border-radius: 99px;
    font-size: 0.7rem;
    font-weight: 700;
    animation: pm-pulse 1.5s ease-in-out infinite;
}

.pm-fibre-page .pm-custom-badge {
    display: inline-block;
    background: #17a2b8;
    color: white;
    padding: 1px 8px;
    border-radius: 99px;
    font-size: 0.7rem;
    font-weight: 700;
}

/* Custom Marker Icon */
.pm-fibre-page .pm-custom-icon {
    background: none !important;
    border: none !important;
}

.pm-fibre-page .pm-custom-marker {
    width: 28px;
    height: 28px;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.pm-fibre-page .pm-custom-marker i {
    transform: rotate(45deg);
}

.pm-fibre-page .pm-custom-icon.pm-incident .pm-custom-marker {
    animation: pm-pulse 1.5s ease-in-out infinite;
}

.pm-fibre-page .pm-incident-marker {
    animation: pm-pulse 1.5s ease-in-out infinite;
}

/* === RIGHT SIDEBAR === */
.pm-fibre-page .pm-incident-header {
    gap: 8px;
}

.pm-fibre-page .pm-incident-count {
    background: #dc3545;
    color: white;
    font-size: 0.72rem;
    padding: 2px 8px;
    border-radius: 99px;
    font-weight: 700;
    margin-left: auto;
}

/* Right Tabs */
.pm-fibre-page .pm-right-tabs {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.pm-fibre-page .pm-right-tabs button {
    flex: 1;
    padding: 10px 8px;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: all 0.2s;
    border-bottom: 2px solid transparent;
}

.pm-fibre-page .pm-right-tabs button:hover {
    color: var(--text-main);
    background: rgba(14, 165, 233, 0.04);
}

.pm-fibre-page .pm-right-tabs button.active {
    color: #0ea5e9;
    border-bottom-color: #0ea5e9;
    background: rgba(14, 165, 233, 0.06);
}

.pm-fibre-page .pm-tab-badge {
    background: #dc3545;
    color: white;
    font-size: 0.65rem;
    padding: 1px 6px;
    border-radius: 99px;
    font-weight: 700;
}

/* Incident List */
.pm-fibre-page .pm-incident-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pm-fibre-page .pm-no-incidents {
    text-align: center;
    padding: 30px 12px;
    color: #10b981;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.pm-fibre-page .pm-no-incidents i {
    font-size: 2.5rem;
}

.pm-fibre-page .pm-no-incidents span {
    font-size: 0.85rem;
    color: var(--text-muted);
}

.pm-fibre-page .pm-incident-card {
    padding: 12px;
    background: var(--bg-body);
    border-radius: 10px;
    border-left: 3px solid #dc3545;
    transition: all 0.2s;
}

[data-theme="dark"] .pm-fibre-page .pm-incident-card {
    background: rgba(255, 255, 255, 0.04);
}

.pm-fibre-page .pm-incident-card:hover {
    transform: translateX(2px);
}

.pm-incident-card-clickable {
    cursor: pointer;
}

.pm-incident-card-clickable:hover {
    background: rgba(14, 165, 233, 0.05) !important;
    border-color: #0ea5e9 !important;
}

/* Marker Highlight Animation (Red Pulse like dashboard) */
@keyframes pm-marker-ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.8);
    }

    70% {
        box-shadow: 0 0 20px 15px rgba(220, 53, 69, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
    }
}

@keyframes pm-svg-ripple {
    0% {
        filter: drop-shadow(0 0 2px #dc3545);
        stroke-width: 2px;
    }

    50% {
        filter: drop-shadow(0 0 12px #dc3545);
        stroke-width: 6px;
    }

    100% {
        filter: drop-shadow(0 0 2px #dc3545);
        stroke-width: 2px;
    }
}

.pm-highlight-pulse {
    border-radius: 50% !important;
    animation: pm-marker-ripple 1s ease-out infinite !important;
    z-index: 1000 !important;
}

/* For Custom Markers (DivIcon): preserve the red theme */
.pm-highlight-pulse .pm-custom-marker {
    transition: transform 0.3s;
    transform: scale(1.3) !important;
}

/* For CircleMarkers (SVG) */
.pm-highlight-svg {
    animation: pm-svg-ripple 1s ease-out infinite !important;
    stroke: #dc3545 !important;
}

[data-theme="dark"] .pm-incident-card-clickable:hover {
    background: rgba(14, 165, 233, 0.1) !important;
}

.pm-fibre-page .pm-incident-name {
    font-weight: 700;
    font-size: 0.88rem;
    color: var(--text-main);
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.pm-fibre-page .pm-incident-name i {
    color: #dc3545;
    font-size: 1rem;
}

.pm-fibre-page .pm-incident-meta {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 0.76rem;
    color: var(--text-muted);
}

.pm-fibre-page .pm-incident-meta span {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Conflict resolved: definitions moved to standardized section below */

/* Declare Form */
.pm-fibre-page .pm-declare-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pm-fibre-page .pm-declare-intro {
    font-size: 0.83rem;
    color: var(--text-muted);
    margin: 0;
    line-height: 1.5;
}

.pm-fibre-page .pm-form-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pm-fibre-page .pm-form-group label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
}

[data-theme="dark"] .pm-fibre-page .pm-form-group label {
    color: #94a3b8;
}

.pm-fibre-page .pm-form-row {
    display: flex;
    gap: 10px;
}

.pm-fibre-page .pm-form-row .pm-form-group {
    flex: 1;
}

.pm-fibre-page .pm-btn-declare-full {
    background: linear-gradient(135deg, #dc3545, #c82333);
    color: white;
    padding: 10px 16px;
    width: 100%;
    justify-content: center;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 700;
    margin-top: 4px;
}

.pm-fibre-page .pm-btn-declare-full:hover:not(:disabled) {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

.pm-fibre-page .pm-btn-declare-full:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

/* === MODALS === */
.pm-fibre-page .pm-modal {
    background: var(--bg-card);
    border-radius: 16px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

[data-theme="dark"] .pm-fibre-page .pm-modal {
    background: #1e293b;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.pm-fibre-page .pm-modal-sm {
    max-width: 420px;
}

.pm-fibre-page .pm-modal-header {
    padding: 14px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-body);
}

[data-theme="dark"] .pm-fibre-page .pm-modal-header {
    background: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.pm-fibre-page .pm-modal-header h3 {
    margin: 0;
    font-size: 1.05rem;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-main);
}

[data-theme="dark"] .pm-fibre-page .pm-modal-header h3 {
    color: #f8fafc;
}

.pm-fibre-page .incident-modal-header {
    background: linear-gradient(135deg, #fff5f5, #fff) !important;
}

[data-theme="dark"] .pm-fibre-page .incident-modal-header {
    background: linear-gradient(135deg, rgba(220, 53, 69, 0.1), rgba(0, 0, 0, 0.2)) !important;
}

.pm-fibre-page .incident-modal-header h3 i {
    color: #dc3545;
}

.pm-fibre-page .pm-modal-body {
    padding: 20px;
}

.pm-fibre-page .pm-modal-footer {
    padding: 12px 20px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    border-top: 1px solid var(--border-color);
    background: var(--bg-body);
}

[data-theme="dark"] .pm-fibre-page .pm-modal-footer {
    background: rgba(0, 0, 0, 0.2);
    border-top-color: rgba(255, 255, 255, 0.08);
}

.pm-fibre-page .pm-btn-cancel {
    background: var(--bg-body);
    color: var(--text-muted);
    border: 1px solid var(--border-color);
}

[data-theme="dark"] .pm-fibre-page .pm-btn-cancel {
    background: rgba(255, 255, 255, 0.05);
    color: #94a3b8;
    border-color: rgba(255, 255, 255, 0.1);
}

.pm-fibre-page .pm-btn-cancel:hover {
    background: #e2e8f0;
}

.pm-fibre-page .pm-btn-save {
    background: linear-gradient(135deg, #0ea5e9, #06b6d4);
    color: white;
}

.pm-fibre-page .pm-btn-save:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

.pm-fibre-page .pm-btn-incident {
    background: linear-gradient(135deg, #dc3545, #c82333);
    color: white;
}

.pm-fibre-page .pm-btn-incident:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

/* Incident confirm */
.pm-fibre-page .pm-incident-confirm-info {
    text-align: center;
    padding: 12px 0;
}

.pm-fibre-page .pm-incident-confirm-name {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--text-main);
    margin-bottom: 4px;
}

[data-theme="dark"] .pm-fibre-page .pm-incident-confirm-name {
    color: #f8fafc;
}

.pm-fibre-page .pm-incident-confirm-detail {
    font-size: 0.9rem;
    color: var(--text-muted);
    margin-bottom: 12px;
}

.pm-fibre-page .pm-incident-confirm-text {
    font-size: 0.9rem;
    color: var(--text-muted);
    line-height: 1.6;
}

/* Dashboard Widget Link */
.pm-fibre-page .pm-see-all-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 8px;
    padding: 8px;
    background: rgba(14, 165, 233, 0.08);
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #0ea5e9;
    text-decoration: none;
    transition: all 0.2s;
}

.pm-fibre-page .pm-see-all-link:hover {
    background: rgba(14, 165, 233, 0.15);
}

.pm-incidents-widget {
    margin-top: 16px;
}

/* === RESPONSIVE === */
@media (max-width: 1200px) {
    .pm-fibre-page .pm-sidebar-left {
        flex: 0 0 240px !important;
        min-width: 240px;
    }

    .pm-fibre-page .pm-sidebar-right {
        flex: 0 0 250px !important;
        min-width: 250px;
    }
}

@media (max-width: 1024px) {
    .pm-fibre-page {
        position: relative !important;
        top: 0 !important;
        height: auto !important;
        flex-direction: column !important;
        width: 100% !important;
        padding-top: var(--pm-header-offset, 45px) !important;
    }

    .pm-fibre-page .pm-sidebar {
        width: 100% !important;
        flex: none !important;
        height: auto !important;
        max-height: 300px;
    }

    .pm-fibre-page .pm-map-container {
        height: 500px;
    }
}

/* === MOBILE ADJUSTMENTS (tablet / phone) === */
@media (max-width: 768px) {
    .pm-fibre-page {
        position: fixed !important;
        inset: var(--pm-header-offset, 45px) 0 0 0 !important;
        height: calc(100vh - var(--pm-header-offset, 45px)) !important;
        flex-direction: column !important;
        padding: 8px !important;
        gap: 8px !important;
    }

    .pm-fibre-page .pm-sidebar {
        width: 100% !important;
        flex: none !important;
        height: auto !important;
        max-height: 260px;
        overflow-y: auto;
        border-radius: 10px;
    }

    .pm-fibre-page .pm-sidebar-left,
    .pm-fibre-page .pm-sidebar-right {
        min-width: 0 !important;
    }

    .pm-fibre-page .pm-map-container {
        flex: 1 !important;
        min-height: 50vh;
        height: auto !important;
    }

    .pm-fibre-page .pm-map {
        height: 100% !important;
    }

    .pm-fibre-page .pm-btn {
        padding: 12px 16px;
        font-size: 0.95rem;
        border-radius: 12px;
    }

    .pm-fibre-page .pm-label {
        font-size: 0.75rem;
    }
}

@media (max-width: 480px) {
    .pm-fibre-page {
        padding: 6px !important;
        gap: 6px !important;
    }

    .pm-fibre-page .pm-sidebar {
        max-height: 200px;
        padding: 10px;
    }

    .pm-fibre-page .pm-map-container {
        min-height: 60vh;
        border-radius: 8px;
    }

    .pm-fibre-page .pm-control-group {
        gap: 8px;
    }

    .pm-fibre-page .pm-dept-btn,
    .pm-input,
    .pm-select,
    .pm-btn {
        font-size: 1rem;
        padding: 12px;
    }

    .pm-fibre-page .pm-popup {
        font-size: 0.95rem;
        min-width: 160px;
    }

    /* Stack order for small screens: filters, map, details */
    .pm-fibre-page .pm-sidebar-left {
        order: 1;
    }

    .pm-fibre-page .pm-map-container {
        order: 2;
    }

    .pm-fibre-page .pm-sidebar-right {
        order: 3;
    }
}

/* Mobile floating search FAB */
@media (max-width: 768px) {
    .pm-mobile-fab-search {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 1200;
        width: 46px;
        height: 46px;
        border-radius: 14px;
        border: none;
        background: linear-gradient(135deg, #0ea5e9, #06b6d4);
        color: white;
        font-size: 1.2rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow: 0 4px 16px rgba(14, 165, 233, 0.35), 0 2px 6px rgba(0, 0, 0, 0.1);
        transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        backdrop-filter: blur(6px);
    }

    .pm-mobile-fab-search:hover,
    .pm-mobile-fab-search:active {
        transform: scale(1.08);
        box-shadow: 0 6px 22px rgba(14, 165, 233, 0.45), 0 3px 8px rgba(0, 0, 0, 0.12);
    }

    [data-theme="dark"] .pm-mobile-fab-search {
        background: linear-gradient(135deg, #0284c7, #0891b2);
        box-shadow: 0 4px 16px rgba(14, 165, 233, 0.25), 0 2px 6px rgba(0, 0, 0, 0.3);
    }

    /* Mobile search panel */
    .pm-mobile-search-panel {
        position: absolute;
        top: 12px;
        left: 12px;
        right: 12px;
        z-index: 1200;
        display: flex;
        align-items: center;
        gap: 10px;
        background: rgba(255, 255, 255, 0.92);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border: 1px solid rgba(14, 165, 233, 0.25);
        padding: 6px 10px;
        border-radius: 14px;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(14, 165, 233, 0.1);
        animation: pm-search-slide-in 0.25s ease-out;
    }

    [data-theme="dark"] .pm-mobile-search-panel {
        background: rgba(30, 41, 59, 0.92);
        border-color: rgba(14, 165, 233, 0.2);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
    }

    @keyframes pm-search-slide-in {
        from {
            opacity: 0;
            transform: translateY(-8px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .pm-search-panel-icon {
        color: #0ea5e9;
        font-size: 1.1rem;
        flex-shrink: 0;
    }

    .pm-mobile-search-panel .pm-input {
        flex: 1;
        margin: 0;
        background: transparent;
        border: none;
        padding: 10px 4px;
        font-size: 0.95rem;
        outline: none;
        box-shadow: none;
        color: var(--text-main);
    }

    .pm-mobile-search-panel .pm-input::placeholder {
        color: var(--text-muted);
        opacity: 0.7;
    }

    .pm-mobile-search-close {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        border: none;
        background: rgba(0, 0, 0, 0.06);
        color: var(--text-muted);
        font-size: 1.1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.2s;
        flex-shrink: 0;
    }

    .pm-mobile-search-close:hover,
    .pm-mobile-search-close:active {
        background: rgba(220, 53, 69, 0.1);
        color: #dc3545;
    }

    [data-theme="dark"] .pm-mobile-search-close {
        background: rgba(255, 255, 255, 0.08);
        color: #94a3b8;
    }

    [data-theme="dark"] .pm-mobile-search-close:hover {
        background: rgba(220, 53, 69, 0.15);
        color: #f87171;
    }
}

.pm-fibre-page .dashboard-sidebar-left {
    min-width: 280px;
    max-width: 280px;
}

.pm-fibre-page .dashboard-sidebar-right {
    min-width: 260px;
    max-width: 260px;
}

/* Map Container */
.pm-fibre-page .pm-main {
    position: relative;
    padding: 0 !important;
    overflow: hidden;
}

.pm-fibre-page .pm-map {
    width: 100%;
    height: 100%;
    z-index: 1;
    background: var(--bg-body, #f0f0f0);
}

.pm-fibre-page .pm-loading-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    color: white;
    font-size: 1.1rem;
    gap: 12px;
}

.pm-fibre-page .pm-loading-overlay i {
    font-size: 2rem;
}

.pm-fibre-page .pm-sidebar-content {
    padding: 15px;
}

/* === PM FIBRE PHASE 2 === */
.pm-stats-widget {
    background: rgba(14, 165, 233, 0.05);
    border: 1px solid rgba(14, 165, 233, 0.2);
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 5px;
}

[data-theme="dark"] .pm-stats-widget {
    background: rgba(14, 165, 233, 0.1);
}

.pm-stats-header {
    font-size: 0.65rem;
    font-weight: 800;
    color: var(--text-muted);
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 0.05em;
}

.pm-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 12px;
}

.pm-stat-item {
    display: flex;
    flex-direction: column;
}

.pm-stat-item .label {
    font-size: 0.6rem;
    color: var(--text-muted);
}

.pm-stat-item .value {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-main);
}

.pm-stat-op-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    font-size: 0.7rem;
}

.pm-stat-op-row .op-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pm-stat-op-row .op-bar-bg {
    flex: 0 0 60px;
    height: 4px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    overflow: hidden;
}

[data-theme="dark"] .pm-stat-op-row .op-bar-bg {
    background: rgba(255, 255, 255, 0.1);
}

.pm-stat-op-row .op-bar-fill {
    height: 100%;
    background: #0ea5e9;
    border-radius: 2px;
}

.pm-stat-op-row .op-pct {
    font-weight: 600;
    min-width: 25px;
    text-align: right;
}

.pm-btn-outline {
    background: transparent;
    border: 1px solid var(--border-color);
    color: var(--text-main);
    padding: 4px 12px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.2s;
}

.pm-btn-outline:hover {
    border-color: var(--text-muted);
    background: rgba(0, 0, 0, 0.03);
}

[data-theme="dark"] .pm-btn-outline:hover {
    background: rgba(255, 255, 255, 0.03);
}

.pm-history-list .pm-incident-card.resolved {
    border-left: 4px solid #10b981;
    opacity: 0.85;
}

.pm-history-list .pm-incident-card.resolved:hover {
    opacity: 1;
}

.pm-history-list .pm-incident-card.resolved i {
    color: #10b981;
}


/* Dashboard PM Widget Refinements */
.pm-dash-ident {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
}

.pm-dash-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pm-dash-op {
    font-size: 0.75rem;
    color: var(--text-main);
    margin-bottom: 2px;
}

.pm-dash-date {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.pm-dash-op b,
.pm-dash-date b {
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    font-size: 0.65rem;
    margin-right: 4px;
}

.badge-resolved {
    background: #10b981 !important;
    color: white !important;
}

.pm-resolved-tag {
    font-size: 0.6rem;
    font-weight: 800;
    color: #10b981;
    background: rgba(16, 185, 129, 0.1);
    padding: 1px 4px;
    border-radius: 4px;
    margin-left: 6px;
}

.pm-resolved {
    opacity: 0.8;
}

.pm-incident-actions-row {
    display: grid;
    grid-template-columns: 1fr 42px;
    gap: 10px;
    margin-top: 12px;
    align-items: center;
    /* Center vertically within the grid row */
}

.pm-btn-delete-sm {
    background: #dc3545;
    border: none;
    color: white;
    width: 42px;
    height: 42px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.2);
    flex-shrink: 0;
    box-sizing: border-box;
}

.pm-btn-delete-sm:hover {
    background: #bb2d3b;
    transform: translateY(-1px);
    box-shadow: 0 6px 15px rgba(220, 53, 69, 0.3);
}

.pm-incident-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.pm-btn-delete-history {
    background: rgba(220, 53, 69, 0.1);
    border: none;
    color: #dc3545;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: all 0.2s;
}

.pm-btn-delete-history:hover {
    background: #dc3545;
    color: white;
}

/* Button Styles */
.pm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    border: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    user-select: none;
}

.pm-btn-primary {
    background: #0ea5e9;
    color: white;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.25);
}

.pm-btn-primary:hover {
    background: #0284c7;
    transform: translateY(-1px);
    box-shadow: 0 6px 15px rgba(14, 165, 233, 0.35);
}

.pm-btn-secondary {
    background: rgba(0, 0, 0, 0.05);
    color: var(--text-main);
    border: 1px solid var(--border-color);
}

.pm-btn-secondary:hover {
    background: rgba(0, 0, 0, 0.08);
    border-color: var(--text-muted);
}

[data-theme="dark"] .pm-btn-secondary {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .pm-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.08);
}

.pm-actions-group {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.pm-btn-retry {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.pm-btn-retry:hover {
    background: rgba(245, 158, 11, 0.2);
}

.pm-btn-wide {
    width: 100%;
}

.pm-btn:active {
    transform: translateY(0);
    scale: 0.98;
}

.pm-btn-resolve {
    background: #10b981;
    color: white;
    height: 42px;
    padding: 0 16px;
    /* Symmetrical internal alignment */
    margin: 0;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pm-btn-resolve:hover {
    background: #059669;
}

.pm-btn-incident {
    background: #dc3545;
    color: white;
}

.pm-btn-incident:hover {
    background: #bb2d3b;
}

.pm-btn-cancel {
    background: transparent;
    border: 1px solid var(--border-color);
    color: var(--text-muted);
}

.pm-btn-cancel:hover {
    background: rgba(0, 0, 0, 0.05);
    border-color: var(--text-muted);
    color: var(--text-main);
}

[data-theme="dark"] .pm-btn-cancel:hover {
    background: rgba(255, 255, 255, 0.05);
}

.pm-resolved .antenna-icon {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #10b981 !important;
}

/* ========================================
   GAME CENTER RESPONSIVE
   ======================================== */
.gc-mobile-burger, .gc-sidebar-backdrop {
    display: none;
}

@media (max-width: 768px) {
    .game-center-layout {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: calc(100vh - 60px) !important;
        overflow: visible !important;
        position: relative;
    }

    .game-center-main {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: calc(100vh - 60px) !important;
        padding: 80px 15px 40px !important;
        overflow-y: visible !important;
        margin: 0 !important;
    }

    .game-center-sidebar {
        position: fixed !important;
        top: 0 !important; /* Flush to the top edge */
        left: 0 !important;
        bottom: 0 !important;
        height: 100vh !important; /* Full screen height drawer */
        width: 280px !important;
        z-index: 100001 !important; /* Above everything including header */
        transform: translateX(-100%) !important;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        box-shadow: 4px 0 25px rgba(0,0,0,0.1) !important;
        background: var(--bg-card) !important;
        padding: 85px 20px 20px !important; /* Space for the floating burger button */
        margin: 0 !important;
        border-radius: 0 !important;
    }

    .game-center-sidebar.sidebar-open {
        transform: translateX(0) !important;
    }

    .gc-mobile-burger {
        display: flex !important;
        position: fixed !important;
        top: 15px !important; /* Moved up to match the top position visually */
        left: 15px !important;
        z-index: 100002 !important; /* Above sidebar */
        background: var(--primary, #6366f1) !important;
        color: white !important;
        border: none !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 1.4rem !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
        cursor: pointer !important;
        transition: transform 0.2s !important;
    }
    
    .gc-mobile-burger:hover {
        transform: scale(1.05) !important;
    }

    .gc-sidebar-backdrop {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0,0,0,0.6) !important;
        z-index: 100000 !important; /* Below sidebar, above body */
        backdrop-filter: blur(4px) !important;
    }

    .gc-header {
        margin-left: 0 !important;
        text-align: center !important;
        flex-direction: column !important;
        gap: 15px !important;
        align-items: center !important;
        position: relative !important;
    }

    /* Fix the settings gear to top right */
    .gc-header button.btn-icon,
    .gc-header .btn-icon {
        position: absolute !important;
        top: -65px !important; /* Align with header level */
        right: 0 !important;
        z-index: 9999 !important;
    }

    .games-v2-grid {
        grid-template-columns: 1fr !important;
    }

    /* Grey out mobile-incompatible games */
    .games-v2-card:not([data-game-id="free_sim_farm"]) {
        filter: grayscale(1) !important;
        opacity: 0.6 !important;
        box-shadow: none !important;
        border-color: transparent !important;
    }
    
    .games-v2-card:not([data-game-id="free_sim_farm"]):hover {
        transform: none !important;
    }
}