/* Pagine secondarie sul design system (public/design-system.css).
   Ogni regola resta legata a .it-site[data-page]: le aree di gioco e l'arte dei membri non si toccano. */
.it-site:is([data-page="feed"], [data-page="chat"], [data-page="classifica"], [data-page="assistance"]) > main {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: var(--ds-ink-900);
  color: var(--ds-text);
}
.it-site:is([data-page="feed"], [data-page="chat"], [data-page="classifica"], [data-page="assistance"]) > main::before { content: none; }
.it-site:is([data-page="feed"], [data-page="chat"], [data-page="classifica"], [data-page="assistance"]) > main > .section { padding-block: 30px 58px; }
.it-site:is([data-page="feed"], [data-page="classifica"], [data-page="assistance"]) > main > .section > .wrap {
  width: 100%;
  max-width: calc(var(--ds-shell-max) + 2 * var(--ds-gutter));
  margin-inline: auto;
  padding-inline: var(--ds-gutter);
}

/* Intestazioni legacy (.page-head) ancora in uso: hero compatto scuro, mai una lastra crema. */
.it-site:is([data-page="classifica"], [data-page="assistance"], [data-page="contest"]) > main > .page-head {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(28px, 4vw, 48px) max(var(--ds-gutter), calc((100vw - var(--ds-shell-max)) / 2)) clamp(24px, 3vw, 36px);
  border-bottom: 1px solid var(--ds-line);
  border-left: 0;
  background: var(--ds-ink-900);
  color: var(--ds-text);
}
.it-site:is([data-page="classifica"], [data-page="assistance"], [data-page="contest"]) .page-head::before,
.it-site:is([data-page="classifica"], [data-page="assistance"], [data-page="contest"]) .page-head::after { content: none; }
.it-site:is([data-page="classifica"], [data-page="assistance"], [data-page="contest"]) .page-head .page-title {
  max-width: 1120px;
  margin: var(--ds-space-3) 0 var(--ds-space-4);
  color: inherit;
  font: 400 var(--ds-display-l)/var(--ds-lh-display) var(--ds-font-display);
  letter-spacing: var(--ds-tracking-display);
  text-transform: uppercase;
  text-shadow: none;
  overflow-wrap: anywhere;
}
.it-site:is([data-page="classifica"], [data-page="assistance"], [data-page="contest"]) .page-head .page-kicker { color: var(--ds-lime); font: 700 var(--ds-eyebrow-size)/1.3 var(--ds-font-body); letter-spacing: var(--ds-tracking-caps); text-transform: uppercase; }
.it-site:is([data-page="classifica"], [data-page="assistance"], [data-page="contest"]) .page-head .page-sub { max-width: 56ch; color: var(--ds-text-2); font-size: var(--ds-text-lg); line-height: 1.55; }
.it-site:is([data-page="classifica"], [data-page="assistance"]) .page-head .btn { margin-top: 22px; }

/* Controlli piccoli legacy (.btn) sulle pagine community: misure e angoli del design system. */
.it-site:is([data-page="feed"], [data-page="chat"], [data-page="classifica"], [data-page="assistance"]) main .btn:not(:where(.it-page-hero *)) {
  min-height: 44px;
  border-radius: var(--ds-r-1);
  font-family: var(--ds-font-body);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: none;
}
.it-site:is([data-page="feed"], [data-page="chat"], [data-page="classifica"], [data-page="assistance"]) main :is(.btn, .fchip):disabled { opacity: .45; cursor: not-allowed; }
.it-site:is([data-page="feed"], [data-page="chat"], [data-page="classifica"], [data-page="assistance"], [data-page="people"], [data-page="inbox"], [data-page="pass"], [data-page="market"], [data-page="live"], [data-page="clips"], [data-page="publicProfile"], [data-page="profilo"]) main :is(a, button, input, select, textarea, summary):not(:where(.it-page-hero *)):focus-visible {
  outline: var(--ds-focus-width) solid var(--ds-focus-color);
  outline-offset: var(--ds-focus-offset);
}

/* Community: pale hero above a dark navigation rail and the real member feed. */
.it-site[data-page="feed"] :is(.community-primary-tabs, .community-scope-tabs) { padding: 0; }
.it-site[data-page="feed"] :is(.community-primary-tabs, .community-scope-tabs) button {
  min-width: 0;
  min-height: 48px;
  padding: 0 12px;
  color: var(--ds-text-2);
  font: 600 14px/1.3 var(--font-body, Arial, sans-serif);
  letter-spacing: 0;
  text-transform: none;
}

/* Forum: comfortable reading, compact tools and clearly selected channels. */
.it-site[data-page="chat"] :is(.pulse-card, .pulse-thread, .pulse-composer, .pulse-login, .pulse-composer-trigger, .pulse-search, .pulse-sort, .pulse-empty) { border-radius: 3px; border-color: var(--ds-line-strong); background: var(--ds-ink-850); box-shadow: none; }
.it-site[data-page="chat"] :is(.pulse-communities button, .pulse-personal button, .pulse-discord-link) { border-radius: 3px; }
.it-site[data-page="chat"] :is(.pulse-communities button, .pulse-personal button)[data-active="true"] { border-color: var(--ds-lime-line); background: var(--ds-lime-soft); box-shadow: inset 3px 0 var(--ds-lime); color: var(--ds-text); }
.it-site[data-page="chat"] :is(.pulse-discord-link, .pulse-discord-card) { border-color: var(--ds-line-strong); background: var(--ds-ink-800); }
.it-site[data-page="chat"] :is(.pulse-head h2, .pulse-empty h2) { font-family: var(--it-display, 'Anton', Impact, sans-serif); font-weight: 400; letter-spacing: -.01em; line-height: 1.15; }
.it-site[data-page="chat"] :is(.pulse-head p, .pulse-login span, .pulse-empty p, .pulse-card small) { color: var(--ds-text-2); line-height: 1.6; }
.it-site[data-page="chat"] :is(.pulse-mobile-channels, .pulse-topic-row, .pulse-sort, .pulse-vote) button[data-active="true"] { color: var(--ds-lime); border-color: var(--ds-lime-line); background: var(--ds-lime-soft); }
.it-site[data-page="chat"] :is(.pulse-thread footer button, .pulse-personal button, .pulse-mobile-channels button) { min-height: 40px; }

/* Rankings present only existing scores; empty state remains a useful invitation. */
.it-site[data-page="classifica"] :is(.lb-meta, .lb-loading) { color: var(--ds-text-2); font-size: 13px; }
.it-site[data-page="classifica"] .lb-meta strong { color: var(--ds-text); }
.it-site[data-page="classifica"] :is(.pod, .lb-table, .lb-empty) { border-color: var(--ds-line-strong); border-radius: 3px; background: var(--ds-ink-850); box-shadow: none; }
.it-site[data-page="classifica"] :is(.pod-points, .lb-points) { color: var(--ds-lime); }
.it-site[data-page="classifica"] .lb-row { min-height: 64px; border-color: var(--ds-line-strong); }

