/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-xm2ga49466] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-xm2ga49466] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.app-footer[b-xm2ga49466] {
    margin-top: 2rem;
    padding: 2rem 1rem 1rem 1rem;
    border-top: 1px solid #dee2e6;
    background-color: #f8f9fa;
    text-align: center;
}
/* /Components/Pages/Admin/HorseBreeds.razor.rz.scp.css */
.horse-breeds-admin .info-section[b-q59rfi5yuq] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}
.horse-breeds-admin .info-grid[b-q59rfi5yuq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.horse-breeds-table th[b-q59rfi5yuq] {
    color: #ffb347;
    font-weight: 600;
    background: #222;
    border-bottom: 2px solid #444;
}
.horse-breeds-table td[b-q59rfi5yuq] {
    color: #fff;
    background: rgba(0,0,0,0.3);
}
.info-row[b-q59rfi5yuq] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
    transition: background 0.2s;
}
@media (max-width: 768px) {
    .horse-breeds-admin .info-grid[b-q59rfi5yuq] {
        font-size: 0.95rem;
    }
    .horse-breeds-table[b-q59rfi5yuq] {
        font-size: 0.95rem;
    }
}
/* /Components/Pages/Admin/Logging.razor.rz.scp.css */
[b-i6o69pfip8] .logging-header {
    font-size: 2rem;
    font-weight: 700;
    color: #e0e0e0;
    margin-bottom: 1rem;
    letter-spacing: 1px;
    text-shadow: 0 2px 8px #222;
}

[b-i6o69pfip8] .logging-controls {
    background: linear-gradient(90deg, #232526 0%, #414345 100%);
    padding: 1rem 2rem;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    align-items: center;
    margin-bottom: 1.5rem;
}

    [b-i6o69pfip8] .logging-controls label,
    [b-i6o69pfip8] .logging-controls select,
    [b-i6o69pfip8] .logging-controls input {
        color: #e0e0e0;
    }

    [b-i6o69pfip8] .logging-controls .form-control-sm {
        background: #222;
        color: #e0e0e0;
        border: 1px solid #444;
    }

        [b-i6o69pfip8] .logging-controls .form-control-sm[type="date"]::-webkit-calendar-picker-indicator {
            background: url('data:image/svg+xml;utf8,<svg fill="%23e0e0e0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" fill="%23232526"/><rect x="7" y="10" width="2" height="2" fill="%23e0e0e0"/><rect x="11" y="10" width="2" height="2" fill="%23e0e0e0"/><rect x="15" y="10" width="2" height="2" fill="%23e0e0e0"/><rect x="7" y="14" width="2" height="2" fill="%23e0e0e0"/><rect x="11" y="14" width="2" height="2" fill="%23e0e0e0"/><rect x="15" y="14" width="2" height="2" fill="%23e0e0e0"/></svg>') no-repeat center center;
            color: #e0e0e0;
            opacity: 1;
            filter: none;
        }

        [b-i6o69pfip8] .logging-controls .form-control-sm[type="date"]::-ms-input-placeholder {
            color: #e0e0e0;
        }

        [b-i6o69pfip8] .logging-controls .form-control-sm[type="date"]::placeholder {
            color: #e0e0e0;
        }

        [b-i6o69pfip8] .logging-controls .form-control-sm[type="date"] {
            color-scheme: dark;
        }

[b-i6o69pfip8] .logging-table {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.10);
}

    [b-i6o69pfip8] .logging-table thead {
        background: #232526;
        color: #f8f8f8;
    }

    [b-i6o69pfip8] .logging-table th {
        cursor: pointer;
        font-weight: 600;
        padding: 0.75rem 0.5rem;
        border-bottom: 2px solid #444;
        background: #232526;
    }

    [b-i6o69pfip8] .logging-table td {
        background: #181818;
        color: #e0e0e0;
        padding: 0.5rem 0.5rem;
        vertical-align: top;
        border-bottom: 1px solid #333;
        font-size: 0.97rem;
    }

    [b-i6o69pfip8] .logging-table tr:hover td {
        background: #222;
    }

[b-i6o69pfip8] .constrained-box {
    max-width: 320px;
    overflow-x: auto;
    white-space: pre-line;
    word-break: break-word;
    font-size: 0.95rem;
}

[b-i6o69pfip8] .btn-info,
[b-i6o69pfip8] .btn-secondary,
[b-i6o69pfip8] .btn-primary {
    font-weight: 500;
    letter-spacing: 0.5px;
}

[b-i6o69pfip8] .modal-content {
    background: #181818 !important;
    color: #e0e0e0 !important;
    border-radius: 10px;
    border: 1px solid #444;
}

[b-i6o69pfip8] .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #232526 !important;
    color: #f8f8f8 !important;
    border-bottom: 1px solid #444;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-right: 1rem;
}

    [b-i6o69pfip8] .modal-header .modal-title {
        flex: 1;
        margin-right: 1rem;
    }

    [b-i6o69pfip8] .modal-header .close {
        margin-left: auto;
        color: #e0e0e0 !important;
        background: none;
        border: none;
        font-size: 1.5rem;
        opacity: 0.8;
        padding: 0 0.5rem;
        cursor: pointer;
    }

[b-i6o69pfip8] .modal-footer {
    border-top: 1px solid #444;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

[b-i6o69pfip8] .modal-body {
    max-height: 60vh;
    overflow-y: auto;
    padding: 1.25rem;
}

    [b-i6o69pfip8] .modal-body code {
        max-width: 140ch;
        width: 140ch;
        background: #222;
        color: #39FF14;
        font-family: Consolas, 'Courier New', monospace;
        padding: 1rem;
        border-radius: 8px;
        font-size: 1rem;
        display: block;
        white-space: pre-wrap;
        word-break: break-word;
    }

[b-i6o69pfip8] .modal .close,
[b-i6o69pfip8] .modal .btn-close {
    color: #e0e0e0 !important;
    background: none;
    border: none;
    font-size: 1.5rem;
    opacity: 0.8;
}

[b-i6o69pfip8] .logging-diagnostics {
    background: #232526;
    color: #e0e0e0;
    border-radius: 8px;
    padding: 1rem;
    margin-top: 2rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
}

[b-i6o69pfip8] .modal-dialog.modal-lg {
    max-width: 140ch;
    width: 140ch;
    min-width: 320px;
}
/* /Components/Pages/Admin/Menu.razor.rz.scp.css */
.info-section[b-uie17a96jf] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}
.info-grid[b-uie17a96jf] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.info-row[b-uie17a96jf] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #333;
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
    transition: background 0.2s;
}
.info-row:last-child[b-uie17a96jf] {
    border-bottom: none;
}
.info-label[b-uie17a96jf] {
    color: #d6e2ec;
    font-size: 1rem;
    font-weight: 500;
    flex: 1;
    text-align: left;
}
.title[b-uie17a96jf] {
    color: #ffb347;
    text-shadow: 0 0 2px #000;
}
@media (max-width: 768px) {
    .info-row[b-uie17a96jf] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    .info-label[b-uie17a96jf] {
        text-align: left;
    }
}
/* /Components/Pages/Admin/PlayerDelete.razor.rz.scp.css */
.info-section[b-dmcppdd3zg] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}
.info-grid[b-dmcppdd3zg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.info-row[b-dmcppdd3zg] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #333;
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
    transition: background 0.2s;
}
.info-row:last-child[b-dmcppdd3zg] {
    border-bottom: none;
}
.info-label[b-dmcppdd3zg] {
    color: #d6e2ec;
    font-size: 1rem;
    font-weight: 500;
    flex: 1;
    text-align: left;
}
.title[b-dmcppdd3zg] {
    color: #ffb347;
    text-shadow: 0 0 2px #000;
}
.players-table th[b-dmcppdd3zg] {
    color: #ffb347;
    font-weight: 600;
    background: #222;
    border-bottom: 2px solid #444;
}
.players-table td[b-dmcppdd3zg] {
    color: #fff;
    background: rgba(0,0,0,0.3);
}
@media (max-width: 768px) {
    .info-row[b-dmcppdd3zg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    .info-label[b-dmcppdd3zg] {
        text-align: left;
    }
    .players-table[b-dmcppdd3zg] {
        font-size: 0.95rem;
    }
}
/* /Components/Pages/Admin/Players.razor.rz.scp.css */
.info-section[b-qau0jpj1rh] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}
.info-grid[b-qau0jpj1rh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.info-row[b-qau0jpj1rh] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #333;
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
    transition: background 0.2s;
}
.info-row:last-child[b-qau0jpj1rh] {
    border-bottom: none;
}
.info-label[b-qau0jpj1rh] {
    color: #d6e2ec;
    font-size: 1rem;
    font-weight: 500;
    flex: 1;
    text-align: left;
}
.title[b-qau0jpj1rh] {
    color: #ffb347;
    text-shadow: 0 0 2px #000;
}
.players-table th[b-qau0jpj1rh] {
    color: #ffb347;
    font-weight: 600;
    background: #222;
    border-bottom: 2px solid #444;
}
.players-table td[b-qau0jpj1rh] {
    color: #fff;
    background: rgba(0,0,0,0.3);
}
.info-row.btn-sm[b-qau0jpj1rh] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    height: auto;
}
/* /Components/Pages/Admin/PrivateGameAllowList.razor.rz.scp.css */
.dark-select[b-doxel9enoj] {
    background-color: #333 !important;
    color: #fff !important;
    border-color: #555 !important;
}

.dark-select option[b-doxel9enoj] {
    background-color: #333;
    color: #fff;
}
/* /Components/Pages/Admin/PrivateGameSettings.razor.rz.scp.css */
/* No component-specific styles needed */
/* /Components/Pages/Admin/SettingsDescription.razor.rz.scp.css */
.info-section[b-qozn176j57] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}
.info-grid[b-qozn176j57] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.info-label[b-qozn176j57] {
    color: #d6e2ec;
    font-size: 0.9rem;
    flex: 1;
}
@media (max-width: 768px) {
    .info-grid[b-qozn176j57] {
        gap: 0.5rem;
    }
}
/* /Components/Pages/Admin/SettingsEditor.razor.rz.scp.css */
.info-section[b-6z41ofmiu1] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}
.info-grid[b-6z41ofmiu1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.info-row[b-6z41ofmiu1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #333;
}
.info-row:last-child[b-6z41ofmiu1] {
    border-bottom: none;
}
.info-label[b-6z41ofmiu1] {
    color: #d6e2ec;
    font-size: 0.9rem;
    flex: 1;
}
@media (max-width: 768px) {
    .info-row[b-6z41ofmiu1] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    .info-label[b-6z41ofmiu1] {
        min-width: auto !important;
    }
}
/* /Components/Pages/Admin/TrainAdmin.razor.rz.scp.css */
.stat-box[b-3kjmxwmiob] {
    text-align: center;
    padding: 15px;
    background: var(--bg-tertiary);
    border-radius: 5px;
    margin-bottom: 10px;
}

.stat-value[b-3kjmxwmiob] {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 5px;
}

.stat-label[b-3kjmxwmiob] {
    font-size: 0.9em;
    color: var(--text-secondary);
}

.table-responsive[b-3kjmxwmiob] {
    max-height: 600px;
    overflow-y: auto;
}

.badge[b-3kjmxwmiob] {
    margin-right: 3px;
}

.btn-sm[b-3kjmxwmiob] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}
/* /Components/Pages/Battle/BattleTrainRobbery.razor.rz.scp.css */
/* Train Robbery Battle Component Styles */

.battle-info[b-ny1i6kzur7] {
    color: #0052cc;
    font-weight: bold;
}

.battle-miss[b-ny1i6kzur7] {
    color: #0052cc;
    font-weight: bold;
}

.battle-tired[b-ny1i6kzur7] {
    color: #ff9800;
    font-weight: bold;
}
/* /Components/Pages/City/BlacksmithBuyHorseshoes.razor.rz.scp.css */
/* Desktop table styles */
.horseshoe-table[b-8wofukcr97] {
    width: 100%;
    margin: 1.5rem 0;
}

/* Mobile card styles */
.horseshoe-card[b-8wofukcr97] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #444;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

    .horseshoe-card:hover[b-8wofukcr97] {
        background: rgba(0, 0, 0, 0.4);
        border-color: #ffb347;
    }

.horseshoe-card-header[b-8wofukcr97] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid #555;
    padding-bottom: 0.75rem;
}

.horseshoe-name[b-8wofukcr97] {
    font-weight: 700;
    color: #ffb347;
    font-size: 1.1rem;
}

.horseshoe-status[b-8wofukcr97] {
    font-size: 0.85rem;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.1);
}

.horseshoe-details[b-8wofukcr97] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.detail-row[b-8wofukcr97] {
    display: flex;
    flex-direction: column;
}

.detail-label[b-8wofukcr97] {
    color: #aaa;
    font-size: 0.85rem;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-8wofukcr97] {
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
}

    .detail-value.cost[b-8wofukcr97] {
        color: #4ade80;
    }

    .detail-value.supergallop-yes[b-8wofukcr97] {
        color: #4ade80;
    }

    .detail-value.supergallop-no[b-8wofukcr97] {
        color: #ef4444;
    }

.horseshoe-action[b-8wofukcr97] {
    display: flex;
    gap: 0.5rem;
}

    .horseshoe-action .btn[b-8wofukcr97] {
        flex: 1;
        font-size: 0.9rem;
        padding: 0.5rem;
    }

/* Desktop view - show table */
@media (min-width: 992px) {
    .horseshoe-cards[b-8wofukcr97] {
        display: none;
    }

    .horseshoe-table[b-8wofukcr97] {
        display: block;
    }
}

/* Tablet/Mobile view - show cards */
@media (max-width: 991px) {
    .horseshoe-table[b-8wofukcr97] {
        display: none;
    }

    .horseshoe-cards[b-8wofukcr97] {
        display: block;
    }

    .horseshoe-details[b-8wofukcr97] {
        grid-template-columns: 1fr 1fr;
    }
}

/* Extra small devices */
@media (max-width: 480px) {
    .horseshoe-card[b-8wofukcr97] {
        padding: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .horseshoe-name[b-8wofukcr97] {
        font-size: 1rem;
    }

    .horseshoe-details[b-8wofukcr97] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .detail-label[b-8wofukcr97] {
        font-size: 0.8rem;
    }

    .detail-value[b-8wofukcr97] {
        font-size: 0.95rem;
    }

    .horseshoe-action .btn[b-8wofukcr97] {
        padding: 0.4rem;
        font-size: 0.85rem;
    }
}

/* Utility classes */
.text-right[b-8wofukcr97] {
    text-align: right;
}

.text-success[b-8wofukcr97] {
    color: #4ade80;
}

.text-danger[b-8wofukcr97] {
    color: #ef4444;
}

.mt-2[b-8wofukcr97] {
    margin-top: 0.75rem;
}

.ml-2[b-8wofukcr97] {
    margin-left: 0.5rem;
}
/* /Components/Pages/City/BlacksmithGeneralItems.razor.rz.scp.css */
.table-hover tbody tr:hover[b-2v1lukmr8v] {
    background-color: rgba(255, 193, 7, 0.1) !important;
}

/* Default input width - will be overridden by media queries */
[b-2v1lukmr8v] .input-group-sm input {
    max-width: 70px;
}

/* Desktop table optimizations */
@@media (min-width: 992px) {
    [b-2v1lukmr8v] .input-group-sm {
        width: 100%;
        max-width: none;
        display: flex;
        gap: 0.5rem;
        flex-wrap: nowrap;
    }

    [b-2v1lukmr8v] .input-group-sm input {
        max-width: none !important;
        min-width: 75px;
        flex: 0 1 auto;
        width: 75px !important;
    }

    [b-2v1lukmr8v] .input-group-sm button {
        white-space: nowrap;
        flex: 0 0 auto;
    }

    [b-2v1lukmr8v] table.table tbody td {
        vertical-align: middle;
        padding: 0.75rem;
    }

    [b-2v1lukmr8v] table.table thead th {
        vertical-align: middle;
    }
}

/* Mobile optimizations */
@@media (max-width: 768px) {
    [b-2v1lukmr8v] .accordion-button {
        padding: 1rem;
        font-size: 0.95rem;
    }

    [b-2v1lukmr8v] .accordion-button:not(.collapsed) {
        background-color: rgba(255, 193, 7, 0.15) !important;
        color: #fff;
    }

    [b-2v1lukmr8v] .accordion-body {
        border-top: 1px solid rgba(255, 193, 7, 0.3);
    }

    [b-2v1lukmr8v] .accordion-item {
        margin-bottom: 0.5rem;
    }

    [b-2v1lukmr8v] .input-group-sm {
        display: flex;
        gap: 0.25rem;
    }

    [b-2v1lukmr8v] .input-group-sm input {
        min-width: 60px;
        flex: 1;
        max-width: none;
    }

    [b-2v1lukmr8v] .input-group-sm button {
        white-space: nowrap;
        padding: 0.375rem 0.75rem;
    }

    [b-2v1lukmr8v] .alert {
        padding: 0.75rem;
        font-size: 0.85rem;
        margin: 0;
    }

    [b-2v1lukmr8v] .btn-sm {
        padding: 0.375rem 0.75rem;
        font-size: 0.85rem;
    }
}

/* Extra small devices */
@@media (max-width: 480px) {
    [b-2v1lukmr8v] .accordion-button {
        padding: 0.75rem;
        font-size: 0.9rem;
    }

    [b-2v1lukmr8v] .accordion-body {
        padding: 0.75rem !important;
    }

    [b-2v1lukmr8v] .row.g-2 {
        gap: 0.5rem !important;
    }

    [b-2v1lukmr8v] .col-6 {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }

    [b-2v1lukmr8v] small {
        font-size: 0.75rem;
    }
}
/* /Components/Pages/City/BlacksmithHelp.razor.rz.scp.css */
/* Blacksmith Help Page Styles - Matching Game Help Theme */

/* CSS Variables matching game theme */
:root[b-exb4b1gfdq] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.game-help[b-exb4b1gfdq] {
    max-width: 900px;
    margin: 0 auto 2rem auto;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

    .game-help:focus[b-exb4b1gfdq] {
        outline: 3px solid var(--game-accent);
        outline-offset: 4px;
    }

.page-title[b-exb4b1gfdq] {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin-bottom: 1.25rem;
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    text-align: center;
}

.help-item + .help-item[b-exb4b1gfdq] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 3px solid rgba(255, 170, 85, 0.3);
}

.help-item h3[b-exb4b1gfdq] {
    font-size: 1.2rem;
    margin: 0 0 .5rem 0;
    font-weight: 700;
    color: var(--game-accent-hover);
    text-shadow: 0 0 2px #000;
}

.help-item p[b-exb4b1gfdq] {
    margin: 0 0 0.5rem 0;
    line-height: 1.5;
    font-size: .95rem;
    color: var(--game-text-secondary);
    font-weight: 500;
}

    .help-item p:last-child[b-exb4b1gfdq] {
        margin-bottom: 0;
    }

    .help-item p code[b-exb4b1gfdq],
    .help-item li code[b-exb4b1gfdq] {
        background: #1a1a1a;
        padding: .2rem .5rem;
        border-radius: 4px;
        border: 2px solid var(--game-border);
        font-size: .85rem;
        color: var(--game-accent-hover);
        font-family: 'Courier New', monospace;
        font-weight: 700;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    }

.help-item ul[b-exb4b1gfdq] {
    margin: 0.75rem 0 0 1.5rem;
    padding: 0;
    color: var(--game-text-secondary);
}

.help-item li[b-exb4b1gfdq] {
    margin-bottom: 0.5rem;
    line-height: 1.5;
    font-weight: 500;
}

    .help-item li:last-child[b-exb4b1gfdq] {
        margin-bottom: 0;
    }

.help-item strong[b-exb4b1gfdq] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Icons */
.help-item i[b-exb4b1gfdq] {
    margin-right: 0.25rem;
    opacity: 1;
}

.actions[b-exb4b1gfdq] {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 3px solid var(--game-border);
    text-align: center;
}

    .actions .btn[b-exb4b1gfdq] {
        min-width: 140px;
        font-weight: 700;
        font-size: 1rem;
        padding: 0.75rem 1.5rem;
        transition: all 0.2s;
        border: 3px solid;
    }

        .actions .btn:hover[b-exb4b1gfdq] {
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
        }

    .actions .btn-secondary[b-exb4b1gfdq] {
        background: linear-gradient(145deg, #333, #252525);
        border-color: var(--game-border);
        color: var(--game-text-primary);
    }

        .actions .btn-secondary:hover[b-exb4b1gfdq] {
            background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
            border-color: #666;
            color: #fff;
        }

/* Responsive Design */
@media (max-width: 640px) {
    .game-help[b-exb4b1gfdq] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-exb4b1gfdq] {
        font-size: 1.6rem;
    }

    .help-item h3[b-exb4b1gfdq] {
        font-size: 1.1rem;
    }

    .help-item p[b-exb4b1gfdq],
    .help-item li[b-exb4b1gfdq] {
        font-size: 0.9rem;
    }

    .actions .btn[b-exb4b1gfdq] {
        width: 100%;
    }
}

/* Accessibility */
.game-help *:focus-visible[b-exb4b1gfdq] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-exb4b1gfdq] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Smooth Scroll */
.game-help[b-exb4b1gfdq] {
    scroll-behavior: smooth;
}

/* Animation */
@keyframes fadeIn-b-exb4b1gfdq {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.game-help[b-exb4b1gfdq] {
    animation: fadeIn-b-exb4b1gfdq 0.4s ease-out;
}

    /* Ensure high contrast */
    .game-help p[b-exb4b1gfdq],
    .game-help li[b-exb4b1gfdq],
    .game-help div[b-exb4b1gfdq] {
        color: var(--game-text-secondary);
    }

    .game-help h1[b-exb4b1gfdq],
    .game-help h2[b-exb4b1gfdq],
    .game-help h3[b-exb4b1gfdq],
    .game-help h4[b-exb4b1gfdq] {
        color: var(--game-text-primary);
    }
/* /Components/Pages/City/Hardware.razor.rz.scp.css */
.hardware-store-card[b-8zhtffxarb] {
    border-left: 4px solid #ffc107;
    transition: all 0.3s ease;
}

.hardware-store-card:hover[b-8zhtffxarb] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 193, 7, 0.3);
}

.table-hover tbody tr:hover[b-8zhtffxarb] {
    background-color: rgba(255, 193, 7, 0.1) !important;
}

/* Default input width */
[b-8zhtffxarb] .input-group-sm input {
    max-width: 70px;
}

/* Desktop table optimizations */
@@media (min-width: 992px) {
    [b-8zhtffxarb] .input-group-sm {
        width: 100%;
        max-width: none;
        display: flex;
        gap: 0.5rem;
        flex-wrap: nowrap;
    }

    [b-8zhtffxarb] .input-group-sm input {
        max-width: none !important;
        min-width: 75px;
        flex: 0 1 auto;
        width: 75px !important;
    }

    [b-8zhtffxarb] .input-group-sm button {
        white-space: nowrap;
        flex: 0 0 auto;
    }

    [b-8zhtffxarb] table.table tbody td {
        vertical-align: middle;
    }

    [b-8zhtffxarb] table.table thead th {
        vertical-align: middle;
    }
}

/* Mobile optimizations */
@@media (max-width: 768px) {
    .card[b-8zhtffxarb] {
        border-radius: 0.5rem;
    }

    [b-8zhtffxarb] .btn-sm {
        padding: 0.375rem 0.75rem;
        font-size: 0.85rem;
    }

    .card-text[b-8zhtffxarb] {
        line-height: 1.4;
    }

    [b-8zhtffxarb] .input-group-sm {
        display: flex;
        gap: 0.25rem;
    }

    [b-8zhtffxarb] .input-group-sm input {
        min-width: 60px;
        flex: 1;
        max-width: none;
    }

    [b-8zhtffxarb] .input-group-sm button {
        white-space: nowrap;
        padding: 0.375rem 0.75rem;
    }
}
/* /Components/Pages/City/SaloonBuyAtBar.razor.rz.scp.css */
/* Saloon Buy At Bar Page Styles - Based on Saloon Help Theme */

