/* Supplied artwork is never stretched beyond 64 CSS pixels. */
img.badge-art{width:var(--badge-size,32px)!important;height:var(--badge-size,32px)!important;max-width:64px!important;max-height:64px!important;min-width:0!important;object-fit:contain!important;border:0!important;outline:0!important;border-radius:0!important;flex:0 0 auto;background:transparent!important;box-shadow:none!important}
.identity-badge,.identity-badge:is(:hover,:focus,:focus-visible,:active){position:relative;width:44px!important;height:44px!important;padding:6px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;cursor:default}
.identity-badge img.badge-art{cursor:help}
/* Tooltip hover is handled on the image itself, never its padded hit area. */
.identity-badge .badge-tooltip{display:none!important}
.identity-badge:focus-visible::after,.server-awards>span:focus-visible::after,.badge-label-only:focus-visible::after{content:'';position:absolute;bottom:0;left:50%;width:16px;height:2px;transform:translateX(-50%);background:#80b1ff}
.server-awards{display:inline-flex;align-items:center;gap:2px;flex-wrap:wrap;vertical-align:middle;background:transparent!important;border:0!important;box-shadow:none!important}.server-awards[hidden]{display:none!important}.server-awards>span{position:relative;display:inline-flex;align-items:center;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;cursor:default}
:is(.workspace-app,body) :is(.system-role,.member-system-role,.profile-badge,.access-badge):has(img.badge-art){position:relative;display:inline-flex;align-items:center;min-height:0!important;min-width:0!important;padding:0!important;gap:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;font-size:0!important}
.ops-badge-catalog{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.ops-badge-catalog>span{position:relative;min-width:48px!important;flex:0 0 auto!important;outline:0!important}
.ops-badge-catalog>span>small{display:none}
.boost-milestones>span{position:relative;outline:0!important}
.boost-milestones>span>small{display:none}
.badge-tooltip-layer{position:fixed;inset:auto;margin:0;z-index:10000;box-sizing:border-box;width:max-content;max-width:min(280px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:8px 11px;border:1px solid #343434;border-radius:8px;background:#181818;color:#f2f2f2;box-shadow:0 4px 16px #0005;font:12px/1.8 'Baloo Bhaijaan 2',sans-serif;direction:rtl;text-align:start;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
.badge-tooltip-layer[hidden]{display:none!important}
:is(.server-awards,.server-boost-badge,.system-role,.member-system-role,.profile-badge,.access-badge,.select-trigger-value,.select-option) img.badge-art{--badge-size:24px}
.server-name-line{flex-wrap:wrap!important;gap:4px!important}.server-name-line>strong{min-width:0;flex:1;overflow-wrap:anywhere}.server-name-line>.server-awards{flex:none}
.boost-milestones{grid-template-columns:repeat(9,minmax(0,1fr))!important;overflow:visible!important;gap:12px!important}.boost-milestones span{min-width:0!important;justify-items:center;color:#c7d8f6!important}.boost-milestones img.badge-art{--badge-size:clamp(32px,4vw,64px)}
.nitro-hero h1 img.badge-art{--badge-size:64px;vertical-align:middle}.nitro-nav img.badge-art,.nitro-section h2 img.badge-art{vertical-align:middle}.nitro-button img.badge-art{--badge-size:24px}.nitro-feature img.badge-art{--badge-size:40px}.nitro-room>img.badge-art{--badge-size:40px}
/* Top-layer menus must beat the legacy global blue button rule. */
div.select-popover{padding:6px!important;border:1px solid #343434!important;border-radius:14px!important;background:#111!important;color:#fff!important;box-shadow:0 16px 40px #0008!important;gap:4px!important;scrollbar-width:thin;scrollbar-color:#0060ff #181818;overscroll-behavior:contain}
.select-popover button.select-option{display:flex!important;align-items:center;gap:10px!important;width:100%!important;min-height:44px!important;padding:9px 12px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#d6dce7!important;box-shadow:none!important;font:500 14px/1.6 'Baloo Bhaijaan 2',sans-serif!important;text-align:start!important;white-space:normal!important;transition:background-color .15s,color .15s}
.select-popover button.select-option[aria-selected="true"]{background:#102549!important;color:#b9d4ff!important;border-color:#25477d!important}
.select-popover button.select-option:is(:hover,:focus-visible){background:#0060ff!important;color:#fff!important;border-color:#3380ff!important;outline:2px solid #80b1ff;outline-offset:-2px}
.select-popover button.select-option:disabled{opacity:.4!important;cursor:not-allowed;background:transparent!important}
.select-popover .select-option>span{flex:1;min-width:0;white-space:normal!important;overflow-wrap:anywhere}.select-option .selected-mark{margin-inline-start:auto}.select-option .selected-mark[hidden]{display:none!important}
.select-popover::-webkit-scrollbar{width:7px}.select-popover::-webkit-scrollbar-track{background:#181818;border-radius:8px}.select-popover::-webkit-scrollbar-thumb{background:#0060ff;border:1px solid #181818;border-radius:8px}
button.select-trigger{min-height:44px!important;border-radius:10px!important;background:#111!important;border:1px solid #343434!important;color:#f5f5f5!important;box-shadow:none!important;gap:10px!important;padding:9px 12px!important}
button.select-trigger:is(:hover,[aria-expanded="true"]){border-color:#0060ff!important;background:#141b28!important}.select-trigger-value{min-width:0;display:flex!important;align-items:center;gap:8px!important}.select-trigger-value b{white-space:normal!important;font-size:14px!important;text-align:start}.select-trigger-value .option-image{--badge-size:24px}
@media(max-width:700px){.boost-milestones{grid-template-columns:repeat(3,minmax(0,1fr))!important}.boost-milestones img.badge-art{--badge-size:48px}.badge-tooltip{max-width:170px;white-space:normal;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.select-popover button.select-option{transition:none}}
.workspace-server img.rail-server-award{--badge-size:16px;position:absolute;left:-2px;bottom:-2px;z-index:2;background:transparent!important;border-radius:0!important}
.release-banner{position:fixed;z-index:85;bottom:calc(22px + env(safe-area-inset-bottom));left:22px;display:flex;align-items:center;gap:14px;max-width:min(620px,calc(100vw - 120px));padding:14px 16px;border:1px solid #28528e;border-radius:16px;background:#101b2c;color:#fff;box-shadow:0 8px 32px #0007;font-family:'Baloo Bhaijaan 2',sans-serif;flex-wrap:wrap}.release-banner[hidden]{display:none!important}.release-symbol{width:36px;height:36px;display:grid;place-items:center;color:#80b1ff;flex:none}.release-banner>div{flex:1;min-width:90px}.release-banner strong{display:block;font-size:14px;overflow-wrap:anywhere}.release-banner small{color:#9dbceb;font-size:11px}.release-banner button{font:inherit;cursor:pointer;border-radius:10px;min-height:44px;padding:10px 14px;border:1px solid #3868ae;background:#0060ff;color:white}.release-banner button.release-dismiss{background:transparent;border-color:#3b4f6f;width:44px;padding:4px;font-size:24px}.release-banner .release-status{flex-basis:100%;color:#ffc0cb;font-size:13px}.release-banner .release-status:empty{display:none}
dialog.release-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(620px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);overflow:auto;margin:auto;border:1px solid #3a3a3a;border-radius:20px;padding:28px;background:#111!important;color:#f5f5f5;font:14px/1.9 'Baloo Bhaijaan 2',sans-serif;text-align:start;scrollbar-width:thin;scrollbar-color:#0060ff #181818}dialog.release-dialog::backdrop{background:#000b}.release-dialog>form{margin:0;display:block!important}.release-dialog .release-close{display:block;margin-inline-start:auto;background:#222!important;border:1px solid #373737!important;border-radius:10px!important;color:white!important;min-width:44px;min-height:44px;font:24px/1 sans-serif;cursor:pointer;padding:8px!important}.release-dialog .release-eyebrow{color:#80b1ff;margin:6px 0}.release-dialog h2{font-size:clamp(22px,4vw,30px);line-height:1.5;margin:10px 0;overflow-wrap:anywhere}.release-dialog small{color:#a5b4cc}.release-body{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px 0;line-height:2.1}.release-dialog .release-ack{min-height:44px;border:0;border-radius:10px;background:#0060ff!important;color:white!important;padding:10px 24px;font:inherit;cursor:pointer}.release-dialog .release-status{color:#ffc0cb}.release-dialog :focus-visible,.release-banner :focus-visible{outline:2px solid #80b1ff;outline-offset:3px}.release-dialog button:disabled,.release-banner button:disabled{opacity:.5;cursor:wait}
@media(max-width:700px){.release-banner{left:12px;right:12px;max-width:none;bottom:calc(80px + env(safe-area-inset-bottom));gap:8px;padding:12px}.release-banner .release-open{font-size:12px;padding:8px 10px}.release-banner .release-symbol{display:none}dialog.release-dialog{padding:20px}.release-dialog .release-body{font-size:16px}}