/* Assistance keeps the offline state, links and conversation controls readable. */
.it-site[data-page="assistance"] :is(.assistance-chat, .assistance-links, .assistance-faq details) { border-color: var(--ds-line-strong); border-radius: 3px; background: var(--ds-ink-850); }


/* Reflex/Aim Pro: chrome only. No transforms, overlays or inherited token changes in the play area. */
.it-site[data-page="aimPro"] :is(.aim-pro-appbar, .aim-pro-workspace-nav) :is(button, a):focus-visible { outline: 3px solid var(--ds-lime); outline-offset: 3px; }


/* ---------- WP5: guscio comune di Persone, Inbox, Reflex Lab, Battle Pass, Market, Live, Clip, Profilo ---------- */
.it-site:is([data-page="people"], [data-page="inbox"], [data-page="arcade"], [data-page="pass"], [data-page="market"], [data-page="live"], [data-page="clips"], [data-page="publicProfile"], [data-page="profilo"]) > main {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 0 var(--ds-space-8);
  background: var(--ds-ink-900);
  color: var(--ds-text);
}
.it-site:is([data-page="people"], [data-page="inbox"], [data-page="arcade"], [data-page="pass"], [data-page="market"], [data-page="live"], [data-page="clips"], [data-page="publicProfile"], [data-page="profilo"]) > main::before { content: none; }
.it-site:is([data-page="people"], [data-page="inbox"], [data-page="arcade"], [data-page="pass"], [data-page="market"], [data-page="live"], [data-page="clips"]) .fp-section { padding-top: var(--ds-space-6); }
.it-site:is([data-page="people"], [data-page="arcade"]) > main > .section { padding-block: var(--ds-space-6) 0; }
.it-site:is([data-page="people"], [data-page="arcade"]) > main > .section > .wrap {
  width: 100%;
  max-width: calc(var(--ds-shell-max) + 2 * var(--ds-gutter));
  margin-inline: auto;
  padding-inline: var(--ds-gutter);
}
.it-site:is([data-page="people"], [data-page="inbox"], [data-page="pass"], [data-page="market"], [data-page="live"], [data-page="clips"], [data-page="profilo"]) .fp-empty h2 { margin: 0; font: 400 var(--ds-display-s)/1 var(--ds-font-display); text-transform: uppercase; }
.it-site:is([data-page="people"], [data-page="pass"], [data-page="market"]) .fp-guest-banner {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ds-space-3) var(--ds-space-5);
  margin-bottom: var(--ds-space-5); padding: var(--ds-space-4) var(--ds-space-5);
  border: 1px solid var(--ds-lime-line); border-left: 3px solid var(--ds-lime); border-radius: var(--ds-r-2); background: var(--ds-ink-850);
}
.it-site:is([data-page="people"], [data-page="pass"], [data-page="market"]) .fp-guest-banner > div { display: grid; gap: 2px; min-width: 0; }
.it-site:is([data-page="people"], [data-page="pass"], [data-page="market"]) .fp-guest-banner strong { font: 600 var(--ds-text-md)/1.3 var(--ds-font-body); }
.it-site:is([data-page="people"], [data-page="pass"], [data-page="market"]) .fp-guest-banner span { color: var(--ds-text-2); font-size: var(--ds-text-sm); }
.it-site[data-page="people"] .people-guest-banner { position: sticky; z-index: var(--ds-z-raised); top: calc(var(--ds-topnav-h) + 8px); box-shadow: var(--ds-shadow-1); }

.it-site:is([data-page="people"], [data-page="pass"], [data-page="market"], [data-page="live"], [data-page="clips"]) main .ds-chip { font-size: var(--ds-label-size); }

