@layer components{.tviva-scena{--n:8;--primo:40}@media (min-width:560px){.tviva-scena{--n:12;--primo:38}}@media (min-width:600px){.tviva-scena{--n:13;--primo:37}}@media (min-width:648px){.tviva-scena{--n:14;--primo:37}}@media (min-width:696px){.tviva-scena{--n:15;--primo:36}}@media (min-width:744px){.tviva-scena{--n:16;--primo:36}}@media (min-width:768px){.tviva-scena{--n:12;--primo:38}}@media (min-width:800px){.tviva-scena{--n:13;--primo:37}}@media (min-width:864px){.tviva-scena{--n:14;--primo:37}}@media (min-width:928px){.tviva-scena{--n:15;--primo:36}}@media (min-width:992px){.tviva-scena{--n:16;--primo:36}}@media (min-width:1056px){.tviva-scena{--n:17;--primo:35}}@media (min-width:1120px){.tviva-scena{--n:18;--primo:35}}@media (min-width:1184px){.tviva-scena{--n:19;--primo:34}}@media (min-width:1248px){.tviva-scena{--n:20;--primo:34}}@media (min-width:1312px){.tviva-scena{--n:21;--primo:33}}@media (min-width:1376px){.tviva-scena{--n:22;--primo:33}}@media (min-width:1440px){.tviva-scena{--n:23;--primo:32}}@media (min-width:1504px){.tviva-scena{--n:24;--primo:32}}@media (min-width:1568px){.tviva-scena{--n:25;--primo:31}}@media (min-width:1632px){.tviva-scena{--n:26;--primo:31}}@media (min-width:1696px){.tviva-scena{--n:27;--primo:30}}@media (min-width:1760px){.tviva-scena{--n:28;--primo:30}}@media (min-width:1824px){.tviva-scena{--n:29;--primo:29}}@media (min-width:1888px){.tviva-scena{--n:30;--primo:29}}.tviva{position:relative}.tviva-riga{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;min-height:44px;margin-bottom:14px;display:flex}.tviva-messaggio{flex:320px;align-items:center;min-width:0;min-height:46px;display:flex}.tviva-messaggio .tviva-aiuto-riga{display:none}.tviva-aiuto .tviva-messaggio .tviva-aiuto-riga{display:block}.tviva-aiuto .tviva-messaggio .tviva-detto{display:none}.tviva-comandi{flex-wrap:wrap;gap:10px;display:flex}.tviva-gioco-riga{margin:0;font-size:1rem;line-height:1.45}.tviva-gioco-riga strong{color:var(--ma-rosso)}.tviva-bravo{align-items:center;gap:12px;font-size:1rem;line-height:1.45;display:flex}.tviva-bravo-stella{flex:none;width:40px;height:40px}@media (prefers-reduced-motion:no-preference){.tviva-bravo-stella{animation:.55s cubic-bezier(.2,.7,.2,1) both attacca}}.tviva-detto{min-width:0;font-family:var(--font-corpo);color:var(--testo-2);flex:auto;margin:0;font-size:.9375rem;line-height:1.45}.tviva-aiuto-riga{min-width:0;font-family:var(--font-corpo);color:var(--testo);border:1px solid var(--bordo);background:#fffdf9eb;border-radius:999px;flex:0 auto;margin:0;padding:7px 16px;font-size:.9375rem;line-height:1.45}@media (min-width:768px){.tviva-detto,.tviva-aiuto-riga{font-size:1rem}}.tviva-fine{display:none}@media (hover:hover) and (pointer:fine){.tviva-tocco,.tviva-t-corta{display:none}.tviva-t-larga{display:inline}}@media (hover:hover) and (pointer:fine) and (max-width:559px){.tviva-t-larga{display:none}.tviva-t-corta{display:inline}}.tviva-scena{position:relative;overflow-x:clip}.tviva-tasti{width:100%;aspect-ratio:var(--n) / 2.6;background:var(--tastiera-fondo);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;max-height:190px;position:relative;overflow:hidden;container-type:inline-size}.tviva-strato{--w:calc(100cqw / var(--n));--u:calc(var(--w) / 23.5);--scarto:calc(var(--primo) - 29);top:0;bottom:0;left:calc(-1 * var(--scarto) * var(--w));width:calc(30 * var(--w));position:absolute}.tviva-tasto{top:0;left:calc(var(--c) * var(--w));width:calc(var(--cw) * var(--w));cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute}.tviva-tasto:focus-visible{z-index:3}.tviva-bianco{z-index:1;border-inline:calc(.55 * var(--u)) solid transparent;background-clip:padding-box;background-color:var(--tastiera-bianco);border-radius:calc(1.75 * var(--u));height:100%;box-shadow:inset 0 0 0 1px var(--tastiera-bordo)}.tviva-nero{--sx:calc((var(--c) - var(--scarto)) * 1000);--dx:calc((var(--scarto) + var(--n) - var(--c) - var(--cw)) * 1000);--dentro:clamp(0, min(var(--sx), var(--dx)), 1);z-index:2;height:60%;width:calc(var(--cw) * var(--w) * var(--dentro));background-color:var(--tastiera-nero);border-radius:calc(1.2 * var(--u))}@media (max-width:767px){.tviva-nero:before{content:"";height:100%;width:calc(min(44px, 26.4 * var(--u)) * var(--dentro));position:absolute;top:0;left:50%;transform:translate(-50%)}}.tviva-lettera{font-family:var(--font-corpo);pointer-events:none;opacity:0;font-size:14px;font-weight:500;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.tviva-bianco .tviva-lettera{color:var(--testo-2);bottom:8%}.tviva-nero .tviva-lettera{color:var(--tastiera-lettera-nero);bottom:10%}.tviva-lettera-corta{display:none}@media (max-width:559px){.tviva-lettera-larga{display:none}.tviva-lettera-corta{display:block}}@media (hover:hover) and (pointer:fine){.tviva-aiuto .tviva-lettera,.tviva-lettere .tviva-lettera{opacity:1}@media (prefers-reduced-motion:no-preference){.tviva-lettera{transition:opacity .18s}}}.tviva-suggerimento{display:none}@media (hover:hover) and (pointer:fine){.tviva-suggerimento{z-index:4;box-sizing:border-box;border:1px solid var(--bordo);background:var(--fondo);max-width:min(92vw,420px);color:var(--testo);font-family:var(--font-corpo);text-align:center;opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;padding:10px 18px;font-size:15px;line-height:1.35;display:block;position:absolute;top:-12px;left:50%;transform:translate(-50%,calc(4px - 100%));box-shadow:0 6px 20px #1a23401f}.tviva-suggerimento:after{content:"";background:var(--fondo);border-right:1px solid var(--bordo);border-bottom:1px solid var(--bordo);width:11px;height:11px;margin-left:-5.5px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}.tviva-suggerisce .tviva-suggerimento{opacity:1;visibility:visible;transform:translate(-50%,-100%)}@media (prefers-reduced-motion:no-preference){.tviva-suggerimento{transition:opacity .2s,transform .2s}}}.tviva-tasto.premuto{transform:translateY(3px)}.tviva-bianco.premuto{background-color:var(--tastiera-premuto);box-shadow:inset 0 -5px 0 0 var(--ma-rosso), inset 0 0 0 1px var(--tastiera-bordo)}.tviva-nero.premuto{background-color:var(--tastiera-premuto-nero)}.tviva-bianco.prossimo{box-shadow:inset 0 -9px 0 0 var(--ma-rosso), inset 0 0 0 2px var(--ma-rosso)}.tviva-nero.prossimo{box-shadow:inset 0 -7px 0 0 var(--ma-rosso), 0 0 0 2px var(--ma-rosso)}@media (prefers-reduced-motion:no-preference){@keyframes tviva-respiro{0%,to{opacity:1}50%{opacity:.55}}.tviva-tasto.prossimo:after{content:"";background:var(--ma-rosso);pointer-events:none;border-radius:999px;height:8%;animation:1.2s ease-in-out infinite tviva-respiro;position:absolute;inset:auto 18% 12%}.tviva-tasto{transition:transform 60ms,background-color .12s}}@media (hover:hover) and (pointer:fine){.tviva-bianco:hover{background-color:color-mix(in srgb, var(--tastiera-bianco) 97%, black)}.tviva-nero:hover{background-color:color-mix(in srgb, var(--tastiera-nero) 92%, white)}}}