/* CSS Variables matching game theme */
:root[b-0gt595w8hk] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.game-help[b-0gt595w8hk] {
    max-width: 900px;
    margin: 0 auto 2rem auto;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

    .game-help:focus[b-0gt595w8hk] {
        outline: 3px solid var(--game-accent);
        outline-offset: 4px;
    }

.page-title[b-0gt595w8hk] {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin-bottom: 1.25rem;
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    text-align: center;
}

.help-item[b-0gt595w8hk] {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 3px solid rgba(255, 170, 85, 0.3);
}

.help-item:last-of-type[b-0gt595w8hk] {
    border-bottom: none;
}

.help-item h3[b-0gt595w8hk] {
    font-size: 1.2rem;
    margin: 0 0 .5rem 0;
    font-weight: 700;
    color: var(--game-accent-hover);
    text-shadow: 0 0 2px #000;
}

.help-item p[b-0gt595w8hk] {
    margin: 0 0 0.5rem 0;
    line-height: 1.5;
    font-size: .95rem;
    color: var(--game-text-secondary);
    font-weight: 500;
}

    .help-item p:last-child[b-0gt595w8hk] {
        margin-bottom: 0;
    }

    .help-item p code[b-0gt595w8hk],
    .help-item li code[b-0gt595w8hk] {
        background: #1a1a1a;
        padding: .2rem .5rem;
        border-radius: 4px;
        border: 2px solid var(--game-border);
        font-size: .85rem;
        color: var(--game-accent-hover);
        font-family: 'Courier New', monospace;
        font-weight: 700;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    }

.help-item ul[b-0gt595w8hk] {
    margin: 0.75rem 0 0 1.5rem;
    padding: 0;
    color: var(--game-text-secondary);
}

.help-item li[b-0gt595w8hk] {
    margin-bottom: 0.5rem;
    line-height: 1.5;
    font-weight: 500;
}

    .help-item li:last-child[b-0gt595w8hk] {
        margin-bottom: 0;
    }

.help-item strong[b-0gt595w8hk] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Message Box Styles */
.message[b-0gt595w8hk] {
    padding: 1rem;
    margin: 1.5rem 0;
    border-radius: 8px;
    border-left: 4px solid;
    font-weight: 500;
}

.message.alert-success[b-0gt595w8hk] {
    background-color: rgba(68, 221, 119, 0.15);
    border-left-color: var(--game-success);
    color: var(--game-success);
}

.message.alert-warning[b-0gt595w8hk] {
    background-color: rgba(255, 221, 68, 0.15);
    border-left-color: var(--game-warning);
    color: var(--game-warning);
}

.message.alert-danger[b-0gt595w8hk] {
    background-color: rgba(255, 102, 102, 0.15);
    border-left-color: var(--game-danger);
    color: var(--game-danger);
}

/* Player Status */
.player-status[b-0gt595w8hk] {
    display: flex;
    gap: 2rem;
    margin: 1.5rem 0;
    padding: 1rem;
    background: rgba(40, 40, 40, 0.5);
    border: 2px solid var(--game-border);
    border-radius: 8px;
}

.status-item[b-0gt595w8hk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.status-item .label[b-0gt595w8hk] {
    color: var(--game-text-muted);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.status-item .value[b-0gt595w8hk] {
    color: var(--game-accent-hover);
    font-size: 1.25rem;
    font-weight: 700;
}

/* Drink Selection */
.drink-selection[b-0gt595w8hk] {
    margin: 2rem 0;
}

.drink-selection h3[b-0gt595w8hk] {
    font-size: 1.3rem;
    margin: 0 0 1.5rem 0;
    color: var(--game-accent-hover);
    text-shadow: 0 0 2px #000;
    font-weight: 700;
}

.drink-options[b-0gt595w8hk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.drink-card[b-0gt595w8hk] {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border: 2px solid var(--game-border);
    border-radius: 8px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: all 0.3s ease;
}

    .drink-card:hover[b-0gt595w8hk] {
        background: linear-gradient(135deg, #333 0%, #272727 100%);
        border-color: var(--game-accent);
        box-shadow: 0 0 12px rgba(255, 170, 85, 0.2);
        transform: translateY(-2px);
    }

.drink-header[b-0gt595w8hk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.drink-header h4[b-0gt595w8hk] {
    margin: 0;
    color: var(--game-accent-hover);
    font-size: 1.1rem;
    font-weight: 700;
    flex: 1;
}

.drink-price[b-0gt595w8hk] {
    background: rgba(68, 221, 119, 0.2);
    color: var(--game-success);
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.9rem;
    white-space: nowrap;
    border: 1px solid rgba(68, 221, 119, 0.4);
}

.drink-description[b-0gt595w8hk] {
    color: var(--game-text-secondary);
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0;
    flex: 1;
}

.drink-effect[b-0gt595w8hk] {
    color: var(--game-info);
    font-size: 0.85rem;
    padding: 0.75rem;
    background: rgba(68, 204, 255, 0.1);
    border-radius: 4px;
    border-left: 3px solid var(--game-info);
    margin: 0;
}

.drink-effect strong[b-0gt595w8hk] {
    color: var(--game-text-primary);
    font-weight: 700;
}

.drink-card button[b-0gt595w8hk] {
    align-self: flex-start;
    margin-top: 0.5rem;
}

    .drink-card button.btn-primary[b-0gt595w8hk] {
        background: linear-gradient(145deg, #2d5a2d, #1f4620);
        border: 2px solid var(--game-success);
        color: var(--game-success);
        font-weight: 700;
        padding: 0.75rem 1.5rem;
        transition: all 0.2s;
    }

        .drink-card button.btn-primary:hover:not(:disabled)[b-0gt595w8hk] {
            background: linear-gradient(145deg, #3d7a3d, #2f6a30);
            border-color: var(--game-accent);
            box-shadow: 0 0 12px rgba(68, 221, 119, 0.3);
            transform: translateY(-2px);
        }

        .drink-card button.btn-primary:disabled[b-0gt595w8hk] {
            background: linear-gradient(145deg, #2a2a2a, #1f1f1f);
            border-color: var(--game-text-muted);
            color: var(--game-text-muted);
            cursor: not-allowed;
            opacity: 0.5;
        }

.actions[b-0gt595w8hk] {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 3px solid var(--game-border);
    text-align: center;
}

    .actions .btn[b-0gt595w8hk] {
        min-width: 140px;
        font-weight: 700;
        font-size: 1rem;
        padding: 0.75rem 1.5rem;
        transition: all 0.2s;
        border: 3px solid;
    }

        .actions .btn:hover[b-0gt595w8hk] {
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
        }

    .actions .btn-secondary[b-0gt595w8hk] {
        background: linear-gradient(145deg, #333, #252525);
        border-color: var(--game-border);
        color: var(--game-text-primary);
    }

        .actions .btn-secondary:hover[b-0gt595w8hk] {
            background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
            border-color: #666;
            color: #fff;
        }

/* Modal Styles - Dark Theme */
.saloon-modal .modal-content[b-0gt595w8hk] {
    background-color: #1a1a1a;
    border: 2px solid #ffd700;
}

.saloon-modal .modal-header[b-0gt595w8hk] {
    background-color: #0d0d0d;
    border-bottom: 2px solid #ffd700;
}

.saloon-modal .modal-title[b-0gt595w8hk] {
    color: #ffd700;
    font-weight: bold;
}

.saloon-modal .btn-close[b-0gt595w8hk] {
    filter: invert(1);
}

.saloon-modal .modal-body[b-0gt595w8hk] {
    background-color: #1a1a1a;
}

.saloon-modal .alert[b-0gt595w8hk] {
    background-color: #2a2a2a;
    border: 1px solid;
    color: #e0e0e0;
}

.saloon-modal .modal-footer[b-0gt595w8hk] {
    background-color: #0d0d0d;
    border-top: 2px solid #ffd700;
}

.saloon-modal .btn-primary[b-0gt595w8hk] {
    background-color: #ffd700;
    border-color: #ffd700;
    color: #000;
}

.saloon-modal .btn-primary:hover[b-0gt595w8hk] {
    background-color: #ffed4e;
    border-color: #ffed4e;
}

.modal-backdrop[b-0gt595w8hk] {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .game-help[b-0gt595w8hk] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-0gt595w8hk] {
        font-size: 1.6rem;
    }

    .drink-options[b-0gt595w8hk] {
        grid-template-columns: 1fr;
    }

    .player-status[b-0gt595w8hk] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .actions .btn[b-0gt595w8hk] {
        width: 100%;
    }
}

/* Accessibility */
.game-help *:focus-visible[b-0gt595w8hk] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-0gt595w8hk] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Animation */
@keyframes fadeIn-b-0gt595w8hk {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.game-help[b-0gt595w8hk] {
    animation: fadeIn-b-0gt595w8hk 0.4s ease-out;
}

.drink-card[b-0gt595w8hk] {
    animation: fadeIn-b-0gt595w8hk 0.6s ease-out;
}

.message[b-0gt595w8hk] {
    animation: fadeIn-b-0gt595w8hk 0.3s ease-out;
}

/* Ensure high contrast */
.game-help p[b-0gt595w8hk],
.game-help li[b-0gt595w8hk],
.game-help div[b-0gt595w8hk] {
    color: var(--game-text-secondary);
}

.game-help h1[b-0gt595w8hk],
.game-help h2[b-0gt595w8hk],
.game-help h3[b-0gt595w8hk],
.game-help h4[b-0gt595w8hk] {
    color: var(--game-text-primary);
}
/* /Components/Pages/City/SaloonHelp.razor.rz.scp.css */
/* Saloon Help Page Styles - Based on Blacksmith Help Theme */

/* CSS Variables matching game theme */
:root[b-vejvxwfgk2] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.game-help[b-vejvxwfgk2] {
    max-width: 900px;
    margin: 0 auto 2rem auto;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

    .game-help:focus[b-vejvxwfgk2] {
        outline: 3px solid var(--game-accent);
        outline-offset: 4px;
    }

.page-title[b-vejvxwfgk2] {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin-bottom: 1.25rem;
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    text-align: center;
}

.help-item + .help-item[b-vejvxwfgk2] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 3px solid rgba(255, 170, 85, 0.3);
}

.help-item h3[b-vejvxwfgk2] {
    font-size: 1.2rem;
    margin: 0 0 .5rem 0;
    font-weight: 700;
    color: var(--game-accent-hover);
    text-shadow: 0 0 2px #000;
}

.help-item p[b-vejvxwfgk2] {
    margin: 0 0 0.5rem 0;
    line-height: 1.5;
    font-size: .95rem;
    color: var(--game-text-secondary);
    font-weight: 500;
}

    .help-item p:last-child[b-vejvxwfgk2] {
        margin-bottom: 0;
    }

    .help-item p code[b-vejvxwfgk2],
    .help-item li code[b-vejvxwfgk2] {
        background: #1a1a1a;
        padding: .2rem .5rem;
        border-radius: 4px;
        border: 2px solid var(--game-border);
        font-size: .85rem;
        color: var(--game-accent-hover);
        font-family: 'Courier New', monospace;
        font-weight: 700;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    }

.help-item ul[b-vejvxwfgk2] {
    margin: 0.75rem 0 0 1.5rem;
    padding: 0;
    color: var(--game-text-secondary);
}

.help-item li[b-vejvxwfgk2] {
    margin-bottom: 0.5rem;
    line-height: 1.5;
    font-weight: 500;
}

    .help-item li:last-child[b-vejvxwfgk2] {
        margin-bottom: 0;
    }

.help-item strong[b-vejvxwfgk2] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Icons */
.help-item i[b-vejvxwfgk2] {
    margin-right: 0.25rem;
    opacity: 1;
}

.actions[b-vejvxwfgk2] {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 3px solid var(--game-border);
    text-align: center;
}

    .actions .btn[b-vejvxwfgk2] {
        min-width: 140px;
        font-weight: 700;
        font-size: 1rem;
        padding: 0.75rem 1.5rem;
        transition: all 0.2s;
        border: 3px solid;
    }

        .actions .btn:hover[b-vejvxwfgk2] {
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
        }

    .actions .btn-secondary[b-vejvxwfgk2] {
        background: linear-gradient(145deg, #333, #252525);
        border-color: var(--game-border);
        color: var(--game-text-primary);
    }

        .actions .btn-secondary:hover[b-vejvxwfgk2] {
            background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
            border-color: #666;
            color: #fff;
        }

/* Responsive Design */
@media (max-width: 640px) {
    .game-help[b-vejvxwfgk2] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-vejvxwfgk2] {
        font-size: 1.6rem;
    }

    .help-item h3[b-vejvxwfgk2] {
        font-size: 1.1rem;
    }

    .help-item p[b-vejvxwfgk2],
    .help-item li[b-vejvxwfgk2] {
        font-size: 0.9rem;
    }

    .actions .btn[b-vejvxwfgk2] {
        width: 100%;
    }
}

/* Accessibility */
.game-help *:focus-visible[b-vejvxwfgk2] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-vejvxwfgk2] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Smooth Scroll */
.game-help[b-vejvxwfgk2] {
    scroll-behavior: smooth;
}

/* Animation */
@keyframes fadeIn-b-vejvxwfgk2 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.game-help[b-vejvxwfgk2] {
    animation: fadeIn-b-vejvxwfgk2 0.4s ease-out;
}

    /* Ensure high contrast */
    .game-help p[b-vejvxwfgk2],
    .game-help li[b-vejvxwfgk2],
    .game-help div[b-vejvxwfgk2] {
        color: var(--game-text-secondary);
    }

    .game-help h1[b-vejvxwfgk2],
    .game-help h2[b-vejvxwfgk2],
    .game-help h3[b-vejvxwfgk2],
    .game-help h4[b-vejvxwfgk2] {
        color: var(--game-text-primary);
    }
/* /Components/Pages/City/SaloonOrderFood.razor.rz.scp.css */
/* Saloon Order Food Page Styles */

:root[b-zqgxi5dl4w] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.game-help[b-zqgxi5dl4w] {
    max-width: 900px;
    margin: 0 auto 2rem auto;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

    .game-help:focus[b-zqgxi5dl4w] {
        outline: 3px solid var(--game-accent);
        outline-offset: 4px;
    }

.page-title[b-zqgxi5dl4w] {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin-bottom: 1.25rem;
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    text-align: center;
}

.help-item[b-zqgxi5dl4w] {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 3px solid rgba(255, 170, 85, 0.3);
}

.help-item:last-of-type[b-zqgxi5dl4w] {
    border-bottom: none;
}

.help-item h3[b-zqgxi5dl4w] {
    font-size: 1.2rem;
    margin: 0 0 .5rem 0;
    font-weight: 700;
    color: var(--game-accent-hover);
    text-shadow: 0 0 2px #000;
}

.help-item p[b-zqgxi5dl4w] {
    margin: 0 0 0.5rem 0;
    line-height: 1.5;
    font-size: .95rem;
    color: var(--game-text-secondary);
    font-weight: 500;
}

    .help-item p:last-child[b-zqgxi5dl4w] {
        margin-bottom: 0;
    }

/* Message Box Styles */
.message[b-zqgxi5dl4w] {
    padding: 1rem;
    margin: 1.5rem 0;
    border-radius: 8px;
    border-left: 4px solid;
    font-weight: 500;
}

.message.alert-success[b-zqgxi5dl4w] {
    background-color: rgba(68, 221, 119, 0.15);
    border-left-color: var(--game-success);
    color: var(--game-success);
}

.message.alert-warning[b-zqgxi5dl4w] {
    background-color: rgba(255, 221, 68, 0.15);
    border-left-color: var(--game-warning);
    color: var(--game-warning);
}

.message.alert-danger[b-zqgxi5dl4w] {
    background-color: rgba(255, 102, 102, 0.15);
    border-left-color: var(--game-danger);
    color: var(--game-danger);
}

/* Player Status */
.player-status[b-zqgxi5dl4w] {
    display: flex;
    gap: 2rem;
    margin: 1.5rem 0;
    padding: 1rem;
    background: rgba(40, 40, 40, 0.5);
    border: 2px solid var(--game-border);
    border-radius: 8px;
}

.status-item[b-zqgxi5dl4w] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.status-item .label[b-zqgxi5dl4w] {
    color: var(--game-text-muted);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.status-item .value[b-zqgxi5dl4w] {
    color: var(--game-accent-hover);
    font-size: 1.25rem;
    font-weight: 700;
}

/* Food Selection */
.food-selection[b-zqgxi5dl4w] {
    margin: 2rem 0;
}

.food-selection h3[b-zqgxi5dl4w] {
    font-size: 1.3rem;
    margin: 0 0 1.5rem 0;
    color: var(--game-accent-hover);
    text-shadow: 0 0 2px #000;
    font-weight: 700;
}

.food-options[b-zqgxi5dl4w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.food-card[b-zqgxi5dl4w] {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border: 2px solid var(--game-border);
    border-radius: 8px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: all 0.3s ease;
}

    .food-card:hover[b-zqgxi5dl4w] {
        background: linear-gradient(135deg, #333 0%, #272727 100%);
        border-color: var(--game-accent);
        box-shadow: 0 0 12px rgba(255, 170, 85, 0.2);
        transform: translateY(-2px);
    }

.food-header[b-zqgxi5dl4w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.food-header h4[b-zqgxi5dl4w] {
    margin: 0;
    color: var(--game-accent-hover);
    font-size: 1.1rem;
    font-weight: 700;
    flex: 1;
}

.food-price[b-zqgxi5dl4w] {
    background: rgba(68, 221, 119, 0.2);
    color: var(--game-success);
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.9rem;
    white-space: nowrap;
    border: 1px solid rgba(68, 221, 119, 0.4);
}

.food-description[b-zqgxi5dl4w] {
    color: var(--game-text-secondary);
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0;
    flex: 1;
}

.food-card button[b-zqgxi5dl4w] {
    align-self: flex-start;
    margin-top: 0.5rem;
}

    .food-card button.btn-primary[b-zqgxi5dl4w] {
        background: linear-gradient(145deg, #8B4513, #654321);
        border: 2px solid #D2691E;
        color: #FFE4B5;
        font-weight: 700;
        padding: 0.75rem 1.5rem;
        transition: all 0.2s;
    }

        .food-card button.btn-primary:hover:not(:disabled)[b-zqgxi5dl4w] {
            background: linear-gradient(145deg, #A0522D, #8B4513);
            border-color: var(--game-accent);
            box-shadow: 0 0 12px rgba(210, 105, 30, 0.3);
            transform: translateY(-2px);
        }

        .food-card button.btn-primary:disabled[b-zqgxi5dl4w] {
            background: linear-gradient(145deg, #2a2a2a, #1f1f1f);
            border-color: var(--game-text-muted);
            color: var(--game-text-muted);
            cursor: not-allowed;
            opacity: 0.5;
        }

.actions[b-zqgxi5dl4w] {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 3px solid var(--game-border);
    text-align: center;
}

    .actions .btn[b-zqgxi5dl4w] {
        min-width: 140px;
        font-weight: 700;
        font-size: 1rem;
        padding: 0.75rem 1.5rem;
        transition: all 0.2s;
        border: 3px solid;
    }

        .actions .btn:hover[b-zqgxi5dl4w] {
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
        }

    .actions .btn-secondary[b-zqgxi5dl4w] {
        background: linear-gradient(145deg, #333, #252525);
        border-color: var(--game-border);
        color: var(--game-text-primary);
    }

        .actions .btn-secondary:hover[b-zqgxi5dl4w] {
            background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
            border-color: #666;
            color: #fff;
        }

/* Modal Styles - Dark Theme */
.saloon-modal .modal-content[b-zqgxi5dl4w] {
    background-color: #1a1a1a;
    border: 2px solid #ffd700;
}

.saloon-modal .modal-header[b-zqgxi5dl4w] {
    background-color: #0d0d0d;
    border-bottom: 2px solid #ffd700;
}

.saloon-modal .modal-title[b-zqgxi5dl4w] {
    color: #ffd700;
    font-weight: bold;
}

.saloon-modal .btn-close[b-zqgxi5dl4w] {
    filter: invert(1);
}

.saloon-modal .modal-body[b-zqgxi5dl4w] {
    background-color: #1a1a1a;
}

.saloon-modal .alert[b-zqgxi5dl4w] {
    background-color: #2a2a2a;
    border: 1px solid;
    color: #e0e0e0;
}

.saloon-modal .modal-footer[b-zqgxi5dl4w] {
    background-color: #0d0d0d;
    border-top: 2px solid #ffd700;
}

.saloon-modal .btn-primary[b-zqgxi5dl4w] {
    background-color: #ffd700;
    border-color: #ffd700;
    color: #000;
}

.saloon-modal .btn-primary:hover[b-zqgxi5dl4w] {
    background-color: #ffed4e;
    border-color: #ffed4e;
}

.modal-backdrop[b-zqgxi5dl4w] {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .game-help[b-zqgxi5dl4w] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-zqgxi5dl4w] {
        font-size: 1.6rem;
    }

    .food-options[b-zqgxi5dl4w] {
        grid-template-columns: 1fr;
    }

    .player-status[b-zqgxi5dl4w] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .actions .btn[b-zqgxi5dl4w] {
        width: 100%;
    }
}

/* Accessibility */
.game-help *:focus-visible[b-zqgxi5dl4w] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-zqgxi5dl4w] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Animation */
@keyframes fadeIn-b-zqgxi5dl4w {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.game-help[b-zqgxi5dl4w] {
    animation: fadeIn-b-zqgxi5dl4w 0.4s ease-out;
}

.food-card[b-zqgxi5dl4w] {
    animation: fadeIn-b-zqgxi5dl4w 0.6s ease-out;
}

.message[b-zqgxi5dl4w] {
    animation: fadeIn-b-zqgxi5dl4w 0.3s ease-out;
}
/* /Components/Pages/City/SaloonPlayGame.razor.rz.scp.css */
/* Slot Machine Animations and Styles */

@keyframes spin-b-mef5vqy4pq {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}

@keyframes celebrate-b-mef5vqy4pq {
    0%, 100% {
        transform: scale(1) rotate(0deg);
    }
    25% {
        transform: scale(1.05) rotate(-1deg);
    }
    50% {
        transform: scale(1.1) rotate(1deg);
    }
    75% {
        transform: scale(1.05) rotate(-1deg);
    }
}

@keyframes pulse-b-mef5vqy4pq {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

@keyframes pulse-win-b-mef5vqy4pq {
    0%, 100% {
        transform: scale(1);
        text-shadow: 0 0 10px rgba(255, 215, 0, 0.8);
    }
    50% {
        transform: scale(1.2);
        text-shadow: 0 0 20px rgba(255, 215, 0, 1);
    }
}

.reel.spinning[b-mef5vqy4pq] {
    animation: spin-b-mef5vqy4pq 0.1s linear infinite;
}

.win-celebration[b-mef5vqy4pq] {
    animation: celebrate-b-mef5vqy4pq 0.6s ease-in-out !important;
}

.status-spinning[b-mef5vqy4pq] {
    animation: pulse-b-mef5vqy4pq 1s infinite !important;
}

.win-amount[b-mef5vqy4pq] {
    animation: pulse-win-b-mef5vqy4pq 0.6s ease-in-out !important;
}

/* Slot Machine Styles */
.slot-machine-container[b-mef5vqy4pq] {
    position: relative;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    border: 4px solid #ffd700;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.8);
}

.reels-container[b-mef5vqy4pq] {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 20px 0;
    flex-wrap: wrap;
}

.reel-wrapper[b-mef5vqy4pq] {
    position: relative;
    width: 120px;
    height: 140px;
    overflow: hidden;
    border: 4px solid #ffd700;
    border-radius: 10px;
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.9), 0 0 15px rgba(255, 215, 0, 0.3);
    flex-shrink: 0;
}

.reel[b-mef5vqy4pq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 140px;
    font-size: 3rem;
    transition: all 0.1s ease-out;
}

.reel-symbol[b-mef5vqy4pq] {
    width: 100%;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
}

.reel-label[b-mef5vqy4pq] {
    text-align: center;
    color: #aaa;
    font-size: 0.8rem;
    margin-top: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.result-card-win[b-mef5vqy4pq] {
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
    border: 3px solid #ffd700;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.8), 0 0 40px rgba(40, 167, 69, 0.5);
}

.result-card-loss[b-mef5vqy4pq] {
    background: linear-gradient(135deg, #dc3545 0%, #a02830 100%);
    border: 2px solid #666;
    box-shadow: 0 0 10px rgba(220, 53, 69, 0.3);
}

.win-amount[b-mef5vqy4pq] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #ffd700;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.8);
}

.loss-amount[b-mef5vqy4pq] {
    font-size: 1.5rem;
    color: #ff6b6b;
}

.bet-info[b-mef5vqy4pq] {
    background: rgba(0, 0, 0, 0.3);
    border-left: 3px solid #ffd700;
    padding: 10px 15px;
    border-radius: 5px;
}

.status-badge[b-mef5vqy4pq] {
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 1px;
}

.status-ready[b-mef5vqy4pq] {
    background: #6c757d;
    color: #fff;
}

.status-win[b-mef5vqy4pq] {
    background: linear-gradient(90deg, #ffd700, #ffed4e);
    color: #000;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.8);
}

.status-loss[b-mef5vqy4pq] {
    background: #dc3545;
    color: #fff;
}

/* Modal Styles - Dark Theme */
.saloon-modal .modal-content[b-mef5vqy4pq] {
    background-color: #1a1a1a;
    border: 2px solid #ffd700;
}

.saloon-modal .modal-header[b-mef5vqy4pq] {
    background-color: #0d0d0d;
    border-bottom: 2px solid #ffd700;
}

.saloon-modal .modal-title[b-mef5vqy4pq] {
    color: #ffd700;
    font-weight: bold;
}

.saloon-modal .btn-close[b-mef5vqy4pq] {
    filter: invert(1);
}

.saloon-modal .modal-body[b-mef5vqy4pq] {
    background-color: #1a1a1a;
}

.saloon-modal .alert[b-mef5vqy4pq] {
    background-color: #2a2a2a;
    border: 1px solid;
    color: #e0e0e0;
}

.saloon-modal .modal-footer[b-mef5vqy4pq] {
    background-color: #0d0d0d;
    border-top: 2px solid #ffd700;
}

.saloon-modal .btn-primary[b-mef5vqy4pq] {
    background-color: #ffd700;
    border-color: #ffd700;
    color: #000;
}

.saloon-modal .btn-primary:hover[b-mef5vqy4pq] {
    background-color: #ffed4e;
    border-color: #ffed4e;
}

.modal-backdrop[b-mef5vqy4pq] {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Mobile responsive adjustments */
@media (max-width: 576px) {
    .slot-machine-container[b-mef5vqy4pq] {
        padding: 15px;
    }

    .reels-container[b-mef5vqy4pq] {
        gap: 10px;
        margin: 15px 0;
    }

    .reel-wrapper[b-mef5vqy4pq] {
        width: 80px;
        height: 100px;
        border: 3px solid #ffd700;
    }

    .reel[b-mef5vqy4pq] {
        height: 100px;
        font-size: 2rem;
    }

    .reel-symbol[b-mef5vqy4pq] {
        height: 100px;
        font-size: 2rem;
    }

    .reel-label[b-mef5vqy4pq] {
        font-size: 0.7rem;
        margin-top: 5px;
    }

    .win-amount[b-mef5vqy4pq] {
        font-size: 1.5rem;
    }

    .loss-amount[b-mef5vqy4pq] {
        font-size: 1rem;
    }

    .status-badge[b-mef5vqy4pq] {
        padding: 6px 12px;
        font-size: 0.8rem;
    }

    .btn-group[b-mef5vqy4pq] {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    .btn-group input[b-mef5vqy4pq] {
        width: 70px !important;
        max-width: none !important;
    }
}

/* Tablet adjustments */
@media (min-width: 577px) and (max-width: 768px) {
    .reels-container[b-mef5vqy4pq] {
        gap: 15px;
    }

    .reel-wrapper[b-mef5vqy4pq] {
        width: 100px;
        height: 120px;
        border: 3px solid #ffd700;
    }

    .reel[b-mef5vqy4pq] {
        height: 120px;
        font-size: 2.5rem;
    }

    .reel-symbol[b-mef5vqy4pq] {
        height: 120px;
        font-size: 2.5rem;
    }
}
/* /Components/Pages/City/SaloonUseFacilities.razor.rz.scp.css */
.graffiti-wall[b-9nud8dvs57] {
    background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
    background-image: 
        repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(255,255,255,.01) 2px, rgba(255,255,255,.01) 4px),
        repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,.01) 2px, rgba(255,255,255,.01) 4px);
    position: relative;
    border: 3px solid #333;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.8), 0 0 30px rgba(0,0,0,0.5);
    width: 100%;
    min-height: 300px;
    overflow-x: hidden;
}

.graffiti-wall[b-9nud8dvs57]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 30%, rgba(255,100,0,.02) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(0,150,255,.02) 0%, transparent 50%);
    pointer-events: none;
}

.graffiti-message[b-9nud8dvs57] {
    position: absolute;
    display: inline-block;
    width: fit-content;
    max-width: 85%;
    background: transparent;
    border-radius: 2px;
    padding: 12px 15px;
    transform: rotate(calc(var(--rotation, 0) * 1deg));
    box-shadow: 2px 2px 8px rgba(0,0,0,0.6);
    overflow: visible;
    word-wrap: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;
}

.graffiti-message[b-9nud8dvs57]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        90deg,
        transparent,
        transparent 1px,
        rgba(255,255,255,0.03) 1px,
        rgba(255,255,255,0.03) 2px
    );
    pointer-events: none;
}

.graffiti-text[b-9nud8dvs57] {
    font-family: 'Fredoka One', 'Arial Black', 'Helvetica', sans-serif;
    font-size: 0.95em;
    line-height: 1.4;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7), 2px 2px 0px rgba(0,0,0,0.2);
    font-weight: 600;
}

.graffiti-wall-container[b-9nud8dvs57] {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 500px;
    background-color: #000;
    border-radius: 4px;
}

.spray-paint-btn[b-9nud8dvs57] {
    font-family: 'Fredoka One', 'Arial Black', sans-serif;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.graffiti-title[b-9nud8dvs57] {
    font-family: 'Fredoka One', 'Arial Black', sans-serif;
}

.graffiti-tag-red[b-9nud8dvs57] { 
    border-left-color: #FF3333;
    color: #FF6666;
}

.graffiti-tag-yellow[b-9nud8dvs57] { 
    border-left-color: #FFD700;
    color: #FFED4E;
}

.graffiti-tag-blue[b-9nud8dvs57] { 
    border-left-color: #0099FF;
    color: #33BBFF;
}

.graffiti-tag-green[b-9nud8dvs57] { 
    border-left-color: #00DD00;
    color: #33FF33;
}

.graffiti-tag-purple[b-9nud8dvs57] { 
    border-left-color: #BB33FF;
    color: #DD99FF;
}

.graffiti-tag-cyan[b-9nud8dvs57] { 
    border-left-color: #00FFFF;
    color: #66FFFF;
}

@media (max-width: 600px) {
    .graffiti-message[b-9nud8dvs57] {
        font-size: 0.85em;
        padding: 8px 10px;
        max-width: 90%;
    }
    .graffiti-wall[b-9nud8dvs57] {
        min-height: 200px;
    }
    .graffiti-wall-container[b-9nud8dvs57] {
        min-height: 400px;
    }
}
/* /Components/Pages/City/UniversityDocuments.razor.rz.scp.css */
@keyframes fadeIn-b-ha81iydhsa {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut-b-ha81iydhsa {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.documents-list[b-ha81iydhsa] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.doc-card[b-ha81iydhsa] {
    border: 1px solid #555;
    border-radius: 0;
    transition: all 0.2s ease-in-out;
    margin-bottom: 0.5rem !important;
}

.doc-card:hover[b-ha81iydhsa] {
    border-color: #0d6efd;
    box-shadow: 0 0 15px rgba(13, 110, 253, 0.4);
    transform: translateX(4px);
}

.card-header[b-ha81iydhsa] {
    border-bottom: 1px solid #444;
    padding: 1rem;
}

.card-text[b-ha81iydhsa] {
    max-height: 2.8em;
    overflow: hidden;
}

.badge[b-ha81iydhsa] {
    font-size: 0.75rem;
    padding: 0.35em 0.65em;
}

.modal-slow[b-ha81iydhsa] {
    animation: fadeIn-b-ha81iydhsa 0.3s ease-in;
}

.modal-slow.closing[b-ha81iydhsa] {
    animation: fadeOut-b-ha81iydhsa 0.3s ease-out;
}

.modal-content[b-ha81iydhsa] {
    background-color: #1a1a1a !important;
    border: 1px solid #555 !important;
}

.modal-header[b-ha81iydhsa] {
    background-color: #0d0d0d !important;
    border-bottom: 1px solid #333 !important;
}

.modal-header .modal-title[b-ha81iydhsa] {
    color: #fff !important;
}

.modal-header .btn-close[b-ha81iydhsa] {
    filter: brightness(0.8);
}

.modal-footer[b-ha81iydhsa] {
    background-color: #0d0d0d !important;
    border-top: 1px solid #333 !important;
}

.document-content[b-ha81iydhsa] {
    background-color: #2a2a2a;
    color: #e0e0e0;
    font-family: 'Courier New', monospace;
    font-size: 0.95rem;
}

.document-content p[b-ha81iydhsa] {
    margin-bottom: 1rem;
}

@media (max-width: 768px) {
    .doc-card[b-ha81iydhsa] {
        margin-bottom: 0.25rem !important;
    }
}
/* /Components/Pages/City/UniversityHorseBreeds.razor.rz.scp.css */
.breed-grid[b-d3qniya5mn] {
    display: grid;
    gap: 1rem;
}

.breed-grid.visual[b-d3qniya5mn] {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

.breed-grid.compact[b-d3qniya5mn] {
    grid-template-columns: 1fr;
}

.breed-item[b-d3qniya5mn] {
    background-color: #333;
    border: 1px solid #555;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}

.breed-item:hover[b-d3qniya5mn] {
    border-color: #0d6efd;
    box-shadow: 0 0 10px rgba(13, 110, 253, 0.5);
}

.breed-item-inner[b-d3qniya5mn] {
    padding: 0.75rem;
}

.breed-item-inner img[b-d3qniya5mn] {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.breed-grid.compact .breed-item-inner img[b-d3qniya5mn] {
    max-width: 80px;
    flex-shrink: 0;
}

.name-wrap[b-d3qniya5mn] {
    word-break: break-word;
    color: #fff;
}

.breed-hero[b-d3qniya5mn] {
    width: 100%;
    max-height: 400px;
    object-fit: contain;
    border-radius: 8px;
}

.breed-description[b-d3qniya5mn] {
    line-height: 1.6;
}

.breed-description-scrollable[b-d3qniya5mn] {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 15px;
}

.infinite-sentinel-wrapper[b-d3qniya5mn] {
    text-align: center;
    padding: 2rem;
}

.modal-slow[b-d3qniya5mn] {
    animation: fadeIn-b-d3qniya5mn 0.3s ease-in;
}

.modal-slow.closing[b-d3qniya5mn] {
    animation: fadeOut-b-d3qniya5mn 0.3s ease-out;
}

.modal-content[b-d3qniya5mn] {
    background-color: #1a1a1a !important;
    border: 1px solid #555 !important;
}

.modal-header[b-d3qniya5mn] {
    background-color: #0d0d0d !important;
    border-bottom: 1px solid #333 !important;
}

.modal-header .modal-title[b-d3qniya5mn] {
    color: #fff !important;
}

.modal-header .btn-close[b-d3qniya5mn] {
    filter: brightness(0.8);
}

.modal-footer[b-d3qniya5mn] {
    background-color: #0d0d0d !important;
    border-top: 1px solid #333 !important;
}

.modal-body[b-d3qniya5mn] {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

@keyframes fadeIn-b-d3qniya5mn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut-b-d3qniya5mn {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
/* /Components/Pages/City/UniversityOrganizations.razor.rz.scp.css */
.organizations-grid[b-jzkidw3p8g] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

.org-card[b-jzkidw3p8g] {
    border: 1px solid #555;
    transition: all 0.2s ease-in-out;
    background-color: #1a1a1a !important;
}

.org-card:hover[b-jzkidw3p8g] {
    border-color: #0d6efd;
    box-shadow: 0 0 15px rgba(13, 110, 253, 0.4);
    transform: translateY(-2px);
}

.card-header[b-jzkidw3p8g] {
    border-bottom: 1px solid #333;
    background-color: #0d0d0d !important;
}

.card-text[b-jzkidw3p8g] {
    line-height: 1.5;
}

.modal-slow[b-jzkidw3p8g] {
    animation: fadeIn-b-jzkidw3p8g 0.3s ease-in;
}

.modal-slow.closing[b-jzkidw3p8g] {
    animation: fadeOut-b-jzkidw3p8g 0.3s ease-out;
}

.modal-content[b-jzkidw3p8g] {
    background-color: #1a1a1a !important;
    border: 1px solid #555 !important;
}

.modal-header[b-jzkidw3p8g] {
    background-color: #0d0d0d !important;
    border-bottom: 1px solid #333 !important;
}

.modal-header .modal-title[b-jzkidw3p8g] {
    color: #fff !important;
}

.modal-header .btn-close[b-jzkidw3p8g] {
    filter: brightness(0.8);
}

.modal-footer[b-jzkidw3p8g] {
    background-color: #0d0d0d !important;
    border-top: 1px solid #333 !important;
}

@keyframes fadeIn-b-jzkidw3p8g {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut-b-jzkidw3p8g {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@media (max-width: 768px) {
    .organizations-grid[b-jzkidw3p8g] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Game/BuildRanch.razor.rz.scp.css */
.info-section[b-cif8ouvtew] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}

.info-section-title[b-cif8ouvtew] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffb347;
    margin-bottom: 1rem;
    text-shadow: 0 0 2px #000;
    border-bottom: 1px solid #555;
    padding-bottom: 0.5rem;
}

.info-grid[b-cif8ouvtew] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.info-row[b-cif8ouvtew] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #333;
}

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

.info-label[b-cif8ouvtew] {
    color: #d6e2ec;
    font-size: 0.9rem;
    flex: 1;
}

.info-value[b-cif8ouvtew] {
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    text-align: right;
    min-width: 80px;
}

.info-value.highlight[b-cif8ouvtew] {
    color: #f5d78a;
    text-shadow: 0 0 2px rgba(245, 215, 138, 0.5);
}

.info-value.economic[b-cif8ouvtew] {
    color: #ffb347;
    font-weight: 700;
}

.ranch-form[b-cif8ouvtew] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #333;
    border-radius: 6px;
    padding: 1.25rem;
    border-top: 1px solid #555;
    margin-top: 1rem;
}

.form-label[b-cif8ouvtew] {
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.form-control[b-cif8ouvtew] {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #555;
    color: #fff;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
}

.form-control:focus[b-cif8ouvtew] {
    background: rgba(0, 0, 0, 0.7);
    border-color: #ffb347;
    box-shadow: 0 0 0 0.2rem rgba(255, 179, 71, 0.25);
    color: #fff;
    outline: none;
}

.form-control[b-cif8ouvtew]::placeholder {
    color: #aaa;
}

.count-label[b-cif8ouvtew] {
    color: #aaa;
    font-size: 0.85rem;
}

@media (max-width: 768px) {
    .info-row[b-cif8ouvtew] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .info-value[b-cif8ouvtew] {
        text-align: left;
        min-width: auto;
    }
}
/* /Components/Pages/Game/Components/ActionPanelComponent.razor.rz.scp.css */
/* Action Panel Component Styles */

/* These styles match the existing ButtonPanel styles but with component scoping */
.border[b-10dvq8rf0o] {
    border: 3px solid var(--game-border);
}

.p-2[b-10dvq8rf0o] {
    padding: 1rem;
}

.collapsible-section[b-10dvq8rf0o] {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    margin-bottom: 1rem;
    border: 3px solid var(--game-border);
    overflow: hidden;
}

.collapsible-section:last-child[b-10dvq8rf0o] {
    margin-bottom: 0;
}

.collapsible-header[b-10dvq8rf0o] {
    width: 100%;
    padding: 1rem;
    background: transparent;
    border: none;
    font-weight: 700;
    font-size: 1.1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
    text-align: left;
}

.collapsible-header:hover[b-10dvq8rf0o] {
    background: rgba(255, 255, 255, 0.08);
}

.collapsible-header:active[b-10dvq8rf0o] {
    background: rgba(255, 255, 255, 0.1);
}

.collapse-icon[b-10dvq8rf0o] {
    display: inline-block;
    font-size: 0.9rem;
    min-width: 1rem;
    text-align: center;
    transition: transform 0.2s ease;
}

.action-panel-section[b-10dvq8rf0o] {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: 1rem;
}

.action-panel-section:last-child[b-10dvq8rf0o] {
    margin-bottom: 0;
}

legend[b-10dvq8rf0o] {
    padding: 0 0.5rem;
    font-weight: 700;
    font-size: 1.1rem;
}

.w-auto[b-10dvq8rf0o] {
    width: auto;
}

.yellowtext[b-10dvq8rf0o] {
    color: #ffdd44;
}

.greentext[b-10dvq8rf0o] {
    color: #77ccff;
}

.bluetext[b-10dvq8rf0o] {
    color: var(--game-info);
}

.purpletext[b-10dvq8rf0o] {
    color: #cc99ff;
}

.action-panel-grid[b-10dvq8rf0o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0 1rem 1rem 1rem;
}

.action-panel-grid button[b-10dvq8rf0o] {
    flex: 0 1 auto;
    white-space: nowrap;
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: all 0.2s ease;
}

.action-panel-grid button:hover[b-10dvq8rf0o] {
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.action-panel-grid button:active[b-10dvq8rf0o] {
    transform: scale(0.95);
}

.shortkey[b-10dvq8rf0o] {
    text-decoration: underline;
    font-weight: 700;
}

/* Mobile Responsive Styles */
@media (max-width: 767.98px) {
    .collapsible-section[b-10dvq8rf0o] {
        margin-bottom: 0.5rem;
    }

    .collapsible-header[b-10dvq8rf0o] {
        padding: 0.75rem 0.5rem;
        font-size: 0.95rem;
    }

    .action-panel-grid[b-10dvq8rf0o] {
        gap: 0.35rem;
        padding: 0 0.5rem 0.5rem 0.5rem;
    }

    .action-panel-grid button[b-10dvq8rf0o] {
        flex: 1 1 calc(50% - 0.35rem);
        font-size: 0.75rem;
        padding: 0.4rem 0.25rem;
        min-width: 0;
        text-align: center;
        white-space: normal;
        line-height: 1.2;
        word-break: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
    }
}

/* Tablet optimization */
@media (min-width: 768px) and (max-width: 991.98px) {
    .action-panel-grid button[b-10dvq8rf0o] {
        flex: 0 1 calc(33.333% - 0.5rem);
        font-size: 0.85rem;
    }
}

/* Small mobile devices */
@media (max-width: 479.98px) {
    .action-panel-grid[b-10dvq8rf0o] {
        gap: 0.3rem;
    }

    .action-panel-grid button[b-10dvq8rf0o] {
        flex: 1 1 100%;
        font-size: 0.8rem;
        padding: 0.5rem 0.4rem;
        white-space: normal;
    }
}
/* /Components/Pages/Game/Components/CargoInfoComponent.razor.rz.scp.css */
/* Cargo Info Component Styles */

.cargo-info-container[b-6dhgl8y8gw] {
    margin-top: 1rem;
}

/* Cargo Pills */
.cargo-pills[b-6dhgl8y8gw] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    background: rgba(68, 204, 255, 0.15);
    border: 2px solid rgba(68, 204, 255, 0.4);
    border-radius: 8px;
}

.cargo-pill[b-6dhgl8y8gw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.9rem;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 20px;
    min-width: fit-content;
}

    .cargo-pill:hover[b-6dhgl8y8gw] {
        background: rgba(255, 255, 255, 0.15);
        border-color: rgba(255, 255, 255, 0.4);
        transition: all 0.2s ease;
    }

.pill-label[b-6dhgl8y8gw] {
    color: var(--game-text-secondary);
    font-size: 0.9rem;
    font-weight: 600;
}

.pill-value[b-6dhgl8y8gw] {
    color: var(--game-accent-hover);
    font-size: 1rem;
    font-weight: 700;
}

    .pill-value.full[b-6dhgl8y8gw] {
        color: var(--game-danger);
    }

/* Tablet optimization */
@media (min-width: 768px) and (max-width: 991.98px) {
    .cargo-pills[b-6dhgl8y8gw] {
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .cargo-pill[b-6dhgl8y8gw] {
        flex: 0 1 calc(50% - 0.375rem);
        padding: 0.35rem 0.8rem;
    }

    .pill-label[b-6dhgl8y8gw] {
        font-size: 0.85rem;
    }

    .pill-value[b-6dhgl8y8gw] {
        font-size: 0.9rem;
    }
}

/* Mobile devices */
@media (max-width: 767.98px) {
    .cargo-info-container[b-6dhgl8y8gw] {
        margin-top: 0.75rem;
    }

    .cargo-pills[b-6dhgl8y8gw] {
        flex-direction: column;
        gap: 0.5rem;
        padding: 0.75rem;
        background: rgba(68, 204, 255, 0.15);
        border: 2px solid rgba(68, 204, 255, 0.4);
    }

    .cargo-pill[b-6dhgl8y8gw] {
        width: 100%;
        justify-content: space-between;
        padding: 0.35rem 0.6rem;
        gap: 0.5rem;
    }

    .pill-label[b-6dhgl8y8gw] {
        font-size: 0.8rem;
        flex-shrink: 0;
    }

    .pill-value[b-6dhgl8y8gw] {
        font-size: 0.9rem;
        text-align: right;
        flex-shrink: 0;
    }
}

/* Small mobile devices */
@media (max-width: 479.98px) {
    .cargo-info-container[b-6dhgl8y8gw] {
        margin-top: 0.5rem;
    }

    .cargo-pills[b-6dhgl8y8gw] {
        gap: 0.4rem;
        padding: 0.5rem;
    }

    .cargo-pill[b-6dhgl8y8gw] {
        padding: 0.3rem 0.5rem;
        min-width: 0;
    }

    .pill-label[b-6dhgl8y8gw] {
        font-size: 0.75rem;
        font-weight: 500;
    }

    .pill-value[b-6dhgl8y8gw] {
        font-size: 0.85rem;
    }
}
/* /Components/Pages/Game/Components/LocationInfoComponent.razor.rz.scp.css */
/* Location Info Component Styles */

.game-card[b-gb8swzpwyj] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}

.game-card-header[b-gb8swzpwyj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #666;
}

.game-card-icon[b-gb8swzpwyj] {
    font-size: 1.5rem;
    color: var(--game-accent-hover);
}

.game-card-title[b-gb8swzpwyj] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--game-text-primary);
}

.game-card-body[b-gb8swzpwyj] {
    color: var(--game-text-secondary);
}

/* Location Info */
.location-info[b-gb8swzpwyj] {
    display: grid;
    gap: 0.75rem;
    animation: moveTransition-b-gb8swzpwyj 0.5s ease-out;
}

@keyframes moveTransition-b-gb8swzpwyj {
    0% {
        transform: translateX(0) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateX(10px) scale(1.05);
        opacity: 0.8;
    }

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

.location-detail[b-gb8swzpwyj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    border: 2px solid rgba(255, 255, 255, 0.15);
}

.location-label[b-gb8swzpwyj] {
    color: var(--game-text-secondary);
    font-weight: 600;
    min-width: 80px;
}

.location-value[b-gb8swzpwyj] {
    color: var(--game-text-primary);
    font-weight: 700;
}

.federal-law-badge[b-gb8swzpwyj] {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: rgba(255, 102, 102, 0.3);
    border: 2px solid var(--game-danger);
    border-radius: 6px;
    color: var(--game-danger);
    font-weight: 700;
    font-size: 0.95rem;
}

.smoke-signal[b-gb8swzpwyj] {
    padding: 0.75rem;
    background: rgba(255, 221, 68, 0.25);
    border-left: 4px solid var(--game-warning);
    border: 2px solid rgba(255, 221, 68, 0.4);
    border-radius: 4px;
    margin: 0.75rem 0;
}

.smoke-signal-label[b-gb8swzpwyj] {
    color: var(--game-warning);
    font-weight: 700;
    margin-right: 0.5rem;
}

.smoke-signal-text[b-gb8swzpwyj] {
    color: var(--game-info);
    font-style: italic;
    font-weight: 600;
}

/* Entity Cards (NPCs, Players, Ranches) */
.entity-card[b-gb8swzpwyj] {
    padding: 1rem;
    margin: 0.75rem 0;
    border-radius: 8px;
    border: 3px solid;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s;
}

    .entity-card:hover[b-gb8swzpwyj] {
        transform: translateX(4px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    }

    .entity-card.npc[b-gb8swzpwyj] {
        background: rgba(255, 102, 102, 0.25);
        border-color: var(--game-danger);
    }

    .entity-card.player[b-gb8swzpwyj] {
        background: rgba(68, 204, 255, 0.25);
        border-color: var(--game-info);
    }

    .entity-card.ranch[b-gb8swzpwyj] {
        background: rgba(255, 221, 68, 0.25);
        border-color: var(--game-warning);
    }

.entity-header[b-gb8swzpwyj] {
    font-weight: 700;
    font-size: 1.1rem;
}

.entity-card.npc .entity-header[b-gb8swzpwyj] {
    color: var(--game-danger);
}

.entity-card.player .entity-header[b-gb8swzpwyj] {
    color: var(--game-info);
}

.entity-card.ranch .entity-header[b-gb8swzpwyj] {
    color: var(--game-warning);
}

.entity-actions[b-gb8swzpwyj] {
    display: flex;
    gap: 0.5rem;
}

/* Dogs Info */
.dogs-info[b-gb8swzpwyj] {
    padding: 1rem;
    background: rgba(255, 170, 85, 0.25);
    border: 3px solid rgba(255, 170, 85, 0.5);
    border-radius: 8px;
    margin: 0.75rem 0;
}

.dogs-count[b-gb8swzpwyj] {
    font-weight: 700;
    color: var(--game-accent-hover);
    font-size: 1.15rem;
}

.dogs-detail[b-gb8swzpwyj] {
    color: var(--game-text-secondary);
    margin-top: 0.5rem;
    font-weight: 500;
}

/* Cargo Display */
.cargo-container[b-gb8swzpwyj] {
    padding: 1rem;
    background: rgba(255, 255, 255, 0.06);
    border: 3px solid var(--game-border);
    border-radius: 8px;
    margin-top: 1rem;
}

.cargo-title[b-gb8swzpwyj] {
    font-weight: 700;
    color: var(--game-accent-hover);
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
}

.cargo-table[b-gb8swzpwyj] {
    width: 100%;
    border-collapse: collapse;
}

    .cargo-table tr[b-gb8swzpwyj] {
        border-bottom: 2px solid rgba(255, 255, 255, 0.15);
    }

        .cargo-table tr:last-child[b-gb8swzpwyj] {
            border-bottom: none;
        }

    .cargo-table td[b-gb8swzpwyj] {
        padding: 0.75rem 0.5rem;
        color: var(--game-text-secondary);
        font-weight: 500;
    }

        .cargo-table td:first-child[b-gb8swzpwyj] {
            color: var(--game-text-primary);
            font-weight: 600;
        }

        .cargo-table td:last-child[b-gb8swzpwyj] {
            text-align: right;
        }

/* Alert Sections */
.alert-section[b-gb8swzpwyj] {
    padding: 1rem;
    border-radius: 8px;
    margin: 0.75rem 0;
    font-weight: 700;
    border: 3px solid;
}

    .alert-section.danger[b-gb8swzpwyj] {
        background: rgba(255, 102, 102, 0.3);
        border-color: var(--game-danger);
        color: var(--game-danger);
    }

    .alert-section.warning[b-gb8swzpwyj] {
        background: rgba(255, 221, 68, 0.3);
        border-color: var(--game-warning);
        color: var(--game-warning);
    }

    .alert-section.info[b-gb8swzpwyj] {
        background: rgba(68, 204, 255, 0.3);
        border-color: var(--game-info);
        color: var(--game-info);
    }

/* Responsive Design */
@media (max-width: 768px) {
    .entity-card[b-gb8swzpwyj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .entity-actions[b-gb8swzpwyj] {
        width: 100%;
        flex-direction: column;
    }
}
/* /Components/Pages/Game/Components/NavigationComponent.razor.rz.scp.css */
/* Navigation Component Styles */

/* Card Styles */
.game-card[b-h77obix9rs] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}

.game-card-header[b-h77obix9rs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #666;
}

.game-card-icon[b-h77obix9rs] {
    font-size: 1.5rem;
    color: var(--game-accent-hover);
}

.game-card-title[b-h77obix9rs] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--game-text-primary);
}

.game-card-body[b-h77obix9rs] {
    color: var(--game-text-secondary);
}

/* Navigation Section */
.navigation-card[b-h77obix9rs] {
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid #666;
}

.navigation-input-group[b-h77obix9rs] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.navigation-input[b-h77obix9rs] {
    flex: 1;
    max-width: 150px;
    padding: 0.5rem;
    background: #1a1a1a;
    border: 2px solid var(--game-border);
    border-radius: 6px;
    color: #fff;
    font-size: 1rem;
}

    .navigation-input:focus[b-h77obix9rs] {
        outline: none;
        border-color: var(--game-accent);
        background: #222;
        box-shadow: 0 0 0 3px rgba(255, 170, 85, 0.25);
    }

.township-range[b-h77obix9rs] {
    color: var(--game-text-muted);
    font-size: 0.9rem;
}

.nav-message[b-h77obix9rs] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: rgba(255, 221, 68, 0.25);
    border-left: 4px solid var(--game-warning);
    border: 2px solid rgba(255, 221, 68, 0.4);
    border-radius: 4px;
    color: var(--game-warning);
    font-weight: 600;
}

/* Path Display */
.path-display[b-h77obix9rs] {
    margin: 1rem 0;
    padding: 1rem;
    background: rgba(68, 204, 255, 0.15);
    border: 3px solid rgba(68, 204, 255, 0.4);
    border-radius: 8px;
    font-family: 'Courier New', monospace;
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--game-text-primary);
    overflow-x: auto;
}

/* Path Node Styles - for townships in the navigation path */
.path-display .path-node[b-h77obix9rs] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    margin: 0.1rem;
    border-radius: 4px;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Visited townships (dimmed) */
.path-display .path-node:not(.current):not(.unvisited)[b-h77obix9rs] {
    color: #aaa;
    background: rgba(170, 170, 170, 0.15);
    border: 1px solid rgba(170, 170, 170, 0.3);
}

/* Unvisited townships (highlighted as new) */
.path-display .path-node.unvisited[b-h77obix9rs] {
    color: #55ee88;
    background: rgba(85, 238, 136, 0.2);
    border: 1px solid rgba(85, 238, 136, 0.5);
    font-weight: 700;
}

/* Current township - HIGHLY HIGHLIGHTED */
.path-display .path-node.current[b-h77obix9rs] {
    color: #ffdd44;
    background: linear-gradient(135deg, rgba(255, 221, 68, 0.4) 0%, rgba(255, 170, 85, 0.4) 100%);
    border: 2px solid #ffaa55;
    font-weight: 800;
    font-size: 1.15em;
    padding: 0.35rem 0.7rem;
    box-shadow: 0 0 15px rgba(255, 221, 68, 0.6), 0 0 25px rgba(255, 170, 85, 0.4);
    animation: current-pulse-b-h77obix9rs 2s ease-in-out infinite;
    transform: scale(1.1);
}

@keyframes current-pulse-b-h77obix9rs {
    0%, 100% {
        box-shadow: 0 0 15px rgba(255, 221, 68, 0.6), 0 0 25px rgba(255, 170, 85, 0.4);
        transform: scale(1.1);
    }
    50% {
        box-shadow: 0 0 20px rgba(255, 221, 68, 0.8), 0 0 35px rgba(255, 170, 85, 0.6);
        transform: scale(1.15);
    }
}

/* Pathway Buttons */
.pathway-buttons[b-h77obix9rs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 1rem 0;
}

.pathway-btn[b-h77obix9rs] {
    min-width: 50px;
    padding: 0.5rem 1rem;
    border: 2px solid;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

    .pathway-btn.visited[b-h77obix9rs] {
        background: #666;
        color: #fff;
        border-color: #777;
    }

        .pathway-btn.visited:hover[b-h77obix9rs] {
            background: #777;
            border-color: #888;
            transform: scale(1.05);
        }

    .pathway-btn.unvisited[b-h77obix9rs] {
        background: var(--game-success);
        color: #fff;
        border-color: #55ee88;
        font-weight: 700;
    }

        .pathway-btn.unvisited:hover[b-h77obix9rs] {
            background: #55ee88;
            border-color: #66ff99;
            transform: scale(1.05);
        }

/* Navigation Controls */
.nav-controls[b-h77obix9rs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

    .nav-controls button[b-h77obix9rs] {
        transition: all 0.2s ease;
    }

        .nav-controls button:active[b-h77obix9rs] {
            transform: scale(0.95);
        }

        .nav-controls button:hover[b-h77obix9rs] {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }

.gallop-timer[b-h77obix9rs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
    background: rgba(68, 204, 255, 0.3);
    border: 2px solid rgba(68, 204, 255, 0.6);
    border-radius: 6px;
    font-weight: 600;
    color: var(--game-info);
    min-height: 60px;
    flex: 1 1 auto;
    min-width: 0;
}

/* Galloping Horse Animation */
.gallop-animation-container[b-h77obix9rs] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    background: rgba(255, 170, 85, 0.15);
    border: 3px solid rgba(255, 170, 85, 0.4);
    border-radius: 8px;
    margin-bottom: 1rem;
    animation: gallop-glow-b-h77obix9rs 2s ease-in-out infinite;
    min-height: 60px;
    flex: 1 1 auto;
    min-width: 0;
}

@keyframes gallop-glow-b-h77obix9rs {
    0%, 100% {
        box-shadow: 0 0 10px rgba(255, 170, 85, 0.4);
        background: rgba(255, 170, 85, 0.15);
    }

    50% {
        box-shadow: 0 0 20px rgba(255, 170, 85, 0.6);
        background: rgba(255, 170, 85, 0.25);
    }
}

.galloping-horse-gif[b-h77obix9rs] {
    max-width: 100%;
    max-height: 150px;
    width: auto;
    height: auto;
    filter: drop-shadow(0 0 5px rgba(255, 170, 85, 0.5));
}

/* Gallop Progress Indicator */
.gallop-progress-container[b-h77obix9rs] {
    width: 100%;
    padding: 1rem;
    background: rgba(68, 204, 255, 0.2);
    border: 3px solid rgba(68, 204, 255, 0.5);
    border-radius: 8px;
    margin-bottom: 1rem;
}

.gallop-progress-header[b-h77obix9rs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    color: var(--game-info);
    font-weight: 700;
    font-size: 0.95rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.gallop-progress-bar[b-h77obix9rs] {
    width: 100%;
    height: 30px;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(68, 204, 255, 0.4);
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.gallop-progress-fill[b-h77obix9rs] {
    height: 100%;
    background: linear-gradient(90deg, #44ccff 0%, #66ddff 50%, #88eeff 100%);
    border-radius: 13px;
    transition: width 0.5s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 0 0 10px rgba(68, 204, 255, 0.6);
}

    .gallop-progress-fill[b-h77obix9rs]::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
        animation: shimmer-b-h77obix9rs 2s infinite;
    }

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

    100% {
        left: 100%;
    }
}

.gallop-progress-text[b-h77obix9rs] {
    font-weight: 700;
    font-size: 0.9rem;
    color: #000;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
    z-index: 1;
    position: relative;
}

/* Alert Section */
.alert-section[b-h77obix9rs] {
    padding: 1rem;
    border-radius: 8px;
    margin: 0.75rem 0;
    font-weight: 700;
    border: 3px solid;
}

    .alert-section.danger[b-h77obix9rs] {
        background: rgba(255, 102, 102, 0.3);
        border-color: var(--game-danger);
        color: var(--game-danger);
    }

@keyframes pulse-b-h77obix9rs {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

.pulse[b-h77obix9rs] {
    animation: pulse-b-h77obix9rs 2s ease-in-out infinite;
}

/* Mobile Responsive Styles */
@media (max-width: 767.98px) {
    .game-card[b-h77obix9rs] {
        padding: 1rem;
        border-width: 2px;
    }

    .game-card-header[b-h77obix9rs] {
        gap: 0.5rem;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
    }

    .game-card-icon[b-h77obix9rs] {
        font-size: 1.25rem;
    }

    .game-card-title[b-h77obix9rs] {
        font-size: 1.1rem;
    }

    .navigation-input-group[b-h77obix9rs] {
        gap: 0.4rem;
    }

    .navigation-input-group label[b-h77obix9rs] {
        width: 100%;
        margin-bottom: 0.25rem;
    }

    .navigation-input[b-h77obix9rs] {
        flex: 1;
        min-width: 80px;
        max-width: none;
        font-size: 0.9rem;
        padding: 0.4rem;
    }

    .township-range[b-h77obix9rs] {
        font-size: 0.8rem;
    }

    .pathway-buttons[b-h77obix9rs] {
        gap: 0.4rem;
    }

    .pathway-btn[b-h77obix9rs] {
        min-width: 45px;
        padding: 0.4rem 0.6rem;
        font-size: 0.85rem;
    }

    .path-display[b-h77obix9rs] {
        padding: 0.75rem;
        font-size: 0.8rem;
        line-height: 1.4;
    }

    .path-display .path-node[b-h77obix9rs] {
        padding: 0.2rem 0.4rem;
        font-size: 0.85rem;
    }

    .path-display .path-node.current[b-h77obix9rs] {
        padding: 0.3rem 0.6rem;
        font-size: 1em;
    }

    .nav-controls[b-h77obix9rs] {
        gap: 0.5rem;
        flex-direction: column;
    }

    .nav-controls button[b-h77obix9rs] {
        width: 100%;
        font-size: 0.9rem;
    }

    /* Show Trade Here button on mobile when navigating */
    .mobile-trade-btn[b-h77obix9rs] {
        display: block !important;
    }

    .gallop-animation-container[b-h77obix9rs] {
        padding: 0.75rem;
        margin-bottom: 0.75rem;
        min-height: 80px;
    }

    .galloping-horse-gif[b-h77obix9rs] {
        max-height: 100px;
    }

    .gallop-timer[b-h77obix9rs] {
        padding: 0.75rem;
        min-height: 50px;
        font-size: 0.9rem;
        width: 100%;
    }

    .gallop-progress-container[b-h77obix9rs] {
        padding: 0.75rem;
    }

    .gallop-progress-header[b-h77obix9rs] {
        font-size: 0.85rem;
    }

    .gallop-progress-bar[b-h77obix9rs] {
        height: 25px;
    }

    .gallop-progress-text[b-h77obix9rs] {
        font-size: 0.8rem;
    }
}

/* Hide Trade Here button on desktop */
@media (min-width: 768px) {
    .mobile-trade-btn[b-h77obix9rs] {
        display: none !important;
    }
}
/* /Components/Pages/Game/Components/PathPreviewComponent.razor.rz.scp.css */
/* Path Preview Component Styles */

.path-preview-container[b-2ohiq6ilkx] {
    width: 100%;
    background: rgba(255, 170, 85, 0.15);
    border: 3px solid rgba(255, 170, 85, 0.4);
    border-radius: 8px;
    margin-bottom: 1rem;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .path-preview-container.collapsed[b-2ohiq6ilkx] {
        max-height: 50px;
    }

    .path-preview-container.expanded[b-2ohiq6ilkx] {
        max-height: 500px;
    }

.path-preview-toggle[b-2ohiq6ilkx] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: transparent;
    border: none;
    color: var(--game-accent-hover);
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s;
}

    .path-preview-toggle:hover[b-2ohiq6ilkx] {
        background: rgba(255, 170, 85, 0.2);
        color: #fff;
    }

    .path-preview-toggle i[b-2ohiq6ilkx] {
        transition: transform 0.3s;
    }

.path-preview-content[b-2ohiq6ilkx] {
    padding: 1rem;
    animation: fadeIn-b-2ohiq6ilkx 0.3s ease-out;
}

@keyframes fadeIn-b-2ohiq6ilkx {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.path-preview-item[b-2ohiq6ilkx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    border: 2px solid rgba(255, 170, 85, 0.3);
}

    .path-preview-item:last-of-type[b-2ohiq6ilkx] {
        margin-bottom: 0;
    }

    .path-preview-item i[b-2ohiq6ilkx] {
        color: var(--game-accent-hover);
        font-size: 1.1rem;
        min-width: 20px;
    }

.path-preview-label[b-2ohiq6ilkx] {
    flex: 1;
    color: var(--game-text-secondary);
    font-weight: 600;
}

.path-preview-value[b-2ohiq6ilkx] {
    color: var(--game-text-primary);
    font-weight: 700;
    font-size: 1.05rem;
}

    .path-preview-value.success[b-2ohiq6ilkx] {
        color: var(--game-success);
    }

    .path-preview-value.danger[b-2ohiq6ilkx] {
        color: var(--game-danger);
    }

.path-preview-warning[b-2ohiq6ilkx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    margin-top: 0.5rem;
    background: rgba(255, 102, 102, 0.25);
    border: 2px solid var(--game-danger);
    border-radius: 6px;
    color: var(--game-danger);
    font-weight: 700;
}
/* /Components/Pages/Game/Components/PlayerStatsComponent.razor.rz.scp.css */
/* Player Stats Component Styles */

/* Stats Bar */
.stats-bar[b-sr24qq5z5n] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255, 170, 85, 0.2);
    border-radius: 8px;
    border: 2px solid rgba(255, 170, 85, 0.5);
    margin-bottom: 1rem;
}

.stat-pill[b-sr24qq5z5n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.9rem;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 20px;
    min-width: fit-content;
}

    .stat-pill:hover[b-sr24qq5z5n] {
        background: rgba(255, 255, 255, 0.15);
        border-color: rgba(255, 255, 255, 0.4);
        transition: all 0.2s ease;
    }

.stat-label[b-sr24qq5z5n] {
    font-size: 0.9rem;
    color: var(--game-text-secondary);
    font-weight: 500;
}

.stat-value[b-sr24qq5z5n] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--game-accent-hover);
}

    .stat-value.danger[b-sr24qq5z5n] {
        color: var(--game-danger);
    }

    .stat-value.success[b-sr24qq5z5n] {
        color: var(--game-success);
    }

/* Unread Messages Badge */
.unread-badge[b-sr24qq5z5n] {
    position: relative;
    animation: pulse-b-sr24qq5z5n 2s ease-in-out infinite;
}

@keyframes pulse-b-sr24qq5z5n {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

@media (max-width: 768px) {
    .stats-bar[b-sr24qq5z5n] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .stat-pill[b-sr24qq5z5n] {
        width: 100%;
        justify-content: space-between;
    }
}
/* /Components/Pages/Game/Dead.razor.rz.scp.css */
.dead-container[b-410bjpvnmw] {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.fade-in[b-410bjpvnmw] {
    animation: fadeIn-b-410bjpvnmw 0.5s ease-in;
}

@keyframes fadeIn-b-410bjpvnmw {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.card-header[b-410bjpvnmw] {
    background-color: rgba(220, 53, 69, 0.1);
    border-bottom: 2px solid #dc3545;
}

.btn-primary[b-410bjpvnmw] {
    background-color: #007bff;
    border-color: #007bff;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-410bjpvnmw] {
    background-color: #0056b3;
    border-color: #0056b3;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}

.fas.fa-skull[b-410bjpvnmw] {
    color: #dc3545;
    text-shadow: 0 0 10px rgba(220, 53, 69, 0.5);
}
/* /Components/Pages/Game/DeployMinesAndTrackers.razor.rz.scp.css */
.info-section[b-k9vprsnifz] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}

.info-section-title[b-k9vprsnifz] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-shadow: 0 0 2px #000;
    border-bottom: 1px solid #555;
    padding-bottom: 0.5rem;
}

.mines-section[b-k9vprsnifz] {
    border-color: #dc3545;
}

.mines-title[b-k9vprsnifz] {
    color: #ff6b6b;
}

.trackers-section[b-k9vprsnifz] {
    border-color: #0dcaf0;
}

.trackers-title[b-k9vprsnifz] {
    color: #9cc8ff;
}

.info-grid[b-k9vprsnifz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.info-row[b-k9vprsnifz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #333;
}

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

.info-label[b-k9vprsnifz] {
    color: #d6e2ec;
    font-size: 0.9rem;
    flex: 1;
}

.info-value[b-k9vprsnifz] {
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    text-align: right;
    min-width: 60px;
}

.mines-count[b-k9vprsnifz] {
    color: #ff6b6b;
    text-shadow: 0 0 2px rgba(255, 107, 107, 0.5);
}

.trackers-count[b-k9vprsnifz] {
    color: #9cc8ff;
    text-shadow: 0 0 2px rgba(156, 200, 255, 0.5);
}

.deploy-form[b-k9vprsnifz] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #333;
    border-radius: 6px;
    padding: 1rem;
}

.form-row[b-k9vprsnifz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.form-label[b-k9vprsnifz] {
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.input-group[b-k9vprsnifz] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.form-control[b-k9vprsnifz] {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #555;
    color: #fff;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    max-width: 120px;
}

.form-control:focus[b-k9vprsnifz] {
    background: rgba(0, 0, 0, 0.7);
    border-color: #ffb347;
    box-shadow: 0 0 0 0.2rem rgba(255, 179, 71, 0.25);
    color: #fff;
    outline: none;
}

.no-items-message[b-k9vprsnifz] {
    color: #aaa;
    font-style: italic;
    text-align: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    border: 1px solid #333;
}

.error-message[b-k9vprsnifz] {
    color: #ff6b6b;
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

@media (max-width: 768px) {
    .info-row[b-k9vprsnifz] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .info-value[b-k9vprsnifz] {
        text-align: left;
        min-width: auto;
    }

    .input-group[b-k9vprsnifz] {
        flex-direction: column;
        align-items: stretch;
    }

    .form-control[b-k9vprsnifz] {
        max-width: 100%;
    }
}
/* /Components/Pages/Game/DumpCargo.razor.rz.scp.css */
.info-section[b-yy776jofp0] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}

.info-section-title[b-yy776jofp0] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffb347;
    margin-bottom: 1rem;
    text-shadow: 0 0 2px #000;
    border-bottom: 1px solid #555;
    padding-bottom: 0.5rem;
}

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

.cargo-item[b-yy776jofp0] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #333;
    border-radius: 4px;
    padding: 0.75rem;
}

.info-row[b-yy776jofp0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.info-label[b-yy776jofp0] {
    color: #d6e2ec;
    font-size: 0.9rem;
    font-weight: 600;
    flex: 1;
}

.info-value[b-yy776jofp0] {
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    text-align: right;
    min-width: 80px;
}

.info-value.highlight[b-yy776jofp0] {
    color: #f5d78a;
    text-shadow: 0 0 2px rgba(245, 215, 138, 0.5);
}

.info-value.economic[b-yy776jofp0] {
    color: #ffb347;
    font-weight: 700;
}

.dump-controls[b-yy776jofp0] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #333;
    border-radius: 6px;
    padding: 1.25rem;
}

.dump-section[b-yy776jofp0] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 4px;
    padding: 1rem;
}

.dump-section-title[b-yy776jofp0] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #ff9845;
    margin-bottom: 0.75rem;
    text-shadow: 0 0 2px #000;
}

.form-control[b-yy776jofp0] {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #555;
    color: #fff;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    font-size: 0.9rem;
}

.form-control:focus[b-yy776jofp0] {
    background: rgba(0, 0, 0, 0.7);
    border-color: #ffb347;
    box-shadow: 0 0 0 0.2rem rgba(255, 179, 71, 0.25);
    color: #fff;
    outline: none;
}

.form-control[b-yy776jofp0]::placeholder {
    color: #aaa;
}

.count-label[b-yy776jofp0] {
    color: #aaa;
    font-size: 0.85rem;
}

@media (max-width: 768px) {
    .cargo-grid[b-yy776jofp0] {
        grid-template-columns: 1fr;
    }

    .info-row[b-yy776jofp0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .info-value[b-yy776jofp0] {
        text-align: left;
        min-width: auto;
    }
}
/* /Components/Pages/Game/GuardDogs.razor.rz.scp.css */
.game-shell[b-kq4grgqa5t] {
    min-height: 100vh;
    padding: 1rem;
}

.game-page[b-kq4grgqa5t] {
    max-width: 1200px;
    margin: 0 auto;
}

.fade-in[b-kq4grgqa5t] {
    animation: fadeIn-b-kq4grgqa5t 0.5s ease-in;
}

@keyframes fadeIn-b-kq4grgqa5t {
    from {
      opacity: 0;
  transform: translateY(10px);
    }
    to {
        opacity: 1;
  transform: translateY(0);
    }
}

.spinner-border-sm[b-kq4grgqa5t] {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}
/* /Components/Pages/Game/Help.razor.rz.scp.css */
/* Game Help Page Styles - Matching Instructions with Aggressive Visibility */

/* CSS Variables matching game theme */
:root[b-al7dqvc10o] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
  --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.game-help[b-al7dqvc10o] {
    max-width: 900px;
    margin: 0 auto 2rem auto;
    padding: 1.5rem 1.75rem 2.5rem;
  background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
  border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

    .game-help:focus[b-al7dqvc10o] {
        outline: 3px solid var(--game-accent);
outline-offset: 4px;
    }

.page-title[b-al7dqvc10o] {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin-bottom: 1.25rem;
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    text-align: center;
}

.help-item + .help-item[b-al7dqvc10o] {
    margin-top: 1.5rem;
 padding-top: 1.5rem;
    border-top: 3px solid rgba(255, 170, 85, 0.3);
}

.help-item h3[b-al7dqvc10o] {
    font-size: 1.2rem;
    margin: 0 0 .5rem 0;
    font-weight: 700;
    color: var(--game-accent-hover);
    text-shadow: 0 0 2px #000;
}

.help-item p[b-al7dqvc10o] {
    margin: 0 0 0.5rem 0;
    line-height: 1.5;
    font-size: .95rem;
    color: var(--game-text-secondary);
    font-weight: 500;
}

    .help-item p:last-child[b-al7dqvc10o] {
   margin-bottom: 0;
    }

.help-item p code[b-al7dqvc10o],
.help-item li code[b-al7dqvc10o] {
    background: #1a1a1a;
    padding: .2rem .5rem;
    border-radius: 4px;
 border: 2px solid var(--game-border);
    font-size: .85rem;
    color: var(--game-accent-hover);
    font-family: 'Courier New', monospace;
    font-weight: 700;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.help-item ul[b-al7dqvc10o] {
    margin: 0.75rem 0 0 1.5rem;
    padding: 0;
    color: var(--game-text-secondary);
}

.help-item li[b-al7dqvc10o] {
    margin-bottom: 0.5rem;
    line-height: 1.5;
    font-weight: 500;
}

    .help-item li:last-child[b-al7dqvc10o] {
        margin-bottom: 0;
    }

.help-item strong[b-al7dqvc10o] {
  color: var(--game-text-primary);
    font-weight: 700;
}

/* Icons */
.help-item i[b-al7dqvc10o] {
    margin-right: 0.25rem;
    opacity: 1;
}

.actions[b-al7dqvc10o] {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 3px solid var(--game-border);
    text-align: center;
}

    .actions .btn[b-al7dqvc10o] {
    min-width: 140px;
font-weight: 700;
      font-size: 1rem;
    padding: 0.75rem 1.5rem;
   transition: all 0.2s;
      border: 3px solid;
    }

        .actions .btn:hover[b-al7dqvc10o] {
   transform: translateY(-2px);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
        }

    .actions .btn-secondary[b-al7dqvc10o] {
        background: linear-gradient(145deg, #333, #252525);
 border-color: var(--game-border);
   color: var(--game-text-primary);
    }

        .actions .btn-secondary:hover[b-al7dqvc10o] {
 background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
            border-color: #666;
      color: #fff;
     }

/* Responsive Design */
@media (max-width: 640px) {
    .game-help[b-al7dqvc10o] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-al7dqvc10o] {
        font-size: 1.6rem;
    }

    .help-item h3[b-al7dqvc10o] {
      font-size: 1.1rem;
    }

    .help-item p[b-al7dqvc10o],
    .help-item li[b-al7dqvc10o] {
   font-size: 0.9rem;
    }

    .actions .btn[b-al7dqvc10o] {
 width: 100%;
    }
}

/* Accessibility */
.game-help *:focus-visible[b-al7dqvc10o] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-al7dqvc10o] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Smooth Scroll */
.game-help[b-al7dqvc10o] {
  scroll-behavior: smooth;
}

/* Animation */
@keyframes fadeIn-b-al7dqvc10o {
    from {
  opacity: 0;
        transform: translateY(10px);
    }

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

.game-help[b-al7dqvc10o] {
    animation: fadeIn-b-al7dqvc10o 0.4s ease-out;
}

/* Ensure high contrast */
.game-help p[b-al7dqvc10o],
.game-help li[b-al7dqvc10o],
.game-help div[b-al7dqvc10o] {
    color: var(--game-text-secondary);
}

.game-help h1[b-al7dqvc10o],
.game-help h2[b-al7dqvc10o],
.game-help h3[b-al7dqvc10o],
.game-help h4[b-al7dqvc10o] {
    color: var(--game-text-primary);
}
/* /Components/Pages/Game/Index.razor.rz.scp.css */
/* Game Index Page Styles */
:root[b-w0a6rs0woi] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

/* Main Container */
.game-container[b-w0a6rs0woi] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

/* Page Header */
.game-header[b-w0a6rs0woi] {
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.6);
}

    .game-header h3[b-w0a6rs0woi] {
        margin: 0;
        font-size: 2rem;
        font-weight: 600;
        /* Try gradient first, but provide solid fallback */
        color: var(--game-accent-hover);
        background: linear-gradient(90deg, var(--game-accent), var(--game-accent-hover));
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

/* Fallback for browsers that don't support background-clip or when gradient fails */
@supports not (-webkit-background-clip: text) {
    .game-header h3[b-w0a6rs0woi] {
        background: none;
        -webkit-text-fill-color: var(--game-accent-hover);
        color: var(--game-accent-hover);
    }
}

/* Force visible color on the header - add this override */
.game-header h3.visible-title[b-w0a6rs0woi] {
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: var(--game-accent-hover) !important;
    color: var(--game-accent-hover) !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Main Grid Layout */
.game-grid[b-w0a6rs0woi] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 992px) {
    .game-grid[b-w0a6rs0woi] {
        grid-template-columns: 1fr 1fr;
    }

        .game-grid.with-navigation[b-w0a6rs0woi] {
            grid-template-columns: 2fr 1fr;
        }
}

/* Card Styles - Base only (components have their own) */
.game-card[b-w0a6rs0woi] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}

    .game-card:hover[b-w0a6rs0woi] {
        transform: translateY(-2px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
        border-color: #666;
    }

/* Path Node - Used in BuildPathView() string generation */
.path-node[b-w0a6rs0woi] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    margin: 0.25rem;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 4px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    color: var(--game-text-primary);
}

    .path-node.current[b-w0a6rs0woi] {
        background: var(--game-accent);
        color: #000;
        font-weight: 700;
        border-color: var(--game-accent-hover);
    }

    .path-node.unvisited[b-w0a6rs0woi] {
        opacity: 0.7;
        color: var(--game-text-muted);
    }

/* Responsive Design */
@media (max-width: 768px) {
    .game-container[b-w0a6rs0woi] {
        padding: 0.5rem;
    }

    .game-header[b-w0a6rs0woi] {
        padding: 1rem;
    }

        .game-header h3[b-w0a6rs0woi] {
            font-size: 1.5rem;
        }
}

/* Global Animations */
@keyframes fadeIn-b-w0a6rs0woi {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.fade-in[b-w0a6rs0woi] {
    animation: fadeIn-b-w0a6rs0woi 0.3s ease-out;
}

/* Accessibility */
.game-card:focus-within[b-w0a6rs0woi] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-w0a6rs0woi] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Text Visibility Enhancements */
strong[b-w0a6rs0woi] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Ensure all text in game card body is visible */
.game-card-body strong[b-w0a6rs0woi] {
    color: var(--game-accent-hover);
}

/* Label improvements */
label[b-w0a6rs0woi] {
    color: var(--game-text-primary);
    font-weight: 600;
}

/* Icon visibility */
.fas[b-w0a6rs0woi], .far[b-w0a6rs0woi], .fab[b-w0a6rs0woi] {
    opacity: 1;
}

/* Shortcut key styling (used across multiple components) */
.shortkey[b-w0a6rs0woi] {
    text-decoration: underline;
    font-weight: 700;
}

/* Timezone Display */
.timezone-display[b-w0a6rs0woi] {
    background: rgba(68, 204, 255, 0.1);
    border: 1px solid rgba(68, 204, 255, 0.3);
    border-radius: 8px;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

    .timezone-display small[b-w0a6rs0woi] {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
    }

    .timezone-display strong[b-w0a6rs0woi] {
        color: var(--game-info);
    }

    .timezone-display .fa-clock[b-w0a6rs0woi] {
        color: var(--game-info);
    }

    .timezone-display .timezone-offset[b-w0a6rs0woi] {
        color: var(--game-text-muted);
        font-style: italic;
        margin-left: 0.25rem;
    }
/* /Components/Pages/Game/Instructions.razor.rz.scp.css */
/* Instructions Page Styles - Matching Game Index with Aggressive Visibility */

/* CSS Variables matching Index.razor.css */
:root[b-0j4i5si03f] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.instructions-container[b-0j4i5si03f] {
    max-width: 1200px;
    margin: 1.25rem auto 2rem;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

    .instructions-container:focus[b-0j4i5si03f] {
        outline: 3px solid var(--game-accent);
        outline-offset: 4px;
    }

/* Title - matching game header with visible-title approach */
.page-title[b-0j4i5si03f] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.5rem 0;
    text-align: center;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--game-border);
    /* Solid color instead of gradient for maximum visibility */
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Content Container */
.instructions-content[b-0j4i5si03f] {
    color: var(--game-text-secondary);
}

/* Section Styles */
.instruction-section[b-0j4i5si03f] {
    margin-bottom: 2.5rem;
    padding: 1.5rem;
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

    .instruction-section:last-of-type[b-0j4i5si03f] {
        margin-bottom: 2rem;
    }

.section-title[b-0j4i5si03f] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--game-accent-hover);
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 3px solid rgba(255, 170, 85, 0.4);
    text-shadow: 0 0 2px #000;
}

.section-text[b-0j4i5si03f] {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    color: var(--game-text-secondary);
    font-weight: 500;
}

    .section-text.emphasis[b-0j4i5si03f] {
        font-size: 1.15rem;
        font-weight: 700;
        color: var(--game-accent-hover);
        text-align: center;
        margin-top: 1.5rem;
        font-style: italic;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    }

/* Help Items - matching game card style */
.help-item[b-0j4i5si03f] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: rgba(255, 170, 85, 0.15);
    border-left: 4px solid var(--game-accent);
    border-radius: 6px;
    border: 3px solid rgba(255, 170, 85, 0.3);
}

    .help-item:last-child[b-0j4i5si03f] {
        margin-bottom: 0;
    }

    .help-item h3[b-0j4i5si03f] {
        font-size: 1.2rem;
        margin: 0 0 0.5rem 0;
        font-weight: 700;
        color: var(--game-accent-hover);
        text-shadow: 0 0 2px #000;
    }

    .help-item p[b-0j4i5si03f] {
        margin: 0;
        line-height: 1.5;
        font-size: 0.95rem;
        color: var(--game-text-secondary);
        font-weight: 500;
    }

    .help-item ul[b-0j4i5si03f] {
        margin: 0.5rem 0 0 1.5rem;
        padding: 0;
        color: var(--game-text-secondary);
    }

    .help-item li[b-0j4i5si03f] {
        margin-bottom: 0.35rem;
        line-height: 1.4;
        font-weight: 500;
    }

/* Keyboard Shortcuts Grid - enhanced visibility */
.shortcut-grid[b-0j4i5si03f] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.shortcut-item[b-0j4i5si03f] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(145deg, #333, #252525);
    border: 3px solid var(--game-border);
    border-radius: 6px;
    transition: all 0.2s;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

    .shortcut-item:hover[b-0j4i5si03f] {
        background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
        border-color: #666;
        transform: translateX(4px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    }

    .shortcut-item .key[b-0j4i5si03f] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        padding: 0.4rem 0.6rem;
        background: #1a1a1a;
        border: 3px solid var(--game-border);
        border-radius: 6px;
        font-family: 'Courier New', monospace;
        font-weight: 700;
        font-size: 0.95rem;
        color: var(--game-accent-hover);
        text-shadow: 0 0 4px rgba(255, 204, 119, 0.4);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
    }

.shortcut-desc[b-0j4i5si03f] {
    flex: 1;
    font-size: 0.9rem;
    color: var(--game-text-primary);
    font-weight: 600;
}

/* Inline key reference in text - enhanced */
span.key[b-0j4i5si03f] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    background: #1a1a1a;
    border: 2px solid var(--game-border);
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--game-accent-hover);
    margin: 0 0.15rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* Icons */
.fas[b-0j4i5si03f], .far[b-0j4i5si03f], .fab[b-0j4i5si03f] {
    margin-right: 0.35rem;
    opacity: 1;
}

/* Action Buttons - matching game button style */
.actions[b-0j4i5si03f] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 3px solid var(--game-border);
}

    .actions .btn[b-0j4i5si03f] {
        min-width: 160px;
        font-weight: 700;
        font-size: 1rem;
        padding: 0.75rem 1.5rem;
        transition: all 0.2s;
        border: 3px solid;
    }

        .actions .btn:hover[b-0j4i5si03f] {
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);
        }

    .actions .btn-primary[b-0j4i5si03f] {
        background: linear-gradient(135deg, var(--game-accent) 0%, var(--game-accent-hover) 100%);
        border-color: var(--game-accent-hover);
        color: #000;
        font-weight: 700;
    }

        .actions .btn-primary:hover[b-0j4i5si03f] {
            background: linear-gradient(135deg, var(--game-accent-hover) 0%, #ffd8a0 100%);
            border-color: #ffd8a0;
        }

    .actions .btn-secondary[b-0j4i5si03f] {
        background: linear-gradient(145deg, #333, #252525);
        border-color: var(--game-border);
        color: var(--game-text-primary);
    }

        .actions .btn-secondary:hover[b-0j4i5si03f] {
            background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
            border-color: #666;
            color: #fff;
        }

/* Strong tags - explicit weight */
strong[b-0j4i5si03f] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Labels - enhanced */
label[b-0j4i5si03f] {
    color: var(--game-text-primary);
    font-weight: 600;
}

/* Responsive Design */
@media (max-width: 768px) {
    .instructions-container[b-0j4i5si03f] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-0j4i5si03f] {
        font-size: 2rem;
    }

    .section-title[b-0j4i5si03f] {
        font-size: 1.4rem;
    }

    .shortcut-grid[b-0j4i5si03f] {
        grid-template-columns: 1fr;
    }

    .actions[b-0j4i5si03f] {
        flex-direction: column;
    }

        .actions .btn[b-0j4i5si03f] {
            width: 100%;
        }

    .instruction-section[b-0j4i5si03f] {
        padding: 1rem;
    }
}

@media (max-width: 640px) {
    .page-title[b-0j4i5si03f] {
        font-size: 1.7rem;
    }

    .section-title[b-0j4i5si03f] {
        font-size: 1.3rem;
    }

    .help-item h3[b-0j4i5si03f] {
        font-size: 1.1rem;
    }

    .shortcut-item[b-0j4i5si03f] {
        padding: 0.6rem 0.8rem;
    }
}

/* Accessibility - matching game focus states */
.instructions-container *:focus-visible[b-0j4i5si03f] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-0j4i5si03f] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Smooth Scroll */
.instructions-container[b-0j4i5si03f] {
    scroll-behavior: smooth;
}

/* Animation - matching game fade-in */
@keyframes fadeIn-b-0j4i5si03f {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.instruction-section[b-0j4i5si03f] {
    animation: fadeIn-b-0j4i5si03f 0.4s ease-out;
}

/* Ensure high contrast throughout */
.instructions-content p[b-0j4i5si03f],
.instructions-content li[b-0j4i5si03f],
.instructions-content div[b-0j4i5si03f] {
    color: var(--game-text-secondary);
}

.instructions-content h1[b-0j4i5si03f],
.instructions-content h2[b-0j4i5si03f],
.instructions-content h3[b-0j4i5si03f],
.instructions-content h4[b-0j4i5si03f] {
    color: var(--game-text-primary);
}
/* /Components/Pages/Game/Killed.razor.rz.scp.css */
.killed-container[b-bzor266m91] {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.fade-in[b-bzor266m91] {
    animation: fadeIn-b-bzor266m91 0.5s ease-in;
}

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

.card-header[b-bzor266m91] {
    background-color: rgba(220, 53, 69, 0.1);
    border-bottom: 2px solid #dc3545;
}

.btn-primary[b-bzor266m91] {
    background-color: #007bff;
    border-color: #007bff;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-bzor266m91] {
    background-color: #0056b3;
    border-color: #0056b3;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}

.fas.fa-skull-crossbones[b-bzor266m91] {
    color: #dc3545;
    text-shadow: 0 0 10px rgba(220, 53, 69, 0.5);
}
/* /Components/Pages/Game/MyInfo.razor.rz.scp.css */
.info-section[b-yfjdv9by48] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}

.info-section-title[b-yfjdv9by48] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffb347;
    margin-bottom: 1rem;
    text-shadow: 0 0 2px #000;
    border-bottom: 1px solid #555;
    padding-bottom: 0.5rem;
}

.info-grid[b-yfjdv9by48] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.info-row[b-yfjdv9by48] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #333;
}

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

.info-label[b-yfjdv9by48] {
    color: #d6e2ec;
    font-size: 0.9rem;
    flex: 1;
}

.info-value[b-yfjdv9by48] {
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    text-align: right;
    min-width: 80px;
}

.info-value.highlight[b-yfjdv9by48] {
    color: #f5d78a;
    text-shadow: 0 0 2px rgba(245, 215, 138, 0.5);
}

.info-value.economic[b-yfjdv9by48] {
    color: #ffb347;
    font-weight: 700;
}

.count-label[b-yfjdv9by48] {
    color: #aaa;
    font-size: 0.85rem;
}

@media (max-width: 768px) {
    .info-row[b-yfjdv9by48] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .info-value[b-yfjdv9by48] {
        text-align: left;
        min-width: auto;
    }
}
/* /Components/Pages/Game/MyRanches.razor.rz.scp.css */
.ranch-page[b-7ac8m1xf3h] {
    animation: fadeIn-b-7ac8m1xf3h .4s ease;
    max-width: 980px;
}

.fade-in[b-7ac8m1xf3h] { animation: fadeIn-b-7ac8m1xf3h .45s ease; }
@keyframes fadeIn-b-7ac8m1xf3h { from { opacity:0; transform: translateY(6px);} to {opacity:1; transform: translateY(0);} }

.ranch-header .title[b-7ac8m1xf3h] {
    font-weight:600;
    letter-spacing:.5px;
    display:flex;
    align-items:center;
    gap:.4rem;
}

.ranch-header .icon[b-7ac8m1xf3h] {
    font-size:1.35rem;
    filter:drop-shadow(0 0 4px rgba(255,255,255,0.08));
}

.stats-block .badge.bg-level-total[b-7ac8m1xf3h] {
    background: linear-gradient(135deg,#444,#222);
    border:1px solid #555;
    font-weight:500;
}

.card-dark[b-7ac8m1xf3h] {
    background: linear-gradient(145deg,#1d1f22,#141517);
    border:1px solid #292b2f;
    border-radius:8px;
    overflow:hidden;
    position:relative;
}

.card-dark[b-7ac8m1xf3h]:before {
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 25% 8%,rgba(255,255,255,0.06),transparent 55%);
    pointer-events:none;
    mix-blend-mode:overlay;
}

/* Skeleton loading */
.skeleton-table[b-7ac8m1xf3h] {
    border:1px solid #2a2c30;
    border-radius:8px;
    padding:.75rem .9rem;
    background:#181a1d;
}
.skeleton-row[b-7ac8m1xf3h] {
    display:flex;
    gap:.6rem;
    margin-bottom:.55rem;
}
.skeleton-row:last-child[b-7ac8m1xf3h] { margin-bottom:0; }
.skeleton-row .cell[b-7ac8m1xf3h] {
    height:18px;
    border-radius:4px;
    background: linear-gradient(90deg,#262a30 0%,#31363d 50%,#262a30 100%);
    background-size:180% 100%;
    animation: shimmer-b-7ac8m1xf3h 1.2s linear infinite;
}
@keyframes shimmer-b-7ac8m1xf3h {
    0% { background-position:0 0; }
    100% { background-position: -180% 0; }
}
.w-35[b-7ac8m1xf3h] { flex: 0 0 35%; }
.w-15[b-7ac8m1xf3h] { flex: 0 0 15%; }

.empty-state[b-7ac8m1xf3h] {
    background:linear-gradient(145deg,#1b1d20,#111214);
    border:1px dashed #34373c;
    border-radius:10px;
}
.empty-icon[b-7ac8m1xf3h] {
    font-size:2.2rem;
    opacity:.85;
}

.ranch-table thead[b-7ac8m1xf3h] {
    background:linear-gradient(180deg,#23252a,#1a1c1f);
}
.ranch-table thead th[b-7ac8m1xf3h] {
    font-weight:500;
    text-transform:uppercase;
    font-size:.68rem;
    letter-spacing:.12rem;
    border-bottom:1px solid #2e3136;
}

.ranch-table tbody tr[b-7ac8m1xf3h] {
    transition: background .15s ease, transform .08s ease;
}
.ranch-table tbody tr:hover[b-7ac8m1xf3h] {
    background:#262a30;
}
.ranch-table tbody tr:active[b-7ac8m1xf3h] {
    transform:scale(.995);
}

.ranch-name .name-text[b-7ac8m1xf3h] {
    font-weight:500;
    letter-spacing:.4px;
}
.truncate[b-7ac8m1xf3h] {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:340px;
    opacity:.75;
}

.btn-township[b-7ac8m1xf3h] {
    color:#5db9ff;
    text-decoration:none;
    font-weight:500;
    padding:0;
    font-size:.8rem;
}
.btn-township:hover[b-7ac8m1xf3h] {
    color:#b7e4ff;
    text-decoration:underline;
}

/* Barn level chips */
.level-chip[b-7ac8m1xf3h] {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:2.2rem;
    padding:.15rem .55rem;
    font-size:.7rem;
    border-radius: 999px;
    letter-spacing:.5px;
    font-weight:600;
    position:relative;
    isolation:isolate;
    box-shadow:0 0 0 1px rgba(255,255,255,0.04),0 2px 4px rgba(0,0,0,0.4);
}
.level-chip[b-7ac8m1xf3h]:before {
    content:"";
    position:absolute; inset:0;
    border-radius:inherit;
    background:linear-gradient(140deg,rgba(255,255,255,0.18),transparent 60%);
    mix-blend-mode:overlay;
    opacity:.4;
}
.lvl-basic[b-7ac8m1xf3h]       { background:#2b3136; color:#d1d5da; }
.lvl-settled[b-7ac8m1xf3h]     { background:linear-gradient(135deg,#37503a,#2a3a2c); color:#d0f9d7; }
.lvl-fortified[b-7ac8m1xf3h]   { background:linear-gradient(135deg,#48412d,#332b1d); color:#f1e2b2; }
.lvl-industrial[b-7ac8m1xf3h]  { background:linear-gradient(135deg,#3e4d61,#283241); color:#d9e9f5; }
.lvl-elite[b-7ac8m1xf3h]       { background:linear-gradient(135deg,#55354e,#2f1d2b); color:#ffd6f4; }

.status-msg[b-7ac8m1xf3h] {
    color:#7bc7ff;
    text-shadow:0 0 4px rgba(123,199,255,0.25);
}

.btn-outline-info[b-7ac8m1xf3h],
.btn-outline-secondary[b-7ac8m1xf3h] {
    --bs-btn-border-radius:6px;
}

.btn-outline-info:hover[b-7ac8m1xf3h] {
    box-shadow:0 0 0 1px #0dcaf0 inset;
}

@media (max-width: 680px) {
    .truncate[b-7ac8m1xf3h] { max-width:160px; }
    .ranch-table thead th.col-actions[b-7ac8m1xf3h] { width:5.5rem; }
    .btn-group .btn[b-7ac8m1xf3h] { padding:.25rem .45rem; font-size:.65rem; }
}

/* Centered bordered container with top spacing */
.ranch-shell[b-7ac8m1xf3h] {
    max-width: 1120px;
    margin: 4.5rem auto 2.5rem;
    padding: 1.9rem 2.1rem 2.2rem;
    border: 1px solid #303336;
    border-radius: 14px;
    background:
        radial-gradient(circle at 18% 12%, rgba(255,255,255,0.06), transparent 60%),
        linear-gradient(155deg,#17191b 0%, #101113 55%, #0d0e10 100%);
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.02),
        0 4px 18px -4px rgba(0,0,0,0.55),
        0 20px 45px -20px rgba(0,0,0,0.65);
    position: relative;
}

.ranch-shell[b-7ac8m1xf3h]:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255,255,255,0.04), transparent 35%, transparent 65%, rgba(255,255,255,0.04)),
        linear-gradient(0deg, rgba(255,255,255,0.03), transparent 55%);
    mix-blend-mode: overlay;
    opacity: .9;
}

@media (max-width: 900px) {
    .ranch-shell[b-7ac8m1xf3h] {
        margin: 3.25rem auto 2rem;
        padding: 1.4rem 1.25rem 1.8rem;
        border-radius: 11px;
    }
}

@media (max-width: 580px) {
    .ranch-shell[b-7ac8m1xf3h] {
        margin: 2.4rem .75rem 1.75rem;
        padding: 1.15rem 1rem 1.5rem;
    }
}

.ranch-page[b-7ac8m1xf3h] { max-width: 100%; }

.ranch-header[b-7ac8m1xf3h] {
    padding-bottom: .25rem;
    border-bottom: 1px solid #24272a;
    margin-bottom: 1.4rem !important;
}

/* Table wrapper */
.table-wrap[b-7ac8m1xf3h] { border-radius: 10px; }

/* Plain top image container (kept) */
.ranch-top-image-wrapper[b-7ac8m1xf3h] {
    display:flex;
    justify-content:center;
    align-items:center;
    background:linear-gradient(140deg,#1e2023,#141518);
    border:1px solid #2a2d31;
    border-radius:10px;
    padding:.9rem 1rem;
    position:relative;
    overflow:hidden;
    box-shadow:0 2px 6px -2px rgba(0,0,0,.65), inset 0 0 12px -6px rgba(255,255,255,0.06);
    margin-top:.25rem;
}
.ranch-top-image-wrapper[b-7ac8m1xf3h]::before {
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 25% 30%,rgba(255,255,255,0.08),transparent 65%),
        radial-gradient(circle at 70% 65%,rgba(255,255,255,0.05),transparent 75%);
    mix-blend-mode:overlay;
    pointer-events:none;
}
.ranch-top-image[b-7ac8m1xf3h] {
    max-width:320px;
    width:100%;
    height:auto;
    object-fit:contain;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,.55)) brightness(1.02) contrast(1.04);
    transition:transform .35s cubic-bezier(.25,.9,.25,1), filter .35s;
    will-change:transform;
    user-select:none;
}
.ranch-top-image:hover[b-7ac8m1xf3h] {
    transform:translateY(-3px) scale(1.015);
    filter: drop-shadow(0 6px 14px rgba(0,0,0,.6)) brightness(1.06) contrast(1.05);
}
@media (max-width:600px) {
    .ranch-top-image[b-7ac8m1xf3h] { max-width:240px; }
}

/* === REMOVED WATERMARK / BACKGROUND IMAGE FEATURES ===
   (All references to ranch-watermark, alt-style ::after overlay,
    badge-based image, hero strip, and per-row mini icons removed) */

/* Final hard overrides to ensure no watermark resurfaces */
.ranch-shell.alt-style[b-7ac8m1xf3h]::after,
.ranch-table-wrap .ranch-watermark[b-7ac8m1xf3h],
.ranch-badge[b-7ac8m1xf3h],
.ranch-badge-img[b-7ac8m1xf3h],
.ranch-hero[b-7ac8m1xf3h] {
    display:none !important;
    background:none !important;
    content:none !important;
}

.info-section[b-7ac8m1xf3h] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}

.info-section-title[b-7ac8m1xf3h] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffb347;
    margin-bottom: 1rem;
    text-shadow: 0 0 2px #000;
    border-bottom: 1px solid #555;
    padding-bottom: 0.5rem;
}

.ranch-list[b-7ac8m1xf3h] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ranch-item[b-7ac8m1xf3h] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #333;
    border-radius: 6px;
    padding: 1rem;
}

.info-row[b-7ac8m1xf3h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0;
}

.info-label[b-7ac8m1xf3h] {
    color: #d6e2ec;
    font-size: 0.85rem;
    flex: 1;
}

.info-value[b-7ac8m1xf3h] {
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    text-align: right;
    min-width: 80px;
}

.info-value.highlight[b-7ac8m1xf3h] {
    color: #f5d78a;
    text-shadow: 0 0 2px rgba(245, 215, 138, 0.5);
}

.info-value.economic[b-7ac8m1xf3h] {
    color: #ffb347;
    font-weight: 700;
}

.barn-level[b-7ac8m1xf3h] {
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 700;
    min-width: 40px;
    text-align: center;
}

.barn-level.lvl-basic[b-7ac8m1xf3h] {
    background: rgba(139, 69, 19, 0.3);
    color: #daa520;
    border: 1px solid #8b4513;
}

.barn-level.lvl-settled[b-7ac8m1xf3h] {
    background: rgba(46, 139, 87, 0.3);
    color: #90ee90;
    border: 1px solid #2e8b57;
}

.barn-level.lvl-fortified[b-7ac8m1xf3h] {
    background: rgba(70, 130, 180, 0.3);
    color: #87ceeb;
    border: 1px solid #4682b4;
}

.barn-level.lvl-industrial[b-7ac8m1xf3h] {
    background: rgba(138, 43, 226, 0.3);
    color: #dda0dd;
    border: 1px solid #8a2be2;
}

.barn-level.lvl-elite[b-7ac8m1xf3h] {
    background: rgba(255, 215, 0, 0.3);
    color: #ffd700;
    border: 1px solid #daa520;
}

.barn-description[b-7ac8m1xf3h] {
    color: #aaa;
    font-size: 0.8rem;
    font-style: italic;
    border-top: 1px solid #333;
    padding-top: 0.5rem;
}

.ranch-actions[b-7ac8m1xf3h] {
    justify-content: flex-end;
    align-items: center;
}

.count-label[b-7ac8m1xf3h] {
    color: #aaa;
    font-size: 0.85rem;
}

.status-msg[b-7ac8m1xf3h] {
    color: #90ee90;
    font-style: italic;
}

@media (max-width: 768px) {
    .info-row[b-7ac8m1xf3h] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.15rem;
    }

    .info-value[b-7ac8m1xf3h] {
        text-align: left;
        min-width: auto;
    }

    .ranch-actions[b-7ac8m1xf3h] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/Game/NewPlayer.razor.rz.scp.css */
.creation-section[b-9vhl3i1tkq] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 1rem;
}

.creation-header[b-9vhl3i1tkq] {
    margin-bottom: 1.5rem;
}

.creation-title[b-9vhl3i1tkq] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffb347;
    margin-bottom: 1rem;
    text-shadow: 0 0 4px rgba(255, 179, 71, 0.3);
    text-align: center;
}

.creation-subtitle[b-9vhl3i1tkq] {
    font-size: 1.1rem;
    color: #d6e2ec;
    margin-bottom: 0.5rem;
    text-align: center;
    line-height: 1.4;
}

.creation-note[b-9vhl3i1tkq] {
    font-size: 0.95rem;
    color: #bbb;
    text-align: center;
    font-style: italic;
}

.creation-story[b-9vhl3i1tkq] {
    background: rgba(0, 0, 0, 0.3);
    border-left: 4px solid #ffb347;
    padding: 1rem 1.5rem;
    margin: 1rem 0;
    border-radius: 0 8px 8px 0;
}

.creation-story p[b-9vhl3i1tkq] {
    margin-bottom: 0.75rem;
    color: #e0e0e0;
    line-height: 1.5;
}

.creation-story p:last-child[b-9vhl3i1tkq] {
    margin-bottom: 0;
}

.story-highlight[b-9vhl3i1tkq] {
    color: #f5d78a !important;
    font-weight: 600;
}

.story-example[b-9vhl3i1tkq] {
    color: #aaa !important;
    font-size: 0.9rem;
    font-style: italic;
}

.player-name[b-9vhl3i1tkq] {
    color: #9cc8ff;
    font-weight: 700;
    text-shadow: 0 0 3px rgba(156, 200, 255, 0.4);
}

.creation-form[b-9vhl3i1tkq] {
    margin-top: 1.5rem;
}

.creation-label[b-9vhl3i1tkq] {
    font-weight: 600;
    color: #ffb347;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.creation-input[b-9vhl3i1tkq] {
    background: rgba(0, 0, 0, 0.6);
    border: 2px solid #555;
    color: #fff;
    font-size: 1.1rem;
    padding: 0.75rem 1rem;
    border-radius: 8px 0 0 8px;
    transition: all 0.3s ease;
}

.creation-input:focus[b-9vhl3i1tkq] {
    background: rgba(0, 0, 0, 0.8);
    border-color: #ffb347;
    box-shadow: 0 0 0 0.2rem rgba(255, 179, 71, 0.25);
    color: #fff;
}

.creation-input[b-9vhl3i1tkq]::placeholder {
    color: #888;
}

.creation-btn[b-9vhl3i1tkq] {
    background: linear-gradient(45deg, #ff6b35, #ffb347);
    border: none;
    color: #000;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border-radius: 0 8px 8px 0;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.creation-btn:hover:not(:disabled)[b-9vhl3i1tkq] {
    background: linear-gradient(45deg, #ff5722, #ff9800);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(255, 107, 53, 0.3);
}

.creation-btn:disabled[b-9vhl3i1tkq] {
    opacity: 0.7;
    cursor: not-allowed;
}

.creation-alert[b-9vhl3i1tkq] {
    background: rgba(255, 193, 7, 0.2);
    border: 1px solid #ffc107;
    color: #fff3cd;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.preview-section[b-9vhl3i1tkq] {
    background: rgba(0, 0, 0, 0.6);
    border: 2px solid #ffb347;
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
    position: relative;
}

.preview-section[b-9vhl3i1tkq]::before {
    content: "Preview";
    position: absolute;
    top: -12px;
    left: 20px;
    background: #222;
    color: #ffb347;
    padding: 0 10px;
    font-size: 0.85rem;
    font-weight: 600;
}

.sample-preview[b-9vhl3i1tkq] {
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.6;
}

.sample-text[b-9vhl3i1tkq] {
    color: #f5d78a;
    font-weight: 600;
    font-style: italic;
    text-shadow: 0 0 2px rgba(245, 215, 138, 0.3);
}

.creation-question[b-9vhl3i1tkq] {
    text-align: center;
    margin: 1.5rem 0;
}

.button-group[b-9vhl3i1tkq] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
}

.creation-btn-large[b-9vhl3i1tkq] {
    font-size: 1.1rem;
    font-weight: 600;
    padding: 1rem 2rem;
    border-radius: 8px;
    transition: all 0.3s ease;
    min-width: 150px;
}

.creation-btn-large.btn-success[b-9vhl3i1tkq] {
    background: linear-gradient(45deg, #28a745, #34ce57);
    border: none;
    color: #fff;
}

.creation-btn-large.btn-success:hover:not(:disabled)[b-9vhl3i1tkq] {
    background: linear-gradient(45deg, #218838, #28a745);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(40, 167, 69, 0.4);
}

.creation-btn-large.btn-danger[b-9vhl3i1tkq] {
    background: linear-gradient(45deg, #dc3545, #e85568);
    border: none;
    color: #fff;
}

.creation-btn-large.btn-danger:hover[b-9vhl3i1tkq] {
    background: linear-gradient(45deg, #c82333, #dc3545);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(220, 53, 69, 0.4);
}

.success-title[b-9vhl3i1tkq] {
    color: #28a745 !important;
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

.success-story[b-9vhl3i1tkq] {
    background: rgba(0, 0, 0, 0.3);
    border: 2px solid #28a745;
    border-radius: 12px;
    padding: 2rem;
    margin: 2rem 0;
}

.story-line[b-9vhl3i1tkq] {
    font-size: 1.1rem;
    color: #e0e0e0;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.story-finale[b-9vhl3i1tkq] {
    font-size: 1.1rem;
    color: #e0e0e0;
    line-height: 1.6;
    margin-bottom: 0;
}

.money-highlight[b-9vhl3i1tkq] {
    color: #28a745;
    font-weight: 700;
    font-size: 1.2em;
    text-shadow: 0 0 3px rgba(40, 167, 69, 0.4);
}

.location-highlight[b-9vhl3i1tkq] {
    color: #ffb347;
    font-weight: 700;
    text-shadow: 0 0 3px rgba(255, 179, 71, 0.4);
}

.secret-hint[b-9vhl3i1tkq] {
    color: #f5d78a;
    font-style: italic;
    font-weight: 600;
}

.creation-btn-final[b-9vhl3i1tkq] {
    background: linear-gradient(45deg, #28a745, #34ce57);
    border: none;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 1.2rem 3rem;
    border-radius: 12px;
    margin-top: 2rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.4);
}

.creation-btn-final:hover[b-9vhl3i1tkq] {
    background: linear-gradient(45deg, #218838, #28a745);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(40, 167, 69, 0.5);
}

@media (max-width: 768px) {
    .creation-section[b-9vhl3i1tkq] {
        padding: 1.5rem;
    }

    .creation-title[b-9vhl3i1tkq] {
        font-size: 1.3rem;
    }

    .button-group[b-9vhl3i1tkq] {
        flex-direction: column;
        align-items: center;
    }

    .creation-btn-large[b-9vhl3i1tkq] {
        min-width: 200px;
    }

    .input-group[b-9vhl3i1tkq] {
        flex-direction: column;
    }

    .creation-input[b-9vhl3i1tkq] {
        border-radius: 8px;
        margin-bottom: 0.5rem;
    }

    .creation-btn[b-9vhl3i1tkq] {
        border-radius: 8px;
        width: 100%;
    }
}
/* /Components/Pages/Game/PlayersOnline.razor.rz.scp.css */
.players-online-container[b-1fja4yb5rm] {
    max-width: 1000px;
    margin: 0 auto;
}

.fade-in[b-1fja4yb5rm] {
    animation: fadeIn-b-1fja4yb5rm 0.3s ease-in;
}

@keyframes fadeIn-b-1fja4yb5rm {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.table-dark th[b-1fja4yb5rm] {
    border-top: none;
    border-bottom: 2px solid #495057;
    font-weight: 600;
    color: #ffc107;
}

.shortkey[b-1fja4yb5rm] {
    text-decoration: underline;
    text-decoration-color: #ffc107;
    text-decoration-thickness: 2px;
}

@media (max-width: 768px) {
    .table-responsive[b-1fja4yb5rm] {
        font-size: 0.85rem;
    }
    
    .table th[b-1fja4yb5rm],
    .table td[b-1fja4yb5rm] {
        padding: 0.5rem 0.25rem;
    }
}
/* /Components/Pages/Game/ReleaseHiredExplorer.razor.rz.scp.css */
.info-section[b-ch2fnd9ize] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}

.info-section-title[b-ch2fnd9ize] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffb347;
    margin-bottom: 1rem;
    text-shadow: 0 0 2px #000;
    border-bottom: 1px solid #555;
    padding-bottom: 0.5rem;
}

.info-grid[b-ch2fnd9ize] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.info-row[b-ch2fnd9ize] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #333;
}

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

.info-label[b-ch2fnd9ize] {
    color: #d6e2ec;
    font-size: 0.9rem;
    flex: 1;
}

.info-value[b-ch2fnd9ize] {
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    text-align: right;
    min-width: 100px;
}

.info-value.highlight[b-ch2fnd9ize] {
    color: #f5d78a;
    text-shadow: 0 0 2px rgba(245, 215, 138, 0.5);
}

.explorer-form[b-ch2fnd9ize] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #333;
    border-radius: 6px;
    padding: 1.25rem;
    border-top: 1px solid #555;
    margin-top: 1rem;
}

.form-label[b-ch2fnd9ize] {
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.form-control[b-ch2fnd9ize] {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #555;
    color: #fff;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    max-width: 200px;
}

.form-control:focus[b-ch2fnd9ize] {
    background: rgba(0, 0, 0, 0.7);
    border-color: #ffb347;
    box-shadow: 0 0 0 0.2rem rgba(255, 179, 71, 0.25);
    color: #fff;
    outline: none;
}

.form-control[b-ch2fnd9ize]::placeholder {
    color: #aaa;
}

.form-text[b-ch2fnd9ize] {
    color: #aaa;
    font-size: 0.8rem;
    margin-top: 0.25rem;
    font-style: italic;
}

.count-label[b-ch2fnd9ize] {
    color: #aaa;
    font-size: 0.85rem;
}

@media (max-width: 768px) {
    .info-row[b-ch2fnd9ize] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .info-value[b-ch2fnd9ize] {
        text-align: left;
        min-width: auto;
    }

    .form-control[b-ch2fnd9ize] {
        max-width: 100%;
    }
}
/* /Components/Pages/Game/SaddleHorse.razor.rz.scp.css */
.info-section[b-pxs3hd8nro] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}

.info-section-title[b-pxs3hd8nro] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffb347;
    margin-bottom: 1rem;
    text-shadow: 0 0 2px #000;
    border-bottom: 1px solid #555;
    padding-bottom: 0.5rem;
}

.horse-list[b-pxs3hd8nro] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.horse-item[b-pxs3hd8nro] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #333;
    border-radius: 6px;
    padding: 1rem;
    transition: all 0.2s ease;
}

.horse-item.current-horse[b-pxs3hd8nro] {
    border-color: #f5d78a;
    background: rgba(245, 215, 138, 0.1);
}

.info-row[b-pxs3hd8nro] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0;
}

.info-label[b-pxs3hd8nro] {
    color: #d6e2ec;
    font-size: 0.8rem;
    flex: 1;
}

.info-value[b-pxs3hd8nro] {
    color: #fff;
    font-weight: 600;
    font-size: 0.85rem;
    text-align: right;
    min-width: 60px;
}

.info-value.highlight[b-pxs3hd8nro] {
    color: #f5d78a;
    text-shadow: 0 0 2px rgba(245, 215, 138, 0.5);
}

.horse-action[b-pxs3hd8nro] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.current-badge[b-pxs3hd8nro] {
    background: rgba(245, 215, 138, 0.2);
    color: #f5d78a;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    border: 1px solid #f5d78a;
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
}

@media (max-width: 768px) {
    .info-row[b-pxs3hd8nro] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.15rem;
    }

    .info-value[b-pxs3hd8nro] {
        text-align: left;
        min-width: auto;
    }

    .horse-action[b-pxs3hd8nro] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/Game/Scoreboard.razor.rz.scp.css */
.scoreboard-container[b-q1hmywd878] {
    max-width: 900px;
    margin: 0 auto;
}

.fade-in[b-q1hmywd878] {
    animation: fadeIn-b-q1hmywd878 0.3s ease-in;
}

@keyframes fadeIn-b-q1hmywd878 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.table-dark th[b-q1hmywd878] {
    border-top: none;
    border-bottom: 2px solid #495057;
    font-weight: 600;
    color: #ffc107;
}

.table-danger[b-q1hmywd878] {
    background-color: rgba(220, 53, 69, 0.1) !important;
}

.badge[b-q1hmywd878] {
    font-size: 0.7em;
}

.shortkey[b-q1hmywd878] {
    text-decoration: underline;
    text-decoration-color: #ffc107;
    text-decoration-thickness: 2px;
}

@media (max-width: 768px) {
    .table-responsive[b-q1hmywd878] {
        font-size: 0.85rem;
    }
    
    .table th[b-q1hmywd878],
    .table td[b-q1hmywd878] {
        padding: 0.5rem 0.25rem;
    }
}
/* /Components/Pages/Game/SendMessage.razor.rz.scp.css */
.send-message-container[b-f5egdkn25e] {
    max-width: 800px;
    margin: 0 auto;
}

.fade-in[b-f5egdkn25e] {
    animation: fadeIn-b-f5egdkn25e 0.3s ease-in;
}

@keyframes fadeIn-b-f5egdkn25e {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.form-control[b-f5egdkn25e], .form-select[b-f5egdkn25e] {
    background-color: #212529;
    border-color: #495057;
    color: #fff;
}

.form-control:focus[b-f5egdkn25e], .form-select:focus[b-f5egdkn25e] {
    background-color: #2a2d31;
    border-color: #ffc107;
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}

.form-control[b-f5egdkn25e]::placeholder {
    color: #6c757d;
}

.form-label[b-f5egdkn25e] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}
/* /Components/Pages/Game/Surrender.razor.rz.scp.css */
.surrender-container[b-d1vvg5nfsk] {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.fade-in[b-d1vvg5nfsk] {
    animation: fadeIn-b-d1vvg5nfsk 0.5s ease-in;
}

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

.card-header[b-d1vvg5nfsk] {
    background-color: rgba(220, 53, 69, 0.1);
    border-bottom: 2px solid #dc3545;
}

.btn-primary[b-d1vvg5nfsk] {
    background-color: #007bff;
    border-color: #007bff;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-d1vvg5nfsk] {
    background-color: #0056b3;
    border-color: #0056b3;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}

.fas.fa-flag[b-d1vvg5nfsk] {
    color: #dc3545;
    text-shadow: 0 0 10px rgba(220, 53, 69, 0.5);
}
/* /Components/Pages/Game/TradingPost.razor.rz.scp.css */
.info-section[b-81zz8iwi5o] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.info-section-title[b-81zz8iwi5o] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffb347;
    margin-bottom: 1rem;
    text-shadow: 0 0 2px #000;
    border-bottom: 1px solid #555;
    padding-bottom: 0.5rem;
}

.info-row[b-81zz8iwi5o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #333;
}

.info-row:last-child[b-81zz8iwi5o] {
    border-bottom: none;
}

.info-label[b-81zz8iwi5o] {
    color: #d6e2ec;
    font-size: 0.9rem;
    flex: 1;
}

.info-value[b-81zz8iwi5o] {
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    text-align: right;
    min-width: 100px;
}

.info-value.highlight[b-81zz8iwi5o] {
    color: #f5d78a;
    text-shadow: 0 0 2px rgba(245, 215, 138, 0.5);
}

.info-value.economic[b-81zz8iwi5o] {
    color: #ffb347;
    font-weight: 700;
}

.creation-form[b-81zz8iwi5o] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #333;
    border-radius: 6px;
    padding: 1.25rem;
}

.form-label[b-81zz8iwi5o] {
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.form-control[b-81zz8iwi5o] {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #555;
    color: #fff;
}

.form-control:focus[b-81zz8iwi5o] {
    background: rgba(0, 0, 0, 0.7);
    border-color: #ffb347;
    box-shadow: 0 0 0 0.2rem rgba(255, 179, 71, 0.25);
    color: #fff;
}

.error-message[b-81zz8iwi5o] {
    color: #ff6b6b;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

.count-label[b-81zz8iwi5o] {
    color: #aaa;
    font-size: 0.85rem;
}

@media (max-width: 768px) {
    .info-row[b-81zz8iwi5o] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .info-value[b-81zz8iwi5o] {
        text-align: left;
        min-width: auto;
    }
}
/* /Components/Pages/Game/TrainEncounter.razor.rz.scp.css */
.train-encounter[b-62pmxhbtm8] {
    padding: 20px;
    background: var(--bg-secondary);
    border: 2px solid var(--accent-color);
    border-radius: 8px;
    max-width: 600px;
    margin: 20px auto;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.train-encounter-container[b-62pmxhbtm8] {
    max-width: 600px;
    margin: 0 auto;
}

.train-info[b-62pmxhbtm8] {
    background: var(--bg-tertiary);
    padding: 15px;
    border-radius: 5px;
    margin: 15px 0;
    border-left: 4px solid var(--accent-color);
}

.train-detail[b-62pmxhbtm8] {
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.train-detail:last-child[b-62pmxhbtm8] {
    border-bottom: none;
}

.encounter-message[b-62pmxhbtm8] {
    background: var(--bg-tertiary);
    padding: 15px;
    border-radius: 0.5rem;
    margin: 15px 0;
    font-style: italic;
    color: var(--text-secondary);
    border-radius: 0.5rem;
}

.fast-travel-section[b-62pmxhbtm8] {
    margin: 20px 0;
}

.station-list[b-62pmxhbtm8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 10px 0;
}

.station-option[b-62pmxhbtm8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    gap: 15px;
}

.station-info[b-62pmxhbtm8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.station-type[b-62pmxhbtm8] {
    font-size: 0.85em;
    color: var(--text-secondary);
}

.cost[b-62pmxhbtm8] {
    font-weight: bold;
    color: var(--gold-color);
}

.encounter-actions[b-62pmxhbtm8] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    justify-content: center;
}

.btn-fast-travel[b-62pmxhbtm8],
.btn-rob[b-62pmxhbtm8],
.btn-ignore[b-62pmxhbtm8] {
    padding: 10px 20px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-fast-travel[b-62pmxhbtm8] {
    background: var(--success-color);
    color: white;
}

.btn-fast-travel:hover[b-62pmxhbtm8] {
    background: #198754;
    border-color: #198754;
}

.btn-rob[b-62pmxhbtm8] {
    background: var(--danger-color);
    color: white;
    flex: 1;
}

.btn-rob:hover[b-62pmxhbtm8] {
    background: #bd2130;
    border-color: #bd2130;
}

.btn-ignore[b-62pmxhbtm8] {
    background: var(--muted-color);
    color: white;
    flex: 1;
}

.btn-ignore:hover[b-62pmxhbtm8] {
    background: var(--muted-color-dark);
}

.card[b-62pmxhbtm8] {
    transition: all 0.3s ease;
}

.card:hover[b-62pmxhbtm8] {
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
    border-color: rgba(0, 123, 255, 0.5);
}

.message[b-62pmxhbtm8] {
    margin-top: 15px;
    padding: 12px;
    border-radius: 5px;
    border-left: 4px solid;
}

.message.success[b-62pmxhbtm8] {
    background: var(--success-bg);
    border-color: var(--success-color);
    color: var(--success-text);
}

.message.error[b-62pmxhbtm8] {
    background: var(--danger-bg);
    border-color: var(--danger-color);
    color: var(--danger-text);
}

.message.info[b-62pmxhbtm8] {
    background: var(--info-bg);
    border-color: var(--info-color);
    color: var(--info-text);
}

.encounter-actions .btn[b-62pmxhbtm8] {
    min-height: 44px;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn[b-62pmxhbtm8] {
    transition: all 0.3s ease;
    font-weight: 600;
}

.btn:hover[b-62pmxhbtm8] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-success:hover[b-62pmxhbtm8] {
    background-color: #198754;
    border-color: #198754;
}

.btn-danger:hover[b-62pmxhbtm8] {
    background-color: #bd2130;
    border-color: #bd2130;
}

.btn-warning:hover[b-62pmxhbtm8] {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #000;
}

.btn-secondary:hover[b-62pmxhbtm8] {
    background-color: #5a6268;
    border-color: #5a6268;
}
/* /Components/Pages/Game/TrainSchedules.razor.rz.scp.css */
.train-schedules[b-i7z81dvg2n] {
    max-width: 1000px;
    margin: 0 auto;
}

.train-schedule-card[b-i7z81dvg2n] {
    border-left: 4px solid var(--accent-color);
    background: var(--bg-secondary);
}

.card-header[b-i7z81dvg2n] {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #333;
}

.upcoming-stations[b-i7z81dvg2n] {
    background: var(--bg-tertiary);
    padding: 12px;
    border-radius: 5px;
    margin-top: 15px;
}

.stations-list[b-i7z81dvg2n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
}

.station-item[b-i7z81dvg2n] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    font-size: 0.9em;
}

.station-order[b-i7z81dvg2n] {
    display: inline-block;
    min-width: 30px;
    padding: 2px 8px;
    background: var(--accent-color);
    border-radius: 3px;
    font-weight: bold;
    font-size: 0.85em;
}

.station-township[b-i7z81dvg2n] {
    flex: 1;
    font-weight: 600;
    color: #e9ecef;
}

.station-type[b-i7z81dvg2n] {
    font-size: 0.8em;
    color: var(--text-secondary);
    padding: 2px 6px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 3px;
}

.badge[b-i7z81dvg2n] {
    font-size: 0.8em;
}

h6[b-i7z81dvg2n] {
    color: #e9ecef;
    margin-bottom: 10px;
}

.text-warning[b-i7z81dvg2n] {
    color: #ffc107 !important;
}
/* /Components/Pages/Game/TrainStation.razor.rz.scp.css */
.station-container[b-4h59gtvvtn] {
	max-width: 1400px;
	min-height: 600px;
}

.station-header[b-4h59gtvvtn] {
	text-align: center;
	margin-bottom: 2rem;
	padding-bottom: 1.5rem;
	border-bottom: 2px solid #555;
}

.station-title[b-4h59gtvvtn] {
	font-size: 2rem;
	font-weight: 700;
	color: #ffb347;
	text-shadow: 0 0 3px rgba(255, 179, 71, 0.5);
	margin-bottom: 0.5rem;
}

.station-subtitle[b-4h59gtvvtn] {
	color: #d6e2ec;
	font-size: 1rem;
	margin: 0;
}

/* Tabs Styling */
.station-tabs[b-4h59gtvvtn] {
	background-color: rgba(0, 0, 0, 0.3);
	border-bottom: 2px solid #555;
	margin-bottom: 1.5rem;
	border-radius: 8px 8px 0 0;
	gap: 0.5rem;
	padding: 0.5rem;
}

.station-tabs .nav-link[b-4h59gtvvtn] {
	color: #d6e2ec;
	border: 1px solid #555;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 6px;
	padding: 0.75rem 1rem;
	transition: all 0.3s ease;
	font-weight: 500;
}

.station-tabs .nav-link:hover[b-4h59gtvvtn] {
	color: #ffb347;
	border-color: #ffb347;
	background-color: rgba(255, 179, 71, 0.1);
}

.station-tabs .nav-link.active[b-4h59gtvvtn] {
	background-color: #ffb347;
	color: #000;
	border-color: #ffb347;
	box-shadow: 0 0 8px rgba(255, 179, 71, 0.5);
}

.station-content[b-4h59gtvvtn] {
	background-color: transparent;
	padding: 1rem 0;
}

.trains-grid[b-4h59gtvvtn] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	gap: 1.5rem;
	margin-bottom: 2rem;
}

@media (max-width: 768px) {
	.trains-grid[b-4h59gtvvtn] {
		grid-template-columns: 1fr;
	}
}

/* Train Card Regional Variant */
.train-card-regional[b-4h59gtvvtn] {
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(40, 40, 40, 0.4) 100%);
	border: 2px solid #444;
	border-radius: 12px;
	padding: 1.25rem;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
}

.train-card-regional:hover[b-4h59gtvvtn] {
	border-color: #ffb347;
	box-shadow: 0 8px 20px rgba(255, 179, 71, 0.2);
	transform: translateY(-2px);
}

.train-card-regional .train-header[b-4h59gtvvtn] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #555;
}

.train-card-regional .train-info[b-4h59gtvvtn] {
	flex: 1;
}

.train-name-regional[b-4h59gtvvtn] {
	font-size: 1.2rem;
	font-weight: 700;
	color: #ffb347;
	margin: 0 0 0.5rem 0;
}

.train-location[b-4h59gtvvtn] {
	color: #d6e2ec;
	font-size: 0.9rem;
}

.train-card-regional .status-badge[b-4h59gtvvtn] {
	display: inline-block;
	padding: 0.4rem 0.7rem;
	border-radius: 4px;
	font-size: 0.8rem;
	font-weight: 500;
	background: rgba(156, 200, 255, 0.15);
	color: #9cc8ff;
	border: 1px solid #9cc8ff;
}

.train-card-regional .train-actions[b-4h59gtvvtn] {
	display: flex;
	gap: 0.5rem;
	margin-top: auto;
}

/* Rest of existing train card styles */
.train-card[b-4h59gtvvtn] {
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(40, 40, 40, 0.4) 100%);
	border: 2px solid #444;
	border-radius: 12px;
	padding: 1.25rem;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.train-card:hover[b-4h59gtvvtn] {
	border-color: #ffb347;
	box-shadow: 0 8px 20px rgba(255, 179, 71, 0.2);
	transform: translateY(-2px);
}

.train-header[b-4h59gtvvtn] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #555;
}

.train-info[b-4h59gtvvtn] {
	flex: 1;
}

.train-name[b-4h59gtvvtn] {
	font-size: 1.3rem;
	font-weight: 700;
	color: #ffb347;
	margin: 0 0 0.5rem 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.direction-badge[b-4h59gtvvtn] {
	font-size: 0.75rem;
	padding: 0.25rem 0.6rem;
	border-radius: 4px;
	font-weight: 600;
}

.direction-badge.forward[b-4h59gtvvtn] {
	background: rgba(76, 175, 80, 0.3);
	color: #76ff03;
	border: 1px solid #76ff03;
}

.direction-badge.reversed[b-4h59gtvvtn] {
	background: rgba(255, 152, 0, 0.3);
	color: #ffb347;
	border: 1px solid #ffb347;
}

.train-meta[b-4h59gtvvtn] {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.meta-badge[b-4h59gtvvtn] {
	display: inline-block;
	padding: 0.4rem 0.7rem;
	border-radius: 4px;
	font-size: 0.8rem;
	font-weight: 500;
	border: 1px solid;
}

.meta-badge.difficulty[b-4h59gtvvtn] {
	background: rgba(156, 200, 255, 0.15);
	color: #9cc8ff;
	border-color: #9cc8ff;
}

.meta-badge.threat[b-4h59gtvvtn] {
	background: rgba(255, 152, 71, 0.15);
	color: #ffb347;
	border-color: #ffb347;
}

.meta-badge.cargo[b-4h59gtvvtn] {
	background: rgba(102, 187, 106, 0.15);
	color: #66bb6a;
	border-color: #66bb6a;
}

.train-status[b-4h59gtvvtn] {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	min-width: 120px;
}

.status-item[b-4h59gtvvtn] {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.status-label[b-4h59gtvvtn] {
	color: #aaa;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.status-value[b-4h59gtvvtn] {
	color: #fff;
	font-weight: 600;
	font-size: 0.9rem;
}

.status-value.active[b-4h59gtvvtn] {
	color: #76ff03;
	text-shadow: 0 0 4px rgba(118, 255, 3, 0.5);
}

.train-current[b-4h59gtvvtn] {
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #555;
	border-radius: 8px;
	padding: 1rem;
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.current-location[b-4h59gtvvtn],
.current-passengers[b-4h59gtvvtn],
.robbery-reward[b-4h59gtvvtn] {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.location-label[b-4h59gtvvtn],
.passengers-label[b-4h59gtvvtn],
.reward-label[b-4h59gtvvtn] {
	color: #d6e2ec;
	font-size: 0.9rem;
	font-weight: 500;
}

.location-name[b-4h59gtvvtn],
.passengers-value[b-4h59gtvvtn],
.reward-value[b-4h59gtvvtn] {
	color: #fff;
	font-weight: 600;
	font-size: 0.95rem;
}

.reward-value[b-4h59gtvvtn] {
	color: #ffb347;
	font-weight: 700;
}

.upcoming-stops[b-4h59gtvvtn] {
	margin-bottom: 1rem;
}

.stops-title[b-4h59gtvvtn] {
	font-size: 0.95rem;
	font-weight: 600;
	color: #ffb347;
	margin: 0 0 0.75rem 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.stops-list[b-4h59gtvvtn] {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	max-height: 300px;
	overflow-y: auto;
}

.stops-list[b-4h59gtvvtn]::-webkit-scrollbar {
	width: 6px;
}

.stops-list[b-4h59gtvvtn]::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}

.stops-list[b-4h59gtvvtn]::-webkit-scrollbar-thumb {
	background: #555;
	border-radius: 3px;
}

.stops-list[b-4h59gtvvtn]::-webkit-scrollbar-thumb:hover {
	background: #777;
}

.stop-item[b-4h59gtvvtn] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.6rem;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid #555;
	border-radius: 6px;
	transition: all 0.2s ease;
}

.stop-item:hover[b-4h59gtvvtn] {
	background: rgba(255, 179, 71, 0.1);
	border-color: #ffb347;
}

.stop-item.station[b-4h59gtvvtn] {
	border-left: 3px solid #66bb6a;
}

.stop-item.passthrough[b-4h59gtvvtn] {
	border-left: 3px solid #666;
	opacity: 0.8;
}

.stop-sequence[b-4h59gtvvtn] {
	color: #aaa;
	font-size: 0.75rem;
	font-weight: 600;
	min-width: 20px;
}

.stop-icon[b-4h59gtvvtn] {
	font-size: 1rem;
	flex-shrink: 0;
}

.stop-name[b-4h59gtvvtn] {
	flex: 1;
	color: #d6e2ec;
	font-size: 0.85rem;
}

.stop-distance[b-4h59gtvvtn] {
	color: #999;
	font-size: 0.75rem;
	white-space: nowrap;
}

.stop-item.more-stops[b-4h59gtvvtn] {
	justify-content: center;
	border: 1px dashed #555;
	color: #aaa;
	font-size: 0.85rem;
}

.train-actions[b-4h59gtvvtn] {
	display: flex;
	gap: 0.5rem;
	margin-top: auto;
}

.train-actions .btn[b-4h59gtvvtn] {
	flex: 1;
	font-size: 0.85rem;
	padding: 0.5rem 0.75rem;
	border-radius: 6px;
	transition: all 0.2s ease;
}

.train-actions .btn-outline-info[b-4h59gtvvtn] {
	color: #9cc8ff;
	border-color: #9cc8ff;
}

.train-actions .btn-outline-info:hover[b-4h59gtvvtn] {
	background-color: #9cc8ff;
	color: #000;
}

.train-actions .btn-outline-success[b-4h59gtvvtn] {
	color: #76ff03;
	border-color: #76ff03;
}

.train-actions .btn-outline-success:hover[b-4h59gtvvtn] {
	background-color: #76ff03;
	color: #000;
}

.train-actions .btn-outline-danger[b-4h59gtvvtn] {
	color: #ff5252;
	border-color: #ff5252;
}

.train-actions .btn-outline-danger:hover[b-4h59gtvvtn] {
	background-color: #ff5252;
	color: #fff;
}

.alert-sm[b-4h59gtvvtn] {
	padding: 0.75rem;
	margin: 0 0 1rem 0;
	font-size: 0.9rem;
}

/* Route Schedule Styles */
.route-schedules[b-4h59gtvvtn] {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.route-schedule-card[b-4h59gtvvtn] {
	border-left: 4px solid #ffc107;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.route-schedule-card .card-header[b-4h59gtvvtn] {
	padding: 1rem;
}

.route-schedule-card .card-title[b-4h59gtvvtn] {
	font-size: 1.1rem;
	margin: 0;
}

.route-schedule-card table[b-4h59gtvvtn] {
	margin: 0;
}

.route-schedule-card table thead th[b-4h59gtvvtn] {
	background-color: rgba(0, 0, 0, 0.5);
	color: #d6e2ec;
	font-weight: 600;
	border-bottom: 2px solid #555;
	padding: 0.75rem;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.route-schedule-card table tbody td[b-4h59gtvvtn] {
	padding: 0.75rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	color: #d6e2ec;
	font-size: 0.9rem;
	vertical-align: middle;
}

.route-schedule-card table tbody tr:hover[b-4h59gtvvtn] {
	background-color: rgba(255, 193, 7, 0.05);
}

.route-schedule-card table tbody tr.table-row-current[b-4h59gtvvtn] {
	background-color: rgba(76, 175, 80, 0.1);
	border-left: 3px solid #76ff03;
}

.route-schedule-card table tbody tr.table-row-current td[b-4h59gtvvtn] {
	color: #fff;
	font-weight: 500;
}

.route-schedule-card .card-footer[b-4h59gtvvtn] {
	padding: 0.75rem 1rem;
}

.route-schedule-card .card-footer .row[b-4h59gtvvtn] {
	align-items: center;
}
/* /Components/Pages/Game/UnloadMules.razor.rz.scp.css */
.info-section[b-pmh7nnvkqr] {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    height: 100%;
}

.info-section-title[b-pmh7nnvkqr] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffb347;
    margin-bottom: 1rem;
    text-shadow: 0 0 2px #000;
    border-bottom: 1px solid #555;
    padding-bottom: 0.5rem;
}

.my-wagon-title[b-pmh7nnvkqr] {
    color: #ff6b6b;
}

.other-wagon-title[b-pmh7nnvkqr] {
    color: #9cc8ff;
}

.info-row[b-pmh7nnvkqr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #333;
}

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

.info-label[b-pmh7nnvkqr] {
    color: #d6e2ec;
    font-size: 0.9rem;
    flex: 1;
}

.info-value[b-pmh7nnvkqr] {
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    text-align: right;
    min-width: 80px;
}

.info-value.highlight[b-pmh7nnvkqr] {
    color: #f5d78a;
    text-shadow: 0 0 2px rgba(245, 215, 138, 0.5);
}

.info-value.economic[b-pmh7nnvkqr] {
    color: #ffb347;
    font-weight: 700;
}

.description-text[b-pmh7nnvkqr] {
    color: #d6e2ec;
    font-style: italic;
    text-align: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    border: 1px solid #333;
}

.no-wagons-message[b-pmh7nnvkqr] {
    color: #ff9845;
    font-style: italic;
    text-align: center;
    padding: 1rem;
    background: rgba(255, 152, 69, 0.1);
    border-radius: 4px;
    border: 1px solid #ff9845;
}

.wagon-selection-list[b-pmh7nnvkqr] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.wagon-selection-item[b-pmh7nnvkqr] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #333;
    border-radius: 6px;
    padding: 1rem;
}

.transfer-list[b-pmh7nnvkqr] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.transfer-item[b-pmh7nnvkqr] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #333;
    border-radius: 4px;
    padding: 0.75rem;
}

.transfer-row[b-pmh7nnvkqr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.transfer-label[b-pmh7nnvkqr] {
    color: #d6e2ec;
    font-weight: 600;
    min-width: 80px;
    font-size: 0.9rem;
}

.cargo-display[b-pmh7nnvkqr] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cargo-item[b-pmh7nnvkqr] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #333;
    border-radius: 4px;
    padding: 0.75rem;
}

.form-control[b-pmh7nnvkqr] {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #555;
    color: #fff;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    max-width: 120px;
    font-size: 0.9rem;
}

.form-control:focus[b-pmh7nnvkqr] {
    background: rgba(0, 0, 0, 0.7);
    border-color: #ffb347;
    box-shadow: 0 0 0 0.2rem rgba(255, 179, 71, 0.25);
    color: #fff;
    outline: none;
}

@media (max-width: 768px) {
    .info-row[b-pmh7nnvkqr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .info-value[b-pmh7nnvkqr] {
        text-align: left;
        min-width: auto;
    }

    .transfer-row[b-pmh7nnvkqr] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .transfer-label[b-pmh7nnvkqr] {
        min-width: auto;
    }

    .form-control[b-pmh7nnvkqr] {
        max-width: 100%;
    }
}
/* /Components/Pages/Guilds/BuildRanch.razor.rz.scp.css */
/* Guild Pages Shared Styles - Matching Game/Instructions styling */

/* CSS Variables matching Instructions.razor.css */
:root[b-iyrf1z141x] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.guild-container[b-iyrf1z141x] {
    max-width: 1200px;
    margin: 1.25rem auto 2rem;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

.guild-container:focus[b-iyrf1z141x] {
    outline: 3px solid var(--game-accent);
    outline-offset: 4px;
}

/* Page Title - matching game header style */
.page-title[b-iyrf1z141x] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.5rem 0;
    text-align: left;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--game-border);
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Intro text */
.intro-text[b-iyrf1z141x] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--game-text-secondary);
    font-weight: 500;
}

/* Guild Category Cards */
.guild-category-card[b-iyrf1z141x] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.guild-category-card .card-header[b-iyrf1z141x] {
    background: linear-gradient(135deg, #333 0%, #252525 100%) !important;
    border: 3px solid var(--game-border) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 0.75rem 1rem !important;
}

.guild-category-card .card-header strong[b-iyrf1z141x] {
    color: var(--game-accent-hover);
    font-weight: 700;
}

.guild-category-card .card-header small[b-iyrf1z141x] {
    color: var(--game-text-muted);
    font-weight: 600;
}

/* Card Body Styling */
.guild-category-card .card-body[b-iyrf1z141x] {
    background: var(--game-bg-secondary);
    border-top: 3px solid var(--game-border);
    color: var(--game-text-secondary);
}

/* Table Styling */
.guild-category-card .table[b-iyrf1z141x] {
    margin-bottom: 0;
    color: var(--game-text-secondary);
}

.guild-category-card .table thead[b-iyrf1z141x] {
    background: rgba(255, 170, 85, 0.1);
    border-bottom: 3px solid var(--game-border);
}

.guild-category-card .table thead th[b-iyrf1z141x] {
    color: var(--game-accent-hover);
    font-weight: 700;
    border-color: var(--game-border);
    padding: 0.75rem;
}

.guild-category-card .table tbody tr[b-iyrf1z141x] {
    border-color: var(--game-border);
}

.guild-category-card .table tbody tr:hover[b-iyrf1z141x] {
    background: rgba(255, 170, 85, 0.05);
}

.guild-category-card .table tbody td[b-iyrf1z141x] {
    padding: 0.75rem;
    color: var(--game-text-secondary);
    border-color: var(--game-border);
}

/* Form Controls */
.form-control[b-iyrf1z141x],
.form-control-sm[b-iyrf1z141x] {
    background: #1a1a1a;
    border: 2px solid var(--game-border);
    color: var(--game-text-secondary);
    border-radius: 6px;
}

.form-control:focus[b-iyrf1z141x],
.form-control-sm:focus[b-iyrf1z141x] {
    background: #1a1a1a;
    border-color: var(--game-accent);
    color: var(--game-text-secondary);
    box-shadow: 0 0 0 0.2rem rgba(255, 170, 85, 0.25);
}

.form-control[b-iyrf1z141x]::placeholder,
.form-control-sm[b-iyrf1z141x]::placeholder {
    color: var(--game-text-muted);
}

.form-label[b-iyrf1z141x] {
    color: var(--game-text-primary);
    font-weight: 600;
}

/* Alert Styling */
.alert[b-iyrf1z141x] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 3px solid var(--game-border);
    border-radius: 8px;
    color: var(--game-text-secondary);
}

.alert-danger[b-iyrf1z141x] {
    background: linear-gradient(135deg, rgba(255, 102, 102, 0.15) 0%, rgba(200, 50, 50, 0.1) 100%) !important;
    border-color: #ff6666 !important;
}

.alert-danger strong[b-iyrf1z141x] {
    color: #ff6666;
}

.alert-warning[b-iyrf1z141x] {
    background: linear-gradient(135deg, rgba(255, 221, 68, 0.15) 0%, rgba(200, 150, 50, 0.1) 100%) !important;
    border-color: #ffdd44 !important;
}

.alert-warning strong[b-iyrf1z141x] {
    color: #ffdd44;
}

.alert-info[b-iyrf1z141x] {
    background: linear-gradient(135deg, rgba(68, 204, 255, 0.15) 0%, rgba(50, 150, 200, 0.1) 100%) !important;
    border-color: #44ccff !important;
}

.alert-info strong[b-iyrf1z141x] {
    color: #44ccff;
}

.alert-success[b-iyrf1z141x] {
    background: linear-gradient(135deg, rgba(68, 221, 119, 0.15) 0%, rgba(50, 170, 100, 0.1) 100%) !important;
    border-color: #44dd77 !important;
}

.alert-secondary[b-iyrf1z141x] {
    background: linear-gradient(135deg, rgba(200, 200, 200, 0.15) 0%, rgba(150, 150, 150, 0.1) 100%) !important;
    border-color: #999 !important;
}

/* Buttons */
.btn[b-iyrf1z141x] {
    font-weight: 700;
    border-radius: 6px;
    transition: all 0.2s;
    border: 2px solid;
}

.btn:hover[b-iyrf1z141x],
.btn:focus[b-iyrf1z141x] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}

.btn-outline-secondary[b-iyrf1z141x] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
    background: transparent;
}

.btn-outline-secondary:hover[b-iyrf1z141x] {
    background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
    border-color: #666;
    color: #fff;
}

.btn-primary[b-iyrf1z141x] {
    background: linear-gradient(135deg, #4da6ff 0%, #6bb8ff 100%);
    border-color: #6bb8ff;
    color: #000;
}

.btn-primary:hover[b-iyrf1z141x] {
    background: linear-gradient(135deg, #6bb8ff 0%, #8ac9ff 100%);
    border-color: #8ac9ff;
}

.btn-success[b-iyrf1z141x] {
    background: linear-gradient(135deg, #44dd77 0%, #66ee99 100%);
    border-color: #66ee99;
    color: #000;
}

.btn-success:hover[b-iyrf1z141x] {
    background: linear-gradient(135deg, #66ee99 0%, #88ffbb 100%);
    border-color: #88ffbb;
}

.btn-outline-light[b-iyrf1z141x] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
}

.btn-outline-light:hover[b-iyrf1z141x] {
    background: rgba(255, 170, 85, 0.1);
    border-color: var(--game-accent);
    color: var(--game-accent-hover);
}

/* Badge styling */
.badge[b-iyrf1z141x] {
    padding: 0.35rem 0.65rem;
    font-weight: 700;
    border-radius: 4px;
}

.badge.bg-info[b-iyrf1z141x] {
    background: linear-gradient(135deg, #44ccff 0%, #66ddff 100%) !important;
    color: #000 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.badge.bg-secondary[b-iyrf1z141x] {
    background: linear-gradient(135deg, #666 0%, #555 100%) !important;
    color: #fff !important;
}

.badge.bg-warning[b-iyrf1z141x] {
    background: linear-gradient(135deg, var(--game-accent) 0%, var(--game-accent-hover) 100%) !important;
    color: #000 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Help Item styling */
.help-item[b-iyrf1z141x] {
    padding: 1rem;
    background: rgba(255, 170, 85, 0.05);
    border-left: 4px solid var(--game-accent);
    border-radius: 6px;
}

.help-item h5[b-iyrf1z141x],
.help-item h6[b-iyrf1z141x] {
    margin-bottom: 0.5rem;
}

.help-item p[b-iyrf1z141x] {
    margin-bottom: 0.5rem;
}

/* Info Row styling */
.info-row[b-iyrf1z141x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
}

.info-label[b-iyrf1z141x] {
    font-weight: 600;
    color: var(--game-text-secondary);
}

/* Responsive Design */
@media (max-width: 768px) {
    .guild-container[b-iyrf1z141x] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-iyrf1z141x] {
        font-size: 2rem;
    }

    .guild-category-card[b-iyrf1z141x] {
        margin-bottom: 1.5rem;
    }

    .table[b-iyrf1z141x] {
        font-size: 0.85rem;
    }

    .form-control-sm[b-iyrf1z141x] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }

    .btn-sm[b-iyrf1z141x] {
        padding: 0.4rem 0.6rem;
        font-size: 0.75rem;
    }
}

@media (max-width: 640px) {
    .page-title[b-iyrf1z141x] {
        font-size: 1.7rem;
    }

    .intro-text[b-iyrf1z141x] {
        font-size: 0.9rem;
    }

    .guild-category-card .card-header[b-iyrf1z141x] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .table-responsive[b-iyrf1z141x] {
        font-size: 0.75rem;
    }

    .btn-group[b-iyrf1z141x] {
        flex-direction: column;
        gap: 0.25rem;
    }
}

/* Accessibility */
.guild-container *:focus-visible[b-iyrf1z141x] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-iyrf1z141x] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Text color consistency */
.guild-container p[b-iyrf1z141x],
.guild-container li[b-iyrf1z141x],
.guild-container div[b-iyrf1z141x] {
    color: var(--game-text-secondary);
}

.guild-container h1[b-iyrf1z141x],
.guild-container h2[b-iyrf1z141x],
.guild-container h3[b-iyrf1z141x],
.guild-container h4[b-iyrf1z141x],
.guild-container h5[b-iyrf1z141x],
.guild-container h6[b-iyrf1z141x] {
    color: var(--game-text-primary);
}

.guild-container strong[b-iyrf1z141x] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Smooth Scroll */
.guild-container[b-iyrf1z141x] {
    scroll-behavior: smooth;
}

/* Animation */
@keyframes fadeIn-b-iyrf1z141x {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.guild-category-card[b-iyrf1z141x] {
    animation: fadeIn-b-iyrf1z141x 0.4s ease-out;
}

/* High contrast for text */
.text-light[b-iyrf1z141x] {
    color: var(--game-text-primary) !important;
}

.text-light-50[b-iyrf1z141x] {
    color: var(--game-text-muted) !important;
}

.text-info[b-iyrf1z141x] {
    color: #44ccff !important;
}

.text-warning[b-iyrf1z141x] {
    color: #ffdd44 !important;
}

.text-danger[b-iyrf1z141x] {
    color: #ff6666 !important;
}

.text-muted[b-iyrf1z141x] {
    color: var(--game-text-muted) !important;
}

.text-center[b-iyrf1z141x] {
    text-align: center;
}

.fw-bold[b-iyrf1z141x] {
    font-weight: 700;
}

/* Table responsive wrapper */
.table-responsive[b-iyrf1z141x] {
    overflow-x: auto;
}

/* Spinner styling */
.spinner-border[b-iyrf1z141x] {
    border-color: currentColor;
    border-right-color: transparent;
}

.spinner-border-sm[b-iyrf1z141x] {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}
/* /Components/Pages/Guilds/DisplayGuilds.razor.rz.scp.css */
/* Guild Pages Shared Styles - Matching Game/Instructions styling */

:root[b-3vu3gdnm9c] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.guild-container[b-3vu3gdnm9c] {
    max-width: 1200px;
    margin: 1.25rem auto 2rem;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

.guild-container:focus[b-3vu3gdnm9c] {
    outline: 3px solid var(--game-accent);
    outline-offset: 4px;
}

/* Page Title */
.page-title[b-3vu3gdnm9c] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.5rem 0;
    text-align: left;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--game-border);
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Intro text */
.intro-text[b-3vu3gdnm9c] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--game-text-secondary);
    font-weight: 500;
}

/* Guild Category Cards */
.guild-category-card[b-3vu3gdnm9c] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.guild-category-card .card-header[b-3vu3gdnm9c] {
    background: linear-gradient(135deg, #333 0%, #252525 100%) !important;
    border: 3px solid var(--game-border) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 0.75rem 1rem !important;
}

.guild-category-card .card-header strong[b-3vu3gdnm9c] {
    color: var(--game-accent-hover);
    font-weight: 700;
}

.guild-category-card .card-header small[b-3vu3gdnm9c] {
    color: var(--game-text-muted);
    font-weight: 600;
}

/* Card Body Styling */
.guild-category-card .card-body[b-3vu3gdnm9c] {
    background: var(--game-bg-secondary);
    border-top: 3px solid var(--game-border);
    color: var(--game-text-secondary);
}

/* Table Styling */
.guild-category-card .table[b-3vu3gdnm9c] {
    margin-bottom: 0;
    color: var(--game-text-secondary);
}

.guild-category-card .table thead[b-3vu3gdnm9c] {
    background: rgba(255, 170, 85, 0.1);
    border-bottom: 3px solid var(--game-border);
}

.guild-category-card .table thead th[b-3vu3gdnm9c] {
    color: var(--game-accent-hover);
    font-weight: 700;
    border-color: var(--game-border);
    padding: 0.75rem;
}

.guild-category-card .table tbody tr[b-3vu3gdnm9c] {
    border-color: var(--game-border);
}

.guild-category-card .table tbody tr:hover[b-3vu3gdnm9c] {
    background: rgba(255, 170, 85, 0.05);
}

.guild-category-card .table tbody td[b-3vu3gdnm9c] {
    padding: 0.75rem;
    color: var(--game-text-secondary);
    border-color: var(--game-border);
}

/* Alert Styling */
.alert[b-3vu3gdnm9c] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 3px solid var(--game-border);
    border-radius: 8px;
    color: var(--game-text-secondary);
}

.alert-danger[b-3vu3gdnm9c] {
    background: linear-gradient(135deg, rgba(255, 102, 102, 0.15) 0%, rgba(200, 50, 50, 0.1) 100%) !important;
    border-color: #ff6666 !important;
}

.alert-info[b-3vu3gdnm9c] {
    background: linear-gradient(135deg, rgba(68, 204, 255, 0.15) 0%, rgba(50, 150, 200, 0.1) 100%) !important;
    border-color: #44ccff !important;
}

/* Buttons */
.btn[b-3vu3gdnm9c] {
    font-weight: 700;
    border-radius: 6px;
    transition: all 0.2s;
    border: 2px solid;
}

.btn:hover[b-3vu3gdnm9c],
.btn:focus[b-3vu3gdnm9c] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}

.btn-outline-secondary[b-3vu3gdnm9c] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
    background: transparent;
}

.btn-outline-secondary:hover[b-3vu3gdnm9c] {
    background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
    border-color: #666;
    color: #fff;
}

/* Responsive Design */
@media (max-width: 768px) {
    .guild-container[b-3vu3gdnm9c] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-3vu3gdnm9c] {
        font-size: 2rem;
    }

    .table[b-3vu3gdnm9c] {
        font-size: 0.85rem;
    }
}

@media (max-width: 640px) {
    .page-title[b-3vu3gdnm9c] {
        font-size: 1.7rem;
    }

    .intro-text[b-3vu3gdnm9c] {
        font-size: 0.9rem;
    }

    .table-responsive[b-3vu3gdnm9c] {
        font-size: 0.75rem;
    }
}

/* Accessibility */
.guild-container *:focus-visible[b-3vu3gdnm9c] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-3vu3gdnm9c] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Text color consistency */
.guild-container p[b-3vu3gdnm9c],
.guild-container li[b-3vu3gdnm9c],
.guild-container div[b-3vu3gdnm9c] {
    color: var(--game-text-secondary);
}

.guild-container h1[b-3vu3gdnm9c],
.guild-container h2[b-3vu3gdnm9c],
.guild-container h3[b-3vu3gdnm9c],
.guild-container h4[b-3vu3gdnm9c],
.guild-container h5[b-3vu3gdnm9c],
.guild-container h6[b-3vu3gdnm9c] {
    color: var(--game-text-primary);
}

.guild-container strong[b-3vu3gdnm9c] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Animation */
@keyframes fadeIn-b-3vu3gdnm9c {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.guild-category-card[b-3vu3gdnm9c] {
    animation: fadeIn-b-3vu3gdnm9c 0.4s ease-out;
}

/* High contrast for text */
.text-light[b-3vu3gdnm9c] {
    color: var(--game-text-primary) !important;
}

.text-light-50[b-3vu3gdnm9c] {
    color: var(--game-text-muted) !important;
}

.text-info[b-3vu3gdnm9c] {
    color: #44ccff !important;
}

.text-muted[b-3vu3gdnm9c] {
    color: var(--game-text-muted) !important;
}

.text-end[b-3vu3gdnm9c] {
    text-align: right;
}

.align-middle[b-3vu3gdnm9c] {
    vertical-align: middle;
}

/* Table responsive wrapper */
.table-responsive[b-3vu3gdnm9c] {
    overflow-x: auto;
}
/* /Components/Pages/Guilds/Help.razor.rz.scp.css */
/* Guild Pages Shared Styles - Matching Game/Instructions styling */

:root[b-0bdwxxw51w] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.guild-container[b-0bdwxxw51w] {
    max-width: 1200px;
    margin: 1.25rem auto 2rem;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

.guild-container:focus[b-0bdwxxw51w] {
    outline: 3px solid var(--game-accent);
    outline-offset: 4px;
}

/* Page Title */
.page-title[b-0bdwxxw51w] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.5rem 0;
    text-align: left;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--game-border);
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Intro text */
.intro-text[b-0bdwxxw51w] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--game-text-secondary);
    font-weight: 500;
}

/* Guild Category Cards */
.guild-category-card[b-0bdwxxw51w] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.guild-category-card .card-header[b-0bdwxxw51w] {
    background: linear-gradient(135deg, #333 0%, #252525 100%) !important;
    border: 3px solid var(--game-border) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 0.75rem 1rem !important;
}

.guild-category-card .card-header strong[b-0bdwxxw51w] {
    color: var(--game-accent-hover);
    font-weight: 700;
}

.guild-category-card .card-header small[b-0bdwxxw51w] {
    color: var(--game-text-muted);
    font-weight: 600;
}

/* Card Body Styling */
.guild-category-card .card-body[b-0bdwxxw51w] {
    background: var(--game-bg-secondary);
    border-top: 3px solid var(--game-border);
    color: var(--game-text-secondary);
}

/* Help Item styling */
.help-item[b-0bdwxxw51w] {
    padding: 1rem;
    background: rgba(255, 170, 85, 0.05);
    border-left: 4px solid var(--game-accent);
    border-radius: 6px;
}

.help-item h5[b-0bdwxxw51w],
.help-item h6[b-0bdwxxw51w] {
    margin-bottom: 0.5rem;
}

.help-item p[b-0bdwxxw51w] {
    margin-bottom: 0.5rem;
}

/* Alert Styling */
.alert[b-0bdwxxw51w] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 3px solid var(--game-border);
    border-radius: 8px;
    color: var(--game-text-secondary);
}

.alert-danger[b-0bdwxxw51w] {
    background: linear-gradient(135deg, rgba(255, 102, 102, 0.15) 0%, rgba(200, 50, 50, 0.1) 100%) !important;
    border-color: #ff6666 !important;
}

.alert-info[b-0bdwxxw51w] {
    background: linear-gradient(135deg, rgba(68, 204, 255, 0.15) 0%, rgba(50, 150, 200, 0.1) 100%) !important;
    border-color: #44ccff !important;
}

/* Buttons */
.btn[b-0bdwxxw51w] {
    font-weight: 700;
    border-radius: 6px;
    transition: all 0.2s;
    border: 2px solid;
}

.btn:hover[b-0bdwxxw51w],
.btn:focus[b-0bdwxxw51w] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}

.btn-outline-secondary[b-0bdwxxw51w] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
    background: transparent;
}

.btn-outline-secondary:hover[b-0bdwxxw51w] {
    background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
    border-color: #666;
    color: #fff;
}

/* Responsive Design */
@media (max-width: 768px) {
    .guild-container[b-0bdwxxw51w] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-0bdwxxw51w] {
        font-size: 2rem;
    }
}

@media (max-width: 640px) {
    .page-title[b-0bdwxxw51w] {
        font-size: 1.7rem;
    }

    .intro-text[b-0bdwxxw51w] {
        font-size: 0.9rem;
    }
}

/* Accessibility */
.guild-container *:focus-visible[b-0bdwxxw51w] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-0bdwxxw51w] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Text color consistency */
.guild-container p[b-0bdwxxw51w],
.guild-container li[b-0bdwxxw51w],
.guild-container div[b-0bdwxxw51w] {
    color: var(--game-text-secondary);
}

.guild-container h1[b-0bdwxxw51w],
.guild-container h2[b-0bdwxxw51w],
.guild-container h3[b-0bdwxxw51w],
.guild-container h4[b-0bdwxxw51w],
.guild-container h5[b-0bdwxxw51w],
.guild-container h6[b-0bdwxxw51w] {
    color: var(--game-text-primary);
}

.guild-container strong[b-0bdwxxw51w] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Animation */
@keyframes fadeIn-b-0bdwxxw51w {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.guild-category-card[b-0bdwxxw51w] {
    animation: fadeIn-b-0bdwxxw51w 0.4s ease-out;
}

/* High contrast for text */
.text-light[b-0bdwxxw51w] {
    color: var(--game-text-primary) !important;
}

.text-light-50[b-0bdwxxw51w] {
    color: var(--game-text-muted) !important;
}

.text-info[b-0bdwxxw51w] {
    color: #44ccff !important;
}

.text-warning[b-0bdwxxw51w] {
    color: #ffdd44 !important;
}

.text-muted[b-0bdwxxw51w] {
    color: var(--game-text-muted) !important;
}

.text-center[b-0bdwxxw51w] {
    text-align: center;
}

.mb-0[b-0bdwxxw51w] {
    margin-bottom: 0;
}

.mb-2[b-0bdwxxw51w] {
    margin-bottom: 0.5rem;
}

.mb-3[b-0bdwxxw51w] {
    margin-bottom: 1rem;
}

.small[b-0bdwxxw51w] {
    font-size: 0.875rem;
}

.ps-3[b-0bdwxxw51w] {
    padding-left: 1rem;
}
/* /Components/Pages/Guilds/HowToJoin.razor.rz.scp.css */
/* Guild Pages Shared Styles - Matching Game/Instructions styling */

:root[b-ecvdmdwxsj] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.guild-container[b-ecvdmdwxsj] {
    max-width: 1200px;
    margin: 1.25rem auto 2rem;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

.guild-container:focus[b-ecvdmdwxsj] {
    outline: 3px solid var(--game-accent);
    outline-offset: 4px;
}

/* Page Title */
.page-title[b-ecvdmdwxsj] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.5rem 0;
    text-align: left;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--game-border);
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Intro text */
.intro-text[b-ecvdmdwxsj] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--game-text-secondary);
    font-weight: 500;
}

/* Guild Category Cards */
.guild-category-card[b-ecvdmdwxsj] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.guild-category-card .card-header[b-ecvdmdwxsj] {
    background: linear-gradient(135deg, #333 0%, #252525 100%) !important;
    border: 3px solid var(--game-border) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 0.75rem 1rem !important;
}

.guild-category-card .card-header strong[b-ecvdmdwxsj] {
    color: var(--game-accent-hover);
    font-weight: 700;
}

/* Card Body Styling */
.guild-category-card .card-body[b-ecvdmdwxsj] {
    background: var(--game-bg-secondary);
    border-top: 3px solid var(--game-border);
    color: var(--game-text-secondary);
}

/* Alert Styling */
.alert[b-ecvdmdwxsj] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 3px solid var(--game-border);
    border-radius: 8px;
    color: var(--game-text-secondary);
}

.alert-danger[b-ecvdmdwxsj] {
    background: linear-gradient(135deg, rgba(255, 102, 102, 0.15) 0%, rgba(200, 50, 50, 0.1) 100%) !important;
    border-color: #ff6666 !important;
}

.alert-warning[b-ecvdmdwxsj] {
    background: linear-gradient(135deg, rgba(255, 221, 68, 0.15) 0%, rgba(200, 150, 50, 0.1) 100%) !important;
    border-color: #ffdd44 !important;
}

.alert-info[b-ecvdmdwxsj] {
    background: linear-gradient(135deg, rgba(68, 204, 255, 0.15) 0%, rgba(50, 150, 200, 0.1) 100%) !important;
    border-color: #44ccff !important;
}

.alert-secondary[b-ecvdmdwxsj] {
    background: linear-gradient(135deg, rgba(200, 200, 200, 0.15) 0%, rgba(150, 150, 150, 0.1) 100%) !important;
    border-color: #999 !important;
}

.alert strong[b-ecvdmdwxsj] {
    color: var(--game-text-primary);
}

/* Buttons */
.btn[b-ecvdmdwxsj] {
    font-weight: 700;
    border-radius: 6px;
    transition: all 0.2s;
    border: 2px solid;
}

.btn:hover[b-ecvdmdwxsj],
.btn:focus[b-ecvdmdwxsj] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}

.btn-outline-secondary[b-ecvdmdwxsj] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
    background: transparent;
}

.btn-outline-secondary:hover[b-ecvdmdwxsj] {
    background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
    border-color: #666;
    color: #fff;
}

/* Responsive Design */
@media (max-width: 768px) {
    .guild-container[b-ecvdmdwxsj] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-ecvdmdwxsj] {
        font-size: 2rem;
    }
}

@media (max-width: 640px) {
    .page-title[b-ecvdmdwxsj] {
        font-size: 1.7rem;
    }

    .intro-text[b-ecvdmdwxsj] {
        font-size: 0.9rem;
    }
}

/* Accessibility */
.guild-container *:focus-visible[b-ecvdmdwxsj] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-ecvdmdwxsj] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Text color consistency */
.guild-container p[b-ecvdmdwxsj],
.guild-container li[b-ecvdmdwxsj],
.guild-container div[b-ecvdmdwxsj] {
    color: var(--game-text-secondary);
}

.guild-container h1[b-ecvdmdwxsj],
.guild-container h2[b-ecvdmdwxsj],
.guild-container h3[b-ecvdmdwxsj],
.guild-container h4[b-ecvdmdwxsj],
.guild-container h5[b-ecvdmdwxsj],
.guild-container h6[b-ecvdmdwxsj] {
    color: var(--game-text-primary);
}

.guild-container strong[b-ecvdmdwxsj] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Animation */
@keyframes fadeIn-b-ecvdmdwxsj {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.guild-category-card[b-ecvdmdwxsj] {
    animation: fadeIn-b-ecvdmdwxsj 0.4s ease-out;
}

/* High contrast for text */
.text-light[b-ecvdmdwxsj] {
    color: var(--game-text-primary) !important;
}

.text-light-50[b-ecvdmdwxsj] {
    color: var(--game-text-muted) !important;
}

.text-info[b-ecvdmdwxsj] {
    color: #44ccff !important;
}

.text-warning[b-ecvdmdwxsj] {
    color: #ffdd44 !important;
}

.text-muted[b-ecvdmdwxsj] {
    color: var(--game-text-muted) !important;
}

.text-center[b-ecvdmdwxsj] {
    text-align: center;
}

.mb-0[b-ecvdmdwxsj] {
    margin-bottom: 0;
}

.mb-2[b-ecvdmdwxsj] {
    margin-bottom: 0.5rem;
}

.mb-3[b-ecvdmdwxsj] {
    margin-bottom: 1rem;
}

.mt-1[b-ecvdmdwxsj] {
    margin-top: 0.25rem;
}

.small[b-ecvdmdwxsj] {
    font-size: 0.875rem;
}

.ps-3[b-ecvdmdwxsj] {
    padding-left: 1rem;
}

ol[b-ecvdmdwxsj] {
    padding-left: 1.5rem;
}

ul[b-ecvdmdwxsj] {
    padding-left: 1.5rem;
}
/* /Components/Pages/Guilds/Index.razor.rz.scp.css */
/* Guild Index Pages Shared Styles - Matching Game/Instructions styling */

:root[b-bqt6lq95zw] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.guild-container[b-bqt6lq95zw] {
    max-width: 1200px;
    margin: 1.25rem auto 2rem;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

.guild-container:focus[b-bqt6lq95zw] {
    outline: 3px solid var(--game-accent);
    outline-offset: 4px;
}

/* Page Title */
.page-title[b-bqt6lq95zw] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.5rem 0;
    text-align: left;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--game-border);
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Intro text */
.intro-text[b-bqt6lq95zw] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--game-text-secondary);
    font-weight: 500;
}

/* Guild Category Cards */
.guild-category-card[b-bqt6lq95zw] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.guild-category-card .card-header[b-bqt6lq95zw] {
    background: linear-gradient(135deg, #333 0%, #252525 100%) !important;
    border: 3px solid var(--game-border) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 0.75rem 1rem !important;
}

.guild-category-card .card-header strong[b-bqt6lq95zw] {
    color: var(--game-accent-hover);
    font-weight: 700;
}

.guild-category-card .card-header small[b-bqt6lq95zw] {
    color: var(--game-text-muted);
    font-weight: 600;
}

/* Card Body Styling */
.guild-category-card .card-body[b-bqt6lq95zw] {
    background: var(--game-bg-secondary);
    border-top: 3px solid var(--game-border);
    color: var(--game-text-secondary);
}

/* Sage Grid for action buttons */
.sage-grid[b-bqt6lq95zw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.75rem;
}

.guild-action[b-bqt6lq95zw] {
    padding: 0.5rem 0.75rem;
    text-align: left;
}

/* Button Styling */
.btn[b-bqt6lq95zw] {
    font-weight: 700;
    border-radius: 6px;
    transition: all 0.2s;
    border: 2px solid;
}

.btn:hover[b-bqt6lq95zw],
.btn:focus[b-bqt6lq95zw] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}

.btn-outline-secondary[b-bqt6lq95zw] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
    background: transparent;
}

.btn-outline-secondary:hover[b-bqt6lq95zw] {
    background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
    border-color: #666;
    color: #fff;
}

.btn-outline-info[b-bqt6lq95zw] {
    color: #44ccff;
    border-color: #44ccff;
    background: transparent;
}

.btn-outline-info:hover[b-bqt6lq95zw] {
    background: rgba(68, 204, 255, 0.1);
    border-color: #66ddff;
    color: #66ddff;
}

.btn-outline-light[b-bqt6lq95zw] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
    background: transparent;
}

.btn-outline-light:hover[b-bqt6lq95zw] {
    background: rgba(255, 170, 85, 0.1);
    border-color: var(--game-accent);
    color: var(--game-accent-hover);
}

.btn-sm[b-bqt6lq95zw] {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

/* Alert Styling */
.alert[b-bqt6lq95zw] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 3px solid var(--game-border);
    border-radius: 8px;
    color: var(--game-text-secondary);
}

.alert-danger[b-bqt6lq95zw] {
    background: linear-gradient(135deg, rgba(255, 102, 102, 0.15) 0%, rgba(200, 50, 50, 0.1) 100%) !important;
    border-color: #ff6666 !important;
}

.alert-danger strong[b-bqt6lq95zw] {
    color: #ff6666;
}

/* Shortkey styling */
.shortkey[b-bqt6lq95zw] {
    display: inline-block;
    padding: 0.2rem 0.4rem;
    background: var(--game-accent);
    color: #000;
    border-radius: 3px;
    font-weight: 700;
    font-size: 0.85rem;
    margin: 0 0.2rem;
    text-shadow: none;
}

/* Lock icon styling */
.lock-icon[b-bqt6lq95zw] {
    margin-left: 0.3rem;
    font-size: 0.9rem;
}

.text-warning[b-bqt6lq95zw] {
    color: #ffdd44 !important;
}

/* Image styling */
.img-fluid[b-bqt6lq95zw] {
    max-width: 100%;
    height: auto;
}

.rounded[b-bqt6lq95zw] {
    border-radius: 0.375rem;
}

.shadow-sm[b-bqt6lq95zw] {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* Responsive Design */
@media (max-width: 768px) {
    .guild-container[b-bqt6lq95zw] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-bqt6lq95zw] {
        font-size: 2rem;
    }

    .sage-grid[b-bqt6lq95zw] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}

@media (max-width: 640px) {
    .page-title[b-bqt6lq95zw] {
        font-size: 1.7rem;
    }

    .intro-text[b-bqt6lq95zw] {
        font-size: 0.9rem;
    }

    .sage-grid[b-bqt6lq95zw] {
        grid-template-columns: 1fr;
    }

    .text-md-start[b-bqt6lq95zw] {
        text-align: left !important;
    }

    .text-center[b-bqt6lq95zw] {
        text-align: center;
    }
}

/* Accessibility */
.guild-container *:focus-visible[b-bqt6lq95zw] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-bqt6lq95zw] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Text color consistency */
.guild-container p[b-bqt6lq95zw],
.guild-container li[b-bqt6lq95zw],
.guild-container div[b-bqt6lq95zw] {
    color: var(--game-text-secondary);
}

.guild-container h1[b-bqt6lq95zw],
.guild-container h2[b-bqt6lq95zw],
.guild-container h3[b-bqt6lq95zw],
.guild-container h4[b-bqt6lq95zw],
.guild-container h5[b-bqt6lq95zw],
.guild-container h6[b-bqt6lq95zw] {
    color: var(--game-text-primary);
}

.guild-container strong[b-bqt6lq95zw] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Animation */
@keyframes fadeIn-b-bqt6lq95zw {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.guild-category-card[b-bqt6lq95zw] {
    animation: fadeIn-b-bqt6lq95zw 0.4s ease-out;
}

/* High contrast for text */
.text-light[b-bqt6lq95zw] {
    color: var(--game-text-primary) !important;
}

.text-light-50[b-bqt6lq95zw] {
    color: var(--game-text-muted) !important;
}

.text-info[b-bqt6lq95zw] {
    color: #44ccff !important;
}

.text-muted[b-bqt6lq95zw] {
    color: var(--game-text-muted) !important;
}

.text-secondary[b-bqt6lq95zw] {
    color: var(--game-text-secondary) !important;
}

.text-start[b-bqt6lq95zw] {
    text-align: left;
}

.mb-0[b-bqt6lq95zw] {
    margin-bottom: 0;
}

.mb-2[b-bqt6lq95zw] {
    margin-bottom: 0.5rem;
}

.mb-3[b-bqt6lq95zw] {
    margin-bottom: 1rem;
}

.mb-4[b-bqt6lq95zw] {
    margin-bottom: 1.5rem;
}

.mt-2[b-bqt6lq95zw] {
    margin-top: 0.5rem;
}

.mt-auto[b-bqt6lq95zw] {
    margin-top: auto;
}

.pt-2[b-bqt6lq95zw] {
    padding-top: 0.5rem;
}

.ps-1[b-bqt6lq95zw] {
    padding-left: 0.25rem;
}

.ps-2[b-bqt6lq95zw] {
    padding-left: 0.5rem;
}

.ps-3[b-bqt6lq95zw] {
    padding-left: 1rem;
}

.me-2[b-bqt6lq95zw] {
    margin-right: 0.5rem;
}

.opacity-75[b-bqt6lq95zw] {
    opacity: 0.75;
}

.small[b-bqt6lq95zw] {
    font-size: 0.875rem;
}

.d-flex[b-bqt6lq95zw] {
    display: flex;
}

.d-block[b-bqt6lq95zw] {
    display: block;
}

.flex-column[b-bqt6lq95zw] {
    flex-direction: column;
}

.gap-2[b-bqt6lq95zw] {
    gap: 0.5rem;
}

.gap-3[b-bqt6lq95zw] {
    gap: 1rem;
}

.gap-4[b-bqt6lq95zw] {
    gap: 1.5rem;
}

.align-items-start[b-bqt6lq95zw] {
    align-items: flex-start;
}

.justify-content-between[b-bqt6lq95zw] {
    justify-content: space-between;
}

.align-items-center[b-bqt6lq95zw] {
    align-items: center;
}

.flex-wrap[b-bqt6lq95zw] {
    flex-wrap: wrap;
}

.row[b-bqt6lq95zw] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.g-4 > *[b-bqt6lq95zw] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.col-12[b-bqt6lq95zw] {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .col-md-4[b-bqt6lq95zw] {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    .col-md-8[b-bqt6lq95zw] {
        flex: 0 0 66.667%;
        max-width: 66.667%;
    }

    .text-md-start[b-bqt6lq95zw] {
        text-align: left !important;
    }
}

/* Scroll behavior */
.guild-container[b-bqt6lq95zw] {
    scroll-behavior: smooth;
}
/* /Components/Pages/Guilds/ListGuildRanches.razor.rz.scp.css */
/* Guild Pages Shared Styles - Matching Game/Instructions styling */

:root[b-gignkooku7] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.guild-container[b-gignkooku7] {
    max-width: 1200px;
    margin: 1.25rem auto 2rem;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

.guild-container:focus[b-gignkooku7] {
    outline: 3px solid var(--game-accent);
    outline-offset: 4px;
}

/* Page Title */
.page-title[b-gignkooku7] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.5rem 0;
    text-align: left;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--game-border);
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Intro text */
.intro-text[b-gignkooku7] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--game-text-secondary);
    font-weight: 500;
}

/* Guild Category Cards */
.guild-category-card[b-gignkooku7] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.guild-category-card .card-header[b-gignkooku7] {
    background: linear-gradient(135deg, #333 0%, #252525 100%) !important;
    border: 3px solid var(--game-border) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 0.75rem 1rem !important;
}

.guild-category-card .card-header strong[b-gignkooku7] {
    color: var(--game-accent-hover);
    font-weight: 700;
}

/* Card Body Styling */
.guild-category-card .card-body[b-gignkooku7] {
    background: var(--game-bg-secondary);
    border-top: 3px solid var(--game-border);
    color: var(--game-text-secondary);
}

/* Table Styling */
.guild-category-card .table[b-gignkooku7] {
    margin-bottom: 0;
    color: var(--game-text-secondary);
}

.guild-category-card .table thead[b-gignkooku7] {
    background: rgba(255, 170, 85, 0.1);
    border-bottom: 3px solid var(--game-border);
}

.guild-category-card .table thead th[b-gignkooku7] {
    color: var(--game-accent-hover);
    font-weight: 700;
    border-color: var(--game-border);
    padding: 0.75rem;
}

.guild-category-card .table tbody tr[b-gignkooku7] {
    border-color: var(--game-border);
}

.guild-category-card .table tbody tr:hover[b-gignkooku7] {
    background: rgba(255, 170, 85, 0.05);
}

.guild-category-card .table tbody td[b-gignkooku7] {
    padding: 0.75rem;
    color: var(--game-text-secondary);
    border-color: var(--game-border);
}

/* Alert Styling */
.alert[b-gignkooku7] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 3px solid var(--game-border);
    border-radius: 8px;
    color: var(--game-text-secondary);
}

.alert-danger[b-gignkooku7] {
    background: linear-gradient(135deg, rgba(255, 102, 102, 0.15) 0%, rgba(200, 50, 50, 0.1) 100%) !important;
    border-color: #ff6666 !important;
}

.alert-info[b-gignkooku7] {
    background: linear-gradient(135deg, rgba(68, 204, 255, 0.15) 0%, rgba(50, 150, 200, 0.1) 100%) !important;
    border-color: #44ccff !important;
}

/* Buttons */
.btn[b-gignkooku7] {
    font-weight: 700;
    border-radius: 6px;
    transition: all 0.2s;
    border: 2px solid;
}

.btn:hover[b-gignkooku7],
.btn:focus[b-gignkooku7] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}

.btn-outline-secondary[b-gignkooku7] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
    background: transparent;
}

.btn-outline-secondary:hover[b-gignkooku7] {
    background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
    border-color: #666;
    color: #fff;
}

/* Responsive Design */
@media (max-width: 768px) {
    .guild-container[b-gignkooku7] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-gignkooku7] {
        font-size: 2rem;
    }

    .table[b-gignkooku7] {
        font-size: 0.85rem;
    }
}

@media (max-width: 640px) {
    .page-title[b-gignkooku7] {
        font-size: 1.7rem;
    }

    .intro-text[b-gignkooku7] {
        font-size: 0.9rem;
    }

    .table-responsive[b-gignkooku7] {
        font-size: 0.75rem;
    }
}

/* Accessibility */
.guild-container *:focus-visible[b-gignkooku7] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-gignkooku7] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Text color consistency */
.guild-container p[b-gignkooku7],
.guild-container li[b-gignkooku7],
.guild-container div[b-gignkooku7] {
    color: var(--game-text-secondary);
}