/* Persone: card con striscia banner, avatar ds, statistiche solo se diverse da zero. */
.it-site[data-page="people"] .people-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ds-space-4); margin-bottom: var(--ds-space-4); padding-bottom: var(--ds-space-4); border-bottom: 1px solid var(--ds-line); }
.it-site[data-page="people"] .people-count { color: var(--ds-text-2); font-size: var(--ds-text-sm); font-weight: 600; }
.it-site[data-page="people"] .social-feed-tabs { min-height: 0; margin: 0; padding: 2px; border: 1px solid var(--ds-line); border-radius: var(--ds-r-1); background: var(--ds-ink-850); }
.it-site[data-page="people"] .social-feed-tabs button { min-height: 40px; padding: 0 var(--ds-space-4); border: 0; border-radius: 2px; background: none; color: var(--ds-text-2); font: 700 14px/1 var(--ds-font-body); }
.it-site[data-page="people"] .social-feed-tabs button[aria-pressed="true"] { background: var(--ds-lime-soft); box-shadow: inset 0 0 0 1px var(--ds-lime); color: var(--ds-lime); }
.it-site[data-page="people"] .people-search-tools { display: grid; grid-template-columns: minmax(240px, 380px) 200px; gap: var(--ds-space-2); }
.it-site[data-page="people"] .people-search-tools :is(input, select) { width: 100%; min-height: 48px; border: 1px solid var(--ds-line-strong); border-radius: var(--ds-r-1); background: var(--ds-ink-800); color: var(--ds-text); font: 500 var(--ds-text-md)/1.4 var(--ds-font-body); }
.it-site[data-page="people"] .people-results-meta { display: flex; justify-content: space-between; gap: var(--ds-space-3); margin: 0 0 var(--ds-space-3); color: var(--ds-text-3); font-size: var(--ds-text-xs); font-weight: 600; }
.it-site[data-page="people"] .people-results-meta strong { color: var(--ds-text-3); font-weight: 600; }
.it-site[data-page="people"] .people-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ds-space-4); align-items: start; }
.it-site[data-page="people"] .person-card {
  position: relative; display: grid; align-content: start; gap: var(--ds-space-3); min-width: 0; overflow: hidden;
  padding: 0 var(--ds-space-5) var(--ds-space-5); border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-850); box-shadow: none;
  transition: border-color var(--ds-dur-2) var(--ds-ease);
}
.it-site[data-page="people"] .person-card:hover { border-color: var(--ds-line-strong); transform: none; }
.it-site[data-page="people"] .person-banner { display: block; height: 72px; margin: 0 calc(-1 * var(--ds-space-5)); overflow: hidden; background: var(--ds-ink-700); }
.it-site[data-page="people"] .person-banner img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 30%; opacity: .7; }
.it-site[data-page="people"] .person-card-main { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: var(--ds-space-3); margin-top: 0; color: inherit; text-decoration: none; }
.it-site[data-page="people"] .person-card-main > div:last-child { padding-top: var(--ds-space-2); min-width: 0; }
.it-site[data-page="people"] .person-avatar { width: auto; height: auto; margin-top: -28px; overflow: visible; border: 0; border-radius: var(--ds-r-pill); background: none; box-shadow: none; }
.it-site[data-page="people"] .person-avatar .ds-avatar { border: 3px solid var(--ds-ink-850); }
.it-site[data-page="people"] .person-avatar.frame-legend .ds-avatar { box-shadow: 0 0 0 2px var(--ds-rarity-legend); }
.it-site[data-page="people"] .person-tier { color: var(--ds-lime); font: 700 var(--ds-label-size)/1.2 var(--ds-font-body); letter-spacing: .12em; text-transform: uppercase; }
.it-site[data-page="people"] .person-card h3 { margin: 2px 0 0; overflow: hidden; color: var(--ds-text); font: 400 var(--ds-display-s)/1 var(--ds-font-display); text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
/* Nome + badge Owner (solo dal server) sulla stessa riga: il badge non sta nello spazio del titolo scritto dall'utente. */
.it-site[data-page="people"] .person-namerow { display: flex; align-items: center; gap: 8px; min-width: 0; }
.it-site[data-page="people"] .person-namerow > h3 { min-width: 0; }
.it-site[data-page="people"] .person-namerow .ds-owner-badge { margin-top: 2px; }
.it-site[data-page="people"] .person-card-main p { margin: 2px 0 0; color: var(--ds-text-3); font-size: var(--ds-text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.it-site[data-page="people"] .person-bio { display: -webkit-box; margin: 0; overflow: hidden; color: var(--ds-text-2); font-size: var(--ds-text-sm); line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.it-site[data-page="people"] .person-stats { display: flex; flex-wrap: wrap; gap: var(--ds-space-4); border: 0; color: var(--ds-text-3); font-size: var(--ds-text-xs); }
.it-site[data-page="people"] .person-stats span { display: inline-flex; align-items: baseline; gap: 4px; padding: 0; border: 0; color: var(--ds-text-3); font: 600 var(--ds-text-xs)/1 var(--ds-font-body); letter-spacing: 0; text-transform: none; }
.it-site[data-page="people"] .person-stats strong { display: inline; color: var(--ds-text); font: 400 18px/1 var(--ds-font-display); }
.it-site[data-page="people"] .person-actions { display: flex; flex-wrap: wrap; gap: var(--ds-space-2); padding-top: var(--ds-space-2); }
.it-site[data-page="people"] .person-actions .ds-btn { flex: 1 1 auto; min-height: var(--ds-tap); }
.it-site[data-page="people"] .load-more-row { display: flex; justify-content: center; margin-top: var(--ds-space-5); }
.it-site[data-page="people"] .load-more-row .ds-btn span { margin-left: var(--ds-space-2); color: var(--ds-text-3); }

/* Inbox: elenco conversazioni + conversazione, notifiche come ds-row. */
.it-site[data-page="inbox"] .fp-inbox-tabs { margin-bottom: var(--ds-space-5); }
.it-site[data-page="inbox"] .fp-tab-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: var(--ds-r-pill); background: var(--ds-red); color: var(--ds-on-red); font: 700 11px/1 var(--ds-font-body); letter-spacing: 0; }
.it-site[data-page="inbox"] .fp-dm { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: var(--ds-space-4); align-items: start; }
.it-site[data-page="inbox"] .fp-dm-rail { display: grid; align-content: start; max-height: 680px; overflow-y: auto; border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-850); }
.it-site[data-page="inbox"] .fp-dm-rail > button {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--ds-space-3); min-width: 0; min-height: 72px;
  padding: var(--ds-space-3) var(--ds-space-4); border: 0; border-bottom: 1px solid var(--ds-line); border-left: 3px solid transparent; border-radius: 0;
  background: none; color: var(--ds-text); text-align: left; cursor: pointer;
}
.it-site[data-page="inbox"] .fp-dm-rail > button:last-child { border-bottom: 0; }
.it-site[data-page="inbox"] .fp-dm-rail > button:hover { background: var(--ds-ink-800); }
.it-site[data-page="inbox"] .fp-dm-rail > button[data-active="true"] { border-left-color: var(--ds-lime); background: var(--ds-ink-800); }
.it-site[data-page="inbox"] .fp-dm-rail > button > div { display: grid; gap: 2px; min-width: 0; }
.it-site[data-page="inbox"] .fp-dm-rail strong { overflow: hidden; font: 600 var(--ds-text-md)/1.3 var(--ds-font-body); text-overflow: ellipsis; white-space: nowrap; }
.it-site[data-page="inbox"] .fp-dm-rail small { overflow: hidden; color: var(--ds-text-3); font-size: var(--ds-text-sm); text-overflow: ellipsis; white-space: nowrap; }
.it-site[data-page="inbox"] .fp-dm-rail > button[data-unread="true"] small { color: var(--ds-text); }
.it-site[data-page="inbox"] .fp-dm-rail-meta { display: grid; justify-items: end; gap: 6px; }
.it-site[data-page="inbox"] .fp-dm-rail-meta time { color: var(--ds-text-3); font-size: var(--ds-text-xs); white-space: nowrap; }
.it-site[data-page="inbox"] .fp-dm-rail-meta b { display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: var(--ds-r-pill); background: var(--ds-lime); color: var(--ds-on-lime); font: 700 11px/1 var(--ds-font-body); }
.it-site[data-page="inbox"] .fp-dm-empty { display: grid; justify-items: start; gap: var(--ds-space-2); padding: var(--ds-space-5); color: var(--ds-text-2); font-size: var(--ds-text-sm); }
.it-site[data-page="inbox"] .fp-dm-empty strong { color: var(--ds-text); font-size: var(--ds-text-md); }
.it-site[data-page="inbox"] .fp-dm-panel { display: flex; flex-direction: column; min-width: 0; min-height: 560px; max-height: 760px; overflow: hidden; border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-850); }
.it-site[data-page="inbox"] .fp-dm-panel > header { display: flex; align-items: center; gap: var(--ds-space-3); min-height: 72px; padding: var(--ds-space-3) var(--ds-space-4); border-bottom: 1px solid var(--ds-line); background: var(--ds-ink-850); }
.it-site[data-page="inbox"] .fp-dm-back { display: none; transform: scaleX(-1); }
.it-site[data-page="inbox"] .fp-dm-who { display: flex; flex: 1; align-items: center; gap: var(--ds-space-3); min-width: 0; color: var(--ds-text); text-decoration: none; }
.it-site[data-page="inbox"] .fp-dm-who > span:last-child { display: grid; gap: 2px; min-width: 0; }
.it-site[data-page="inbox"] .fp-dm-who strong { overflow: hidden; font: 600 var(--ds-text-md)/1.25 var(--ds-font-body); text-overflow: ellipsis; white-space: nowrap; }
.it-site[data-page="inbox"] .fp-dm-who small { color: var(--ds-text-3); font-size: var(--ds-text-xs); }
.it-site[data-page="inbox"] .fp-dm-actions { display: flex; gap: var(--ds-space-2); }
.it-site[data-page="inbox"] .fp-dm-actions .ds-icon-btn[aria-pressed="true"] { border-color: var(--ds-red); color: var(--ds-red); }
.it-site[data-page="inbox"] .fp-dm-blocked { margin: 0; padding: var(--ds-space-3) var(--ds-space-4); border-bottom: 1px solid var(--ds-line); border-left: 3px solid var(--ds-red); color: var(--ds-text-2); font-size: var(--ds-text-sm); }
.it-site[data-page="inbox"] .fp-thread { flex: 1; display: grid; align-content: start; gap: var(--ds-space-3); min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: var(--ds-space-4); }
.it-site[data-page="inbox"] .fp-msg { display: grid; grid-template-columns: 32px minmax(0, 72%); align-items: end; gap: var(--ds-space-2); }
.it-site[data-page="inbox"] .fp-msg[data-mine="true"] { grid-template-columns: minmax(0, 72%) 32px; justify-content: end; }
.it-site[data-page="inbox"] .fp-msg[data-mine="true"] .fp-msg-avatar { order: 2; }
.it-site[data-page="inbox"] .fp-msg-avatar { display: block; width: 32px; height: 32px; border: 0; border-radius: var(--ds-r-pill); background: none; }
.it-site[data-page="inbox"] .fp-msg-bubble { justify-self: start; min-width: 0; padding: var(--ds-space-2) var(--ds-space-3); border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-800); }
.it-site[data-page="inbox"] .fp-msg[data-mine="true"] .fp-msg-bubble { justify-self: end; border-color: var(--ds-lime-line); background: var(--ds-lime-soft); }
.it-site[data-page="inbox"] .fp-msg-head { display: flex; align-items: baseline; gap: var(--ds-space-3); }
.it-site[data-page="inbox"] .fp-msg-head a { color: var(--ds-text-2); font-size: var(--ds-text-xs); font-weight: 700; text-decoration: none; }
.it-site[data-page="inbox"] .fp-msg-head time { color: var(--ds-text-3); font-size: var(--ds-text-xs); }
.it-site[data-page="inbox"] .fp-msg-bubble p { margin: 2px 0 0; color: var(--ds-text); font-size: 15px; line-height: 1.45; overflow-wrap: anywhere; }
.it-site[data-page="inbox"] .fp-msg-gif { display: block; max-width: 240px; margin-top: var(--ds-space-2); border-radius: var(--ds-r-1); }
.it-site[data-page="inbox"] .fp-msg-actions { display: flex; gap: var(--ds-space-3); }
.it-site[data-page="inbox"] .fp-msg-act { min-height: 28px; padding: 0; border: 0; background: none; color: var(--ds-text-3); font-size: var(--ds-text-xs); font-weight: 600; cursor: pointer; }
.it-site[data-page="inbox"] .fp-msg-act:hover { color: var(--ds-text); }
.it-site[data-page="inbox"] .fp-composer { display: grid; gap: var(--ds-space-2); padding: var(--ds-space-3) var(--ds-space-4); border-top: 1px solid var(--ds-line); background: var(--ds-ink-850); }
.it-site[data-page="inbox"] .fp-composer-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: end; gap: var(--ds-space-2); }
.it-site[data-page="inbox"] .fp-composer textarea { min-height: 48px; max-height: 160px; padding: 12px var(--ds-space-4); border: 1px solid var(--ds-line-strong); border-radius: var(--ds-r-1); background: var(--ds-ink-800); color: var(--ds-text); font: 500 var(--ds-text-md)/1.4 var(--ds-font-body); resize: none; field-sizing: content; }
.it-site[data-page="inbox"] .fp-composer .gif-picker-wrap > .composer-tool { display: inline-grid; place-items: center; min-width: 48px; min-height: 48px; padding: 0 var(--ds-space-3); border: 1px solid var(--ds-line-strong); border-radius: var(--ds-r-1); background: transparent; color: var(--ds-text-2); font: 700 13px/1 var(--ds-font-body); }
.it-site[data-page="inbox"] .fp-composer-count { color: var(--ds-text-3); font-size: var(--ds-text-xs); text-align: right; }
.it-site[data-page="inbox"] .fp-composer-gif { display: flex; align-items: center; gap: var(--ds-space-3); }
.it-site[data-page="inbox"] .fp-composer-gif img { max-height: 72px; border-radius: var(--ds-r-1); }
.it-site[data-page="inbox"] .fp-composer-reply { justify-self: start; min-height: 32px; padding: 0 var(--ds-space-3); border: 1px solid var(--ds-line); border-radius: var(--ds-r-1); background: none; color: var(--ds-text-2); font-size: var(--ds-text-xs); }
.it-site[data-page="inbox"] .fp-dm-panel > .fp-empty { margin: auto var(--ds-space-5); }
.it-site[data-page="inbox"] .fp-inbox-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ds-space-3); margin-bottom: var(--ds-space-3); }
.it-site[data-page="inbox"] .fp-inbox-toolbar p { margin: 0; color: var(--ds-text-3); font-size: var(--ds-text-sm); }
.it-site[data-page="inbox"] .fp-notifs { max-width: 920px; }
.it-site[data-page="inbox"] .fp-notif { --ds-row-action: 44px; width: 100%; border: 0; border-bottom: 1px solid var(--ds-line); background: none; color: var(--ds-text); font: inherit; text-align: left; cursor: pointer; }
.it-site[data-page="inbox"] .fp-notif[data-unread="false"] .ds-row__title { color: var(--ds-text-2); font-weight: 500; }
.it-site[data-page="inbox"] .fp-notif-lead { position: relative; }
.it-site[data-page="inbox"] .fp-notif-glyph { position: absolute; right: -4px; bottom: -4px; display: grid; place-items: center; width: 22px; height: 22px; border: 2px solid var(--ds-ink-900); border-radius: var(--ds-r-pill); background: var(--ds-ink-700); color: var(--ds-lime); }
.it-site[data-page="inbox"] .fp-notif-glyph-solo { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--ds-r-pill); background: var(--ds-ink-800); color: var(--ds-lime); }
.it-site[data-page="inbox"] .fp-notif-copy { display: grid; min-width: 0; }
.it-site[data-page="inbox"] .fp-notif-open { display: grid; place-items: center; width: 44px; height: 44px; color: var(--ds-text-3); }
.it-site[data-page="inbox"] .fp-notif:hover .fp-notif-open { color: var(--ds-lime); }
.it-site[data-page="inbox"] .fp-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ds-space-4); align-items: start; }

