/* Public Compatibility page. */
.compatibility-heading{padding-top:38px;padding-bottom:26px}
.compatibility-heading .eyebrow{display:flex;gap:12px;align-items:center;margin:0 0 12px;color:#c4a2f4;font-size:.75rem;letter-spacing:.14em}
.compatibility-heading h1{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.025em;margin:0 0 12px}
.compatibility-heading>p:last-child{color:#bcb5c8;font-size:.95rem;line-height:1.6;margin:0;max-width:760px}
.compatibility-list.panel{padding:0;overflow:hidden;margin-bottom:0;background:#10111b;border-color:#332d40;border-radius:12px}
.compatibility-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 24px;background:#151420;border-bottom:1px solid #332d40}
.compatibility-tools label{font-size:.85rem;font-weight:600;color:#e4deed}
.compatibility-tools input{width:300px;min-width:0;max-width:100%;min-height:44px;background:#0b0c13;color:#f6f3fa;border:1px solid #5d526d;border-radius:7px;padding:10px 13px;font:inherit;font-size:.9rem}
.compatibility-tools input::placeholder{color:#a99fb9;opacity:1}
.compatibility-tools p{margin:0 0 0 auto;color:#bdb4cc;font-size:.85rem}
.compatibility-row{display:grid;grid-template-columns:minmax(180px,.95fr) minmax(0,2fr);gap:10px 28px;padding:22px 24px}
.compatibility-row+.compatibility-row{border-top:1px solid #332d40}
.compatibility-row[hidden]{display:none}
.compatibility-game{display:flex;align-items:center;gap:16px;grid-row:1/3;min-width:0}
.compatibility-game img{width:48px;height:64px;object-fit:cover;flex:none;border-radius:4px;background:#211c2c}
.compatibility-game h2{font-size:1.08rem;line-height:1.4;margin:0;overflow-wrap:anywhere}
.compatibility-platform{font-size:.75rem;color:#bdb4cc}
.compatibility-facts{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;margin:0;align-self:center}
.compatibility-row dt{color:#aaa0b8;font-size:.72rem;line-height:1.5}
.compatibility-row dd{margin:5px 0 0;color:#f0ebf7;font-size:.88rem;line-height:1.5;overflow-wrap:anywhere}
.compatibility-note{grid-column:2;margin:0;font-size:.8rem;line-height:1.5;color:#bdb4cc}
.compatibility-row details{grid-column:1/-1;margin:0}
.compatibility-row summary{display:list-item;width:fit-content;cursor:pointer;padding:8px 0;font-size:.77rem;color:#c4a2f4;min-height:32px}
.compatibility-row details[open]{border-top:1px solid #332d40;padding-top:8px;margin-top:6px}
.compatibility-row details dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:4px 0 0;padding:12px 16px;background:#0c0d15;border-radius:7px}
.compatibility-row details dd{font-size:.76rem}
.compatibility-list>h2{font-size:1.1rem;margin:0;padding:24px 24px 8px}
.compatibility-list>p{margin:0;padding:0 24px 24px;font-size:.9rem;color:#bdb4cc}
.compatibility-list>[data-no-matches]{padding-top:20px}
.compatibility-footnote{padding-top:18px;padding-bottom:12px}
.compatibility-footnote p{font-size:.78rem;line-height:1.7;color:#aaa0b8;margin:0;max-width:850px}
.compatibility-list :focus-visible{outline:2px solid #74e5d0;outline-offset:4px}
@media(max-width:900px){.compatibility-row{grid-template-columns:minmax(160px,.8fr) minmax(0,2fr);gap:12px 20px}.compatibility-facts{gap:12px;grid-template-columns:1fr 1fr}.compatibility-row details dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.compatibility-heading{padding-top:28px;padding-bottom:22px}.compatibility-tools{padding:16px;gap:10px}.compatibility-tools label{width:100%}.compatibility-tools input{flex:1;width:180px}.compatibility-tools p{flex:none}.compatibility-row{padding:18px 16px;grid-template-columns:1fr;gap:16px}.compatibility-game{grid-row:auto}.compatibility-facts{grid-template-columns:1fr 1fr;gap:16px}.compatibility-note{grid-column:1}.compatibility-row details dl{grid-template-columns:1fr}.compatibility-row summary{min-height:44px;padding:12px 0}.compatibility-list>h2{padding:20px 16px 8px}.compatibility-list>p{padding:0 16px 20px}}