/* Stili della pagina landing.html (spostati qui da un <style> in linea: la CSP del server ammette solo style-src 'self'). */
/* --- Pulsanti ------------------------------------------------------------ */
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:1.2rem 0 .4rem;}
.play{display:inline-block;margin:0;padding:.7rem 1.6rem;background:var(--wood-dark);color:var(--gold-bright);border:2px solid var(--gold);border-radius:var(--panel-radius);font-family:var(--font-title);font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;}
.play:hover{background:var(--wood);color:var(--gold-bright);}

/* Pulsante Google Play. Finché l'app non è pubblica resta spento (classe is-soon + aria-disabled):
   per accenderlo vedi il commento "COME ATTIVARE IL PULSANTE GOOGLE PLAY" subito dopo <body>. */
.store{display:inline-flex;flex-direction:column;justify-content:center;padding:.45rem 1.3rem .5rem;min-height:3.1rem;background:var(--parchment-paper);color:var(--wood-dark);border:2px solid var(--wood);border-radius:var(--panel-radius);text-decoration:none;line-height:1.15;}
.store small{font-family:var(--font-body);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);}
.store b{font-family:var(--font-title);font-size:1.15rem;letter-spacing:.03em;}
a.store:hover{background:#fff;color:var(--wood-dark);border-color:var(--gold);}
.store.is-soon{background:rgba(255,253,247,.45);border-style:dashed;color:var(--ink-soft);cursor:not-allowed;}
.store.is-soon:hover{background:rgba(255,253,247,.45);border-color:var(--wood);color:var(--ink-soft);}

/* --- Immagine principale ----------------------------------------------- */
.hero{margin:1.2rem 0 0;border:3px solid var(--gold);border-radius:var(--panel-radius);overflow:hidden;box-shadow:0 3px 10px rgba(60,37,21,.35);background:var(--wood-dark);}
.hero img{display:block;width:100%;height:auto;aspect-ratio:1376/768;object-fit:cover;}

/* --- Testi ---------------------------------------------------------------- */
.lead{font-size:1.12rem;line-height:1.65;color:var(--ink);margin:1.3rem 0 .4rem;}
.motto{font-family:var(--font-title);font-size:clamp(1.15rem,3.6vw,1.45rem);line-height:1.3;color:var(--wood-dark);margin:1.1rem 0 0;font-weight:700;}
.motto em{font-style:normal;color:var(--danger);}

/* --- Schede delle meccaniche ------------------------------------------ */
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;margin:1.1rem 0 0;}
.feat{position:relative;background:var(--parchment-paper);border:2px solid var(--wood);border-radius:var(--panel-radius);padding:16px 16px 14px;display:flex;flex-direction:column;}
.feat .num{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .45rem;margin-bottom:.5rem;border-radius:999px;background:linear-gradient(var(--gold-bright),var(--gold));border:1px solid var(--wood);font-family:var(--font-title);font-weight:700;font-size:.85rem;color:var(--ink);align-self:flex-start;}
.feat h3{margin:0 0 .35rem;font-family:var(--font-title);font-size:1.05rem;color:var(--wood-dark);line-height:1.25;}
.feat p{margin:0 0 .7rem;font-size:.93rem;line-height:1.55;}
.feat a.more{margin-top:auto;font-size:.85rem;font-weight:700;}

/* --- Negozio ---------------------------------------------------------- */
.fair{background:rgba(255,253,247,.7);border:2px solid var(--gold);border-radius:var(--panel-radius);padding:18px 20px;margin:1.2rem 0 0;}
.fair p{margin:.6em 0;}

/* --- Guide della wiki ------------------------------------------------- */
.wikilinks{display:flex;flex-wrap:wrap;gap:8px;margin:.9rem 0 0;padding:0;list-style:none;}
.wikilinks li{margin:0;}
.wikilinks a{display:inline-block;padding:.35rem .8rem;background:var(--parchment-paper);border:1px solid var(--wood);border-radius:999px;font-size:.88rem;font-weight:600;text-decoration:none;}
.wikilinks a:hover{border-color:var(--gold);background:#fff;}

/* --- Novità in arrivo ---------------------------------------------------- */
.soon{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin:1rem 0 0;}
.soon div{padding:12px 14px;border:2px dashed var(--wood);border-radius:var(--panel-radius);background:rgba(255,253,247,.45);}
.soon b{display:block;font-family:var(--font-title);color:var(--wood-dark);font-size:1rem;margin-bottom:.2rem;}
.soon span{font-size:.9rem;line-height:1.5;color:var(--ink-soft);}
.note{font-size:.85rem;font-style:italic;margin:.9rem 0 0;}

.links{margin-top:2rem;padding-top:1rem;border-top:2px solid var(--gold);font-size:.95rem;}
.langbar button:focus-visible,.play:focus-visible,a:focus-visible{outline:3px solid var(--gold-bright);outline-offset:2px;}