.om-site-footer { width: 100%; margin-top: 24px; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 9px; color: #f7f4ff; font: 500 12px/1.4 Poppins,sans-serif; }
.om-site-footer > a, .om-background-settings > summary { min-height: 38px; padding: 10px 13px; box-sizing: border-box; border-radius: 12px; background: #211c30; color: #eee1ff; }
.om-site-footer > a { text-decoration: underline; text-underline-offset: 3px; }
.om-background-settings { max-width: min(100%, 420px); }
.om-background-settings summary { cursor: pointer; }
.om-background-options { background: #211c30; border-radius: 12px; padding: 10px; margin-top: 4px; display: flex; flex-wrap: wrap; gap: 5px; border: 0; }
.om-background-options label { display: inline-flex; align-items: center; min-height: 36px; gap: 4px; padding: 4px; cursor: pointer; }
.om-background-options input { accent-color: #bf91fa; }
[data-background-status]:not(:empty) { display: block; padding: 7px; border-radius: 8px; background: #211c30; }
.om-background-layer { inset: 0; overflow: hidden; }
.om-generative-background { position: absolute; inset: 0; width: 100%; height: 100%; display: block; opacity: 0; pointer-events: none; }
.om-generative-background.is-ready { opacity: 1; }
[data-om-background="solid"] .om-background-layer { background-image: none !important; background-color: #211c30 !important; }
:is([data-om-background="solid"],[data-om-background="generative"]) .VideoBackground { visibility: hidden; }

body.om-stats-page { margin: 0; background: #120f1d; color: #f7f4ff; font: 400 15px/1.5 system-ui,sans-serif; }
.om-stats-page main { width: min(900px, calc(100% - 32px)); margin: 24px auto 56px; }
.om-stats-page a { color: #dec3ff; }
.om-stats-page h1 { font-size: clamp(28px,7vw,46px); line-height: 1.1; letter-spacing: -.045em; margin: 22px 0 10px; }
.om-stats-page h2 { margin: 0 0 10px; font-size: 22px; }
.om-stats-page p { color: #dbd1e8; margin: 0 0 12px; }
.om-stats-panel { background: #211c30; border: 1px solid #aa8ac649; border-radius: 18px; padding: clamp(13px,3vw,24px); margin-top: 14px; }
.om-stats-panel summary { cursor: pointer; font-weight: 700; }
.om-stats-tiles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 12px 0 16px; }
.om-stats-tile { min-width: 0; background: #2d2440; border-radius: 12px; padding: 11px 10px; color: #e2d3f2; font-size: 12px; }
.om-stats-tile strong { display: block; margin-top: 4px; color: #fff; font-size: clamp(18px,5vw,27px); font-variant-numeric: tabular-nums; }
.om-stats-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; margin-bottom: 10px; }
.om-stats-filters label { display: grid; gap: 5px; font-size: 12px; font-weight: 600; }
.om-stats-filters :is(select,input) { color: #fff; background: #181323; border: 1px solid #a482c576; border-radius: 9px; padding: 9px; font: inherit; min-height: 40px; box-sizing: border-box; }
.om-stats-table { max-height: 450px; overflow: auto; }
.om-stats-table table { width: 100%; border-collapse: collapse; font-size: 13px; }
.om-stats-table th { position: sticky; top: 0; background: #211c30; }
.om-stats-table :is(th,td) { text-align: left; border-bottom: 1px solid #aa8ac632; padding: 8px 5px; }
.om-stats-table :is(th,td):last-child { text-align: right; font-variant-numeric: tabular-nums; }
.om-stats-note { font-size: 12px; }

:is([data-om-background=troll], [data-om-background=chaos]) .om-background-layer { background: #171226 !important; }
:is([data-om-background=troll], [data-om-background=chaos]) .VideoBackground { visibility: hidden; }
.om-background-exit { position: fixed; z-index: 60; right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); min-height: 44px; padding: 8px 13px; border: 1px solid #c7a6ff; border-radius: 12px; background: #211c30; color: #f7efff; cursor: pointer; }
.om-background-exit[hidden] { display: none; }