@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.exfvxuochq.bundle.scp.css';

/* _content/ADG.Website/Components/BetaFlag.razor.rz.scp.css */
.beta-flag[b-2mhukplfie] {
    display: inline-block;
    background: #ffd700;
    color: #333;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 0.15em 0.6em;
    border-radius: 0.75em;
    letter-spacing: 0.05em;
    margin-left: 0.5em;
    vertical-align: middle;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    text-transform: uppercase;
    /* Prevent layout shifting */
    position: relative;
    top: -1px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* _content/ADG.Website/Components/PlayerCoins.razor.rz.scp.css */

.player-coins[b-9ya63deofr] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 12px;
    background: var(--neutral-layer-2);
    font-size: 14px;
    font-weight: 500;
}

.coins-count[b-9ya63deofr] {
    color: var(--accent-foreground-rest);
}

.error-text[b-9ya63deofr] {
    color: var(--error-foreground-rest);
    font-size: 12px;
}
/* _content/ADG.Website/Pages/Admin/Features/AdminFeatures.razor.rz.scp.css */
/* Modern, glowing, dark mode table styles for Admin Features */

:root[b-e3gx1iajcp] {
    --table-bg: #181c24;
    --table-header-bg: #23283a;
    --table-row-bg: #22263a;
    --table-row-alt-bg: #1a1e2a;
    --table-border: #2e3650;
    --table-glow: 0 0 12px #00ffe7, 0 0 4px #00ffe7;
    --table-header-glow: 0 0 16px #00ffe7, 0 0 8px #00ffe7;
    --table-text: #e0e6f0;
    --table-header-text: #00ffe7;
    --table-radius: 16px;
}

table[b-e3gx1iajcp] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--table-bg);
    color: var(--table-text);
    border-radius: var(--table-radius);
    box-shadow: var(--table-glow);
    margin: 1rem 0; /* Less vertical space */
    overflow: hidden;
    border: 2px solid var(--table-border); /* Add visible border */
}

thead tr[b-e3gx1iajcp] {
    background: var(--table-header-bg);
    color: var(--table-header-text);
    text-shadow: var(--table-header-glow);
}

thead th[b-e3gx1iajcp], tbody td[b-e3gx1iajcp] {
    padding: 0.6rem 0.8rem; /* Less padding for compactness */
}

thead th[b-e3gx1iajcp] {
    font-size: 1rem;
    font-weight: 700;
    border-bottom: 2px solid var(--table-border);
    background: var(--table-header-bg);
}

tbody tr[b-e3gx1iajcp] {
    background: var(--table-row-bg);
    transition: background 0.2s;
}

tbody tr:nth-child(even)[b-e3gx1iajcp] {
    background: var(--table-row-alt-bg);
}

tbody td[b-e3gx1iajcp] {
    font-size: 0.98rem;
    border-bottom: 1px solid var(--table-border);
}

tbody tr:last-child td[b-e3gx1iajcp] {
    border-bottom: none;
}

table[b-e3gx1iajcp], th[b-e3gx1iajcp], td[b-e3gx1iajcp] {
    border-radius: var(--table-radius);
}

table[b-e3gx1iajcp] {
    box-shadow: var(--table-glow);
}

thead th[b-e3gx1iajcp] {
    box-shadow: var(--table-header-glow);
}

/* Remove hover color effect */
tbody tr:hover[b-e3gx1iajcp] {
    background: inherit;
    box-shadow: none;
    color: inherit;
}

/* Responsive for mobile */
@media (max-width: 700px) {
    table[b-e3gx1iajcp], thead[b-e3gx1iajcp], tbody[b-e3gx1iajcp], th[b-e3gx1iajcp], td[b-e3gx1iajcp], tr[b-e3gx1iajcp] {
        display: block;
    }
    thead[b-e3gx1iajcp] {
        display: none;
    }
    tbody td[b-e3gx1iajcp] {
        position: relative;
        padding-left: 50%;
        min-height: 2.5rem;
    }
    tbody td[b-e3gx1iajcp]:before {
        position: absolute;
        left: 1rem;
        top: 0.9rem;
        width: 45%;
        white-space: nowrap;
        color: var(--table-header-text);
        font-weight: bold;
        content: attr(data-label);
    }
}
/* _content/ADG.Website/Pages/Changelogs/Changelogs.razor.rz.scp.css */
.changelog-card[b-vnkv5swrvf] {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.changelog-card:hover[b-vnkv5swrvf] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.changelog-list[b-vnkv5swrvf] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* _content/ADG.Website/Pages/Create/Converter/CreatorConverter.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Create/Create.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Create/CreatePost.razor.rz.scp.css */
.create-post-card[b-zyhjmd5neq] {
    max-width: 600px;
    margin: 40px auto;
    padding: 32px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-radius: 8px;
    background: var(--neutral-layer-1);
}

.post-create-form[b-zyhjmd5neq] {
    width: 100%;
}

.create-post-card h2[b-zyhjmd5neq] {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.create-post-card .fluent-text-field[b-zyhjmd5neq],
.create-post-card .fluent-text-area[b-zyhjmd5neq] {
    width: 100%;
    margin-bottom: 16px;
}

.create-post-card .fluent-button[b-zyhjmd5neq] {
    width: 100%;
    margin-top: 16px;
}

.image-upload-section[b-zyhjmd5neq] {
    margin-bottom: 16px;
}

.upload-label[b-zyhjmd5neq] {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--neutral-foreground-rest);
}

.drag-drop-area[b-zyhjmd5neq] {
    border: 2px dashed var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 40px 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: var(--neutral-layer-2);
}

.drag-drop-area:hover[b-zyhjmd5neq],
.drag-drop-area.drag-over[b-zyhjmd5neq] {
    border-color: var(--accent-fill-rest);
    background: var(--neutral-layer-3);
}

.upload-icon[b-zyhjmd5neq] {
    font-size: 48px;
    color: var(--neutral-foreground-rest);
    margin-bottom: 16px;
}

.drag-text[b-zyhjmd5neq] {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 8px 0;
    color: var(--neutral-foreground-rest);
}

.file-types[b-zyhjmd5neq] {
    font-size: 14px;
    color: var(--neutral-foreground-hint);
    margin: 0;
}

.image-preview-container[b-zyhjmd5neq] {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.image-preview[b-zyhjmd5neq] {
    max-width: 100%;
    max-height: 400px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    object-fit: contain;
}

.remove-image-button[b-zyhjmd5neq] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0,0,0,0.7);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: background-color 0.2s ease;
}

.remove-image-button:hover[b-zyhjmd5neq] {
    background: rgba(0,0,0,0.9);
}

.upload-status[b-zyhjmd5neq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    margin-bottom: 16px;
}

.upload-status span[b-zyhjmd5neq] {
    font-size: 14px;
    color: var(--neutral-foreground-rest);
}

.error-message[b-zyhjmd5neq] {
    color: var(--color-danger-foreground);
    margin-top: 12px;
    font-size: 14px;
}
/* _content/ADG.Website/Pages/DeleteAccount/DeleteAccount.razor.rz.scp.css */
.delete-account-container[b-ge4vxywiu5] {
    max-width: 600px;
    margin: 2rem auto;
    padding: 0 1rem;
}