/* Clip: stesso linguaggio della post card (6px, titolo Anton, chip, avatar ds). */
.it-site[data-page="clips"] .fp-community-tabs { margin-top: var(--ds-space-2); }
.it-site[data-page="clips"] .match-clips-layout { width: 100%; max-width: calc(var(--ds-shell-max) + 2 * var(--ds-gutter)); margin: var(--ds-space-5) auto 0; padding-inline: var(--ds-gutter); grid-template-columns: minmax(0, 1fr) 360px; gap: var(--ds-space-5); align-items: start; }
.it-site[data-page="clips"] .match-clips-layout[data-guest="true"] .match-clips-aside { align-self: start; }
.it-site[data-page="clips"] :is(.match-clips-main, .competitive-panel) { border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-850); }
.it-site[data-page="clips"] .match-clips-main { border: 0; background: none; }
.it-site[data-page="clips"] .competitive-tabs { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ds-space-2); min-height: 0; margin-bottom: var(--ds-space-4); padding: 0; border: 0; }
.it-site[data-page="clips"] .competitive-tabs button { position: static; min-height: var(--ds-tap); padding: 0 14px; border: 1px solid var(--ds-line-strong); border-radius: var(--ds-r-1); background: transparent; color: var(--ds-text-2); font: 700 var(--ds-label-size)/1 var(--ds-font-body); letter-spacing: .1em; text-transform: uppercase; }
.it-site[data-page="clips"] .competitive-tabs button::after { content: none; }
.it-site[data-page="clips"] .competitive-tabs button[aria-pressed="true"] { border-color: var(--ds-lime); background: var(--ds-lime-soft); color: var(--ds-lime); }
.it-site[data-page="clips"] .fp-clip-count { margin-left: auto; color: var(--ds-text-3); font-size: var(--ds-text-xs); font-weight: 600; }
.it-site[data-page="clips"] .match-clip-list { display: grid; gap: var(--ds-space-4); border: 0; background: none; }
.it-site[data-page="clips"] .match-clip-row {
  display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-areas: "media copy"; gap: 0;
  padding: 0; overflow: hidden; border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-850);
}
.it-site[data-page="clips"] .match-clip-row:last-child { border-bottom: 1px solid var(--ds-line); }
.it-site[data-page="clips"] .match-clip-media { grid-area: media; min-height: 220px; border: 0; border-radius: 0; background: var(--ds-ink-950); }
.it-site[data-page="clips"] .match-clip-media :is(video, img, .clip-media) { min-height: 220px; max-height: 360px; object-fit: contain; background: var(--ds-ink-950); }
.it-site[data-page="clips"] .match-clip-copy { grid-area: copy; display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: var(--ds-space-3); padding: var(--ds-space-5); }
.it-site[data-page="clips"] .match-clip-context { grid-area: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: var(--ds-space-2); min-height: 0; color: var(--ds-text-2); font-size: var(--ds-text-xs); }
.it-site[data-page="clips"] .match-clip-context b { color: var(--ds-text-2); font-weight: 700; }
.it-site[data-page="clips"] .match-clip-copy h2 { margin: 0; color: var(--ds-text); font: 400 var(--ds-display-s)/1.05 var(--ds-font-display); letter-spacing: var(--ds-tracking-display); text-transform: uppercase; overflow-wrap: anywhere; }
.it-site[data-page="clips"] .fp-clip-author { display: flex; align-items: center; gap: var(--ds-space-3); min-width: 0; color: var(--ds-text); text-decoration: none; }
.it-site[data-page="clips"] .fp-clip-author > span:last-child { display: grid; min-width: 0; }
.it-site[data-page="clips"] .fp-clip-author strong { overflow: hidden; font: 600 var(--ds-text-sm)/1.3 var(--ds-font-body); text-overflow: ellipsis; white-space: nowrap; }
.it-site[data-page="clips"] .fp-clip-author small { color: var(--ds-text-3); font-size: var(--ds-text-xs); }
.it-site[data-page="clips"] .match-clip-copy p { margin: 0; color: var(--ds-text-2); font-size: var(--ds-text-sm); line-height: 1.5; }
.it-site[data-page="clips"] .match-clip-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ds-space-2); margin-top: auto; padding-top: var(--ds-space-2); }
.it-site[data-page="clips"] .match-clip-actions > button,
.it-site[data-page="clips"] .match-clip-actions :is(.clip-quick-reaction, .clip-reaction-more) {
  display: inline-flex; align-items: center; gap: 6px; min-width: var(--ds-tap); min-height: var(--ds-tap); padding: 0 var(--ds-space-3);
  border: 1px solid var(--ds-line-strong); border-radius: var(--ds-r-1); background: transparent; color: var(--ds-text); font: 700 14px/1 var(--ds-font-body);
}
.it-site[data-page="clips"] .match-clip-actions > button:hover,
.it-site[data-page="clips"] .match-clip-actions :is(.clip-quick-reaction, .clip-reaction-more):hover { border-color: var(--ds-text); }
.it-site[data-page="clips"] .match-clip-actions :is(.clip-quick-reaction, .clip-reaction-picker button)[data-on="true"] { border-color: var(--ds-lime); background: var(--ds-lime-soft); }
.it-site[data-page="clips"] .match-clip-actions button span,
.it-site[data-page="clips"] .match-clip-actions button small { margin-left: 2px; color: var(--ds-text-2); font-size: 13px; }
.it-site[data-page="clips"] .match-clip-actions > button.danger { border-color: transparent; color: var(--ds-red); }
.it-site[data-page="clips"] .match-clip-actions .clip-reaction-menu { display: flex; gap: var(--ds-space-2); padding: 0; border: 0; border-radius: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.it-site[data-page="clips"] .match-clip-actions .clip-reaction-picker { border: 1px solid var(--ds-line-strong); border-radius: var(--ds-r-2); background: var(--ds-ink-800); box-shadow: var(--ds-shadow-1); }
.it-site[data-page="clips"] .match-clip-actions .clip-reaction-picker button { min-width: var(--ds-tap); min-height: var(--ds-tap); border-radius: var(--ds-r-1); background: transparent; color: var(--ds-text); }
.it-site[data-page="clips"] .competitive-empty { min-height: 0; padding: var(--ds-space-7) var(--ds-space-5); border: 1px dashed var(--ds-line-strong); border-radius: var(--ds-r-2); }
.it-site[data-page="clips"] .competitive-empty h2 { margin: 0; color: var(--ds-text); font: 400 var(--ds-display-s)/1 var(--ds-font-display); text-transform: uppercase; }
.it-site[data-page="clips"] .competitive-empty p { max-width: 44ch; margin: 0; color: var(--ds-text-2); font-size: 15px; line-height: 1.5; }
.it-site[data-page="clips"] .competitive-empty svg { color: var(--ds-text-3); }
.it-site[data-page="clips"] .match-clips-aside { display: grid; gap: var(--ds-space-4); }
.it-site[data-page="clips"] .competitive-panel { padding: var(--ds-space-5); }
.it-site[data-page="clips"] .competitive-panel h2 { margin: var(--ds-space-1) 0 var(--ds-space-4); color: var(--ds-text); font: 400 var(--ds-display-s)/1 var(--ds-font-display); text-transform: uppercase; }
.it-site[data-page="clips"] .competitive-panel-head { padding-bottom: var(--ds-space-3); border-bottom: 1px solid var(--ds-line); }
.it-site[data-page="clips"] .competitive-panel-head span,
.it-site[data-page="clips"] .competitive-eyebrow { color: var(--ds-lime); font: 700 var(--ds-eyebrow-size)/1.3 var(--ds-font-body); letter-spacing: var(--ds-tracking-caps); text-transform: uppercase; }
.it-site[data-page="clips"] .competitive-panel-head h2 { margin-bottom: 0; }
.it-site[data-page="clips"] .competitive-panel-head button { flex: none; white-space: nowrap; min-height: 40px; padding: 0 var(--ds-space-3); border: 1px solid var(--ds-line-strong); border-radius: var(--ds-r-1); color: var(--ds-text); font: 700 13px/1 var(--ds-font-body); }
.it-site[data-page="clips"] .compact-empty { display: grid; gap: var(--ds-space-2); padding: var(--ds-space-3) 0 0; }
.it-site[data-page="clips"] .compact-empty strong { color: var(--ds-text); font-size: var(--ds-text-md); }
.it-site[data-page="clips"] .compact-empty span { color: var(--ds-text-2); font-size: var(--ds-text-sm); line-height: 1.5; }
.it-site[data-page="clips"] .compact-empty .ds-btn { margin-top: var(--ds-space-2); }
.it-site[data-page="clips"] .match-clip-uploader label { display: grid; gap: var(--ds-space-2); margin: 0 0 var(--ds-space-4); color: var(--ds-text-2); font: 700 var(--ds-eyebrow-size)/1.2 var(--ds-font-body); letter-spacing: .1em; text-transform: uppercase; }
.it-site[data-page="clips"] .match-clip-uploader :is(input:not([type="file"]), select, textarea) { min-height: 48px; padding: 12px var(--ds-space-4); border: 1px solid var(--ds-line-strong); border-radius: var(--ds-r-1); background: var(--ds-ink-800); color: var(--ds-text); font: 500 var(--ds-text-md)/1.4 var(--ds-font-body); letter-spacing: 0; text-transform: none; }
.it-site[data-page="clips"] .match-clip-uploader :is(input, select, textarea):focus { border-color: var(--ds-lime); outline: none; box-shadow: 0 0 0 3px var(--ds-lime-soft); }
.it-site[data-page="clips"] .match-clip-uploader .competitive-optional { color: var(--ds-text-3); font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.it-site[data-page="clips"] .competitive-file { position: relative; min-height: 72px; padding: var(--ds-space-3) var(--ds-space-4); border: 1px dashed var(--ds-line-strong); border-radius: var(--ds-r-2); background: none; }
.it-site[data-page="clips"] .competitive-file[data-has-file="true"] { border-color: var(--ds-lime); border-style: solid; }
.it-site[data-page="clips"] .competitive-file span { color: var(--ds-text); font: 600 var(--ds-text-sm)/1.3 var(--ds-font-body); }
.it-site[data-page="clips"] .competitive-file small { color: var(--ds-text-3); font: 500 var(--ds-text-xs)/1.3 var(--ds-font-body); }
.it-site[data-page="clips"] .competitive-help { margin: var(--ds-space-3) 0 0; color: var(--ds-text-3); font-size: var(--ds-text-xs); line-height: 1.5; }
.it-site[data-page="clips"] .recent-match-entry > button { min-height: 64px; border-bottom: 1px solid var(--ds-line); color: var(--ds-text); }
.it-site[data-page="clips"] .recent-match-entry > button strong { font-size: var(--ds-text-sm); }
.it-site[data-page="clips"] .recent-match-entry > button small { color: var(--ds-text-3); font-size: var(--ds-text-xs); }
.it-site[data-page="clips"] .recent-match-entry > button b { color: var(--ds-lime); font-size: var(--ds-text-sm); }
.it-site[data-page="clips"] :is(.match-result-open, .match-result-state) { min-height: 40px; border-radius: var(--ds-r-1); font: 700 13px/1 var(--ds-font-body); }

/* Reflex Lab: solo cornice e classifica. Nessuna trasformazione o transizione nell'area di prova. */
.it-site[data-page="arcade"] .aim-arena-section { padding-top: var(--ds-space-6); }
.it-site[data-page="arcade"] .reflex-progress span { border-radius: var(--ds-r-1); font: 700 var(--ds-text-xs)/1.2 var(--ds-font-body); }
.it-site[data-page="arcade"] .reflex-progress span[data-done="true"] { border-color: var(--ds-lime-line); color: var(--ds-lime); }
.it-site[data-page="arcade"] .aim-session-result { border-radius: var(--ds-r-2); }
.it-site[data-page="arcade"] .arcade-ranking { border-color: var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-850); }
.it-site[data-page="arcade"] .arcade-ranking .ecard-type { color: var(--ds-lime); font: 700 var(--ds-eyebrow-size)/1.3 var(--ds-font-body); letter-spacing: var(--ds-tracking-caps); text-transform: uppercase; }
.it-site[data-page="arcade"] .arcade-ranking h2 { font: 400 var(--ds-display-s)/1 var(--ds-font-display); text-transform: uppercase; }
.it-site[data-page="arcade"] .arcade-rank-row { min-height: 56px; border-radius: var(--ds-r-1); }
.it-site[data-page="arcade"] .arcade-rank-row em { color: var(--ds-lime); font-weight: 700; }
.it-site[data-page="arcade"] .arcade-rank-row > b { color: var(--ds-text-2); font: 400 18px/1 var(--ds-font-display); }
.it-site[data-page="arcade"] .reflex-method > div { border-radius: var(--ds-r-2); }
.it-site[data-page="arcade"] .reflex-method span { color: var(--ds-lime); font-size: 12px; font-weight: 700; letter-spacing: var(--ds-tracking-caps); }

/* Battle Pass: "LV n" e chip Gratis/Premium separati, bottone sempre in fondo alla card. */
.it-site[data-page="pass"] .pass-summary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto; align-items: center; gap: var(--ds-space-5); margin-bottom: var(--ds-space-5); padding: var(--ds-space-5); border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-850); }
.it-site[data-page="pass"] .pass-summary > div:first-child { display: grid; gap: 4px; }
.it-site[data-page="pass"] .pass-summary > div:first-child span { color: var(--ds-lime); font: 700 var(--ds-eyebrow-size)/1.3 var(--ds-font-body); letter-spacing: var(--ds-tracking-caps); text-transform: uppercase; }
.it-site[data-page="pass"] .pass-summary strong { font: 400 var(--ds-display-s)/1 var(--ds-font-display); text-transform: uppercase; }
.it-site[data-page="pass"] .pass-summary small { color: var(--ds-text-2); font-size: var(--ds-text-sm); }
.it-site[data-page="pass"] .pass-progress { display: grid; gap: var(--ds-space-2); }
.it-site[data-page="pass"] .pass-progress .ds-progress { height: 8px; }
.it-site[data-page="pass"] .pass-progress small { color: var(--ds-text-3); text-align: right; }
.it-site[data-page="pass"] .pass-legend { display: flex; gap: var(--ds-space-2); }
.it-site[data-page="pass"] .pass-track { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--ds-space-3); align-items: stretch; }
.it-site[data-page="pass"] .pass-reward { display: flex; flex-direction: column; gap: var(--ds-space-2); min-width: 0; padding: var(--ds-space-4); border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-850); opacity: 1; transform: none; transition: border-color var(--ds-dur-2) var(--ds-ease); }
.it-site[data-page="pass"] .pass-reward:hover { border-color: var(--ds-line-strong); transform: none; }
.it-site[data-page="pass"] .pass-reward[data-premium="true"] { border-top: 2px solid var(--ds-lime); }
.it-site[data-page="pass"] .pass-reward[data-ready="true"] { border-color: var(--ds-lime-line); }
.it-site[data-page="pass"] .pass-reward[data-ready="true"] .ds-btn--primary { box-shadow: var(--ds-glow-lime); }
.it-site[data-page="pass"] .pass-reward[data-locked="true"] :is(h3, .pass-reward-type, .pass-reward-head b) { color: var(--ds-text-3); }
.it-site[data-page="pass"] .pass-reward-head { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-space-2); }
.it-site[data-page="pass"] .pass-reward-head b { font: 400 22px/1 var(--ds-font-display); color: var(--ds-text); }
.it-site[data-page="pass"] .pass-reward-type { color: var(--ds-text-3); font: 700 var(--ds-label-size)/1.2 var(--ds-font-body); letter-spacing: .1em; text-transform: uppercase; }
.it-site[data-page="pass"] .pass-reward h3 { margin: 0; font: 600 var(--ds-text-md)/1.3 var(--ds-font-body); text-transform: none; }
.it-site[data-page="pass"] .pass-reward p { margin: 0 0 var(--ds-space-2); color: var(--ds-text-2); font-size: var(--ds-text-sm); }
.it-site[data-page="pass"] .pass-reward .ds-btn { margin-top: auto; }
.it-site[data-page="pass"] .pass-reward[data-claimed="true"] { border-style: dashed; }
.it-site:is([data-page="pass"], [data-page="market"]) .points-howto { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--ds-space-5); margin-top: var(--ds-space-6); padding: var(--ds-space-5); border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-850); }
.it-site:is([data-page="pass"], [data-page="market"]) .points-howto > span { color: var(--ds-lime); font: 700 var(--ds-eyebrow-size)/1.3 var(--ds-font-body); letter-spacing: var(--ds-tracking-caps); text-transform: uppercase; }
.it-site:is([data-page="pass"], [data-page="market"]) .points-howto ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ds-space-4); margin: 0; padding: 0; list-style: none; }
.it-site:is([data-page="pass"], [data-page="market"]) .points-howto li { display: grid; gap: 2px; }
.it-site:is([data-page="pass"], [data-page="market"]) .points-howto b { font: 600 var(--ds-text-sm)/1.3 var(--ds-font-body); }
.it-site:is([data-page="pass"], [data-page="market"]) .points-howto small { color: var(--ds-text-3); font-size: var(--ds-text-xs); line-height: 1.4; }