.guild-container h1[b-gignkooku7],
.guild-container h2[b-gignkooku7],
.guild-container h3[b-gignkooku7],
.guild-container h4[b-gignkooku7],
.guild-container h5[b-gignkooku7],
.guild-container h6[b-gignkooku7] {
    color: var(--game-text-primary);
}

.guild-container strong[b-gignkooku7] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Animation */
@keyframes fadeIn-b-gignkooku7 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.guild-category-card[b-gignkooku7] {
    animation: fadeIn-b-gignkooku7 0.4s ease-out;
}

/* High contrast for text */
.text-light[b-gignkooku7] {
    color: var(--game-text-primary) !important;
}

.text-light-50[b-gignkooku7] {
    color: var(--game-text-muted) !important;
}

.text-info[b-gignkooku7] {
    color: #44ccff !important;
}

.text-muted[b-gignkooku7] {
    color: var(--game-text-muted) !important;
}

.text-center[b-gignkooku7] {
    text-align: center;
}

.mb-0[b-gignkooku7] {
    margin-bottom: 0;
}

.mb-2[b-gignkooku7] {
    margin-bottom: 0.5rem;
}

.mb-3[b-gignkooku7] {
    margin-bottom: 1rem;
}

.mb-4[b-gignkooku7] {
    margin-bottom: 1.5rem;
}

