/* MMOS - stylesheet unico: estratto dai 4 blocchi <style> inline delle 8 pagine */

/* headings: pagina senza titolo visibile (l'h1 è nascosto, il titolo visivo resta il primo h2) */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0; }


:root {
  --paper:#161310; --card:#221e19; --ink:#f1ecec; --muted:#a8a29a;
        --line:#38322a; --navy:#3d4a7a; --red:#c92a30; --fb:#1877f2;
        --lede:#cfc9bc; --body:#c9c4b8; --navbg:rgba(22,19,16,.93);
        --dot:rgba(255,255,255,.055); --glow1:rgba(210,31,38,.13); --glow2:rgba(61,74,122,.22);
        --tg:#4cc978; --tr:#ff7a7f;
        --m-red:#e5484d; --m-navy:#8fa3e8;
        --term-border:#4a4438; --term-shadow:0 10px 34px rgba(0,0,0,.4);
        --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
[data-theme="light"] {
  --paper:#f4f1ea; --card:#fbfaf7; --ink:#1c1a17; --muted:#6f6a60;
        --line:#e3ded2; --navy:#1b2340; --red:#d21f26;
        --lede:#3d3a34; --body:#4a463f; --navbg:rgba(244,241,234,.93);
        --dot:rgba(28,26,23,.3); --glow1:rgba(210,31,38,.07); --glow2:rgba(27,35,64,.09);
        --tg:#146636; --tr:#c92a30;
        --m-red:#d21f26; --m-navy:#1b2340;
        --term-border:#d5cfbe; --term-shadow:0 10px 28px rgba(28,26,23,.12);
}
* {
  box-sizing:border-box;
}
html {
  background:var(--paper);
}
::selection {
  background:var(--red); color:#fff;
}
a:focus-visible, summary:focus-visible {
  outline:2px solid var(--fb); outline-offset:2px;
}
body {
  margin:0; background:transparent; color:var(--ink);
        font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
body::before {
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
        background:
          radial-gradient(circle at 12% 18%, var(--glow1), transparent 42%),
          radial-gradient(circle at 88% 78%, var(--glow2), transparent 46%);
}
#fx {
  position:fixed; inset:0; z-index:-1; pointer-events:none;
}
.wrap {
  max-width:880px; margin:0 auto; padding:0 20px 56px;
}
nav {
  display:flex; align-items:center; justify-content:space-between; gap:6px;
        flex-wrap:wrap; row-gap:8px;
        padding:12px 10px; border-bottom:1px solid var(--line);
        position:sticky; top:0; z-index:10; background:var(--navbg);
        backdrop-filter:blur(8px);
}
nav img {
  height:18px; width:auto; flex:0 0 auto; background:#fff; border:1px solid var(--line);
        border-radius:6px; padding:2px 5px;
}
nav a.logo {
  display:inline-flex; line-height:0;
}
.hero {
  text-align:center; padding:56px 0 8px;
}
.eyebrow {
  font-family:var(--mono); font-size:13px; color:var(--muted);
}
.eyebrow a {
  color:inherit; text-decoration:none; border-bottom:1px dotted var(--muted);
}
.eyebrow a:hover {
  color:var(--ink); border-bottom-style:solid;
}
h1 {
  font-size:clamp(32px,5.5vw,52px); margin:0 0 12px; letter-spacing:-.02em;
}
h1 .m1 {
  color:var(--m-red);
}
h1 .m2 {
  color:var(--m-navy);
}
.lede {
  font-size:17px; line-height:1.65; color:var(--lede); max-width:640px; margin:0 auto 24px;
}
.cta-row {
  display:flex; gap:10px; justify-content:center; flex-wrap:wrap;
}
.btn {
  display:inline-flex; align-items:center; gap:8px; background:#1565d8;
        color:#fff; text-decoration:none; font-weight:600; padding:10px 20px;
        border-radius:9px; font-size:15px; border:1px solid #0e56bd;
}
.btn svg {
  width:17px; height:17px; fill:#fff;
}
.btn.nav {
  padding:2px 5px; font-size:10px; gap:5px; min-width:72px; justify-content:center;
}
.btn.nav svg {
  width:10px; height:10px;
}
.btn.discord {
  background:#5865f2; border-color:#4752c4;
}
.btn.github {
  background:#24292f; border-color:var(--line);
}
.nav-btns {
  display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; flex:0 0 auto;
}
.nav-links {
  display:flex; flex-wrap:wrap; gap:6px; margin-right:auto;
}
.nav-links a {
  font-family:var(--mono); font-size:9px; color:var(--muted); text-decoration:none;
}
.nav-links a:hover {
  color:var(--ink);
}
.theme-btn {
  width:23px; height:23px; flex:0 0 auto; display:inline-flex;
        align-items:center; justify-content:center; color:var(--ink);
        background:var(--card); border:1px solid var(--line); border-radius:50%;
        cursor:pointer; padding:0; transition:transform .25s ease, border-color .15s ease, box-shadow .2s ease;
}
.theme-btn:hover {
  transform:scale(1.18); border-color:var(--fb); box-shadow:0 0 10px rgba(24,119,242,.4);
}
.theme-btn:active {
  transform:scale(.94);
}
.theme-btn svg {
  width:12px; height:12px;
}
.theme-btn .icon-sun {
  display:none;
}
[data-theme="light"] .theme-btn .icon-sun {
  display:block;
}
[data-theme="light"] .theme-btn .icon-moon {
  display:none;
}
#fxBtn .icon-pause {
  display:none;
}
#fxBtn.on .icon-pause {
  display:block;
}
#fxBtn.on .icon-play {
  display:none;
}
@media(max-width:640px) {
nav {
  flex-wrap:wrap; gap:4px 6px; padding:8px;
}
nav img {
  height:18px;
}
.nav-links {
  gap:2px 6px;
}
.nav-links a {
  font-size:8.5px;
}
.nav-btns {
  gap:6px; flex-wrap:nowrap;
}
.btn.nav {
  font-size:0; gap:0; padding:5px 6px; min-width:0;
}
.btn.nav svg {
  width:12px; height:12px;
}
}

