.news-widget { border:1px solid var(--line); background:rgba(12,17,22,.65); padding:14px; }
.news-widget__head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; }
.news-widget__head h2 { margin:0; font-size:13px; letter-spacing:.12em; text-transform:uppercase; }
.news-widget__head a,.news-history { font-size:11px; color:var(--text-dim); }
.news-teaser { display:block; width:100%; border:0; border-bottom:1px solid var(--line); padding:13px 0; background:none; color:inherit; text-align:left; cursor:pointer; }
.news-teaser:hover strong { color:var(--radiant); }
.news-teaser strong { display:block; margin:8px 0 5px; font-size:13px; line-height:1.5; font-weight:500; overflow-wrap:anywhere; transition:color .15s; }
.news-teaser time,.news-article time,.news-admin-entry time { display:block; font-size:11px; color:var(--text-dim); margin-top:7px; }
.news-tag { display:inline-block; border-radius:4px; padding:3px 7px; font-size:9px; font-weight:700; letter-spacing:.07em; line-height:1.4; background:#3a3f46; color:#c5cad0; vertical-align:middle; }
.news-tag--news { color:#ffb46d; background:#e9892024; }
.news-tag--important { color:#ff8787; background:#ef444426; }
.news-tag--note { color:#b3bac4; background:#9099a623; }
.news-tag--update { color:#8bbdff; background:#559aff24; }
.news-tag--event { color:#c8a2ff; background:#ab79ff24; }
.news-tag--new { color:#ffda91; background:#d7942922; border:1px solid #dba54255; box-shadow:0 0 8px #e9a33116; animation:news-new-glow 3s ease-in-out infinite; }
@keyframes news-new-glow { 50% { box-shadow:0 0 11px #e9a33140; border-color:#dba54299; } }
.news-widget__list { max-height:clamp(300px,55vh,620px); overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:#8b6a33 #101114; scrollbar-gutter:stable; padding-right:8px; }
.news-widget__list::-webkit-scrollbar { width:6px; }
.news-widget__list::-webkit-scrollbar-track { background:#101114; border-radius:4px; }
.news-widget__list::-webkit-scrollbar-thumb { border:1px solid #171717; background:linear-gradient(#b99754,#69502a); border-radius:4px; }
.news-widget__list::-webkit-scrollbar-thumb:hover { background:#c6a56a; }
.news-teaser__text { display:block; color:var(--text-dim); font-size:12px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.news-teaser__read { display:block; font-size:10px; color:var(--radiant); margin-top:7px; }
.news-load-more { display:block; width:100%; padding:12px 4px; color:var(--radiant); background:none; border:0; font-size:11px; cursor:pointer; }
.news-load-more[hidden] { display:none; }
@media(prefers-reduced-motion:reduce) { .news-tag--new { animation:none; } }
.news-history { display:inline-block; margin-top:13px; }
.news-socials { display:flex; flex-wrap:wrap; gap:8px 14px; margin:13px 3px; }
.news-socials a { color:var(--text-dim); font-size:11px; }
.news-socials a:hover { color:var(--radiant); }
.news-archive { max-width:900px; display:grid; gap:18px; margin-bottom:18px; }
.news-article { padding:22px; border:1px solid var(--line); background:rgba(16,21,27,.7); border-radius:6px; overflow-wrap:anywhere; }
.news-article h2 { margin:15px 0; font-size:20px; line-height:1.4; }
.news-body { white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.8; margin:12px 0; color:var(--text); }
.news-body blockquote { border-left:2px solid #eea35a; background:#e989200a; padding:8px 14px; margin:8px 0; color:var(--text-dim); }
.news-body code { background:#ffffff0b; padding:2px 5px; border-radius:3px; font-family:monospace; }
.news-body a { color:#8bbdff; text-decoration:underline; }
.news-admin-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr); gap:20px; align-items:start; }
.news-admin-grid h2 { margin-bottom:18px; }
.news-compose { border:1px solid var(--line); border-radius:6px; overflow:hidden; }
.news-toolbar { display:flex; flex-wrap:wrap; gap:4px; padding:8px; border-bottom:1px solid var(--line); background:#ffffff04; }
.news-toolbar button,.news-toolbar label,.news-emojis button { display:inline-flex; align-items:center; justify-content:center; min-width:32px; height:32px; border:0; border-radius:4px; background:none; color:var(--text); cursor:pointer; font-size:15px; }
.news-toolbar button:hover,.news-toolbar label:hover,.news-emojis button:hover { background:#ffffff10; }
.news-toolbar label { gap:3px; }
.news-toolbar input[type=color] { width:20px; height:24px; padding:0; border:0; background:none; cursor:pointer; }
.news-textarea { display:block; width:100%; border:0; border-radius:0; resize:vertical; min-height:180px; padding:14px; font:inherit; line-height:1.7; }
.news-emojis { display:flex; flex-wrap:wrap; padding:8px; border-bottom:1px solid var(--line); }
.news-emojis[hidden] { display:none; }
.news-preview { padding:12px; background:#ffffff03; border:1px solid var(--line); border-radius:5px; }
.news-preview summary { cursor:pointer; color:var(--text-dim); font-size:12px; }
.news-preview .news-body { min-height:30px; }
.news-social-edit { display:grid; grid-template-columns:1fr auto; gap:6px; }
.news-social-edit [data-label] { grid-column:1/-1; }
.news-admin-history { margin-top:24px; }
.news-admin-entry { display:flex; justify-content:space-between; gap:16px; align-items:center; border-bottom:1px solid var(--line); padding:16px 0; }
.news-admin-entry b { display:block; margin-top:7px; overflow-wrap:anywhere; }
@media(max-width:1100px) { .news-admin-grid { grid-template-columns:1fr; } }
@media(max-width:1000px) { .sidebar { display:flex; grid-row:auto; padding:14px; } .sidebar::before,.sidebar__player { display:none; } #sidebar-news { width:100%; } .news-widget { padding:12px; } .news-teaser { padding:10px 0; } }
@media(max-width:600px) { .news-admin-entry { align-items:flex-start; flex-direction:column; } .news-article { padding:16px; } }

@media(max-width:1000px) { #app { grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto; } .titlebar,.titlebar .nav,.sidebar,.view { min-width:0; } .titlebar .nav { overflow-x:auto; } .sidebar { grid-row:3; max-height:260px; } .view { grid-row:2; } }

#sidebar-player { position: relative; }
.mini-preview { display:none; position:fixed; left:290px; top:100px; width:390px; max-width:calc(100vw - 32px); max-height:75vh; overflow:auto; z-index:1000; box-shadow:0 18px 60px #000a; }
#sidebar-player:hover .mini-preview, #sidebar-player:focus-within .mini-preview { display:block; }
.mini-preview .profile-banner { min-height:90px; }
@media(max-width:800px) { .mini-preview { left:16px; top:80px; } }

.player-link-preview { position:fixed; width:390px; max-width:calc(100vw - 16px); max-height:calc(100vh - 16px); overflow:auto; z-index:2000; box-shadow:0 18px 60px #000a; }
.player-link-preview[hidden] { display:none !important; }
.player-link-preview .profile-banner { min-height:90px; }

.hero-trial__daily { display:flex; gap:16px; align-items:center; padding:16px; margin:16px 0; border:1px solid #bd9b50; border-radius:12px; background:#bd9b5012; }
.hero-trial__daily .hero-ico { width:100px; height:auto; }
.hero-trial__roster .is-daily { outline:2px solid #bd9b50; border-radius:8px; }
.hero-trial__roster .is-daily small { font-size:10px; }

.site-footer { padding:20px 24px; color:var(--muted,#9b98a5); font-size:12px; text-align:center; }
.site-footer p { max-width:900px; margin:10px auto 0; line-height:1.6; }
.ticket-row { display:flex; flex-direction:column; align-items:flex-start; width:100%; text-align:left; margin-top:10px; white-space:normal; overflow-wrap:anywhere; }
.ticket-row[hidden] { display:none; }

body { display:flex; flex-direction:column; min-height:0; }
#app { flex:1 1 0; min-height:0; height:auto; }
.site-footer { flex:0 0 auto; background:var(--bg-0,#08090b); border-top:1px solid var(--line,#ffffff15); }
@media(max-width:600px) { .site-footer { padding:10px 12px; font-size:10px; } }

/* Public match reports */
.pm-card { overflow:hidden; }
.pm-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.pm-heading .eyebrow { font-size:10px; letter-spacing:.14em; color:var(--text-faint,#8b8e94); }
.pm-heading h2 { margin:5px 0 0; }
.pm-count { color:var(--text-dim,#a5a8af); font-size:12px; white-space:nowrap; border:1px solid var(--line,#ffffff14); padding:5px 10px; border-radius:20px; }
.pm-row { display:grid; grid-template-columns:minmax(210px,1fr) minmax(180px,1.3fr) 62px 112px; align-items:center; gap:20px; padding:17px 0; border-top:1px solid var(--line,#ffffff12); }
.pm-hero { display:flex; align-items:center; gap:12px; min-width:0; }
.pm-hero>div { min-width:0; }
.pm-hero b { display:block; font-size:13px; }
.pm-hero small { display:block; margin-top:4px; color:var(--text-faint,#8b8e94); font-size:11px; }
.pm-portrait { display:block; width:62px; height:38px; object-fit:cover; border-radius:6px; flex-shrink:0; border:1px solid #ffffff12; }
.pm-placeholder { display:grid; place-items:center; background:#ffffff06; color:#8b8e94; }
.pm-outcome { min-width:0; }
.pm-status { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:600; color:#9c9fa6; }
.pm-status i { width:5px; height:5px; border-radius:50%; background:currentColor; }
.pm-status--ok { color:#84c6a7; }.pm-status--bad { color:#d18c8c; }.pm-status--waiting { color:#d7b87b; }
.pm-outcome p { margin:5px 0 0; color:var(--text-faint,#8b8e94); font-size:11px; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pm-xp { text-align:right; font-size:15px; font-weight:600; color:var(--text-faint,#8b8e94); }
.pm-xp--earned { color:#d7bd88; }.pm-xp small { display:block; font-size:9px; letter-spacing:.1em; margin-top:2px; font-weight:400; }
.pm-report.btn { justify-self:end; white-space:nowrap; text-transform:none; font-size:11px; border-radius:7px; padding:8px 11px; background:#ffffff04; border:1px solid #ffffff16; box-shadow:none; }
.pm-report span { margin-left:8px; color:#c9b27d; }
.pm-more.btn { display:block; width:100%; margin-top:12px; font-size:12px; text-transform:none; }
@media(max-width:1150px) { .pm-row { grid-template-columns:minmax(180px,1fr) minmax(120px,1fr) 45px; gap:12px; }.pm-report.btn { grid-column:2/4; }.pm-outcome p { white-space:normal; } }
@media(max-width:600px) { .pm-row { grid-template-columns:minmax(0,1fr) auto; gap:12px; }.pm-hero { grid-column:1; }.pm-xp { grid-column:2; grid-row:auto; }.pm-outcome { grid-column:1; grid-row:2; }.pm-report.btn { grid-column:2; grid-row:2; }.pm-portrait { width:48px; height:32px; }.pm-heading { align-items:flex-start; }.pm-count { font-size:10px; } }

/* Compact header navigation */
.titlebar { overflow:visible; }
.titlebar .nav { overflow:visible; flex-wrap:nowrap; height:100%; order:0; flex:1 1 auto; }
.titlebar .nav>a { padding:0 16px; font-size:12px; letter-spacing:.04em; }
.titlebar .nav a[hidden] { display:none !important; }
.nav-toggle { display:none; }
.nav-more { position:relative; margin-left:auto; align-self:stretch; }
.nav-more summary { display:flex; align-items:center; gap:10px; height:100%; padding:0 18px; cursor:pointer; list-style:none; color:var(--text-dim,#aaa); font-size:12px; }
.nav-more summary::-webkit-details-marker { display:none; }
.nav-more[open] summary,.nav-more.has-active summary { color:var(--gold,#d7bd88); background:#ffffff06; }
.nav-dropdown { position:absolute; right:0; top:calc(100% + 8px); width:255px; padding:8px; border:1px solid #ffffff18; border-radius:12px; background:#181b21; box-shadow:0 18px 50px #0009; max-height:calc(100dvh - 100px); overflow-y:auto; z-index:100; }
.titlebar .nav-dropdown a { min-height:40px; padding:10px 12px; border-radius:6px; letter-spacing:.02em; text-transform:none; font-size:13px; white-space:normal; }
.titlebar .nav-dropdown a::before { display:none; }
.titlebar .nav-dropdown a.is-active { background:#d7bd8814; }
.titlebar .nav-dropdown .nav-plus { margin:6px 0 0; }
.nav-more summary:focus-visible,.nav-toggle:focus-visible { outline:2px solid #d7bd88; outline-offset:-3px; }
@media(max-width:1100px) {
 .titlebar { flex-wrap:nowrap; height:60px; padding:0 14px; gap:10px; }
 .titlebar__brand { height:100%; font-size:12px; padding-right:10px; border:0; margin:0; }
 .nav-toggle { display:flex; align-items:center; gap:8px; margin-left:auto; padding:9px 12px; color:var(--text,#eee); background:#ffffff06; border:1px solid #ffffff18; border-radius:7px; cursor:pointer; }
 .titlebar .nav { display:none; position:absolute; top:calc(100% + 1px); left:8px; right:8px; height:auto; max-height:calc(100dvh - 90px); overflow:auto; padding:10px; border:1px solid #ffffff18; border-radius:0 0 12px 12px; background:#181b21; box-shadow:0 18px 50px #0009; }
 .titlebar .nav.is-open { display:flex; flex-direction:column; }
 .titlebar .nav>a,.titlebar .nav-dropdown a { min-height:42px; padding:12px; font-size:13px; text-transform:none; letter-spacing:.02em; border-radius:6px; }
 .titlebar .nav a::before { display:none; }
 .nav-more { margin:0; }
 .nav-more summary { display:none; }
 .nav-dropdown { position:static; width:auto; max-height:none; border:0; border-top:1px solid #ffffff12; border-radius:0; box-shadow:none; padding:6px 0 0; margin-top:6px; overflow:visible; }
 #titlebar-user { margin-left:0; padding:0; }
 #titlebar-user .btn { font-size:11px; padding:8px; }
}
@media(max-width:420px) { .titlebar__brand { font-size:10px; gap:8px; padding-right:0; }.titlebar__brand .logo { width:22px; height:26px; }.brand-subtitle { font-size:6px; }.nav-toggle { padding:8px; }.nav-toggle span { display:none; } }

/* Visible primary Plus and overflow controls */
.titlebar .nav>.nav-plus { align-self:center; height:36px; margin:0 12px; padding:0 16px; border:1px solid #d6b46c !important; border-radius:7px; background:linear-gradient(135deg,#d6b46c22,#b18b4312) !important; color:#f1d394 !important; font-size:11px; letter-spacing:.04em; box-shadow:inset 0 1px 0 #ffe4a318; }
.titlebar .nav>.nav-plus:hover { background:#d6b46c30 !important; border-color:#f1d394 !important; }
.titlebar .nav>.nav-plus::before { display:none; }
.nav-more { display:flex; align-items:center; }
.nav-more summary { height:36px; padding:0 13px; border:1px solid #ffffff35; border-radius:7px; background:#ffffff0a; color:#e0e1e5; font-weight:600; gap:9px; white-space:nowrap; transition:background .15s,border-color .15s; }
.nav-more summary:hover { background:#ffffff14; border-color:#d6b46c88; }
.nav-more[open] summary,.nav-more.has-active summary { background:#d6b46c18; border-color:#d6b46c99; color:#f1d394; }
.nav-more-icon { color:#d6b46c; font-size:13px; }
.nav-more-chevron { font-size:15px; transition:transform .15s; }
.nav-more[open] .nav-more-chevron { transform:rotate(180deg); }
.nav-more .nav-dropdown { top:calc(100% + 8px); }
@media(min-width:1101px) and (max-width:1350px) { .titlebar .nav>a { padding:0 10px; font-size:11px; }.titlebar__brand { padding-right:16px; gap:10px; font-size:13px; }.titlebar .nav>.nav-plus { margin:0 8px; padding:0 12px; }.nav-more summary { font-size:11px; padding:0 10px; } }
@media(max-width:1100px) { .titlebar .nav>.nav-plus { align-self:stretch; margin:6px 0; justify-content:center; height:42px; }.nav-more { display:block; }.nav-more summary { display:none; }.nav-toggle { background:#d6b46c16; border-color:#d6b46c88; color:#f1d394; font-weight:600; } }

.nav-more:not([open]) .nav-dropdown { display:none; }

.custom-badge { display:inline-flex; align-items:center; gap:5px; text-transform:uppercase; letter-spacing:.06em; font-weight:600; padding:4px 9px; }.custom-badge-icon { width:16px; height:16px; object-fit:contain; }.custom-badge-editor { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }

.notification-center { position:relative; display:flex; align-items:center; flex-shrink:0; margin:0 8px; }
.notification-center[hidden],.notification-panel[hidden],.notification-count[hidden] { display:none !important; }
.notification-bell { position:relative; display:grid; place-items:center; width:38px; height:38px; color:#d8d9df; border:1px solid #ffffff24; border-radius:8px; background:#ffffff07; cursor:pointer; }
.notification-bell:hover,.notification-bell[aria-expanded=true] { border-color:#d6b46c88; color:#f0cf84; background:#d6b46c13; }
.notification-count { position:absolute; right:-6px; top:-6px; padding:1px 5px; min-width:18px; border-radius:12px; font-size:10px; font-weight:700; color:#fff; background:#a83f39; border:2px solid #181b21; }
.notification-panel { position:absolute; top:calc(100% + 14px); right:0; z-index:120; width:340px; max-width:calc(100vw - 24px); max-height:65vh; overflow:auto; background:#181b21; border:1px solid #ffffff24; border-radius:12px; box-shadow:0 18px 50px #0009; padding:16px; }
.notification-panel h3 { margin-bottom:12px; font-size:15px; }
.titlebar .nav .notification-item { display:flex; flex-direction:column; align-items:flex-start; gap:5px; padding:12px; height:auto; min-height:0; text-transform:none; white-space:normal; letter-spacing:normal; font-family:inherit; border-radius:7px; border-bottom:1px solid #ffffff0a; }
.titlebar .nav .notification-item::before { display:none; }
.notification-item b { font-size:12px; }.notification-item span { font-size:12px; color:#a5a8af; }.notification-item small { font-size:10px; color:#81858e; }
.notification-item.is-unread { background:#d6b46c0b; }
@media(max-width:1100px){ .notification-center { margin:8px 12px; align-self:flex-start; }.notification-panel { position:fixed; top:80px; left:12px; right:auto; max-height:65vh; } }

.report-build { margin-top:16px; padding:16px; background:#ffffff03; border:1px solid #ffffff12; border-radius:10px; }
.report-build-heading { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; margin-bottom:14px; }
.report-build-heading h4 { font-size:13px; }
.report-build-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.report-build-item { min-width:0; text-align:center; }
.report-build-image { position:relative; border:1px solid #ffffff1c; border-radius:6px; overflow:hidden; background:#111; }
.report-build-image img { display:block; width:100%; aspect-ratio:1.35; object-fit:cover; }
.report-build-image b { position:absolute; right:3px; bottom:3px; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; color:#fff; background:#2d7053; font-size:16px; box-shadow:0 2px 8px #0009; }
.is-missing .report-build-image { border-color:#b9636388; }.is-missing .report-build-image img { opacity:.45; filter:grayscale(.6); }.is-missing .report-build-image b { background:#9a4141; }
.is-unknown .report-build-image b { background:#80663b; }.is-present .report-build-image { border-color:#68b88a88; }
.report-build-item small { display:block; font-size:10px; margin-top:6px; line-height:1.4; overflow-wrap:anywhere; color:#aaaeb7; }
.report-build>p { font-size:11px; margin-top:12px; }
@media(max-width:600px){.report-build-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.report-build { padding:12px; }}

.report-inventory { display:flex; flex-wrap:wrap; gap:12px; margin-top:12px; }
.report-inventory>div { width:76px; text-align:center; }
.report-inventory img { width:76px; height:56px; object-fit:cover; border-radius:6px; border:1px solid #ffffff22; }
.report-inventory small { display:block; font-size:10px; line-height:1.4; margin-top:5px; color:#aaaeb7; overflow-wrap:anywhere; }

.player-link-preview.card,.mini-preview.card { padding:0; width:360px; border:1px solid #ffffff21; border-radius:14px; background:#171a20; box-shadow:0 22px 80px #000b; overflow:auto; }
.mp-cover { height:90px; background:radial-gradient(ellipse at 75% 0,#6b573f66,transparent 65%),linear-gradient(135deg,#252a34,#13161c); background-size:cover; background-position:center; position:relative; }
.mp-cover::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent,#171a2044); pointer-events:none; }
.mp-content { padding:0 18px 18px; }
.mp-identity { display:flex; gap:12px; align-items:flex-end; margin-top:-26px; position:relative; }
.mp-identity .avatar { width:66px; height:66px; border:3px solid #171a20; border-radius:12px; flex-shrink:0; background:#252a34; }
.mp-name { padding-bottom:3px; min-width:0; display:flex; flex-wrap:wrap; gap:5px; align-items:center; font-size:15px; line-height:1.4; overflow-wrap:anywhere; }
.mp-name .profile-title { flex-basis:100%; margin:0; font-size:11px; }.mp-name .custom-badge { font-size:9px !important; padding:2px 5px; }
.mp-presence { position:absolute; top:12px; right:12px; z-index:1; display:flex; align-items:center; gap:6px; border-radius:20px; padding:4px 8px; background:#111a; color:#bbb; font-size:10px; }
.mp-presence i { width:5px; height:5px; border-radius:50%; background:#8c9099; }.mp-presence.is-online i { background:#79c79b; }
.mp-badges { display:flex; flex-wrap:wrap; gap:5px; margin-top:12px; }.mp-badges:empty { display:none; }
.mp-experience { padding:14px 0; border-bottom:1px solid #ffffff0c; }.mp-experience>small { display:block; margin-top:7px; color:#888f9d; font-size:10px; }
.mp-section { margin-top:16px; }.mp-label { font-size:10px; letter-spacing:.1em; color:#c5b18c; margin-bottom:10px; display:flex; justify-content:space-between; gap:8px; }.mp-label small { font-size:9px; letter-spacing:0; color:#777f8e; }
.mp-heroes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }.mp-heroes>div { overflow:hidden; border:1px solid #ffffff0e; border-radius:7px; padding-bottom:7px; background:#ffffff02; }.mp-heroes img,.mp-no-hero { display:block; width:100%; aspect-ratio:1.75; object-fit:cover; }.mp-heroes b,.mp-heroes small { display:block; margin:6px 6px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }.mp-heroes small { font-size:9px; color:#8c94a2; }
.mp-current { border:1px solid #ffffff0e; padding:10px; border-radius:7px; margin-top:8px; }.mp-current>b,.mp-current>small { display:block; font-size:12px; }.mp-current>small { font-size:10px; color:#969ca8; margin-top:4px; }
.mp-items { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; margin-top:10px; }.mp-items img { width:100%; aspect-ratio:1.35; object-fit:cover; border-radius:4px; border:1px solid #ffffff12; }
.mp-open.btn { display:flex; justify-content:space-between; width:100%; margin-top:16px; text-transform:none; font-size:12px; border-radius:7px; }.mp-loading { padding:20px; color:#8c94a2; }

.plus-example-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
.plus-example-tabs .btn { text-transform:none; }
.plus-example-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.plus-sample { --sample-a:#cfac64; --sample-b:#67502b; border:1px solid #ffffff1c; border-radius:14px; overflow:hidden; background:#15181e; height:100%; }
.plus-sample--aurora { --sample-a:#bb9bea; --sample-b:#47b9bd; }.plus-sample--emerald { --sample-a:#8bdaac; --sample-b:#2e745c; }.plus-sample--plain { --sample-a:#8a929f; --sample-b:#424954; }
.plus-sample-banner { height:115px; position:relative; overflow:hidden; background:radial-gradient(ellipse at 80% 25%,var(--sample-b),transparent 70%),linear-gradient(125deg,#1a1e29,var(--sample-b)); }
.plus-sample-banner>span { position:absolute; top:16px; left:18px; font-size:9px; letter-spacing:.15em; color:#ffffff99; z-index:1; }
.plus-sample-banner>i { position:absolute; width:180px; height:180px; right:40px; top:-35px; transform:rotate(35deg); border:1px solid var(--sample-a); opacity:.25; box-shadow:0 0 0 25px #ffffff05,0 0 0 50px #ffffff03; }
.plus-sample--plain .plus-sample-banner { background:linear-gradient(120deg,#252a32,#1b1e25); }
.plus-sample-body { padding:0 22px 24px; position:relative; }
.plus-sample-avatar { display:grid; place-items:center; width:64px; height:64px; border-radius:12px; margin-top:-30px; margin-bottom:14px; border:2px solid var(--sample-a); background:#1e222b; color:var(--sample-a); font-size:32px; box-shadow:0 0 0 4px #15181e; }
.plus-sample-identity { display:flex; flex-wrap:wrap; align-items:center; gap:10px; min-height:30px; }.plus-sample-identity>b { font-size:19px; }.plus-sample-nick { background:linear-gradient(90deg,var(--sample-a),#f0f1f4,var(--sample-a)); background-clip:text; -webkit-background-clip:text; color:transparent; }
.plus-sample-title { font-size:12px; color:#9ba1ac; margin:6px 0 20px; }
.plus-sample-level { display:flex; justify-content:space-between; font-size:11px; color:var(--sample-a); }.plus-sample-level small { color:#858c99; }
.plus-sample-track { height:5px; border-radius:5px; background:#ffffff09; margin:9px 0 18px; overflow:hidden; }.plus-sample-track i { display:block; width:40%; height:100%; background:linear-gradient(90deg,var(--sample-b),var(--sample-a)); }
.plus-sample-achievements { display:flex; gap:7px; flex-wrap:wrap; }.plus-sample-achievements span { border:1px solid #ffffff14; padding:4px 7px; border-radius:5px; color:#b0a995; font-size:10px; }
.plus-examples-note { margin-top:16px; font-size:11px; line-height:1.7; }
.plus-example-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:24px; }.plus-example-details b { font-size:13px; color:#d1bd98; }.plus-example-details p { margin-top:8px; font-size:12px; color:#9098a7; line-height:1.7; }
@media(max-width:700px) { .plus-example-compare,.plus-example-details { grid-template-columns:1fr; }.plus-sample-banner { height:95px; } }

.audit-search { display:grid; grid-template-columns:1fr 2fr 1fr auto; gap:12px; align-items:end; }.audit-facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin:16px 0; }.audit-facts>div { padding:12px; border:1px solid #ffffff12; border-radius:8px; }.audit-facts small,.audit-facts b { display:block; }.audit-facts small { color:#8e96a4; font-size:10px; margin-bottom:6px; }.audit-facts b { font-size:12px; }.audit-json { white-space:pre-wrap; overflow-wrap:anywhere; font-size:11px; padding:12px; }@media(max-width:800px){.audit-search {grid-template-columns:1fr;}}

.audit-match-row.btn { display:grid; width:100%; grid-template-columns:minmax(0,1fr) auto; gap:7px 20px; margin-top:10px; padding:16px; text-align:left; white-space:normal; text-transform:none; letter-spacing:normal; border:1px solid #ffffff18; border-radius:9px; background:#ffffff03; }
.audit-match-row>b,.audit-match-row>span,.audit-match-row>small { grid-column:1; display:block; overflow-wrap:anywhere; }
.audit-match-row>b { font-size:13px; color:#e0e2e7; }.audit-match-row>span { font-size:11px; color:#acb1bc; }.audit-match-row>small { font-size:10px; color:#858e9e; line-height:1.6; }
.audit-match-row>em { grid-column:2; grid-row:1/4; align-self:center; font-size:11px; font-style:normal; color:#d8be87; white-space:nowrap; }
.audit-match-row:hover { background:#d8be8709; border-color:#d8be8755; }
.audit-section-heading { margin:24px 0 12px; padding-bottom:10px; border-bottom:1px solid #ffffff14; font-size:14px; }
.modal--wide .audit-facts { margin-top:18px; }
@media(max-width:600px){.audit-match-row.btn {grid-template-columns:1fr;}.audit-match-row>em {grid-column:1;grid-row:auto;}}

.notification-center--admin { margin-left:0; }.notification-center--admin .notification-bell { color:#d9bd87; border-color:#b596554d; }.notification-center--admin .notification-count { background:#986b25; }