.cover{background:radial-gradient(120% 90% at 85% 0%, hsl(var(--h2) 85% 60% / .85), transparent 60%), radial-gradient(90% 80% at 0% 100%, hsl(var(--h1) 80% 45% / .9), transparent 70%), hsl(var(--h1) 40% 14%);align-items:flex-end;padding:14px;display:flex;position:relative;overflow:hidden}.cover:after{content:"";background-image:repeating-linear-gradient(-45deg,#ffffff0a 0 2px,#0000 2px 10px);position:absolute;inset:0}.cover-img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.cover.has-art:after{background:linear-gradient(#0000 55%,#0000008c)}.cover.has-art .cover-title{display:none}.cover-card{aspect-ratio:2/3}.cover-hero{aspect-ratio:21/9;border-radius:var(--radius);padding:24px}.cover-hero.has-art:after{background:linear-gradient(to top, var(--bg) 0%, transparent 55%)}.cover-title{z-index:1;font-family:var(--font-display);color:#fff;text-shadow:0 2px 16px #00000059;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:1.6rem;font-weight:800;line-height:1;display:-webkit-box;position:relative;overflow:hidden}.cover-hero .cover-title{font-size:clamp(2rem,6vw,3.75rem)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));box-shadow:0 18px 40px -18px color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-3px)}.card:hover .cover-img{transform:scale(1.04)}.card[hidden]{display:none}.card-link{flex-direction:column;flex:1;text-decoration:none;display:flex}.card-body{padding:12px 12px 0}.card-sub{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;margin:5px 0 0;font-size:.8rem;display:flex;overflow:hidden}.card-sub .dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.card-title{font-size:1.02rem;line-height:1.2}.card-summary{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:.85rem;display:-webkit-box;overflow:hidden}.card-foot{justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.card-provider{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.btn-sm{flex-shrink:0;min-height:38px;padding:7px 12px;font-size:.875rem}.icon{vertical-align:-.15em;flex-shrink:0;display:inline-block}.card-play{text-align:center;flex:1}:root{--bg:#0b0d12;--surface:#141821;--surface-2:#1b2030;--border:#262c3b;--text:#eef1f7;--muted:#9099ad;--accent:#c6ff3d;--accent-ink:#0b0d12;--cloud:#7cc4ff;--platform:#c49bff;--native:#ffb86b;--radius:14px;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f5f6f9;--surface:#fff;--surface-2:#eceef3;--border:#dcdfe7;--text:#10131a;--muted:#5b6375;--accent:#4c7a00;--accent-ink:#fff;--cloud:#0b6bb8;--platform:#7a3fd1;--native:#b35a00;color-scheme:light}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}a{color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;line-height:1.1}.wrap{max-width:1200px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 85%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.logo{color:var(--text);white-space:nowrap;align-items:baseline;gap:2px;text-decoration:none;display:flex}.logo-word svg{width:auto;height:24px;display:block;transform:translateY(4px)}.logo-tld{font-family:var(--font-body);color:var(--muted);font-size:1rem;font-weight:500}.nav{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.nav a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:.925rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--text);background:var(--surface)}@media (width<=640px){.header-inner{flex-direction:column;align-items:flex-start;gap:4px;height:auto;padding-top:10px;padding-bottom:6px}.nav{max-width:calc(100% + 10px);margin-left:-10px}}.site-footer{border-top:1px solid var(--border);margin-top:80px;padding:32px 0 48px;font-size:.875rem}.footer-inner p{max-width:70ch;margin:0 0 6px}.btn-play{background:var(--accent);color:var(--accent-ink);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:600;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}.btn-play:hover{filter:brightness(1.08)}.btn-play:active{transform:scale(.97)}.badge{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.access-cloud-officiel{color:var(--cloud)}.access-cloud-plateforme{color:var(--platform)}.access-navigateur-natif{color:var(--native)}.price-gratuit{color:var(--accent)}.badge-addon{color:var(--text);border:1px dashed var(--border);background:0 0}.shader-bg[data-astro-cid-3i6tgap5]{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.shader-bg[data-astro-cid-3i6tgap5] canvas[data-astro-cid-3i6tgap5]{opacity:0;width:100%;height:100%;transition:opacity 1.2s;display:block}.shader-bg[data-astro-cid-3i6tgap5].is-live canvas[data-astro-cid-3i6tgap5]{opacity:1}.shader-brand[data-astro-cid-3i6tgap5],.shader-aurora[data-astro-cid-3i6tgap5]{background:radial-gradient(60% 80% at 85% 10%,#c6ff3d38,#0000 60%),radial-gradient(70% 90% at 10% 0,#7c52ff59,#0000 65%),radial-gradient(60% 60% at 50% 100%,#1aa08c2e,#0000 70%),#0b0d12}.shader-tint[data-astro-cid-3i6tgap5]{background:radial-gradient(70% 90% at 90% 0%, hsl(var(--sh2) 80% 45% / .55), transparent 60%), radial-gradient(80% 90% at 0% 20%, hsl(var(--sh1) 70% 35% / .7), transparent 65%), #0b0d12}