/* Marketplace: anteprime vere (colore, cornice, titolo, badge) e tipi in italiano. */
.it-site[data-page="market"] .market-balance { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ds-space-3) var(--ds-space-6); margin-bottom: var(--ds-space-5); padding: var(--ds-space-5); border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-850); }
.it-site[data-page="market"] .market-balance > div { display: grid; gap: 4px; }
.it-site[data-page="market"] .market-balance span { color: var(--ds-lime); font: 700 var(--ds-eyebrow-size)/1.3 var(--ds-font-body); letter-spacing: var(--ds-tracking-caps); text-transform: uppercase; }
.it-site[data-page="market"] .market-balance strong { font: 400 var(--ds-display-m)/1 var(--ds-font-display); }
.it-site[data-page="market"] .market-balance strong small { margin-left: 6px; color: var(--ds-text-3); font: 600 var(--ds-text-xs)/1 var(--ds-font-body); }
.it-site[data-page="market"] .market-balance p { max-width: 56ch; margin: 0; color: var(--ds-text-2); font-size: var(--ds-text-sm); }
.it-site[data-page="market"] .market-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--ds-space-4); align-items: stretch; }
.it-site[data-page="market"] .market-card { display: flex; flex-direction: column; min-width: 0; padding: 0; overflow: hidden; border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-850); transform: none; }
.it-site[data-page="market"] .market-card:hover { border-color: var(--ds-line-strong); transform: none; }
.it-site[data-page="market"] .market-card[data-owned="true"] { border-color: var(--ds-lime-line); }
.it-site[data-page="market"] .market-preview { display: grid; place-items: center; align-content: center; gap: var(--ds-space-2); min-height: 140px; margin: 0; padding: var(--ds-space-4); border: 0; border-bottom: 1px solid var(--ds-line); border-radius: 0; background: var(--ds-ink-900); color: var(--ds-text); font: inherit; text-align: center; }
.it-site[data-page="market"] .market-swatch { width: 56px; height: 56px; border-radius: var(--ds-r-pill); background: var(--swatch); box-shadow: 0 0 0 4px var(--ds-ink-900), 0 0 0 6px var(--swatch); }
.it-site[data-page="market"] .item-accent b { color: var(--swatch); font: 400 22px/1 var(--ds-font-display); text-transform: uppercase; }
.it-site[data-page="market"] .market-frame { display: inline-grid; padding: 4px; border-radius: var(--ds-r-pill); background: conic-gradient(var(--ds-lime), var(--ds-info), var(--ds-lime)); }
.it-site[data-page="market"] .market-frame .ds-avatar { border: 3px solid var(--ds-ink-900); }
.it-site[data-page="market"] .item-title small { color: var(--ds-text-3); font-size: var(--ds-text-xs); font-weight: 600; }
.it-site[data-page="market"] .item-title b { padding: 6px 10px; border: 1px solid var(--ds-lime-line); border-radius: var(--ds-r-1); color: var(--ds-lime); font: 700 var(--ds-label-size)/1 var(--ds-font-body); letter-spacing: .1em; text-transform: uppercase; }
.it-site[data-page="market"] .market-badge { padding: 8px 12px; border: 1px solid var(--ds-rarity-legend); border-radius: var(--ds-r-1); color: var(--ds-rarity-legend); font: 700 12px/1 var(--ds-font-body); letter-spacing: .12em; text-transform: uppercase; }
.it-site[data-page="market"] .market-card-body { display: flex; flex: 1; flex-direction: column; gap: var(--ds-space-2); padding: var(--ds-space-4); }
.it-site[data-page="market"] .market-card-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.it-site[data-page="market"] .market-card h3 { margin: 0; font: 400 var(--ds-display-s)/1 var(--ds-font-display); text-transform: uppercase; }
.it-site[data-page="market"] .market-card-body > p { margin: 0 0 var(--ds-space-2); color: var(--ds-text-2); font-size: var(--ds-text-sm); font-weight: 600; }
.it-site[data-page="market"] .market-card-body .ds-btn { margin-top: auto; }