.btn.ghost {
  background:var(--card); color:var(--ink); border:1px solid var(--line);
        font-size:16px; padding:12px 24px;
        transition:transform .15s ease, border-color .15s ease, box-shadow .2s ease;
}
.btn.ghost:hover {
  transform:translateY(-2px); border-color:var(--fb); box-shadow:0 6px 18px rgba(0,0,0,.25);
}
.btn.ghost .arr {
  display:inline-block; transition:transform .2s ease;
}
.btn.ghost:hover .arr {
  transform:translateY(3px);
}
.term {
  margin:30px auto 0; max-width:100%; background:#0e0d0c; color:#f1ecec;
        border:1px solid var(--term-border); border-radius:12px; overflow:hidden; text-align:left;
        font-family:var(--mono); font-size:13.5px; box-shadow:var(--term-shadow);
}
.term-bar {
  display:flex; align-items:center; gap:6px; padding:10px 14px; border-bottom:1px solid #3a3636;
}
.dot {
  width:10px; height:10px; border-radius:50%;
}
.dot:nth-child(1) {
  background:#ff5f57;
}
.dot:nth-child(2) {
  background:#febc2e;
}
.dot:nth-child(3) {
  background:#28c840;
}
.term-title {
  flex:1; text-align:center; font-size:12px; color:#8a857c;
}
.cursor {
  display:inline-block; width:8px; height:15px; background:#8fd18f; vertical-align:-2px;
}
html.fx-on .cursor {
  animation:blink 1.1s steps(1) infinite;
}
@keyframes blink {
50% {
  opacity:0;
}
}

.term pre {
  margin:0; padding:14px 16px; line-height:1.9; white-space:pre-wrap;
}
.term .p {
  color:#8fd18f;
}
section {
  padding-top:44px; scroll-margin-top:70px;
}
.kicker {
  font-family:var(--mono); font-size:13px; color:var(--muted); margin:0 0 6px;
}
h2 {
  font-size:26px; margin:0 0 6px; letter-spacing:-.01em; color:var(--ink);
}
.sec-sub {
  color:var(--muted); font-size:14.5px; margin:0 0 16px;
}
.grid {
  display:grid; grid-template-columns:1fr; gap:12px;
}
.strip {
  margin-top:18px; text-align:left;
}
@media(min-width:640px) {
.grid.cols3 {
  grid-template-columns:1fr 1fr 1fr;
}
.grid.cols2 {
  grid-template-columns:1fr 1fr;
}
}

