/* Che Madonna sei? */
.qz{position:relative;overflow:hidden;gap:0;align-items:stretch;justify-content:flex-start}
.qz-top{display:flex;align-items:center;gap:14px;margin-bottom:18px;color:var(--muted);font-size:.9rem;font-weight:500}
.qz-top span{white-space:nowrap;min-width:9.5em}
.qz-prog{flex:1;height:10px;border-radius:5px;background:var(--sky);overflow:hidden}
.qz-prog b{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--sun));transition:width .45s cubic-bezier(.3,1.2,.5,1)}
.qz-stage{min-height:340px;display:flex;flex-direction:column;justify-content:center}
.qz-big{font-size:clamp(3rem,12vw,4.4rem);line-height:1;animation:qz-float 2.6s ease-in-out infinite;filter:drop-shadow(0 8px 12px rgba(28,37,64,.25))}
.qz-intro,.qz-roul{text-align:center;animation:qz-in .5s cubic-bezier(.2,1.2,.4,1) both}
.qz-intro h3,.qz-res h3{font-size:clamp(1.6rem,5vw,2.1rem);margin:8px 0 8px}
.qz-intro p,.qz-roul p{color:var(--muted);margin:0 0 14px}
.qz-last strong{color:var(--ink)}
.qz-go{font-size:1.1rem;padding:14px 38px;animation:qz-pulse 1.8s ease-out infinite}
.qz-rn{font:700 clamp(1.4rem,5vw,2rem)/1.2 "Trebuchet MS",system-ui,sans-serif;min-height:1.3em;margin:10px 0;color:var(--accent)}
.qz-q{animation:qz-in .4s cubic-bezier(.2,1,.3,1) both}
.qz-q h3{font-size:clamp(1.3rem,4.2vw,1.7rem);margin-bottom:18px;line-height:1.25}
.qz-a{display:grid;gap:10px}
.qz-ans{display:flex;align-items:center;gap:12px;text-align:left;font:inherit;font-weight:500;color:var(--ink);background:var(--bg);border:2px solid var(--line);border-radius:18px;padding:12px 16px;cursor:pointer;transition:transform .18s,border-color .18s,background-color .2s,color .2s;animation:qz-in .45s cubic-bezier(.2,1.2,.4,1) both;animation-delay:calc(var(--i,0) * 70ms + 80ms)}
.qz-ans b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sky);font:700 .85rem "Trebuchet MS",system-ui,sans-serif;transition:background-color .2s,color .2s}
.qz-ans:hover:not(:disabled){transform:translateX(5px);border-color:var(--accent)}
.qz-ans.sel{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#fff);transform:scale(1.02)}
.qz-ans.sel b{background:rgba(255,255,255,.28);color:inherit}
.qz-a.lock .qz-ans:not(.sel){opacity:.45;pointer-events:none}
.qz-res{text-align:center;animation:qz-in .5s cubic-bezier(.2,1.2,.4,1) both}
.qz-new{display:inline-block;margin-bottom:6px;padding:4px 14px;border-radius:999px;background:linear-gradient(135deg,#F4D98B,#F5B301);color:#1C2540;font-weight:700;font-size:.85rem;animation:qz-wobble 1s ease-in-out 2}
.qz-emoji{font-size:clamp(4rem,16vw,6rem);line-height:1.1;animation:qz-pop .8s cubic-bezier(.2,1.6,.4,1) both,qz-float 2.6s ease-in-out .8s infinite}
.qz-motto{color:var(--accent);font-weight:600;margin:0 0 10px;font-style:italic}
.qz-desc{color:var(--muted);margin:0 auto 14px;max-width:46ch;line-height:1.55}
.qz-stats{display:grid;gap:8px;max-width:360px;margin:0 auto 14px;text-align:left}
.qz-st{display:grid;grid-template-columns:5.2em 1fr 3em;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}
.qz-st b{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
.qz-sb{height:10px;border-radius:5px;background:var(--sky);overflow:hidden}
.qz-sb i{display:block;height:100%;width:var(--w);border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--sun));transform-origin:left;animation:qz-grow .9s cubic-bezier(.2,.9,.3,1) both;animation-delay:var(--d)}
.qz-match{margin:0 0 14px;color:var(--muted)}
.qz-match strong{color:var(--ink)}
.qz-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.qz-again{background:var(--ink);color:var(--bg)}
.qz-ok{min-height:1.4em;margin-top:8px;color:var(--accent);font-size:.9rem;word-break:break-word}
.qz-collt{margin:18px 0 8px;color:var(--muted);font-weight:500;font-size:.9rem}
.qz-coll{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.qz-ch{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid var(--line);border-radius:14px;background:var(--bg);opacity:.6;transition:transform .2s}
.qz-ch span{font-size:1.5rem;line-height:1.2;filter:grayscale(1)}
.qz-ch small{font-size:.68rem;color:var(--muted);text-align:center;line-height:1.15}
.qz-ch.on{opacity:1;border-color:var(--accent);background:var(--accent-soft)}
.qz-ch.on span{filter:none}
.qz-ch.on:hover{transform:translateY(-3px) rotate(-2deg)}
.qz-ch.new{animation:qz-pop .8s cubic-bezier(.2,1.6,.4,1) both}
.qz-conf{position:absolute;left:50%;top:34%;width:10px;height:10px;border-radius:2px;pointer-events:none;animation:qz-conf 1.5s ease-out forwards}
@keyframes qz-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes qz-float{50%{transform:translateY(-8px) rotate(-3deg)}}
@keyframes qz-pop{0%{transform:scale(.2) rotate(-30deg);opacity:0}60%{transform:scale(1.25) rotate(8deg);opacity:1}100%{transform:none}}
@keyframes qz-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 60%,transparent)}100%{box-shadow:0 0 0 18px transparent}}
@keyframes qz-grow{from{transform:scaleX(0)}}
@keyframes qz-wobble{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}
@keyframes qz-conf{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
@media (max-width:480px){.qz-coll{grid-template-columns:repeat(4,1fr);gap:6px}.qz-st{grid-template-columns:4.6em 1fr 2.8em}}

/* ===== Volume, Madonne cliccabili e scheda con statistiche ===== */
.qz-top .qz-vi{min-width:0}
.qz-vol{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);flex:none}
.qz-vi{font-size:1.1rem;line-height:1;width:1.4em;text-align:center}
.qz-vol input{-webkit-appearance:none;appearance:none;width:96px;height:6px;margin:0;border-radius:3px;cursor:pointer;background:linear-gradient(to right,var(--accent) var(--p,20%),var(--line) var(--p,20%))}
.qz-vol input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.qz-vol input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.qz-vol input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
button.qz-ch{font:inherit;color:inherit;cursor:pointer}
button.qz-ch:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.qz-ov{position:fixed;inset:0;z-index:99985;display:grid;place-items:center;padding:16px;overflow:auto;background:rgba(10,8,24,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:qz-ovin .25s ease-out both}
.qz-ov.out{animation:qz-ovout .18s ease-in both}
.qz-modal{--mc:var(--accent);position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:460px;margin:auto;padding:28px 24px 20px;text-align:center;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:28px;box-shadow:0 0 0 3px var(--mc),0 24px 70px rgba(0,0,0,.45),0 0 60px color-mix(in srgb,var(--mc) 40%,transparent);animation:qz-mopen .5s cubic-bezier(.2,1.3,.3,1) both}
.qz-modal::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--mc) 30%,transparent),transparent 65%)}
.qz-mc{animation:qz-mslide .35s cubic-bezier(.2,1,.3,1) both}
.qz-modal h3{font-size:clamp(1.5rem,5vw,1.9rem);margin:6px 0 2px}
.qz-times{margin:0 0 8px;color:var(--muted);font-size:.85rem}
.qz-x{position:absolute;top:8px;right:8px;width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-size:1.1rem;line-height:1;cursor:pointer;z-index:2;transition:background-color .2s,color .2s,border-color .2s,transform .25s cubic-bezier(.3,1.5,.5,1)}
.qz-x:hover,.qz-x:focus-visible{border-color:var(--mc);background:color-mix(in srgb,var(--mc) 18%,var(--bg));color:var(--mc);transform:rotate(90deg) scale(1.08);outline:none}
.qz-ew{position:relative;display:inline-block;margin:6px 0 2px}
.qz-ew::before{content:"";position:absolute;inset:-34px;border-radius:50%;z-index:-1;background:repeating-conic-gradient(color-mix(in srgb,var(--mc) 55%,transparent) 0 7deg,transparent 7deg 14deg);-webkit-mask:radial-gradient(circle,#000 25%,transparent 68%);mask:radial-gradient(circle,#000 25%,transparent 68%);animation:qz-spin 14s linear infinite}
.qz-modal .qz-sb i{background:linear-gradient(90deg,var(--mc),var(--sun))}
.qz-modal .qz-desc{margin-bottom:12px;font-size:.95rem}
.qz-tipico{margin:-4px 0 10px;color:var(--muted);font-size:.78rem}
.qz-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px;color:var(--muted);font-size:.9rem}
.qz-nav .btn{padding:8px 16px}
@keyframes qz-ovin{from{opacity:0}to{opacity:1}}
@keyframes qz-ovout{to{opacity:0}}
@keyframes qz-mopen{from{opacity:0;transform:translateY(30px) scale(.88) rotate(-1.5deg)}to{opacity:1;transform:none}}
@keyframes qz-mslide{from{opacity:0;transform:translateX(calc(var(--dir,0) * 36px))}to{opacity:1;transform:none}}
@keyframes qz-spin{to{transform:rotate(360deg)}}
@media (max-width:480px){.qz-vol input{width:72px}.qz-top{flex-wrap:wrap}}