/* Live: stato Twitch (in diretta / offline), barre dei sondaggi, niente moduli vuoti. */
.it-site[data-page="live"] .live-room { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(260px, .75fr); gap: var(--ds-space-4); align-items: stretch; }
.it-site[data-page="live"] .live-room iframe { width: 100%; min-height: 420px; border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-950); }
.it-site[data-page="live"] .live-player-placeholder { display: grid; place-content: center; justify-items: center; gap: var(--ds-space-3); min-height: 420px; padding: var(--ds-space-5); border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-950); text-align: center; }
.it-site[data-page="live"] .live-player-placeholder strong { max-width: 34ch; color: var(--ds-text); font: 400 var(--ds-display-s)/1.05 var(--ds-font-display); text-transform: uppercase; }
.it-site[data-page="live"] .live-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: var(--ds-space-3); padding: var(--ds-space-5); border: 1px solid var(--ds-line); border-radius: var(--ds-r-2); background: var(--ds-ink-850); }
.it-site[data-page="live"] .live-copy h2 { margin: 0; font: 400 var(--ds-display-m)/.95 var(--ds-font-display); text-transform: uppercase; }
.it-site[data-page="live"] .live-copy p { margin: 0; color: var(--ds-text-2); font-size: var(--ds-text-sm); line-height: 1.55; }
.it-site[data-page="live"] .live-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--ds-space-4); margin-top: var(--ds-space-5); align-items: start; }
.it-site[data-page="live"] .live-poll { display: grid; gap: var(--ds-space-2); }
.it-site[data-page="live"] .live-choice {
  position: relative; isolation: isolate; display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 48px; margin: 0; padding: 0 var(--ds-space-4); overflow: hidden;
  border: 1px solid var(--ds-line-strong); border-radius: var(--ds-r-1); background: transparent; color: var(--ds-text); font: 600 var(--ds-text-sm)/1 var(--ds-font-body); cursor: pointer;
}
.it-site[data-page="live"] .live-choice::before { content: ""; position: absolute; inset: 0 auto 0 0; z-index: -1; width: calc(var(--pct, 0) * 1%); background: var(--ds-lime-soft); }
.it-site[data-page="live"] .live-choice:hover { border-color: var(--ds-lime); color: var(--ds-text); }
.it-site[data-page="live"] .live-choice b { color: var(--ds-lime); }

