/* Accueil : affiches officielles, univers en fond et compteurs réels. */
.home-page{height:100svh;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#080c10;color:#f3f6f9;isolation:isolate}
.home-worlds{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#070c12;pointer-events:none}.home-worlds .world{position:absolute;top:0;height:100%;width:58%;object-fit:cover;opacity:.4;filter:saturate(.8);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.world-cs2{left:-10%;object-position:40% center}.world-apex{left:24%;object-position:60% center}.world-rivals{right:-13%;object-position:70% center}.home-worlds:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#060b10f5 0%,#060b10de 33%,#060b1060 70%,#060b1088),linear-gradient(0deg,#060b10 0%,transparent 38%,#060b1055 85%)}
.home-page .demo-bar{position:relative;font-size:8px;letter-spacing:2px;color:#a8b4ad;background:#070c10a8;border-bottom:1px solid #ffffff08}.home-page .site-header{position:relative;z-index:5;margin-top:18px;min-height:74px;background:#10181de6;border:1px solid #ffffff13;border-radius:16px;box-shadow:0 15px 45px #0002;backdrop-filter:blur(14px)}
.home-main{position:relative;min-height:0;width:100%;display:flex;overflow:hidden}.home-hero{min-height:0;display:grid;grid-template-columns:.9fr 1.35fr;align-items:center;gap:clamp(24px,4vw,70px);width:100%;height:100%;padding:30px 0 28px}.hero-copy{position:relative;min-width:0}.hero-eyebrow{display:flex;align-items:center;gap:10px;color:#c2ff83;font-size:9px;font-weight:800;letter-spacing:2px;margin:0 0 23px}.hero-eyebrow>span{display:block;height:6px;width:6px;border-radius:50%;background:#b1fa55;box-shadow:0 0 18px #b1fa5580}.home-page h1{font-size:clamp(42px,7.5svh,78px);line-height:1;letter-spacing:-.055em;font-weight:850;margin:0 0 22px}.home-page h1 em{font-style:normal;color:#b1fa55}.home-intro{color:#b4c0c9;font-size:13px;line-height:1.85;margin:0 0 28px;max-width:370px}
.home-stats{display:flex;align-items:stretch;gap:28px;padding-top:22px;border-top:1px solid #ffffff20;max-width:450px}.home-stats>div{min-width:0}.home-stats>div+div{padding-left:28px;border-left:1px solid #ffffff20}.home-stats strong{display:block;font-size:clamp(26px,3.6svh,38px);font-weight:800;letter-spacing:-1px;line-height:1.15;font-variant-numeric:tabular-nums}.home-stats span{display:block;color:#c7d0d6;font-size:8px;letter-spacing:1.1px;margin:9px 0 7px;line-height:1.5}.home-stats small{display:block;color:#7f929c;font-size:9px}.live-count{display:flex!important;align-items:center;gap:6px}.live-count i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b1fa55;box-shadow:0 0 10px #b1fa5540}
.home-billboard{min-width:0;align-self:center}.billboard-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 24px}.billboard-heading p{font-size:9px;letter-spacing:2px;color:#b1fa55;font-weight:800;margin:0 0 8px}.billboard-heading h2{font-size:clamp(18px,2vw,27px);line-height:1.15;letter-spacing:-.6px;margin:0}.billboard-heading>span{font:9px/1.4 monospace;color:#94a4ab;letter-spacing:1px}.home-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;padding-top:10px;min-width:0}.home-feature-card{min-width:0;position:relative;border-radius:16px;overflow:hidden;border:1px solid #ffffff35;background:#111922;box-shadow:0 20px 50px #0008;transition:transform .25s,border-color .25s,box-shadow .25s}.home-feature-card:nth-child(2){transform:translateY(-10px)}.home-poster-hit{position:relative;width:100%;height:clamp(275px,47svh,490px);display:block;text-align:left;border:0;color:#fff;background:#111922;padding:0;overflow:hidden;cursor:pointer}.poster-art{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.home-poster-hit:after{position:absolute;content:'';inset:0;background:linear-gradient(180deg,#050b1055,transparent 35%,#060b10a0 64%,#060b10fa 100%)}.poster-top{position:absolute;top:15px;left:14px;right:14px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.poster-top>span{font-size:8px;font-weight:600;text-shadow:0 1px 8px #000}.poster-top b{font-size:7px;letter-spacing:1px;font-weight:850;padding:5px 7px;border-radius:4px;color:#18230e;background:#b1fa55;box-shadow:0 3px 12px #0003}.poster-bottom{position:absolute;bottom:17px;left:15px;right:15px;display:block;z-index:2}.poster-bottom small{font-size:7px;letter-spacing:1.8px;color:#b5c2ca}.poster-bottom strong{font-size:clamp(16px,1.6vw,24px);letter-spacing:-.6px;line-height:1.05;font-weight:800;display:block;margin:8px 0;overflow-wrap:anywhere}.poster-tagline{display:block;color:#a9b8c1;font-size:9px;line-height:1.5;min-height:27px}.poster-action{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:11px;border-top:1px solid #ffffff25;font-size:8px;font-weight:800;letter-spacing:1.3px;color:#c2ff87}.poster-action i{font-size:17px;font-style:normal}.billboard-note{font-size:9px;letter-spacing:.3px;color:#8e9c9f;margin:18px 0 0;text-align:right}.home-waiting{grid-column:1/-1;color:#9fb0bd;padding:30px 10px;font-size:13px}
.home-feature-card:hover,.home-feature-card:focus-within{transform:translateY(-6px);border-color:#b1fa55;box-shadow:0 24px 55px #0008,0 0 30px #b1fa5520}.home-feature-card:nth-child(2):hover,.home-feature-card:nth-child(2):focus-within{transform:translateY(-16px)}.home-feature-card:hover .poster-art{transform:scale(1.04)}.home-poster-hit:focus-visible{outline:2px solid #b1fa55;outline-offset:-5px;border-radius:14px}.home-page :focus-visible{outline:2px solid #b1fa55;outline-offset:4px}
.home-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 32px;border-top:1px solid #ffffff12;color:#81928b;font:8px/1.5 monospace;letter-spacing:1px;background:#070c10a8}.home-footer nav{display:flex;gap:22px}.home-footer a{color:#a1aea9;font:10px/1.5 'Segoe UI',sans-serif;letter-spacing:0}.home-footer a:hover{color:#b1fa55}#catalog-error{position:absolute;bottom:3px;left:0;right:0;font-size:10px;color:#c1cfb8;margin:0}
.steam-login-dialog{color:#eff4f7;background:#10181e;border:1px solid #a6fa4255;border-radius:20px;padding:32px;max-width:520px;width:calc(100% - 32px);max-height:85svh;overflow:auto;box-shadow:0 24px 80px #0008}.steam-login-dialog::backdrop{background:#020507c9;backdrop-filter:blur(6px)}.steam-login-dialog h2{font-size:26px;margin:0 0 18px}.steam-login-dialog p{line-height:1.7;color:#bdc9d2}.steam-login-dialog>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
@media(min-width:1650px){.home-hero{grid-template-columns:.9fr 1.35fr}.home-poster-hit{height:min(49svh,520px)}.home-posters{gap:21px}.home-stats{gap:35px}.home-stats>div+div{padding-left:35px}}
@media(max-width:1100px) and (min-width:701px){.home-hero{gap:25px;grid-template-columns:.85fr 1.2fr}.home-page h1{font-size:clamp(37px,7svh,59px)}.home-posters{gap:10px}.poster-top{left:10px;right:10px;top:12px}.poster-bottom{left:11px;right:11px}.home-stats{gap:17px}.home-stats>div+div{padding-left:17px}.home-stats span{font-size:7px;letter-spacing:.5px}.poster-tagline{font-size:8px}.home-intro{font-size:11px}.billboard-heading>span{font-size:7px}}
@media(max-width:700px){.home-page .site-header{margin-top:8px;min-height:65px}.home-page .demo-bar{font-size:6px;letter-spacing:1px}.home-hero{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:19px;padding:17px 0 12px}.hero-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;align-items:start}.hero-eyebrow{grid-column:1/-1;font-size:6px;letter-spacing:1.3px;margin:0 0 12px}.home-page h1{grid-row:2/4;font-size:clamp(25px,4.8svh,40px);margin:0;line-height:1.03;letter-spacing:-1.4px}.home-intro{font-size:9px;line-height:1.7;margin:0 0 13px;grid-column:2;align-self:end}.home-stats{grid-column:2;flex-direction:column;gap:10px;border-top:0;padding:0}.home-stats>div+div{border-left:0;padding:0}.home-stats strong{font-size:23px;letter-spacing:-.7px}.home-stats span{font-size:6px;letter-spacing:.4px;margin:3px 0}.home-stats small{font-size:7px}.home-billboard{align-self:stretch;display:flex;flex-direction:column;min-height:0}.billboard-heading{margin:0 0 10px;flex-shrink:0}.billboard-heading p{font-size:6px;letter-spacing:1.5px;margin-bottom:5px}.billboard-heading h2{font-size:17px}.billboard-heading>span{font-size:7px}.home-posters{gap:8px;padding-top:7px;min-height:0;flex:1}.home-feature-card{border-radius:10px;min-height:0}.home-feature-card:nth-child(2){transform:translateY(-5px)}.home-poster-hit{height:100%;min-height:140px;max-height:370px}.poster-top{left:8px;right:8px;top:9px;gap:4px}.poster-top>span{font-size:6px}.poster-top b{font-size:5px;letter-spacing:.4px;padding:4px}.poster-bottom{left:8px;right:8px;bottom:10px}.poster-bottom small{font-size:5px;letter-spacing:1px}.poster-bottom strong{font-size:13px;letter-spacing:-.4px;margin:5px 0}.poster-tagline{display:none}.poster-action{font-size:6px;letter-spacing:.7px;margin-top:10px;padding-top:8px}.poster-action i{font-size:12px}.billboard-note{font-size:7px;margin:9px 0 0;flex-shrink:0}.home-footer{padding:9px 16px;gap:8px;font-size:5px}.home-footer nav{gap:10px}.home-footer a{font-size:7px}.world-apex{left:0;width:100%!important}.world-rivals{right:-20%;width:90%!important}.world-cs2{opacity:.18!important}.home-worlds:after{background:linear-gradient(180deg,#060b10c9,#060b1099 45%,#060b10cc)}#catalog-error{font-size:8px;bottom:0}}
@media(max-height:650px) and (min-width:701px){.home-page .site-header{min-height:57px;margin-top:8px;padding-top:7px;padding-bottom:7px}.home-hero{padding:15px 0;gap:26px}.home-page h1{font-size:clamp(30px,7.3svh,48px);margin-bottom:13px}.hero-eyebrow{margin-bottom:12px;font-size:7px}.home-intro{margin-bottom:15px;font-size:11px}.home-stats{padding-top:12px}.home-stats strong{font-size:25px}.home-stats span{font-size:7px}.home-stats small{font-size:8px}.home-poster-hit{height:48svh;min-height:210px}.billboard-heading{margin-bottom:12px}.billboard-heading h2{font-size:21px}.home-footer{padding-top:8px;padding-bottom:8px}}
@media(max-height:700px) and (max-width:700px){.home-hero{gap:12px;padding-top:12px}.hero-eyebrow{margin-bottom:8px}.home-page h1{font-size:29px}.home-intro{font-size:8px;margin-bottom:7px}.home-stats{gap:6px}.home-stats strong{font-size:19px}.home-stats small{font-size:6px}.poster-top>span{display:none}.poster-bottom strong{font-size:11px}.poster-bottom small{display:none}.billboard-heading h2{font-size:15px}.billboard-note{font-size:6px}}
@media(prefers-reduced-motion:reduce){.home-feature-card,.poster-art{transition:none}.home-feature-card:hover,.home-feature-card:nth-child(2),.home-feature-card:nth-child(2):hover,.home-feature-card:focus-within,.home-feature-card:nth-child(2):focus-within,.home-feature-card:hover .poster-art{transform:none}}

/* Présentation du catalogue sous le slogan. */
.home-page .hero-copy .home-intro{max-width:450px;font-size:14px;line-height:1.65;margin:0 0 22px;color:#c3ced5}
@media(max-width:700px){.home-page .hero-copy .home-intro{grid-column:1/-1;grid-row:2;font-size:12px;line-height:1.5;margin:6px 0 2px;max-width:none}}
.home-page .poster-tagline{display:block;min-height:0;margin-top:7px;color:#c3ced5;font-size:10px;line-height:1.4}@media(max-width:650px){.home-page .poster-tagline{font-size:8px;margin-top:5px}}