.delete-account-content[b-ge4vxywiu5] {
    background: var(--fill-color);
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.delete-account-header[b-ge4vxywiu5] {
    text-align: center;
    margin-bottom: 2rem;
}

.delete-icon[b-ge4vxywiu5] {
    font-size: 3rem;
    color: var(--error);
    margin-bottom: 1rem;
}

.delete-account-header h2[b-ge4vxywiu5] {
    color: var(--error);
    margin-bottom: 0.5rem;
}

.step-indicator[b-ge4vxywiu5] {
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

.step-content[b-ge4vxywiu5] {
    margin-bottom: 2rem;
}

.step-content h3[b-ge4vxywiu5] {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
    color: var(--neutral-foreground-rest);
}

.radio-group[b-ge4vxywiu5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.radio-item[b-ge4vxywiu5] {
    display: flex;
    align-items: center;
}

.reason-radio[b-ge4vxywiu5] {
    width: 100%;
}

.feedback-textarea[b-ge4vxywiu5] {
    width: 100%;
    margin-bottom: 0.5rem;
}

.character-count[b-ge4vxywiu5] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    text-align: right;
}

.warning-section[b-ge4vxywiu5] {
    background: color-mix(in srgb, var(--error) 10%, transparent);
    border: 1px solid var(--error);
    border-radius: 4px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.warning-title[b-ge4vxywiu5] {
    color: var(--error);
    display: block;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.warning-list[b-ge4vxywiu5] {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.warning-list li[b-ge4vxywiu5] {
    margin-bottom: 0.5rem;
}

.verification-section[b-ge4vxywiu5] {
    background: var(--neutral-fill-stealth-rest);
    padding: 1.5rem;
    border-radius: 4px;
    border-left: 4px solid var(--accent);
}

.verification-section h3[b-ge4vxywiu5] {
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.verification-section p[b-ge4vxywiu5] {
    margin-bottom: 1rem;
    color: var(--neutral-foreground-rest);
}

.email-input[b-ge4vxywiu5] {
    width: 100%;
}

.form-actions[b-ge4vxywiu5] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 2rem;
}

.skip-button[b-ge4vxywiu5] {
    color: var(--neutral-foreground-hint);
}

.delete-profile-button[b-ge4vxywiu5] {
    background-color: var(--error) !important;
    border-color: var(--error) !important;
    color: white !important;
    font-weight: 600;
}

.delete-profile-button:hover:not(:disabled)[b-ge4vxywiu5] {
    background-color: color-mix(in srgb, var(--error) 80%, black) !important;
    border-color: color-mix(in srgb, var(--error) 80%, black) !important;
}

.delete-profile-button:disabled[b-ge4vxywiu5] {
    background-color: var(--neutral-fill-stealth-rest) !important;
    border-color: var(--neutral-stroke-rest) !important;
    color: var(--neutral-foreground-hint) !important;
}

@media (max-width: 768px) {
    .delete-account-container[b-ge4vxywiu5] {
        margin: 1rem auto;
        padding: 0 0.5rem;
    }

    .delete-account-content[b-ge4vxywiu5] {
        padding: 1.5rem;
    }

    .form-actions[b-ge4vxywiu5] {
        flex-direction: column;
    }

    .form-actions > *[b-ge4vxywiu5] {
        width: 100%;
    }
}
/* _content/ADG.Website/Pages/Discover/DiscoverPage.razor.rz.scp.css */
/* Main Container */
.discover-container[b-wd33le4pin] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    min-height: calc(100vh - 120px);
}

/* Header Section */
.discover-header[b-wd33le4pin] {
    text-align: center;
    margin-bottom: 40px;
    padding: 40px 20px;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.discover-icon[b-wd33le4pin] {
    font-size: 48px;
    color: #4F9CF9;
    margin-bottom: 16px;
    animation: pulse-b-wd33le4pin 2s ease-in-out infinite;
}

.discover-header h1[b-wd33le4pin] {
    margin: 0 0 8px 0;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    background: linear-gradient(135deg, #4F9CF9, #8B5CF6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    opacity: 0.8;
}

.discover-subtitle[b-wd33le4pin] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--neutral-foreground-hint);
    font-weight: 400;
}

/* Search Section */
.discover-search-section[b-wd33le4pin] {
    margin-bottom: 40px;
}

.enhanced-search[b-wd33le4pin] {
    width: 100%;
    max-width: none;
    font-size: 1.2em;
    margin-bottom: 32px;
    height: 56px;
    min-height: 56px;
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.enhanced-search:hover[b-wd33le4pin] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}

.enhanced-search:focus-within[b-wd33le4pin] {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(79, 156, 249, 0.3) !important;
}

/* Fix dark mode background issue for search input */
.enhanced-search[b-wd33le4pin]::part(control) {
    background-color: var(--neutral-fill-input-rest, #2d323c) !important;
    color: var(--neutral-foreground-rest, #fff) !important;
    border-color: var(--neutral-stroke-control-default, #484c52) !important;
    border-radius: 16px !important;
}

.enhanced-search[b-wd33le4pin]::part(control):focus {
    background-color: var(--neutral-fill-input-focus, #2d323c) !important;
    color: var(--neutral-foreground-rest, #fff) !important;
    border-color: var(--accent-fill-rest, #2563eb) !important;
}

/* Loading Section */
.discover-loading[b-wd33le4pin] {
    text-align: center;
    padding: 60px 20px;
    animation: fadeIn-b-wd33le4pin 0.3s ease;
}

/* Results Section */
.discover-results[b-wd33le4pin] {
    margin-top: 24px;
    animation: fadeIn-b-wd33le4pin 0.5s ease;
}

.result-category[b-wd33le4pin] {
    margin-bottom: 40px;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(20px);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    overflow: hidden;
    transition: all 0.3s ease;
}

.result-category:hover[b-wd33le4pin] {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.category-title[b-wd33le4pin] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 20px 24px 16px;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.category-icon[b-wd33le4pin] {
    color: #4F9CF9;
    font-size: 20px;
}

.category-results[b-wd33le4pin] {
    padding: 16px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* No Results */
.no-results[b-wd33le4pin] {
    text-align: center;
    padding: 60px 20px;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    margin: 40px 0;
}

.no-results-icon[b-wd33le4pin] {
    font-size: 48px;
    color: var(--neutral-foreground-hint);
    margin-bottom: 20px;
    opacity: 0.7;
}

.no-results h3[b-wd33le4pin] {
    margin: 0 0 12px 0;
    font-size: 1.5rem;
    color: var(--neutral-foreground-rest);
}

.no-results p[b-wd33le4pin] {
    margin: 0 0 24px 0;
    color: var(--neutral-foreground-hint);
    font-size: 1rem;
}

.search-suggestions p[b-wd33le4pin] {
    margin: 0 0 16px 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

.suggestion-tags[b-wd33le4pin] {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.suggestion-tag[b-wd33le4pin] {
    display: inline-block;
    padding: 8px 16px;
    background: rgba(79, 156, 249, 0.15);
    color: #4F9CF9;
    border-radius: 20px;
    border: 1px solid rgba(79, 156, 249, 0.3);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    font-weight: 500;
}

.suggestion-tag:hover[b-wd33le4pin] {
    background: rgba(79, 156, 249, 0.25);
    border-color: rgba(79, 156, 249, 0.5);
    transform: translateY(-1px);
}

/* Empty State */
.discover-empty[b-wd33le4pin] {
    text-align: center;
    padding: 60px 20px;
    color: var(--neutral-foreground-hint);
}

.empty-icon[b-wd33le4pin] {
    font-size: 48px;
    color: var(--neutral-foreground-hint);
    margin-bottom: 20px;
    opacity: 0.5;
}

/* Welcome Section */
.discover-welcome[b-wd33le4pin] {
    margin-top: 40px;
    animation: fadeIn-b-wd33le4pin 0.5s ease;
}

.welcome-categories h2[b-wd33le4pin] {
    text-align: center;
    margin: 0 0 40px 0;
    font-size: 2rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.category-grid[b-wd33le4pin] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
    max-width: 1000px;
    margin: 0 auto;
}

.category-card[b-wd33le4pin] {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 32px 24px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.category-card[b-wd33le4pin]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(79, 156, 249, 0.05), rgba(139, 92, 246, 0.05));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.category-card:hover[b-wd33le4pin] {
    transform: translateY(-8px);
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}

.category-card:hover[b-wd33le4pin]::before {
    opacity: 1;
}

.category-card-icon[b-wd33le4pin] {
    font-size: 32px;
    color: #4F9CF9;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.category-card:hover .category-card-icon[b-wd33le4pin] {
    transform: scale(1.1);
}

.category-card h3[b-wd33le4pin] {
    margin: 0 0 8px 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    position: relative;
    z-index: 1;
}

.category-card p[b-wd33le4pin] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
    position: relative;
    z-index: 1;
}

/* Animations */
@keyframes fadeIn-b-wd33le4pin {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse-b-wd33le4pin {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .discover-container[b-wd33le4pin] {
        padding: 16px;
    }
    
    .discover-header[b-wd33le4pin] {
        padding: 24px 16px;
    }
    
    .discover-header h1[b-wd33le4pin] {
        font-size: 1.5rem;
    }
    
    .category-grid[b-wd33le4pin] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .category-card[b-wd33le4pin] {
        padding: 24px 16px;
    }
    
    .suggestion-tags[b-wd33le4pin] {
        flex-direction: column;
        align-items: center;
    }
    
    .category-title[b-wd33le4pin] {
        font-size: 1.2rem;
        padding: 16px 20px 12px;
    }
    
    .category-results[b-wd33le4pin] {
        padding: 12px 20px 20px;
    }
}
/* _content/ADG.Website/Pages/Discover/PlayerThumbnail.razor.rz.scp.css */
.player-thumbnail[b-a016vf5idh] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    background-color: var(--neutral-fill-layer-rest);
    cursor: pointer;
    transition: all 0.2s ease;
}

.player-thumbnail:hover[b-a016vf5idh] {
    background-color: var(--neutral-fill-layer-hover);
    border-color: var(--neutral-stroke-divider-hover);
    box-shadow: 0 2px 4px var(--shadow-2);
}

.player-header[b-a016vf5idh] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.player-avatar[b-a016vf5idh] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.player-name[b-a016vf5idh] {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.player-info[b-a016vf5idh] {
    padding-left: 32px;
}

.player-coolbeans[b-a016vf5idh] {
    margin: 0 0 8px 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9em;
}

.player-role[b-a016vf5idh] {
    background-color: var(--accent-fill-rest);
    color: var(--accent-foreground-rest);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.8em;
    font-weight: 500;
}
/* _content/ADG.Website/Pages/Discover/ServerThumbnail.razor.rz.scp.css */
.server-thumbnail[b-ghrrkw2nym] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    background-color: var(--neutral-fill-layer-rest);
    cursor: pointer;
    transition: all 0.2s ease;
}

.server-thumbnail:hover[b-ghrrkw2nym] {
    background-color: var(--neutral-fill-layer-hover);
    border-color: var(--neutral-stroke-divider-hover);
    box-shadow: 0 2px 4px var(--shadow-2);
}

.server-header[b-ghrrkw2nym] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.server-name[b-ghrrkw2nym] {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.server-info[b-ghrrkw2nym] {
    padding-left: 32px;
}

.server-description[b-ghrrkw2nym] {
    margin: 0 0 8px 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9em;
}

.server-stats[b-ghrrkw2nym] {
    display: flex;
    gap: 12px;
    margin-bottom: 4px;
}

.player-count[b-ghrrkw2nym] {
    font-weight: 500;
    color: var(--accent-foreground-rest);
}

.server-status[b-ghrrkw2nym] {
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.8em;
    font-weight: 500;
}

.status-online[b-ghrrkw2nym] {
    background-color: var(--success-fill-rest);
    color: var(--success-foreground-rest);
}

.status-offline[b-ghrrkw2nym] {
    background-color: var(--error-fill-rest);
    color: var(--error-foreground-rest);
}

.status-maintenance[b-ghrrkw2nym] {
    background-color: var(--warning-fill-rest);
    color: var(--warning-foreground-rest);
}

.server-address[b-ghrrkw2nym] {
    margin: 0;
    font-size: 0.8em;
    color: var(--neutral-foreground-hint);
    font-family: monospace;
}
/* _content/ADG.Website/Pages/Discover/TeamThumbnail.razor.rz.scp.css */
.team-thumbnail[b-movos3qp8g] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    background-color: var(--neutral-fill-layer-rest);
    cursor: pointer;
    transition: all 0.2s ease;
}

.team-thumbnail:hover[b-movos3qp8g] {
    background-color: var(--neutral-fill-layer-hover);
    border-color: var(--neutral-stroke-divider-hover);
    box-shadow: 0 2px 4px var(--shadow-2);
}

.team-header[b-movos3qp8g] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.team-name[b-movos3qp8g] {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.team-info[b-movos3qp8g] {
    padding-left: 32px;
}

.team-description[b-movos3qp8g] {
    margin: 0 0 8px 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9em;
}

.team-members-count[b-movos3qp8g] {
    background-color: var(--accent-fill-rest);
    color: var(--accent-foreground-rest);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.8em;
    font-weight: 500;
}
/* _content/ADG.Website/Pages/Errors/Error.razor.rz.scp.css */
/* Error Page Backdrop */
.error-backdrop[b-97v7j1d22d] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    padding: 20px;
}

/* Card Container */
.error-card[b-97v7j1d22d] {
    background: rgba(96, 86, 86, 0.31);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    padding: 20px;
    max-width: 500px;
    width: 100%;
    text-align: center;
    color: var(--neutral-foreground-rest);
}

/* Header: Icon + Title */
.error-header[b-97v7j1d22d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 24px;
}

.error-icon[b-97v7j1d22d] {
    font-size: 48px;
    color: var(--color-danger-foreground);
}

.error-header h2[b-97v7j1d22d] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--color-danger-foreground);
}

/* Optional Message */
.error-message[b-97v7j1d22d] {
    margin: 0 0 16px;
    font-size: 1.125rem;
    color: var(--neutral-foreground-rest);
}

/* Details List */
.error-details[b-97v7j1d22d] {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    text-align: left;
}

.error-details li[b-97v7j1d22d] {
    margin-bottom: 8px;
}

.error-details strong[b-97v7j1d22d] {
    color: var(--neutral-foreground-rest);
}

.error-details code[b-97v7j1d22d] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: Consolas, monospace;
}

/* Footer Info */
.error-info[b-97v7j1d22d] {
    margin: 0 0 24px;
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
}

.error-info a[b-97v7j1d22d] {
    color: var(--color-brand-primary);
    text-decoration: underline;
}
/* _content/ADG.Website/Pages/Errors/Error404.razor.rz.scp.css */
.error-container[b-16wizwn02q] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 2rem;
}

.error-card[b-16wizwn02q] {
    max-width: 500px;
    width: 100%;
    text-align: center;
}

.error-content[b-16wizwn02q] {
    padding: 2rem;
}

.error-title[b-16wizwn02q] {
    color: var(--attention-fill-rest, #dc2626);
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
}

.error-message[b-16wizwn02q] {
    color: var(--neutral-foreground-rest, #fff);
    font-size: 1.1rem;
    margin-bottom: 2rem;
    line-height: 1.5;
}

.error-actions[b-16wizwn02q] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.home-button[b-16wizwn02q],
.back-button[b-16wizwn02q] {
    min-width: 120px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 480px) {
    .error-container[b-16wizwn02q] {
        padding: 1rem;
    }
    
    .error-content[b-16wizwn02q] {
        padding: 1.5rem;
    }
    
    .error-title[b-16wizwn02q] {
        font-size: 1.5rem;
    }
    
    .error-actions[b-16wizwn02q] {
        flex-direction: column;
        align-items: center;
    }
    
    .home-button[b-16wizwn02q],
    .back-button[b-16wizwn02q] {
        width: 100%;
        max-width: 200px;
    }
}
/* _content/ADG.Website/Pages/Errors/ErrorDetails.razor.rz.scp.css */
/* Error Page Backdrop */
.error-backdrop[b-80v1a9kq4t] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    padding: 20px;
}

/* Card Container */
.error-card[b-80v1a9kq4t] {
    background: rgba(96, 86, 86, 0.31);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    padding: 20px;
    max-width: 500px;
    width: 100%;
    text-align: center;
    color: var(--neutral-foreground-rest);
}

/* Header: Icon + Title */
.error-header[b-80v1a9kq4t] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 24px;
}

.error-icon[b-80v1a9kq4t] {
    font-size: 48px;
    color: var(--color-danger-foreground);
}

.error-header h2[b-80v1a9kq4t] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--color-danger-foreground);
}

/* Optional Message */
.error-message[b-80v1a9kq4t] {
    margin: 0 0 16px;
    font-size: 1.125rem;
    color: var(--neutral-foreground-rest);
}

/* Details List */
.error-details[b-80v1a9kq4t] {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    text-align: left;
}

.error-details li[b-80v1a9kq4t] {
    margin-bottom: 8px;
}

.error-details strong[b-80v1a9kq4t] {
    color: var(--neutral-foreground-rest);
}

.error-details code[b-80v1a9kq4t] {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: Consolas, monospace;
}

/* Footer Info */
.error-info[b-80v1a9kq4t] {
    margin: 0 0 24px;
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
}

.error-info a[b-80v1a9kq4t] {
    color: var(--color-brand-primary);
    text-decoration: underline;
}
/* _content/ADG.Website/Pages/Explore/Explore.razor.rz.scp.css */
.explore-navigation[b-59kqs3kgmd] {
    margin: 20px 0;
}

.explore-tabs[b-59kqs3kgmd] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.explore-tabs button[b-59kqs3kgmd] {
    min-width: 120px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.explore-content[b-59kqs3kgmd] {
    padding: 20px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    margin: 20px 0;
}

.explore-content ul[b-59kqs3kgmd] {
    margin: 16px 0;
    padding-left: 20px;
}

.explore-content li[b-59kqs3kgmd] {
    margin: 8px 0;
}
/* _content/ADG.Website/Pages/Help/About.razor.rz.scp.css */
/* About Page Styles - Inspired by Landing Page */
.about-page[b-m4urupxidy] {
    font-family: 'Lexend', Tahoma, Geneva, Verdana, sans-serif !important;
    color: #e2e8f0;
    min-height: 100vh;
    padding: 0;
    margin: 0;
}

.about-hero[b-m4urupxidy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    border-radius: 0 0 40px 40px;
    padding: 4rem 2rem 2rem 2rem;
    text-align: center;
}

.about-hero-title[b-m4urupxidy] {
    font-size: 3rem;
    font-weight: 700;
    color: #f1f5f9;
    margin-bottom: 1rem;
    letter-spacing: 1px;
}

.about-hero-subtitle[b-m4urupxidy] {
    font-size: 1.3rem;
    color: #cbd5e1;
    margin-bottom: 2rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.about-content[b-m4urupxidy] {
    max-width: 900px;
    margin: 3rem auto 0 auto;
    border-radius: 20px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.18);
    padding: 3rem 2rem;
    color: #e2e8f0;
}

.about-section-title[b-m4urupxidy] {
    font-size: 2rem;
    font-weight: 600;
    color: #0ea5e9;
    margin-bottom: 1.5rem;
    text-align: center;
}

.about-features[b-m4urupxidy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.about-feature-card[b-m4urupxidy] {
    background: rgba(15, 23, 42, 0.7);
    border-radius: 15px;
    padding: 2rem 1.5rem;
    text-align: center;
    box-shadow: 0 4px 16px rgba(14, 165, 233, 0.10);
    border: 1px solid rgba(148, 163, 184, 0.12);
    transition: transform 0.3s, box-shadow 0.3s;
}

.about-feature-card:hover[b-m4urupxidy] {
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 12px 32px rgba(14, 165, 233, 0.18);
    border-color: #0ea5e9;
}

.about-feature-icon[b-m4urupxidy] {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #0ea5e9;
}

.about-feature-title[b-m4urupxidy] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #f1f5f9;
    margin-bottom: 0.5rem;
}

.about-feature-desc[b-m4urupxidy] {
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1.5;
}

.about-cta[b-m4urupxidy] {
    margin: 4rem auto 0 auto;
    text-align: center;
}

.about-cta-btn[b-m4urupxidy] {
    background: linear-gradient(45deg, #0ea5e9, #0284c7);
    color: white;
    border: none;
    border-radius: 50px;
    padding: 1.2rem 2.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(14, 165, 233, 0.18);
    transition: background 0.3s, transform 0.2s;
}

.about-cta-btn:hover[b-m4urupxidy] {
    background: linear-gradient(45deg, #0284c7, #0369a1);
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .about-hero-title[b-m4urupxidy] {
        font-size: 2.2rem;
    }
    .about-content[b-m4urupxidy] {
        padding: 2rem 1rem;
    }
    .about-section-title[b-m4urupxidy] {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .about-hero-title[b-m4urupxidy] {
        font-size: 1.5rem;
    }
    .about-content[b-m4urupxidy] {
        padding: 1rem 0.5rem;
    }
}

/* _content/ADG.Website/Pages/Help/Contact.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Help/FAQ.razor.rz.scp.css */
/* FAQ page styled like beautiful menu buttons, but without glow */

.faq-container[b-ma3qwsc7t3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
    max-width: 700px;
    margin: 0 auto;
}

.faq-title[b-ma3qwsc7t3] {
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 2rem;
    text-align: center;
    letter-spacing: 0.01em;
    text-shadow: 0 1px 2px #222;
}

.faq-list[b-ma3qwsc7t3] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.faq-item[b-ma3qwsc7t3] {
    background: rgba(255,255,255,0.08);
    border: 1.5px solid rgba(0,255,231,0.18);
    border-radius: 16px;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    overflow: hidden;
    position: relative;
}

.faq-item.open[b-ma3qwsc7t3] {
    background: rgba(255,255,255,0.10); /* Changed from blue/teal to white tint */
    border-color: #fff; /* White border when open */
}

.faq-question[b-ma3qwsc7t3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.3rem 1.5rem;
    font-size: 1.15rem;
    font-weight: 500;
    color: #fff;
    user-select: none;
}

.faq-icon[b-ma3qwsc7t3] {
    font-size: 1.7rem;
    color: #fff; /* White icon */
    flex-shrink: 0;
}

.faq-chevron[b-ma3qwsc7t3] {
    margin-left: auto;
    font-size: 1.2rem;
    color: #fff; /* White chevron */
    transition: transform 0.2s;
}

.faq-item.open .faq-chevron[b-ma3qwsc7t3] {
    transform: rotate(90deg);
}

.faq-answer[b-ma3qwsc7t3] {
    background: rgba(255,255,255,0.13); /* Subtle white background for answer */
    color: #e0e6f0;
    font-size: 1.05rem;
    padding: 1.1rem 2.2rem 1.5rem 3.2rem;
    border-top: 1px solid rgba(255,255,255,0.18); /* White border */
    animation: fadeInFaq-b-ma3qwsc7t3 0.3s;
}

@keyframes fadeInFaq-b-ma3qwsc7t3 {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 600px) {
    .faq-title[b-ma3qwsc7t3] {
        font-size: 1.3rem;
        margin-bottom: 1.2rem;
    }
    .faq-question[b-ma3qwsc7t3] {
        font-size: 1rem;
        padding: 1rem 1rem;
    }
    .faq-answer[b-ma3qwsc7t3] {
        font-size: 0.98rem;
        padding: 0.8rem 1.2rem 1.1rem 2.2rem;
    }
}
/* _content/ADG.Website/Pages/Help/Help.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Home/LandingPage.razor.rz.scp.css */
/* Landing Page Styles - Dark Mode */
.landing-page[b-z81vtmw960] {
    font-family: 'Lexend', Tahoma, Geneva, Verdana, sans-serif !important;
    line-height: 1.6;
    color: #e2e8f0;
    backdrop-filter: blur(2px);
    overflow-x: hidden;
}

/* Hero Section */
.hero[b-z81vtmw960] {
    min-height: 75vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.hero[b-z81vtmw960]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    opacity: 0.3;
}


.hero-content[b-z81vtmw960] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
    position: relative;
    z-index: 1;
}

.hero-title[b-z81vtmw960] {
    font-size: 3.5rem;
    font-weight: 700;
    color: #f1f5f9;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.hero-img[b-z81vtmw960] {
    width: 100%;
    max-width: 256px;
    height: auto;
}

.brand-name[b-z81vtmw960] {
    display: block;
    background: linear-gradient(45deg, #029cfb, #2bc5d9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-subtitle[b-z81vtmw960] {
    font-size: 1.25rem;
    color: #cbd5e1;
    margin-bottom: 2.5rem;
    line-height: 1.6;
}

.hero-buttons[b-z81vtmw960] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn[b-z81vtmw960] {
    padding: 1rem 2rem;
    border: none;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    min-width: 200px;
    justify-content: center;
}

.btn-primary[b-z81vtmw960] {
    background: linear-gradient(45deg, #0ea5e9, #0284c7);
    color: white;
    box-shadow: 0 4px 20px rgba(14, 165, 233, 0.4);
}

.btn-primary:hover[b-z81vtmw960] {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(14, 165, 233, 0.6);
    background: linear-gradient(45deg, #0284c7, #0369a1);
}

.btn-secondary[b-z81vtmw960] {
    background: rgba(148, 163, 184, 0.1);
    color: #e2e8f0;
    border: 2px solid rgba(148, 163, 184, 0.3);
    backdrop-filter: blur(10px);
}

.btn-secondary:hover[b-z81vtmw960] {
    background: rgba(148, 163, 184, 0.2);
    transform: translateY(-2px);
    border-color: rgba(148, 163, 184, 0.5);
}

.floating-card[b-z81vtmw960] {
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 2rem;
    animation: float-b-z81vtmw960 6s ease-in-out infinite;
    text-align: center;
    color: #f1f5f9;
}

.floating-card h3[b-z81vtmw960] {
    margin: 1rem 0 0.5rem 0;
    font-size: 1.5rem;
    color: #f1f5f9;
}

.floating-card p[b-z81vtmw960] {
    color: #cbd5e1;
    margin: 0;
}

@keyframes float-b-z81vtmw960 {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}

/* Features Section */
.features[b-z81vtmw960] {
    padding: 6rem 0;
}

.container[b-z81vtmw960] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.section-title[b-z81vtmw960] {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #f1f5f9;
    margin-bottom: 3rem;
}

.features-grid[b-z81vtmw960] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.feature-card[b-z81vtmw960] {
    background: rgb(43 51 63 / 41%);
    padding: 2.5rem;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(148, 163, 184, 0.1);
}

.feature-card:hover[b-z81vtmw960] {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    border-color: rgba(14, 165, 233, 0.3);
}

.feature-icon[b-z81vtmw960] {
    width: 100px;
    height: 100px;
    background: linear-gradient(45deg, #085577, #004160);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem auto;
    font-size: 4rem;
    color: white;
    box-shadow: 0 8px 25px rgba(14, 165, 233, 0.3);
}

.feature-card h3[b-z81vtmw960] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #f1f5f9;
    margin-bottom: 1rem;
}

.feature-card p[b-z81vtmw960] {
    color: #cbd5e1;
    line-height: 1.6;
}

/* Stats Section */
.stats[b-z81vtmw960] {
    padding: 4rem 0;
    color: white;
}

.stats-grid[b-z81vtmw960] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    text-align: center;
}


.stat-number[b-z81vtmw960] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    -webkit-background-clip: text;
    background-clip: text;
    color: #0ea5e9;
}

.stat-label[b-z81vtmw960] {
    font-size: 1.1rem;
    color: #cbd5e1;
    font-weight: 500;
}

/* CTA Section */
.cta[b-z81vtmw960] {
    padding: 6rem 0;
    color: white;
    text-align: center;
}

.cta-content h2[b-z81vtmw960] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #f1f5f9;
}

.cta-content p[b-z81vtmw960] {
    font-size: 1.25rem;
    color: #cbd5e1;
    margin-bottom: 2rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.btn-large[b-z81vtmw960] {
    padding: 1.5rem 3rem;
    font-size: 1.1rem;
}

/* Icons */
.icon-video[b-z81vtmw960]::before {
    content: "🎥";
}

.icon-info[b-z81vtmw960]::before {
    content: "ℹ️";
}

.icon-health[b-z81vtmw960]::before {
    content: "🏥";
}

.icon-clock[b-z81vtmw960]::before {
    content: "⏰";
}

.icon-chart[b-z81vtmw960]::before {
    content: "📊";
}

.icon-rocket[b-z81vtmw960]::before {
    content: "🚀";
}

.icon-device[b-z81vtmw960]::before {
    content: "💻";
}

.icon-shield[b-z81vtmw960]::before {
    content: "🛡️";
}

.icon-users[b-z81vtmw960]::before {
    content: "👥";
}

.icon-mobile[b-z81vtmw960]::before {
    content: "📱";
}

.icon-arrow-right[b-z81vtmw960]::before {
    content: "→";
}

/* Responsive Design */
@media (max-width: 768px) {
    .hero-content[b-z81vtmw960] {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2rem;
        padding-top: 4rem;
    }

    .hero-title[b-z81vtmw960] {
        font-size: 2.5rem;
    }

    .hero-buttons[b-z81vtmw960] {
        justify-content: center;
    }

    .btn[b-z81vtmw960] {
        min-width: auto;
        width: 100%;
    }

    .features-grid[b-z81vtmw960] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-z81vtmw960] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .hero-title[b-z81vtmw960] {
        font-size: 2rem;
    }

    .section-title[b-z81vtmw960] {
        font-size: 2rem;
    }

    .cta-content h2[b-z81vtmw960] {
        font-size: 2rem;
    }

    .stats-grid[b-z81vtmw960] {
        grid-template-columns: 1fr;
    }
}
/* _content/ADG.Website/Pages/Home/Stars.razor.rz.scp.css */
body[b-w186z9cj1q] {
  display: unset !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 100vh;
  min-height: 100vh;
}

html[b-w186z9cj1q] {
  display: flex !important;
}

.container2[b-w186z9cj1q] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Poppins", sans-serif;
  margin: 0;
  height: 100vh;
  color: white;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  background-color: transparent;
}

.logo[b-w186z9cj1q] {
  /* Move it up a bit */
  margin-top: -100px;
  /* Make it 205px wide */
  width: 205px;
}

.buttons[b-w186z9cj1q] {
  display: flex;
  flex-direction: column; /* Initially display buttons horizontally */
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; /* Allow wrapping if necessary */
}

.buttons a[b-w186z9cj1q] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
  padding: 20px 35px; /* Increase padding */
  font-size: 25px; /* Increase font size */
  color: white;
  text-decoration: none;
  transition: background-color 0.3s;
  width: 300px; /* Increase width */
  height: 20px;
  text-align: center;
  border: 2px solid #ffffff; /* White border */
  border-radius: 80px; /* Rounded edges */
}

.buttons a i[b-w186z9cj1q] {
  margin-right: 10px;
}

.button[b-w186z9cj1q] {
  background-color: #0d131a;
  cursor: pointer;
  transition: 0.3s ease;
}

.button:hover[b-w186z9cj1q] {
  background-color: #2a475e;
  transform: scale(1.05); /* Pop effect on hover */
  font-weight: 600;
  animation: glow-b-w186z9cj1q 2s infinite alternate; /* Adjust animation duration and timing as needed */
}

.play-now[b-w186z9cj1q] {
  font-size: 42px; /* Increase font size */
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 0px;
}

/* Define a keyframe animation for the glowing effect */
@keyframes glow-b-w186z9cj1q {
  0% {
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 30px #fff, 0 0 40px #0d131a, 0 0 70px #0d131a, 0 0 80px #0d131a, 0 0 100px #0d131a, 0 0 150px #0d131a;
  }
  100% {
    text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 30px #fff, 0 0 40px #0d131a, 0 0 70px #0d131a, 0 0 80px #0d131a, 0 0 100px #0d131a, 0 0 150px #0d131a;
  }
}
@media screen and (max-width: 400px) {
  .buttons[b-w186z9cj1q] {
    padding: 0 10px; /* Add padding to create spacing around buttons */
  }
  .buttons a[b-w186z9cj1q] {
    transform: scale(0.8); /* Scale down the buttons proportionally */
  }
}
.social-icons[b-w186z9cj1q] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -100px;
  overflow: hidden;
  /* Align to the bottom of the screen */
  position: absolute;
  bottom: 4rem;
  left: 0;
  right: 0;
  padding: 0;
}

.social-icon[b-w186z9cj1q] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 0.5rem;
  border-radius: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 2rem;
  text-decoration: none;
  transition: all 0.15s ease;
  color: #e8e5db;
  white-space: nowrap;
  /* Drop shadow */
  text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.75);
}
.social-icon:hover[b-w186z9cj1q] {
  color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.social-icon:hover .tooltip[b-w186z9cj1q] {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -150%);
}
.social-icon:active[b-w186z9cj1q] {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.social-icon i[b-w186z9cj1q] {
  position: relative;
  top: 1px;
}

.stars-container[b-w186z9cj1q] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -999;
  background: radial-gradient(ellipse at bottom, #111921 0%, #050709 100%);
  perspective: 340px;
}

.stars[b-w186z9cj1q] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 3px;
  box-shadow: 1433px -459px hsl(90, 0%, 80%), -1423px -84px hsl(90, 0%, 98%), 328px 299px hsl(90, 0%, 89%), -898px -152px hsl(90, 0%, 76%), -1194px -101px hsl(90, 0%, 91%), -248px 194px hsl(90, 0%, 99%), -450px -10px hsl(90, 0%, 94%), -1433px -119px hsl(90, 0%, 86%), -1139px -423px hsl(90, 0%, 84%), -1404px 447px hsl(90, 0%, 87%), 566px -77px hsl(90, 0%, 94%), -1104px 212px hsl(90, 0%, 93%), -840px -358px hsl(90, 0%, 91%), -1371px -377px hsl(90, 0%, 92%), -443px 332px hsl(90, 0%, 76%), -757px 126px hsl(90, 0%, 98%), -803px -50px hsl(90, 0%, 77%), -703px 135px hsl(90, 0%, 86%), -992px -400px hsl(90, 0%, 79%), 1155px 321px hsl(90, 0%, 80%), 255px 295px hsl(90, 0%, 91%), 1188px -414px hsl(90, 0%, 83%), -361px 477px hsl(90, 0%, 98%), -743px 385px hsl(90, 0%, 99%), 533px 119px hsl(90, 0%, 83%), 1291px -205px hsl(90, 0%, 79%), 507px -434px hsl(90, 0%, 83%), -629px -54px hsl(90, 0%, 87%), -61px -445px hsl(90, 0%, 94%), 1179px 162px hsl(90, 0%, 91%), -1453px -20px hsl(90, 0%, 86%), 695px 328px hsl(90, 0%, 79%), 238px -153px hsl(90, 0%, 95%), 1318px 283px hsl(90, 0%, 95%), 1057px -439px hsl(90, 0%, 100%), 1095px -472px hsl(90, 0%, 100%), -531px -142px hsl(90, 0%, 77%), 1050px 449px hsl(90, 0%, 98%), 738px 39px hsl(90, 0%, 81%), -1068px 3px hsl(90, 0%, 82%), -477px 220px hsl(90, 0%, 76%), -506px 126px hsl(90, 0%, 99%), 1207px -76px hsl(90, 0%, 87%), 1180px 310px hsl(90, 0%, 91%), 1146px 425px hsl(90, 0%, 98%), 519px -403px hsl(90, 0%, 81%), 81px 34px hsl(90, 0%, 91%), -446px -228px hsl(90, 0%, 88%), -605px 421px hsl(90, 0%, 93%), -472px 148px hsl(90, 0%, 99%), -1271px 140px hsl(90, 0%, 79%), -1446px 37px hsl(90, 0%, 83%), 616px 59px hsl(90, 0%, 82%), -1283px -417px hsl(90, 0%, 85%), -784px -36px hsl(90, 0%, 94%), -52px -143px hsl(90, 0%, 100%), 1102px -287px hsl(90, 0%, 99%), -771px -54px hsl(90, 0%, 96%), 731px 298px hsl(90, 0%, 84%), -224px -476px hsl(90, 0%, 81%), 1440px 59px hsl(90, 0%, 83%), -549px 3px hsl(90, 0%, 83%), -718px 136px hsl(90, 0%, 89%), -690px 445px hsl(90, 0%, 91%), -139px -179px hsl(90, 0%, 82%), -924px 194px hsl(90, 0%, 87%), 778px -232px hsl(90, 0%, 81%), -1446px -476px hsl(90, 0%, 93%), -1056px -48px hsl(90, 0%, 95%), -723px -104px hsl(90, 0%, 82%), 950px 13px hsl(90, 0%, 82%), -536px 177px hsl(90, 0%, 84%), 585px 448px hsl(90, 0%, 76%), -370px -82px hsl(90, 0%, 93%), -182px -392px hsl(90, 0%, 82%), 1097px -12px hsl(90, 0%, 95%), 1048px -138px hsl(90, 0%, 92%), -1259px -318px hsl(90, 0%, 91%), -1006px 99px hsl(90, 0%, 100%), -197px 195px hsl(90, 0%, 86%), 931px 85px hsl(90, 0%, 94%), 778px 477px hsl(90, 0%, 77%), -1251px -66px hsl(90, 0%, 87%), 1318px 395px hsl(90, 0%, 86%), -877px -250px hsl(90, 0%, 88%), -1197px -472px hsl(90, 0%, 76%), -1148px -426px hsl(90, 0%, 85%), -1394px 125px hsl(90, 0%, 83%), 298px -97px hsl(90, 0%, 94%), -923px 61px hsl(90, 0%, 99%), -753px -366px hsl(90, 0%, 98%), 871px -250px hsl(90, 0%, 77%), 734px -428px hsl(90, 0%, 97%), -1386px -303px hsl(90, 0%, 89%), 1209px -23px hsl(90, 0%, 88%), 841px 132px hsl(90, 0%, 78%), -242px 138px hsl(90, 0%, 91%), 227px 50px hsl(90, 0%, 84%), 279px -209px hsl(90, 0%, 94%), -316px 479px hsl(90, 0%, 100%), 1435px 339px hsl(90, 0%, 90%), -218px 303px hsl(90, 0%, 90%), 1414px -307px hsl(90, 0%, 81%), 232px -41px hsl(90, 0%, 77%), 514px -50px hsl(90, 0%, 90%), -712px -180px hsl(90, 0%, 100%), 349px -403px hsl(90, 0%, 77%), 7px -40px hsl(90, 0%, 100%), -1405px -19px hsl(90, 0%, 97%), 288px -308px hsl(90, 0%, 97%), 409px 41px hsl(90, 0%, 76%), 1219px -266px hsl(90, 0%, 80%), -1205px 305px hsl(90, 0%, 76%), -669px -126px hsl(90, 0%, 94%), 1318px 205px hsl(90, 0%, 100%), -1093px -331px hsl(90, 0%, 95%), 440px 157px hsl(90, 0%, 91%), 1443px -309px hsl(90, 0%, 89%), -404px 165px hsl(90, 0%, 96%), -574px -58px hsl(90, 0%, 85%), -1216px -140px hsl(90, 0%, 84%), -957px -160px hsl(90, 0%, 77%), 1354px 323px hsl(90, 0%, 87%), 275px -232px hsl(90, 0%, 86%), -946px -201px hsl(90, 0%, 97%), -1248px -431px hsl(90, 0%, 99%), 908px 137px hsl(90, 0%, 80%), 1238px 321px hsl(90, 0%, 77%), 1405px 366px hsl(90, 0%, 98%), -1223px 139px hsl(90, 0%, 82%), -14px 234px hsl(90, 0%, 83%), 450px 221px hsl(90, 0%, 89%), 1227px 218px hsl(90, 0%, 98%), 1106px -117px hsl(90, 0%, 83%), -1493px 251px hsl(90, 0%, 95%), 1198px -362px hsl(90, 0%, 94%), 562px 70px hsl(90, 0%, 97%), -435px 301px hsl(90, 0%, 99%), 1410px -293px hsl(90, 0%, 89%), 224px -365px hsl(90, 0%, 92%), -1237px 309px hsl(90, 0%, 83%), 125px 402px hsl(90, 0%, 89%), -918px -128px hsl(90, 0%, 83%), -1331px 449px hsl(90, 0%, 85%), -227px 109px hsl(90, 0%, 94%), 333px -194px hsl(90, 0%, 80%), -1191px 359px hsl(90, 0%, 80%), -912px 227px hsl(90, 0%, 77%), -158px 93px hsl(90, 0%, 98%), 403px 16px hsl(90, 0%, 85%), -1119px -424px hsl(90, 0%, 78%), 693px 9px hsl(90, 0%, 86%), 851px 27px hsl(90, 0%, 98%), 770px 312px hsl(90, 0%, 87%), -38px -147px hsl(90, 0%, 84%), -988px -179px hsl(90, 0%, 89%), 555px -210px hsl(90, 0%, 77%), -446px -451px hsl(90, 0%, 88%), 1291px 1px hsl(90, 0%, 86%), -507px 188px hsl(90, 0%, 95%), -1288px 357px hsl(90, 0%, 97%), -839px -469px hsl(90, 0%, 90%), -45px 84px hsl(90, 0%, 86%), -778px 382px hsl(90, 0%, 81%), 183px 126px hsl(90, 0%, 82%), -1097px -126px hsl(90, 0%, 88%), -229px 153px hsl(90, 0%, 90%), 207px 122px hsl(90, 0%, 77%), 865px 202px hsl(90, 0%, 93%), -971px 353px hsl(90, 0%, 93%), 952px 74px hsl(90, 0%, 93%), -379px -463px hsl(90, 0%, 76%), 710px -279px hsl(90, 0%, 93%), 791px -404px hsl(90, 0%, 90%), -1339px -444px hsl(90, 0%, 100%), -1053px -179px hsl(90, 0%, 78%), 782px -340px hsl(90, 0%, 90%), 16px -181px hsl(90, 0%, 98%), -971px 96px hsl(90, 0%, 98%), 866px -77px hsl(90, 0%, 89%), -11px -153px hsl(90, 0%, 100%), -614px 0px hsl(90, 0%, 79%), 858px -28px hsl(90, 0%, 78%), 262px -474px hsl(90, 0%, 99%), -56px 277px hsl(90, 0%, 76%), 1100px 460px hsl(90, 0%, 84%), -737px 331px hsl(90, 0%, 89%), -548px -272px hsl(90, 0%, 97%), -49px 112px hsl(90, 0%, 85%), -229px 123px hsl(90, 0%, 81%), -1196px 201px hsl(90, 0%, 97%), -114px -217px hsl(90, 0%, 80%), -1231px 334px hsl(90, 0%, 98%), -476px -248px hsl(90, 0%, 90%), 1134px -198px hsl(90, 0%, 79%), -600px -145px hsl(90, 0%, 87%), 440px 233px hsl(90, 0%, 85%), 120px 380px hsl(90, 0%, 99%), -1063px -468px hsl(90, 0%, 90%), -467px -327px hsl(90, 0%, 94%), -322px -92px hsl(90, 0%, 84%);
  animation: fly-b-w186z9cj1q 25s linear infinite;
  transform-style: preserve-3d;
}
.stars[b-w186z9cj1q]:before, .stars[b-w186z9cj1q]:after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  box-shadow: inherit;
}
.stars[b-w186z9cj1q]:before {
  transform: translateZ(-300px);
  animation: fade1-b-w186z9cj1q 25s linear infinite;
}
.stars[b-w186z9cj1q]:after {
  transform: translateZ(-600px);
  animation: fade2-b-w186z9cj1q 25s linear infinite;
}

@keyframes fly-b-w186z9cj1q {
  from {
    transform: translateZ(0px);
  }
  to {
    transform: translateZ(300px);
  }
}
@keyframes fade1-b-w186z9cj1q {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade2-b-w186z9cj1q {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
.footer[b-w186z9cj1q] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  position: fixed;
  left: 0;
  bottom: 20px;
  width: 100%;
  padding: 0 0;
  font-size: 8pt;
}

.footer-line[b-w186z9cj1q] {
  width: 100%;
  text-align: center;
}

.footer-line-copyright[b-w186z9cj1q] {
  font-size: 10pt;
}

.footer a[b-w186z9cj1q] {
  color: white;
  text-decoration: none;
  margin: 0 10px; /* Adjust spacing between links */
  transition: color 0.3s; /* Smooth transition for color change */
}

.footer a:hover[b-w186z9cj1q] {
  color: #ffffff; /* Change color on hover */
  font-weight: bold;
}

/*# sourceMappingURL=Stars.razor.css.map */
/* _content/ADG.Website/Pages/Layout/AuthenticationRequired.razor.rz.scp.css */
.auth-required[b-4438hnhu9o] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    padding: 20px;
}

.auth-required-inner[b-4438hnhu9o] {
    text-align: center;
    max-width: 400px;
    width: 100%;
    padding: 40px 20px;
    background-color: var(--neutral-layer-1, #f5f5f5);
    border-radius: 12px;
    border: 1px solid var(--neutral-stroke-divider, #e0e0e0);
}

.auth-required-icon[b-4438hnhu9o] {
    font-size: 48px;
    margin-bottom: 20px;
}

.auth-required-title[b-4438hnhu9o] {
    margin: 0 0 15px 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--neutral-foreground-rest, #323130);
}

.auth-required-message[b-4438hnhu9o] {
    margin: 0 0 30px 0;
    font-size: 16px;
    color: var(--neutral-foreground-rest, #605e5c);
    line-height: 1.5;
}

.auth-required-btn[b-4438hnhu9o] {
    min-width: 120px;
}

/* Responsive design */
@media (max-width: 480px) {
    .auth-required-inner[b-4438hnhu9o] {
        padding: 30px 15px;
    }
    
    .auth-required-icon[b-4438hnhu9o] {
        font-size: 36px;
        margin-bottom: 15px;
    }
    
    .auth-required-title[b-4438hnhu9o] {
        font-size: 20px;
    }
    
    .auth-required-message[b-4438hnhu9o] {
        font-size: 14px;
        margin-bottom: 25px;
    }
}
/* _content/ADG.Website/Pages/Layout/Brand.razor.rz.scp.css */
a.logo-link[b-mgbwaqkfh7] {
    text-decoration: none;
    color: inherit;
}

.logo-container[b-mgbwaqkfh7] {
    font-family: 'Lexend', Tahoma, Geneva, Verdana, sans-serif;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0; /* Allow flex children to shrink */
}

.logo-text[b-mgbwaqkfh7] {
    font-weight: bold;
    font-size: 1.2rem;
    letter-spacing: 0.5px;
    color: #ffecec;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.logo-wrapper[b-mgbwaqkfh7] {
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo[b-mgbwaqkfh7] {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Hide logo text on mobile and small screens to save space */
@media (max-width: 768px) {
    .logo-text[b-mgbwaqkfh7] {
        display: none;
    }
}
/* _content/ADG.Website/Pages/Layout/Footer.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Layout/Header.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Layout/Loading.razor.rz.scp.css */
.loading-overlay[b-a8p0bewe4l] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.1);
    pointer-events: none;

}

.loading-content[b-a8p0bewe4l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.loading-text[b-a8p0bewe4l] {
    margin: 0;
    text-align: center;
    font-size: var(--type-ramp-base-font-size, 1rem);
    line-height: var(--type-ramp-base-line-height, 1.5);
}
/* _content/ADG.Website/Pages/Layout/MainLayout.razor.rz.scp.css */
/* _content/ADG.Website/Pages/Layout/NavMenu.razor.rz.scp.css */
.bottom-nav[b-e0ju4lrbbo] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: rgba(24, 24, 25, 0.08); /* Semi-transparent */
    backdrop-filter: blur(4px); /* Apply blur effect */
    -webkit-backdrop-filter: blur(4px); /* Safari support */
    border-top: 1px solid rgba(255, 255, 255, 0.29);
    z-index: 1000;
}

/* Navigation button container */
.nav-button-container[b-e0ju4lrbbo] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex: 1;
    cursor: pointer;
    transition: all 0.3s ease; /* Enhanced animations */
    border-radius: 8px; /* Rounded corners for better visual feedback */
    /* Fix for touch highlight persistence on mobile */
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Active indicator line at the top */
.nav-button-container.active[b-e0ju4lrbbo]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px; /* Adjust width as needed */
    height: 3px; /* Thickness of the indicator line */
    background-color: #eff1f8; /* Color of the indicator line, white */
    border-radius: 0 0 2px 2px; /* Rounded bottom corners */
}

/* Enhanced hover effect with bold styling instead of outline */
.nav-button-container:hover[b-e0ju4lrbbo] {
    transform: translateY(-1px); /* Slight lift effect */
}

.nav-button-container:hover .nav-menu-button[b-e0ju4lrbbo] {
    opacity: 100%; /* Full opacity on hover */
}

.nav-button-container:hover .icon-label[b-e0ju4lrbbo] {
    font-weight: bold; /* Bold text on hover */
    color: white;
}

.nav-button-container:hover fluent-icon[b-e0ju4lrbbo] {
    font-weight: bold; /* Bold icon on hover */
    transform: scale(1.05); /* Slight scale effect */
}

/* Click/active state animations */
.nav-button-container:active[b-e0ju4lrbbo] {
    transform: translateY(0px) scale(0.98); /* Press down effect */
    transition: all 0.1s ease; /* Faster transition for click */
}

/* Ensure the nav button itself doesn't interfere */
.nav-button-container .nav-menu-button[b-e0ju4lrbbo] {
    background: transparent;
    border: none;
    padding: 0;
}
/* _content/ADG.Website/Pages/Layout/NavMenuButton.razor.rz.scp.css */
.nav-menu-button[b-qgywn8e1i6] {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    color: #333;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 8px;
    opacity: 90%; /* 90% opacity when not active */
    transition: all 0.3s ease; /* Smooth animations */
    pointer-events: none; /* Disable button clicks since container handles them */
}

/* Active (current-page) buttons at full opacity */
.nav-menu-button.current-page[b-qgywn8e1i6] {
    opacity: 100%;
}

/* Disabled state styling to remove default disabled appearance */
.nav-menu-button:disabled[b-qgywn8e1i6] {
    opacity: inherit;
    cursor: inherit;
}

.icon-with-label[b-qgywn8e1i6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease; /* Smooth animations */
}

.icon-label.current-page[b-qgywn8e1i6] {
    color: white;
    font-weight: bold;
}

.icon-label[b-qgywn8e1i6] {
    font-size: 14px;
    margin-top: 4px;
    user-select: none;
    color: white;
    transition: all 0.3s ease; /* Smooth animations */
}


/* Do not show the label on mobile */
@media (max-width: 768px) {
    .icon-label[b-qgywn8e1i6] {
        display: none;
    }
}
/* _content/ADG.Website/Pages/Layout/NotificationBell.razor.rz.scp.css */
.notification-bell[b-6cjez86j71] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.notification-bell:hover[b-6cjez86j71] {
    background-color: rgba(255, 255, 255, 0.1);
    transform: scale(1.05);
}

.notification-badge[b-6cjez86j71] {
    position: absolute;
    top: -2px;
    right: -2px;
    min-width: 18px;
    height: 18px;
    font-size: 10px;
    font-weight: 600;
    border: 2px solid #111111;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
/* _content/ADG.Website/Pages/Layout/ProfilePanel.razor.rz.scp.css */
/* Profile Panel Overlay */
.profile-panel-overlay[b-4jnujpj5b3] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
}

.profile-panel-overlay.visible[b-4jnujpj5b3] {
    opacity: 1;
    visibility: visible;
}

/* Desktop Profile Panel */
.profile-panel[b-4jnujpj5b3] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 320px;
    background: var(--neutral-layer-1);
    border-left: 1px solid var(--neutral-stroke-rest);
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.profile-panel.open[b-4jnujpj5b3] {
    transform: translateX(0);
}

/* Panel Header */
.panel-header[b-4jnujpj5b3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-2);
}

.panel-header-content[b-4jnujpj5b3] {
    flex: 1;
}

/* Ensure persona text is white for dark mode */
.panel-persona[b-4jnujpj5b3] {
    color: white !important;
}

.panel-persona[b-4jnujpj5b3]  .name {
    color: white !important;
}

.close-button[b-4jnujpj5b3] {
    padding: 8px;
    margin-left: 8px;
}

/* Panel Content */
.panel-content[b-4jnujpj5b3] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

/* Menu Groups */
.menu-group[b-4jnujpj5b3] {
    padding: 8px 0;
}

.menu-item[b-4jnujpj5b3] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--neutral-foreground-rest);
    outline: none;
}

.menu-item:hover[b-4jnujpj5b3] {
    background: var(--neutral-fill-subtle-hover);
    color: var(--neutral-foreground-hover);
}

.menu-item:focus[b-4jnujpj5b3] {
    background: var(--neutral-fill-subtle-hover);
    color: var(--neutral-foreground-hover);
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: -2px;
}

.menu-item:active[b-4jnujpj5b3] {
    background: var(--neutral-fill-subtle-pressed);
    transform: scale(0.98);
    transition: all 0.1s ease;
}

/* Screen reader only text */
.sr-only[b-4jnujpj5b3] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.menu-icon[b-4jnujpj5b3] {
    font-size: 18px;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.menu-text[b-4jnujpj5b3] {
    font-size: 14px;
    font-weight: 500;
    flex: 1;
}

/* Menu Separators */
.menu-separator[b-4jnujpj5b3] {
    height: 1px;
    background: var(--neutral-stroke-rest);
    margin: 8px 20px;
}

/* Mobile Styles */
@media (max-width: 768px) {
    .profile-panel-overlay[b-4jnujpj5b3] {
        /* On mobile, show full overlay background */
        background: rgba(0, 0, 0, 0.7);
    }
    
    .profile-panel[b-4jnujpj5b3] {
        /* On mobile, panel takes full screen */
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
        border: none;
        box-shadow: none;
        transform: translateY(100%);
        border-radius: 16px 16px 0 0;
    }
    
    .profile-panel.open[b-4jnujpj5b3] {
        transform: translateY(0);
    }
    
    /* Adjust panel header for mobile */
    .panel-header[b-4jnujpj5b3] {
        padding: 20px 24px;
    }
    
    /* Larger touch targets on mobile */
    .menu-item[b-4jnujpj5b3] {
        padding: 16px 24px;
        gap: 16px;
    }
    
    .menu-icon[b-4jnujpj5b3] {
        font-size: 20px;
        width: 20px;
        height: 20px;
    }
    
    .menu-text[b-4jnujpj5b3] {
        font-size: 16px;
    }
    
    .menu-separator[b-4jnujpj5b3] {
        margin: 12px 24px;
    }
}

/* Tablet breakpoint - use desktop style but adjust width */
@media (min-width: 769px) and (max-width: 1024px) {
    .profile-panel[b-4jnujpj5b3] {
        width: 280px;
    }
}

/* Animation for smooth transitions */
@media (prefers-reduced-motion: no-preference) {
    .profile-panel-overlay[b-4jnujpj5b3],
    .profile-panel[b-4jnujpj5b3],
    .menu-item[b-4jnujpj5b3] {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .menu-item:active[b-4jnujpj5b3] {
        transition: all 0.1s ease;
    }
}

/* Reduce animations for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
    .profile-panel-overlay[b-4jnujpj5b3],
    .profile-panel[b-4jnujpj5b3],
    .menu-item[b-4jnujpj5b3] {
        transition: none;
    }
}
/* _content/ADG.Website/Pages/Layout/SearchBar.razor.rz.scp.css */
.search-container[b-l7qwg8t2s4] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1; /* Allow search to take available space and center properly */
}

/* Desktop: Show search bar, hide icon */
.search-bar-desktop[b-l7qwg8t2s4] {
    display: flex;
    align-items: center;
    min-width: 300px;
    max-width: 500px;
    width: 100%;
    position: relative;
}

.search-bar-text-field[b-l7qwg8t2s4] {
    width: 100%;
    max-width: 100%;
    color: red;
}


/* Modern search field styling */
.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-root {
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    backdrop-filter: blur(10px) !important;
}

.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-root:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    transform: translateY(-1px) !important;
}

.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-root.mud-focused {
    box-shadow: 0 6px 24px rgba(79, 156, 249, 0.3) !important;
    border-color: #4F9CF9 !important;
    background: rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-2px) !important;
}

.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-slot {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    padding: 12px 16px !important;
}

.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-slot input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 13px !important;
}

/* Search icon styling */
.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-adornment .mud-icon-root {
    color: rgba(255, 255, 255, 0.7) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.search-bar-desktop[b-l7qwg8t2s4]  .mud-input-adornment:hover .mud-icon-root {
    color: rgba(255, 255, 255, 0.9) !important;
    transform: scale(1.1) !important;
}

.search-icon-mobile[b-l7qwg8t2s4] {
    display: none;
    position: relative;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 10px;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Ensure search icon is visible */
.search-icon-mobile .mud-icon-root[b-l7qwg8t2s4] {
    color: white !important;
    font-size: 24px !important;
}

.search-icon-mobile:hover[b-l7qwg8t2s4] {
    background-color: rgba(255, 255, 255, 0.1);
    transform: scale(1.05) translateY(-1px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.search-icon-mobile:focus[b-l7qwg8t2s4] {
    outline: 2px solid #4F9CF9;
    outline-offset: 2px;
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 6px 24px rgba(79, 156, 249, 0.3);
}

/* Mobile: Show icon, hide search bar */
@media (max-width: 768px) {
    .search-bar-desktop[b-l7qwg8t2s4] {
        display: none;
    }

    .search-icon-mobile[b-l7qwg8t2s4] {
        display: flex;
    }
}

/* Tablet: Show medium search bar */
@media (max-width: 1024px) and (min-width: 769px) {
    .search-bar-desktop[b-l7qwg8t2s4] {
        min-width: 250px;
        max-width: 350px;
    }
}

/* Desktop: Optimize search bar size */
@media (min-width: 1025px) {
    .search-bar-desktop[b-l7qwg8t2s4] {
        min-width: 350px;
        max-width: 500px;
    }
}

/* Large desktop: Full width utilization */
@media (min-width: 1400px) {
    .search-bar-desktop[b-l7qwg8t2s4] {
        min-width: 400px;
        max-width: 600px;
    }
}

/* Search suggestions dropdown (for future enhancement) */
.search-suggestions[b-l7qwg8t2s4] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: rgba(26, 29, 35, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    margin-top: 4px;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.search-suggestions.show[b-l7qwg8t2s4] {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}

.search-suggestion-item[b-l7qwg8t2s4] {
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.2s ease;
    color: rgba(255, 255, 255, 0.8);
}

.search-suggestion-item:hover[b-l7qwg8t2s4],
.search-suggestion-item.selected[b-l7qwg8t2s4] {
    background: rgba(79, 156, 249, 0.15);
    color: rgba(255, 255, 255, 0.95);
    border-left: 3px solid #4F9CF9;
}

.search-suggestion-item:last-child[b-l7qwg8t2s4] {
    border-bottom: none;
    border-radius: 0 0 12px 12px;
}
/* _content/ADG.Website/Pages/Leaderboards/Leaderboards.razor.rz.scp.css */
.leaderboard-controls[b-e68qpf6fz0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    gap: 16px;
    flex-wrap: wrap;
}

.leaderboard-loading[b-e68qpf6fz0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    gap: 16px;
}

.leaderboard-error[b-e68qpf6fz0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    gap: 16px;
    text-align: center;
}

.empty-state[b-e68qpf6fz0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
    text-align: center;
}

[b-e68qpf6fz0] .badge {
    background-color: #684db0;
    color: white;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 500;
}
/* _content/ADG.Website/Pages/Localization/LanguageSelector.razor.rz.scp.css */
.language-selector-container[b-ds86hs3mx6] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
}
.language-selector-card[b-ds86hs3mx6] {
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
    padding: 2.5rem 2rem 2rem 2rem;
    min-width: 340px;
    text-align: center;
    background: #2a475e;
}
.language-dropdown[b-ds86hs3mx6] {
    margin: 1.5rem 0 1rem 0;
    font-size: 1.1rem;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    padding: 0.5rem 1rem;
}
.language-demo-text[b-ds86hs3mx6] {
    margin-top: 1.5rem;
    font-size: 1.2rem;
    color: #bac3d0;
}

/* _content/ADG.Website/Pages/Marketplace/InventoryDialog.razor.rz.scp.css */
/* Inventory Dialog */
.inventory-dialog-header[b-923toh1twj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dialog-title[b-923toh1twj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.inventory-content[b-923toh1twj] {
    min-width: 600px;
    min-height: 400px;
}

.loading-container[b-923toh1twj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.empty-inventory[b-923toh1twj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    gap: 1rem;
}

.empty-inventory h4[b-923toh1twj] {
    margin: 0;
    color: var(--neutral-foreground-disabled);
}

.empty-inventory p[b-923toh1twj] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    max-width: 300px;
}

/* Inventory Grid */
.inventory-grid[b-923toh1twj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    padding: 1rem 0;
}

.inventory-item-card[b-923toh1twj] {
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid var(--neutral-stroke-rest);
    position: relative;
}

.inventory-item-card:hover[b-923toh1twj] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: var(--accent-stroke-control-default);
}

/* Rarity styling for inventory items */
.inventory-item-card.rarity-common[b-923toh1twj] {
    border-left: 3px solid #888888;
}

.inventory-item-card.rarity-uncommon[b-923toh1twj] {
    border-left: 3px solid #1eff00;
}

.inventory-item-card.rarity-rare[b-923toh1twj] {
    border-left: 3px solid #0070f3;
}

.inventory-item-card.rarity-epic[b-923toh1twj] {
    border-left: 3px solid #a335ee;
}

.inventory-item-card.rarity-legendary[b-923toh1twj] {
    border-left: 3px solid #ff8000;
    box-shadow: 0 0 10px rgba(255, 128, 0, 0.1);
}

.item-quantity[b-923toh1twj] {
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 1;
}

/* Item Actions Dialog */
.item-actions-header[b-923toh1twj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.item-actions-content[b-923toh1twj] {
    min-width: 500px;
}

.item-preview[b-923toh1twj] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--neutral-stroke-divider);
}

.item-large-icon[b-923toh1twj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    flex-shrink: 0;
}

.item-info[b-923toh1twj] {
    flex: 1;
}

.item-info h3[b-923toh1twj] {
    margin: 0 0 0.5rem 0;
}

.item-info p[b-923toh1twj] {
    margin: 0 0 1rem 0;
    color: var(--neutral-foreground-hint);
}

.item-meta[b-923toh1twj] {
    display: flex;
    gap: 0.5rem;
}

.action-buttons[b-923toh1twj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.action-button[b-923toh1twj] {
    height: auto;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-align: left;
}

.action-content[b-923toh1twj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.action-content strong[b-923toh1twj] {
    font-size: 1rem;
}

.action-content small[b-923toh1twj] {
    font-size: 0.85rem;
    opacity: 0.8;
}

/* Sell Dialog */
.sell-dialog-content[b-923toh1twj] {
    min-width: 400px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.error-message[b-923toh1twj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--error-foreground-rest);
    background: var(--error-layer-1);
    padding: 0.75rem;
    border-radius: 4px;
    font-size: 0.9rem;
}

/* Shard Dialog */
.shard-dialog-content[b-923toh1twj] {
    min-width: 400px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.warning-icon[b-923toh1twj] {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.shard-dialog-content p[b-923toh1twj] {
    margin: 0;
}

.shard-dialog-content strong[b-923toh1twj] {
    color: var(--error-foreground-rest);
}

/* Responsive Design */
@media (max-width: 768px) {
    .inventory-content[b-923toh1twj] {
        min-width: auto;
        width: 100%;
    }
    
    .item-actions-content[b-923toh1twj] {
        min-width: auto;
        width: 100%;
    }
    
    .inventory-grid[b-923toh1twj] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 0.75rem;
    }
    
    .action-buttons[b-923toh1twj] {
        grid-template-columns: 1fr;
    }
    
    .item-preview[b-923toh1twj] {
        flex-direction: column;
        text-align: center;
    }
    
    .sell-dialog-content[b-923toh1twj] {
        min-width: auto;
        width: 100%;
    }
    
    .shard-dialog-content[b-923toh1twj] {
        min-width: auto;
        width: 100%;
    }
}
/* _content/ADG.Website/Pages/Marketplace/Marketplace.razor.rz.scp.css */
/* Marketplace Header */
.marketplace-header[b-n6r8lyjdrr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.marketplace-title h2[b-n6r8lyjdrr] {
    margin: 0;
    color: var(--accent-foreground-rest);
}

.marketplace-title p[b-n6r8lyjdrr] {
    margin: 0.5rem 0 0 0;
    color: var(--neutral-foreground-hint);
}

/* Filters */
.marketplace-filters[b-n6r8lyjdrr] {
    background: var(--neutral-layer-2);
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 2rem;
}

.filter-row[b-n6r8lyjdrr] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}

/* Content Area */
.marketplace-content[b-n6r8lyjdrr] {
    min-height: 400px;
}

.loading-container[b-n6r8lyjdrr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.empty-marketplace[b-n6r8lyjdrr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    gap: 1rem;
}

.empty-marketplace h4[b-n6r8lyjdrr] {
    margin: 0;
    color: var(--neutral-foreground-disabled);
}

.empty-marketplace p[b-n6r8lyjdrr] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    max-width: 400px;
}

/* Marketplace Grid */
.marketplace-grid[b-n6r8lyjdrr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    padding: 1rem 0;
}

.marketplace-item-card[b-n6r8lyjdrr] {
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid var(--neutral-stroke-rest);
    position: relative;
    overflow: hidden;
}

.marketplace-item-card:hover[b-n6r8lyjdrr] {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    border-color: var(--accent-stroke-control-default);
}

/* Rarity-based styling */
.marketplace-item-card.rarity-common[b-n6r8lyjdrr] {
    border-left: 4px solid #888888;
}

.marketplace-item-card.rarity-uncommon[b-n6r8lyjdrr] {
    border-left: 4px solid #1eff00;
}

.marketplace-item-card.rarity-rare[b-n6r8lyjdrr] {
    border-left: 4px solid #0070f3;
}

.marketplace-item-card.rarity-epic[b-n6r8lyjdrr] {
    border-left: 4px solid #a335ee;
}

.marketplace-item-card.rarity-legendary[b-n6r8lyjdrr] {
    border-left: 4px solid #ff8000;
    box-shadow: 0 0 20px rgba(255, 128, 0, 0.1);
}

.marketplace-item-card.rarity-legendary:hover[b-n6r8lyjdrr] {
    box-shadow: 0 8px 32px rgba(255, 128, 0, 0.2);
}

/* Card Layout */
.item-card-header[b-n6r8lyjdrr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.item-image[b-n6r8lyjdrr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
}

.item-badges[b-n6r8lyjdrr] {
    display: flex;
    gap: 0.5rem;
}

.item-card-content[b-n6r8lyjdrr] {
    margin-bottom: 1rem;
}

.item-name[b-n6r8lyjdrr] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 1.1rem;
    font-weight: 600;
}

.item-description[b-n6r8lyjdrr] {
    margin: 0 0 0.75rem 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item-category[b-n6r8lyjdrr] {
    margin-bottom: 0.5rem;
}

.item-card-footer[b-n6r8lyjdrr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid var(--neutral-stroke-divider);
}

.item-price[b-n6r8lyjdrr] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 600;
    color: var(--accent-foreground-rest);
}

.price-value[b-n6r8lyjdrr] {
    font-size: 1.1rem;
}

.item-seller[b-n6r8lyjdrr] {
    color: var(--neutral-foreground-hint);
    font-size: 0.85rem;
}

/* Dialog Styles */
.dialog-header[b-n6r8lyjdrr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dialog-title[b-n6r8lyjdrr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.item-details[b-n6r8lyjdrr] {
    min-width: 500px;
}

.item-details-main[b-n6r8lyjdrr] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.item-large-icon[b-n6r8lyjdrr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: var(--neutral-layer-1);
    border-radius: 12px;
    flex-shrink: 0;
}

.item-info[b-n6r8lyjdrr] {
    flex: 1;
}

.item-info h3[b-n6r8lyjdrr] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
}

.item-info .item-description[b-n6r8lyjdrr] {
    margin-bottom: 1rem;
    -webkit-line-clamp: none;
    overflow: visible;
}

.item-meta[b-n6r8lyjdrr] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.item-price-large[b-n6r8lyjdrr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--accent-foreground-rest);
    margin-bottom: 1rem;
}

.item-seller-info p[b-n6r8lyjdrr] {
    margin: 0.25rem 0;
}

.dialog-actions[b-n6r8lyjdrr] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* Responsive Design */
@media (max-width: 768px) {
    .marketplace-header[b-n6r8lyjdrr] {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }
    
    .filter-row[b-n6r8lyjdrr] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-row > *[b-n6r8lyjdrr] {
        width: 100%;
    }
    
    .marketplace-grid[b-n6r8lyjdrr] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .item-details[b-n6r8lyjdrr] {
        min-width: auto;
        width: 100%;
    }
    
    .item-details-main[b-n6r8lyjdrr] {
        flex-direction: column;
        text-align: center;
    }
    
    .dialog-actions[b-n6r8lyjdrr] {
        flex-direction: column;
    }
    
    .dialog-actions > *[b-n6r8lyjdrr] {
        width: 100%;
    }
}
/* _content/ADG.Website/Pages/Marketplace/PlayerSearchDialogs.razor.rz.scp.css */
/* Dialog Headers */
.dialog-header[b-x4op385igh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dialog-title[b-x4op385igh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.2rem;
    font-weight: 600;
}

/* Dialog Content */
.trade-dialog-content[b-x4op385igh],
.gift-dialog-content[b-x4op385igh] {
    min-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Item Preview */
.item-preview[b-x4op385igh] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-rest);
}

.item-large-icon[b-x4op385igh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: var(--neutral-layer-2);
    border-radius: 6px;
    flex-shrink: 0;
}

.item-info[b-x4op385igh] {
    flex: 1;
}

.item-info h4[b-x4op385igh] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
}

.item-info p[b-x4op385igh] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

/* Player Search */
.player-search[b-x4op385igh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.search-results[b-x4op385igh] {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    background: var(--neutral-layer-1);
}

.player-result-card[b-x4op385igh] {
    cursor: pointer;
    border: none;
    border-bottom: 1px solid var(--neutral-stroke-divider);
    border-radius: 0;
    transition: background-color 0.2s ease;
}

.player-result-card:last-child[b-x4op385igh] {
    border-bottom: none;
}

.player-result-card:hover[b-x4op385igh] {
    background: var(--neutral-layer-2);
}

.player-info[b-x4op385igh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
}

.player-details[b-x4op385igh] {
    flex: 1;
}

.player-details h5[b-x4op385igh] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.player-details small[b-x4op385igh] {
    color: var(--neutral-foreground-hint);
    font-size: 0.85rem;
}

.player-status[b-x4op385igh] {
    display: flex;
    align-items: center;
}

/* Selected Player */
.selected-player[b-x4op385igh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.selected-player h5[b-x4op385igh] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
}

.selected-player-card[b-x4op385igh] {
    border: 2px solid var(--accent-stroke-control-default);
    background: var(--accent-layer-1);
}

.selected-player-card .player-info[b-x4op385igh] {
    padding: 1rem;
}

/* Error Messages */
.error-message[b-x4op385igh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--error-foreground-rest);
    background: var(--error-layer-1);
    padding: 0.75rem;
    border-radius: 4px;
    font-size: 0.9rem;
    border: 1px solid var(--error-stroke-control-default);
}

/* Dialog Actions */
.dialog-actions[b-x4op385igh] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* Custom scrollbar for search results */
.search-results[b-x4op385igh]::-webkit-scrollbar {
    width: 6px;
}

.search-results[b-x4op385igh]::-webkit-scrollbar-track {
    background: var(--neutral-layer-2);
}

.search-results[b-x4op385igh]::-webkit-scrollbar-thumb {
    background: var(--neutral-stroke-rest);
    border-radius: 3px;
}

.search-results[b-x4op385igh]::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-stroke-control-default);
}

/* Responsive Design */
@media (max-width: 768px) {
    .trade-dialog-content[b-x4op385igh],
    .gift-dialog-content[b-x4op385igh] {
        min-width: auto;
        width: 100%;
    }
    
    .item-preview[b-x4op385igh] {
        flex-direction: column;
        text-align: center;
    }
    
    .player-info[b-x4op385igh] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
    
    .player-details[b-x4op385igh] {
        text-align: center;
    }
    
    .dialog-actions[b-x4op385igh] {
        flex-direction: column;
    }
    
    .dialog-actions > *[b-x4op385igh] {
        width: 100%;
    }
}

/* Animation for search results */
@keyframes fadeIn-b-x4op385igh {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.search-results[b-x4op385igh] {
    animation: fadeIn-b-x4op385igh 0.2s ease-out;
}

/* Focus states */
.player-result-card:focus[b-x4op385igh] {
    outline: 2px solid var(--accent-stroke-control-default);
    outline-offset: -2px;
}

/* Loading state for future implementation */
.player-search-loading[b-x4op385igh] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: var(--neutral-foreground-hint);
}

/* Empty state for search */
.player-search-empty[b-x4op385igh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: var(--neutral-foreground-hint);
    text-align: center;
}

.player-search-empty p[b-x4op385igh] {
    margin: 0;
    font-size: 0.9rem;
}
/* _content/ADG.Website/Pages/Menu/Menu.razor.rz.scp.css */
.menu-container[b-9neey5y6je] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    max-width: 600px;
    margin: 0 auto;
}

.menu-title[b-9neey5y6je] {
    font-size: 2rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
    text-align: center;
}

.menu-list[b-9neey5y6je] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.menu-item[b-9neey5y6je] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
}

.menu-item:hover[b-9neey5y6je] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.menu-item:active[b-9neey5y6je] {
    transform: translateY(0);
}

.menu-item-content[b-9neey5y6je] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    gap: 1rem;
    height: 4rem;
}

.menu-icon[b-9neey5y6je] {
    color: #ffffff;
    font-size: 3rem;
    flex-shrink: 0;
}

.menu-text[b-9neey5y6je] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;
    color: white;
}

.menu-label[b-9neey5y6je] {
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
}

.menu-description[b-9neey5y6je] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.3;
    /* Fix for BetaFlag layout shifting */
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.menu-chevron[b-9neey5y6je] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.menu-item:hover .menu-chevron[b-9neey5y6je] {
    transform: translateX(4px);
    color: rgba(255, 255, 255, 0.8);
}

.menu-separator[b-9neey5y6je] {
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0.5rem 0;
}

.logout-item[b-9neey5y6je] {
    border-color: rgba(255, 100, 100, 0.3);
    background: rgba(255, 100, 100, 0.08);
}

.logout-item:hover[b-9neey5y6je] {
    border-color: rgba(255, 100, 100, 0.5);
    background: rgba(255, 100, 100, 0.15);
}

.logout-item .menu-icon[b-9neey5y6je] {
    color: #ff6b6b;
}

.menu-footer[b-9neey5y6je] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2rem;
    gap: 0.25rem;
}

