/* Accueil validé : décor seul en bitmap, cartes et commandes indépendantes. */
.home-screen { background:#062234 url('assets/home-neon-city.png') center/cover no-repeat; }
.home-screen::before { background:radial-gradient(ellipse at 50% 52%,transparent 28%,#00132612 80%); }
.home-screen .home-scenery,.home-screen .home-glow { display:none; }
.home-screen .home-nav { position:absolute; top:4%; left:0; right:0; height:auto; padding:0; border:0; justify-content:center; pointer-events:none; }
.home-screen .home-brand { display:block; text-align:center; }
.home-screen .home-brand span { display:none; }
.home-screen .home-brand strong { text-shadow:none!important; filter:drop-shadow(3px 5px 0 #071621); }
.home-screen .home-brand strong { display:block; font:900 clamp(72px,14vw,220px)/1 var(--display); letter-spacing:-.015em; transform:skew(-4deg) rotate(-1deg); color:#f2f0e6; text-shadow:4px 7px 0 #071621,0 12px 25px #0008; background:#f2f0e6 url('assets/card-wear.svg') center/cover; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.home-screen .home-content { position:absolute; inset:0; height:100%; padding:0; display:block; }
.home-screen .home-copy { position:absolute; top:32%; left:50%; width:34%; max-width:590px; padding:0; transform:translateX(-50%); background:none; }
.home-screen .home-eyebrow { color:#ff568f; font-size:clamp(10px,1.45vw,22px); margin-bottom:2vh; letter-spacing:.13em; }
.home-screen .home-copy h1 { font-size:clamp(22px,3.5vw,57px); line-height:1.05; white-space:nowrap; transform:none; text-shadow:0 3px 9px #000a; }
.home-screen .home-copy h1 span { color:var(--pink); }
.home-screen .home-actions { margin-top:4.5vh; gap:2.4vh; }
.home-screen .home-actions .button { min-height:0; height:13.5vh; max-height:130px; padding:12px 16%; justify-content:center; border:3px solid #14242b; font-size:clamp(28px,3.7vw,60px); line-height:1; background-image:url('assets/card-wear.svg'); background-size:100% 190%; box-shadow:inset 0 0 0 2px #ffffff65,inset 0 0 0 5px #10262b55; }
.home-screen .home-actions .home-play { background-color:#eceb12; color:#090d08; }
.home-screen .home-actions .ghost { background-color:#0bbadb; color:#061923; border-color:#103340; }
.home-screen .home-actions .home-button-arrow { position:absolute; right:6%; font-size:clamp(30px,4vw,65px); }
.home-screen .home-links { margin-top:2vh; }
.home-screen .home-links button { color:#8fdbf2; font-size:clamp(12px,1.55vw,24px); letter-spacing:.025em; }
.home-screen .home-links .home-button-arrow { display:none; }
.home-screen .home-card { top:60%; height:min(73vh,40vw); opacity:1; }
.home-screen .home-card-nyx { left:4%; }
.home-screen .home-card-mara { right:4%; }
@media(hover:hover) and (pointer:fine) {
  .home-screen .home-actions .home-play:hover { background-color:#f9ff42; }
  .home-screen .home-actions .ghost:hover { background-color:#3bdcfa; color:#061923; }
}
@media(max-width:950px) {
  .home-screen .home-copy { width:56%; top:32%; }
  .home-screen .home-copy h1 { font-size:5.2vw; }
  .home-screen .home-card { height:50vh; opacity:.4; animation:home-neon-float 6s ease-in-out infinite; }
  .home-screen .home-card-nyx { left:-16%; }
  .home-screen .home-card-mara { right:-16%; }
  .home-screen .home-actions .button { font-size:38px; }
  .home-screen .home-eyebrow { font-size:14px; }
}
@media(max-width:550px) {
  .home-screen .home-copy { width:82%; }
  .home-screen .home-copy h1 { font-size:7.8vw; }
  .home-screen .home-brand strong { font-size:17vw; }
  .home-screen .home-nav { top:12%; }
  .home-screen .home-card { opacity:.23; }
}
@media(max-height:500px) {
  .home-screen { overflow-y:auto; }
  .home-screen .home-content { min-height:470px; }
  .home-screen .home-actions .button { height:64px; }
}
@keyframes home-neon-float { 0%,100% { transform:translateY(-50%) rotate(-4deg); } 50% { transform:translateY(-52%) rotate(-2deg); } }
@media(prefers-reduced-motion:reduce) { .home-screen .home-card { animation:none; } }