.preview[data-v-b8271d26]{max-width:calc(var(--roster-art-h,100%)*4/3);flex-direction:column;display:flex;container-type:inline-size}.preview__grid[data-v-b8271d26]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.preview__word[data-v-b8271d26]{aspect-ratio:1.35;border:1px solid var(--ink-mute);border-radius:var(--toy-radius,var(--radius-sm));--key-skirt:var(--key-skirt-soft);min-width:0;box-shadow:inset 0 -2px 0 var(--key-skirt);background:var(--paper);color:var(--ink);font-family:var(--font-sans);letter-spacing:.02em;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:.2rem .15rem calc(.2rem + 2px);font-size:clamp(8px,2.7cqw,13px);font-weight:600;line-height:1.1;display:flex}.group:focus-visible .preview__word[data-v-b8271d26],.group:hover .preview__word[data-v-b8271d26]{border-color:var(--game-nessi-vivid);animation:preview-press-b8271d26 .32s var(--ease-out) both;animation-delay:calc(var(--d)*45ms)}@keyframes preview-press-b8271d26{0%,to{box-shadow:inset 0 -2px 0 var(--key-skirt);translate:0}40%{box-shadow:inset 0 0 0 var(--key-skirt);translate:0 2px}}.preview__bands[data-v-b8271d26]{aspect-ratio:1.35;grid-template-rows:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.preview__band[data-v-b8271d26]{border-radius:var(--toy-radius,var(--radius-sm));background:var(--tier);min-height:0;color:var(--ink);text-align:center;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.15rem .4rem;display:flex;overflow:hidden}.preview__band--giallo[data-v-b8271d26]{--tier:var(--nessi-giallo)}.preview__band--verde[data-v-b8271d26]{--tier:var(--nessi-verde)}.preview__band--blu[data-v-b8271d26]{--tier:var(--nessi-blu)}.preview__band--viola[data-v-b8271d26]{--tier:var(--nessi-viola)}.preview__label[data-v-b8271d26]{font-size:clamp(8px,2.8cqw,13px);font-weight:700;line-height:1.1}.preview__label[data-v-b8271d26],.preview__members[data-v-b8271d26]{font-family:var(--font-sans);letter-spacing:.02em}.preview__members[data-v-b8271d26]{overflow-wrap:anywhere;font-size:clamp(7px,2.3cqw,11px);line-height:1.15}.preview__foot[data-v-b8271d26]{justify-content:flex-end;align-items:flex-end;gap:.375rem;margin-top:.55rem;padding-top:4px;display:flex}.preview__casella[data-v-b8271d26]{border:1px solid var(--tier);background:color-mix(in oklch,var(--tier) 22%,var(--paper));width:.625rem;height:.625rem;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.preview__casella--giallo[data-v-b8271d26]{--tier:var(--nessi-giallo)}.preview__casella--verde[data-v-b8271d26]{--tier:var(--nessi-verde)}.preview__casella--blu[data-v-b8271d26]{--tier:var(--nessi-blu)}.preview__casella--viola[data-v-b8271d26]{--tier:var(--nessi-viola)}.preview__casella--done[data-v-b8271d26]{background:var(--tier)}.group:focus-visible .preview__casella[data-v-b8271d26],.group:hover .preview__casella[data-v-b8271d26]{transform:translateY(-3px)}.group:focus-visible .preview__casella--giallo[data-v-b8271d26],.group:hover .preview__casella--giallo[data-v-b8271d26]{transition-delay:0s}.group:focus-visible .preview__casella--verde[data-v-b8271d26],.group:hover .preview__casella--verde[data-v-b8271d26]{transition-delay:70ms}.group:focus-visible .preview__casella--blu[data-v-b8271d26],.group:hover .preview__casella--blu[data-v-b8271d26]{transition-delay:.14s}.group:focus-visible .preview__casella--viola[data-v-b8271d26],.group:hover .preview__casella--viola[data-v-b8271d26]{transition-delay:.21s}@media (prefers-reduced-motion:reduce){.group:focus-visible .preview__casella[data-v-b8271d26],.group:hover .preview__casella[data-v-b8271d26]{transform:none}.group:focus-visible .preview__word[data-v-b8271d26],.group:hover .preview__word[data-v-b8271d26]{animation:none}}