.mt-3[b-gignkooku7] {
    margin-top: 1rem;
}

.small[b-gignkooku7] {
    font-size: 0.875rem;
}

.ps-3[b-gignkooku7] {
    padding-left: 1rem;
}

/* Table responsive wrapper */
.table-responsive[b-gignkooku7] {
    overflow-x: auto;
}
/* /Components/Pages/Guilds/SendGuildMemo.razor.rz.scp.css */
/* Guild Pages Shared Styles - Matching Game/Instructions styling */

:root[b-tz6xfaaabq] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.guild-container[b-tz6xfaaabq] {
    max-width: 1200px;
    margin: 1.25rem auto 2rem;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

.guild-container:focus[b-tz6xfaaabq] {
    outline: 3px solid var(--game-accent);
    outline-offset: 4px;
}

/* Page Title */
.page-title[b-tz6xfaaabq] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.5rem 0;
    text-align: left;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--game-border);
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Intro text */
.intro-text[b-tz6xfaaabq] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--game-text-secondary);
    font-weight: 500;
}

/* Guild Category Cards */
.guild-category-card[b-tz6xfaaabq] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.guild-category-card .card-header[b-tz6xfaaabq] {
    background: linear-gradient(135deg, #333 0%, #252525 100%) !important;
    border: 3px solid var(--game-border) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 0.75rem 1rem !important;
}

.guild-category-card .card-header strong[b-tz6xfaaabq] {
    color: var(--game-accent-hover);
    font-weight: 700;
}

.guild-category-card .card-header small[b-tz6xfaaabq] {
    color: var(--game-text-muted);
    font-weight: 600;
}

/* Card Body Styling */
.guild-category-card .card-body[b-tz6xfaaabq] {
    background: var(--game-bg-secondary);
    border-top: 3px solid var(--game-border);
    color: var(--game-text-secondary);
}

/* Form Controls */
.form-control[b-tz6xfaaabq],
.form-control-sm[b-tz6xfaaabq],
.form-select[b-tz6xfaaabq] {
    background: #1a1a1a;
    border: 2px solid var(--game-border);
    color: var(--game-text-secondary);
    border-radius: 6px;
}

.form-control:focus[b-tz6xfaaabq],
.form-control-sm:focus[b-tz6xfaaabq],
.form-select:focus[b-tz6xfaaabq] {
    background: #1a1a1a;
    border-color: var(--game-accent);
    color: var(--game-text-secondary);
    box-shadow: 0 0 0 0.2rem rgba(255, 170, 85, 0.25);
}

.form-control[b-tz6xfaaabq]::placeholder,
.form-control-sm[b-tz6xfaaabq]::placeholder {
    color: var(--game-text-muted);
}

.form-label[b-tz6xfaaabq] {
    color: var(--game-text-primary);
    font-weight: 600;
}

/* Alert Styling */
.alert[b-tz6xfaaabq] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 3px solid var(--game-border);
    border-radius: 8px;
    color: var(--game-text-secondary);
}

