:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;--gold:#ffb948;--orange:#ff742d}
*{box-sizing:border-box}body{margin:0;background:#130c24;color:#fff;min-width:320px}
a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.masthead{min-height:98px;max-width:1500px;margin:auto;padding:12px clamp(16px,3vw,36px);display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand img{display:block;width:clamp(175px,20vw,244px);height:auto}.test-label{border:1px solid #b6a0d555;border-radius:100px;padding:8px 13px;font-size:11px;letter-spacing:.09em;font-weight:750;background:#211235;color:#f4ddbb;text-align:center}
.hero{max-width:1450px;margin:0 auto;padding:0 clamp(12px,2.2vw,30px)}
.official-cover{width:100%;height:auto;display:block;aspect-ratio:1672 / 941;object-fit:contain;border-radius:22px;box-shadow:0 20px 70px #08031370}
.choices{max-width:1150px;margin:0 auto;padding:30px 22px 44px;text-align:center}.choices h1{font-size:clamp(27px,4vw,42px);margin:2px 0 8px;color:#ffcf75;line-height:1.15}.lead{font-size:clamp(15px,2vw,18px);color:#d9cde7;margin:0 0 27px}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice{display:flex;align-items:center;text-align:left;gap:14px;min-height:112px;border-radius:18px;text-decoration:none;padding:20px 24px;color:#fff;box-shadow:0 9px 30px #0003;transition:transform .15s,filter .15s}.choice:hover{transform:translateY(-3px);filter:brightness(1.08)}.choice.play{background:linear-gradient(120deg,#fc8a26,#c34c25)}.choice.organize{background:linear-gradient(120deg,#169e92,#146d9e)}.choice-emoji{font-size:34px;flex:none}.choice strong{font-size:clamp(21px,2.5vw,29px);letter-spacing:.04em;display:block}.choice small{font-size:13px;color:#fff;display:block;opacity:.94;margin-top:4px}.arrow{margin-left:auto;font-size:25px}.disclaimer{color:#b2a5bd;font-size:12px;max-width:750px;margin:22px auto 0;line-height:1.55}
.catalog{max-width:1360px;margin:10px auto 48px;padding:30px clamp(15px,3vw,40px);background:#f9f5ed;border-radius:25px;color:#27172a}.section-intro{text-align:center}.section-intro h2{font-size:clamp(22px,3vw,34px);margin:0 0 8px}.section-intro p{color:#6c6172;margin:0 0 22px}.creature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.creature{border:1px solid #d7cfda;border-radius:13px;background:white;text-align:center;overflow:hidden;padding:10px 6px 13px}.creature img{display:block;width:100%;height:155px;object-fit:contain}.creature span{font-size:13px;font-weight:750}footer{text-align:center;color:#a99cb9;font-size:12px;padding:10px 20px 30px}
@media(max-width:850px){.creature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:610px){.masthead{min-height:78px;padding:10px 13px;gap:8px}.brand img{width:175px}.test-label{font-size:9px;max-width:130px;padding:6px 8px}.hero{padding:0 8px}.official-cover{border-radius:12px}.choices{padding:23px 14px 35px}.choice-grid{grid-template-columns:1fr;gap:12px}.choice{min-height:90px;padding:16px 19px}.catalog{margin:8px 8px 30px;padding:24px 12px}.creature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.creature img{height:132px}}

/* Terza modalità: entra con codice */
.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.choice{min-width:0;padding:18px 15px;gap:10px}
.choice strong{font-size:clamp(17px,1.7vw,24px)}
.choice-emoji{font-size:29px}
.choice.join{background:linear-gradient(120deg,#7846b8,#4b268c)}
@media(max-width:1000px){.choice-grid{grid-template-columns:1fr}.choice strong{font-size:clamp(20px,2.5vw,27px)}}

.instructions-link{margin:26px auto 0}.instructions-link a{display:inline-block;color:#27172b;background:linear-gradient(120deg,#ffd892,#ffae63);border-radius:15px;padding:16px 22px;font-size:15px;font-weight:900;text-decoration:none;box-shadow:0 8px 21px #0003}.instructions-link a:hover{filter:brightness(1.08)}