/* Tap the Pizza + game picker — Qui Quo palette */
.qqx-pick{border:0;margin:14px 0 12px;padding:0}
.qqx-pick legend{font-weight:900;font-size:12px;letter-spacing:.16em;margin-bottom:8px}
.qqx-pick .opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.qqx-pick label{display:flex;align-items:center;gap:8px;border:2px solid #d6e3ee;border-radius:14px;padding:10px;font-weight:800;font-size:13px;cursor:pointer;min-height:44px}
.qqx-pick label:has(input:checked){border-color:var(--nv);background:var(--soft);box-shadow:0 4px 0 var(--pk)}
.qqx-pick input{accent-color:var(--pk);width:18px;height:18px;flex:none}
.qqx-pick .new{font-size:10px;letter-spacing:.1em;background:var(--pk);color:#fff;border-radius:999px;padding:2px 7px;margin-left:auto}
.qqp-bar{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:stretch}
.qqp-stat{border:2px solid var(--nv);border-radius:14px;padding:6px 10px;text-align:center}
.qqp-stat small{display:block;font-size:10px;font-weight:900;letter-spacing:.16em}
.qqp-stat b{font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.qqp-stat:nth-child(2) b{color:var(--pk)}
.qqp-mute{border:2px solid var(--nv);border-radius:14px;background:#fff;color:var(--nv);font-weight:900;font-size:11px;letter-spacing:.08em;padding:0 10px;cursor:pointer;min-width:72px;min-height:44px}
.qqp-mute[aria-pressed="true"]{background:var(--soft);text-decoration:line-through}
.qqp-track{height:8px;border-radius:99px;background:var(--soft);overflow:hidden;margin:10px 0}
.qqp-track i{display:block;height:100%;background:linear-gradient(90deg,var(--pk),var(--or));transform-origin:left;transform:scaleX(1)}
.qqp-stagebox{position:relative;width:min(260px,72vw);margin:8px auto}
.qqp-pizza{display:block;width:100%;aspect-ratio:1;border:0;background:none;padding:0;border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;transition:transform .12s}
.qqp-pizza svg{width:100%;height:100%;display:block;filter:drop-shadow(0 8px 0 rgba(32,196,244,.55))}
.qqp-pizza:disabled{cursor:default}
.qqp[data-state="idle"] .qqp-pizza,.qqp[data-state="starting"] .qqp-pizza{opacity:.75}
.qqp[data-state="playing"] .qqp-pizza{animation:qqpturn 6s linear infinite}
.qqp-pizza.bump svg{animation:qqpbump .14s ease-out}
@keyframes qqpbump{50%{transform:scale(.92)}}
@keyframes qqpturn{to{transform:rotate(360deg)}}
.qqp-pops{position:absolute;inset:0;pointer-events:none}
.qqp-pops span{position:absolute;top:30%;font-weight:900;font-size:20px;color:var(--pk);animation:qqprise .6s ease-out forwards}
@keyframes qqprise{to{transform:translateY(-60px);opacity:0}}
.qqp-note{font-size:12px;text-align:center;color:#4a5878;background:var(--soft);border-radius:10px;padding:8px 10px;margin:10px 0}
.qqp-final{text-align:center;font-weight:900;font-size:18px;margin:8px 0}
.qqp-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:400px){.qqp-stat b{font-size:22px}.qqp-mute{min-width:64px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.qqp *{animation:none!important;transition:none!important}}