.alert-danger[b-tz6xfaaabq] {
    background: linear-gradient(135deg, rgba(255, 102, 102, 0.15) 0%, rgba(200, 50, 50, 0.1) 100%) !important;
    border-color: #ff6666 !important;
}

.alert-danger strong[b-tz6xfaaabq] {
    color: #ff6666;
}

.alert-warning[b-tz6xfaaabq] {
    background: linear-gradient(135deg, rgba(255, 221, 68, 0.15) 0%, rgba(200, 150, 50, 0.1) 100%) !important;
    border-color: #ffdd44 !important;
}

.alert-warning strong[b-tz6xfaaabq] {
    color: #ffdd44;
}

.alert-info[b-tz6xfaaabq] {
    background: linear-gradient(135deg, rgba(68, 204, 255, 0.15) 0%, rgba(50, 150, 200, 0.1) 100%) !important;
    border-color: #44ccff !important;
}

.alert-info strong[b-tz6xfaaabq] {
    color: #44ccff;
}

.alert-success[b-tz6xfaaabq] {
    background: linear-gradient(135deg, rgba(68, 221, 119, 0.15) 0%, rgba(50, 170, 100, 0.1) 100%) !important;
    border-color: #44dd77 !important;
}

.alert-success strong[b-tz6xfaaabq] {
    color: #44dd77;
}

