.hub{gap:24px;display:grid}.hub h2,.hub h3{margin:0}.hub .cta-button,.game-host .cta-button{text-decoration:none}.hub-card,.game-card,.hub-panel,.game-intro-card,.game-description,.frame-shell{background:var(--bg-card);border:1px solid var(--border-color);border-radius:22px;position:relative}.hub-card,.game-card,.hub-panel,.game-intro-card,.game-description{padding:clamp(1.1rem,2.2vw,1.6rem)}.hub-card p,.hub-panel p,.hub-panel li,.game-description p,.game-description li{color:var(--text-muted);line-height:1.75}.hub-card>p:last-child,.hub-panel>p:last-child,.game-description>p:last-child{margin-bottom:0}.hub-kicker{color:var(--brand-green);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-family:JetBrains Mono,monospace;font-size:.8rem}.hub-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.hub-stats li{border:1px solid var(--border-color);color:var(--text-muted);border-radius:14px;padding:10px 14px;font-size:.95rem}.hub-stats strong{color:var(--text-main);font-size:1.45rem;line-height:1.2;display:block}.anchor-row{margin:18px 0 0}.anchor-row .cta-button{min-width:220px}.games-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;scroll-margin-top:110px;display:grid}.game-card{--jeu-accent:var(--brand-green);flex-direction:column;gap:12px;transition:transform .28s,border-color .28s,box-shadow .28s;display:flex}.game-card[hidden]{display:none}.game-card.accent-a{--jeu-accent:#2dd4bf}.game-card.accent-b{--jeu-accent:#38bdf8}.game-card.accent-c{--jeu-accent:#a78bfa}.game-card.accent-d{--jeu-accent:#fb923c}.game-card:hover{border-color:var(--jeu-accent);transform:translateY(-4px);box-shadow:0 14px 34px #02071447}.game-card:focus-within{border-color:var(--jeu-accent)}.game-card h3{margin:0;font-size:1.35rem}.game-cover,.game-preview{border:1px solid var(--border-color);border-radius:16px;width:100%}.game-cover{aspect-ratio:16/9;object-fit:cover;height:auto;display:block}.game-preview{aspect-ratio:16/9;background:linear-gradient(135deg, color-mix(in srgb, var(--jeu-accent) 26%, transparent), transparent 78%);min-height:84px;color:var(--text-main);letter-spacing:.06em;text-transform:uppercase;align-items:flex-end;margin:0;padding:12px;font-weight:800;display:flex}.game-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.game-icon{border:1px solid var(--border-color);background:color-mix(in srgb, var(--jeu-accent) 14%, transparent);width:40px;height:40px;color:var(--text-main);border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;display:inline-flex}.game-icon svg{width:22px;height:22px}.game-badge{border:1px solid var(--border-color);color:var(--text-main);background:color-mix(in srgb, var(--jeu-accent) 12%, transparent);border-radius:999px;margin:0;padding:5px 12px;font-size:.82rem;font-weight:600}.game-card p{color:var(--text-muted);margin:0;line-height:1.7}.risk-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.risk-tags li{border:1px solid var(--border-color);color:var(--text-muted);background:#80808014;border-radius:999px;padding:4px 10px;font-size:.82rem}.game-card .cta-button{text-align:center;margin-top:auto}.filters{gap:14px;display:grid}.filters[hidden]{display:none}.filter-group{border:0;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;padding:0;display:flex}.filter-group legend{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;padding:0;font-family:JetBrains Mono,monospace;font-size:.78rem}.filter-chip{border:1px solid var(--border-color);min-height:38px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:.9rem}.filter-chip:hover{color:var(--text-main);border-color:var(--brand-green)}.filter-chip[aria-pressed=true]{background:var(--action-bg);border-color:var(--action-bg);color:var(--action-text);font-weight:700}.filters-footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filters-footer .filter-chip[hidden]{display:none}.filters-status{color:var(--text-muted);margin:0;font-size:.92rem}.filters-empty{border:1px dashed var(--border-color);text-align:center;color:var(--text-muted);border-radius:22px;margin:0;padding:24px}.filters-empty[hidden]{display:none}.game-host{gap:18px;display:grid}.game-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.mini-link{color:var(--brand-blue);text-underline-offset:3px;margin-left:auto;font-size:.92rem;text-decoration:underline}.mini-link:hover{color:var(--text-main)}.game-intro-card .risk-tags{margin:14px 0 18px}.frame-shell{padding:8px}.game-frame{background:#fff;border:0;border-radius:16px;width:100%;height:min(1280px,100vh - 180px);min-height:840px;display:block}.game-description h2{margin:1.6rem 0 .6rem;font-size:1.35rem}.game-description>div>:first-child{margin-top:0}.game-description a{color:var(--brand-blue);text-underline-offset:3px;text-decoration:underline}.game-host .cta-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.game-host .cta-row .cta-button{text-align:center}.hub-bottom-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.hub-panel ul,.hub-panel ol{margin:12px 0 0;padding-left:20px}.hub-panel li+li{margin-top:8px}.hub-panel a{color:var(--brand-blue);text-underline-offset:3px;text-decoration:underline}.reveal{opacity:0;animation:.62s forwards hubReveal;transform:translateY(8px)}.reveal-0{animation-delay:30ms}.reveal-1{animation-delay:80ms}.reveal-2{animation-delay:.14s}.reveal-3{animation-delay:.2s}@keyframes hubReveal{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}.game-card:hover{transform:none}}@media (width<=720px){.hub-card,.game-card,.hub-panel,.game-intro-card,.game-description,.frame-shell{border-radius:18px}.anchor-row .cta-button{width:100%;min-width:0}.game-frame{height:86vh;min-height:680px}}