/* Shared Discord presentation layer; loaded after each page's functional styles.
   Keep game geometry, visibility states and permission logic in the page. */
:root {
    color-scheme: dark;
    --primary: #74b9ff;
    --primary-light: #b9d9ff;
    --primary-dark: #3584d2;
    --secondary: #8fe0bd;
    --danger: #ffa9b8;
    --dark: #1b2c43;
    --darker: #0e1a2b;
    --light: #f3f7ff;
    --portal-muted: #b6c7dd;
    --portal-edge: rgba(232, 246, 255, .33);
    --portal-border: rgba(202, 225, 255, .14);
    --portal-surface: rgba(28, 43, 64, .62);
    --portal-control: rgba(218, 235, 255, .075);
    --portal-hover: rgba(218, 235, 255, .14);
    --portal-shadow: 0 24px 65px -28px rgba(0, 6, 20, .6), inset 0 1px 0 rgba(255, 255, 255, .16);
}
.portal-email-notice { display: flex; align-items: flex-start; gap: 12px; padding: 16px; margin: 0 0 24px; border-left: 4px solid var(--danger); }
.portal-email-notice > div { min-width: 0; }
.portal-email-notice h3 { margin: 0; font-size: 16px; font-weight: 700; color: var(--light); }
.portal-email-notice p { margin: 6px 0; font-size: 14px; line-height: 1.6; color: var(--portal-muted); }
.portal-email-notice a { display: inline-block; padding: 8px 0; color: var(--primary); font-weight: 600; overflow-wrap: anywhere; }
.portal-email-icon { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 50%; background: var(--portal-control); color: var(--danger); font-weight: 800; }
*, *::before, *::after { box-sizing: border-box; }
html { background: var(--darker); scroll-padding-top: 110px; }
body.discord-portal {
    margin: 0;
    min-height: 100vh;
    min-height: 100svh;
    width: 100%;
    background: var(--darker);
    color: var(--light);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    -webkit-font-smoothing: antialiased;
    isolation: isolate;
    overflow-x: clip;
}
.portal-background {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    background: radial-gradient(ellipse at 0% 0%, #27676e, transparent 53%),
                radial-gradient(ellipse at 100% 100%, #624d65, transparent 55%), #0e1a2b;
}
.portal-background::before {
    content: '';
    position: absolute;
    inset: -15% -10% 10% 15%;
    background: radial-gradient(ellipse at 60% 30%, rgba(57, 111, 178, .5), transparent 65%);
}
.portal-background::after {
    content: '';
    position: absolute;
    width: 125vw;
    height: 55vw;
    min-height: 360px;
    left: -30%;
    bottom: -12%;
    border-radius: 50%;
    transform: rotate(-28deg);
    border-top: 1px solid rgba(255, 255, 255, .17);
    background: linear-gradient(160deg, rgba(255, 255, 255, .09), transparent 55%);
    box-shadow: inset 0 20px 45px rgba(255, 255, 255, .035);
}
.discord-portal > .container {
    width: 100%;
    padding: 36px 24px max(48px, env(safe-area-inset-bottom));
}
.discord-portal :is(.grid, .flex) > * { min-width: 0; }
.discord-portal :is(h1, h2, h3, p, label, .user-name, .detail-value) { overflow-wrap: anywhere; }
.discord-portal h1 {
    font-size: clamp(30px, 3.5vw, 44px);
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: -.045em;
    text-wrap: balance;
    color: var(--light);
    background: none;
    -webkit-text-fill-color: currentColor;
    text-shadow: none !important;
}
.discord-portal h2 { letter-spacing: -.025em; }
.discord-portal :is(.text-gray-300, .text-gray-400, .text-gray-500, .empty-state) { color: var(--portal-muted); }
.discord-portal .text-indigo-400 { color: #a9caff; }
.discord-portal .card-glass,
.discord-portal :is(.simp-card, .no-card-message, .admin-form, .modal-box, .result-box) {
    border: 1px solid var(--portal-border);
    border-top-color: var(--portal-edge);
    border-left-color: var(--portal-edge);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .075), transparent 55%), var(--portal-surface);
    -webkit-backdrop-filter: blur(26px) saturate(145%);
    backdrop-filter: blur(26px) saturate(145%);
    box-shadow: var(--portal-shadow);
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
/* Content must stay still while reading, editing or opening a fixed dialog. */
.discord-portal .card-glass:hover { transform: none; border-color: var(--portal-edge); box-shadow: var(--portal-shadow); }
.discord-portal .card-glass .card-glass {
    background: var(--portal-control);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
    border-radius: 18px;
}
.discord-portal > .nav-glass {
    position: sticky;
    top: max(12px, env(safe-area-inset-top));
    width: calc(100% - 32px);
    max-width: 1280px;
    margin: max(12px, env(safe-area-inset-top)) auto 0;
    padding: 10px 16px;
    border: 1px solid var(--portal-border);
    border-top-color: var(--portal-edge);
    border-radius: 25px;
    background: linear-gradient(140deg, rgba(255,255,255,.09), transparent), rgba(23, 40, 60, .83);
    -webkit-backdrop-filter: blur(26px) saturate(160%);
    backdrop-filter: blur(26px) saturate(160%);
    box-shadow: 0 10px 30px -15px rgba(0, 8, 25, .65), inset 0 1px 0 rgba(255,255,255,.16);
    animation: none;
}
.discord-portal > .nav-glass > .container { max-width: none; gap: 12px; flex-wrap: wrap; }
.discord-portal > .nav-glass > .container > .flex { gap: 8px; flex-wrap: wrap; }
.discord-portal > .nav-glass .space-x-2 > * { margin-left: 0; }
.discord-portal > .nav-glass .bg-clip-text { color: var(--light); background: none; font-size: 15px; letter-spacing: -.01em; }
.discord-portal > .nav-glass a { min-height: 40px; }
.discord-portal > .nav-glass a > i { flex-shrink: 0; }
.portal-navigation {
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 7px;
    gap: 6px;
    border: 1px solid var(--portal-border);
    border-top-color: var(--portal-edge);
    border-radius: 24px;
    background: rgba(18, 34, 53, .44);
}
.discord-portal :where(a, button)[class*="btn-"],
.discord-portal :is(.portal-navigation a, .filter-buttons a, .filter-btn, .filter-chip, .casino-btn, .spin-button) {
    border: 1px solid var(--portal-border);
    border-top-color: var(--portal-edge);
    border-radius: 999px;
    min-height: 44px;
    background: linear-gradient(150deg, rgba(255,255,255,.08), transparent), var(--portal-control);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    color: var(--light);
    font-weight: 600;
    font-size: 14px;
    transition: background-color .2s ease, border-color .2s ease;
}
.discord-portal :is(.btn-discord, .spin-button, .casino-btn),
.discord-portal .portal-navigation a[aria-current="page"] {
    background: linear-gradient(160deg, #3589df, #195cab);
    border-color: rgba(184, 223, 255, .38);
    color: #fff;
}
.discord-portal :is(.btn-success, .btn-move) { color: #b3efcf; background-color: rgba(68, 164, 124, .16); }
.discord-portal :is(.btn-danger, .btn-ban, .btn-kick) { color: #ffc3ce; background-color: rgba(197, 67, 97, .17); }
.discord-portal .btn-warning { color: #ffe2a4; background-color: rgba(185, 137, 46, .16); }
.discord-portal .portal-navigation a { display: inline-flex; align-items: center; justify-content: center; padding: 10px 15px; background: transparent; box-shadow: none; border-color: transparent; }
.discord-portal a.casino-btn { border-radius: 26px; background: linear-gradient(145deg, rgba(255,255,255,.09), transparent), var(--portal-surface); padding: 28px; font-size: 20px; }
.discord-portal a.casino-btn:hover { transform: none; background: var(--portal-hover); box-shadow: var(--portal-shadow); }
.discord-portal :is(.filter-active, .filter-btn.active, .tab-button.active) { background: rgba(82, 147, 220, .2); color: #d1e7ff; border-color: rgba(174, 216, 255, .5); }
.discord-portal :is(button, input, textarea, select) { font-family: inherit; }
.discord-portal input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='submit']),
.discord-portal :is(select, textarea) {
    max-width: 100%;
    min-height: 46px;
    border: 1px solid rgba(208, 230, 255, .22);
    border-radius: 14px;
    background: rgba(8, 22, 39, .38);
    box-shadow: inset 0 2px 4px rgba(0, 10, 30, .1), 0 1px 0 rgba(255,255,255,.06);
    color: var(--light);
    font-size: 16px;
}
.discord-portal textarea { resize: vertical; }
.discord-portal select option { background: #1b2c43; color: var(--light); }
.discord-portal input::placeholder, .discord-portal textarea::placeholder { color: #a2b5ce; opacity: 1; }
.discord-portal input:focus, .discord-portal textarea:focus, .discord-portal select:focus { border-color: #a4d2ff; box-shadow: 0 0 0 3px rgba(93, 166, 242, .18); }
.discord-portal input[type='checkbox'], .discord-portal input[type='radio'] { accent-color: #4399ed; }
.discord-portal :is(.form-label, label.block) { font-size: 14px; font-weight: 600; }
.discord-portal :is(a, button, input, textarea, select, [tabindex]):focus-visible { outline: 3px solid #a4d2ff; outline-offset: 3px; }
.discord-portal :is(button, input, select):disabled { opacity: .48; cursor: not-allowed; }
.discord-portal :is(.request-card, .exception-card, .log-card, .mobile-user-card, .stat-card, .punishment-card, .user-item, .log-entry) {
    border-radius: 18px;
    background-color: var(--portal-control);
    box-shadow: none;
}
.discord-portal :is(.request-card, .exception-card, .log-card, .stat-card, .user-item):hover { transform: none; background-color: var(--portal-hover); box-shadow: none; }
.discord-portal .punishment-card.selected { border-color: #a4d2ff; background-color: rgba(72, 144, 214, .18); }
.discord-portal :is(.error-message, .success-message, .alert-message, .warning-box) { border-radius: 16px; line-height: 1.6; animation: none; }
.discord-portal .error-message { color: #ffc3ce; }
.discord-portal .success-message { color: #b3efcf; }
.discord-portal :is(.review-form, .request-details, .comment-display) { background-color: rgba(9, 23, 40, .22); border-radius: 16px; }
.discord-portal .overflow-x-auto { max-width: 100%; scrollbar-width: thin; scrollbar-color: #6685a9 transparent; }
.discord-portal table { font-size: 14px; }
.discord-portal table :is(th, td) { border-color: var(--portal-border); padding: 14px 16px; }
.discord-portal table th { background: rgba(13, 30, 49, .65); color: var(--portal-muted); font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.discord-portal table td { background: transparent; }
.discord-portal table tr:hover td { background: rgba(218, 235, 255, .05); }
.discord-portal .ranking-table { border-spacing: 0; }
.discord-portal .tab-button { flex-shrink: 0; min-height: 48px; padding: 12px 16px; font-size: 14px; border-radius: 14px 14px 0 0; }
.discord-portal nav.overflow-x-auto { gap: 8px; }
.discord-portal nav.overflow-x-auto > * { margin-left: 0; }
.discord-portal .service-icon { border: 1px solid var(--portal-border); background: var(--portal-control); border-radius: 20px; }
.discord-portal .service-title { font-size: 17px; letter-spacing: -.02em; }
.discord-portal :is(.trophy-shine, .heartbeat, .heart-pulse, .ban-shake, .unlock-animation, .unlock-shine, .animate-float, .animate-pulse-slow) { animation: none; }
.discord-portal .animate__animated, .discord-portal .fade-in { animation: portal-appear .35s ease both; }
@keyframes portal-appear { from { opacity: 0; } to { opacity: 1; } }
.discord-portal .cards-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.discord-portal .simp-card-header { background: linear-gradient(135deg, rgba(189, 117, 176, .19), transparent); }
.discord-portal .detail-item { gap: 16px; }
.discord-portal .detail-value { text-align: right; }
.discord-portal .barcode-container { background: #fff; }
.discord-portal :is(.modal-overlay, #tos-modal) { padding: 16px; background-color: rgba(4, 12, 24, .75); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.discord-portal :is(.modal-box, .result-box, #tos-modal > .card-glass) { max-width: 100%; max-height: calc(100svh - 32px); overflow-y: auto; }
.discord-portal .timeout-panel { max-height: calc(100svh - 32px); overflow-y: auto; background-color: rgba(23, 40, 60, .95); }
.discord-portal .timeout-panel:hover { transform: translate(-50%, -50%); }
.discord-portal .disabled-overlay { border-radius: inherit; background: rgba(8, 20, 35, .9); }
.discord-portal .table-felt { border: 1px solid var(--portal-edge); border-radius: 20px; background: radial-gradient(ellipse at center, #205044, #132f2d); }
.discord-portal .table-felt > .grid { grid-template-columns: 40px minmax(0, 1fr); }
.discord-portal .bet-spot { font-size: 13px; }
.discord-portal .top3-section { gap: 20px; }
.discord-portal :is(.top1-card, .top2-card, .top3-card) { border-radius: 24px; }
.discord-login > .container, .discord-register > .container { min-height: calc(100svh - 86px); }
@media (hover: hover) and (pointer: fine) {
    .discord-portal :is(a, button)[class*='btn-']:hover,
    .discord-portal :is(.portal-navigation a, .filter-buttons a, .filter-btn, .filter-chip):hover { background-color: var(--portal-hover); border-color: var(--portal-edge); transform: none; }
    .discord-portal a.card-glass:hover { background-color: rgba(49, 69, 94, .75); border-color: rgba(223, 242, 255, .55); }
}
@media (max-width: 640px) {
    .discord-portal > .container { padding: 28px 16px max(32px, env(safe-area-inset-bottom)); }
    .discord-portal > .nav-glass { width: calc(100% - 24px); padding: 8px 10px; border-radius: 22px; }
    .discord-portal > .nav-glass > .container { gap: 8px; }
    .discord-portal > .nav-glass > .container > .flex { gap: 6px; }
    .discord-portal > .nav-glass a { padding: 8px 10px; }
    .discord-portal .card-glass { border-radius: 22px; }
    .discord-portal .card-glass.p-6, .discord-portal .card-glass.p-8 { padding: 20px; }
    .discord-portal .portal-navigation { border-radius: 22px; gap: 4px; }
    .discord-portal .portal-navigation a { min-width: 42px; padding: 10px 12px; }
    .discord-portal table :is(th, td) { padding: 12px 10px; }
    .discord-portal .tooltip-text { left: auto; right: -8px; width: min(260px, 75vw); }
    .discord-portal .filter-buttons a { flex: 1 1 auto; }
    .discord-portal .user-actions { flex-wrap: wrap; }
    .discord-portal .service-card { padding: 22px; }
    .discord-portal .service-icon { margin-bottom: 12px; }
    .discord-index .service-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 14px; row-gap: 4px; text-align: left; padding: 18px; }
    .discord-index .service-icon { grid-row: span 2; margin: 0; padding: 12px !important; text-align: center; border-radius: 16px; }
    .discord-index .service-icon i { font-size: 22px !important; }
    .discord-index .service-title { margin: 0; align-self: end; }
    .discord-index .service-link { margin: 0; font-size: 12px; align-self: start; }
}
/* Profile values may contain long, unbroken identifiers and email addresses. */
.discord-portal .profile-detail-row {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr);
    gap: 12px;
    align-items: start;
}
.discord-portal .profile-detail-row > span { min-width: 0; overflow-wrap: anywhere; }
.discord-portal .profile-detail-row > span:last-child { text-align: right; }
@media (max-width: 640px) {
    .discord-portal nav.profile-tabs {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        gap: 4px;
        overflow: visible;
    }
    .discord-portal .profile-tabs .tab-button {
        min-width: 0;
        margin: 0;
        padding: 10px 4px;
        white-space: nowrap;
        font-size: 13px;
        line-height: 1.4;
    }
    .discord-portal .profile-tabs .tab-button i { display: block; margin: 0 0 5px; font-size: 16px; }
    .discord-portal :is(.profile-uid-row, .profile-wide-row) { grid-template-columns: minmax(0, 1fr); gap: 6px; }
    .discord-portal :is(.profile-uid-row, .profile-wide-row) > span:last-child { text-align: left; font-size: 14px; }
}
.portal-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 1px solid var(--portal-edge);
    border-radius: 50%;
    color: var(--light);
    background: var(--portal-control);
    cursor: pointer;
}
.portal-theme-toggle:hover { background: var(--portal-hover); }
.portal-theme-toggle svg { width: 22px; height: 22px; }
.portal-theme-toggle .portal-moon { display: none; }
html[data-theme='light'] .portal-theme-toggle .portal-moon { display: block; }
html[data-theme='light'] .portal-theme-toggle .portal-sun { display: none; }

/* Light glass uses the same geometry and shared theme preference as the main site. */
html[data-theme='light'] {
    color-scheme: light;
    --primary: #1767b5;
    --primary-light: #275c97;
    --primary-dark: #104e92;
    --secondary: #19734e;
    --danger: #a72943;
    --dark: #edf3fa;
    --darker: #e7edf5;
    --light: #192b42;
    --portal-muted: #4e6075;
    --portal-edge: rgba(255, 255, 255, .9);
    --portal-border: rgba(62, 84, 112, .19);
    --portal-surface: rgba(248, 251, 255, .64);
    --portal-control: rgba(255, 255, 255, .4);
    --portal-hover: rgba(255, 255, 255, .76);
    --portal-shadow: 0 24px 65px -28px rgba(41, 66, 100, .28), inset 0 1px 0 rgba(255, 255, 255, .8);
}
html[data-theme='light'] .portal-background {
    background: radial-gradient(ellipse at 0% 0%, #b5e1db, transparent 53%),
                radial-gradient(ellipse at 100% 100%, #eed2cf, transparent 55%), #e7edf5;
}
html[data-theme='light'] .portal-background::before { background: radial-gradient(ellipse at 60% 30%, rgba(112, 163, 220, .32), transparent 65%); }
html[data-theme='light'] .portal-background::after { border-top-color: rgba(255,255,255,.8); background: linear-gradient(160deg, rgba(255,255,255,.32), transparent 55%); }
html[data-theme='light'] .discord-portal > .nav-glass { background: rgba(246, 250, 255, .8); box-shadow: 0 10px 30px -15px rgba(41,66,100,.25), inset 0 1px 0 #fff; }
html[data-theme='light'] .portal-navigation { background: rgba(255,255,255,.32); }
html[data-theme='light'] .discord-portal :is(.text-white, .text-gray-200, .detail-label, .filter-inactive, .tab-button) { color: var(--light); }
html[data-theme='light'] .discord-portal :is(.text-indigo-200, .text-indigo-300, .text-indigo-400, .text-blue-300, .text-blue-400, .log-admin, .log-target) { color: #245c9a; }
html[data-theme='light'] .discord-portal :is(.text-purple-300, .text-purple-400) { color: #7043a1; }
html[data-theme='light'] .discord-portal :is(.text-pink-300, .text-pink-400, .detail-value, .heart-pulse, .text-moderator, .text-rank-moderator) { color: #9e356c; }
html[data-theme='light'] .discord-portal :is(.text-green-100, .text-green-300, .text-green-400, .text-green-500, .positive-xp, .text-admin, .text-rank-admin) { color: #176b46; }
html[data-theme='light'] .discord-portal :is(.text-yellow-300, .text-yellow-400, .text-yellow-500, .text-senior-admin, .text-rank-senior-admin) { color: #835514; }
html[data-theme='light'] .discord-portal :is(.text-red-100, .text-red-200, .text-red-300, .text-red-400, .text-red-500, .negative-xp) { color: #ad283c; }
html[data-theme='light'] .discord-portal :is(.btn-success, .btn-move, .success-message, .status-approved, .status-kész, .unban-approved) { color: #176b46; }
html[data-theme='light'] .discord-portal :is(.btn-danger, .btn-ban, .btn-kick, .error-message, .status-rejected, .status-elutasítva, .unban-rejected) { color: #ad283c; }
html[data-theme='light'] .discord-portal :is(.btn-warning, .status-pending, .status-folyamatban, .unban-pending, .type-timeout) { color: #835514; }
html[data-theme='light'] .discord-portal :is(.filter-active, .filter-btn.active, .tab-button.active) { color: #174f89; background: rgba(62,132,207,.14); border-color: rgba(34,101,173,.35); }
html[data-theme='light'] .discord-portal input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='submit']),
html[data-theme='light'] .discord-portal :is(select, textarea) { background: rgba(255,255,255,.57); border-color: rgba(50,79,116,.24); color: var(--light); }
html[data-theme='light'] .discord-portal select option { background: #f4f8fc; color: var(--light); }
html[data-theme='light'] .discord-portal input::placeholder,
html[data-theme='light'] .discord-portal textarea::placeholder { color: #607187; }
html[data-theme='light'] .discord-portal :is(a, button, input, textarea, select, [tabindex]):focus-visible { outline-color: #1767b5; }
html[data-theme='light'] .discord-portal :is(.review-form, .request-details, .comment-display, .tos-text-container) { background: rgba(255,255,255,.38); color: var(--light); }
html[data-theme='light'] .discord-portal table th { background: rgba(222,232,244,.72); }
html[data-theme='light'] .discord-portal table tr:hover td { background: rgba(255,255,255,.4); }
html[data-theme='light'] .discord-portal :is(.top1-card, .top2-card, .top3-card) { background: var(--portal-surface); }
html[data-theme='light'] .discord-portal .log-time { color: var(--portal-muted); }
html[data-theme='light'] .discord-portal :is(.bg-gray-600, .bg-gray-700, .bg-gray-800, [class~='bg-gray-600/50'], [class~='bg-gray-700/30'], [class~='bg-gray-700/50'], [class~='bg-gray-800/30'], [class~='bg-gray-800/40'], [class~='bg-gray-800/50'], [class~='bg-gray-800/70'], [class~='bg-gray-900/50']) { background-color: rgba(221,231,244,.55); }
html[data-theme='light'] .discord-portal :is(.border-gray-500, .border-gray-600, .border-gray-700, [class~='border-gray-600/50']) { border-color: var(--portal-border); }
html[data-theme='light'] .discord-portal :is(.bg-black, [class~='bg-black/40']):not(#tos-modal) { background-color: rgba(205,220,237,.4); }
html[data-theme='light'] .discord-portal :is(.timeout-panel, .disabled-overlay) { background-color: rgba(237,244,252,.96); }
html[data-theme='light'] .discord-portal :is(.modal-overlay, #tos-modal) { background-color: rgba(32,49,72,.4); }
html[data-theme='light'] .discord-portal a.card-glass:hover { background-color: rgba(255,255,255,.8); border-color: #fff; }
/* Solid controls and game surfaces keep their contrasting foregrounds. */
html[data-theme='light'] .discord-portal :is(.btn-discord, .spin-button),
html[data-theme='light'] .discord-portal .portal-navigation a[aria-current='page'],
html[data-theme='light'] .discord-portal :is(.btn-discord, .spin-button) .text-white { color: #fff; }
html[data-theme='light'] .discord-portal :is(.table-felt, .history-dot, .player-chip, .avatar-placeholder, .discord-badge) { color: #fff; }
html[data-theme='light'] .discord-portal .table-felt .text-white { color: #fff; }
html[data-theme='light'] .discord-portal :is(.badge-moderator, .badge-admin, .badge-senior-admin, .badge-user, .status-admin) { color: #192b42; }
html[data-theme='light'] .discord-portal :is(.badge-owner, .badge-super-admin, .status-owner) { color: #fff; }
html[data-theme='light'] .discord-portal .portal-navigation a:not([aria-current='page']) { color: var(--light); }
html[data-theme='light'] .discord-portal :is(.log-details, .mobile-user-info-label) { color: var(--portal-muted); }
html[data-theme='light'] .discord-portal :is(.admin-badge.moderator, .admin-badge.admin, .admin-badge.senior-admin) { color: #192b42; }
html[data-theme='light'] .discord-portal :is(.reel-container, .simp-card-image) { background: rgba(215,229,245,.5); border-color: var(--portal-border); }
html[data-theme='light'] .discord-portal :is(h2, h3).bg-clip-text { background: none; color: #245c9a; -webkit-text-fill-color: currentColor; }
html[data-theme='light'] .discord-portal .nav-glass a.bg-pink-600 { background: rgba(189,75,130,.12); color: #9e356c; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    html .discord-portal :is(.card-glass, .nav-glass, .simp-card, .no-card-message, .admin-form, .modal-box, .result-box) { background: var(--dark); }
    html[data-theme='light'] .discord-portal :is(.card-glass, .nav-glass, .simp-card, .no-card-message, .admin-form, .modal-box, .result-box) { background: var(--dark); }
}
@media (prefers-reduced-transparency: reduce) {
    html .discord-portal :is(.card-glass, .nav-glass, .simp-card, .no-card-message, .admin-form, .modal-box, .result-box),
    html[data-theme='light'] .discord-portal :is(.card-glass, .nav-glass, .simp-card, .no-card-message, .admin-form, .modal-box, .result-box) { background: var(--dark); backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
    .discord-portal *, .discord-portal *::before, .discord-portal *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}