.menu-version[b-9neey5y6je] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    line-height: 1.2;
}

.menu-madeby[b-9neey5y6je] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
}

.aliens[b-9neey5y6je] {
    color: #c9ff6b;
    font-weight: bold;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .menu-container[b-9neey5y6je] {
        padding: 1rem;
    }

    .menu-title[b-9neey5y6je] {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .menu-item-content[b-9neey5y6je] {
        padding: 1.25rem;
    }

    .menu-label[b-9neey5y6je] {
        font-size: 1rem;
    }

    .menu-description[b-9neey5y6je] {
        font-size: 0.8rem;
    }
}
/* _content/ADG.Website/Pages/Players/Chats.razor.rz.scp.css */
.inbox-container[b-mf2tbgxfyu] {
    display: flex;
    gap: 1rem;
    height: 70vh;
    margin-top: 1rem;
}

.conversations-panel[b-mf2tbgxfyu] {
    flex: 0 0 350px;
}

.conversation-card[b-mf2tbgxfyu] {
    padding: 0 !important;
}

.conversations-header[b-mf2tbgxfyu] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem 1rem 1rem 1rem;
    border-bottom: 1px solid var(--neutral-stroke-divider, #404040);
    margin-bottom: 1rem;
}

.conversations-header h4[b-mf2tbgxfyu] {
    margin: 0;
}

.messages-panel[b-mf2tbgxfyu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 0;
    min-height: 0;
}

.conversation-item[b-mf2tbgxfyu] {
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--neutral-layer-1, #1a1d23);
    color: var(--neutral-foreground-rest, #fff);
    border-radius: 8px;
    border: 2px solid transparent;
}

.conversation-item:hover[b-mf2tbgxfyu] {
    background-color: var(--neutral-layer-2, #242831);
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border-color: var(--neutral-stroke-divider, #404040);
}

.conversation-item.selected[b-mf2tbgxfyu] {
    background-color: var(--accent-fill-rest, #3b82f6);
    color: var(--accent-foreground-rest, #fff);
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
    border-color: var(--accent-fill-rest, #3b82f6);
}

.conversation-content[b-mf2tbgxfyu] {
    padding: 0.5rem;
}

.conversation-header[b-mf2tbgxfyu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.participant-info[b-mf2tbgxfyu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.participant-name[b-mf2tbgxfyu] {
    font-weight: 600;
}

.last-message[b-mf2tbgxfyu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    opacity: 0.8;
}

.message-preview[b-mf2tbgxfyu] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.message-time[b-mf2tbgxfyu] {
    font-size: 0.8rem;
    margin-left: 0.5rem;
}

.messages-header[b-mf2tbgxfyu] {
    padding: 1rem;
    border-bottom: 1px solid var(--neutral-stroke-divider, #404040);
    background: var(--neutral-layer-1, #1a1d23);
    color: var(--neutral-foreground-rest, #fff);
}

.messages-content[b-mf2tbgxfyu] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
    background: var(--neutral-layer-1, #1a1d23);
    color: var(--neutral-foreground-rest, #fff);
    min-height: 0;
    scrollbar-width: thin;
    scrollbar-color: var(--neutral-stroke-divider, #404040) transparent;
}

.messages-content[b-mf2tbgxfyu]::-webkit-scrollbar {
    width: 8px;
}

.messages-content[b-mf2tbgxfyu]::-webkit-scrollbar-track {
    background: transparent;
}

.messages-content[b-mf2tbgxfyu]::-webkit-scrollbar-thumb {
    background-color: var(--neutral-stroke-divider, #404040);
    border-radius: 4px;
}

.messages-content[b-mf2tbgxfyu]::-webkit-scrollbar-thumb:hover {
    background-color: var(--neutral-foreground-rest, #fff);
}

.message-item[b-mf2tbgxfyu] {
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 18px;
    background-color: var(--neutral-layer-2, #242831);
    position: relative;
    color: var(--neutral-foreground-rest, #fff);
    transition: all 0.2s ease;
    max-width: 70%;
    word-wrap: break-word;
}

.message-item.sent[b-mf2tbgxfyu] {
    background-color: var(--accent-fill-rest, #3b82f6);
    color: var(--accent-foreground-rest, #fff);
    margin-left: auto;
    margin-right: 0;
    border-bottom-right-radius: 4px;
}

.message-item.sent .message-content[b-mf2tbgxfyu] {
    color: #ffffff;
}

.message-item.received[b-mf2tbgxfyu] {
    background-color: var(--neutral-layer-2, #242831);
    margin-left: 0;
    margin-right: auto;
    border: 1px solid var(--neutral-stroke-divider, #404040);
    border-bottom-left-radius: 1px;
    color: var(--neutral-foreground-rest, #fff);
}

.message-item.received .message-content[b-mf2tbgxfyu] {
    color: var(--neutral-foreground-rest, #fff);
}

.message-actions[b-mf2tbgxfyu] {
    display: flex;
    gap: 0.25rem;
    margin-top: 0.5rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.message-item:hover .message-actions[b-mf2tbgxfyu] {
    opacity: 1;
}

.message-actions button[b-mf2tbgxfyu] {
    font-size: 0.9rem;
    padding: 0.4rem;
    min-height: auto;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.message-actions button:hover[b-mf2tbgxfyu] {
    transform: scale(1.1);
}

.message-sender[b-mf2tbgxfyu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.sender-name[b-mf2tbgxfyu] {
    font-weight: 600;
    color: var(--accent-fill-rest, #3b82f6);
}

.message-item.sent .sender-name[b-mf2tbgxfyu] {
    color: rgba(255, 255, 255, 0.9);
}

.message-timestamp[b-mf2tbgxfyu] {
    margin-left: auto;
    font-size: 0.75rem;
    opacity: 0.6;
    font-weight: 400;
}

.message-content[b-mf2tbgxfyu] {
    padding-left: 0;
    line-height: 1.375;
    font-size: 0.9rem;
}

.message-input[b-mf2tbgxfyu] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    border-top: 1px solid var(--neutral-stroke-divider, #404040);
    background: var(--neutral-layer-2, #242831);
    position: sticky;
    bottom: 0;
    width: 100%;
    z-index: 5;
    margin-top: auto;
}

.message-input .fluent-icon[b-mf2tbgxfyu] {
    color: #fff !important;
}

.message-input fluent-text-field[b-mf2tbgxfyu] {
    flex: 1;
}

.message-input fluent-text-field[b-mf2tbgxfyu]::part(control) {
    background-color: var(--neutral-layer-3, #2a2f3a);
    border: 1px solid var(--neutral-stroke-divider, #404040);
    border-radius: 20px;
    padding: 0.75rem 1rem;
    color: var(--neutral-foreground-rest, #fff);
    font-size: 0.9rem;
}

.message-input fluent-text-field[b-mf2tbgxfyu]::part(control):focus {
    border-color: var(--accent-fill-rest, #3b82f6);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

.no-conversation-selected[b-mf2tbgxfyu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    opacity: 0.7;
    color: var(--neutral-foreground-rest, #fff);
}

.no-conversation-selected h4[b-mf2tbgxfyu] {
    margin: 1rem 0 0.5rem 0;
}

.no-conversation-selected p[b-mf2tbgxfyu] {
    margin: 0;
}

.error-state[b-mf2tbgxfyu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
    text-align: center;
    opacity: 0.7;
    color: var(--neutral-foreground-rest, #fff);
    background: var(--neutral-layer-1, #1a1d23);
}

.error-state p[b-mf2tbgxfyu] {
    margin: 0;
}

.auth-warning[b-mf2tbgxfyu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    background-color: var(--attention-fill-rest, #b91c1c);
    color: var(--attention-foreground-rest, #fff);
    border-radius: 4px;
    margin: 1rem 0;
}

/* Enhanced dark theme with better contrast and darker colors */
:root[b-mf2tbgxfyu], [data-theme="dark"][b-mf2tbgxfyu] {
    --neutral-layer-1: #1a1d23;
    --neutral-layer-2: #242831;
    --neutral-layer-3: #2a2f3a;
    --neutral-stroke-divider: #404040;
    --neutral-foreground-rest: #ffffff;
    --accent-fill-rest: #3b82f6;
    --accent-foreground-rest: #ffffff;
    --attention-fill-rest: #dc2626;
    --attention-foreground-rest: #ffffff;
}

/* Mobile responsiveness for conversations panel */
.mobile-conv-toggle[b-mf2tbgxfyu] {
    display: none;
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    z-index: 10;
    background: var(--accent-fill-rest, #3b82f6);
    color: #252525;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
    cursor: pointer;
    transition: all 0.2s ease;
}

.mobile-conv-toggle:hover[b-mf2tbgxfyu] {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.4);
}

.mobile-conv-toggle:focus[b-mf2tbgxfyu] {
    outline: 2px solid var(--accent-fill-rest, #3b82f6);
    outline-offset: 2px;
}

@media (max-width: 700px) {
    .inbox-container[b-mf2tbgxfyu] {
        flex-direction: column;
        height: 90vh;
        position: relative;
    }

    .conversations-panel[b-mf2tbgxfyu] {
        position: fixed;
        left: 0;
        top: 0;
        width: 85vw;
        max-width: 340px;
        height: 100vh;
        z-index: 20;
        background: var(--neutral-layer-1, #1a1d23);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 2px 0 16px rgba(0, 0, 0, 0.4);
        border-right: 1px solid var(--neutral-stroke-divider, #404040);
    }

    .conversations-panel.hide[b-mf2tbgxfyu] {
        transform: translateX(-100%);
        pointer-events: none;
    }

    .conversations-panel.show[b-mf2tbgxfyu] {
        transform: translateX(0);
    }

    .mobile-conv-toggle[b-mf2tbgxfyu] {
        display: flex;
        transition: all 0.2s ease;
    }

    .mobile-conv-toggle:hover[b-mf2tbgxfyu] {
        background: var(--accent-fill-rest, #3b82f6);
        transform: scale(1.05);
    }

    .messages-panel[b-mf2tbgxfyu] {
        margin-left: 0;
        width: 100vw;
        min-width: 0;
        padding-bottom: 0;
    }

    /* Overlay for mobile when conversations panel is open */
    .conversations-panel.show[b-mf2tbgxfyu]::before {
        content: '';
        position: fixed;
        top: 0;
        left: 85vw;
        width: 15vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: -1;
    }
}

@media (max-width: 700px) {
    .message-input[b-mf2tbgxfyu] {
        padding: 0.5rem;
    }
}

.reaction-button.active[b-mf2tbgxfyu] {
    background-color: rgba(0, 120, 212, 0.2);
}

.send-btn[b-mf2tbgxfyu] {
    min-width: 44px;
    height: 44px;
    background: var(--accent-fill-rest, #3b82f6) !important;
    color: #000000 !important;
    border-radius: 8px;
    transition: all 0.2s ease;
    border: none !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.send-btn:hover[b-mf2tbgxfyu] {
    background: var(--accent-fill-hover, #2563eb) !important;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.send-btn:active[b-mf2tbgxfyu] {
    background: var(--accent-fill-active, #1d4ed8) !important;
    transform: scale(0.95);
}

.send-btn:focus[b-mf2tbgxfyu] {
    outline: 2px solid var(--accent-fill-rest, #3b82f6);
    outline-offset: 2px;
}

.send-btn:disabled[b-mf2tbgxfyu] {
    background: var(--neutral-stroke-divider, #404040) !important;
    color: var(--neutral-foreground-rest, #666) !important;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.message-item.sending[b-mf2tbgxfyu] {
    opacity: 0.7;
    background-color: var(--neutral-layer-3, #2a2f3a);
}

.message-item.failed[b-mf2tbgxfyu] {
    background-color: var(--attention-fill-rest, #dc2626);
    border: 1px solid var(--attention-fill-rest, #dc2626);
}

.error-message[b-mf2tbgxfyu] {
    color: #fff;
    font-weight: 500;
}

.retry-section[b-mf2tbgxfyu] {
    margin-top: 0.5rem;
    display: flex;
    gap: 0.5rem;
}
/* _content/ADG.Website/Pages/Players/Friends/Friends.razor.rz.scp.css */
.friend-card[b-qqgqk6vb3y] {
    margin-bottom: 15px;
    padding: 15px;
}

.friend-card-content[b-qqgqk6vb3y] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.friend-avatar[b-qqgqk6vb3y] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #4062bb;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}

.friend-avatar.online[b-qqgqk6vb3y] {
    background-color: #4CAF50;
}

.friend-avatar.offline[b-qqgqk6vb3y] {
    background-color: #9e9e9e;
}

.status-indicator[b-qqgqk6vb3y] {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    border: 2px solid white;
}

.friend-avatar.online .status-indicator[b-qqgqk6vb3y] {
    background-color: #4CAF50;
}

.friend-avatar.offline .status-indicator[b-qqgqk6vb3y] {
    background-color: #9e9e9e;
}

.friend-info[b-qqgqk6vb3y] {
    flex-grow: 1;
}

.friend-name[b-qqgqk6vb3y] {
    margin: 0;
    font-size: 18px;
}

.friend-status[b-qqgqk6vb3y] {
    margin-top: 5px;
    font-size: 14px;
}

.online-status[b-qqgqk6vb3y] {
    color: #4CAF50;
}

.offline-status[b-qqgqk6vb3y] {
    color: #9e9e9e;
}

.friend-since[b-qqgqk6vb3y] {
    margin-top: 5px;
    font-size: 12px;
    color: #757575;
}

.friend-actions[b-qqgqk6vb3y] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.friends-list[b-qqgqk6vb3y] {
    margin-top: 20px;
}

.friends-empty[b-qqgqk6vb3y] {
    margin-top: 20px;
    padding: 20px;
    text-align: center;
    color: #757575;
}

.friend-request-card[b-qqgqk6vb3y] {
    margin-bottom: 15px;
    padding: 15px;
    background-color: #f9f9f9;
}

.friend-request-content[b-qqgqk6vb3y] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.friend-request-info[b-qqgqk6vb3y] {
    flex-grow: 1;
}

.friend-request-message[b-qqgqk6vb3y] {
    margin-top: 5px;
    font-style: italic;
}

.friend-request-date[b-qqgqk6vb3y] {
    margin-top: 5px;
    font-size: 12px;
    color: #757575;
}

.friend-request-actions[b-qqgqk6vb3y] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Search and Filter Controls */
.friends-controls[b-qqgqk6vb3y] {
    margin: 20px 0;
    padding: 15px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-divider);
}

.search-bar[b-qqgqk6vb3y] {
    margin-bottom: 15px;
}



.filter-controls[b-qqgqk6vb3y] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 768px) {
    .filter-controls[b-qqgqk6vb3y] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-controls fluent-select[b-qqgqk6vb3y] {
        width: 100%;
    }
}
/* _content/ADG.Website/Pages/Players/ItemDetails.razor.rz.scp.css */
.item-details-container[b-8toefaebxh] {
    min-height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    position: relative;
    margin: 20px 0;
}

.item-details-content[b-8toefaebxh] {
    background: rgba(0, 0, 0, 0.7);
    padding: 40px;
    border-radius: 8px;
    color: white;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.item-details-header[b-8toefaebxh] {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.item-icon-container[b-8toefaebxh] {
    flex-shrink: 0;
}

.item-icon[b-8toefaebxh] {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.item-info[b-8toefaebxh] {
    flex: 1;
}

.item-name[b-8toefaebxh] {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.item-effect[b-8toefaebxh] {
    font-size: 1.2rem;
}

.item-effect-label[b-8toefaebxh] {
    font-weight: bold;
    margin-right: 10px;
}

.item-effect-text[b-8toefaebxh] {
    font-size: 1.1rem;
}

.damage-text[b-8toefaebxh] {
    color: #e74c3c;
    font-weight: bold;
}

.item-actions[b-8toefaebxh] {
    margin-top: 30px;
}

.back-button[b-8toefaebxh] {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
}

.back-button:hover[b-8toefaebxh] {
    background-color: rgba(255, 255, 255, 0.2);
}

.item-details-notfound[b-8toefaebxh] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 40px;
}

.item-details-notfound-inner[b-8toefaebxh] {
    text-align: center;
    max-width: 500px;
}

.item-details-notfound-icon[b-8toefaebxh] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.item-details-notfound-title[b-8toefaebxh] {
    font-size: 2rem;
    margin-bottom: 20px;
    color: var(--error-color, #e74c3c);
}

.item-details-notfound-list[b-8toefaebxh] {
    text-align: left;
    margin: 20px 0;
    padding-left: 20px;
}

.item-details-notfound-list li[b-8toefaebxh] {
    margin-bottom: 10px;
}

.item-details-notfound-btn[b-8toefaebxh] {
    margin-top: 20px;
}
/* _content/ADG.Website/Pages/Players/Notifications.razor.rz.scp.css */
/* Updated single-column notifications layout */
.notifications-container[b-pjlcap97x7] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
}

.notifications-header[b-pjlcap97x7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 1rem 0;
    border-bottom: 1px solid var(--neutral-stroke-divider, #404040);
    margin-bottom: 1rem;
}

.notifications-header h4[b-pjlcap97x7] {
    margin: 0;
}

.header-controls[b-pjlcap97x7] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.notification-item[b-pjlcap97x7] {
    margin-bottom: 1rem;
    cursor: default;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--neutral-layer-1, #1a1d23);
    color: var(--neutral-foreground-rest, #fff);
    border-radius: 8px;
    border: 2px solid transparent;
    position: relative;
}

.notification-item:hover[b-pjlcap97x7] {
    background-color: var(--neutral-layer-2, #242831);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border-color: var(--neutral-stroke-divider, #404040);
}

.notification-item.unread[b-pjlcap97x7] {
    border-left: 4px solid var(--attention-fill-rest, #dc2626);
    background-color: var(--neutral-layer-2, #242831);
}

.notification-item.read[b-pjlcap97x7] {
    opacity: 0.8;
}

.notification-content-full[b-pjlcap97x7] {
    padding: 1rem;
}

.notification-header[b-pjlcap97x7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.notification-title-section[b-pjlcap97x7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
}

.notification-title[b-pjlcap97x7] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--accent-fill-rest, #3b82f6);
}

.notification-status[b-pjlcap97x7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.notification-time[b-pjlcap97x7] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-rest, #999);
}

.notification-icon[b-pjlcap97x7] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
}

.notification-image[b-pjlcap97x7] {
    width: 100%;
    max-width: 400px;
    height: auto;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.notification-message[b-pjlcap97x7] {
    margin-bottom: 1rem;
}

.notification-message p[b-pjlcap97x7] {
    line-height: 1.6;
    margin: 0;
    word-wrap: break-word;
}

.notification-actions[b-pjlcap97x7] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--neutral-stroke-divider, #404040);
}

.no-notifications[b-pjlcap97x7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
    opacity: 0.7;
    color: var(--neutral-foreground-rest, #fff);
}

.no-notifications h4[b-pjlcap97x7] {
    margin: 1rem 0 0.5rem 0;
}

.no-notifications p[b-pjlcap97x7] {
    margin: 0;
}

.error-state[b-pjlcap97x7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
    text-align: center;
    opacity: 0.7;
    color: var(--neutral-foreground-rest, #fff);
    background: var(--neutral-layer-1, #1a1d23);
}

.error-state p[b-pjlcap97x7] {
    margin: 0;
}

.auth-warning[b-pjlcap97x7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    background-color: var(--attention-fill-rest, #b91c1c);
    color: var(--attention-foreground-rest, #fff);
    border-radius: 4px;
    margin: 1rem 0;
}

/* Enhanced dark theme with better contrast and darker colors */
:root[b-pjlcap97x7], [data-theme="dark"][b-pjlcap97x7] {
    --neutral-layer-1: #1a1d23;
    --neutral-layer-2: #242831;
    --neutral-layer-3: #2a2f3a;
    --neutral-stroke-divider: #404040;
    --neutral-foreground-rest: #ffffff;
    --accent-fill-rest: #3b82f6;
    --accent-foreground-rest: #ffffff;
    --attention-fill-rest: #dc2626;
    --attention-foreground-rest: #ffffff;
}

/* Mobile responsiveness for single-column layout */
@media (max-width: 700px) {
    .notifications-container[b-pjlcap97x7] {
        padding: 0.5rem;
        margin: 0;
    }

    .notifications-header[b-pjlcap97x7] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .header-controls[b-pjlcap97x7] {
        justify-content: space-between;
    }

    .notification-item[b-pjlcap97x7] {
        margin-bottom: 0.75rem;
    }

    .notification-header[b-pjlcap97x7] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: stretch;
    }

    .notification-title-section[b-pjlcap97x7] {
        margin-bottom: 0.5rem;
    }

    .notification-status[b-pjlcap97x7] {
        justify-content: space-between;
    }

    .notification-actions[b-pjlcap97x7] {
        flex-wrap: wrap;
        gap: 0.25rem;
    }
}
/* _content/ADG.Website/Pages/Players/PlayerAchievementDetails.razor.rz.scp.css */
/* Achievement Details Page Styles */

.achievement-details-notfound[b-zgvnqcmdpb] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 2rem;
}

.achievement-details-notfound-inner[b-zgvnqcmdpb] {
    text-align: center;
    max-width: 500px;
}

.achievement-details-notfound-icon[b-zgvnqcmdpb] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.achievement-details-notfound-title[b-zgvnqcmdpb] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 1rem;
}

.achievement-details-notfound-list[b-zgvnqcmdpb] {
    text-align: left;
    margin: 1.5rem 0;
    padding-left: 1rem;
}

.achievement-details-notfound-list li[b-zgvnqcmdpb] {
    margin-bottom: 0.5rem;
    color: var(--neutral-foreground-hint);
}

.achievement-details-notfound-btn[b-zgvnqcmdpb] {
    margin-top: 1rem;
}

/* Achievement Details Header */
.achievement-details-header[b-zgvnqcmdpb] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-left: 6px solid var(--neutral-stroke-rest);
}

.achievement-details-header.rarity-common[b-zgvnqcmdpb] {
    border-left-color: #888888;
}

.achievement-details-header.rarity-uncommon[b-zgvnqcmdpb] {
    border-left-color: #1eff00;
}

.achievement-details-header.rarity-rare[b-zgvnqcmdpb] {
    border-left-color: #0070f3;
}

.achievement-details-header.rarity-epic[b-zgvnqcmdpb] {
    border-left-color: #a335ee;
}

.achievement-details-header.rarity-legendary[b-zgvnqcmdpb] {
    border-left-color: #ff8000;
    box-shadow: 0 0 20px rgba(255, 128, 0, 0.1);
}

.achievement-details-header-inner[b-zgvnqcmdpb] {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.achievement-large-icon[b-zgvnqcmdpb] {
    position: relative;
    flex-shrink: 0;
}

.achievement-large-icon-inner[b-zgvnqcmdpb] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--neutral-layer-2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.achievement-large-icon-inner.completed[b-zgvnqcmdpb] {
    background: linear-gradient(45deg, #FFD700, #FFA500);
}

.achievement-completed-badge[b-zgvnqcmdpb] {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #FFD700;
    color: #000;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: bold;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.achievement-details-info[b-zgvnqcmdpb] {
    flex: 1;
    min-width: 0;
}

.achievement-name[b-zgvnqcmdpb] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 2rem;
    font-weight: 700;
}

.achievement-description[b-zgvnqcmdpb] {
    margin: 0 0 1rem 0;
    color: var(--neutral-foreground-hint);
    font-size: 1.1rem;
    line-height: 1.4;
}

.achievement-meta[b-zgvnqcmdpb] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.achievement-rarity[b-zgvnqcmdpb] {
    padding: 0.25rem 0.75rem;
    border-radius: 16px;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.achievement-rarity.rarity-common[b-zgvnqcmdpb] {
    background: rgba(136, 136, 136, 0.2);
    color: #888888;
}

.achievement-rarity.rarity-uncommon[b-zgvnqcmdpb] {
    background: rgba(30, 255, 0, 0.2);
    color: #1eff00;
}

.achievement-rarity.rarity-rare[b-zgvnqcmdpb] {
    background: rgba(0, 112, 243, 0.2);
    color: #0070f3;
}

.achievement-rarity.rarity-epic[b-zgvnqcmdpb] {
    background: rgba(163, 53, 238, 0.2);
    color: #a335ee;
}

.achievement-rarity.rarity-legendary[b-zgvnqcmdpb] {
    background: rgba(255, 128, 0, 0.2);
    color: #ff8000;
}

.achievement-completion[b-zgvnqcmdpb] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--accent-foreground-rest);
}

/* Progress Section */
.achievement-progress-section[b-zgvnqcmdpb] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.achievement-progress-section h2[b-zgvnqcmdpb] {
    margin: 0 0 1.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 1.5rem;
    font-weight: 600;
}

.achievement-steps-detailed[b-zgvnqcmdpb] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.achievement-step-detailed[b-zgvnqcmdpb] {
    background: var(--neutral-layer-2);
    border-radius: 8px;
    padding: 1.5rem;
    border: 1px solid var(--neutral-stroke-rest);
    transition: all 0.2s ease;
}

.achievement-step-detailed.completed[b-zgvnqcmdpb] {
    border-color: var(--accent-stroke-control-default);
    background: rgba(var(--accent-fill-rest-rgb), 0.05);
}

.achievement-step-header[b-zgvnqcmdpb] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.achievement-step-icon[b-zgvnqcmdpb] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--neutral-layer-3);
}

.achievement-step-detailed.completed .achievement-step-icon[b-zgvnqcmdpb] {
    background: var(--accent-fill-rest);
    color: white;
}

.achievement-step-info[b-zgvnqcmdpb] {
    flex: 1;
    min-width: 0;
}

.achievement-step-name[b-zgvnqcmdpb] {
    margin: 0 0 0.25rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 1.1rem;
    font-weight: 600;
}

.achievement-step-description[b-zgvnqcmdpb] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

.achievement-step-status[b-zgvnqcmdpb] {
    text-align: right;
    flex-shrink: 0;
}

.achievement-step-count[b-zgvnqcmdpb] {
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.achievement-step-percentage[b-zgvnqcmdpb] {
    display: block;
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
}

.achievement-step-progress-bar[b-zgvnqcmdpb] {
    background: var(--neutral-stroke-divider);
    border-radius: 8px;
    height: 8px;
    overflow: hidden;
}

.achievement-step-progress-fill[b-zgvnqcmdpb] {
    background: var(--accent-fill-rest);
    height: 100%;
    border-radius: 8px;
    transition: width 0.3s ease;
}

.achievement-step-detailed.completed .achievement-step-progress-fill[b-zgvnqcmdpb] {
    background: var(--accent-fill-rest);
}

/* Rewards Section */
.achievement-rewards-section[b-zgvnqcmdpb] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.achievement-rewards-section h2[b-zgvnqcmdpb] {
    margin: 0 0 1.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 1.5rem;
    font-weight: 600;
}

.achievement-rewards-grid[b-zgvnqcmdpb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.achievement-reward-card[b-zgvnqcmdpb] {
    background: var(--neutral-layer-2);
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-rest);
    display: flex;
    gap: 1rem;
    align-items: center;
}

.achievement-reward-icon[b-zgvnqcmdpb] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--accent-fill-rest);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.achievement-reward-info[b-zgvnqcmdpb] {
    flex: 1;
    min-width: 0;
}

.achievement-reward-name[b-zgvnqcmdpb] {
    display: block;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    font-size: 1rem;
}

.achievement-reward-type[b-zgvnqcmdpb] {
    display: block;
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Stats Section */
.achievement-stats-section[b-zgvnqcmdpb] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    padding: 2rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.achievement-stats-section h2[b-zgvnqcmdpb] {
    margin: 0 0 1.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 1.5rem;
    font-weight: 600;
}

.achievement-stats-grid[b-zgvnqcmdpb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.achievement-stat[b-zgvnqcmdpb] {
    background: var(--neutral-layer-2);
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-rest);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.achievement-stat-label[b-zgvnqcmdpb] {
    font-weight: 500;
    color: var(--neutral-foreground-hint);
}

.achievement-stat-value[b-zgvnqcmdpb] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

/* Responsive Design */
@media (max-width: 768px) {
    .achievement-details-header-inner[b-zgvnqcmdpb] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .achievement-meta[b-zgvnqcmdpb] {
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .achievement-step-header[b-zgvnqcmdpb] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .achievement-step-status[b-zgvnqcmdpb] {
        text-align: left;
    }
    
    .achievement-rewards-grid[b-zgvnqcmdpb] {
        grid-template-columns: 1fr;
    }
    
    .achievement-stats-grid[b-zgvnqcmdpb] {
        grid-template-columns: 1fr;
    }
    
    .achievement-stat[b-zgvnqcmdpb] {
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }
}
/* _content/ADG.Website/Pages/Players/PlayerAchievements.razor.rz.scp.css */
/* Player Achievements Page Styles */

.player-achievements-notfound[b-m1via55kh9] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 2rem;
}

.player-achievements-notfound-inner[b-m1via55kh9] {
    text-align: center;
    max-width: 500px;
}

.player-achievements-notfound-icon[b-m1via55kh9] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.player-achievements-notfound-title[b-m1via55kh9] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 1rem;
}

.player-achievements-notfound-list[b-m1via55kh9] {
    text-align: left;
    margin: 1.5rem 0;
    padding-left: 1rem;
}

.player-achievements-notfound-list li[b-m1via55kh9] {
    margin-bottom: 0.5rem;
    color: var(--neutral-foreground-hint);
}

.player-achievements-notfound-btn[b-m1via55kh9] {
    margin-top: 1rem;
}

/* Header */
.player-achievements-header[b-m1via55kh9] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.player-achievements-header-inner h1[b-m1via55kh9] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
}

.player-achievements-description[b-m1via55kh9] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    max-width: 600px;
}

/* Controls */
.player-achievements-controls[b-m1via55kh9] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.achievements-filters-group[b-m1via55kh9] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.achievements-sort-select[b-m1via55kh9] {
    min-width: 200px;
}

.achievements-filter-checkbox[b-m1via55kh9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

/* Achievement Grid */
.player-achievements-grid[b-m1via55kh9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Achievement Card */
.achievement-card[b-m1via55kh9] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    padding: 1.5rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-left: 4px solid var(--neutral-stroke-rest);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    gap: 1rem;
}

.achievement-card:hover[b-m1via55kh9] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: var(--accent-stroke-control-default);
}

/* Rarity colors */
.achievement-card.rarity-common[b-m1via55kh9] {
    border-left-color: #888888;
}

.achievement-card.rarity-uncommon[b-m1via55kh9] {
    border-left-color: #1eff00;
}

.achievement-card.rarity-rare[b-m1via55kh9] {
    border-left-color: #0070f3;
}

.achievement-card.rarity-epic[b-m1via55kh9] {
    border-left-color: #a335ee;
}

.achievement-card.rarity-legendary[b-m1via55kh9] {
    border-left-color: #ff8000;
    box-shadow: 0 0 10px rgba(255, 128, 0, 0.1);
}

/* Achievement Icon */
.achievement-icon[b-m1via55kh9] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: var(--neutral-layer-2);
    border-radius: 50%;
    flex-shrink: 0;
}

.achievement-completed-badge[b-m1via55kh9] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--accent-fill-rest);
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: bold;
}

/* Achievement Info */
.achievement-info[b-m1via55kh9] {
    flex: 1;
    min-width: 0;
}

.achievement-header[b-m1via55kh9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.achievement-name[b-m1via55kh9] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    font-size: 1.1rem;
}

.achievement-percentage[b-m1via55kh9] {
    font-weight: 600;
    color: var(--accent-foreground-rest);
    font-size: 1rem;
}

.achievement-description[b-m1via55kh9] {
    color: var(--neutral-foreground-hint);
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

/* Progress Steps */
.achievement-steps[b-m1via55kh9] {
    margin: 1rem 0;
}

.achievement-step[b-m1via55kh9] {
    margin-bottom: 0.75rem;
}

.achievement-step:last-child[b-m1via55kh9] {
    margin-bottom: 0;
}

.achievement-step-header[b-m1via55kh9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
}

.achievement-step-name[b-m1via55kh9] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-rest);
    font-weight: 500;
}

.achievement-step-percentage[b-m1via55kh9] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

.achievement-step-progress[b-m1via55kh9] {
    background: var(--neutral-stroke-divider);
    border-radius: 4px;
    height: 6px;
    margin-bottom: 0.25rem;
    overflow: hidden;
}

.achievement-step-progress-bar[b-m1via55kh9] {
    background: var(--accent-fill-rest);
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
}

.achievement-step-count[b-m1via55kh9] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

/* Rewards */
.achievement-rewards[b-m1via55kh9] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.achievement-reward[b-m1via55kh9] {
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-rest);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
}

/* No achievements message */
.no-achievements-message[b-m1via55kh9] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--neutral-foreground-hint);
}

.no-achievements-icon[b-m1via55kh9] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.no-achievements-message h3[b-m1via55kh9] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
}

.no-achievements-message p[b-m1via55kh9] {
    margin: 0 0 1rem 0;
}

.clear-filters-btn[b-m1via55kh9] {
    margin-top: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .player-achievements-header[b-m1via55kh9] {
        padding: 1.5rem;
    }
    
    .achievements-filters-group[b-m1via55kh9] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .achievements-sort-select[b-m1via55kh9] {
        min-width: auto;
        width: 100%;
    }
    
    .achievement-card[b-m1via55kh9] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
    }
    
    .achievement-icon[b-m1via55kh9] {
        align-self: center;
    }
    
    .achievement-header[b-m1via55kh9] {
        flex-direction: column;
        gap: 0.25rem;
        text-align: center;
    }
}
/* _content/ADG.Website/Pages/Players/PlayerCharacters.razor.rz.scp.css */
.player-characters-header[b-wuismkczk1] {
    margin-bottom: 2rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.player-characters-header-content h1[b-wuismkczk1] {
    margin: 0 0 0.5rem 0;
    font-size: 2rem;
    font-weight: 600;
}

.player-characters-subtitle[b-wuismkczk1] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

.player-characters-controls[b-wuismkczk1] {
    margin-bottom: 2rem;
}

.search-filter-row[b-wuismkczk1] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: end;
}

.character-search-input[b-wuismkczk1] {
    flex: 1;
    min-width: 250px;
}

.character-class-filter[b-wuismkczk1],
.character-level-filter[b-wuismkczk1] {
    min-width: 150px;
}

.player-characters-grid[b-wuismkczk1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.player-character-card[b-wuismkczk1] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.player-character-card:hover[b-wuismkczk1] {
    background: var(--neutral-layer-3);
    border-color: var(--neutral-stroke-control-default);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.player-character-portrait[b-wuismkczk1] {
    color: var(--accent-foreground-rest);
    flex-shrink: 0;
}

.player-character-info[b-wuismkczk1] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.player-character-name[b-wuismkczk1] {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--neutral-foreground-rest);
}

.player-character-class[b-wuismkczk1] {
    font-weight: 500;
    color: var(--accent-foreground-rest);
}

.player-character-level[b-wuismkczk1] {
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
}

.player-character-role[b-wuismkczk1] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.no-characters-found[b-wuismkczk1] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 3rem 1rem;
    color: var(--neutral-foreground-hint);
}

.no-characters-found fluent-icon[b-wuismkczk1] {
    margin-bottom: 1rem;
    opacity: 0.5;
}

.no-characters-found h3[b-wuismkczk1] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
}

.no-characters-found p[b-wuismkczk1] {
    margin: 0 0 1rem 0;
}

@media (max-width: 768px) {
    .search-filter-row[b-wuismkczk1] {
        flex-direction: column;
    }

    .character-search-input[b-wuismkczk1],
    .character-class-filter[b-wuismkczk1],
    .character-level-filter[b-wuismkczk1] {
        width: 100%;
        min-width: unset;
    }

    .player-characters-grid[b-wuismkczk1] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .player-character-card[b-wuismkczk1] {
        padding: 1rem;
    }
}
/* _content/ADG.Website/Pages/Players/PlayerDetails.razor.rz.scp.css */

.player-details-container[b-sxre5evu0e] {
    margin: 0 auto;
    padding: 20px;
    background: #181a1b;
    color: #e0e0e0;
}

.player-details-header[b-sxre5evu0e] {
    display: flex;
    background: #23272a;
    border-radius: 12px;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0;
    background: none;
    box-shadow: none;
    margin-bottom: 20px;
}

.player-details-header-inner[b-sxre5evu0e] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 30px;
    background: #23272a;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    flex-wrap: wrap;
}

.player-details-avatar[b-sxre5evu0e] {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #0078d4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    position: relative;
}

.avatar-edit-btn[b-sxre5evu0e] {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    background: #0078d4 !important;
    border: 2px solid #23272a !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    color: #ffffff !important;
}

.player-avatar-img[b-sxre5evu0e] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.player-details-header-info[b-sxre5evu0e] {
    flex: 1;
    min-width: 200px;
}

.player-details-header-info h1[b-sxre5evu0e] {
    margin: 0 0 10px 0;
    color: #4fc3f7;
    font-size: clamp(20px, 4vw, 28px);
}

.player-details-header-info p[b-sxre5evu0e] {
    margin: 0;
    color: #b0b0b0;
    font-size: 16px;
}

.status-container[b-sxre5evu0e] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.status-container p[b-sxre5evu0e] {
    margin: 0;
    flex: 1;
}

.status-container fluent-button[b-sxre5evu0e] {
    opacity: 0.7;
    transition: opacity 0.2s;
    min-width: 20px !important;
    min-height: 20px !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
}

.status-container fluent-button:hover[b-sxre5evu0e] {
    opacity: 1;
}


.player-details-info[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-details-info-flat[b-sxre5evu0e] {
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none;
}

.player-details-info h3[b-sxre5evu0e] {
    margin: 0 0 20px 0;
    color: #e0e0e0;
    font-size: 20px;
}

.player-details-info-grid[b-sxre5evu0e] {
    display: grid;
    gap: 18px;
}

.player-details-info-row[b-sxre5evu0e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}

.player-details-info-row:last-child[b-sxre5evu0e] {
    border-bottom: none;
}

.player-details-info-label[b-sxre5evu0e] {
    font-weight: 600;
    color: #b0b0b0;
}

.player-details-info-value[b-sxre5evu0e] {
    font-family: monospace;
    color: #90caf9;
}

.player-details-info-hint[b-sxre5evu0e] {
    color: #888;
}

.player-details-actions[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-details-actions-flat[b-sxre5evu0e] {
    border-radius: 0 0 12px 12px;
    margin-top: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-details-actions h3[b-sxre5evu0e] {
    margin: 0 0 20px 0;
    color: #e0e0e0;
    font-size: 20px;
}

.player-details-actions-grid[b-sxre5evu0e] {
    display: flex;
    gap: 24px;
    flex-direction: row;
    justify-content: stretch;
    align-items: stretch;
}

.player-details-actions-grid .fluent-button[b-sxre5evu0e] {
    min-height: 64px;
    padding: 24px 0;
    font-size: 18px;
    border-radius: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    transition: background 0.2s, box-shadow 0.2s;
}

.player-details-actions-grid .fluent-button:hover[b-sxre5evu0e] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}

.player-details-loading[b-sxre5evu0e], .player-details-notfound[b-sxre5evu0e] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: #181a1b;
    color: #e0e0e0;
}

.player-details-loading-inner[b-sxre5evu0e] {
    text-align: center;
    padding: 60px 20px;
}

.player-details-notfound-inner[b-sxre5evu0e] {
    text-align: center;
    padding: 60px 20px;
    background: #23272a;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-details-notfound-icon[b-sxre5evu0e] {
    font-size: 64px;
    margin-bottom: 20px;
}

.player-details-notfound-title[b-sxre5evu0e] {
    margin: 0 0 20px 0;
    color: #e0e0e0;
    font-size: 24px;
}

.player-details-notfound-list[b-sxre5evu0e] {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    color: #b0b0b0;
    line-height: 1.6;
}

.player-details-notfound-btn[b-sxre5evu0e] {
    padding: 12px 24px;
    font-size: 16px;
    background: #0078d4;
    color: #fff;
    border: none;
    border-radius: 6px;
    transition: background 0.2s;
}

.player-details-notfound-btn:hover[b-sxre5evu0e] {
    background: #005fa3;
}

/* Items Section */
.player-items-section[b-sxre5evu0e] {
    background: #1a1d20;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-items-header[b-sxre5evu0e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 15px;
}

.player-items-section h2[b-sxre5evu0e] {
    margin: 0;
    color: #e0e0e0;
    font-size: 24px;
}

.clickable-title[b-sxre5evu0e] {
    cursor: pointer;
    transition: color 0.2s ease;
}

.clickable-title:hover[b-sxre5evu0e] {
    color: #0078d4;
}

.see-all-items-btn[b-sxre5evu0e] {
    flex-shrink: 0;
}

.see-more-items-card[b-sxre5evu0e] {
    background: #2a2f33;
    border: 2px dashed #4a5057;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.see-more-items-card:hover[b-sxre5evu0e] {
    border-color: #0078d4;
    background: #2d3238;
    transform: translateY(-2px);
}

.see-more-content[b-sxre5evu0e] {
    text-align: center;
    color: #a0a0a0;
}

.see-more-icon[b-sxre5evu0e] {
    font-size: 24px;
    display: block;
    margin-bottom: 8px;
}

.see-more-text[b-sxre5evu0e] {
    font-size: 14px;
    font-weight: 500;
}

.player-items-controls[b-sxre5evu0e] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.player-items-grid[b-sxre5evu0e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 20px;
}

.player-item-card[b-sxre5evu0e] {
    background: #2a2f33;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.player-item-card:hover[b-sxre5evu0e] {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.player-item-image[b-sxre5evu0e] {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: #333;
}

.player-item-info[b-sxre5evu0e] {
    padding: 12px;
}

.player-item-name[b-sxre5evu0e] {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 15px;
    color: #e0e0e0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.player-item-type[b-sxre5evu0e] {
    display: block;
    font-size: 12px;
    color: #a0a0a0;
    font-style: italic;
    margin-bottom: 4px;
}

.player-item-rarity[b-sxre5evu0e] {
    display: block;
    font-size: 13px;
    color: #90caf9;
    margin-bottom: 4px;
}

.player-item-quantity[b-sxre5evu0e] {
    display: block;
    font-size: 12px;
    color: #888;
}

/* Characters Section */
.player-characters-section[b-sxre5evu0e] {
    background: #1a1d20;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-characters-section h2[b-sxre5evu0e] {
    margin: 0 0 20px 0;
    color: #e0e0e0;
    font-size: 24px;
}

.clickable-title[b-sxre5evu0e] {
    cursor: pointer;
    transition: color 0.2s ease;
}

.clickable-title:hover[b-sxre5evu0e] {
    color: #4fc3f7;
}

.see-all-characters-btn[b-sxre5evu0e] {
    grid-column: 1 / -1;
    margin-top: 10px;
}

.player-characters-grid[b-sxre5evu0e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
}

.player-character-card[b-sxre5evu0e] {
    background: #2a2f33;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
}

.player-character-card:hover[b-sxre5evu0e] {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}

.player-character-portrait[b-sxre5evu0e] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #0078d4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    flex-shrink: 0;
}

.player-character-info[b-sxre5evu0e] {
    flex: 1;
}

.player-character-name[b-sxre5evu0e] {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
    color: #e0e0e0;
}

.player-character-role[b-sxre5evu0e] {
    display: block;
    font-size: 14px;
    color: #888;
}

/* Friends Section */
.player-friends-section[b-sxre5evu0e] {
    background: #1a1d20;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.player-friends-section h2[b-sxre5evu0e] {
    margin: 0 0 20px 0;
    color: #e0e0e0;
    font-size: 24px;
}

.player-friends-grid[b-sxre5evu0e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 20px;
    align-items: start;
}

.player-friend-thumbnail[b-sxre5evu0e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s;
}

.player-friend-thumbnail:hover[b-sxre5evu0e] {
    transform: translateY(-5px);
}

.player-friend-img[b-sxre5evu0e] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.player-friend-avatar[b-sxre5evu0e] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #0078d4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    margin-bottom: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.player-friend-name[b-sxre5evu0e] {
    font-size: 14px;
    color: #e0e0e0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.see-all-friends-btn[b-sxre5evu0e] {
    grid-column: 1 / -1;
    margin-top: 10px;
}

/* Admin Panel Styles */
.player-admin-section[b-sxre5evu0e] {
    background: #2c2f33;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
    border: 2px solid #e74c3c;
}

.player-admin-section h2[b-sxre5evu0e] {
    color: #e74c3c;
    margin-bottom: 15px;
    font-size: 1.5em;
}

.admin-status-notice[b-sxre5evu0e] {
    margin-bottom: 20px;
}

.admin-panel-content[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 8px;
    padding: 20px;
}

.ban-form h3[b-sxre5evu0e] {
    color: #ffffff;
    margin-bottom: 15px;
    font-size: 1.2em;
}

.form-group[b-sxre5evu0e] {
    margin-bottom: 15px;
}

.form-row[b-sxre5evu0e] {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.form-group label[b-sxre5evu0e] {
    color: #e0e0e0;
    margin-bottom: 5px;
    display: block;
}

/* Ensure form elements have proper styling in dark theme */
.player-admin-section fluent-text-field[b-sxre5evu0e],
.player-admin-section fluent-number-field[b-sxre5evu0e] {
    background: #1e2124;
    border: 1px solid #484c52;
    color: #e0e0e0;
}

.player-admin-section fluent-text-field[b-sxre5evu0e]::part(control),
.player-admin-section fluent-number-field[b-sxre5evu0e]::part(control) {
    background: #1e2124;
    border: 1px solid #484c52;
    color: #e0e0e0;
}

/* Posts Section Styles */
.player-posts-section[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.player-posts-header[b-sxre5evu0e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.player-posts-header h2[b-sxre5evu0e] {
    margin: 0;
    color: #e0e0e0;
    font-size: 1.5rem;
    cursor: pointer;
    transition: color 0.2s ease;
}

.player-posts-header h2:hover[b-sxre5evu0e] {
    color: #0078d4;
}

.see-all-posts-btn[b-sxre5evu0e] {
    background: #0078d4;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.see-all-posts-btn:hover[b-sxre5evu0e] {
    background: #106ebe;
}

.player-latest-post[b-sxre5evu0e] {
    display: flex;
    flex-direction: column;
}

.latest-post-card[b-sxre5evu0e] {
    display: flex;
    gap: 15px;
    background: #1e2124;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    border: 1px solid #484c52;
}

.latest-post-card:hover[b-sxre5evu0e] {
    background: #2c2f33;
    transform: translateY(-1px);
}

.latest-post-image[b-sxre5evu0e] {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
}

.latest-post-info[b-sxre5evu0e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.latest-post-title[b-sxre5evu0e] {
    margin: 0;
    color: #e0e0e0;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.3;
}

.latest-post-timestamp[b-sxre5evu0e] {
    margin: 0;
    color: #b0b3b8;
    font-size: 0.9rem;
}

.clickable-title[b-sxre5evu0e] {
    cursor: pointer;
    transition: color 0.2s ease;
}

.clickable-title:hover[b-sxre5evu0e] {
    color: #0078d4;
}

/* Player Achievements Section */
.player-achievements-section[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.player-achievements-header[b-sxre5evu0e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.player-achievements-header h2[b-sxre5evu0e] {
    margin: 0;
    color: #e0e0e0;
    font-size: 1.4rem;
    font-weight: 600;
}

.see-all-achievements-btn[b-sxre5evu0e] {
    background: #404040;
    color: #e0e0e0;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.see-all-achievements-btn:hover[b-sxre5evu0e] {
    background: #4a4a4a;
}

.player-achievements-grid[b-sxre5evu0e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
}

.player-achievement-card[b-sxre5evu0e] {
    background: #2a2d30;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid transparent;
    position: relative;
}

.player-achievement-card:hover[b-sxre5evu0e] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* Achievement rarity borders */
.player-achievement-card.rarity-common[b-sxre5evu0e] {
    border-color: #888888;
}

.player-achievement-card.rarity-uncommon[b-sxre5evu0e] {
    border-color: #1eff00;
}

.player-achievement-card.rarity-rare[b-sxre5evu0e] {
    border-color: #0070f3;
}

.player-achievement-card.rarity-epic[b-sxre5evu0e] {
    border-color: #a335ee;
}

.player-achievement-card.rarity-legendary[b-sxre5evu0e] {
    border-color: #ff8000;
    box-shadow: 0 0 10px rgba(255, 128, 0, 0.2);
}

.player-achievement-icon[b-sxre5evu0e] {
    position: relative;
    width: 48px;
    height: 48px;
    margin: 0 auto 10px;
}

.achievement-progress-ring[b-sxre5evu0e] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #404040;
    position: relative;
}

.achievement-completed-overlay[b-sxre5evu0e] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #FFD700;
    color: #000;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: bold;
}


/* Pets Section Styles */
.player-pets-section[b-sxre5evu0e] {
    background: #23272a;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.player-pets-section h2[b-sxre5evu0e] {
    margin: 0 0 20px 0;
    color: #e0e0e0;
    font-size: 24px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.player-pets-section h2:hover[b-sxre5evu0e] {
    color: #0078d4;
}

.player-pets-grid[b-sxre5evu0e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 20px;
    align-items: start;
}

.player-pet-card[b-sxre5evu0e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    background: #2c2f33;
    padding: 15px;
    border-radius: 8px;
    border: 2px solid transparent;
}

.player-pet-card:hover[b-sxre5evu0e] {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
    border-color: #0078d4;
}

.player-pet-portrait[b-sxre5evu0e] {
    margin-bottom: 10px;
}

.player-pet-img[b-sxre5evu0e] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    border: 2px solid #0078d4;
}

.player-pet-info[b-sxre5evu0e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.player-achievement-info[b-sxre5evu0e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.player-achievement-name[b-sxre5evu0e] {
    color: #e0e0e0;
    font-size: 0.9rem;
    font-weight: 500;
}

.player-achievement-progress[b-sxre5evu0e] {
    color: #b0b3b8;
    font-size: 0.8rem;
}

.no-achievements-placeholder[b-sxre5evu0e] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px 20px;
    color: #b0b3b8;
}

.no-achievements-icon[b-sxre5evu0e] {
    font-size: 3rem;
    margin-bottom: 10px;
}

.no-achievements-placeholder span[b-sxre5evu0e] {
    font-size: 1.1rem;
}

.player-pet-name[b-sxre5evu0e] {
    font-size: 14px;
    color: #e0e0e0;
    font-weight: 600;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.player-pet-species[b-sxre5evu0e] {
    font-size: 12px;
    color: #b0b0b0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.see-all-pets-btn[b-sxre5evu0e] {
    grid-column: 1 / -1;
    margin-top: 10px;
    background: #0078d4;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.see-all-pets-btn:hover[b-sxre5evu0e] {
    background: #106ebe;
}

/* Section Icons */
.section-icon[b-sxre5evu0e] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
}
/* _content/ADG.Website/Pages/Players/PlayerItems.razor.rz.scp.css */
/* Player Items Page Styles */

.player-items-notfound[b-rq0qfk8eoc] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 2rem;
}

.player-items-notfound-inner[b-rq0qfk8eoc] {
    text-align: center;
    max-width: 500px;
}

.player-items-notfound-icon[b-rq0qfk8eoc] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    opacity: 0.7;
}

.player-items-notfound-title[b-rq0qfk8eoc] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.player-items-notfound-list[b-rq0qfk8eoc] {
    text-align: left;
    margin: 1.5rem 0;
    padding-left: 1.5rem;
    color: var(--neutral-foreground-hint);
}

.player-items-notfound-list li[b-rq0qfk8eoc] {
    margin-bottom: 0.5rem;
}

.player-items-notfound-btn[b-rq0qfk8eoc] {
    margin-top: 1rem;
}

/* Player Items Header */
.player-items-header[b-rq0qfk8eoc] {
    margin-bottom: 2rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.player-items-header-inner h1[b-rq0qfk8eoc] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 2rem;
    font-weight: 600;
}

.player-items-description[b-rq0qfk8eoc] {
    color: var(--neutral-foreground-hint);
    margin: 0;
    font-size: 1rem;
}

/* Items Controls */
.player-items-controls[b-rq0qfk8eoc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

@media (min-width: 768px) {
    .player-items-controls[b-rq0qfk8eoc] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.items-search-group[b-rq0qfk8eoc] {
    flex: 1;
    min-width: 0;
}

.items-search-field[b-rq0qfk8eoc] {
    width: 100%;
    max-width: 400px;
}

.items-filter-group[b-rq0qfk8eoc] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.items-filter-select[b-rq0qfk8eoc] {
    min-width: 150px;
}

/* Items Count */
.player-items-count[b-rq0qfk8eoc] {
    margin-bottom: 1rem;
    padding: 0.5rem 0;
}

.items-count-text[b-rq0qfk8eoc] {
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

/* Items Grid */
.player-items-grid[b-rq0qfk8eoc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .player-items-grid[b-rq0qfk8eoc] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 1.5rem;
    }
}

/* Item Cards */
.player-item-card[b-rq0qfk8eoc] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.player-item-card:hover[b-rq0qfk8eoc] {
    border-color: var(--accent-fill-rest);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.player-item-image[b-rq0qfk8eoc] {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    margin-bottom: 0.75rem;
    object-fit: cover;
}

.player-item-info[b-rq0qfk8eoc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
}

.player-item-name[b-rq0qfk8eoc] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    font-size: 0.9rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
}

.player-item-type[b-rq0qfk8eoc] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    font-style: italic;
}

.player-item-rarity[b-rq0qfk8eoc] {
    font-size: 0.8rem;
    padding: 0.2rem 0.5rem;
    border-radius: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.player-item-rarity:contains("Common")[b-rq0qfk8eoc] {
    background: #f3f4f6;
    color: #6b7280;
}

.player-item-rarity:contains("Rare")[b-rq0qfk8eoc] {
    background: #dbeafe;
    color: #1d4ed8;
}

.player-item-rarity:contains("Epic")[b-rq0qfk8eoc] {
    background: #f3e8ff;
    color: #7c3aed;
}

.player-item-rarity:contains("Legendary")[b-rq0qfk8eoc] {
    background: #fef3c7;
    color: #d97706;
}

.player-item-quantity[b-rq0qfk8eoc] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    font-weight: 500;
}

/* No Items Message */
.no-items-message[b-rq0qfk8eoc] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 3rem 1rem;
    color: var(--neutral-foreground-hint);
}

.no-items-icon[b-rq0qfk8eoc] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.7;
}

.no-items-message h3[b-rq0qfk8eoc] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest);
    font-size: 1.25rem;
}

.no-items-message p[b-rq0qfk8eoc] {
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
}

.clear-filters-btn[b-rq0qfk8eoc] {
    margin-top: 1rem;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .player-items-header[b-rq0qfk8eoc] {
        padding: 1rem 0;
    }
    
    .player-items-header-inner h1[b-rq0qfk8eoc] {
        font-size: 1.5rem;
    }
    
    .player-items-controls[b-rq0qfk8eoc] {
        padding: 1rem;
    }
    
    .items-filter-group[b-rq0qfk8eoc] {
        flex-direction: column;
    }
    
    .items-filter-select[b-rq0qfk8eoc] {
        min-width: 100%;
    }
}
/* _content/ADG.Website/Pages/Players/PlayerPetDetails.razor.rz.scp.css */
.pet-details-container[b-jgy8a1gis6] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: #181a1b;
    color: #e0e0e0;
}

.pet-details-content[b-jgy8a1gis6] {
    background: #23272a;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.pet-details-header[b-jgy8a1gis6] {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 40px;
    background: linear-gradient(135deg, #23272a 0%, #2c3136 100%);
    border-bottom: 1px solid #3a3f46;
}

.pet-image-container[b-jgy8a1gis6] {
    flex-shrink: 0;
}

.pet-image[b-jgy8a1gis6] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.6);
    border: 3px solid #0078d4;
}

.pet-info[b-jgy8a1gis6] {
    flex: 1;
}

.pet-name[b-jgy8a1gis6] {
    color: #e0e0e0;
    margin: 0 0 20px 0;
    font-size: 2.5rem;
    font-weight: bold;
}

.pet-metadata[b-jgy8a1gis6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pet-species[b-jgy8a1gis6], .pet-type[b-jgy8a1gis6] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pet-label[b-jgy8a1gis6] {
    color: #b0b0b0;
    font-weight: 500;
    min-width: 60px;
}

.pet-value[b-jgy8a1gis6] {
    color: #e0e0e0;
    font-weight: 600;
}

.pet-badge[b-jgy8a1gis6] {
    background: #0078d4;
    color: white;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.9rem;
}

.pet-details-body[b-jgy8a1gis6] {
    padding: 30px 40px;
}

.pet-description-section[b-jgy8a1gis6],
.pet-stats-section[b-jgy8a1gis6],
.pet-abilities-section[b-jgy8a1gis6] {
    margin-bottom: 30px;
}

.pet-description-section h2[b-jgy8a1gis6],
.pet-stats-section h2[b-jgy8a1gis6],
.pet-abilities-section h2[b-jgy8a1gis6] {
    color: #e0e0e0;
    margin: 0 0 15px 0;
    font-size: 1.4rem;
    font-weight: bold;
    border-bottom: 2px solid #0078d4;
    padding-bottom: 8px;
}

.pet-description[b-jgy8a1gis6] {
    color: #d0d0d0;
    line-height: 1.6;
    font-size: 1.1rem;
    margin: 0;
}

.pet-stats-grid[b-jgy8a1gis6] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.pet-stat[b-jgy8a1gis6] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.pet-stat-label[b-jgy8a1gis6] {
    color: #b0b0b0;
    font-weight: 500;
    min-width: 80px;
}

.pet-stat-bar[b-jgy8a1gis6] {
    flex: 1;
    background: #3a3f46;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
}

.pet-stat-fill[b-jgy8a1gis6] {
    height: 100%;
    background: linear-gradient(90deg, #27ae60 0%, #2ecc71 100%);
    transition: width 0.3s ease;
}

.pet-stat-value[b-jgy8a1gis6] {
    color: #e0e0e0;
    font-weight: 600;
    min-width: 40px;
    text-align: right;
}

.pet-abilities-list[b-jgy8a1gis6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pet-ability[b-jgy8a1gis6] {
    background: #2c3136;
    padding: 15px;
    border-radius: 8px;
    border-left: 4px solid #0078d4;
}

.pet-ability-name[b-jgy8a1gis6] {
    display: block;
    color: #e0e0e0;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 1.1rem;
}

.pet-ability-description[b-jgy8a1gis6] {
    color: #b0b0b0;
    line-height: 1.4;
}

.pet-actions[b-jgy8a1gis6] {
    display: flex;
    justify-content: space-between;
    padding: 20px 40px;
    background: #2c3136;
    border-top: 1px solid #3a3f46;
    gap: 15px;
}

.back-to-pets-btn[b-jgy8a1gis6],
.back-to-player-btn[b-jgy8a1gis6] {
    padding: 12px 20px;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.back-to-pets-btn[b-jgy8a1gis6] {
    background: #6c757d;
    color: white;
}

.back-to-pets-btn:hover[b-jgy8a1gis6] {
    background: #5a6268;
}

.back-to-player-btn[b-jgy8a1gis6] {
    background: #0078d4;
    color: white;
}

.back-to-player-btn:hover[b-jgy8a1gis6] {
    background: #106ebe;
}

.pet-details-notfound[b-jgy8a1gis6] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 20px;
}

.pet-details-notfound-inner[b-jgy8a1gis6] {
    text-align: center;
    background: #23272a;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    max-width: 500px;
}

.pet-details-notfound-icon[b-jgy8a1gis6] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.pet-details-notfound-title[b-jgy8a1gis6] {
    color: #e0e0e0;
    margin: 0 0 20px 0;
    font-size: 1.8rem;
}

.pet-details-notfound-list[b-jgy8a1gis6] {
    color: #b0b0b0;
    text-align: left;
    margin: 0 0 30px 0;
    padding-left: 20px;
}

.pet-details-notfound-list li[b-jgy8a1gis6] {
    margin-bottom: 8px;
    line-height: 1.4;
}

.pet-details-notfound-btn[b-jgy8a1gis6] {
    background: #0078d4;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.pet-details-notfound-btn:hover[b-jgy8a1gis6] {
    background: #106ebe;
}

@media (max-width: 768px) {
    .pet-details-header[b-jgy8a1gis6] {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 30px 20px;
    }
    
    .pet-details-body[b-jgy8a1gis6] {
        padding: 20px;
    }
    
    .pet-actions[b-jgy8a1gis6] {
        flex-direction: column;
        padding: 20px;
    }
    
    .pet-stat[b-jgy8a1gis6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .pet-stat-bar[b-jgy8a1gis6] {
        width: 100%;
    }
}
/* _content/ADG.Website/Pages/Players/PlayerPets.razor.rz.scp.css */
.player-pets-header[b-9327qsbamm] {
    background: #23272a;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.player-pets-header-inner[b-9327qsbamm] {
    text-align: center;
}

.player-pets-header h1[b-9327qsbamm] {
    color: #e0e0e0;
    margin: 0 0 10px 0;
    font-size: 2rem;
}

.player-pets-description[b-9327qsbamm] {
    color: #b0b0b0;
    margin: 0;
    font-size: 1.1rem;
}

.player-pets-content[b-9327qsbamm] {
    padding: 0 20px;
}

.player-pets-grid[b-9327qsbamm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.player-pet-card-large[b-9327qsbamm] {
    background: #23272a;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
    border: 2px solid transparent;
}

.player-pet-card-large:hover[b-9327qsbamm] {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.6);
    border-color: #0078d4;
}

.player-pet-image-container[b-9327qsbamm] {
    text-align: center;
    margin-bottom: 15px;
}

.player-pet-image-large[b-9327qsbamm] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

.player-pet-details[b-9327qsbamm] {
    text-align: center;
}

.player-pet-name-large[b-9327qsbamm] {
    color: #e0e0e0;
    margin: 0 0 10px 0;
    font-size: 1.4rem;
    font-weight: bold;
}

.player-pet-metadata[b-9327qsbamm] {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 10px;
}

.player-pet-species-large[b-9327qsbamm] {
    background: #0078d4;
    color: white;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
}

.player-pet-type-large[b-9327qsbamm] {
    background: #27ae60;
    color: white;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
}

.player-pet-description-preview[b-9327qsbamm] {
    color: #b0b0b0;
    font-size: 0.95rem;
    line-height: 1.4;
    margin: 0;
}

.no-pets-message[b-9327qsbamm] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    background: #23272a;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.no-pets-icon[b-9327qsbamm] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.no-pets-message h3[b-9327qsbamm] {
    color: #e0e0e0;
    margin: 0 0 10px 0;
    font-size: 1.5rem;
}

.no-pets-message p[b-9327qsbamm] {
    color: #b0b0b0;
    margin: 0;
    font-size: 1.1rem;
}

.player-pets-notfound[b-9327qsbamm] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 20px;
}

.player-pets-notfound-inner[b-9327qsbamm] {
    text-align: center;
    background: #23272a;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    max-width: 500px;
}

.player-pets-notfound-icon[b-9327qsbamm] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.player-pets-notfound-title[b-9327qsbamm] {
    color: #e0e0e0;
    margin: 0 0 20px 0;
    font-size: 1.8rem;
}

.player-pets-notfound-list[b-9327qsbamm] {
    color: #b0b0b0;
    text-align: left;
    margin: 0 0 30px 0;
    padding-left: 20px;
}

.player-pets-notfound-list li[b-9327qsbamm] {
    margin-bottom: 8px;
    line-height: 1.4;
}

.player-pets-notfound-btn[b-9327qsbamm] {
    background: #0078d4;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.player-pets-notfound-btn:hover[b-9327qsbamm] {
    background: #106ebe;
}
/* _content/ADG.Website/Pages/Players/PlayerReport.razor.rz.scp.css */
.player-report-container[b-b57xftx6ek] {
    margin: 0 auto;
    padding: 20px;
    background: #181a1b;
    color: #e0e0e0;
    max-width: 800px;
}

.player-report-header[b-b57xftx6ek] {
    display: flex;
    background: #23272a;
    border-radius: 12px;
    flex-direction: column;
    align-items: stretch;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.player-report-header h1[b-b57xftx6ek] {
    margin: 0 0 10px 0;
    color: #e0e0e0;
    font-size: 28px;
    font-weight: 600;
}

.player-report-header p[b-b57xftx6ek] {
    margin: 0;
    color: #b0b0b0;
    font-size: 16px;
    line-height: 1.5;
}

.player-report-form[b-b57xftx6ek] {
    background: #23272a;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.form-group[b-b57xftx6ek] {
    margin-bottom: 20px;
}

.form-actions[b-b57xftx6ek] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #3a3f44;
    flex-wrap: wrap;
}

/* Override FluentUI component styles to match dark theme */
.player-report-form fluent-text-field[b-b57xftx6ek],
.player-report-form fluent-text-area[b-b57xftx6ek],
.player-report-form fluent-select[b-b57xftx6ek] {
    --neutral-fill-rest: #2d3748;
    --neutral-fill-hover: #4a5568;
    --neutral-stroke-rest: #4a5568;
    --neutral-foreground-rest: #e0e0e0;
    --accent-fill-rest: #0078d4;
    --accent-fill-hover: #106ebe;
}

.player-report-form fluent-button[appearance="accent"][b-b57xftx6ek] {
    --accent-fill-rest: #0078d4;
    --accent-fill-hover: #106ebe;
    --accent-fill-active: #005a9e;
    --neutral-foreground-on-accent: #ffffff;
}

.player-report-form fluent-button[appearance="neutral"][b-b57xftx6ek] {
    --neutral-fill-rest: #4a5568;
    --neutral-fill-hover: #6b7280;
    --neutral-stroke-rest: #6b7280;
    --neutral-foreground-rest: #e0e0e0;
}

.player-report-form fluent-message-bar[b-b57xftx6ek] {
    border-radius: 8px;
}

/* Validation message styling */
.validation-message[b-b57xftx6ek] {
    color: #ff6b6b;
    font-size: 14px;
    margin-top: 5px;
}

/* Loading state */
.player-report-form fluent-button[loading][b-b57xftx6ek] {
    opacity: 0.7;
}

@media (max-width: 768px) {
    .player-report-container[b-b57xftx6ek] {
        padding: 15px;
    }
    
    .player-report-header[b-b57xftx6ek],
    .player-report-form[b-b57xftx6ek] {
        padding: 20px;
    }
    
    .player-report-header h1[b-b57xftx6ek] {
        font-size: 24px;
    }
    
    .form-actions[b-b57xftx6ek] {
        flex-direction: column;
    }
    
    .form-actions fluent-button[b-b57xftx6ek] {
        width: 100%;
    }
}
/* _content/ADG.Website/Pages/Players/Players.razor.rz.scp.css */
.player-card[b-npzgo2jn6b] {
    cursor: pointer;
    padding: 0.5rem;
    pointer-events: all;

}
/* _content/ADG.Website/Pages/Players/Profile/NewName/NewUsernameDialog.razor.rz.scp.css */
.text-danger[b-zmhiyqct5x] {
    color: red;
}
/* _content/ADG.Website/Pages/Players/Settings.razor.rz.scp.css */
.settings-container[b-nty5ze2c1e] {
    max-width: 600px;
    margin: 2rem auto;
    padding: 0 1rem;
}

.settings-content[b-nty5ze2c1e] {
    background: var(--fill-color);
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.settings-section[b-nty5ze2c1e] {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.settings-section:last-child[b-nty5ze2c1e] {
    border-bottom: none;
    margin-bottom: 0;
}

.settings-section h2[b-nty5ze2c1e] {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    color: var(--neutral-foreground-rest);
}

.settings-item[b-nty5ze2c1e] {
    margin-bottom: 1rem;
}

.settings-button[b-nty5ze2c1e] {
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 0.5rem;
}

.settings-button-subtitle[b-nty5ze2c1e] {
    margin: 0.25rem 0 0 0;
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
    font-style: italic;
}

.settings-description[b-nty5ze2c1e] {
    margin: 1rem 0 0 0;
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
}

.settings-danger-section[b-nty5ze2c1e] {
    text-align: center;
    padding-top: 2rem;
    border-top: 2px solid var(--neutral-stroke-divider-rest);
}

.delete-account-button[b-nty5ze2c1e] {
    background-color: var(--error) !important;
    border-color: var(--error) !important;
    color: white !important;
    font-weight: 600;
    padding: 1rem 2rem;
    font-size: 1rem;
}

.delete-account-button:hover[b-nty5ze2c1e] {
    background-color: color-mix(in srgb, var(--error) 80%, black) !important;
    border-color: color-mix(in srgb, var(--error) 80%, black) !important;
}

@media (max-width: 768px) {
    .settings-container[b-nty5ze2c1e] {
        margin: 1rem auto;
        padding: 0 0.5rem;
    }

    .settings-content[b-nty5ze2c1e] {
        padding: 1.5rem;
    }
}
/* _content/ADG.Website/Pages/Play/Play.razor.rz.scp.css */
body[b-7ufh9hlqbm] {
  display: unset !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 100vh;
  min-height: 100vh;
}

html[b-7ufh9hlqbm] {
  display: flex !important;
}

.container2[b-7ufh9hlqbm] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Poppins", sans-serif;
  margin: 0;
  height: 100vh;
  color: white;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  background-color: transparent;
}

.logo[b-7ufh9hlqbm] {
  /* Move it up a bit */
  margin-top: -100px;
  /* Make it 205px wide */
  width: 205px;
}

.buttons[b-7ufh9hlqbm] {
  display: flex;
  flex-direction: column; /* Initially display buttons horizontally */
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; /* Allow wrapping if necessary */
}

.buttons a[b-7ufh9hlqbm] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
  padding: 20px 35px; /* Increase padding */
  font-size: 25px; /* Increase font size */
  color: white;
  text-decoration: none;
  transition: background-color 0.3s;
  width: 300px; /* Increase width */
  height: 20px;
  text-align: center;
  border: 2px solid #ffffff; /* White border */
  border-radius: 80px; /* Rounded edges */
}

.buttons a i[b-7ufh9hlqbm] {
  margin-right: 10px;
}

.button[b-7ufh9hlqbm] {
  background-color: #0d131a;
  cursor: pointer;
  transition: 0.3s ease;
}

.button:hover[b-7ufh9hlqbm] {
  background-color: #2a475e;
  transform: scale(1.05); /* Pop effect on hover */
  font-weight: 600;
  animation: glow-b-7ufh9hlqbm 2s infinite alternate; /* Adjust animation duration and timing as needed */
}

.play-now[b-7ufh9hlqbm] {
  font-size: 42px; /* Increase font size */
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 0px;
}

/* Define a keyframe animation for the glowing effect */
@keyframes glow-b-7ufh9hlqbm {
  0% {
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 30px #fff, 0 0 40px #0d131a, 0 0 70px #0d131a, 0 0 80px #0d131a, 0 0 100px #0d131a, 0 0 150px #0d131a;
  }
  100% {
    text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 30px #fff, 0 0 40px #0d131a, 0 0 70px #0d131a, 0 0 80px #0d131a, 0 0 100px #0d131a, 0 0 150px #0d131a;
  }
}
@media screen and (max-width: 400px) {
  .buttons[b-7ufh9hlqbm] {
    padding: 0 10px; /* Add padding to create spacing around buttons */
  }
  .buttons a[b-7ufh9hlqbm] {
    transform: scale(0.8); /* Scale down the buttons proportionally */
  }
}
.social-icons[b-7ufh9hlqbm] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -100px;
  overflow: hidden;
  /* Align to the bottom of the screen */
  position: absolute;
  bottom: 4rem;
  left: 0;
  right: 0;
  padding: 0;
}

.social-icon[b-7ufh9hlqbm] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 0.5rem;
  border-radius: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 2rem;
  text-decoration: none;
  transition: all 0.15s ease;
  color: #e8e5db;
  white-space: nowrap;
  /* Drop shadow */
  text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.75);
}
.social-icon:hover[b-7ufh9hlqbm] {
  color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.social-icon:hover .tooltip[b-7ufh9hlqbm] {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -150%);
}
.social-icon:active[b-7ufh9hlqbm] {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.social-icon i[b-7ufh9hlqbm] {
  position: relative;
  top: 1px;
}

.stars-container[b-7ufh9hlqbm] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -999;
  background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
  perspective: 340px;
}

.stars[b-7ufh9hlqbm] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 3px;
  box-shadow: 1069px -302px hsl(90, 0%, 85%), 1170px -258px hsl(90, 0%, 100%), 1169px 247px hsl(90, 0%, 76%), 1066px 184px hsl(90, 0%, 89%), 79px -282px hsl(90, 0%, 78%), -1486px 112px hsl(90, 0%, 86%), 8px -121px hsl(90, 0%, 76%), 1345px 50px hsl(90, 0%, 87%), 145px 405px hsl(90, 0%, 85%), -676px 364px hsl(90, 0%, 97%), -793px 60px hsl(90, 0%, 84%), -560px 210px hsl(90, 0%, 92%), 255px 431px hsl(90, 0%, 93%), -48px 300px hsl(90, 0%, 92%), -392px 25px hsl(90, 0%, 82%), 695px -280px hsl(90, 0%, 100%), -708px -176px hsl(90, 0%, 100%), -720px 464px hsl(90, 0%, 93%), 1352px -423px hsl(90, 0%, 88%), 477px -251px hsl(90, 0%, 99%), 1026px 381px hsl(90, 0%, 84%), 57px -168px hsl(90, 0%, 91%), -747px -10px hsl(90, 0%, 88%), -865px 347px hsl(90, 0%, 99%), -437px -344px hsl(90, 0%, 79%), 1366px 112px hsl(90, 0%, 79%), -598px 393px hsl(90, 0%, 99%), 226px -31px hsl(90, 0%, 97%), -430px 328px hsl(90, 0%, 100%), 45px -332px hsl(90, 0%, 85%), 87px -447px hsl(90, 0%, 93%), 494px 118px hsl(90, 0%, 86%), -354px 381px hsl(90, 0%, 81%), -1178px -128px hsl(90, 0%, 85%), -1095px -122px hsl(90, 0%, 81%), 796px -305px hsl(90, 0%, 81%), -1077px 188px hsl(90, 0%, 91%), 1436px 120px hsl(90, 0%, 89%), -62px -431px hsl(90, 0%, 92%), -1490px -479px hsl(90, 0%, 93%), -954px -476px hsl(90, 0%, 82%), -1222px -454px hsl(90, 0%, 98%), 334px 213px hsl(90, 0%, 78%), 1429px -216px hsl(90, 0%, 95%), -1083px -85px hsl(90, 0%, 83%), -737px 320px hsl(90, 0%, 82%), 1098px -116px hsl(90, 0%, 80%), -1093px 217px hsl(90, 0%, 98%), -502px -178px hsl(90, 0%, 82%), -901px 223px hsl(90, 0%, 98%), 65px -262px hsl(90, 0%, 89%), 374px -316px hsl(90, 0%, 93%), 508px -192px hsl(90, 0%, 76%), -1354px 117px hsl(90, 0%, 98%), -876px -342px hsl(90, 0%, 84%), 510px 414px hsl(90, 0%, 76%), 362px 121px hsl(90, 0%, 89%), -1372px 362px hsl(90, 0%, 89%), 167px -297px hsl(90, 0%, 77%), -1098px 276px hsl(90, 0%, 82%), -1216px 151px hsl(90, 0%, 95%), 1087px 197px hsl(90, 0%, 85%), 490px 92px hsl(90, 0%, 93%), -532px 279px hsl(90, 0%, 98%), -1174px -232px hsl(90, 0%, 89%), -126px 269px hsl(90, 0%, 88%), 91px -315px hsl(90, 0%, 98%), -726px 120px hsl(90, 0%, 84%), -1031px 8px hsl(90, 0%, 87%), 183px -378px hsl(90, 0%, 89%), 969px -427px hsl(90, 0%, 96%), -666px -69px hsl(90, 0%, 90%), 832px -169px hsl(90, 0%, 96%), -2px 341px hsl(90, 0%, 89%), 352px 318px hsl(90, 0%, 76%), -1111px -293px hsl(90, 0%, 76%), 1002px -3px hsl(90, 0%, 79%), 28px 299px hsl(90, 0%, 81%), -735px -383px hsl(90, 0%, 94%), 371px 121px hsl(90, 0%, 92%), -563px -50px hsl(90, 0%, 91%), -735px 155px hsl(90, 0%, 90%), 432px -214px hsl(90, 0%, 95%), -1116px -391px hsl(90, 0%, 80%), -255px -176px hsl(90, 0%, 80%), 637px -479px hsl(90, 0%, 81%), -941px 32px hsl(90, 0%, 77%), -229px 113px hsl(90, 0%, 94%), 1305px -344px hsl(90, 0%, 92%), 913px 143px hsl(90, 0%, 92%), 1277px -314px hsl(90, 0%, 90%), -831px 218px hsl(90, 0%, 87%), 691px 168px hsl(90, 0%, 89%), 860px 323px hsl(90, 0%, 82%), 890px -203px hsl(90, 0%, 94%), 967px 281px hsl(90, 0%, 77%), -1490px -263px hsl(90, 0%, 87%), -746px 64px hsl(90, 0%, 87%), -1299px 222px hsl(90, 0%, 96%), 192px -281px hsl(90, 0%, 77%), 792px -294px hsl(90, 0%, 77%), 297px 44px hsl(90, 0%, 93%), 93px -323px hsl(90, 0%, 91%), -408px -414px hsl(90, 0%, 79%), 282px -438px hsl(90, 0%, 98%), -1066px -7px hsl(90, 0%, 76%), 1392px 27px hsl(90, 0%, 82%), 1014px -408px hsl(90, 0%, 82%), 997px 6px hsl(90, 0%, 84%), -1215px -4px hsl(90, 0%, 98%), 1038px -455px hsl(90, 0%, 80%), -241px 247px hsl(90, 0%, 87%), -496px 237px hsl(90, 0%, 86%), 1276px 37px hsl(90, 0%, 87%), -1229px 58px hsl(90, 0%, 97%), -175px -401px hsl(90, 0%, 94%), -619px -263px hsl(90, 0%, 94%), -249px 115px hsl(90, 0%, 80%), 903px 142px hsl(90, 0%, 95%), -435px -88px hsl(90, 0%, 79%), 1038px -185px hsl(90, 0%, 92%), 182px -152px hsl(90, 0%, 90%), 1100px -99px hsl(90, 0%, 78%), -222px 295px hsl(90, 0%, 89%), -360px -389px hsl(90, 0%, 92%), -88px -105px hsl(90, 0%, 98%), -1052px 69px hsl(90, 0%, 77%), 1160px 244px hsl(90, 0%, 84%), -971px 233px hsl(90, 0%, 94%), -703px -356px hsl(90, 0%, 77%), -855px -147px hsl(90, 0%, 76%), 1167px 316px hsl(90, 0%, 88%), 135px 334px hsl(90, 0%, 97%), -284px -7px hsl(90, 0%, 83%), 84px 357px hsl(90, 0%, 80%), -1261px 267px hsl(90, 0%, 92%), 1301px -404px hsl(90, 0%, 88%), 1207px 302px hsl(90, 0%, 82%), -392px -121px hsl(90, 0%, 85%), -805px 173px hsl(90, 0%, 85%), 200px 318px hsl(90, 0%, 87%), 542px -319px hsl(90, 0%, 96%), 619px -351px hsl(90, 0%, 91%), -1143px 396px hsl(90, 0%, 95%), -1354px -274px hsl(90, 0%, 76%), 1361px 460px hsl(90, 0%, 84%), -1286px 227px hsl(90, 0%, 86%), 415px -81px hsl(90, 0%, 85%), 147px -105px hsl(90, 0%, 95%), 748px 3px hsl(90, 0%, 95%), 1090px -124px hsl(90, 0%, 99%), 155px -248px hsl(90, 0%, 94%), 1445px 178px hsl(90, 0%, 90%), 1191px 221px hsl(90, 0%, 79%), -882px 134px hsl(90, 0%, 84%), -1275px -303px hsl(90, 0%, 95%), 659px -226px hsl(90, 0%, 90%), 949px -161px hsl(90, 0%, 77%), 565px 145px hsl(90, 0%, 80%), 1313px 290px hsl(90, 0%, 98%), -537px 412px hsl(90, 0%, 78%), -847px 449px hsl(90, 0%, 91%), 1213px -253px hsl(90, 0%, 92%), -1199px -89px hsl(90, 0%, 95%), -1364px 187px hsl(90, 0%, 92%), 1133px 280px hsl(90, 0%, 94%), -695px -331px hsl(90, 0%, 81%), -140px -186px hsl(90, 0%, 100%), 766px 170px hsl(90, 0%, 99%), 175px -142px hsl(90, 0%, 96%), -456px -161px hsl(90, 0%, 99%), -461px -363px hsl(90, 0%, 83%), 1218px -128px hsl(90, 0%, 91%), 720px -65px hsl(90, 0%, 81%), -1452px -399px hsl(90, 0%, 83%), -168px 106px hsl(90, 0%, 84%), 1110px 5px hsl(90, 0%, 83%), 1471px 460px hsl(90, 0%, 98%), 1026px 281px hsl(90, 0%, 80%), -632px -129px hsl(90, 0%, 91%), 1244px 48px hsl(90, 0%, 79%), 537px -247px hsl(90, 0%, 100%), 267px -402px hsl(90, 0%, 99%), 301px 31px hsl(90, 0%, 77%), -1162px 391px hsl(90, 0%, 82%), -1059px 80px hsl(90, 0%, 93%), 832px 158px hsl(90, 0%, 98%), 1283px -110px hsl(90, 0%, 93%), 310px 249px hsl(90, 0%, 93%), 369px -451px hsl(90, 0%, 86%), 713px 59px hsl(90, 0%, 81%), -1407px -107px hsl(90, 0%, 99%), 263px 366px hsl(90, 0%, 78%), 1159px 213px hsl(90, 0%, 86%), 533px -204px hsl(90, 0%, 77%), -123px 427px hsl(90, 0%, 85%), 1316px -461px hsl(90, 0%, 99%), 16px 186px hsl(90, 0%, 79%), 980px 303px hsl(90, 0%, 85%), 858px -251px hsl(90, 0%, 81%), -1010px -154px hsl(90, 0%, 91%);
  animation: fly-b-7ufh9hlqbm 25s linear infinite;
  transform-style: preserve-3d;
}
.stars[b-7ufh9hlqbm]:before, .stars[b-7ufh9hlqbm]:after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  box-shadow: inherit;
}
.stars[b-7ufh9hlqbm]:before {
  transform: translateZ(-300px);
  animation: fade1-b-7ufh9hlqbm 25s linear infinite;
}
.stars[b-7ufh9hlqbm]:after {
  transform: translateZ(-600px);
  animation: fade2-b-7ufh9hlqbm 25s linear infinite;
}

@keyframes fly-b-7ufh9hlqbm {
  from {
    transform: translateZ(0px);
  }
  to {
    transform: translateZ(300px);
  }
}
@keyframes fade1-b-7ufh9hlqbm {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade2-b-7ufh9hlqbm {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
.footer[b-7ufh9hlqbm] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  position: fixed;
  left: 0;
  bottom: 20px;
  width: 100%;
  padding: 0 0;
  font-size: 8pt;
}

.footer-line[b-7ufh9hlqbm] {
  width: 100%;
  text-align: center;
}

.footer-line-copyright[b-7ufh9hlqbm] {
  font-size: 10pt;
}

.footer a[b-7ufh9hlqbm] {
  color: white;
  text-decoration: none;
  margin: 0 10px; /* Adjust spacing between links */
  transition: color 0.3s; /* Smooth transition for color change */
}

.footer a:hover[b-7ufh9hlqbm] {
  color: #ffffff; /* Change color on hover */
  font-weight: bold;
}

/*# sourceMappingURL=Play.razor.css.map */
/* _content/ADG.Website/Pages/Posts/Feed.razor.rz.scp.css */

.feed-container[b-f96o5tmf38] {
    min-height: 100vh;
    padding: 0;
}

.feed-content[b-f96o5tmf38] {
    max-width: 614px;
    margin: 0 auto;
    padding: 20px 0;
}

/* Header styling for sort menu */
.feed-header[b-f96o5tmf38] {
    background: #23272F;
    border: 1px solid #353B48;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Ensure proper spacing between feed items */
.space-y-0 > * + *[b-f96o5tmf38] {
    margin-top: 0;
}

/* Card hover effects */
.bg-white:hover[b-f96o5tmf38] {
    box-shadow: 0 4px 12px -1px rgba(0, 0, 0, 0.25), 0 2px 8px -1px rgba(0, 0, 0, 0.18);
    transition: box-shadow 0.2s ease-in-out;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .feed-content[b-f96o5tmf38] {
        padding: 10px;
        max-width: 100%;
    }
}

/* _content/ADG.Website/Pages/Posts/FeedItem.razor.rz.scp.css */

.post-card[b-66l3ao2ceu] {
    background: #23272F;
    border-radius: 8px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
    border: 1px solid #353B48;
    margin-bottom: 16px;
    max-width: 614px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}

.post-card:hover[b-66l3ao2ceu] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
    transform: translateY(-1px);
}

/* Profile header styling */
.profile-header[b-66l3ao2ceu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #353B48;
    background: #181A20;
}

.clickable-profile[b-66l3ao2ceu] {
    display: flex;
    align-items: center;
    flex: 1;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.clickable-profile:hover[b-66l3ao2ceu] {
    background-color: #23272F;
}

.profile-info[b-66l3ao2ceu] {
    display: flex;
    flex-direction: column;
}

.timestamp[b-66l3ao2ceu] {
    font-size: 12px;
    color: #6b7280;
    margin-top: 2px;
}

.clickable-timestamp[b-66l3ao2ceu] {
    cursor: pointer;
    transition: color 0.2s ease;
}

.clickable-timestamp:hover[b-66l3ao2ceu] {
    color: #0078d4;
}

.profile-menu[b-66l3ao2ceu] {
    margin-left: auto;
}

.more-button[b-66l3ao2ceu] {
    padding: 4px;
}

.profile-image[b-66l3ao2ceu] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 12px;
    object-fit: cover;
    border: 2px solid #353B48;
    transition: border-color 0.2s ease;
}

.clickable-profile:hover .profile-image[b-66l3ao2ceu] {
    border-color: #7289DA;
}

.username[b-66l3ao2ceu] {
    font-size: 16px;
    font-weight: 600;
    color: #F1F1F1;
}

/* Post image styling */
.image-container[b-66l3ao2ceu] {
    position: relative;
}

.post-image[b-66l3ao2ceu] {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    background: #181A20;
}

.title-overlay[b-66l3ao2ceu] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
    padding: 16px;
}

.post-title-overlay[b-66l3ao2ceu] {
    font-weight: 700;
    color: white;
    margin: 0;
    font-size: 20px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    line-height: 1.2;
}

/* Clickable image styling */
.clickable-image[b-66l3ao2ceu] {
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.clickable-image:hover[b-66l3ao2ceu] {
    opacity: 0.95;
}

/* Post content styling */
.post-content[b-66l3ao2ceu] {
    padding: 12px 16px;
    background: #181A20;
}

.post-actions[b-66l3ao2ceu] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 8px;
}

/* Reddit-style voting section */
.vote-section[b-66l3ao2ceu] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #23272F;
    border-radius: 16px;
    padding: 4px 8px;
    border: 1px solid #353B48;
}

.vote-button[b-66l3ao2ceu] {
    padding: 4px;
    min-width: auto;
    border-radius: 8px;
}

.vote-count[b-66l3ao2ceu] {
    font-size: 14px;
    font-weight: 600;
    color: #F1F1F1;
    margin: 0 4px;
    min-width: 24px;
    text-align: center;
}

.comment-button[b-66l3ao2ceu] {
    font-size: 14px;
    color: #B0B3B8;
    padding: 4px 8px;
}

.action-button[b-66l3ao2ceu] {
    padding: 8px;
    min-width: auto;
}

.post-title[b-66l3ao2ceu] {
    font-weight: 600;
    color: #F1F1F1;
    margin-bottom: 4px;
    font-size: 16px;
}

/* Clickable title styling */
.clickable-title[b-66l3ao2ceu] {
    cursor: pointer;
    transition: color 0.2s ease;
}

.clickable-title:hover[b-66l3ao2ceu] {
    color: #7289DA;
    text-decoration: underline;
}

.post-title-overlay.clickable-title:hover[b-66l3ao2ceu] {
    color: #e5e7eb;
    text-decoration: underline;
}

.post-description[b-66l3ao2ceu] {
    font-size: 14px;
    color: #B0B3B8;
    line-height: 1.4;
}



.mud-dialog-background[b-66l3ao2ceu] {
    backdrop-filter: blur(10px);
}
/* _content/ADG.Website/Pages/Posts/FeedPostOptionsDialog.razor.rz.scp.css */
/* Custom styles for the feed post options dialog */
.mud-dialog-content[b-m8cjbe0bid] {
    padding: 0 !important;
}
/* _content/ADG.Website/Pages/Posts/Posts.razor.rz.scp.css */


/* Main Layout */
.post-view-container[b-1m7t81pkdh] {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Main Content */
.main-content[b-1m7t81pkdh] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.post-header[b-1m7t81pkdh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.profile-section[b-1m7t81pkdh] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.profile-image[b-1m7t81pkdh] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--neutral-stroke-rest);
}

.profile-info[b-1m7t81pkdh] {
    display: flex;
    flex-direction: column;
}

.username[b-1m7t81pkdh] {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.timestamp[b-1m7t81pkdh] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.post-actions .more-button[b-1m7t81pkdh] {
    padding: 8px;
}

.post-image-container[b-1m7t81pkdh] {
    position: relative;
    background: #000;
}

.post-image[b-1m7t81pkdh] {
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: contain;
    display: block;
}

.post-content[b-1m7t81pkdh] {
    padding: 20px;
}

.post-title[b-1m7t81pkdh] {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 12px 0;
    color: var(--neutral-foreground-rest);
    line-height: 1.3;
}

.post-description[b-1m7t81pkdh] {
    font-size: 16px;
    line-height: 1.5;
    color: var(--neutral-foreground-rest);
    margin: 0 0 20px 0;
}

.interaction-buttons[b-1m7t81pkdh] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.interaction-button[b-1m7t81pkdh] {
    padding: 8px 12px;
}

/* Comments Sidebar */
.comments-sidebar[b-1m7t81pkdh] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    height: fit-content;
    max-height: calc(100vh - 200px);
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.comments-header[b-1m7t81pkdh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.comments-header h4[b-1m7t81pkdh] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.add-comment-button[b-1m7t81pkdh] {
    font-size: 14px;
}

/* Comment Input */
.comment-input-section[b-1m7t81pkdh] {
    padding: 16px 20px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.comment-input-container[b-1m7t81pkdh] {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

.comment-profile-image[b-1m7t81pkdh] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--neutral-stroke-rest);
    flex-shrink: 0;
}

.comment-input[b-1m7t81pkdh] {
    flex: 1;
    min-height: 60px;
    width: 100%;
}

.submit-comment-button[b-1m7t81pkdh] {
    width: 100%;
}

.login-prompt[b-1m7t81pkdh] {
    text-align: center;
    padding: 20px;
}

.login-prompt p[b-1m7t81pkdh] {
    margin: 0 0 16px 0;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

/* Comments List */
.comments-list[b-1m7t81pkdh] {
    flex: 1;
    overflow-y: auto;
    padding: 0 20px 20px;
}

.comment-item[b-1m7t81pkdh] {
    display: flex;
    gap: 12px;
    padding: 16px 0;
    border-bottom: 1px solid var(--neutral-stroke-subtle);
}

.comment-item:last-child[b-1m7t81pkdh] {
    border-bottom: none;
}

.comment-content[b-1m7t81pkdh] {
    flex: 1;
}

.comment-header[b-1m7t81pkdh] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.comment-username[b-1m7t81pkdh] {
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.clickable-username[b-1m7t81pkdh] {
    text-decoration: none;
    color: var(--accent-foreground-rest);
    cursor: pointer;
    transition: color 0.2s ease;
}

.clickable-username:hover[b-1m7t81pkdh] {
    color: var(--accent-foreground-pressed);
    text-decoration: underline;
}

.comment-timestamp[b-1m7t81pkdh] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.comment-text[b-1m7t81pkdh] {
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.no-comments[b-1m7t81pkdh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
}

.no-comments-icon[b-1m7t81pkdh] {
    font-size: 32px;
    margin-bottom: 12px;
    color: var(--neutral-foreground-hint);
}

.no-comments p[b-1m7t81pkdh] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .post-view-container[b-1m7t81pkdh] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .comments-sidebar[b-1m7t81pkdh] {
        max-height: 400px;
    }
}

@media (max-width: 768px) {
    .post-view-container[b-1m7t81pkdh] {
        padding: 10px;
    }

    .post-title[b-1m7t81pkdh] {
        font-size: 20px;
    }

    .interaction-buttons[b-1m7t81pkdh] {
        gap: 8px;
    }

    .interaction-button[b-1m7t81pkdh] {
        padding: 6px 8px;
        font-size: 14px;
    }
}

/* Share Modal */
.modal-overlay[b-1m7t81pkdh] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-1m7t81pkdh] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    animation: modalSlideIn-b-1m7t81pkdh 0.3s ease-out;
}

@keyframes modalSlideIn-b-1m7t81pkdh {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header[b-1m7t81pkdh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.modal-header h3[b-1m7t81pkdh] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.close-button[b-1m7t81pkdh] {
    padding: 8px;
}

.modal-body[b-1m7t81pkdh] {
    padding: 20px;
}

.modal-body p[b-1m7t81pkdh] {
    margin: 0 0 16px 0;
    color: var(--neutral-foreground-rest);
}

.url-container[b-1m7t81pkdh] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.url-input[b-1m7t81pkdh] {
    flex: 1;
    padding: 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-rest);
    font-family: monospace;
    font-size: 14px;
}

.copy-button[b-1m7t81pkdh] {
    flex-shrink: 0;
}
/* _content/ADG.Website/Pages/Reviews/ReviewCreate.razor.rz.scp.css */
.review-form[b-6clm3obbjr] {
    padding: 1rem;
    max-width: 100%;
}

.admin-panel[b-6clm3obbjr] {
    padding: 1rem;
}

.metric-section[b-6clm3obbjr] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
    border-radius: 8px;
    background: var(--neutral-fill-secondary-rest, #fafafa);
}

.rating-section[b-6clm3obbjr] {
    margin-bottom: 1.5rem;
}

.comments-section[b-6clm3obbjr] {
    margin-bottom: 1.5rem;
}

.rating-stars[b-6clm3obbjr] {
    display: flex;
    gap: 0.5rem;
    margin: 0.5rem 0;
    align-items: center;
}

.star-button[b-6clm3obbjr] {
    padding: 0.5rem;
    border-radius: 8px;
    font-size: 1.2rem;
    transition: all 0.2s ease;
    min-width: 44px;
    height: 44px;
}

.star-button:hover[b-6clm3obbjr] {
    transform: scale(1.1);
}

.rating-text[b-6clm3obbjr] {
    margin-left: 1rem;
    font-weight: 500;
    color: var(--accent-fill-rest, #3b82f6);
}

.submit-section[b-6clm3obbjr] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.submit-section fluent-button[b-6clm3obbjr] {
    min-width: 150px;
    height: 44px;
}

@media (max-width: 1200px) {
    .review-form[b-6clm3obbjr] {
        padding: 0.5rem;
    }
}

@media (max-width: 600px) {
    .review-form[b-6clm3obbjr] {
        padding: 0.5rem;
    }
    
    .rating-stars[b-6clm3obbjr] {
        justify-content: center;
    }
    
    .rating-text[b-6clm3obbjr] {
        margin-left: 0;
        text-align: center;
        display: block;
        margin-top: 0.5rem;
    }
    
    .metric-section[b-6clm3obbjr] {
        padding: 0.75rem;
    }
}
/* _content/ADG.Website/Pages/Reviews/ReviewsAdmin.razor.rz.scp.css */
.admin-dashboard[b-o3ucyejjyy] {
    padding: 1rem;
}

.access-denied[b-o3ucyejjyy] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.access-denied-inner[b-o3ucyejjyy] {
    text-align: center;
    padding: 2rem;
    border: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
    border-radius: 12px;
    background: var(--neutral-fill-secondary-rest, #fafafa);
}

.access-denied-icon[b-o3ucyejjyy] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.access-denied-title[b-o3ucyejjyy] {
    color: var(--error-foreground-rest, #d13438);
    margin-bottom: 1rem;
}

.access-denied-message[b-o3ucyejjyy] {
    margin-bottom: 2rem;
    color: var(--neutral-foreground-rest, #424242);
}

.access-denied-btn[b-o3ucyejjyy] {
    min-width: 150px;
    height: 44px;
}

.controls-section[b-o3ucyejjyy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--neutral-fill-secondary-rest, #fafafa);
    border-radius: 8px;
    flex-wrap: wrap;
    gap: 1rem;
}

.search-controls[b-o3ucyejjyy] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.sort-controls[b-o3ucyejjyy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.results-summary[b-o3ucyejjyy] {
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
    background: var(--neutral-fill-input-rest, #ffffff);
    border: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
    border-radius: 6px;
}

.loading-section[b-o3ucyejjyy] {
    text-align: center;
    padding: 3rem;
}

.no-reviews[b-o3ucyejjyy] {
    text-align: center;
    padding: 3rem;
    color: var(--neutral-foreground-rest, #424242);
}

.reviews-grid[b-o3ucyejjyy] {
    display: grid;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.review-card[b-o3ucyejjyy] {
    padding: 1.5rem;
    border: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
    border-radius: 8px;
    background: var(--neutral-fill-secondary-rest, #fafafa);
}

.review-header[b-o3ucyejjyy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
    padding-bottom: 0.5rem;
}

.review-header h4[b-o3ucyejjyy] {
    margin: 0;
    color: var(--accent-foreground-rest, #1a73e8);
}

.review-date[b-o3ucyejjyy] {
    color: var(--neutral-foreground-rest, #666666);
    font-size: 0.9rem;
}

.review-email[b-o3ucyejjyy] {
    margin-bottom: 1rem;
    color: var(--neutral-foreground-rest, #424242);
}

.review-metrics[b-o3ucyejjyy] {
    margin-bottom: 1rem;
}

.review-metrics h5[b-o3ucyejjyy] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest, #424242);
}

.metric-row[b-o3ucyejjyy] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    gap: 0.5rem;
}

.metric-name[b-o3ucyejjyy] {
    font-weight: 500;
    min-width: 140px;
    color: var(--neutral-foreground-rest, #424242);
}

.metric-stars[b-o3ucyejjyy] {
    display: flex;
    gap: 2px;
}

.star[b-o3ucyejjyy] {
    font-size: 1rem;
}

.star.filled[b-o3ucyejjyy] {
    color: #fbbf24;
}

.star.empty[b-o3ucyejjyy] {
    color: #d1d5db;
}

.metric-score[b-o3ucyejjyy] {
    font-size: 0.9rem;
    color: var(--neutral-foreground-rest, #666666);
    margin-left: 0.5rem;
}

.review-comments[b-o3ucyejjyy] {
    border-top: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
    padding-top: 1rem;
}

.review-comments h5[b-o3ucyejjyy] {
    margin: 0 0 0.5rem 0;
    color: var(--neutral-foreground-rest, #424242);
}

.review-comments p[b-o3ucyejjyy] {
    margin: 0;
    line-height: 1.5;
    color: var(--neutral-foreground-rest, #424242);
}

.pagination-section[b-o3ucyejjyy] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid var(--neutral-stroke-divider-rest, #e5e5e5);
}

.page-info[b-o3ucyejjyy] {
    font-weight: 500;
    color: var(--neutral-foreground-rest, #424242);
}

@media (max-width: 768px) {
    .controls-section[b-o3ucyejjyy] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .search-controls[b-o3ucyejjyy] {
        justify-content: center;
    }
    
    .sort-controls[b-o3ucyejjyy] {
        justify-content: center;
    }
    
    .review-header[b-o3ucyejjyy] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .metric-row[b-o3ucyejjyy] {
        flex-wrap: wrap;
    }
    
    .metric-name[b-o3ucyejjyy] {
        min-width: auto;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .admin-dashboard[b-o3ucyejjyy] {
        padding: 0.5rem;
    }
    
    .review-card[b-o3ucyejjyy] {
        padding: 1rem;
    }
}
/* _content/ADG.Website/Pages/Security.razor.rz.scp.css */
.security-container[b-4nk9gpj02c] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.tab-navigation[b-4nk9gpj02c] {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

.tab-button[b-4nk9gpj02c] {
    background: none;
    border: none;
    padding: 12px 24px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.tab-button:hover[b-4nk9gpj02c] {
    color: #333;
    background-color: #f5f5f5;
}

.tab-button.active[b-4nk9gpj02c] {
    color: #0066cc;
    border-bottom-color: #0066cc;
    background-color: #f8f9fa;
}

.tab-content[b-4nk9gpj02c] {
    min-height: 400px;
}

.privacy-content[b-4nk9gpj02c], .terms-content[b-4nk9gpj02c] {
    line-height: 1.6;
}

.privacy-content h3[b-4nk9gpj02c], .terms-content h3[b-4nk9gpj02c] {
    color: #bfbdbd;
    margin-top: 24px;
    margin-bottom: 12px;
}

.privacy-content p[b-4nk9gpj02c], .terms-content p[b-4nk9gpj02c] {
    margin-bottom: 16px;
    color: #c5c5c5;
}
/* _content/ADG.Website/Pages/Servers/ServerDetails.razor.rz.scp.css */
.server-details-container[b-evj2b19heb] {
    margin: 0 auto;
    padding: 1rem;
}

.server-details-card[b-evj2b19heb] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 2rem;
}

.details-header[b-evj2b19heb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.details-icon[b-evj2b19heb] {
    color: #ffffff;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.details-title[b-evj2b19heb] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: white;
}

.server-details-list[b-evj2b19heb] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.detail-item[b-evj2b19heb] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.detail-item:last-child[b-evj2b19heb] {
    border-bottom: none;
}

.detail-label[b-evj2b19heb] {
    font-weight: 600;
    color: white;
    min-width: 100px;
    flex-shrink: 0;
}

.detail-value[b-evj2b19heb] {
    color: rgba(255, 255, 255, 0.8);
    flex: 1;
    word-break: break-word;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .server-details-container[b-evj2b19heb] {
        padding: 0.5rem;
    }

    .server-details-card[b-evj2b19heb] {
        padding: 1.5rem;
    }

    .details-header[b-evj2b19heb] {
        margin-bottom: 1rem;
    }

    .details-icon[b-evj2b19heb] {
        font-size: 1.3rem;
    }

    .details-title[b-evj2b19heb] {
        font-size: 1.2rem;
    }

    .detail-item[b-evj2b19heb] {
        flex-direction: column;
        gap: 0.25rem;
        padding: 0.5rem 0;
    }

    .detail-label[b-evj2b19heb] {
        min-width: unset;
    }
}
/* _content/ADG.Website/Pages/Servers/Servers.razor.rz.scp.css */

.server-list[b-fqsf5tewyt] {
    display: flex;
    flex-wrap: wrap;
    padding-right: 1rem;
    gap: 1rem;
}

.server-card[b-fqsf5tewyt] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
    width: 280px;
    min-height: 140px;
}

.server-card:hover[b-fqsf5tewyt] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.server-card:active[b-fqsf5tewyt] {
    transform: translateY(0);
}

.server-card-content[b-fqsf5tewyt] {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    gap: 1rem;
}

.server-header[b-fqsf5tewyt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.server-icon[b-fqsf5tewyt] {
    color: #ffffff;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.server-name[b-fqsf5tewyt] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
    flex: 1;
}

.server-chevron[b-fqsf5tewyt] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.9rem;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.server-card:hover .server-chevron[b-fqsf5tewyt] {
    transform: translateX(4px);
    color: rgba(255, 255, 255, 0.8);
}

.server-info[b-fqsf5tewyt] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.server-description[b-fqsf5tewyt] {
    margin: 0;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.3;
}

.server-status[b-fqsf5tewyt] {
    margin: 0;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .server-list[b-fqsf5tewyt] {
        padding-right: 0;
    }
    
    .server-card[b-fqsf5tewyt] {
        width: 100%;
        min-width: 0;
    }
    
    .server-card-content[b-fqsf5tewyt] {
        padding: 1.25rem;
    }
    
    .server-name[b-fqsf5tewyt] {
        font-size: 1rem;
    }
    
    .server-description[b-fqsf5tewyt] {
        font-size: 0.8rem;
    }
}
/* _content/ADG.Website/Pages/Teams/PlayerSummary.razor.rz.scp.css */
.player-summary[b-4q9hh5xfea] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    background-color: var(--neutral-fill-layer-rest);
    cursor: pointer;
    transition: all 0.2s ease;
}

.player-summary:hover[b-4q9hh5xfea] {
    background-color: var(--neutral-fill-layer-hover);
    border-color: var(--neutral-stroke-divider-hover);
    box-shadow: 0 2px 4px var(--shadow-2);
}

.player-header[b-4q9hh5xfea] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.player-avatar[b-4q9hh5xfea] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.player-name[b-4q9hh5xfea] {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.player-info[b-4q9hh5xfea] {
    padding-left: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.player-status[b-4q9hh5xfea] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9em;
}

.player-role[b-4q9hh5xfea] {
    background-color: var(--accent-fill-rest);
    color: var(--accent-foreground-rest);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.8em;
    font-weight: 500;
}

.online-indicator[b-4q9hh5xfea] {
    background-color: var(--green-60);
    color: white;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 0.7em;
    font-weight: 500;
}
/* _content/ADG.Website/Pages/Teams/Teams.razor.rz.scp.css */
.team-card[b-ibjnmqoxsw] {
    margin-bottom: 10px;
    padding: 15px;
    transition: background-color 0.2s;
}

.team-card:hover[b-ibjnmqoxsw] {
    background-color: var(--neutral-layer-2);
}
/* _content/ADG.Website/Pages/Teams/TeamsCreate.razor.rz.scp.css */
.create-team-card[b-q4url0pxgb] {
    max-width: 400px;
    margin: 40px auto;
    padding: 32px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-radius: 8px;
    background: #f8f9fa; /* Less bright, more comfortable background */
}

.create-team-card h2[b-q4url0pxgb] {
    margin-bottom: 24px;
    text-align: center;
}

.create-team-card .fluent-text-field[b-q4url0pxgb] {
    width: 100%;
    margin-bottom: 16px;
}

.create-team-card .fluent-button[b-q4url0pxgb] {
    width: 100%;
    margin-top: 0; /* Ensure button is aligned with input field */
}

.error-message[b-q4url0pxgb] {
    color: var(--color-danger-foreground);
    margin-top: 12px;
}

/* _content/ADG.Website/Pages/Trading/Trading.razor.rz.scp.css */
.trading-content[b-ff0svss0kd] {
    padding: 20px;
}

.trade-items-grid[b-ff0svss0kd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.trade-item-card[b-ff0svss0kd] {
    padding: 16px;
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    background: var(--neutral-fill-rest);
}

.trade-item-header[b-ff0svss0kd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.trade-item-header h4[b-ff0svss0kd] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.trade-item-image[b-ff0svss0kd] {
    text-align: center;
    margin: 16px 0;
    color: var(--accent-fill-rest);
}

.trade-item-details[b-ff0svss0kd] {
    margin: 16px 0;
}

.item-description[b-ff0svss0kd] {
    margin: 8px 0;
    color: var(--neutral-foreground-rest);
    font-size: 14px;
}

.trade-stats[b-ff0svss0kd] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.trade-item-actions[b-ff0svss0kd] {
    margin-top: 16px;
    text-align: center;
}

.explore-navigation[b-ff0svss0kd] {
    margin: 20px 0;
}

.explore-content[b-ff0svss0kd] {
    padding: 20px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    margin: 20px 0;
}

.explore-content ul[b-ff0svss0kd] {
    margin: 16px 0;
    padding-left: 20px;
}

.explore-content li[b-ff0svss0kd] {
    margin: 8px 0;
}
/* _content/ADG.Website/Pages/Wiki/Concepts/Combat/Projectiles.razor.rz.scp.css */
.projectiles-content[b-7xw78ekrty] {
    padding: 20px 0;
    max-width: 800px;
    margin: 0 auto;
}

.projectiles-header[b-7xw78ekrty] {
    text-align: center;
    margin-bottom: 30px;
}

.projectiles-header h1[b-7xw78ekrty] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.projectiles-description[b-7xw78ekrty] {
    color: var(--neutral-foreground-hint);
    font-size: 16px;
}

.projectiles-info[b-7xw78ekrty] {
    margin-bottom: 30px;
}

.info-content[b-7xw78ekrty] {
    padding: 30px;
}

.info-content h2[b-7xw78ekrty] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 15px;
}

.info-content h3[b-7xw78ekrty] {
    color: var(--neutral-foreground-rest);
    margin: 25px 0 15px 0;
}

.info-content h4[b-7xw78ekrty] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 5px;
}

.info-content p[b-7xw78ekrty] {
    color: var(--neutral-foreground-hint);
    line-height: 1.6;
    margin-bottom: 15px;
}

.projectile-types[b-7xw78ekrty] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 25px;
}

.projectile-type[b-7xw78ekrty] {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    background: var(--neutral-fill-stealth);
    border-radius: 8px;
}

.projectile-icon[b-7xw78ekrty] {
    font-size: 24px;
    color: var(--accent-fill-rest);
    flex-shrink: 0;
    margin-top: 2px;
}

.mechanics-list[b-7xw78ekrty] {
    color: var(--neutral-foreground-hint);
    line-height: 1.8;
}

.mechanics-list li[b-7xw78ekrty] {
    margin-bottom: 8px;
}

.mechanics-list strong[b-7xw78ekrty] {
    color: var(--neutral-foreground-rest);
}

.related-topics[b-7xw78ekrty] {
    text-align: center;
}

.related-topics h2[b-7xw78ekrty] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 20px;
}

.topic-links[b-7xw78ekrty] {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}
/* _content/ADG.Website/Pages/Wiki/Concepts/Combat/Range.razor.rz.scp.css */
.range-content[b-cx4d31mhkr] {
    padding: 20px 0;
    max-width: 900px;
    margin: 0 auto;
}

.range-header[b-cx4d31mhkr] {
    text-align: center;
    margin-bottom: 30px;
}

.range-header h1[b-cx4d31mhkr] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.range-description[b-cx4d31mhkr] {
    color: var(--neutral-foreground-hint);
    font-size: 16px;
}

.range-info[b-cx4d31mhkr] {
    margin-bottom: 30px;
}

.info-content[b-cx4d31mhkr] {
    padding: 30px;
}

.info-content h2[b-cx4d31mhkr] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 15px;
}

.info-content h3[b-cx4d31mhkr] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 10px;
}

.info-content h4[b-cx4d31mhkr] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 5px;
}

.info-content p[b-cx4d31mhkr] {
    color: var(--neutral-foreground-hint);
    line-height: 1.6;
    margin-bottom: 15px;
}

.range-categories[b-cx4d31mhkr] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
}

.range-category[b-cx4d31mhkr] {
    padding: 20px;
    background: var(--neutral-fill-stealth);
    border-radius: 8px;
    border-left: 4px solid var(--accent-fill-rest);
}

.range-category.highlight[b-cx4d31mhkr] {
    border-left-color: var(--success-fill-rest);
    background: var(--success-fill-subtle);
}

.range-examples[b-cx4d31mhkr] {
    color: var(--neutral-foreground-hint);
    font-size: 14px;
    margin-top: 10px;
}

.range-examples strong[b-cx4d31mhkr] {
    color: var(--neutral-foreground-rest);
}

.highlight-note[b-cx4d31mhkr] {
    margin-top: 15px;
    background: var(--success-fill-stealth);
    border: 1px solid var(--success-stroke-rest);
}

.highlight-note p[b-cx4d31mhkr] {
    color: var(--success-foreground-rest);
    margin: 0;
    padding: 10px;
}

.effectiveness-info[b-cx4d31mhkr] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.effectiveness-point[b-cx4d31mhkr] {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    background: var(--neutral-fill-stealth);
    border-radius: 8px;
}

.effectiveness-icon[b-cx4d31mhkr] {
    font-size: 24px;
    color: var(--accent-fill-rest);
    flex-shrink: 0;
    margin-top: 2px;
}

.related-topics[b-cx4d31mhkr] {
    text-align: center;
}

.related-topics h2[b-cx4d31mhkr] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 20px;
}

.topic-links[b-cx4d31mhkr] {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

/* Smooth scrolling for anchor links */
html[b-cx4d31mhkr] {
    scroll-behavior: smooth;
}

/* Highlight animation for anchor target */
#long-range:target[b-cx4d31mhkr] {
    background: var(--success-fill-rest);
}
/* _content/ADG.Website/Pages/Wiki/Items/Items.razor.rz.scp.css */
.items-content[b-dwdhg4t79t] {
    padding: 20px 0;
}

.items-header[b-dwdhg4t79t] {
    text-align: center;
    margin-bottom: 30px;
}

.items-header h1[b-dwdhg4t79t] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.items-description[b-dwdhg4t79t] {
    color: var(--neutral-foreground-hint);
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}

.items-table-container[b-dwdhg4t79t] {
    margin-bottom: 40px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background: var(--neutral-fill-rest);
}

.items-table[b-dwdhg4t79t] {
    width: 100%;
    border-collapse: collapse;
}

.items-table th[b-dwdhg4t79t],
.items-table td[b-dwdhg4t79t] {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--neutral-stroke-divider);
}

.items-table th[b-dwdhg4t79t] {
    background: var(--neutral-fill-stealth);
    color: var(--neutral-foreground-rest);
    font-weight: 600;
    position: sticky;
    top: 0;
}

.items-table td[b-dwdhg4t79t] {
    color: var(--neutral-foreground-rest);
}

.item-row:hover[b-dwdhg4t79t] {
    background: var(--neutral-fill-stealth);
}

.item-name[b-dwdhg4t79t] {
    font-weight: 600;
}

.filter-input[b-dwdhg4t79t] {
    margin-top: 8px;
    max-width: 150px;
}

.rarity-badge[b-dwdhg4t79t] {
    font-weight: 600;
}

.no-value[b-dwdhg4t79t] {
    color: var(--neutral-foreground-hint);
}

.items-navigation[b-dwdhg4t79t] {
    text-align: center;
}

.items-navigation h2[b-dwdhg4t79t] {
    margin-bottom: 20px;
    color: var(--neutral-foreground-rest);
}

.category-buttons[b-dwdhg4t79t] {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.search-box[b-dwdhg4t79t] {
    width: 100%;
    margin-top: 5px;
}
/* _content/ADG.Website/Pages/Wiki/Items/Weapons/Bows/Bows.razor.rz.scp.css */
.bows-content[b-521hnt89ee] {
    padding: 20px 0;
    max-width: 1000px;
    margin: 0 auto;
}

.bows-header[b-521hnt89ee] {
    text-align: center;
    margin-bottom: 30px;
}

.bows-header h1[b-521hnt89ee] {
    color: var(--neutral-foreground-rest);
}

.bows-description[b-521hnt89ee] {
    margin-bottom: 40px;
    text-align: center;
}

.intro-text[b-521hnt89ee] {
    font-size: 18px;
    line-height: 1.6;
    color: var(--neutral-foreground-rest);
    max-width: 700px;
    margin: 0 auto;
}

.range-visualization[b-521hnt89ee] {
    margin-bottom: 40px;
    padding: 30px;
    background: var(--neutral-fill-stealth);
    border-radius: 12px;
    border: 1px solid var(--neutral-stroke-divider);
}

.range-visualization h2[b-521hnt89ee] {
    text-align: center;
    margin-bottom: 30px;
    color: var(--neutral-foreground-rest);
}

.range-table[b-521hnt89ee] {
    position: relative;
    padding: 20px 0;
}

.range-scale[b-521hnt89ee] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}

.range-line[b-521hnt89ee] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, var(--accent-fill-rest), var(--error-fill-rest));
    transform: translateY(-50%);
    z-index: 1;
}

.range-point[b-521hnt89ee] {
    background: var(--neutral-fill-rest);
    padding: 8px 15px;
    border-radius: 20px;
    font-weight: 600;
    border: 2px solid var(--neutral-stroke-rest);
    z-index: 2;
    position: relative;
    color: var(--neutral-foreground-rest);
}

.weapon-ranges[b-521hnt89ee] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.weapon-range[b-521hnt89ee] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.weapon-label[b-521hnt89ee] {
    min-width: 80px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.range-bar[b-521hnt89ee] {
    height: 8px;
    border-radius: 4px;
    position: relative;
    transition: all 0.3s ease;
}

.dagger-range[b-521hnt89ee] {
    width: 15%;
    background: var(--accent-fill-rest);
}

.sword-range[b-521hnt89ee] {
    width: 35%;
    background: var(--accent-fill-rest);
}

.bow-range[b-521hnt89ee] {
    width: 70%;
    background: var(--success-fill-rest);
    box-shadow: 0 0 10px var(--success-fill-rest);
}

.firearm-range[b-521hnt89ee] {
    width: 90%;
    background: var(--error-fill-rest);
}

.weapon-range.active .weapon-label[b-521hnt89ee] {
    color: var(--success-fill-rest);
    font-weight: 800;
}

.bows-examples h2[b-521hnt89ee] {
    text-align: center;
    margin-bottom: 25px;
    color: var(--neutral-foreground-rest);
}

.bow-grid[b-521hnt89ee] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.bow-card[b-521hnt89ee] {
    height: 100%;
}

.bow-info[b-521hnt89ee] {
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.bow-info h3[b-521hnt89ee] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.bow-info p[b-521hnt89ee] {
    color: var(--neutral-foreground-hint);
    margin: 15px 0;
    flex-grow: 1;
}

.bow-stats[b-521hnt89ee] {
    display: flex;
    gap: 15px;
    font-size: 14px;
    color: var(--neutral-foreground-hint);
    margin-top: auto;
}

.bows-navigation[b-521hnt89ee] {
    text-align: center;
}

@media (max-width: 768px) {
    .weapon-range[b-521hnt89ee] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .range-bar[b-521hnt89ee] {
        width: 100% !important;
        max-width: 300px;
    }

    .weapon-label[b-521hnt89ee] {
        min-width: auto;
    }
}
/* _content/ADG.Website/Pages/Wiki/Items/Weapons/Firearms/Firearms.razor.rz.scp.css */
.firearms-content[b-z3pzxep7db] {
    padding: 20px 0;
    max-width: 600px;
    margin: 0 auto;
}

.firearms-header[b-z3pzxep7db] {
    text-align: center;
    margin-bottom: 30px;
}

.firearms-header h1[b-z3pzxep7db] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.firearms-description[b-z3pzxep7db] {
    color: var(--neutral-foreground-hint);
    font-size: 16px;
}

.placeholder-content[b-z3pzxep7db] {
    text-align: center;
    padding: 40px 30px;
}

.placeholder-icon[b-z3pzxep7db] {
    font-size: 64px;
    color: var(--accent-fill-rest);
    margin-bottom: 20px;
}

.placeholder-content h2[b-z3pzxep7db] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 15px;
}

.placeholder-content p[b-z3pzxep7db] {
    color: var(--neutral-foreground-hint);
    margin-bottom: 30px;
}

.quick-info[b-z3pzxep7db] {
    text-align: left;
    margin: 30px 0;
    padding: 20px;
    background: var(--neutral-fill-stealth);
    border-radius: 8px;
}

.quick-info h3[b-z3pzxep7db] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 15px;
    text-align: center;
}

.quick-info ul[b-z3pzxep7db] {
    color: var(--neutral-foreground-hint);
    line-height: 1.6;
}

.quick-info li[b-z3pzxep7db] {
    margin-bottom: 8px;
}
/* _content/ADG.Website/Pages/Wiki/Items/Weapons/Weapons.razor.rz.scp.css */
.weapons-content[b-7hrg07b145] {
    padding: 20px 0;
}

.weapons-header[b-7hrg07b145] {
    text-align: center;
    margin-bottom: 40px;
}

.weapons-header h1[b-7hrg07b145] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.weapons-description[b-7hrg07b145] {
    color: var(--neutral-foreground-hint);
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}

.weapon-categories[b-7hrg07b145] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.weapon-category-card[b-7hrg07b145] {
    height: 100%;
}

.category-content[b-7hrg07b145] {
    text-align: center;
    padding: 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.category-icon[b-7hrg07b145] {
    font-size: 48px;
    margin-bottom: 15px;
    color: var(--accent-fill-rest);
}

.category-content h3[b-7hrg07b145] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.category-content p[b-7hrg07b145] {
    color: var(--neutral-foreground-hint);
    margin-bottom: 20px;
    flex-grow: 1;
}

.category-stats[b-7hrg07b145] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 20px;
    padding: 15px;
    background: var(--neutral-fill-stealth);
    border-radius: 6px;
}

.stat[b-7hrg07b145] {
    font-size: 14px;
    color: var(--neutral-foreground-hint);
}

.weapons-navigation[b-7hrg07b145] {
    text-align: center;
}
/* _content/ADG.Website/Pages/Wiki/Wiki.razor.rz.scp.css */
.wiki-navigation[b-npsg93ioa5] {
    padding: 20px 0;
}

.wiki-header[b-npsg93ioa5] {
    text-align: center;
    margin-bottom: 40px;
}

.wiki-header h1[b-npsg93ioa5] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.wiki-description[b-npsg93ioa5] {
    color: var(--neutral-foreground-hint);
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}

.wiki-categories[b-npsg93ioa5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    max-width: 800px;
    margin: 0 auto;
}

.wiki-category-card[b-npsg93ioa5] {
    height: 100%;
}

.category-content[b-npsg93ioa5] {
    text-align: center;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.category-icon[b-npsg93ioa5] {
    font-size: 48px;
    margin-bottom: 15px;
    color: var(--accent-fill-rest);
}

.category-content h3[b-npsg93ioa5] {
    margin-bottom: 10px;
    color: var(--neutral-foreground-rest);
}

.category-content p[b-npsg93ioa5] {
    color: var(--neutral-foreground-hint);
    margin-bottom: 20px;
    flex-grow: 1;
}