html.pixl-compat-open,html.pixl-compat-open body{overflow:hidden!important}
.pixl-compat-settings-row{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit;min-height:76px!important}
.pixl-compat-settings-row>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.pixl-compat-settings-row>div>strong{font-size:15px}.pixl-compat-settings-row>div>span{font-size:11px;opacity:.66;line-height:1.35}
.pixl-compat-settings-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:0 0 42px;background:color-mix(in srgb,var(--pixl-theme,#58a9ff) 16%,transparent);border:1px solid color-mix(in srgb,var(--pixl-theme,#58a9ff) 42%,transparent);color:var(--pixl-theme-2,#7cc7ff);font-size:18px}.pixl-compat-settings-arrow{font-size:26px;opacity:.42;margin-left:auto}
.pixl-compat-overlay,.pixl-compat-overlay *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.pixl-compat-overlay{--cc-accent:var(--pixl-theme,#5da9ff);--cc-accent2:var(--pixl-theme-2,#82d8ff);--cc-rgb:var(--pixl-theme-rgb,93,169,255);--cc-ink:#f8fbff;--cc-bg:#070a11;--cc-surface:#0d121d;--cc-card:#111827;--cc-line:rgba(255,255,255,.10);--cc-muted:#929caf;position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.72);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .14s ease;color:var(--cc-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif}
.pixl-compat-overlay.is-open{opacity:1}.pixl-compat-shell{width:min(100%,760px);height:min(96dvh,980px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;background:linear-gradient(180deg,color-mix(in srgb,var(--cc-accent) 5%,var(--cc-surface)),var(--cc-bg) 32%);border:1px solid var(--cc-line);border-bottom:0;border-radius:28px 28px 0 0;box-shadow:0 -24px 70px rgba(0,0,0,.48);padding:14px 16px max(24px,env(safe-area-inset-bottom))}.pixl-compat-shell::-webkit-scrollbar{display:none;width:0;height:0}
.pixl-compat-header{display:flex;align-items:flex-start;gap:14px;padding:3px 0 12px}.pixl-compat-heading{flex:1;min-width:0}.pixl-compat-kicker{display:block;color:var(--cc-accent2);font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}.pixl-compat-heading h1{margin:7px 0 5px;font-size:34px;line-height:.96;letter-spacing:-.05em}.pixl-compat-heading p{margin:0;color:var(--cc-muted);font-size:12px;line-height:1.4;max-width:500px}.pixl-compat-close{width:46px;height:46px;flex:0 0 46px;border-radius:16px;border:1px solid var(--cc-line);background:rgba(255,255,255,.05);color:var(--cc-ink);font-size:29px;line-height:1}
.pixl-compat-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 12px}.pixl-compat-summary>div{padding:11px 12px;border:1px solid var(--cc-line);background:rgba(255,255,255,.035);border-radius:15px}.pixl-compat-summary strong{display:block;font-size:23px;letter-spacing:-.04em}.pixl-compat-summary span{display:block;margin-top:2px;color:var(--cc-muted);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.10em}
.pixl-compat-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:4px;border:1px solid var(--cc-line);background:rgba(255,255,255,.025);border-radius:15px;margin-bottom:10px}.pixl-compat-groups button,.pixl-compat-filter-strip button,.pixl-compat-completion button{border:0;color:var(--cc-muted);background:transparent;font:800 10px/1.1 inherit}.pixl-compat-groups button{min-height:38px;border-radius:11px;padding:0 6px}.pixl-compat-groups button.is-active{background:color-mix(in srgb,var(--cc-accent) 22%,rgba(255,255,255,.07));color:var(--cc-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc-accent) 48%,transparent)}
.pixl-compat-tools{position:relative;margin-bottom:8px}.pixl-compat-search-wrap{height:48px;border:1px solid var(--cc-line);background:rgba(255,255,255,.04);border-radius:15px;display:flex;align-items:center;gap:10px;padding:0 10px 0 13px}.pixl-compat-search-wrap>span{color:var(--cc-accent2);font-size:22px}.pixl-compat-search{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--cc-ink);font:650 14px/1 inherit}.pixl-compat-search::placeholder{color:color-mix(in srgb,var(--cc-muted) 76%,transparent)}.pixl-compat-clear{border:0;border-radius:10px;background:rgba(255,255,255,.06);color:var(--cc-muted);font:800 9px/1 inherit;padding:8px 9px}
.pixl-compat-filter-strip{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:8px 1px 5px;touch-action:pan-x}.pixl-compat-filter-strip::-webkit-scrollbar{display:none}.pixl-compat-filter-strip button,.pixl-compat-completion button{white-space:nowrap;border:1px solid var(--cc-line);border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.025)}.pixl-compat-filter-strip button.is-active,.pixl-compat-completion button.is-active{background:var(--cc-accent);border-color:var(--cc-accent);color:var(--pixl-theme-ink,#fff)}
.pixl-compat-subtools{display:flex;align-items:center;justify-content:space-between;gap:10px}.pixl-compat-completion{display:flex;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}.pixl-compat-completion::-webkit-scrollbar{display:none}.pixl-compat-completion button{padding:6px 9px;font-size:9px}.pixl-compat-result-count{flex:0 0 auto;color:var(--cc-muted);font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
.pixl-compat-results{display:grid;gap:7px}.pixl-compat-card{border:1px solid var(--cc-line);border-radius:16px;background:rgba(255,255,255,.035);overflow:hidden}.pixl-compat-card[open]{background:color-mix(in srgb,var(--cc-accent) 5%,rgba(255,255,255,.035));border-color:color-mix(in srgb,var(--cc-accent) 35%,var(--cc-line))}.pixl-compat-card-summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;min-height:70px;padding:11px 12px;cursor:pointer}.pixl-compat-card-summary::-webkit-details-marker{display:none}.pixl-compat-card-copy{min-width:0}.pixl-compat-card-copy>strong{display:block;color:var(--cc-ink);font-size:14px;line-height:1.16;letter-spacing:-.015em}.pixl-compat-card-copy>small{display:block;margin-top:5px;color:var(--cc-muted);font:650 9px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pixl-compat-status{display:grid;justify-items:end;gap:4px}.pixl-compat-status b{font:900 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;padding:5px 7px;border-radius:7px;border:1px solid currentColor}.pixl-compat-status em{font-style:normal;color:var(--cc-muted);font-size:8px;font-weight:800}.status-playable b{color:#65e5ad}.status-ingame b{color:#68aaff}.status-intro b{color:#60dff4}.status-broken b{color:#ff7886}.status-candidate b{color:#ffd46c}.status-unsupported b{color:#b9a3c8}.pixl-compat-chevron{color:var(--cc-muted);font-size:18px;transition:transform .12s ease}.pixl-compat-card[open] .pixl-compat-chevron{transform:rotate(180deg)}
.pixl-compat-card-body{padding:0 12px 12px;border-top:1px solid rgba(255,255,255,.055)}.pixl-compat-meta-row{display:flex;justify-content:space-between;gap:8px;padding:10px 0 7px;color:var(--cc-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.pixl-compat-verified{color:#65e5ad}.pixl-compat-predicted{color:var(--cc-muted)}.pixl-compat-card-body p{margin:0;color:color-mix(in srgb,var(--cc-ink) 74%,var(--cc-muted));font-size:11px;line-height:1.5}.pixl-compat-card-foot{display:flex;justify-content:flex-end;margin-top:9px}.pixl-compat-source{color:var(--cc-accent2);text-decoration:none;font-size:10px;font-weight:800}.pixl-compat-source-local{color:var(--cc-muted)}
.pixl-compat-more{width:100%;height:46px;margin:10px 0 2px;border:1px solid color-mix(in srgb,var(--cc-accent) 35%,var(--cc-line));border-radius:14px;background:color-mix(in srgb,var(--cc-accent) 11%,rgba(255,255,255,.025));color:var(--cc-ink);font:850 10px/1 inherit;letter-spacing:.03em}.pixl-compat-empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:5px;border:1px dashed var(--cc-line);border-radius:16px;color:var(--cc-ink);text-align:center}.pixl-compat-empty span{color:var(--cc-muted);font-size:11px}
.pixl-compat-method{margin-top:12px;border-top:1px solid var(--cc-line);padding:13px 2px 4px;color:var(--cc-muted)}.pixl-compat-method summary{cursor:pointer;color:var(--cc-ink);font-size:11px;font-weight:850}.pixl-compat-method p{font-size:10px;line-height:1.5;margin:8px 0}.pixl-compat-method small{color:var(--cc-accent2);font:750 8px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
html[data-pixl-theme="sinnoh"] .pixl-compat-overlay{--cc-ink:#17324a;--cc-bg:#dcecff;--cc-surface:#edf7ff;--cc-card:#f7fbff;--cc-line:rgba(45,113,137,.22);--cc-muted:#6b8294;background:rgba(51,86,110,.24)}html[data-pixl-theme="sinnoh"] .pixl-compat-shell{background:linear-gradient(180deg,#f6fbff,#dcecff 38%,#d5e8fa);border-color:#5f98ac;box-shadow:inset 0 0 0 3px rgba(255,255,255,.65),0 -18px 50px rgba(48,79,105,.18)}html[data-pixl-theme="sinnoh"] .pixl-compat-close,html[data-pixl-theme="sinnoh"] .pixl-compat-summary>div,html[data-pixl-theme="sinnoh"] .pixl-compat-search-wrap,html[data-pixl-theme="sinnoh"] .pixl-compat-card{background:rgba(255,255,255,.62)}html[data-pixl-theme="sinnoh"] .pixl-compat-card-body{border-top-color:rgba(45,113,137,.12)}html[data-pixl-theme="sinnoh"] .pixl-compat-groups button.is-active,html[data-pixl-theme="sinnoh"] .pixl-compat-filter-strip button.is-active,html[data-pixl-theme="sinnoh"] .pixl-compat-completion button.is-active{color:#17324a}
@media(max-width:560px){.pixl-compat-shell{height:calc(100dvh - 6px);border-radius:24px 24px 0 0;padding:12px 13px max(20px,env(safe-area-inset-bottom))}.pixl-compat-heading h1{font-size:31px}.pixl-compat-heading p{font-size:11px}.pixl-compat-summary>div{padding:9px 10px}.pixl-compat-summary strong{font-size:20px}.pixl-compat-groups button{font-size:9px}.pixl-compat-card-summary{grid-template-columns:minmax(0,1fr) auto 15px}.pixl-compat-card-copy>strong{font-size:13.5px}.pixl-compat-status b{font-size:7.5px}}
@media(prefers-reduced-motion:reduce){.pixl-compat-overlay,.pixl-compat-chevron{transition:none!important}}