.tile {
  background:var(--card); border:1px solid var(--line); border-radius:12px; padding:18px 16px;
        transition:transform .15s ease, border-color .15s ease, box-shadow .25s ease;
}
.tile:hover {
  border-color:#57503f;
}
.tile .n {
  font-family:var(--mono); font-size:12px; color:var(--muted);
}
.tile .mk {
  display:inline-block; width:9px; height:9px; border-radius:2px;
        background:var(--body); flex:0 0 auto;
}
.tile .th {
  display:flex; align-items:center; gap:9px; margin:2px 0 6px;
}
.tile .th b {
  margin:0;
}
.lv-g {
  color:var(--tg);
}
.lv-r {
  color:var(--tr);
}
.tile b {
  display:block; margin:6px 0; font-size:15.5px; color:var(--ink);
}
.tile p, .tile li {
  font-size:14px; color:var(--body); line-height:1.6; margin:0;
}
.tile p a {
  color:var(--fb);
}
.tile ul {
  margin:8px 0 0; padding-left:18px;
}
.price-wrap {
  overflow-x:auto; border-radius:14px;
}
.price-table {
  width:100%; border-collapse:separate; border-spacing:0; font-size:13.5px; min-width:480px;
}
.price-table th {
  font-family:var(--mono); font-size:12px; color:var(--muted);
        text-align:left; padding:8px 10px; border-bottom:1px solid var(--line);
}
.price-table td {
  padding:9px 10px; border-bottom:1px solid var(--line);
        color:var(--body); vertical-align:top;
}
.price-table tr:last-child td {
  border-bottom:none;
}
.price-table .num {
  font-family:var(--mono); white-space:nowrap; text-align:right; color:var(--ink);
}
details.tile summary {
  cursor:pointer; font-weight:700; font-size:15px;
}
details.tile p {
  margin-top:8px;
}
footer {
  margin-top:20px; border-top:1px solid var(--line);
}
.foot-inner {
  max-width:640px; margin:0 auto; padding:12px 20px 16px;
        text-align:center; font-family:var(--mono); font-size:10px; color:var(--muted);
}
.foot-logo {
  height:15px; width:auto; background:#fff; border:1px solid var(--line);
        border-radius:4px; padding:1px 5px; vertical-align:middle;
}
.foot-links {
  display:flex; gap:3px 10px; justify-content:center; flex-wrap:wrap; margin:5px 0; font-size:10px;
}
.foot-links a {
  color:var(--muted); text-decoration:none;
}
.foot-links a:hover {
  color:var(--ink);
}
.foot-social {
  display:flex; gap:6px; justify-content:center; margin-bottom:6px;
}
.soc {
  width:22px; height:22px; border-radius:50%; display:inline-flex;
        align-items:center; justify-content:center; background:var(--card);
        border:1px solid var(--line); transition:transform .15s ease;
}
.soc:hover {
  border-color:var(--fb);
}
.soc svg {
  width:11px; height:11px; fill:var(--ink);
}
.copy {
  font-size:10px;
}
.chat-fab {
  position:fixed; right:16px; bottom:16px; z-index:42; width:48px; height:48px;
        border-radius:50%; background:var(--red); border:1px solid rgba(0,0,0,.2);
        cursor:pointer; display:flex; align-items:center; justify-content:center;
        box-shadow:var(--term-shadow);
}
.chat-fab svg {
  width:22px; height:22px; fill:#fff;
}
.chat-panel {
  position:fixed; right:16px; bottom:76px; z-index:42;
        width:min(330px,calc(100vw - 32px)); max-height:min(560px,78vh);
        display:none; flex-direction:column; overflow:hidden;
        background:var(--card); border:1px solid var(--line); border-radius:14px;
        box-shadow:var(--term-shadow);
}
.chat-panel.open {
  display:flex;
}
.chat-head {
  display:flex; align-items:center; gap:8px; padding:12px 14px;
        border-bottom:1px solid var(--line); font-family:var(--mono); font-size:12px;
        color:var(--ink);
}
.chat-head .on {
  width:8px; height:8px; border-radius:50%; background:#1e9e50; flex:0 0 auto;
}
.chat-head img {
  height:18px; width:auto; background:#fff; border:1px solid var(--line);
        border-radius:5px; padding:1px 5px; flex:0 0 auto;
}
.chat-head span {
  flex:1;
}
.chat-x {
  background:none; border:1px solid var(--line); color:var(--ink);
        border-radius:7px; font-size:12px; padding:2px 8px; cursor:pointer; font-family:var(--mono);
}
.chat-log {
  padding:10px 12px; overflow-y:auto; display:flex; flex-direction:column; gap:8px;
}
.msg {
  font-size:13.5px; line-height:1.5; padding:8px 10px; border-radius:10px; max-width:92%;
}
.msg.bot {
  background:var(--paper); border:1px solid var(--line); color:var(--ink); align-self:flex-start;
}
.msg.user {
  background:var(--fb); color:#fff; align-self:flex-end;
}
.msg a {
  color:var(--fb);
}
.msg.user a {
  color:#fff;
}
.chips {
  display:flex; gap:6px; flex-wrap:wrap; padding:0 12px 8px;
}
.chip {
  font-family:var(--mono); font-size:11.5px; background:var(--paper);
        border:1px solid var(--line); color:var(--ink); border-radius:20px;
        padding:4px 10px; cursor:pointer;
}
.chat-in {
  display:flex; gap:6px; padding:10px 12px; border-top:1px solid var(--line);
}
.chat-in input {
  flex:1; background:var(--paper); border:1px solid var(--line);
        border-radius:9px; padding:8px 10px; font-size:13.5px; color:var(--ink); font-family:inherit;
}
.chip.wa-btn {
  display:inline-flex; align-items:center; gap:6px; text-decoration:none;
}
.chip.wa-btn svg {
  width:12px; height:12px; fill:#25d366;
}
.chat-in button {
  background:#1565d8; color:#fff; border:1px solid #0e56bd;
        border-radius:9px; padding:8px 12px; font-size:13px; font-weight:700; cursor:pointer;
}
.typing i {
  display:inline-block; width:6px; height:6px; border-radius:50%;
        background:var(--muted); margin-right:3px; animation:tblink 1s infinite;
}
.typing i:nth-child(2) {
  animation-delay:.2s;
}
.typing i:nth-child(3) {
  animation-delay:.4s; margin-right:0;
}
@keyframes tblink {
0%,100% {
  opacity:.25;
}
50% {
  opacity:1;
}
}