/* Profilo e profilo pubblico: il contenuto vive in profile-v3.css. */
.it-site:is([data-page="profilo"], [data-page="publicProfile"]) > main.pv3-page { padding-bottom: var(--ds-space-8); }

@media (max-width: 1179.98px) {
  .it-site[data-page="people"] .people-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .it-site[data-page="clips"] .match-clips-layout { grid-template-columns: minmax(0, 1fr); }
  .it-site[data-page="clips"] .match-clips-aside { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); align-items: start; }
  .it-site[data-page="pass"] .pass-summary { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .it-site[data-page="pass"] .pass-legend { grid-column: 1 / -1; }
  .it-site:is([data-page="pass"], [data-page="market"]) .points-howto { grid-template-columns: minmax(0, 1fr); }
  .it-site[data-page="live"] .live-room { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 819.98px) {
  .it-site[data-page="people"] .people-toolbar { align-items: stretch; flex-direction: column; }
  .it-site[data-page="people"] .people-search-tools { grid-template-columns: minmax(0, 1fr) 160px; }
  .it-site[data-page="inbox"] .fp-dm { grid-template-columns: minmax(0, 1fr); }
  .it-site[data-page="inbox"] .fp-dm[data-view="list"] .fp-dm-panel,
  .it-site[data-page="inbox"] .fp-dm[data-view="thread"] .fp-dm-rail { display: none; }
  .it-site[data-page="inbox"] .fp-dm-rail { max-height: none; }
  .it-site[data-page="inbox"] .fp-dm[data-view="thread"] .fp-dm-panel {
    position: fixed; z-index: var(--ds-z-overlay); inset: var(--ds-topnav-h) 0 calc(var(--ds-bottomnav-h) + env(safe-area-inset-bottom)) 0;
    min-height: 0; max-height: none; border: 0; border-radius: 0; background: var(--ds-ink-900);
  }
  .it-site[data-page="inbox"] .fp-dm-back { display: inline-grid; flex: none; }
  .it-site[data-page="inbox"] .fp-msg { grid-template-columns: 32px minmax(0, 84%); }
  .it-site[data-page="inbox"] .fp-msg[data-mine="true"] { grid-template-columns: minmax(0, 84%) 32px; }
  .it-site[data-page="inbox"] .fp-benefits { grid-template-columns: minmax(0, 1fr); }
  .it-site[data-page="clips"] .match-clip-row { grid-template-columns: minmax(0, 1fr); grid-template-areas: "media" "copy"; }
  .it-site[data-page="clips"] .match-clip-copy { padding: var(--ds-space-4); }
}

@media (max-width: 559.98px) {
  .it-site:is([data-page="feed"], [data-page="chat"], [data-page="classifica"], [data-page="assistance"]) > main > .section { padding-block: 22px 40px; }
  .it-site[data-page="people"] .people-grid { grid-template-columns: minmax(0, 1fr); }
  .it-site[data-page="people"] .people-search-tools { grid-template-columns: minmax(0, 1fr); }
  .it-site[data-page="people"] .fp-guest-banner { padding: var(--ds-space-2); border-left-width: 1px; }
  .it-site[data-page="people"] .fp-guest-banner > div { display: none; }
  .it-site[data-page="people"] .fp-guest-banner .ds-btn { width: 100%; }
  .it-site[data-page="clips"] .fp-clip-count { display: none; }
  .it-site[data-page="clips"] .competitive-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--ds-gutter)); padding-inline: var(--ds-gutter); }
  .it-site[data-page="clips"] .competitive-tabs button { flex: none; }
  .it-site[data-page="clips"] .match-clip-media :is(video, img, .clip-media) { min-height: 200px; }
  .it-site[data-page="pass"] .pass-summary { grid-template-columns: minmax(0, 1fr); padding: var(--ds-space-4); }
  .it-site[data-page="pass"] .pass-track { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ds-space-2); }
  .it-site[data-page="pass"] .pass-reward { padding: var(--ds-space-3); }
  .it-site:is([data-page="pass"], [data-page="market"]) .points-howto ul { grid-template-columns: minmax(0, 1fr); }
  .it-site[data-page="market"] .market-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ds-space-2); }
  .it-site[data-page="market"] .market-preview { min-height: 112px; }
  .it-site[data-page="market"] .market-card-body { padding: var(--ds-space-3); }
  .it-site[data-page="live"] :is(.live-room iframe, .live-player-placeholder) { min-height: 240px; }
}

@media (prefers-reduced-motion: reduce) {
  .it-site[data-page="feed"] :is(.community-primary-tabs button::after, .community-rail-card, .community-rail-media),
  .it-site[data-page="chat"] :is(.pulse-thread, .pulse-communities button, .pulse-personal button),
  .it-site:is([data-page="people"], [data-page="pass"], [data-page="market"]) :is(.person-card, .pass-reward, .market-card) { animation: none; transition: none; }
}