/* NOVA REGNUM — LANDING CORTA (2026-10-25): slider «Scopri il gioco» e invito. Caricato SOLO dalla versione corta
   (scripts/landing/corta.mjs la fa dalla lunga). Le schede contengono l'HTML delle sezioni lunghe così com'è. */
.scopri .linguette{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:6px 2px 16px;margin:18px 0 4px}
@media (min-width:1100px){.scopri .linguette{justify-content:center;flex-wrap:wrap}}
.scopri .linguette::-webkit-scrollbar{display:none}
.scopri .linguette button{flex:0 0 auto;font:600 14px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--txt);cursor:pointer;
  background:rgba(12,18,30,.75);border:1px solid var(--line2);border-radius:999px;padding:10px 16px;transition:background .2s,color .2s,box-shadow .2s,transform .15s}
.scopri .linguette button:hover{border-color:var(--cyan)}
.scopri .linguette button[aria-selected="true"]{background:linear-gradient(135deg,#5ff6ff,var(--cyan) 55%,#00a9d6);color:#03121a;border-color:transparent;
  box-shadow:0 6px 22px rgba(0,229,255,.32);transform:translateY(-1px)}
/* il binario va da bordo a bordo dello SCHERMO; le schede partono allineate al contenuto (.wrap: 1180, margini 16).
   ‼️ in padding/scroll-padding la % è del binario stesso: per questo un rientro fisso e non 50vw - 50% */
.scopri .binario{--rientro:max(16px,calc(50vw - 590px));position:relative;display:flex;align-items:flex-start;gap:18px;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin:0 calc(50% - 50vw);padding:8px var(--rientro) 20px;
  scroll-padding:0 var(--rientro);transition:height .35s ease}
.scopri .binario::-webkit-scrollbar{display:none}
.scopri .binario.trascina{scroll-snap-type:none;cursor:grabbing;user-select:none}
@media (hover:hover) and (pointer:fine){.scopri .binario{cursor:grab}}
.scopri .lastra{flex:0 0 88%;scroll-snap-align:start;position:relative;background:var(--panel);border:1px solid var(--line2);border-radius:20px;padding:30px 28px;
  transition:opacity .3s,border-color .3s,box-shadow .3s}
.scopri .lastra:not(.attiva){opacity:.42;cursor:pointer}
.scopri .lastra.attiva{border-color:rgba(0,229,255,.45);box-shadow:0 0 40px rgba(0,229,255,.08)}
.scopri .lastra .wrap{width:auto;margin:0}
.scopri .lastra h2{font-size:clamp(22px,2.8vw,34px)}
.scopri .frecce{display:flex;justify-content:center;gap:14px;margin-top:6px}
.scopri .frecce button{width:50px;height:50px;padding:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#03121a;
  background:linear-gradient(135deg,#5ff6ff,var(--cyan) 55%,#00a9d6);border:0;box-shadow:0 8px 24px rgba(0,229,255,.3);transition:transform .15s,opacity .2s}
.scopri .frecce button:active{transform:translateY(2px)}
.scopri .frecce button:disabled{opacity:.3;cursor:default}
/* frecce DISEGNATE, non glifi (in certi caratteri le punte escono storte: già pagato su Ninja Uzi Sushi) */
.scopri .frecce i{display:block;width:12px;height:12px;border-top:3px solid currentColor;border-right:3px solid currentColor;border-radius:2px}
.scopri .frecce .fr-p i{transform:rotate(-135deg);margin-left:5px}
.scopri .frecce .fr-n i{transform:rotate(45deg);margin-right:5px}
@media (max-width:767px){
  .scopri .lastra{flex-basis:calc(100% - 36px);padding:20px 14px;border-radius:16px}
  .scopri .binario{gap:12px}
  .scopri .linguette button{font-size:12.5px;padding:9px 13px}
}
@media (prefers-reduced-motion:reduce){.scopri .lastra:not(.attiva){opacity:1}.scopri .binario{transition:none}}
.invito{padding:clamp(56px,8vw,96px) 0}
.invito h2{margin-bottom:10px}