/* Buttons */
.btn[b-tz6xfaaabq] {
    font-weight: 700;
    border-radius: 6px;
    transition: all 0.2s;
    border: 2px solid;
}

.btn:hover[b-tz6xfaaabq],
.btn:focus[b-tz6xfaaabq] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}

.btn:disabled[b-tz6xfaaabq] {
    opacity: 0.65;
    cursor: not-allowed;
}

.btn-outline-secondary[b-tz6xfaaabq] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
    background: transparent;
}

.btn-outline-secondary:hover[b-tz6xfaaabq] {
    background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
    border-color: #666;
    color: #fff;
}

.btn-success[b-tz6xfaaabq] {
    background: linear-gradient(135deg, #44dd77 0%, #66ee99 100%);
    border-color: #66ee99;
    color: #000;
}

.btn-success:hover[b-tz6xfaaabq] {
    background: linear-gradient(135deg, #66ee99 0%, #88ffbb 100%);
    border-color: #88ffbb;
}

/* Spinner styling */
.spinner-border[b-tz6xfaaabq] {
    border-color: currentColor;
    border-right-color: transparent;
}

.spinner-border-sm[b-tz6xfaaabq] {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

.me-2[b-tz6xfaaabq] {
    margin-right: 0.5rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .guild-container[b-tz6xfaaabq] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-tz6xfaaabq] {
        font-size: 2rem;
    }
}

@media (max-width: 640px) {
    .page-title[b-tz6xfaaabq] {
        font-size: 1.7rem;
    }

    .intro-text[b-tz6xfaaabq] {
        font-size: 0.9rem;
    }
}

/* Accessibility */
.guild-container *:focus-visible[b-tz6xfaaabq] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-tz6xfaaabq] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Text color consistency */
.guild-container p[b-tz6xfaaabq],
.guild-container li[b-tz6xfaaabq],
.guild-container div[b-tz6xfaaabq] {
    color: var(--game-text-secondary);
}

.guild-container h1[b-tz6xfaaabq],
.guild-container h2[b-tz6xfaaabq],
.guild-container h3[b-tz6xfaaabq],
.guild-container h4[b-tz6xfaaabq],
.guild-container h5[b-tz6xfaaabq],
.guild-container h6[b-tz6xfaaabq] {
    color: var(--game-text-primary);
}

.guild-container strong[b-tz6xfaaabq] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Animation */
@keyframes fadeIn-b-tz6xfaaabq {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.guild-category-card[b-tz6xfaaabq] {
    animation: fadeIn-b-tz6xfaaabq 0.4s ease-out;
}

/* High contrast for text */
.text-light[b-tz6xfaaabq] {
    color: var(--game-text-primary) !important;
}

.text-light-50[b-tz6xfaaabq] {
    color: var(--game-text-muted) !important;
}

.text-info[b-tz6xfaaabq] {
    color: #44ccff !important;
}

.text-muted[b-tz6xfaaabq] {
    color: var(--game-text-muted) !important;
}

.text-center[b-tz6xfaaabq] {
    text-align: center;
}

.mb-0[b-tz6xfaaabq] {
    margin-bottom: 0;
}

.mb-2[b-tz6xfaaabq] {
    margin-bottom: 0.5rem;
}

.mb-3[b-tz6xfaaabq] {
    margin-bottom: 1rem;
}

.mt-2[b-tz6xfaaabq] {
    margin-top: 0.5rem;
}

.mt-3[b-tz6xfaaabq] {
    margin-top: 1rem;
}

.small[b-tz6xfaaabq] {
    font-size: 0.875rem;
}

.d-flex[b-tz6xfaaabq] {
    display: flex;
}

.gap-2[b-tz6xfaaabq] {
    gap: 0.5rem;
}
/* /Components/Pages/Guilds/ShowGuildAssets.razor.rz.scp.css */
/* Guild Pages Shared Styles - Matching Game/Instructions styling */

/* CSS Variables matching Instructions.razor.css */
:root[b-m2abbob6p4] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.guild-container[b-m2abbob6p4] {
    max-width: 1200px;
    margin: 1.25rem auto 2rem;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

.guild-container:focus[b-m2abbob6p4] {
    outline: 3px solid var(--game-accent);
    outline-offset: 4px;
}

/* Page Title - matching game header style */
.page-title[b-m2abbob6p4] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.5rem 0;
    text-align: left;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--game-border);
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Intro text */
.intro-text[b-m2abbob6p4] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--game-text-secondary);
    font-weight: 500;
}

