.hero.svelte-11yph3x{padding:clamp(20px,4vw,48px) 0 8px}.grid.svelte-11yph3x{align-items:center;gap:24px;display:grid}.copy.svelte-11yph3x{gap:12px;display:grid}h1.svelte-11yph3x{font-size:var(--step-4)}.lead.svelte-11yph3x{max-width:46ch;color:var(--muted);font-size:var(--step-1);line-height:1.45}.viaggio.svelte-11yph3x{color:#4a2a12;transition:transform .14s var(--ease-out);background:linear-gradient(120deg,#fff3d6,#ffe0c2);border:1px solid #f0c08f;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex;box-shadow:0 4px #e2a874}.viaggio.svelte-11yph3x:hover{transform:translateY(-2px)}.viaggio.svelte-11yph3x .ico:where(.svelte-11yph3x){color:#fff;background:#e8743b;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.viaggio.svelte-11yph3x .txt:where(.svelte-11yph3x){line-height:1.25;display:grid}.viaggio.svelte-11yph3x .txt:where(.svelte-11yph3x) span:where(.svelte-11yph3x){font-size:var(--step--1);opacity:.8}.viaggio.svelte-11yph3x .cap:where(.svelte-11yph3x){gap:4px;margin-left:auto;display:flex}.viaggio.svelte-11yph3x .cap:where(.svelte-11yph3x) i:where(.svelte-11yph3x){background:#4a2a122e;border-radius:50%;width:10px;height:10px}.viaggio.svelte-11yph3x .cap:where(.svelte-11yph3x) i.on:where(.svelte-11yph3x){background:#e8743b}.scelte.svelte-11yph3x{gap:10px;display:grid}.riga.svelte-11yph3x{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lab.svelte-11yph3x{min-width:70px;color:var(--muted);font-size:var(--step--1);font-weight:700}.tema-btn.svelte-11yph3x{border:1px solid var(--line);background:var(--surface);min-height:36px;color:inherit;font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 10px 0 4px;font-weight:700;display:inline-flex}.tema-btn.on.svelte-11yph3x{border-color:#e8743b;box-shadow:0 0 0 2px #e8743b}.tema-btn.svelte-11yph3x:disabled{opacity:.5;cursor:default}.tema-btn.svelte-11yph3x .mini:where(.svelte-11yph3x){background-repeat:no-repeat;border-radius:5px;width:24px;height:30px}.panno-btn.svelte-11yph3x{border:2px solid var(--surface);background:linear-gradient(140deg, var(--a), var(--b));color:#fff;width:34px;height:34px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:50%;place-items:center;display:grid}.panno-btn.on.svelte-11yph3x{box-shadow:0 0 0 3px #e8743b}.panno-btn.svelte-11yph3x:disabled{opacity:.45;cursor:default}.art.svelte-11yph3x{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);view-transition-name:art-mahjong;width:100%;height:auto}@media (width>=900px){.grid.svelte-11yph3x{grid-template-columns:1fr 1.1fr;gap:48px}}.content.svelte-11yph3x{gap:16px;margin-top:28px;display:grid}h2.svelte-11yph3x{font-size:var(--step-1);margin-top:22px}.two.svelte-11yph3x{gap:16px;margin-top:12px;display:grid}@media (width>=900px){.two.svelte-11yph3x{grid-template-columns:1fr 1.15fr;align-items:start}}.how.svelte-11yph3x{gap:14px;display:grid}.how.svelte-11yph3x h2:where(.svelte-11yph3x){margin-top:0}.example.svelte-11yph3x{flex-wrap:wrap;gap:18px;padding:6px 0 8px;display:flex}.coppia.svelte-11yph3x{background:#3f8f3a1f;border-radius:12px;gap:6px;padding:8px 8px 12px;display:flex;position:relative}.coppia.no.svelte-11yph3x{background:#c23f3f1f}.coppia.svelte-11yph3x b:where(.svelte-11yph3x){color:#fff;background:#3f8f3a;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.85rem;display:grid;position:absolute;bottom:-8px;right:-8px}.coppia.no.svelte-11yph3x b:where(.svelte-11yph3x){background:#c23f3f}.example.svelte-11yph3x .tile.speciale:where(.svelte-11yph3x):after{content:"★";color:#fff;background:radial-gradient(circle at 35% 30%,#fff3b0,#e0a82a 60%,#a8721a);border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;display:grid;position:absolute;top:2px;right:3px}.example.svelte-11yph3x .tile:where(.svelte-11yph3x){background:linear-gradient(160deg,#fbf5e8 55%,#efe3c8);border-radius:9px;width:54px;height:72px;position:relative;box-shadow:3px 3px #d5c19a,6px 6px #a98f63,8px 9px 10px #0000004d}.example.svelte-11yph3x .faccia:where(.svelte-11yph3x){box-shadow:inset 0 0 0 2px var(--fam);background-repeat:no-repeat;border-radius:6px;position:absolute;inset:4px}.how.svelte-11yph3x ul:where(.svelte-11yph3x){gap:10px;margin:0;padding:0;list-style:none;display:grid}.how.svelte-11yph3x li:where(.svelte-11yph3x){align-items:flex-start;gap:10px;line-height:1.45;display:flex}.how.svelte-11yph3x li:where(.svelte-11yph3x) svg{color:#e8743b;flex:none;margin-top:3px}