/* Ruota "parlante" (wheel-info.js): scheda al passaggio del mouse / al tocco ed evidenziazioni */
.wheel{position:relative}
.astro-wheel.wi-active{cursor:help}
.wi-hl{pointer-events:none}
.wi-ring{fill:rgba(255,240,180,.08);stroke:#fff0b4;stroke-width:1.6;animation:wiPulse 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.wi-wedge{fill:rgba(237,207,142,.17);stroke:rgba(237,207,142,.75);stroke-width:1.2}
.wi-soft{fill:rgba(237,207,142,.09)}
.wi-house{fill:rgba(185,162,255,.13);stroke:rgba(185,162,255,.5);stroke-width:1}
.wi-line{stroke:#fff0b4;stroke-width:2.4;stroke-linecap:round}
.wi-core{fill:rgba(255,240,180,.04);stroke:rgba(255,240,180,.65);stroke-width:1.4}
@keyframes wiPulse{50%{transform:scale(1.12);stroke-opacity:.55}}

.wi-tip{position:absolute;left:0;top:0;z-index:6;width:max-content;max-width:min(300px,80vw);padding:12px 16px 12px 12px;border-radius:16px;
  background:linear-gradient(160deg,rgba(30,23,70,.95),rgba(11,10,32,.95));border:1px solid rgba(237,207,142,.35);
  box-shadow:0 20px 44px -12px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:var(--ink);text-align:left;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .1s ease-out}
.wi-tip.is-on{opacity:1}
.wi-head{display:flex;align-items:center;gap:12px}
.wi-glyph{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(237,207,142,.55);
  background:radial-gradient(circle,rgba(237,207,142,.16),transparent 70%);color:var(--gold2);
  font:22px/1 "Segoe UI Symbol","Apple Symbols","Noto Sans Symbols",Georgia,serif}
.wi-glyph.is-text{font:700 13px/1 "Manrope",sans-serif;letter-spacing:.06em}
.wi-title{font:400 21px/1.1 "Newsreader",Georgia,serif}
.wi-meta{margin-top:4px;font:600 12px/1.35 "Manrope",sans-serif;letter-spacing:.02em;color:var(--gold)}
.wi-extra{margin:11px 0 0;padding-top:10px;border-top:1px solid rgba(185,162,255,.18);font-size:12.5px;line-height:1.55;color:var(--muted)}
.wi-extra b{color:var(--ink);font-weight:600}
.wi-sym{font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols",Georgia,serif;font-style:normal;font-weight:400}
.wi-extra[hidden]{display:none}

/* invito sotto la ruota: testo diverso per mouse e per touch */
.wi-hint{margin:4px 0 0;font-size:13.5px;color:var(--muted);text-align:center;text-wrap:balance}
.wi-hint b{color:var(--gold);font-weight:400;margin-right:6px}
.wi-hint .touch{display:none}
@media (hover:none){ .wi-hint .mouse{display:none} .wi-hint .touch{display:inline} }
@media (prefers-reduced-motion:reduce){ .wi-ring{animation:none} .wi-tip{transition:none} }

/* Variante "pannello fisso" (prova-ruota-2.html): la scheda sta in uno spazio riservato sotto la ruota */
.wi-panel{position:relative;width:100%;max-width:440px;min-height:112px;margin:6px auto 0;display:grid;place-items:center}
.wi-panel .wi-hint{margin:0;transition:opacity .18s ease}
.wi-panel.has-info .wi-hint{opacity:0}
.wi-tip.in-panel{position:absolute;inset:0 0 auto 0;width:100%;max-width:none;margin:0 auto;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}
.wi-tip.in-panel.is-on{transform:none}
@media (max-width:520px){ .wi-panel{min-height:118px} }