/* Guild Category Cards */
.guild-category-card[b-m2abbob6p4] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.guild-category-card .card-header[b-m2abbob6p4] {
    background: linear-gradient(135deg, #333 0%, #252525 100%) !important;
    border: 3px solid var(--game-border) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 0.75rem 1rem !important;
}

.guild-category-card .card-header strong[b-m2abbob6p4] {
    color: var(--game-accent-hover);
    font-weight: 700;
}

.guild-category-card .card-header small[b-m2abbob6p4] {
    color: var(--game-text-muted);
    font-weight: 600;
}

/* Card Body Styling */
.guild-category-card .card-body[b-m2abbob6p4] {
    background: var(--game-bg-secondary);
    border-top: 3px solid var(--game-border);
    color: var(--game-text-secondary);
}

/* Table Styling */
.guild-category-card .table[b-m2abbob6p4] {
    margin-bottom: 0;
    color: var(--game-text-secondary);
}

.guild-category-card .table thead[b-m2abbob6p4] {
    background: rgba(255, 170, 85, 0.1);
    border-bottom: 3px solid var(--game-border);
}

.guild-category-card .table thead th[b-m2abbob6p4] {
    color: var(--game-accent-hover);
    font-weight: 700;
    border-color: var(--game-border);
    padding: 0.75rem;
}

.guild-category-card .table tbody tr[b-m2abbob6p4] {
    border-color: var(--game-border);
}

.guild-category-card .table tbody tr:hover[b-m2abbob6p4] {
    background: rgba(255, 170, 85, 0.05);
}

.guild-category-card .table tbody td[b-m2abbob6p4] {
    padding: 0.75rem;
    color: var(--game-text-secondary);
    border-color: var(--game-border);
}

.guild-category-card .table tbody tr.table-info[b-m2abbob6p4] {
    background: rgba(68, 204, 255, 0.1);
}

.guild-category-card .table tbody tr.table-info:hover[b-m2abbob6p4] {
    background: rgba(68, 204, 255, 0.15);
}

/* Badge styling */
.badge[b-m2abbob6p4] {
    padding: 0.35rem 0.65rem;
    font-weight: 700;
    border-radius: 4px;
}

.badge.bg-warning[b-m2abbob6p4] {
    background: linear-gradient(135deg, var(--game-accent) 0%, var(--game-accent-hover) 100%) !important;
    color: #000 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Form Controls */
.form-control[b-m2abbob6p4],
.form-control-sm[b-m2abbob6p4] {
    background: #1a1a1a;
    border: 2px solid var(--game-border);
    color: var(--game-text-secondary);
    border-radius: 6px;
}

.form-control:focus[b-m2abbob6p4],
.form-control-sm:focus[b-m2abbob6p4] {
    background: #1a1a1a;
    border-color: var(--game-accent);
    color: var(--game-text-secondary);
    box-shadow: 0 0 0 0.2rem rgba(255, 170, 85, 0.25);
}

.form-control[b-m2abbob6p4]::placeholder,
.form-control-sm[b-m2abbob6p4]::placeholder {
    color: var(--game-text-muted);
}

/* Alert Styling */
.alert[b-m2abbob6p4] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 3px solid var(--game-border);
    border-radius: 8px;
    color: var(--game-text-secondary);
}

.alert-danger[b-m2abbob6p4] {
    background: linear-gradient(135deg, rgba(255, 102, 102, 0.15) 0%, rgba(200, 50, 50, 0.1) 100%) !important;
    border-color: #ff6666 !important;
}

.alert-danger strong[b-m2abbob6p4] {
    color: #ff6666;
}

.alert-warning[b-m2abbob6p4] {
    background: linear-gradient(135deg, rgba(255, 221, 68, 0.15) 0%, rgba(200, 150, 50, 0.1) 100%) !important;
    border-color: #ffdd44 !important;
}

.alert-warning strong[b-m2abbob6p4] {
    color: #ffdd44;
}

.alert-info[b-m2abbob6p4] {
    background: linear-gradient(135deg, rgba(68, 204, 255, 0.15) 0%, rgba(50, 150, 200, 0.1) 100%) !important;
    border-color: #44ccff !important;
}

.alert-info[b-m2abbob6p4],
.alert-success[b-m2abbob6p4] {
    color: var(--game-text-secondary);
}

.alert-success[b-m2abbob6p4] {
    background: linear-gradient(135deg, rgba(68, 221, 119, 0.15) 0%, rgba(50, 170, 100, 0.1) 100%) !important;
    border-color: #44dd77 !important;
}

/* Buttons */
.btn[b-m2abbob6p4] {
    font-weight: 700;
    border-radius: 6px;
    transition: all 0.2s;
    border: 2px solid;
}

.btn:hover[b-m2abbob6p4],
.btn:focus[b-m2abbob6p4] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}

.btn-outline-secondary[b-m2abbob6p4] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
    background: transparent;
}

.btn-outline-secondary:hover[b-m2abbob6p4] {
    background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
    border-color: #666;
    color: #fff;
}

.btn-primary[b-m2abbob6p4] {
    background: linear-gradient(135deg, #4da6ff 0%, #6bb8ff 100%);
    border-color: #6bb8ff;
    color: #000;
}

.btn-primary:hover[b-m2abbob6p4] {
    background: linear-gradient(135deg, #6bb8ff 0%, #8ac9ff 100%);
    border-color: #8ac9ff;
}

.btn-success[b-m2abbob6p4] {
    background: linear-gradient(135deg, #44dd77 0%, #66ee99 100%);
    border-color: #66ee99;
    color: #000;
}

.btn-success:hover[b-m2abbob6p4] {
    background: linear-gradient(135deg, #66ee99 0%, #88ffbb 100%);
    border-color: #88ffbb;
}

.btn-outline-light[b-m2abbob6p4] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
}

.btn-outline-light:hover[b-m2abbob6p4] {
    background: rgba(255, 170, 85, 0.1);
    border-color: var(--game-accent);
    color: var(--game-accent-hover);
}

/* Sage Grid (used for action buttons in Index.razor) */
.sage-grid[b-m2abbob6p4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.75rem;
}

.guild-action[b-m2abbob6p4] {
    padding: 0.5rem 0.75rem;
    text-align: left;
}

/* Responsive Design */
@media (max-width: 768px) {
    .guild-container[b-m2abbob6p4] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-m2abbob6p4] {
        font-size: 2rem;
    }

    .guild-category-card[b-m2abbob6p4] {
        margin-bottom: 1.5rem;
    }

    .table[b-m2abbob6p4] {
        font-size: 0.85rem;
    }

    .form-control-sm[b-m2abbob6p4] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }

    .btn-sm[b-m2abbob6p4] {
        padding: 0.4rem 0.6rem;
        font-size: 0.75rem;
    }
}

@media (max-width: 640px) {
    .page-title[b-m2abbob6p4] {
        font-size: 1.7rem;
    }

    .intro-text[b-m2abbob6p4] {
        font-size: 0.9rem;
    }

    .guild-category-card .card-header[b-m2abbob6p4] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .table-responsive[b-m2abbob6p4] {
        font-size: 0.75rem;
    }

    .btn-group[b-m2abbob6p4] {
        flex-direction: column;
        gap: 0.25rem;
    }
}

/* Accessibility */
.guild-container *:focus-visible[b-m2abbob6p4] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-m2abbob6p4] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Text color consistency */
.guild-container p[b-m2abbob6p4],
.guild-container li[b-m2abbob6p4],
.guild-container div[b-m2abbob6p4] {
    color: var(--game-text-secondary);
}

.guild-container h1[b-m2abbob6p4],
.guild-container h2[b-m2abbob6p4],
.guild-container h3[b-m2abbob6p4],
.guild-container h4[b-m2abbob6p4],
.guild-container h5[b-m2abbob6p4] {
    color: var(--game-text-primary);
}

.guild-container strong[b-m2abbob6p4] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Smooth Scroll */
.guild-container[b-m2abbob6p4] {
    scroll-behavior: smooth;
}

/* Animation */
@keyframes fadeIn-b-m2abbob6p4 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.guild-category-card[b-m2abbob6p4] {
    animation: fadeIn-b-m2abbob6p4 0.4s ease-out;
}

/* High contrast for text */
.text-light[b-m2abbob6p4] {
    color: var(--game-text-primary) !important;
}

.text-light-50[b-m2abbob6p4] {
    color: var(--game-text-muted) !important;
}

.text-info[b-m2abbob6p4] {
    color: #44ccff !important;
}

.text-danger[b-m2abbob6p4] {
    color: #ff6666 !important;
}

.text-center[b-m2abbob6p4] {
    text-align: center;
}

/* Table responsive wrapper */
.table-responsive[b-m2abbob6p4] {
    overflow-x: auto;
}
/* /Components/Pages/Guilds/TransferBoobyTraps.razor.rz.scp.css */
/* Guild Pages Shared Styles - Matching Game/Instructions styling */

/* CSS Variables matching Instructions.razor.css */
:root[b-6hxg1m37my] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.guild-container[b-6hxg1m37my] {
    max-width: 1200px;
    margin: 1.25rem auto 2rem;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

.guild-container:focus[b-6hxg1m37my] {
    outline: 3px solid var(--game-accent);
    outline-offset: 4px;
}

/* Page Title - matching game header style */
.page-title[b-6hxg1m37my] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.5rem 0;
    text-align: left;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--game-border);
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Intro text */
.intro-text[b-6hxg1m37my] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--game-text-secondary);
    font-weight: 500;
}

/* Guild Category Cards */
.guild-category-card[b-6hxg1m37my] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.guild-category-card .card-header[b-6hxg1m37my] {
    background: linear-gradient(135deg, #333 0%, #252525 100%) !important;
    border: 3px solid var(--game-border) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 0.75rem 1rem !important;
}

.guild-category-card .card-header strong[b-6hxg1m37my] {
    color: var(--game-accent-hover);
    font-weight: 700;
}

.guild-category-card .card-header small[b-6hxg1m37my] {
    color: var(--game-text-muted);
    font-weight: 600;
}

/* Card Body Styling */
.guild-category-card .card-body[b-6hxg1m37my] {
    background: var(--game-bg-secondary);
    border-top: 3px solid var(--game-border);
    color: var(--game-text-secondary);
}

/* Table Styling */
.guild-category-card .table[b-6hxg1m37my] {
    margin-bottom: 0;
    color: var(--game-text-secondary);
}

.guild-category-card .table thead[b-6hxg1m37my] {
    background: rgba(255, 170, 85, 0.1);
    border-bottom: 3px solid var(--game-border);
}

.guild-category-card .table thead th[b-6hxg1m37my] {
    color: var(--game-accent-hover);
    font-weight: 700;
    border-color: var(--game-border);
    padding: 0.75rem;
}

.guild-category-card .table tbody tr[b-6hxg1m37my] {
    border-color: var(--game-border);
}

.guild-category-card .table tbody tr:hover[b-6hxg1m37my] {
    background: rgba(255, 170, 85, 0.05);
}

.guild-category-card .table tbody td[b-6hxg1m37my] {
    padding: 0.75rem;
    color: var(--game-text-secondary);
    border-color: var(--game-border);
}

.guild-category-card .table tbody tr.table-info[b-6hxg1m37my] {
    background: rgba(68, 204, 255, 0.1);
}

.guild-category-card .table tbody tr.table-info:hover[b-6hxg1m37my] {
    background: rgba(68, 204, 255, 0.15);
}

/* Badge styling */
.badge[b-6hxg1m37my] {
    padding: 0.35rem 0.65rem;
    font-weight: 700;
    border-radius: 4px;
}

.badge.bg-warning[b-6hxg1m37my] {
    background: linear-gradient(135deg, var(--game-accent) 0%, var(--game-accent-hover) 100%) !important;
    color: #000 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Form Controls */
.form-control[b-6hxg1m37my],
.form-control-sm[b-6hxg1m37my] {
    background: #1a1a1a;
    border: 2px solid var(--game-border);
    color: var(--game-text-secondary);
    border-radius: 6px;
}

.form-control:focus[b-6hxg1m37my],
.form-control-sm:focus[b-6hxg1m37my] {
    background: #1a1a1a;
    border-color: var(--game-accent);
    color: var(--game-text-secondary);
    box-shadow: 0 0 0 0.2rem rgba(255, 170, 85, 0.25);
}

.form-control[b-6hxg1m37my]::placeholder,
.form-control-sm[b-6hxg1m37my]::placeholder {
    color: var(--game-text-muted);
}

/* Alert Styling */
.alert[b-6hxg1m37my] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 3px solid var(--game-border);
    border-radius: 8px;
    color: var(--game-text-secondary);
}

.alert-danger[b-6hxg1m37my] {
    background: linear-gradient(135deg, rgba(255, 102, 102, 0.15) 0%, rgba(200, 50, 50, 0.1) 100%) !important;
    border-color: #ff6666 !important;
}

.alert-danger strong[b-6hxg1m37my] {
    color: #ff6666;
}

.alert-warning[b-6hxg1m37my] {
    background: linear-gradient(135deg, rgba(255, 221, 68, 0.15) 0%, rgba(200, 150, 50, 0.1) 100%) !important;
    border-color: #ffdd44 !important;
}

.alert-warning strong[b-6hxg1m37my] {
    color: #ffdd44;
}

.alert-info[b-6hxg1m37my] {
    background: linear-gradient(135deg, rgba(68, 204, 255, 0.15) 0%, rgba(50, 150, 200, 0.1) 100%) !important;
    border-color: #44ccff !important;
}

.alert-info[b-6hxg1m37my],
.alert-success[b-6hxg1m37my] {
    color: var(--game-text-secondary);
}

.alert-success[b-6hxg1m37my] {
    background: linear-gradient(135deg, rgba(68, 221, 119, 0.15) 0%, rgba(50, 170, 100, 0.1) 100%) !important;
    border-color: #44dd77 !important;
}

/* Buttons */
.btn[b-6hxg1m37my] {
    font-weight: 700;
    border-radius: 6px;
    transition: all 0.2s;
    border: 2px solid;
}

.btn:hover[b-6hxg1m37my],
.btn:focus[b-6hxg1m37my] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}

.btn-outline-secondary[b-6hxg1m37my] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
    background: transparent;
}

.btn-outline-secondary:hover[b-6hxg1m37my] {
    background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
    border-color: #666;
    color: #fff;
}

.btn-primary[b-6hxg1m37my] {
    background: linear-gradient(135deg, #4da6ff 0%, #6bb8ff 100%);
    border-color: #6bb8ff;
    color: #000;
}

.btn-primary:hover[b-6hxg1m37my] {
    background: linear-gradient(135deg, #6bb8ff 0%, #8ac9ff 100%);
    border-color: #8ac9ff;
}

.btn-success[b-6hxg1m37my] {
    background: linear-gradient(135deg, #44dd77 0%, #66ee99 100%);
    border-color: #66ee99;
    color: #000;
}

.btn-success:hover[b-6hxg1m37my] {
    background: linear-gradient(135deg, #66ee99 0%, #88ffbb 100%);
    border-color: #88ffbb;
}

.btn-outline-light[b-6hxg1m37my] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
}

.btn-outline-light:hover[b-6hxg1m37my] {
    background: rgba(255, 170, 85, 0.1);
    border-color: var(--game-accent);
    color: var(--game-accent-hover);
}

/* Sage Grid (used for action buttons in Index.razor) */
.sage-grid[b-6hxg1m37my] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.75rem;
}

.guild-action[b-6hxg1m37my] {
    padding: 0.5rem 0.75rem;
    text-align: left;
}

/* Responsive Design */
@media (max-width: 768px) {
    .guild-container[b-6hxg1m37my] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-6hxg1m37my] {
        font-size: 2rem;
    }

    .guild-category-card[b-6hxg1m37my] {
        margin-bottom: 1.5rem;
    }

    .table[b-6hxg1m37my] {
        font-size: 0.85rem;
    }

    .form-control-sm[b-6hxg1m37my] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }

    .btn-sm[b-6hxg1m37my] {
        padding: 0.4rem 0.6rem;
        font-size: 0.75rem;
    }
}

@media (max-width: 640px) {
    .page-title[b-6hxg1m37my] {
        font-size: 1.7rem;
    }

    .intro-text[b-6hxg1m37my] {
        font-size: 0.9rem;
    }

    .guild-category-card .card-header[b-6hxg1m37my] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .table-responsive[b-6hxg1m37my] {
        font-size: 0.75rem;
    }

    .btn-group[b-6hxg1m37my] {
        flex-direction: column;
        gap: 0.25rem;
    }
}

/* Accessibility */
.guild-container *:focus-visible[b-6hxg1m37my] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-6hxg1m37my] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Text color consistency */
.guild-container p[b-6hxg1m37my],
.guild-container li[b-6hxg1m37my],
.guild-container div[b-6hxg1m37my] {
    color: var(--game-text-secondary);
}

.guild-container h1[b-6hxg1m37my],
.guild-container h2[b-6hxg1m37my],
.guild-container h3[b-6hxg1m37my],
.guild-container h4[b-6hxg1m37my],
.guild-container h5[b-6hxg1m37my] {
    color: var(--game-text-primary);
}

.guild-container strong[b-6hxg1m37my] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Smooth Scroll */
.guild-container[b-6hxg1m37my] {
    scroll-behavior: smooth;
}

/* Animation */
@keyframes fadeIn-b-6hxg1m37my {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.guild-category-card[b-6hxg1m37my] {
    animation: fadeIn-b-6hxg1m37my 0.4s ease-out;
}

/* High contrast for text */
.text-light[b-6hxg1m37my] {
    color: var(--game-text-primary) !important;
}

.text-light-50[b-6hxg1m37my] {
    color: var(--game-text-muted) !important;
}

.text-info[b-6hxg1m37my] {
    color: #44ccff !important;
}

.text-danger[b-6hxg1m37my] {
    color: #ff6666 !important;
}

.text-center[b-6hxg1m37my] {
    text-align: center;
}

/* Table responsive wrapper */
.table-responsive[b-6hxg1m37my] {
    overflow-x: auto;
}
/* /Components/Pages/Guilds/TransferBux.razor.rz.scp.css */
/* Guild Pages Shared Styles - Matching Game/Instructions styling */

/* CSS Variables matching Instructions.razor.css */
:root[b-3kiwwwcdwx] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.guild-container[b-3kiwwwcdwx] {
    max-width: 1200px;
    margin: 1.25rem auto 2rem;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

.guild-container:focus[b-3kiwwwcdwx] {
    outline: 3px solid var(--game-accent);
    outline-offset: 4px;
}

/* Page Title - matching game header style */
.page-title[b-3kiwwwcdwx] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.5rem 0;
    text-align: left;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--game-border);
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Intro text */
.intro-text[b-3kiwwwcdwx] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--game-text-secondary);
    font-weight: 500;
}

/* Guild Category Cards */
.guild-category-card[b-3kiwwwcdwx] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.guild-category-card .card-header[b-3kiwwwcdwx] {
    background: linear-gradient(135deg, #333 0%, #252525 100%) !important;
    border: 3px solid var(--game-border) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 0.75rem 1rem !important;
}

.guild-category-card .card-header strong[b-3kiwwwcdwx] {
    color: var(--game-accent-hover);
    font-weight: 700;
}

.guild-category-card .card-header small[b-3kiwwwcdwx] {
    color: var(--game-text-muted);
    font-weight: 600;
}

/* Card Body Styling */
.guild-category-card .card-body[b-3kiwwwcdwx] {
    background: var(--game-bg-secondary);
    border-top: 3px solid var(--game-border);
    color: var(--game-text-secondary);
}

/* Table Styling */
.guild-category-card .table[b-3kiwwwcdwx] {
    margin-bottom: 0;
    color: var(--game-text-secondary);
}

.guild-category-card .table thead[b-3kiwwwcdwx] {
    background: rgba(255, 170, 85, 0.1);
    border-bottom: 3px solid var(--game-border);
}

.guild-category-card .table thead th[b-3kiwwwcdwx] {
    color: var(--game-accent-hover);
    font-weight: 700;
    border-color: var(--game-border);
    padding: 0.75rem;
}

.guild-category-card .table tbody tr[b-3kiwwwcdwx] {
    border-color: var(--game-border);
}

.guild-category-card .table tbody tr:hover[b-3kiwwwcdwx] {
    background: rgba(255, 170, 85, 0.05);
}

.guild-category-card .table tbody td[b-3kiwwwcdwx] {
    padding: 0.75rem;
    color: var(--game-text-secondary);
    border-color: var(--game-border);
}

.guild-category-card .table tbody tr.table-info[b-3kiwwwcdwx] {
    background: rgba(68, 204, 255, 0.1);
}

.guild-category-card .table tbody tr.table-info:hover[b-3kiwwwcdwx] {
    background: rgba(68, 204, 255, 0.15);
}

/* Badge styling */
.badge[b-3kiwwwcdwx] {
    padding: 0.35rem 0.65rem;
    font-weight: 700;
    border-radius: 4px;
}

.badge.bg-warning[b-3kiwwwcdwx] {
    background: linear-gradient(135deg, var(--game-accent) 0%, var(--game-accent-hover) 100%) !important;
    color: #000 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Form Controls */
.form-control[b-3kiwwwcdwx],
.form-control-sm[b-3kiwwwcdwx] {
    background: #1a1a1a;
    border: 2px solid var(--game-border);
    color: var(--game-text-secondary);
    border-radius: 6px;
}

.form-control:focus[b-3kiwwwcdwx],
.form-control-sm:focus[b-3kiwwwcdwx] {
    background: #1a1a1a;
    border-color: var(--game-accent);
    color: var(--game-text-secondary);
    box-shadow: 0 0 0 0.2rem rgba(255, 170, 85, 0.25);
}

.form-control[b-3kiwwwcdwx]::placeholder,
.form-control-sm[b-3kiwwwcdwx]::placeholder {
    color: var(--game-text-muted);
}

/* Alert Styling */
.alert[b-3kiwwwcdwx] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 3px solid var(--game-border);
    border-radius: 8px;
    color: var(--game-text-secondary);
}

.alert-danger[b-3kiwwwcdwx] {
    background: linear-gradient(135deg, rgba(255, 102, 102, 0.15) 0%, rgba(200, 50, 50, 0.1) 100%) !important;
    border-color: #ff6666 !important;
}

.alert-danger strong[b-3kiwwwcdwx] {
    color: #ff6666;
}

.alert-warning[b-3kiwwwcdwx] {
    background: linear-gradient(135deg, rgba(255, 221, 68, 0.15) 0%, rgba(200, 150, 50, 0.1) 100%) !important;
    border-color: #ffdd44 !important;
}

.alert-warning strong[b-3kiwwwcdwx] {
    color: #ffdd44;
}

.alert-info[b-3kiwwwcdwx] {
    background: linear-gradient(135deg, rgba(68, 204, 255, 0.15) 0%, rgba(50, 150, 200, 0.1) 100%) !important;
    border-color: #44ccff !important;
}

.alert-info[b-3kiwwwcdwx],
.alert-success[b-3kiwwwcdwx] {
    color: var(--game-text-secondary);
}

.alert-success[b-3kiwwwcdwx] {
    background: linear-gradient(135deg, rgba(68, 221, 119, 0.15) 0%, rgba(50, 170, 100, 0.1) 100%) !important;
    border-color: #44dd77 !important;
}

/* Buttons */
.btn[b-3kiwwwcdwx] {
    font-weight: 700;
    border-radius: 6px;
    transition: all 0.2s;
    border: 2px solid;
}

.btn:hover[b-3kiwwwcdwx],
.btn:focus[b-3kiwwwcdwx] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}

.btn-outline-secondary[b-3kiwwwcdwx] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
    background: transparent;
}

.btn-outline-secondary:hover[b-3kiwwwcdwx] {
    background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
    border-color: #666;
    color: #fff;
}

.btn-primary[b-3kiwwwcdwx] {
    background: linear-gradient(135deg, #4da6ff 0%, #6bb8ff 100%);
    border-color: #6bb8ff;
    color: #000;
}

.btn-primary:hover[b-3kiwwwcdwx] {
    background: linear-gradient(135deg, #6bb8ff 0%, #8ac9ff 100%);
    border-color: #8ac9ff;
}

.btn-success[b-3kiwwwcdwx] {
    background: linear-gradient(135deg, #44dd77 0%, #66ee99 100%);
    border-color: #66ee99;
    color: #000;
}

.btn-success:hover[b-3kiwwwcdwx] {
    background: linear-gradient(135deg, #66ee99 0%, #88ffbb 100%);
    border-color: #88ffbb;
}

.btn-outline-light[b-3kiwwwcdwx] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
}

.btn-outline-light:hover[b-3kiwwwcdwx] {
    background: rgba(255, 170, 85, 0.1);
    border-color: var(--game-accent);
    color: var(--game-accent-hover);
}

/* Sage Grid (used for action buttons in Index.razor) */
.sage-grid[b-3kiwwwcdwx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.75rem;
}

.guild-action[b-3kiwwwcdwx] {
    padding: 0.5rem 0.75rem;
    text-align: left;
}

/* Responsive Design */
@media (max-width: 768px) {
    .guild-container[b-3kiwwwcdwx] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-3kiwwwcdwx] {
        font-size: 2rem;
    }

    .guild-category-card[b-3kiwwwcdwx] {
        margin-bottom: 1.5rem;
    }

    .table[b-3kiwwwcdwx] {
        font-size: 0.85rem;
    }

    .form-control-sm[b-3kiwwwcdwx] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }

    .btn-sm[b-3kiwwwcdwx] {
        padding: 0.4rem 0.6rem;
        font-size: 0.75rem;
    }
}

@media (max-width: 640px) {
    .page-title[b-3kiwwwcdwx] {
        font-size: 1.7rem;
    }

    .intro-text[b-3kiwwwcdwx] {
        font-size: 0.9rem;
    }

    .guild-category-card .card-header[b-3kiwwwcdwx] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .table-responsive[b-3kiwwwcdwx] {
        font-size: 0.75rem;
    }

    .btn-group[b-3kiwwwcdwx] {
        flex-direction: column;
        gap: 0.25rem;
    }
}

/* Accessibility */
.guild-container *:focus-visible[b-3kiwwwcdwx] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-3kiwwwcdwx] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Text color consistency */
.guild-container p[b-3kiwwwcdwx],
.guild-container li[b-3kiwwwcdwx],
.guild-container div[b-3kiwwwcdwx] {
    color: var(--game-text-secondary);
}

.guild-container h1[b-3kiwwwcdwx],
.guild-container h2[b-3kiwwwcdwx],
.guild-container h3[b-3kiwwwcdwx],
.guild-container h4[b-3kiwwwcdwx],
.guild-container h5[b-3kiwwwcdwx] {
    color: var(--game-text-primary);
}

.guild-container strong[b-3kiwwwcdwx] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Smooth Scroll */
.guild-container[b-3kiwwwcdwx] {
    scroll-behavior: smooth;
}

/* Animation */
@keyframes fadeIn-b-3kiwwwcdwx {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.guild-category-card[b-3kiwwwcdwx] {
    animation: fadeIn-b-3kiwwwcdwx 0.4s ease-out;
}

/* High contrast for text */
.text-light[b-3kiwwwcdwx] {
    color: var(--game-text-primary) !important;
}

.text-light-50[b-3kiwwwcdwx] {
    color: var(--game-text-muted) !important;
}

.text-info[b-3kiwwwcdwx] {
    color: #44ccff !important;
}

.text-danger[b-3kiwwwcdwx] {
    color: #ff6666 !important;
}

.text-center[b-3kiwwwcdwx] {
    text-align: center;
}

/* Table responsive wrapper */
.table-responsive[b-3kiwwwcdwx] {
    overflow-x: auto;
}
/* /Components/Pages/Guilds/TransferDogs.razor.rz.scp.css */
/* Guild Pages Shared Styles - Matching Game/Instructions styling */

/* CSS Variables matching Instructions.razor.css */
:root[b-85gnpls1db] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.guild-container[b-85gnpls1db] {
    max-width: 1200px;
    margin: 1.25rem auto 2rem;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

.guild-container:focus[b-85gnpls1db] {
    outline: 3px solid var(--game-accent);
    outline-offset: 4px;
}

/* Page Title - matching game header style */
.page-title[b-85gnpls1db] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.5rem 0;
    text-align: left;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--game-border);
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Intro text */
.intro-text[b-85gnpls1db] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--game-text-secondary);
    font-weight: 500;
}

/* Guild Category Cards */
.guild-category-card[b-85gnpls1db] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.guild-category-card .card-header[b-85gnpls1db] {
    background: linear-gradient(135deg, #333 0%, #252525 100%) !important;
    border: 3px solid var(--game-border) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 0.75rem 1rem !important;
}

.guild-category-card .card-header strong[b-85gnpls1db] {
    color: var(--game-accent-hover);
    font-weight: 700;
}

.guild-category-card .card-header small[b-85gnpls1db] {
    color: var(--game-text-muted);
    font-weight: 600;
}

/* Card Body Styling */
.guild-category-card .card-body[b-85gnpls1db] {
    background: var(--game-bg-secondary);
    border-top: 3px solid var(--game-border);
    color: var(--game-text-secondary);
}

/* Table Styling */
.guild-category-card .table[b-85gnpls1db] {
    margin-bottom: 0;
    color: var(--game-text-secondary);
}

.guild-category-card .table thead[b-85gnpls1db] {
    background: rgba(255, 170, 85, 0.1);
    border-bottom: 3px solid var(--game-border);
}

.guild-category-card .table thead th[b-85gnpls1db] {
    color: var(--game-accent-hover);
    font-weight: 700;
    border-color: var(--game-border);
    padding: 0.75rem;
}

.guild-category-card .table tbody tr[b-85gnpls1db] {
    border-color: var(--game-border);
}

.guild-category-card .table tbody tr:hover[b-85gnpls1db] {
    background: rgba(255, 170, 85, 0.05);
}

.guild-category-card .table tbody td[b-85gnpls1db] {
    padding: 0.75rem;
    color: var(--game-text-secondary);
    border-color: var(--game-border);
}

.guild-category-card .table tbody tr.table-info[b-85gnpls1db] {
    background: rgba(68, 204, 255, 0.1);
}

.guild-category-card .table tbody tr.table-info:hover[b-85gnpls1db] {
    background: rgba(68, 204, 255, 0.15);
}

/* Badge styling */
.badge[b-85gnpls1db] {
    padding: 0.35rem 0.65rem;
    font-weight: 700;
    border-radius: 4px;
}

.badge.bg-warning[b-85gnpls1db] {
    background: linear-gradient(135deg, var(--game-accent) 0%, var(--game-accent-hover) 100%) !important;
    color: #000 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Form Controls */
.form-control[b-85gnpls1db],
.form-control-sm[b-85gnpls1db] {
    background: #1a1a1a;
    border: 2px solid var(--game-border);
    color: var(--game-text-secondary);
    border-radius: 6px;
}

.form-control:focus[b-85gnpls1db],
.form-control-sm:focus[b-85gnpls1db] {
    background: #1a1a1a;
    border-color: var(--game-accent);
    color: var(--game-text-secondary);
    box-shadow: 0 0 0 0.2rem rgba(255, 170, 85, 0.25);
}

.form-control[b-85gnpls1db]::placeholder,
.form-control-sm[b-85gnpls1db]::placeholder {
    color: var(--game-text-muted);
}

/* Alert Styling */
.alert[b-85gnpls1db] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 3px solid var(--game-border);
    border-radius: 8px;
    color: var(--game-text-secondary);
}

.alert-danger[b-85gnpls1db] {
    background: linear-gradient(135deg, rgba(255, 102, 102, 0.15) 0%, rgba(200, 50, 50, 0.1) 100%) !important;
    border-color: #ff6666 !important;
}

.alert-danger strong[b-85gnpls1db] {
    color: #ff6666;
}

.alert-warning[b-85gnpls1db] {
    background: linear-gradient(135deg, rgba(255, 221, 68, 0.15) 0%, rgba(200, 150, 50, 0.1) 100%) !important;
    border-color: #ffdd44 !important;
}

.alert-warning strong[b-85gnpls1db] {
    color: #ffdd44;
}

.alert-info[b-85gnpls1db] {
    background: linear-gradient(135deg, rgba(68, 204, 255, 0.15) 0%, rgba(50, 150, 200, 0.1) 100%) !important;
    border-color: #44ccff !important;
}

.alert-info[b-85gnpls1db],
.alert-success[b-85gnpls1db] {
    color: var(--game-text-secondary);
}

.alert-success[b-85gnpls1db] {
    background: linear-gradient(135deg, rgba(68, 221, 119, 0.15) 0%, rgba(50, 170, 100, 0.1) 100%) !important;
    border-color: #44dd77 !important;
}

/* Buttons */
.btn[b-85gnpls1db] {
    font-weight: 700;
    border-radius: 6px;
    transition: all 0.2s;
    border: 2px solid;
}

.btn:hover[b-85gnpls1db],
.btn:focus[b-85gnpls1db] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}

.btn-outline-secondary[b-85gnpls1db] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
    background: transparent;
}

.btn-outline-secondary:hover[b-85gnpls1db] {
    background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
    border-color: #666;
    color: #fff;
}

.btn-primary[b-85gnpls1db] {
    background: linear-gradient(135deg, #4da6ff 0%, #6bb8ff 100%);
    border-color: #6bb8ff;
    color: #000;
}

.btn-primary:hover[b-85gnpls1db] {
    background: linear-gradient(135deg, #6bb8ff 0%, #8ac9ff 100%);
    border-color: #8ac9ff;
}

.btn-success[b-85gnpls1db] {
    background: linear-gradient(135deg, #44dd77 0%, #66ee99 100%);
    border-color: #66ee99;
    color: #000;
}

.btn-success:hover[b-85gnpls1db] {
    background: linear-gradient(135deg, #66ee99 0%, #88ffbb 100%);
    border-color: #88ffbb;
}

.btn-outline-light[b-85gnpls1db] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
}

.btn-outline-light:hover[b-85gnpls1db] {
    background: rgba(255, 170, 85, 0.1);
    border-color: var(--game-accent);
    color: var(--game-accent-hover);
}

/* Sage Grid (used for action buttons in Index.razor) */
.sage-grid[b-85gnpls1db] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.75rem;
}

.guild-action[b-85gnpls1db] {
    padding: 0.5rem 0.75rem;
    text-align: left;
}

/* Responsive Design */
@media (max-width: 768px) {
    .guild-container[b-85gnpls1db] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-85gnpls1db] {
        font-size: 2rem;
    }

    .guild-category-card[b-85gnpls1db] {
        margin-bottom: 1.5rem;
    }

    .table[b-85gnpls1db] {
        font-size: 0.85rem;
    }

    .form-control-sm[b-85gnpls1db] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }

    .btn-sm[b-85gnpls1db] {
        padding: 0.4rem 0.6rem;
        font-size: 0.75rem;
    }
}

@media (max-width: 640px) {
    .page-title[b-85gnpls1db] {
        font-size: 1.7rem;
    }

    .intro-text[b-85gnpls1db] {
        font-size: 0.9rem;
    }

    .guild-category-card .card-header[b-85gnpls1db] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .table-responsive[b-85gnpls1db] {
        font-size: 0.75rem;
    }

    .btn-group[b-85gnpls1db] {
        flex-direction: column;
        gap: 0.25rem;
    }
}

/* Accessibility */
.guild-container *:focus-visible[b-85gnpls1db] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-85gnpls1db] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Text color consistency */
.guild-container p[b-85gnpls1db],
.guild-container li[b-85gnpls1db],
.guild-container div[b-85gnpls1db] {
    color: var(--game-text-secondary);
}

