#jeuxenligne-page-container{padding:20px 16px}.hp-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hp-section-header h2{margin:0;font-size:17px;font-weight:800;color:#fff;font-family:'Nunito',sans-serif;display:flex;align-items:center;gap:8px;letter-spacing:.3px}.hp-see-all{font-size:13px;color:#8892aa;font-family:'Nunito',sans-serif;font-weight:600;text-decoration:none !important;transition:color .18s}.hp-see-all:hover{color:#fff}.hp-grid{display:grid;grid-template-columns:repeat(9,1fr);grid-auto-flow:dense;gap:10px;margin-bottom:48px}.hp-game-card.featured{grid-column:span 2;grid-row:span 2}.hp-game-card{display:block;position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1/1;background:#16182a;border:2px solid transparent;text-decoration:none !important;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .22s ease}.hp-game-card.featured{aspect-ratio:unset}.hp-game-card img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.hp-game-card__placeholder{width:100%;height:100%;background:#1e2035;border-radius:12px}.hp-game-card:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.08) 40%,rgba(255,255,255,0) 60%,rgba(80,160,255,.06) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:12px;z-index:1}.hp-game-card:hover:before{opacity:1}.hp-game-card:hover{transform:scale(1.07);box-shadow:0 10px 30px rgba(0,0,0,.6);border-color:#ff7a00;z-index:10;text-decoration:none !important}.hp-game-card__overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(10,10,18,.92);padding:8px 10px;transform:translateY(100%);transition:transform .2s cubic-bezier(.25,.8,.25,1);border-radius:0 0 12px 12px;z-index:4;backdrop-filter:blur(4px)}.hp-game-card:hover .hp-game-card__overlay{transform:translateY(0)}.hp-game-card__title{color:#fff;font-size:11px;font-weight:700;font-family:'Nunito',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;letter-spacing:.2px}.hp-badge{position:absolute;top:7px;left:7px;font-size:9px;font-weight:800;font-family:'Nunito',sans-serif;padding:2px 8px;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;pointer-events:none;color:#fff;z-index:3}.hp-badge.new{background:#00c853}.hp-badge.hot{background:#ff3d00}.hp-badge{bottom:8px;top:auto;left:8px;font-size:10px;padding:3px 10px;box-shadow:0 2px 8px rgba(0,0,0,.5)}.hp-badge.pop-top{background:linear-gradient(135deg,#b8860b 0%,gold 100%);color:#1a1000;box-shadow:0 2px 10px rgba(255,200,0,.45)}.hp-badge.pop-hot{background:linear-gradient(135deg,#e63000 0%,#ff7a00 100%);box-shadow:0 2px 8px rgba(255,69,0,.5)}.hp-badge.new{background:linear-gradient(135deg,#00b09b,#00c853);box-shadow:0 2px 8px rgba(0,200,83,.4)}.hp-layout{display:flex;align-items:flex-start;gap:16px}.hp-layout .hp-grid{flex:1;min-width:0;margin-bottom:48px}@media (max-width:1300px){.hp-grid{grid-template-columns:repeat(8,1fr)}}@media (max-width:1100px){.hp-grid{grid-template-columns:repeat(7,1fr)}}@media (max-width:900px){.hp-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:700px){.hp-grid{grid-template-columns:repeat(4,1fr);gap:8px}.hp-game-card.featured{grid-column:span 2;grid-row:span 2}}@media (max-width:480px){.hp-grid{grid-template-columns:repeat(3,1fr);gap:6px}.hp-game-card.featured{grid-column:span 1;grid-row:span 1;aspect-ratio:1/1}}