.compat{position:relative;max-width:72rem;margin:0 auto;padding:var(--space-12) var(--content-padding) var(--space-24)}.compat:before{content:"";position:absolute;inset:-4rem 50% auto 50%;z-index:-1;width:100vw;height:46rem;transform:translate(-50%);pointer-events:none;background:radial-gradient(60rem 26rem at 18% 0%,rgba(200,16,46,.07),transparent 62%),radial-gradient(48rem 24rem at 82% 8%,rgba(255,255,255,.045),transparent 60%),linear-gradient(180deg,#131110 0%,var(--surface-body) 78%)}.compat:after{content:"";position:absolute;inset:-4rem 50% auto 50%;z-index:-1;width:100vw;height:46rem;transform:translate(-50%);pointer-events:none;opacity:.5;background-image:linear-gradient(to right,rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.022) 1px,transparent 1px);background-size:4.5rem 4.5rem;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 70%)}@media(prefers-contrast:more){.compat:before,.compat:after{display:none}}.compat__muted{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.compat__error{margin:0;color:var(--color-error);font-size:var(--text-sm)}.compat__hero{padding-bottom:var(--space-6);border-bottom:var(--border-subtle);margin-bottom:var(--space-8)}.compat__crumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:var(--border-subtle)}.compat__crumbs a{color:var(--text-secondary);text-decoration:none}.compat__crumbs a:hover{color:var(--text-link)}.compat__hero-row{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:end}@media(min-width:56rem){.compat__hero-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.compat__eyebrow{display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-500);margin-bottom:var(--space-3)}.compat__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.02em;line-height:var(--leading-tight);margin:0 0 var(--space-3);color:var(--text-primary)}.compat__subtitle{margin:0;max-width:46rem;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.compat__results{display:flex;flex-direction:column;gap:var(--space-10)}.compat-section__head{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:var(--border-subtle)}.compat-section__title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:0}.compat-section__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.compat__skeleton{border-radius:var(--radius-lg);background:var(--surface-card);animation:compat-pulse 1.6s ease-in-out infinite}.compat__skeleton--page{height:22rem}.compat__skeleton--tiles{height:9rem}.compat__skeleton--rows{height:14rem}@keyframes compat-pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.compat__skeleton{animation:none}}.compat-gate{display:grid;grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-8);border:var(--border-card);border-radius:var(--radius-xl);background:var(--surface-card)}@media(min-width:56rem){.compat-gate{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:var(--space-10);align-items:center}}.compat-gate__lock{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand-500);margin-bottom:var(--space-4)}.compat-gate__lock svg{width:.9rem;height:.9rem}.compat-gate__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.01em;margin:0 0 var(--space-3);color:var(--text-primary)}.compat-gate__text{margin:0 0 var(--space-6);color:var(--text-secondary);line-height:var(--leading-relaxed)}.compat-gate__features{list-style:none;margin:0 0 var(--space-8);padding:0;display:grid;gap:var(--space-2-5)}.compat-gate__features li{display:flex;align-items:flex-start;gap:var(--space-2-5);font-size:var(--text-sm);color:var(--text-secondary)}.compat-gate__features svg{width:1rem;height:1rem;flex-shrink:0;margin-top:2px;color:var(--color-brand-500)}.compat-gate__actions{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.compat-gate__secondary{font-size:var(--text-sm);color:var(--text-secondary)}.compat-gate__secondary:hover{color:var(--text-link)}.compat-gate__plates{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.compat-gate__plate{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface-dark, var(--surface-body))}.compat-gate__plate img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.85);transition:filter var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}@media(hover:hover){.compat-gate:hover .compat-gate__plate img{filter:grayscale(0) brightness(1)}}.compat-gate__plate-n{position:absolute;top:var(--space-2);left:var(--space-2);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;color:var(--color-white);opacity:.7}.compat-picker{position:relative}.compat-picker__label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2)}.compat-picker__search{position:relative;display:flex;align-items:center}.compat-picker__icon{position:absolute;left:var(--space-3);width:1.1rem;height:1.1rem;color:var(--text-muted);pointer-events:none}.compat-picker__input{width:100%;padding:var(--space-3) var(--space-10);font-size:var(--text-base);border:var(--border-card);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary)}.compat-picker__input::placeholder{color:var(--text-secondary)}.compat-picker__input:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 3px var(--color-brand-100)}.compat-picker__clear{position:absolute;right:var(--space-3);display:flex;width:1.75rem;height:1.75rem;align-items:center;justify-content:center;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.compat-picker__clear:hover{color:var(--text-primary)}.compat-picker__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:20rem;overflow-y:auto}.compat-picker__state{padding:var(--space-4);font-size:var(--text-sm);color:var(--text-muted)}.compat-picker__result{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-3) var(--space-4);border:none;border-bottom:var(--border-subtle);background:none;text-align:left;cursor:pointer;color:var(--text-primary)}.compat-picker__result:last-child{border-bottom:none}.compat-picker__result:hover,.compat-picker__result:focus-visible{background:var(--surface-body);outline:none}.compat-picker__result--current{color:var(--color-brand-500)}.compat-picker__result-name{font-size:var(--text-sm);font-weight:500}.compat-picker__result-meta{font-size:var(--text-xs);color:var(--text-muted)}.compat-band{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:center;padding:var(--space-5) var(--space-6);border:var(--border-card);border-radius:var(--radius-xl);background:var(--surface-card)}@media(min-width:48rem){.compat-band{grid-template-columns:17rem minmax(0,1fr);align-items:center}}.compat-band__title-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.compat-band__stats{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--border-subtle)}.compat-band__stat{display:inline-flex;align-items:baseline;gap:.45em;font-size:var(--text-sm)}.compat-band__stat-icon{align-self:center;color:var(--text-muted)}.compat-band__stat-label{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.compat-band__stat-value{color:var(--text-primary)}.compat-band__flag{margin-right:.5em;vertical-align:-1px}.compat-band__art{height:8.5rem;display:flex;align-items:center;justify-content:center}.compat-band__carousel{width:100%;height:100%;min-width:0}.compat-band__carousel .protected-image__canvas{filter:brightness(0) invert(1);opacity:.92}.compat-band__eyebrow{display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-1)}.compat-band__name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;margin:0 0 var(--space-2);color:var(--text-primary)}.compat-band__platforms{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.compat-band__platforms-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.compat-band__link{display:inline-flex;align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.compat-band__link:hover{color:var(--text-link)}.compat-band__link svg{width:.9rem;height:.9rem}.compat-mount-list{list-style:none;margin:0;padding:0;border:var(--border-card);border-radius:var(--radius-lg);overflow:hidden;max-height:30rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.compat-mount-list>li+li{border-top:var(--border-subtle)}.compat-mount{display:grid;grid-template-columns:2rem 7.5rem minmax(0,1fr) auto;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:0;background:var(--surface-card);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}@media(max-width:44rem){.compat-mount{grid-template-columns:2rem minmax(0,1fr);row-gap:var(--space-1)}.compat-mount__name,.compat-mount__source,.compat-mount__fits{grid-column:2}}.compat-mount:hover{background:var(--surface-card-hover)}.compat-mount:focus-visible{outline:2px solid var(--color-brand-400);outline-offset:-2px}.compat-mount--active{background:var(--surface-card-hover);box-shadow:inset 2px 0 0 var(--color-brand-500)}.compat-mount__icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.compat-mount__img,.compat-rail__img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.compat-mount__img .protected-image__canvas,.compat-rail__img .protected-image__canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1) opacity(.55);transition:filter var(--duration-fast) var(--ease-out)}.compat-mount:hover .compat-mount__img .protected-image__canvas,.compat-mount--active .compat-mount__img .protected-image__canvas{filter:grayscale(0) opacity(.9)}.compat-mount__position{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.compat-mount__name{font-size:var(--text-sm);color:var(--text-primary);line-height:1.4}.compat-mount__source-icon{flex-shrink:0}.compat-mount__source,.compat-mount__fits{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}.compat-mount__source{display:inline-flex;align-items:center;gap:.4em}.compat-mount--inferred .compat-mount__source{color:var(--color-warning)}.compat-mount__fits{text-align:right}.compat-section__clear{display:inline-flex;align-items:center;gap:.35em;margin-left:auto;padding:0;border:0;background:none;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-400);cursor:pointer}.compat-section__clear:hover{color:var(--text-primary)}.compat-list__at{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:none;color:var(--color-brand-400)}.compat-list__at button,.compat-list__inline-clear{display:inline-flex;align-items:center;padding:0;border:0;background:none;color:inherit;cursor:pointer}.compat-list__inline-clear{margin-left:.5em;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-brand-400)}.compat-list__at button:hover,.compat-list__inline-clear:hover{color:var(--text-primary)}.compat-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:var(--space-2);margin-bottom:var(--space-6)}.compat-rail__tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border:var(--border-card);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-secondary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.compat-rail__tile:hover{color:var(--text-primary)}.compat-rail__tile--active{border-color:var(--color-brand-500);color:var(--text-primary)}.compat-rail__tile--active .compat-rail__img .protected-image__canvas{filter:grayscale(0) opacity(.9)}.compat-rail__icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center}.compat-rail__label{font-size:var(--text-xs);line-height:var(--leading-snug);text-align:center}.compat-rail__count{font-family:var(--font-mono);font-size:.625rem;color:var(--text-muted)}.compat-rail__tile--active .compat-rail__count{color:var(--color-brand-500)}.compat-list{border:var(--border-card);border-radius:var(--radius-lg);background:var(--surface-card);overflow:hidden}.compat-list__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-5);border-bottom:var(--border-subtle);background:linear-gradient(180deg,rgba(255,255,255,.028),transparent)}.compat-list__title{display:inline-flex;align-items:baseline;gap:var(--space-2);margin:0;font-family:var(--font-serif);font-size:var(--text-lg);font-weight:400;letter-spacing:-.01em;color:var(--text-primary);text-transform:capitalize}.compat-list__search{display:inline-flex;align-items:center;gap:var(--space-2);min-width:14rem;padding:var(--space-2) var(--space-3);border:var(--border-subtle);border-radius:var(--radius-full, 999px);background:#00000047;color:var(--text-muted)}.compat-list__search:focus-within{border-color:var(--color-brand-400);color:var(--text-secondary)}.compat-list__search input{flex:1;min-width:0;border:0;background:transparent;color:var(--text-primary);font-size:var(--text-sm);outline:none}.compat-list__search input::placeholder{color:var(--text-muted)}.compat-list__search input::-webkit-search-cancel-button{display:none}.compat-list__search button{display:inline-flex;padding:0;border:0;background:none;color:var(--text-muted);cursor:pointer}.compat-list__search button:hover{color:var(--text-primary)}.compat-list__n{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.compat-list__toggles{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-2) var(--space-5);border-bottom:var(--border-subtle)}.compat-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer}.compat-toggle input{accent-color:var(--color-brand-500)}.compat-list>.compat__skeleton,.compat-list>.compat__muted,.compat-list>.compat__error{margin:var(--space-5)}.compat-rows{list-style:none;margin:0;padding:0;max-height:34rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.compat-rows:focus-visible{outline:2px solid var(--color-brand-400);outline-offset:-2px}.compat-rows::-webkit-scrollbar{width:10px}.compat-rows::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:var(--radius-full, 999px);background:#ffffff2e;background-clip:content-box}.compat-rows::-webkit-scrollbar-thumb:hover{background:#ffffff4d;background-clip:content-box}.compat-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-subtle)}.compat-row:last-child{border-bottom:none}.compat-row--blocked .compat-row__name{color:var(--text-muted)}.compat-row__thumb{flex-shrink:0;width:3.5rem;height:3.5rem;object-fit:contain;border-radius:var(--radius-md);background:#0000004d}.compat-row__thumb--placeholder{display:flex;align-items:center;justify-content:center}.compat-row__thumb-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem}.compat-row__thumb-icon .protected-image__canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1) opacity(.5)}.compat-row__reason--needs{display:inline-flex;align-items:center;gap:.4em;color:var(--color-warning)}.compat-row__main{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.compat-row__name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.compat-row__meta{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}.compat-row__tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.compat-row__reason{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed)}.compat-row__fit{display:inline-flex;align-items:center;gap:.4em;flex-shrink:0;margin-top:2px;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.compat-row__fit-icon{flex-shrink:0}.compat-row__copy{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0;border:0;border-radius:var(--radius-md);background:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.compat-row:hover .compat-row__copy,.compat-row__copy:focus-visible,.compat-row__copy--done{opacity:1}.compat-row__copy:hover{color:var(--text-primary);background:#ffffff0f}.compat-row__copy:focus-visible{outline:2px solid var(--color-brand-400);outline-offset:-2px}.compat-row__copy--done{color:var(--color-brand-400)}@media(hover:none){.compat-row__copy{opacity:1}}.compat-row__fit,.compat-mount__source{cursor:help}.compat-row__fit:focus-visible,.compat-mount__source:focus-visible{outline:2px solid var(--color-brand-400);outline-offset:2px;border-radius:var(--radius-sm)}.compat-row__fit--direct,.compat-row__fit--curated{color:var(--color-brand-500)}.compat-row__fit--adapter{color:var(--text-secondary)}.std-panel{display:grid;gap:var(--space-4);padding:var(--space-5);border:var(--border-card);border-radius:var(--radius-lg);background:var(--surface-card)}.std-panel__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.std-panel__head>svg{color:var(--color-brand-400);flex:none}.std-panel__head h2{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--text-primary)}.std-panel__head code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.std-panel__count{margin-left:auto;padding:2px var(--space-3);border-radius:999px;background:var(--surface-body);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.std-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.std-panel__grid>li{display:grid;gap:4px}.std-panel__card{display:grid;gap:var(--space-2);padding:var(--space-3);border:var(--border-card);border-radius:var(--radius-md);background:var(--surface-body);text-align:left;cursor:pointer}.std-panel__card:hover{border-color:var(--color-brand-400)}.std-panel__art{display:flex;align-items:center;justify-content:center;width:100%;height:64px;overflow:hidden;opacity:.92}.std-panel__art .protected-image__canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.std-panel__art{--carousel-nav-size: 1.25rem;--carousel-nav-inset: 3px}.std-panel__art .protected-image__canvas{filter:brightness(0) invert(1);opacity:.92}.std-panel__name{font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.std-panel__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.std-panel__meta em{font-style:normal;padding:0 6px;border-radius:999px;background:var(--surface-card)}.std-panel__open{justify-self:start;font-size:var(--text-xs);color:var(--color-brand-400);text-decoration:none}.std-panel__open:hover{text-decoration:underline}.std-panel__empty{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.std-panel__back{display:inline-flex;align-items:center;gap:6px;justify-self:start;font-size:var(--text-sm);color:var(--text-muted);text-decoration:none}.std-panel__back:hover{color:var(--color-brand-400)}.compat-row>.compat-row__copy-wrap,.compat-row>.compat-row__fit{flex:none;align-self:flex-start}.compat-landing{display:grid;gap:var(--space-8, 3rem);padding:var(--space-6) 0 var(--space-8, 3rem)}.compat-landing__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);margin:0;padding:0;list-style:none}.compat-landing__steps>li{position:relative;display:grid;gap:var(--space-2);padding:var(--space-5);border:var(--border-card);border-radius:var(--radius-lg);background:var(--surface-card)}.compat-landing__steps svg{color:var(--color-brand-400)}.compat-landing__steps strong{font-size:var(--text-base);color:var(--text-primary)}.compat-landing__steps p{margin:0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.65}.compat-landing__step-num{position:absolute;top:var(--space-3);right:var(--space-4);font-family:var(--font-sans);font-size:2rem;font-weight:900;line-height:1;letter-spacing:-.04em;color:color-mix(in srgb,var(--text-muted) 22%,transparent);text-shadow:0 1px 0 color-mix(in srgb,var(--surface-card) 90%,#fff),0 -1px 0 rgb(0 0 0 / .08);-webkit-user-select:none;user-select:none}.compat-landing__block{display:grid;gap:var(--space-3)}.compat-landing__heading{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--text-primary)}.compat-landing__sub{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-muted);max-width:68ch}.compat-landing__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.compat-landing__card{position:relative;display:grid;gap:var(--space-2);padding:var(--space-4);border:var(--border-card);border-radius:var(--radius-lg);background:var(--surface-card);text-align:left;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.compat-landing__card:hover{border-color:var(--color-brand-400);transform:translateY(-1px)}.compat-landing__card--skeleton{height:120px;cursor:default;background:linear-gradient(90deg,var(--surface-card) 25%,var(--surface-body) 50%,var(--surface-card) 75%);background-size:200% 100%;animation:compat-landing-shimmer 1.4s linear infinite}@keyframes compat-landing-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.compat-landing__card--skeleton{animation:none}.compat-landing__card:hover{transform:none}}.compat-landing__art{display:flex;align-items:center;justify-content:center;width:100%;height:56px;overflow:hidden;opacity:.92}.compat-landing__art .protected-image__canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.compat-landing__art{--carousel-nav-size: 1.25rem;--carousel-nav-inset: 3px}.compat-landing__art .protected-image__canvas{filter:brightness(0) invert(1);opacity:.92}.compat-landing__card-name{font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compat-landing__mark{position:absolute;top:var(--space-3);right:var(--space-3);width:20px;height:20px;object-fit:contain;filter:grayscale(1) brightness(1.9) contrast(.9);mix-blend-mode:screen}.compat-landing__mark--initials{display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface-body);font-family:var(--font-mono);font-size:9px;color:var(--text-muted);filter:none;mix-blend-mode:normal}.compat-landing__doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3)}.compat-landing__door{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-card);border-radius:var(--radius-md);background:var(--surface-card);text-decoration:none;color:inherit}.compat-landing__door:hover{border-color:var(--color-brand-400)}.compat-landing__door>svg{margin-left:auto;color:var(--text-muted);flex:none}.compat-landing__door:hover>svg{color:var(--color-brand-400)}.compat-landing__door-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;overflow:hidden}.compat-landing__door-icon .protected-image__canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.compat-landing__door-icon--none{border:1px dashed var(--color-gray-700, #444);border-radius:var(--radius-sm);opacity:.4}.compat-landing__door-text{display:grid;gap:1px;min-width:0}.compat-landing__door-text strong{font-size:var(--text-sm);color:var(--text-primary);text-transform:capitalize}.compat-landing__door-text small{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}