.guild-container h1[b-85gnpls1db],
.guild-container h2[b-85gnpls1db],
.guild-container h3[b-85gnpls1db],
.guild-container h4[b-85gnpls1db],
.guild-container h5[b-85gnpls1db] {
    color: var(--game-text-primary);
}

.guild-container strong[b-85gnpls1db] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Smooth Scroll */
.guild-container[b-85gnpls1db] {
    scroll-behavior: smooth;
}

/* Animation */
@keyframes fadeIn-b-85gnpls1db {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.guild-category-card[b-85gnpls1db] {
    animation: fadeIn-b-85gnpls1db 0.4s ease-out;
}

/* High contrast for text */
.text-light[b-85gnpls1db] {
    color: var(--game-text-primary) !important;
}

.text-light-50[b-85gnpls1db] {
    color: var(--game-text-muted) !important;
}

.text-info[b-85gnpls1db] {
    color: #44ccff !important;
}

.text-danger[b-85gnpls1db] {
    color: #ff6666 !important;
}

.text-center[b-85gnpls1db] {
    text-align: center;
}

/* Table responsive wrapper */
.table-responsive[b-85gnpls1db] {
    overflow-x: auto;
}
/* /Components/Pages/Guilds/TransferLuck.razor.rz.scp.css */
/* Guild Pages Shared Styles - Matching Game/Instructions styling */

/* CSS Variables matching Instructions.razor.css */
:root[b-cz0u7hueb8] {
    --game-bg-primary: #0a0a0a;
    --game-bg-secondary: #282828;
    --game-border: #555;
    --game-accent: #ffaa55;
    --game-accent-hover: #ffcc77;
    --game-text-primary: #f5f5f5;
    --game-text-secondary: #d0d0d0;
    --game-text-muted: #aaa;
    --game-success: #44dd77;
    --game-danger: #ff6666;
    --game-warning: #ffdd44;
    --game-info: #44ccff;
}

.guild-container[b-cz0u7hueb8] {
    max-width: 1200px;
    margin: 1.25rem auto 2rem;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #333 0%, #222 100%);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset, 0 6px 16px rgba(0, 0, 0, 0.6);
}

.guild-container:focus[b-cz0u7hueb8] {
    outline: 3px solid var(--game-accent);
    outline-offset: 4px;
}

/* Page Title - matching game header style */
.page-title[b-cz0u7hueb8] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.5rem 0;
    text-align: left;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--game-border);
    color: var(--game-accent-hover);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Intro text */
.intro-text[b-cz0u7hueb8] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--game-text-secondary);
    font-weight: 500;
}

/* Guild Category Cards */
.guild-category-card[b-cz0u7hueb8] {
    background: var(--game-bg-secondary);
    border: 3px solid var(--game-border);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.guild-category-card .card-header[b-cz0u7hueb8] {
    background: linear-gradient(135deg, #333 0%, #252525 100%) !important;
    border: 3px solid var(--game-border) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 0.75rem 1rem !important;
}

.guild-category-card .card-header strong[b-cz0u7hueb8] {
    color: var(--game-accent-hover);
    font-weight: 700;
}

.guild-category-card .card-header small[b-cz0u7hueb8] {
    color: var(--game-text-muted);
    font-weight: 600;
}

/* Card Body Styling */
.guild-category-card .card-body[b-cz0u7hueb8] {
    background: var(--game-bg-secondary);
    border-top: 3px solid var(--game-border);
    color: var(--game-text-secondary);
}

/* Table Styling */
.guild-category-card .table[b-cz0u7hueb8] {
    margin-bottom: 0;
    color: var(--game-text-secondary);
}

.guild-category-card .table thead[b-cz0u7hueb8] {
    background: rgba(255, 170, 85, 0.1);
    border-bottom: 3px solid var(--game-border);
}

.guild-category-card .table thead th[b-cz0u7hueb8] {
    color: var(--game-accent-hover);
    font-weight: 700;
    border-color: var(--game-border);
    padding: 0.75rem;
}

.guild-category-card .table tbody tr[b-cz0u7hueb8] {
    border-color: var(--game-border);
}

.guild-category-card .table tbody tr:hover[b-cz0u7hueb8] {
    background: rgba(255, 170, 85, 0.05);
}

.guild-category-card .table tbody td[b-cz0u7hueb8] {
    padding: 0.75rem;
    color: var(--game-text-secondary);
    border-color: var(--game-border);
}

.guild-category-card .table tbody tr.table-info[b-cz0u7hueb8] {
    background: rgba(68, 204, 255, 0.1);
}

.guild-category-card .table tbody tr.table-info:hover[b-cz0u7hueb8] {
    background: rgba(68, 204, 255, 0.15);
}

/* Badge styling */
.badge[b-cz0u7hueb8] {
    padding: 0.35rem 0.65rem;
    font-weight: 700;
    border-radius: 4px;
}

.badge.bg-warning[b-cz0u7hueb8] {
    background: linear-gradient(135deg, var(--game-accent) 0%, var(--game-accent-hover) 100%) !important;
    color: #000 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Form Controls */
.form-control[b-cz0u7hueb8],
.form-control-sm[b-cz0u7hueb8] {
    background: #1a1a1a;
    border: 2px solid var(--game-border);
    color: var(--game-text-secondary);
    border-radius: 6px;
}

.form-control:focus[b-cz0u7hueb8],
.form-control-sm:focus[b-cz0u7hueb8] {
    background: #1a1a1a;
    border-color: var(--game-accent);
    color: var(--game-text-secondary);
    box-shadow: 0 0 0 0.2rem rgba(255, 170, 85, 0.25);
}

.form-control[b-cz0u7hueb8]::placeholder,
.form-control-sm[b-cz0u7hueb8]::placeholder {
    color: var(--game-text-muted);
}

/* Alert Styling */
.alert[b-cz0u7hueb8] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 3px solid var(--game-border);
    border-radius: 8px;
    color: var(--game-text-secondary);
}

.alert-danger[b-cz0u7hueb8] {
    background: linear-gradient(135deg, rgba(255, 102, 102, 0.15) 0%, rgba(200, 50, 50, 0.1) 100%) !important;
    border-color: #ff6666 !important;
}

.alert-danger strong[b-cz0u7hueb8] {
    color: #ff6666;
}

.alert-warning[b-cz0u7hueb8] {
    background: linear-gradient(135deg, rgba(255, 221, 68, 0.15) 0%, rgba(200, 150, 50, 0.1) 100%) !important;
    border-color: #ffdd44 !important;
}

.alert-warning strong[b-cz0u7hueb8] {
    color: #ffdd44;
}

.alert-info[b-cz0u7hueb8] {
    background: linear-gradient(135deg, rgba(68, 204, 255, 0.15) 0%, rgba(50, 150, 200, 0.1) 100%) !important;
    border-color: #44ccff !important;
}

.alert-info[b-cz0u7hueb8],
.alert-success[b-cz0u7hueb8] {
    color: var(--game-text-secondary);
}

.alert-success[b-cz0u7hueb8] {
    background: linear-gradient(135deg, rgba(68, 221, 119, 0.15) 0%, rgba(50, 170, 100, 0.1) 100%) !important;
    border-color: #44dd77 !important;
}

/* Buttons */
.btn[b-cz0u7hueb8] {
    font-weight: 700;
    border-radius: 6px;
    transition: all 0.2s;
    border: 2px solid;
}

.btn:hover[b-cz0u7hueb8],
.btn:focus[b-cz0u7hueb8] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}

.btn-outline-secondary[b-cz0u7hueb8] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
    background: transparent;
}

.btn-outline-secondary:hover[b-cz0u7hueb8] {
    background: linear-gradient(145deg, #3a3a3a, #2a2a2a);
    border-color: #666;
    color: #fff;
}

.btn-primary[b-cz0u7hueb8] {
    background: linear-gradient(135deg, #4da6ff 0%, #6bb8ff 100%);
    border-color: #6bb8ff;
    color: #000;
}

.btn-primary:hover[b-cz0u7hueb8] {
    background: linear-gradient(135deg, #6bb8ff 0%, #8ac9ff 100%);
    border-color: #8ac9ff;
}

.btn-success[b-cz0u7hueb8] {
    background: linear-gradient(135deg, #44dd77 0%, #66ee99 100%);
    border-color: #66ee99;
    color: #000;
}

.btn-success:hover[b-cz0u7hueb8] {
    background: linear-gradient(135deg, #66ee99 0%, #88ffbb 100%);
    border-color: #88ffbb;
}

.btn-outline-light[b-cz0u7hueb8] {
    color: var(--game-text-primary);
    border-color: var(--game-border);
}

.btn-outline-light:hover[b-cz0u7hueb8] {
    background: rgba(255, 170, 85, 0.1);
    border-color: var(--game-accent);
    color: var(--game-accent-hover);
}

/* Sage Grid (used for action buttons in Index.razor) */
.sage-grid[b-cz0u7hueb8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.75rem;
}

.guild-action[b-cz0u7hueb8] {
    padding: 0.5rem 0.75rem;
    text-align: left;
}

/* Responsive Design */
@media (max-width: 768px) {
    .guild-container[b-cz0u7hueb8] {
        padding: 1rem 1rem 2rem;
        margin: 0.5rem;
    }

    .page-title[b-cz0u7hueb8] {
        font-size: 2rem;
    }

    .guild-category-card[b-cz0u7hueb8] {
        margin-bottom: 1.5rem;
    }

    .table[b-cz0u7hueb8] {
        font-size: 0.85rem;
    }

    .form-control-sm[b-cz0u7hueb8] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }

    .btn-sm[b-cz0u7hueb8] {
        padding: 0.4rem 0.6rem;
        font-size: 0.75rem;
    }
}

@media (max-width: 640px) {
    .page-title[b-cz0u7hueb8] {
        font-size: 1.7rem;
    }

    .intro-text[b-cz0u7hueb8] {
        font-size: 0.9rem;
    }

    .guild-category-card .card-header[b-cz0u7hueb8] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .table-responsive[b-cz0u7hueb8] {
        font-size: 0.75rem;
    }

    .btn-group[b-cz0u7hueb8] {
        flex-direction: column;
        gap: 0.25rem;
    }
}

/* Accessibility */
.guild-container *:focus-visible[b-cz0u7hueb8] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

button:focus-visible[b-cz0u7hueb8] {
    outline: 3px solid var(--game-accent);
    outline-offset: 2px;
}

/* Text color consistency */
.guild-container p[b-cz0u7hueb8],
.guild-container li[b-cz0u7hueb8],
.guild-container div[b-cz0u7hueb8] {
    color: var(--game-text-secondary);
}

.guild-container h1[b-cz0u7hueb8],
.guild-container h2[b-cz0u7hueb8],
.guild-container h3[b-cz0u7hueb8],
.guild-container h4[b-cz0u7hueb8],
.guild-container h5[b-cz0u7hueb8] {
    color: var(--game-text-primary);
}

.guild-container strong[b-cz0u7hueb8] {
    color: var(--game-text-primary);
    font-weight: 700;
}

/* Smooth Scroll */
.guild-container[b-cz0u7hueb8] {
    scroll-behavior: smooth;
}

/* Animation */
@keyframes fadeIn-b-cz0u7hueb8 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.guild-category-card[b-cz0u7hueb8] {
    animation: fadeIn-b-cz0u7hueb8 0.4s ease-out;
}

/* High contrast for text */
.text-light[b-cz0u7hueb8] {
    color: var(--game-text-primary) !important;
}

.text-light-50[b-cz0u7hueb8] {
    color: var(--game-text-muted) !important;
}

.text-info[b-cz0u7hueb8] {
    color: #44ccff !important;
}

.text-danger[b-cz0u7hueb8] {
    color: #ff6666 !important;
}

.text-center[b-cz0u7hueb8] {
    text-align: center;
}

/* Table responsive wrapper */
.table-responsive[b-cz0u7hueb8] {
    overflow-x: auto;
}
/* /Components/Pages/Sage/AdjustSaddleStraps.razor.rz.scp.css */
.saddle-settings[b-uq53977xrx] { border:1px solid #d4af37; border-radius:6px; padding:1.1rem 1.25rem 1.25rem 1.25rem; background:#1b1c1e; margin-top:1.25rem; }
.saddle-settings .help-item[b-uq53977xrx] { border-left: 4px solid rgba(212,175,55,.35); padding-left: .85rem; padding-top:.4rem; padding-bottom:.4rem; }
.saddle-settings .help-item + .help-item[b-uq53977xrx] { margin-top:1.25rem; }
.saddle-settings .actions[b-uq53977xrx] { margin-top:1.5rem; }
.saddle-settings .help-item h3[b-uq53977xrx] { color:#f5d579; font-weight:600; }
.saddle-settings .intro[b-uq53977xrx] { border-left-color: transparent; }
/* /Components/Pages/Sage/AdvertiseInPaper.razor.rz.scp.css */
/* AdvertiseInPaper specific width tweak */
.sage-help[b-5uia1v1rk4] { max-width:760px; }

/* Specific width tweak */
.sage-help[b-5uia1v1rk4] { max-width:760px; margin:1.25rem auto 2rem; padding:1.5rem 1.75rem 2.2rem; background:linear-gradient(135deg,#1a1a1a 0%,#111 100%); border:1px solid #333; border-radius:12px; box-shadow:0 0 0 1px #000 inset; }
.page-title[b-5uia1v1rk4] { font-size:2rem; font-weight:600; letter-spacing:.05rem; margin-bottom:1.25rem; background:linear-gradient(90deg,#f5d78a,#ffb347,#ff9845); -webkit-background-clip:text; color:transparent; }
.help-item + .help-item[b-5uia1v1rk4] { margin-top:1.15rem; padding-top:1.15rem; border-top:1px solid #2d2d2d; }
.actions[b-5uia1v1rk4] { margin-top:2rem; text-align:right; }
@media (max-width:640px){ .sage-help[b-5uia1v1rk4]{padding:1rem 1rem 2rem;} .page-title[b-5uia1v1rk4]{font-size:1.6rem;} }
/* /Components/Pages/Sage/AvoidTownship.razor.rz.scp.css */
/* Page specific overrides for AvoidTownship (shared styles are global in app.css) */
.avoid-tags[b-te1tk7gn5g] { display:flex; flex-wrap:wrap; gap:.5rem; }
.avoid-tag[b-te1tk7gn5g] { background:#222; border:1px solid #444; color:#ffb347; padding:.35rem .6rem; border-radius:6px; font-size:.85rem; cursor:pointer; transition:background .15s, color .15s, border-color .15s; }
.avoid-tag:hover[b-te1tk7gn5g] { background:#352000; border-color:#ffb347; color:#ffd8a0; }
.id-input[b-te1tk7gn5g] { width:120px; }
.flex-wrap[b-te1tk7gn5g] { display:flex; flex-wrap:wrap; align-items:center; }
.gap-sm[b-te1tk7gn5g] { gap:.5rem; }
/* /Components/Pages/Sage/CreateFogBank.razor.rz.scp.css */
/* Match general sage/help aesthetic */
.create-fog-title[b-c9mwmkbvt5] { margin-top: .25rem; }
.sage-help.create-fog[b-c9mwmkbvt5] { max-width: 780px; margin: 1.25rem auto 0 auto; }
.create-fog-item[b-c9mwmkbvt5] { 
    border-left:4px solid #c7a750; 
    background:#1b1c1e; 
    padding:.75rem .95rem; 
    border-radius:6px; 
    box-shadow:0 0 6px rgba(0,0,0,.55); 
}
.create-fog-item p[b-c9mwmkbvt5] { margin-bottom:.65rem; }
.create-fog-item .btn[b-c9mwmkbvt5] { min-width:220px; }
/* /Components/Pages/Sage/CurrentTime.razor.rz.scp.css */
.sage-current-time[b-iu2eokqujv] {
    max-width: 760px;
    margin: 1.25rem auto 2rem auto; /* added top margin */
    padding: 1.5rem 1.75rem 2.25rem;
    background: linear-gradient(135deg,#1a1a1a 0%,#111 100%);
    border: 1px solid #333;
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset;
}

.sage-current-time:focus[b-iu2eokqujv] { outline: 2px solid #555; outline-offset: 4px; }

.sage-current-time .intro[b-iu2eokqujv] {
    margin: .25rem 0 .75rem;
    font-size: .95rem;
    letter-spacing: .03rem;
    color: #d6e2ec;
}

.time-box[b-iu2eokqujv] {
    display: inline-block;
    background: radial-gradient(circle at 30% 30%, #2d2d2d, #181818);
    padding: 1.1rem 1.75rem 1.2rem;
    border: 1px solid #474747;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,.55), 0 0 0 1px #000 inset; /* removed outer glow */
    position: relative;
}

.time-box[b-iu2eokqujv]:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    padding: 1px;
    background: linear-gradient(120deg,#ffe6b0,#ffc879,#ff9f42);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: .35; /* reduced brightness */
    pointer-events: none;
}

.time-digits[b-iu2eokqujv] {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 3.1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .08rem;
    background: linear-gradient(90deg,#fff6d8,#ffe6b0,#ffc879 55%,#ffb867,#ffa24a);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 1px 2px rgba(0,0,0,.8); /* removed glow, subtle contrast only */
}

.date-line[b-iu2eokqujv] {
    margin-top: 1.1rem;
    font-size: .9rem;
    color: #c9d6e0;
}

.date-line .tz-name[b-iu2eokqujv] {
    color: #ffd991;
    text-shadow: 0 1px 2px rgba(0,0,0,.7);
}

.actions[b-iu2eokqujv] { margin-top: 2rem; text-align: right; }

@media (max-width: 640px) {
    .time-digits[b-iu2eokqujv] { font-size: 2.4rem; }
    .sage-current-time[b-iu2eokqujv] { padding: 1.1rem 1.2rem 2rem; }
}
/* /Components/Pages/Sage/EvilPlayerTitles.razor.rz.scp.css */
.evil-ranks-container[b-c6yobseiku] { max-width: 760px; margin: 0 auto; }
.evil-ranks-container .help-item[b-c6yobseiku] { border-left:4px solid #444; padding:.6rem .85rem; }
.evil-ranks-container .help-item + .help-item[b-c6yobseiku] { margin-top:1.25rem; }
.evil-ranks-container .intro[b-c6yobseiku] { border-left-color: transparent; }
.evil-ranks-container h3[b-c6yobseiku] { color:#f5d579; font-weight:600; }
.evil-ranks-container .table-wrap[b-c6yobseiku] { background:#1b1c1e; border:1px solid #2d2e30; border-radius:6px; }
.evil-ranks-container table[b-c6yobseiku] { margin-bottom:.25rem; }
.evil-title[b-c6yobseiku] { font-family: 'UnifrakturCook', 'Creepster', 'Nosifer', 'Cinzel', serif; letter-spacing:1px; color:#c53131; text-shadow:0 0 6px rgba(197,49,49,.55); font-size:3rem; line-height:1.1; }
@media (max-width: 576px) { .evil-title[b-c6yobseiku] { font-size:2.25rem; } }
.evil-ranks-container .intro-text[b-c6yobseiku] { color:#e2e2e2; }
/* /Components/Pages/Sage/GoodPlayerTitles.razor.rz.scp.css */
.good-ranks-container[b-zo34zspaza] { max-width: 760px; margin: 0 auto; }
.good-ranks-container .help-item[b-zo34zspaza] { border-left:4px solid #2b4d36; padding:.6rem .85rem; }
.good-ranks-container .help-item + .help-item[b-zo34zspaza] { margin-top:1.25rem; }
.good-ranks-container .intro[b-zo34zspaza] { border-left-color: transparent; }
.good-ranks-container h3[b-zo34zspaza] { color:#d5f5e3; font-weight:600; }
.good-ranks-container .table-wrap[b-zo34zspaza] { background:#1b1c1e; border:1px solid #2d2e30; border-radius:6px; }
.good-ranks-container table[b-zo34zspaza] { margin-bottom:.25rem; }
.good-title[b-zo34zspaza] { font-family: 'Marcellus', 'Cinzel', 'Georgia', 'Times New Roman', serif; font-weight:500; background: linear-gradient(90deg,#ffffff,#f6f2dc,#fff9e4,#ffffff); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing:1px; text-shadow:0 0 6px rgba(255,255,220,0.55), 0 2px 4px rgba(0,0,0,0.35); font-size:3rem; line-height:1.1; }
@media (max-width: 576px) { .good-title[b-zo34zspaza] { font-size:2.25rem; } }
.good-ranks-container .intro-text[b-zo34zspaza] { color:#e2e2e2; }
/* /Components/Pages/Sage/Help.razor.rz.scp.css */
.sage-help[b-huapv370bn] {
    max-width: 900px;
    margin: 0 auto 2rem auto;
    padding: 1.5rem 1.75rem 2.5rem;
    background: linear-gradient(135deg, #1a1a1a 0%, #111 100%);
    border: 1px solid #333;
    border-radius: 12px;
    box-shadow: 0 0 0 1px #000 inset;
}

.page-title[b-huapv370bn] {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: .05rem;
    margin-bottom: 1.25rem;
    background: linear-gradient(90deg,#f5d78a,#ffb347,#ff9845);
    -webkit-background-clip: text;
    color: transparent;
}

.help-item + .help-item[b-huapv370bn] {
    margin-top: 1.15rem;
    padding-top: 1.15rem;
    border-top: 1px solid #2d2d2d;
}

.help-item h3[b-huapv370bn] {
    font-size: 1.15rem;
    margin: 0 0 .35rem 0;
    font-weight: 600;
    color: #ffd27f;
    text-shadow: 0 0 2px #000;
}

.help-item p[b-huapv370bn] {
    margin: 0;
    line-height: 1.35rem;
    font-size: .95rem;
    color: #d6e2ec;
}

.help-item p code[b-huapv370bn] {
    background: #222;
    padding: .15rem .35rem;
    border-radius: 4px;
    border: 1px solid #333;
    font-size: .85rem;
    color: #ffbf66;
}

.actions[b-huapv370bn] {
    margin-top: 2rem;
    text-align: right;
}

@media (max-width: 640px) {
    .sage-help[b-huapv370bn] {
        padding: 1rem 1rem 2rem;
    }
    .page-title[b-huapv370bn] {
        font-size: 1.6rem;
    }
    .help-item h3[b-huapv370bn] {
        font-size: 1.05rem;
    }
}
/* /Components/Pages/Sage/Index.razor.rz.scp.css */
.sage-container[b-tt8o03seos] { max-width: 1200px; margin: 1.25rem auto 0; }
.sage-image[b-tt8o03seos] { width: 100%; max-width: 100%; height: auto; object-fit: contain; }
.sage-layout[b-tt8o03seos] { min-height: 100%; }

/* Themed card similar to help page */
.sage-category-card[b-tt8o03seos] { border: 1px solid #333; background: linear-gradient(135deg,#1a1a1a 0%,#111 100%); box-shadow: 0 0 0 1px #000 inset; }
.sage-category-card .card-header[b-tt8o03seos] { background: rgba(255,255,255,0.04); border-bottom: 1px solid #2d2d2d; }
.sage-category-card strong[b-tt8o03seos] { color: #ffd27f; text-shadow: 0 0 2px #000; }
.sage-category-card small[b-tt8o03seos] { color: #b8c4ce; }

.page-title[b-tt8o03seos] { font-size: 2rem; font-weight: 600; letter-spacing: .05rem; margin-bottom: 1.1rem; background: linear-gradient(90deg,#f5d78a,#ffb347,#ff9845); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; line-height: 1.15; display: inline-block; padding-bottom: .15rem; }
.intro-text[b-tt8o03seos] { color: #d6e2ec; }

.sage-grid[b-tt8o03seos] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px,1fr)); gap: 0.65rem 1.4rem; }
.sage-action[b-tt8o03seos] { white-space: normal; line-height: 1.2; font-size: .85rem; padding: .55rem .6rem .5rem .6rem; position: relative; display: flex; align-items: center; justify-content: flex-start; background: linear-gradient(145deg,#2b2b2b,#222); border: 1px solid #3a3a3a; color: #e8f2fa; }
.sage-action:hover[b-tt8o03seos], .sage-action:focus[b-tt8o03seos] { background: linear-gradient(145deg,#3a3a3a,#252525); border-color: #555; color: #fff; }
.sage-action .shortkey[b-tt8o03seos] { text-decoration: underline; font-weight: 600; color: #ffbf66; margin-right: .15rem; }

@media (max-width: 768px) { .sage-image[b-tt8o03seos] { max-width: 100%; } .page-title[b-tt8o03seos] { font-size: 1.7rem; } }
@media (max-width: 600px) { .sage-grid[b-tt8o03seos] { grid-template-columns: repeat(auto-fill, minmax(130px,1fr)); } }
/* /Components/Pages/Sage/KnownCountryside.razor.rz.scp.css */
/* KnownCountryside specific tweaks */
.sage-help[b-rokv1seqg3] { max-width:900px; }

/* Township Color Coding */
.township-badge[b-rokv1seqg3] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-weight: 500;
    margin: 0 2px;
    white-space: nowrap;
}

/* Empty township - grey */
.township-empty[b-rokv1seqg3] {
    background-color: #6c757d;
    color: #fff;
}

/* Trading Post - green */
.township-tradepost[b-rokv1seqg3] {
    background-color: #28a745;
    color: #fff;
}

/* Owned Ranch - blue */
.township-owned-ranch[b-rokv1seqg3] {
    background-color: #007bff;
    color: #fff;
}

/* Enemy Ranch - red */
.township-enemy-ranch[b-rokv1seqg3] {
    background-color: #dc3545;
    color: #fff;
}

/* NPCs Present - orange */
.township-npcs[b-rokv1seqg3] {
    background-color: #fd7e14;
    color: #fff;
}

/* Items Present - yellow */
.township-items[b-rokv1seqg3] {
    background-color: #ffc107;
    color: #000;
}

/* Legend styling */
.color-legend[b-rokv1seqg3] {
    background-color: #2d2d2d;
    border: 2px solid #444;
    border-radius: 6px;
    padding: 1.25rem;
    margin-top: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.legend-title[b-rokv1seqg3] {
    font-weight: 700;
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #fff;
}

.legend-items[b-rokv1seqg3] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.legend-item[b-rokv1seqg3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.95rem;
    color: #e0e0e0;
}

.legend-swatch[b-rokv1seqg3] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: 2px solid #555;
    flex-shrink: 0;
}
/* /Components/Pages/Sage/MarketReport.razor.rz.scp.css */
.market-report-container[b-4zul25xtal] {
    max-width: 1100px;
    margin: 2rem auto 2.5rem auto; /* add top space */
    padding: 0 0 1.5rem 0; /* remove inner background to look like original */
}

.market-report-container .page-title[b-4zul25xtal] {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: .05rem;
    margin-bottom: 1.25rem;
    background: linear-gradient(90deg,#f5d78a,#ffb347,#ff9845);
    -webkit-background-clip: text;
    color: transparent;
}

.chart-title[b-4zul25xtal] {
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    color: #bbb;
    margin-bottom: .35rem;
}

/* Mini bar rows */
.mini-bar-row[b-4zul25xtal] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .35rem;
}

.mini-bar-label[b-4zul25xtal] {
    width: 80px;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .05rem;
    color: #ddd;
}

.mini-bar-track[b-4zul25xtal] {
    flex: 1;
    position: relative;
    background: #222;
    border: 1px solid #333;
    height: 16px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.mini-bar-fill[b-4zul25xtal] {
    height: 100%;
    border-radius: 3px;
    transition: width .4s;
    box-shadow: 0 0 4px rgba(255,255,255,.2) inset;
}

.mini-bar-text[b-4zul25xtal] {
    position: absolute;
    left: 6px;
    top: 0;
    font-size: .65rem;
    line-height: 14px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    pointer-events: none;
}

/* Stacked value bar */
.stack-bar[b-4zul25xtal] {
    display: flex;
    height: 24px;
    border: 1px solid #333;
    background: #1d1d1d;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 0 1px #000 inset;
}

.stack-bar .seg[b-4zul25xtal] {
    height: 100%;
    transition: width .5s;
}

.stack-bar .seg.grain[b-4zul25xtal] {
    background: #c9a552;
}

.stack-bar .seg.gold[b-4zul25xtal] {
    background: #ffd700;
}

.stack-bar .seg.med[b-4zul25xtal] {
    background: #5cc9ff;
}

.legend[b-4zul25xtal] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.legend-item[b-4zul25xtal] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.legend-item .swatch[b-4zul25xtal] {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    display: inline-block;
    box-shadow: 0 0 0 1px #111 inset;
}

.swatch.grain[b-4zul25xtal] {
    background: #c9a552;
}

.swatch.gold[b-4zul25xtal] {
    background: #ffd700;
}

.swatch.med[b-4zul25xtal] {
    background: #5cc9ff;
}

/* Rich posts horizontal bars */
.rich-bars[b-4zul25xtal] {
    font-size: .7rem;
}

.rich-row[b-4zul25xtal] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .25rem;
}

.rich-label[b-4zul25xtal] {
    width: 34px;
    text-align: right;
    color: #ccc;
}

.rich-bar[b-4zul25xtal] {
    flex: 1;
    background: #222;
    border: 1px solid #333;
    height: 12px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.rich-bar .fill[b-4zul25xtal] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg,#3d7bff,#60d4ff);
    box-shadow: 0 0 4px rgba(96,212,255,.6);
}

.rich-val[b-4zul25xtal] {
    width: 80px;
    text-align: right;
    color: #ddd;
}

@media (max-width: 640px) {
    .market-report-container[b-4zul25xtal] {
        padding: 1rem 1rem 2rem;
    }
    .market-report-container .page-title[b-4zul25xtal] {
        font-size: 1.6rem;
    }
    .mini-bar-label[b-4zul25xtal] {
        width: 60px;
    }
    .rich-val[b-4zul25xtal] {
        width: 60px;
    }
}
/* /Components/Pages/Sage/NPCRankings.razor.rz.scp.css */
.npc-ranks-container[b-hpeo4hjgok] { max-width: 900px; margin:0 auto; }
.npc-ranks-container .help-item[b-hpeo4hjgok] { border-left:4px solid #3a4454; padding:.6rem .85rem; }
.npc-ranks-container .help-item + .help-item[b-hpeo4hjgok] { margin-top:1.25rem; }
.npc-ranks-container .intro[b-hpeo4hjgok] { border-left-color: transparent; }
.npc-ranks-container h3[b-hpeo4hjgok] { color:#d5dce5; font-weight:600; }
.npc-ranks-container .table-wrap[b-hpeo4hjgok] { background:#1b1c1e; border:1px solid #2d2e30; border-radius:6px; }
.npc-ranks-container table[b-hpeo4hjgok] { margin-bottom:.25rem; }
.npc-ranks-container .intro-text[b-hpeo4hjgok] { color:#e2e2e2; }
.mech-title[b-hpeo4hjgok] { 
    font-family: 'Orbitron', 'Share Tech Mono', 'Segoe UI', sans-serif; 
    letter-spacing:2px; 
    text-transform:uppercase; 
    font-weight:600; 
    background:linear-gradient(90deg,#d0d7dd,#f0f4f7,#d0d7dd); 
    -webkit-background-clip:text; 
    background-clip:text; 
    color:transparent; 
    text-shadow:0 0 6px rgba(160,180,190,0.4), 0 2px 4px rgba(0,0,0,0.5);
}
@media (max-width: 576px) { .mech-title[b-hpeo4hjgok] { font-size:2.25rem; } }
/* /Components/Pages/Sage/RanchTypes.razor.rz.scp.css */
.ranch-types-container[b-4mi7y3cl5g] { max-width: 900px; margin:0 auto; }
.ranch-types-container .help-item[b-4mi7y3cl5g] { border-left:4px solid #3a4454; padding:.6rem .85rem; }
.ranch-types-container .help-item + .help-item[b-4mi7y3cl5g] { margin-top:1.25rem; }
.ranch-types-container .intro[b-4mi7y3cl5g] { border-left-color: transparent; }
.ranch-types-container h3[b-4mi7y3cl5g] { color:#d5dce5; font-weight:600; }
.ranch-types-container .table-wrap[b-4mi7y3cl5g] { background:#1b1c1e; border:1px solid #2d2e30; border-radius:6px; }
.ranch-types-container table[b-4mi7y3cl5g] { margin-bottom:.25rem; }
.ranch-types-container .intro-text[b-4mi7y3cl5g] { color:#e2e2e2; }
.mech-title[b-4mi7y3cl5g] { font-family: 'Orbitron', 'Share Tech Mono', 'Segoe UI', sans-serif; letter-spacing:2px; text-transform:uppercase; font-weight:600; background:linear-gradient(90deg,#d0d7dd,#f0f4f7,#d0d7dd); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 0 6px rgba(160,180,190,0.4), 0 2px 4px rgba(0,0,0,0.5); }
@media (max-width: 576px) { .mech-title[b-4mi7y3cl5g] { font-size:2.25rem; } }
/* /Components/Pages/Sage/ReadNewspaper.razor.rz.scp.css */
/* Newspaper page specific overrides */

/* Restore custom masthead font styling */
.sage-page .page-title.news-title[b-64if1h7ksh] {
    font-family: 'UnifrakturCook', 'Old English Text MT', 'Times New Roman', Georgia, serif;
    font-weight: 700;
    font-size: 2.6rem;
    letter-spacing: .04rem;
    text-transform: none;
    background: none; /* override gradient */
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: #ffffff;
    color: #ffffff;
    text-shadow: 0 0 2px #000, 0 2px 4px rgba(0,0,0,0.85), 0 0 6px rgba(255,255,255,0.25);
    text-align: center;
    margin-top: .25rem;
    margin-bottom: 1.75rem;
}

.sage-page .news-article[b-64if1h7ksh] { background: rgba(255,255,255,0.03); border:1px solid #cfa24a; border-radius:10px; box-shadow:0 0 0 1px #000 inset, 0 0 6px rgba(255,200,120,0.15); transition:border-color .2s, background-color .2s, box-shadow .2s; }
.sage-page .news-article:hover[b-64if1h7ksh] { border-color:#ffd27f; background:rgba(255,255,255,0.05); box-shadow:0 0 0 1px #000 inset, 0 0 10px rgba(255,210,127,0.35); }
.sage-page .news-published[b-64if1h7ksh] { font-weight:500; letter-spacing:.05rem; color:#ffd27f; text-shadow:0 0 2px #000; font-size:.75rem; }
.sage-page .news-body[b-64if1h7ksh] { font-size:.9rem; line-height:1.3rem; color:#d6e2ec; word-wrap:break-word; white-space:normal; }
.sage-page .news-body a[b-64if1h7ksh] { color:#ffb347; }
.sage-page .news-body a:hover[b-64if1h7ksh] { color:#ffd27f; }

@media (max-width:640px){
  .sage-page .page-title.news-title[b-64if1h7ksh] { font-size:2.1rem; }
}
/* /Components/Shared/ForumLink.razor.rz.scp.css */
.forum-link-container[b-na41v5n8a5] {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
}

.forum-link[b-na41v5n8a5] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background-color: #6c757d;
    color: white;
    border-radius: 0.25rem;
    text-decoration: none;
    transition: background-color 0.2s ease, transform 0.1s ease;
    font-weight: 500;
}

.forum-link:hover[b-na41v5n8a5] {
    background-color: #5a6268;
    transform: translateY(-2px);
    color: white;
    text-decoration: none;
}

.forum-link:active[b-na41v5n8a5] {
    transform: translateY(0);
}

.forum-link i[b-na41v5n8a5] {
    font-size: 1.1rem;
}

.forum-link span[b-na41v5n8a5] {
    display: inline;
}

@media (max-width: 576px) {
    .forum-link[b-na41v5n8a5] {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }
    
    .forum-link span[b-na41v5n8a5] {
        display: none;
    }
}