@media (prefers-reduced-motion: reduce) {
.typing i {
  animation:none;
}
}

@media (max-width:640px) {
html, body {
  overflow-x:hidden; overflow-x:clip;
}
.foot-inner {
  padding:10px 12px 14px;
}
.foot-logo {
  height:12px; margin-bottom:2px;
}
.foot-links {
  flex-wrap:nowrap; font-size:8.5px; gap:2px 6px;
}
.foot-links a {
  white-space:nowrap;
}
.soc {
  width:20px; height:20px;
}
.soc svg {
  width:10px; height:10px;
}
.copy {
  font-size:9px;
}
}

@media (max-width:480px) {
.chat-fab {
  right:12px; bottom:12px;
}
.chat-panel {
  left:8px; right:8px; bottom:68px; width:auto; max-height:70vh;
}
/* schede build: su schermi stretti l'etichetta va sopra il testo, evita righe di 6 righe */
.tile .spec li {
  flex-direction:column; gap:2px;
}
.tile .spec b {
  flex:none; padding-top:0;
}
}

.music-tab {
  position:fixed; left:0; top:50%; transform:translateY(-50%); z-index:40;
        width:38px; height:52px; background:#1db954; border:none; border-radius:0 10px 10px 0;
        cursor:pointer; display:flex; align-items:center; justify-content:center; color:#fff;
}
.music-tab svg {
  width:20px; height:20px;
}
.music-panel {
  position:fixed; left:0; top:50%; transform:translate(-105%,-50%);
        transition:transform .32s ease; z-index:41; background:var(--card);
        border:1px solid var(--line); border-left:none; border-radius:0 16px 16px 0;
        padding:14px 14px 12px; width:min(380px,92vw); box-shadow:var(--term-shadow);
}
.music-panel.open {
  transform:translate(0,-50%);
}
.music-head {
  display:flex; align-items:center; gap:8px;
        font-family:var(--mono); font-size:12px; color:var(--muted); margin-bottom:10px;
}
.music-head svg {
  width:16px; height:16px; fill:#1db954; flex:0 0 auto;
}
.music-head span {
  flex:1;
}
.music-close {
  background:none; border:1px solid var(--line); color:var(--ink);
        border-radius:7px; font-size:12px; padding:3px 10px; cursor:pointer; font-family:var(--mono);
}
.music-close:hover {
  border-color:#57503f;
}
.music-panel iframe {
  display:block; border:0;
}
.discord-wrap {
  display:flex; justify-content:center; margin-top:0;
}
.discord-wrap iframe {
  border:0; border-radius:12px; max-width:100%; background:var(--card);
}
.btn.wa {
  background:#25d366; border-color:#1da851;
}
.back {
  font-family:var(--mono); font-size:12px; margin:20px 0 0;
}
.back a {
  display:inline-flex; align-items:center; gap:6px; background:linear-gradient(135deg,#2f7cf6,#0e56bd); color:#fff; font-weight:700; padding:7px 16px; border-radius:20px; text-decoration:none; border:1px solid #0e56bd; box-shadow:0 4px 14px rgba(21,101,216,.35); transition:transform .15s ease, filter .15s ease;
}
.back a:hover {
  color:#fff; filter:brightness(1.12); transform:translateX(-3px);
}
.brands {
  margin-top:18px; text-align:center;
}
.brand-row {
  display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:10px;
}
.brand {
  display:inline-flex; align-items:center; justify-content:center; background:#fff;
        border:1px solid var(--line); border-radius:10px; padding:8px 14px; height:52px;
        transition:transform .15s ease, border-color .15s ease;
}
.brand:hover {
  border-color:#57503f;
}
.brand img {
  height:28px; width:auto; max-width:120px; object-fit:contain;
}
.tile .ideal {
  font-size:13px; color:var(--muted); margin:2px 0 0;
}
.tile ul.spec {
  list-style:none; margin:10px 0 12px; padding:0;
}
.tile .spec li {
  display:flex; gap:10px; padding:6px 0; border-top:1px dashed var(--line); font-size:13.5px;
}
.tile .spec li:first-child {
  border-top:none;
}
.tile .spec b {
  display:block; flex:0 0 92px; margin:0; padding-top:2px; font-family:var(--mono); font-size:11px; font-weight:400; color:var(--muted);
}
.tile .spec span {
  color:var(--body); line-height:1.55;
}
.tile .spec i {
  color:var(--muted); font-style:normal;
}
.tile a.chip {
  text-decoration:none;
}
a.wa-cta {
  display:inline-flex; align-items:center; gap:8px; background:#25d366; color:#fff;
        font-weight:600; font-size:13.5px; padding:8px 14px; border-radius:9px; border:1px solid #1da851;
        text-decoration:none;
}
a.wa-cta:hover {
  border-color:#128c4a; filter:brightness(.96); color:#fff;
}
a.wa-cta svg {
  width:15px; height:15px; fill:#fff; flex:0 0 auto;
}
a.wa-cta.big {
  font-size:15px; padding:10px 22px;
}
a.wa-cta.big svg {
  width:17px; height:17px;
}
.listino-hero {
  background:linear-gradient(135deg,#8a6d1f,#5c4a12 60%,#2b2410); border-radius:16px; padding:22px 20px; color:#fff; margin:0 0 16px; box-shadow:0 12px 32px rgba(138,109,31,.25); position:relative; overflow:hidden;
}
.listino-hero .kicker {
  color:rgba(255,255,255,.75);
}
.listino-hero h2 {
  color:#fff;
}
.listino-hero .sec-sub {
  color:rgba(255,255,255,.88); margin:0; max-width:70%;
}
.listino-hero .hero-euro {
  position:absolute; right:6px; top:50%; transform:translateY(-50%) rotate(-8deg); font-family:var(--mono); font-weight:700; font-size:120px; color:rgba(255,255,255,.14); pointer-events:none; line-height:1;
}
.price-table tbody tr {
  transition:background .15s ease;
}
.price-table tbody tr:hover td {
  background:rgba(138,109,31,.08);
}
.price-table .num span {
  display:inline-block; background:rgba(138,109,31,.16); border:1px solid rgba(138,109,31,.5); border-radius:20px; padding:2px 12px; font-weight:700;
}
.rate {
  text-align:center; position:relative;
}
.rate .flag {
  display:inline-block; font-family:var(--mono); font-size:10.5px; font-weight:700; color:#0b0b0c; background:linear-gradient(135deg,#f3d27a,#d9a92f); border-radius:20px; padding:3px 12px; margin-bottom:10px;
}
.rate .rate-price {
  display:block; font-family:var(--mono); font-size:30px; font-weight:700; color:var(--ink); margin:4px 0 8px;
}
.rate .rate-price small {
  font-size:13px; color:var(--muted); font-weight:400;
}
.rate .rate-price s {
  font-size:14px; color:var(--muted); font-weight:400; margin-right:8px;
}
.rate.top {
  border-color:rgba(217,169,47,.6); box-shadow:0 0 0 1px rgba(217,169,47,.25), 0 10px 28px rgba(217,169,47,.14);
}
.rate:hover {
  border-color:rgba(217,169,47,.6); box-shadow:0 10px 28px rgba(217,169,47,.16);
}
#guida-uso {
.tile:hover {
  border-color:rgba(88,101,242,.6); box-shadow:0 10px 30px rgba(88,101,242,.18);
}
.tile.win:hover {
  border-color:rgba(24,119,242,.65); box-shadow:0 10px 30px rgba(24,119,242,.2);
}
.tile.mob:hover {
  border-color:rgba(29,185,84,.6); box-shadow:0 10px 30px rgba(29,185,84,.18);
}
}

.split .discord-wrap iframe {
  width:100%; max-width:350px;
}
.os {
  display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; border:1px solid var(--line); margin-bottom:8px;
}
.os.win {
  background:rgba(24,119,242,.14); border-color:rgba(24,119,242,.45); color:var(--ink);
}
.os.mob {
  background:rgba(29,185,84,.13); border-color:rgba(29,185,84,.45); color:var(--ink);
}
.kbd {
  font-family:var(--mono); font-size:11.5px; background:var(--paper); border:1px solid var(--line); border-bottom-width:2px; border-radius:6px; padding:1px 6px; white-space:nowrap;
}
.guide-hero {
  background:linear-gradient(135deg,#5865f2,#4048c8 60%,#2b3178); border-radius:16px; padding:22px 20px; color:#fff; margin:0 0 16px; box-shadow:0 12px 32px rgba(88,101,242,.25); position:relative; overflow:hidden;
}
.guide-hero .kicker {
  color:rgba(255,255,255,.75);
}
.guide-hero h2 {
  color:#fff;
}
.guide-hero .sec-sub {
  color:rgba(255,255,255,.88); margin:0; max-width:70%;
}
.guide-hero a {
  color:#fff; text-decoration:underline; text-underline-offset:2px;
}
.guide-hero .hero-logo {
  position:absolute; right:-24px; top:50%; transform:translateY(-50%) rotate(-8deg); width:170px; height:170px; opacity:.9; pointer-events:none;
}
.split {
  display:grid; gap:16px; margin-top:14px;
}
@media(min-width:800px) {
.split {
  grid-template-columns:1.15fr .85fr; align-items:start;
}
.split .discord-wrap {
  position:sticky; top:70px;
}
}

.steps {
  list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px;
}
.steps li {
  display:flex; gap:13px; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px; transition:transform .15s ease, border-color .15s ease;
}
.steps li:hover {
  border-color:#5865f2; box-shadow:0 10px 28px rgba(88,101,242,.2);
}
.steps li .step-n {
  flex:0 0 auto; margin:0;
}
.steps li b {
  display:block; margin:3px 0 4px; font-size:15.5px; color:var(--ink);
}
.steps li p {
  margin:0; font-size:14px; color:var(--body); line-height:1.65;
}
.steps li p a {
  color:var(--fb);
}
.step-n {
  display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,#5865f2,#9b5cf6); color:#fff; font-family:var(--mono); font-weight:700; font-size:14px; margin-bottom:10px; box-shadow:0 4px 12px rgba(88,101,242,.35);
}
.store-row {
  display:flex; gap:8px; flex-wrap:wrap; margin-top:12px;
}
.store-badge {
  display:inline-flex; align-items:center; gap:9px; background:#0b0b0c; color:#fff; border:1px solid #2a2a2e; border-radius:10px; padding:7px 13px 7px 10px; text-decoration:none; transition:transform .15s ease, box-shadow .2s ease, border-color .15s ease;
}
.store-badge:hover {
  border-color:#5865f2; box-shadow:0 8px 20px rgba(0,0,0,.4); color:#fff;
}
.store-badge svg {
  width:20px; height:20px; flex:0 0 auto;
}
.store-badge .t {
  line-height:1.3;
}
.store-badge small {
  display:block; font-size:9.5px; font-weight:400; opacity:.7;
}
.store-badge b {
  display:block; font-size:13px;
}
.tile.win {
  border-left:3px solid #1877f2;
}
.tile.mob {
  border-left:3px solid #1db954;
}
#guida-uso {
.tile ul {
  list-style:none; margin:8px 0 0; padding:0;
}
.tile ul li {
  position:relative; padding-left:22px; margin:7px 0;
}
.tile ul li::before {
  content:"✓"; position:absolute; left:0; top:0; color:#1db954; font-weight:700;
}
.tile.win ul li::before {
  color:#1877f2;
}
}

.doc-links {
  display:flex; gap:8px; flex-wrap:wrap; margin-top:14px;
}
.doc-links a {
  font-family:var(--mono); font-size:11.5px; color:var(--ink); text-decoration:none; border:1px solid var(--line); background:var(--card); padding:6px 14px; border-radius:20px; transition:transform .15s ease, border-color .15s ease, box-shadow .2s ease;
}
.doc-links a:hover {
  color:var(--ink); border-color:#5865f2; box-shadow:0 6px 16px rgba(88,101,242,.25);
}
details.tile .fold {
  display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease;
}
details.tile .fold-in {
  overflow:hidden; min-height:0;
}
details.tile[open] .fold {
  grid-template-rows:1fr;
}
@media (prefers-reduced-motion: reduce) {
details.tile .fold {
  transition:none;
}
}

details.tile .kbd-row {
  display:flex; justify-content:space-between; gap:10px; padding:6px 0; border-bottom:1px dashed var(--line); font-size:13.5px; color:var(--body);
}
details.tile .kbd-row:last-child {
  border-bottom:none;
}
.tile.sponsor {
  position:relative; overflow:hidden;
}
.tile.sponsor::before {
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
        background:linear-gradient(90deg,#f6c453,#c92a30,#3d4a7a);
}
.sponsor .num {
  font-family:var(--mono); font-size:12px; color:#fff; background:var(--red); border-radius:6px; padding:2px 8px;
}
.sponsor-top {
  display:flex; align-items:center; gap:14px; margin:10px 0 12px;
}
.sponsor-logo {
  height:72px; width:auto; background:#fff; border:1px solid var(--line); border-radius:14px;
        padding:8px 12px; box-shadow:0 0 0 2px rgba(246,196,83,.35), 0 8px 24px rgba(0,0,0,.35);
}
.sponsor-top b {
  margin:0; font-size:20px;
}
.visit {
  display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,#f6c453,#dd8f13);
        color:#241500; font-weight:700; font-size:14px; padding:9px 18px; border-radius:12px;
        text-decoration:none; border:1px solid #b96f0a; box-shadow:0 4px 16px rgba(221,143,19,.35);
        transition:transform .15s ease, filter .15s ease;
}
.visit:hover {
  filter:brightness(1.08);
}
.visit .arr {
  display:inline-block; transition:transform .2s ease;
}
.visit:hover .arr {
  transform:translate(2px,-2px);
}