/* US Game V2 · Gioca — Per voi, six modes, the weekly couple question,
   five-question rounds and reveal. Mobile first; every target >= 44px. */
.us-gv2-page{padding-bottom:12px}
.us-gv2-hub,.us-gv2-panel{display:flex;flex-direction:column;gap:18px;min-width:0}
.us-gv2-hub{gap:14px}
.us-gv2-panel{max-width:680px;margin:0 auto;width:100%}
.us-gv2-kicker{display:block;font-size:var(--us-type-eyebrow);font-weight:750;letter-spacing:var(--us-type-eyebrow-tracking);text-transform:uppercase;color:var(--us-color-accent-ink)}
.us-gv2-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.us-gv2-empty{padding:20px;border-radius:var(--us-radius-card);border:1px dashed rgba(255,234,247,.12);color:var(--us-muted);font-size:var(--us-text-secondary);line-height:1.45}
.us-gv2-empty button{margin-left:6px;min-height:44px;background:rgba(166,112,195,.16);color:#f3e9f7;border:1px solid rgba(199,164,215,.22)}

/* Phosphor icons, painted with the official SVG as a mask (never redrawn). */
.us-gv2-icon{flex:0 0 auto;display:inline-block;width:20px;height:20px;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}
.us-gv2-icon[data-gv2-icon="sparkle"]{-webkit-mask-image:url("/assets/icons/phosphor/sparkle-regular.svg");mask-image:url("/assets/icons/phosphor/sparkle-regular.svg")}
.us-gv2-icon[data-gv2-icon="cards-three"]{-webkit-mask-image:url("/assets/icons/phosphor/cards-three-regular.svg");mask-image:url("/assets/icons/phosphor/cards-three-regular.svg")}
.us-gv2-icon[data-gv2-icon="feather"]{-webkit-mask-image:url("/assets/icons/phosphor/feather-regular.svg");mask-image:url("/assets/icons/phosphor/feather-regular.svg")}
.us-gv2-icon[data-gv2-icon="lock-simple"]{-webkit-mask-image:url("/assets/icons/phosphor/lock-simple-regular.svg");mask-image:url("/assets/icons/phosphor/lock-simple-regular.svg")}
.us-gv2-icon[data-gv2-icon="binoculars"]{-webkit-mask-image:url("/assets/icons/phosphor/binoculars-regular.svg");mask-image:url("/assets/icons/phosphor/binoculars-regular.svg")}
.us-gv2-icon[data-gv2-icon="arrows-left-right"]{-webkit-mask-image:url("/assets/icons/phosphor/arrows-left-right-regular.svg");mask-image:url("/assets/icons/phosphor/arrows-left-right-regular.svg")}
.us-gv2-icon[data-gv2-icon="smiley"]{-webkit-mask-image:url("/assets/icons/phosphor/smiley-regular.svg");mask-image:url("/assets/icons/phosphor/smiley-regular.svg")}
.us-gv2-icon[data-gv2-icon="eye"]{-webkit-mask-image:url("/assets/icons/phosphor/eye-regular.svg");mask-image:url("/assets/icons/phosphor/eye-regular.svg")}
.us-gv2-icon[data-gv2-icon="clock-counter-clockwise"]{-webkit-mask-image:url("/assets/icons/phosphor/clock-counter-clockwise-regular.svg");mask-image:url("/assets/icons/phosphor/clock-counter-clockwise-regular.svg")}
.us-gv2-icon[data-gv2-icon="signpost"]{-webkit-mask-image:url("/assets/icons/phosphor/signpost-regular.svg");mask-image:url("/assets/icons/phosphor/signpost-regular.svg")}
.us-gv2-icon[data-gv2-icon="check"]{-webkit-mask-image:url("/assets/icons/phosphor/check-regular.svg");mask-image:url("/assets/icons/phosphor/check-regular.svg")}
.us-gv2-icon[data-gv2-icon="caret-left"]{-webkit-mask-image:url("/assets/icons/phosphor/caret-left-regular.svg");mask-image:url("/assets/icons/phosphor/caret-left-regular.svg")}

/* Hub — Noi's tile language: icon chip, serif title, one quiet state. */
.us-gv2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:2px 4px 0}
.us-gv2-head h2{margin:0;line-height:1.1;letter-spacing:-.3px;color:var(--us-ink);font-size:var(--us-type-page)}

/* The week, in one glance: QUESTA SETTIMANA ● ● ○ 1 di 3 */
.us-gv2-rhythm{display:grid;justify-items:end;gap:6px;min-width:0}
.us-gv2-rhythm-row{display:inline-flex;align-items:center;gap:8px;min-width:0}
.us-gv2-rhythm-row b{font-size:13px;font-weight:650;line-height:1.2;color:var(--us-ink);font-variant-numeric:tabular-nums}
.us-gv2-rhythm-dots{display:inline-flex;gap:5px;flex:0 0 auto}
.us-gv2-rhythm-dots i{width:8px;height:8px;border-radius:50%;border:1px solid var(--us-color-accent-line);background:transparent}
.us-gv2-rhythm-dots i[data-on="true"]{background:var(--us-color-accent-ink);border-color:var(--us-color-accent-ink)}

/* One icon chip for every Gioca tile (same recipe as the Noi hub chip). */
.us-gv2-glyph{flex:0 0 auto;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);color:var(--gv2-tint,var(--us-color-accent-ink))}
.us-gv2-glyph .us-gv2-icon{width:22px;height:22px}

.us-gv2-pervoi{position:relative;isolation:isolate;overflow:hidden;color:var(--us-ink);text-align:left;border-radius:var(--us-radius-card);background:linear-gradient(150deg,rgba(46,24,54,.80),rgba(20,15,28,.74) 62%,rgba(14,12,20,.78));border:1px solid rgba(255,255,255,.12);box-shadow:var(--us-glass-2-shadow);-webkit-backdrop-filter:var(--us-glass-2-blur);backdrop-filter:var(--us-glass-2-blur);transition:transform var(--us-motion-press) var(--us-ease-standard),border-color var(--us-motion-fast) var(--us-ease-standard)}
.us-gv2-pervoi::after{content:"";position:absolute;z-index:-1;right:-34%;top:-34%;width:96%;height:96%;border-radius:50%;background:radial-gradient(circle,var(--gv2-glow,rgba(255,102,142,.30)),transparent 68%);opacity:.6;pointer-events:none}

.us-gv2-pervoi{--gv2-tint:var(--us-color-rose-2);--gv2-glow:rgba(255,102,142,.40);width:100%;min-height:128px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-items:end;gap:12px 14px;padding:16px;border-radius:24px;background:radial-gradient(120% 90% at 100% 0%,rgba(255,102,142,.20),transparent 58%),radial-gradient(90% 80% at 0% 100%,rgba(169,133,255,.16),transparent 60%),linear-gradient(150deg,rgba(54,26,60,.86),rgba(20,15,28,.80) 62%,rgba(14,12,20,.82));--us-attention-inset:-2px}
/* HUMAN-UI-02 — Per voi is the one hero of Gioca: chip top-left, the title
   and its one line of state at the bottom, the action bottom-right. */
.us-gv2-pervoi .us-gv2-glyph{grid-column:1;grid-row:1;width:40px;height:40px;border-radius:14px}
.us-gv2-pervoi-copy{grid-column:1;grid-row:2;min-width:0}
.us-gv2-pervoi-copy b{display:block;font-family:var(--us-font-editorial);font-size:26px;font-weight:500;line-height:1.1;overflow-wrap:anywhere}
.us-gv2-pervoi-copy small{display:block;margin-top:4px;color:var(--us-color-text-2);font-size:13px;line-height:1.35}
.us-gv2-pervoi-cta{grid-column:2;grid-row:2;flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:var(--us-radius-pill);background:var(--us-accent-gradient);color:var(--us-color-text-on-accent);font-size:14px;font-weight:750}
.us-gv2-pervoi[data-gv2-state="waiting"] .us-gv2-pervoi-cta,.us-gv2-pervoi[data-gv2-state="played"] .us-gv2-pervoi-cta{background:rgba(255,255,255,.08);color:#efe5f4;border:1px solid rgba(255,234,247,.12)}
.us-gv2-pervoi[data-gv2-state="played"] .us-gv2-glyph{color:var(--us-color-text-3)}

/* HUMAN-UI-02 — the six modes as a horizontal deck of small portrait cards.
   The page gutter is bled so the next card peeks from the right edge; each
   card sits at a slight, static tilt (no animation, nothing to reduce). */

/* A quiet tint per family, all from the canonical accent family. */

.us-gv2-dot{width:8px;height:8px;border-radius:50%;background:#8a8196;flex:0 0 auto}
.us-gv2-dot[data-tone="turn"],.us-gv2-dot[data-tone="ready"]{background:var(--us-color-rose-2);box-shadow:0 0 0 3px rgba(255,134,168,.16)}
.us-gv2-dot[data-tone="waiting"]{background:var(--us-color-violet)}
.us-gv2-dot[data-tone="seen"]{background:#6e6878}

/* The weekly question: same chip, one line, one action. */
.us-gv2-weekly{padding:14px 16px;border-radius:var(--us-radius-card);background:linear-gradient(150deg,rgba(91,57,108,.20),rgba(22,19,31,.92) 55%),var(--us-color-surface);border:1px solid rgba(204,170,222,.12)}
.us-gv2-weekly-head{display:flex;gap:14px;align-items:center}
.us-gv2-weekly-head>div{min-width:0}
.us-gv2-weekly-head b{display:block;margin-top:4px;font-size:15px;line-height:1.3;color:var(--us-ink)}
.us-gv2-weekly-head small{display:block;margin-top:3px;color:var(--us-muted);font-size:var(--us-text-secondary);line-height:1.35}
.us-gv2-weekly blockquote{margin:12px 0 0;padding:12px 14px;border-left:2px solid rgba(214,176,232,.45);border-radius:0 12px 12px 0;background:rgba(255,255,255,.035);color:#f1e8f5;font-family:var(--us-font-editorial);font-size:16px;line-height:1.4;overflow-wrap:anywhere}
/* HUMAN-UI-02 — a secondary object: its action is a compact pill, not a second hero button. */
.us-gv2-weekly{padding:12px 14px}
.us-gv2-weekly-cta{display:flex;align-items:center;justify-content:center;width:auto;min-height:44px;margin:10px 0 0 54px;padding:0 18px;border-radius:var(--us-radius-pill);font-size:14px}
.us-gv2-weekly.is-locked .us-gv2-glyph{color:var(--us-color-text-3)}
.us-gv2-note{display:block;margin:10px 0 0;color:var(--us-muted);font-size:var(--us-text-meta);line-height:1.4}

.us-gv2-list{display:flex;flex-direction:column}
.us-gv2-list>.us-gv2-kicker{margin:0 4px 6px}
.us-gv2-row{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:10px 14px;text-align:left;color:var(--us-color-text);border-radius:var(--us-radius-control);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.us-gv2-row>span{min-width:0}
.us-gv2-row b{display:block;font-size:15px;font-weight:600}
.us-gv2-row-state{flex:0 0 auto;color:var(--us-color-text-2);font-size:12px;font-weight:650}
.us-gv2-row-state[data-tone="turn"],.us-gv2-row-state[data-tone="ready"]{color:var(--us-color-rose-2)}

/* HUMAN-UI-02 — status filters: one compact row of chips derived from the
   server's round summaries; a chip opens its rounds as rows right below. */

.us-gv2-row small{display:block;margin-top:3px;color:var(--us-color-text-2);font-size:var(--us-text-meta);line-height:1.35}
.us-gv2-row.is-quiet{background:transparent}

/* Round: play, waiting, reveal */
.us-gv2-play,.us-gv2-waiting,.us-gv2-reveal,.us-gv2-weekly-form{padding:16px 16px 18px;border-radius:var(--us-radius-card);background:linear-gradient(160deg,rgba(40,20,47,.72),rgba(20,17,27,.96) 60%),var(--us-color-surface);border:1px solid rgba(214,176,232,.13);box-shadow:var(--us-shadow-card)}
.us-gv2-play-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px -6px 12px}
.us-gv2-back{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 12px 0 8px;background:transparent;color:#d8cde0;font-size:13px;font-weight:700}
.us-gv2-back .us-gv2-icon{width:18px;height:18px}
.us-gv2-count{color:var(--us-muted);font-size:var(--us-text-secondary);font-variant-numeric:tabular-nums}
.us-gv2-progress{height:4px;margin:0 0 18px;border-radius:var(--us-radius-pill);background:rgba(255,255,255,.07);overflow:hidden}
.us-gv2-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--us-color-rose),var(--us-color-violet));transition:width var(--us-motion-base) var(--us-ease-standard)}
.us-gv2-context{display:inline-flex;align-items:center;min-height:24px;margin-top:9px;padding:0 10px;border-radius:var(--us-radius-pill);background:rgba(139,114,248,.12);border:1px solid rgba(169,133,255,.20);color:#d8ccff;font-size:var(--us-text-meta);font-weight:650}
.us-gv2-hint{margin:12px 0 0!important;color:#e5b7cc!important;font-size:var(--us-text-secondary)!important;font-weight:650;line-height:1.4}
.us-gv2-question{margin:10px 0 18px;font-family:var(--us-font-editorial);font-size:23px;font-weight:500;line-height:1.3;color:var(--us-ink);overflow-wrap:anywhere}
.us-gv2-panel form{display:grid;gap:10px}
.us-gv2-panel textarea,.us-gv2-panel input:not([type="radio"]):not([type="checkbox"]){box-sizing:border-box;width:100%;min-height:46px;padding:12px 13px;font:inherit;font-size:16px;line-height:1.45;border-radius:var(--us-radius-control)}
.us-gv2-panel textarea{resize:vertical;min-height:120px}
.us-gv2-panel input::placeholder,.us-gv2-panel textarea::placeholder{color:#8e8798}
.us-gv2-choices{display:grid;gap:9px;margin:0;padding:0;border:0}
.us-gv2-choice{display:flex;align-items:center;gap:12px;min-height:52px;padding:11px 14px;border-radius:14px;background:#211e2a;border:1px solid rgba(202,177,216,.18);color:#f0eaf3;cursor:pointer}
.us-gv2-choice:has(input:checked){border-color:var(--us-color-accent-strong);background:rgba(166,112,195,.20)}
.us-gv2-choice input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--us-color-accent-strong)}
.us-gv2-choice span{overflow-wrap:anywhere;line-height:1.35}
.us-gv2-error{margin:0;color:#ffb2c6;font-size:var(--us-text-secondary)}
.us-gv2-panel [hidden]{display:none!important}
.us-gv2-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:9px;margin-top:8px}
.us-gv2-actions button{min-height:48px}
.us-gv2-actions>span{display:block}
.us-gv2-actions.is-single{grid-template-columns:1fr}
.us-gv2-waiting h2,.us-gv2-reveal>h2,.us-gv2-weekly-form h2{margin:6px 0 8px;font-family:var(--us-font-editorial);font-size:24px;font-weight:500;line-height:1.25;color:var(--us-ink)}
.us-gv2-lead{margin:0 0 16px!important;color:var(--us-muted)!important;font-size:14px!important;line-height:1.5}
.us-gv2-mine{display:grid;gap:8px;margin:0 0 12px;padding:0;list-style:none}
.us-gv2-mine li{padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.us-gv2-mine small{display:block;color:#a79eb0;font-size:var(--us-text-meta);line-height:1.4}
.us-gv2-mine b{display:block;margin-top:5px;font-size:14px;font-weight:600;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}

.us-gv2-reveal-list{display:grid;gap:11px;margin:10px 0 12px}
.us-gv2-reveal-card{padding:15px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.us-gv2-reveal-card h3{margin:8px 0 10px;font-size:16px;line-height:1.38;color:#f3ecf6;overflow-wrap:anywhere}
.us-gv2-outcome{display:inline-block;margin-bottom:10px;padding:5px 11px;border-radius:var(--us-radius-pill);background:rgba(255,255,255,.06);color:#e9dff0;font-size:var(--us-text-secondary);font-weight:700}
.us-gv2-outcome[data-same="true"]{background:rgba(246,111,158,.14);color:#ffc3d6}
.us-gv2-reveal-card dl{display:grid;gap:8px;margin:0}
.us-gv2-reveal-card dl>div{display:grid;grid-template-columns:minmax(78px,32%) minmax(0,1fr);gap:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}
.us-gv2-reveal-card dt{color:#a39ab0;font-size:var(--us-text-meta);line-height:1.45}
.us-gv2-reveal-card dd{margin:0;color:#f3ecf6;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.us-gv2-then{margin-top:12px;padding:11px 12px;border-radius:13px;background:rgba(139,114,248,.07);border:1px dashed rgba(169,133,255,.20)}
.us-gv2-then dl{margin-top:7px}
.us-gv2-then dd{color:#d9d1e2;font-size:13px}

/* Weekly form */
.us-gv2-weekly-form form>label,.us-gv2-segment legend,.us-gv2-families legend{color:#d6cbdc;font-size:var(--us-text-secondary);font-weight:700}
.us-gv2-segment,.us-gv2-families{margin:6px 0 0;padding:0;border:0;min-width:0}
.us-gv2-segment legend,.us-gv2-families legend{margin-bottom:8px}
.us-gv2-segment{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.us-gv2-segment legend{grid-column:1/-1}
.us-gv2-segment label,.us-gv2-chip{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border-radius:var(--us-radius-pill);background:#211e2a;border:1px solid rgba(202,177,216,.18);color:#e9e0ee;font-size:13px;font-weight:650;cursor:pointer;text-align:center}
.us-gv2-segment input,.us-gv2-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.us-gv2-segment label:has(input:checked),.us-gv2-chip:has(input:checked){border-color:var(--us-color-accent-strong);background:rgba(166,112,195,.22);color:#fff}
.us-gv2-segment label:has(input:focus-visible),.us-gv2-chip:has(input:focus-visible),.us-gv2-choice:has(input:focus-visible){outline:2px solid var(--us-color-accent-ink);outline-offset:2px}
.us-gv2-chip:has(input:disabled){opacity:.42;cursor:not-allowed}
.us-gv2-families{display:flex;flex-wrap:wrap;gap:8px}
.us-gv2-families legend{flex:0 0 100%}
.us-gv2-families small{flex:0 0 100%;color:var(--us-muted);font-size:var(--us-text-meta);line-height:1.4}
.us-gv2-options{display:grid;gap:8px}
.us-gv2-options p{margin:0!important;color:var(--us-muted)!important;font-size:var(--us-text-secondary)!important}
.us-gv2-submit{width:100%;min-height:50px;margin-top:8px}

.us-gv2-hub button:focus-visible,.us-gv2-panel button:focus-visible,.us-gv2-panel textarea:focus-visible,.us-gv2-panel input:focus-visible{outline:2px solid var(--us-color-accent-ink);outline-offset:2px}

@media(max-width:340px){.us-gv2-actions{grid-template-columns:1fr}.us-gv2-actions>span{display:none}}
@media(max-width:360px){.us-gv2-pervoi-cta{padding:0 13px}}
@media(max-height:700px){.us-gv2-pervoi{min-height:0;grid-template-rows:auto}.us-gv2-pervoi .us-gv2-glyph{display:none}.us-gv2-pervoi-copy,.us-gv2-pervoi-cta{grid-row:1}}
@media(min-width:650px){.us-gv2-pervoi:hover{border-color:rgba(255,255,255,.22)}}
@media(prefers-reduced-motion:reduce){.us-gv2-pervoi,.us-gv2-progress i{transition:none}.us-gv2-pervoi:active{transform:none}}

/* M12A — First reveal: a thin light travels through the card, then the two
   perspectives open out of it (mine, a short beat, theirs, then the outcome).
   Everything is already in the DOM and readable; this only decorates, in
   about 900ms, and only on the first reveal (.is-first-reveal). */
.us-gv2-reveal-card{position:relative;overflow:hidden}
.us-gv2-lightsplit{display:none}
.us-gv2-reveal.is-first-reveal .us-gv2-lightsplit{display:block;position:absolute;left:12px;right:12px;top:58%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,226,240,.95) 50%,transparent);box-shadow:0 0 10px 1px rgba(255,140,184,.45);transform-origin:left center;opacity:0;pointer-events:none;animation:gv2-light-travel 420ms var(--us-ease-standard) both}
@keyframes gv2-light-travel{0%{opacity:0;transform:scaleX(0)}25%{opacity:1}70%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}
.us-gv2-reveal.is-first-reveal .us-gv2-reveal-card>dl>div:nth-child(1){animation:gv2-split-up 260ms var(--us-ease-enter) 240ms both}
.us-gv2-reveal.is-first-reveal .us-gv2-reveal-card>dl>div:nth-child(2){animation:gv2-split-down 260ms var(--us-ease-enter) 400ms both}
.us-gv2-reveal.is-first-reveal .us-gv2-reveal-card[data-gv2-mechanic="prediction"]>dl>div:nth-child(2){animation-delay:520ms}
.us-gv2-reveal.is-first-reveal .us-gv2-outcome{animation:gv2-split-down 240ms var(--us-ease-enter) 560ms both}
.us-gv2-reveal.is-first-reveal .us-gv2-reveal-card[data-gv2-mechanic="prediction"] .us-gv2-outcome{animation-delay:700ms}
.us-gv2-reveal.is-first-reveal .us-gv2-then{animation:gv2-split-down 240ms var(--us-ease-enter) 620ms both}
@keyframes gv2-split-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes gv2-split-down{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
:root[data-us-motion="reduced"] .us-gv2-reveal.is-first-reveal .us-gv2-lightsplit{display:none}
:root[data-us-motion="reduced"] .us-gv2-reveal.is-first-reveal :is(.us-gv2-reveal-card>dl>div,.us-gv2-outcome,.us-gv2-then){animation:none}
@media(prefers-reduced-motion:reduce){.us-gv2-reveal.is-first-reveal .us-gv2-lightsplit{display:none}.us-gv2-reveal.is-first-reveal :is(.us-gv2-reveal-card>dl>div,.us-gv2-outcome,.us-gv2-then){animation:none}}

/* M12A — Weekly question: the save button becomes the confirmed check, then
   the locked card settles in. Driven only by the server's answer. */
.us-gv2-submit.is-saved{display:inline-flex;align-items:center;justify-content:center;gap:8px;animation:gv2-saved 260ms var(--us-ease-enter) 1 both}
@keyframes gv2-saved{from{transform:scale(.97);opacity:.8}to{transform:none;opacity:1}}
.us-gv2-weekly.is-just-created{animation:us-content-enter var(--us-motion-base) var(--us-ease-enter) 1 both}
.us-gv2-weekly.is-just-created .us-gv2-glyph{animation:gv2-lock-settle 420ms var(--us-ease-enter) 1 both}
@keyframes gv2-lock-settle{from{transform:scale(.72);opacity:0}to{transform:none;opacity:1}}
:root[data-us-motion="reduced"] :is(.us-gv2-submit.is-saved,.us-gv2-weekly.is-just-created,.us-gv2-weekly.is-just-created .us-gv2-glyph){animation:none}
@media(prefers-reduced-motion:reduce){:is(.us-gv2-submit.is-saved,.us-gv2-weekly.is-just-created,.us-gv2-weekly.is-just-created .us-gv2-glyph){animation:none}}

/* ===== US-GIOCA-DENSITY-01 · actions first, less navigation chrome =====
   Presentation + hub ordering only. Game authority/RPCs are unchanged. */
#quiz .us-gv2-hub{gap:9px}
#quiz .us-gv2-head{
  align-items:center;
  gap:10px;
  margin:0 2px 2px;
}
#quiz .us-gv2-head h2{
  font-size:30px;
  line-height:1;
}
#quiz .us-gv2-rhythm{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}
#quiz .us-gv2-rhythm>.us-gv2-kicker{display:none}
#quiz .us-gv2-rhythm-row{gap:7px}
#quiz .us-gv2-rhythm-row b{
  font-size:11.5px;
  color:var(--us-color-text-2);
}
#quiz .us-gv2-rhythm-dots{gap:4px}
#quiz .us-gv2-rhythm-dots i{width:7px;height:7px}

#quiz .us-gv2-row{
  min-height:48px;
  margin-top:4px;
  padding:8px 11px;
}

#quiz .us-gv2-pervoi{
  min-height:106px;
  gap:8px 12px;
  padding:13px;
  border-radius:21px;
}
#quiz .us-gv2-pervoi .us-gv2-glyph{
  width:34px;height:34px;border-radius:12px;
}
#quiz .us-gv2-pervoi .us-gv2-glyph .us-gv2-icon{width:19px;height:19px}
#quiz .us-gv2-pervoi-copy b{font-size:22px}
#quiz .us-gv2-pervoi-copy small{
  margin-top:2px;
  font-size:11.5px;
  line-height:1.25;
}
#quiz .us-gv2-pervoi-cta{
  min-height:44px;
  padding:0 15px;
  font-size:13px;
}
#quiz .us-gv2-pervoi[data-gv2-state="played"]{
  min-height:64px;
  grid-template-columns:32px minmax(0,1fr) auto;
  grid-template-rows:1fr;
  align-items:center;
  gap:9px;
  padding:9px 11px;
  background:rgba(255,255,255,.028);
  box-shadow:none;
}
#quiz .us-gv2-pervoi[data-gv2-state="played"]::after{opacity:.12}
#quiz .us-gv2-pervoi[data-gv2-state="played"] .us-gv2-glyph{
  grid-column:1;grid-row:1;
  width:32px;height:32px;border-radius:11px;
}
#quiz .us-gv2-pervoi[data-gv2-state="played"] .us-gv2-pervoi-copy{
  grid-column:2;grid-row:1;
}
#quiz .us-gv2-pervoi[data-gv2-state="played"] .us-gv2-pervoi-copy b{
  font-family:var(--us-font-ui);
  font-size:15px;
  font-weight:700;
}
#quiz .us-gv2-pervoi[data-gv2-state="played"] .us-gv2-pervoi-copy small{font-size:10.5px}
#quiz .us-gv2-pervoi[data-gv2-state="played"] .us-gv2-pervoi-cta{
  grid-column:3;grid-row:1;
  padding:0 12px;
}

#quiz .us-gv2-weekly{
  padding:10px 11px;
  border-radius:18px;
}
#quiz .us-gv2-weekly-head{gap:10px}
#quiz .us-gv2-weekly-head .us-gv2-glyph{
  width:32px;height:32px;border-radius:11px;
}
#quiz .us-gv2-weekly-head .us-gv2-glyph .us-gv2-icon{width:17px;height:17px}
#quiz .us-gv2-weekly-head b{margin-top:2px;font-size:14px;line-height:1.2}
#quiz .us-gv2-weekly-head small{margin-top:2px;font-size:10.5px;line-height:1.25}
#quiz .us-gv2-weekly.is-open{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}
#quiz .us-gv2-weekly.is-open .us-gv2-weekly-cta{
  margin:0;
  min-height:44px;
  padding:0 13px;
  font-size:12.5px;
}
#quiz .us-gv2-weekly blockquote{
  margin-top:8px;
  padding:9px 11px;
  font-size:14px;
}
#quiz .us-gv2-note{margin-top:7px}

body:has(#quiz.page.active) #thinkButton{display:none!important}

@media(max-height:700px){
  #quiz .us-gv2-hub{gap:7px}
  #quiz .us-gv2-pervoi{min-height:96px;padding:11px}
  #quiz .us-gv2-pervoi[data-gv2-state="played"]{min-height:58px;padding-top:7px;padding-bottom:7px}

  #quiz .us-gv2-weekly{padding-top:8px;padding-bottom:8px}
}

/* ===== US-1.0 GIOCA ENTRY · useful context when the hub is fresh ===== */

/* ===== SWIPE V1 · tactile binary-choice ritual ===== */

/* Play surface */
.us-gv2-swipe-play{
  display:grid;
  gap:13px;
  min-height:calc(100dvh - 170px);
}
.us-gv2-swipe-progress{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:5px;
  padding:0 2px;
}
.us-gv2-swipe-progress i{
  height:3px;
  border-radius:999px;
  background:color-mix(in srgb,var(--us-color-text-1) 11%,transparent);
}
.us-gv2-swipe-progress i[data-state="done"]{background:color-mix(in srgb,var(--us-color-accent) 58%,var(--us-color-text-2))}
.us-gv2-swipe-progress i[data-state="now"]{
  background:var(--us-color-text-1);
  box-shadow:0 0 12px color-mix(in srgb,var(--us-color-accent) 45%,transparent);
}
.us-gv2-swipe-stage{
  position:relative;
  display:grid;
  place-items:center;
  min-height:min(52dvh,470px);
  perspective:1000px;
  overflow:hidden;
  padding:7px 5px 12px;
}
.us-gv2-swipe-stage::before,
.us-gv2-swipe-stage::after{
  content:"";
  position:absolute;
  inset:22px 16px 10px;
  border:1px solid color-mix(in srgb,var(--us-color-border) 76%,transparent);
  border-radius:30px;
  background:color-mix(in srgb,var(--us-color-surface-1) 78%,transparent);
  transform:translateY(12px) scale(.965);
  opacity:.55;
  pointer-events:none;
}
.us-gv2-swipe-stage::after{
  transform:translateY(6px) scale(.982);
  opacity:.8;
}
.us-gv2-swipe-card{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  width:min(100%,430px);
  min-height:min(46dvh,410px);
  padding:22px 20px 16px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--us-color-accent) 22%,var(--us-color-border));
  border-radius:30px;
  background:
    radial-gradient(150% 100% at 8% -5%,color-mix(in srgb,var(--us-color-accent) 18%,transparent),transparent 45%),
    linear-gradient(160deg,var(--us-color-surface-2),color-mix(in srgb,var(--us-color-surface-1) 96%,#000));
  box-shadow:0 24px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);
  transform-origin:50% 110%;
  transition:transform 220ms cubic-bezier(.2,.8,.2,1),box-shadow 220ms ease;
  touch-action:pan-y;
  user-select:none;
  cursor:grab;
  outline:none;
}
.us-gv2-swipe-card:focus-visible{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--us-color-accent) 65%,white),0 24px 60px rgba(0,0,0,.34);
}
.us-gv2-swipe-card.is-dragging{
  cursor:grabbing;
  transition:none;
  box-shadow:0 30px 72px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);
}
.us-gv2-swipe-card.is-committing{pointer-events:none}
.us-gv2-swipe-card .us-gv2-kicker{position:relative;z-index:2}
.us-gv2-swipe-card h2{
  position:relative;
  z-index:2;
  margin:auto 0;
  font-family:var(--us-font-display);
  font-size:clamp(29px,7.6vw,40px);
  line-height:1.02;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.us-gv2-swipe-card-foot{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding-top:15px;
  border-top:1px solid color-mix(in srgb,var(--us-color-text-1) 9%,transparent);
  color:var(--us-color-text-3);
  font-size:10px;
  font-weight:650;
}
.us-gv2-swipe-card-foot span{
  max-width:46%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.us-gv2-swipe-stamp{
  position:absolute;
  z-index:3;
  top:55px;
  max-width:70%;
  padding:7px 10px;
  border:2px solid currentColor;
  border-radius:10px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  opacity:0;
  transition:opacity 100ms ease;
  pointer-events:none;
}
.us-gv2-swipe-stamp.is-left{left:17px;transform:rotate(-7deg)}
.us-gv2-swipe-stamp.is-right{right:17px;transform:rotate(7deg)}
.us-gv2-swipe-card[data-swipe-side="left"] .us-gv2-swipe-stamp.is-left,
.us-gv2-swipe-card[data-swipe-side="right"] .us-gv2-swipe-stamp.is-right{opacity:.9}

.us-gv2-swipe-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.us-gv2-swipe-actions button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:54px;
  padding:9px 12px;
  border:1px solid var(--us-color-border);
  border-radius:17px;
  background:var(--us-color-surface-2);
  color:var(--us-color-text-1);
  font-size:13px;
  text-align:center;
}
.us-gv2-swipe-actions button:first-child{justify-content:flex-start}
.us-gv2-swipe-actions button:last-child{justify-content:flex-end}
.us-gv2-swipe-actions button span{color:var(--us-color-text-3);font-size:17px}
.us-gv2-swipe-actions button b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.us-gv2-swipe-actions button:active{transform:scale(.98)}
.us-gv2-swipe-actions button:disabled{opacity:.45}
.us-gv2-swipe-note{
  margin:0 auto;
  max-width:400px;
  color:var(--us-color-text-3);
  font-size:10.5px;
  line-height:1.4;
  text-align:center;
}

/* Waiting */
.us-gv2-swipe-waiting .us-gv2-lead{max-width:420px}
.us-gv2-swipe-mine{
  display:grid;
  gap:7px;
  margin:4px 0 2px;
  padding:0;
  list-style:none;
}
.us-gv2-swipe-mine li{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:49px;
  padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--us-color-border) 82%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--us-color-surface-2) 76%,transparent);
}
.us-gv2-swipe-mine li>span{
  display:grid;place-items:center;
  width:22px;height:22px;
  border-radius:999px;
  background:color-mix(in srgb,var(--us-color-accent) 14%,transparent);
  color:var(--us-color-text-3);
  font-size:9px;
  font-weight:700;
}
.us-gv2-swipe-mine small{
  min-width:0;
  color:var(--us-color-text-3);
  font-size:10px;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.us-gv2-swipe-mine b{
  max-width:128px;
  font-size:11px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Reveal */
.us-gv2-swipe-reveal{gap:13px}
.us-gv2-swipe-score{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:end;
  gap:0 11px;
  padding:17px;
  border:1px solid color-mix(in srgb,var(--us-color-accent) 24%,var(--us-color-border));
  border-radius:23px;
  background:
    radial-gradient(110% 180% at 0% 0%,color-mix(in srgb,var(--us-color-accent) 17%,transparent),transparent 56%),
    var(--us-color-surface-2);
}
.us-gv2-swipe-score strong{
  grid-row:1 / span 3;
  font-family:var(--us-font-display);
  font-size:50px;
  line-height:.9;
  letter-spacing:-.06em;
}
.us-gv2-swipe-score strong small{font-size:18px;color:var(--us-color-text-3)}
.us-gv2-swipe-score>span{font-size:13px;font-weight:700}
.us-gv2-swipe-score>i{
  width:100%;
  height:1px;
  margin:7px 0 5px;
  background:color-mix(in srgb,var(--us-color-text-1) 9%,transparent);
}
.us-gv2-swipe-score>b{color:var(--us-color-text-3);font-size:10.5px;font-weight:600}
.us-gv2-swipe-reveal-copy{
  margin:-4px 3px 2px;
  color:var(--us-color-text-3);
  font-size:10.5px;
  line-height:1.4;
}
.us-gv2-swipe-reveal-list{display:grid;gap:9px}
.us-gv2-swipe-reveal-card{
  display:grid;
  gap:9px;
  padding:13px;
  border:1px solid var(--us-color-border);
  border-radius:18px;
  background:var(--us-color-surface-2);
}
.us-gv2-swipe-reveal-card[data-same="true"]{
  border-color:color-mix(in srgb,var(--us-color-accent) 28%,var(--us-color-border));
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--us-color-accent) 8%,transparent),transparent 54%),
    var(--us-color-surface-2);
}
.us-gv2-swipe-reveal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.us-gv2-swipe-reveal-head>span{
  display:grid;place-items:center;
  width:21px;height:21px;
  border-radius:999px;
  background:color-mix(in srgb,var(--us-color-text-1) 7%,transparent);
  color:var(--us-color-text-3);
  font-size:9px;
}
.us-gv2-swipe-reveal-head>b{
  color:var(--us-color-text-3);
  font-size:9.5px;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.us-gv2-swipe-reveal-card[data-same="true"] .us-gv2-swipe-reveal-head>b{color:var(--us-color-text-2)}
.us-gv2-swipe-reveal-card h3{
  margin:0;
  font-family:var(--us-font-display);
  font-size:19px;
  line-height:1.08;
  letter-spacing:-.018em;
}
.us-gv2-swipe-reveal-card dl{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin:0;
}
.us-gv2-swipe-reveal-card dl>div{
  display:grid;
  gap:3px;
  min-width:0;
  padding:8px 9px;
  border-radius:12px;
  background:color-mix(in srgb,var(--us-color-surface-1) 86%,transparent);
}
.us-gv2-swipe-reveal-card dt{
  color:var(--us-color-text-3);
  font-size:8.5px;
  text-transform:uppercase;
}
.us-gv2-swipe-reveal-card dd{
  margin:0;
  font-size:11px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media(max-height:700px){
  .us-gv2-swipe-stage{min-height:330px}
  .us-gv2-swipe-card{min-height:310px;padding-top:18px}
  .us-gv2-swipe-card h2{font-size:clamp(26px,6.6vw,34px)}
  .us-gv2-swipe-note{display:none}
}
@media(min-width:560px){

  .us-gv2-swipe-stage{min-height:500px}
}
@media(prefers-reduced-motion:reduce){
  .us-gv2-swipe-card{transition:none!important}
}

/* Daily Question belongs to Gioca: one compact ritual entry above Per voi. */
.us-gv2-daily{width:100%;display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:13px 14px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(135deg,rgba(255,98,145,.12),rgba(169,133,255,.08)),rgba(255,255,255,.025);color:var(--us-color-text);text-align:left}
.us-gv2-daily-mark{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07)}
.us-gv2-daily-mark::before{content:"";width:17px;height:17px;background:currentColor;mask:url("/assets/icons/phosphor/question-regular.svg") center/contain no-repeat;-webkit-mask:url("/assets/icons/phosphor/question-regular.svg") center/contain no-repeat}
.us-gv2-daily-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.us-gv2-daily-copy small{font-size:8.5px;font-weight:850;letter-spacing:.15em;color:#ffb8d0}
.us-gv2-daily-copy b{font:500 16px/1.2 var(--us-font-editorial,Georgia,serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.us-gv2-daily-state{font-size:10px;color:var(--us-color-text-2)}
.us-gv2-daily-cta{flex:0 0 auto;font-size:11px;font-weight:800;color:#ffd3e3}
.us-gv2-daily[data-daily-state="reveal"]{border-color:rgba(255,148,192,.28)}
.us-gv2-daily[data-daily-state="waiting"]{background:rgba(255,255,255,.028)}
.us-gv2-daily[data-daily-state="error"]{border-style:dashed}

/* US-GIOCA-HUB-AIR-01 — keep the approved horizontal six-game deck.
   More breathable cards; status/history filters follow the primary actions. */
#quiz .us-gv2-hub{gap:14px}
#quiz .us-gv2-pervoi{min-height:122px;padding:16px;border-radius:24px;gap:11px 14px}
#quiz .us-gv2-pervoi-copy b{font-size:26px}
#quiz .us-gv2-pervoi-copy small{font-size:12.5px;line-height:1.35}

#quiz .us-gv2-daily{margin-bottom:0;min-height:70px}
@media(max-width:360px){#quiz .us-gv2-pervoi-copy b{font-size:23px}}

/* ===== US-GIOCA-V3 · Per voi, what is waiting, then one ordered grid =====
   Per voi stays the hero; "Da continuare" appears only when a round exists;
   every game is a compact card with icon, name, kind of moment and a real
   state. Two columns, no sideways scrolling; Swipe spans the row. */
#quiz .us-gv2-hub{display:flex;flex-direction:column;gap:16px}
@media(max-height:700px){#quiz .us-gv2-hub{gap:11px}}
#quiz .us-gv2-pervoi-copy .us-gv2-kicker{margin-bottom:5px;color:#ffc2d6}
#quiz .us-gv2-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:2px 2px 10px}
#quiz .us-gv2-section-head small{font-size:12px;color:var(--us-color-text-3)}
#quiz .us-gv2-section-title{margin:0;font:500 21px/1.15 var(--us-font-editorial);letter-spacing:-.2px;color:var(--us-color-text)}
#quiz .us-gv2-continue>.us-gv2-section-title{margin:2px 2px 8px}
#quiz .us-gv2-rows{display:flex;flex-direction:column;gap:8px}
#quiz .us-gv2-row{display:flex;align-items:center;gap:12px;min-height:60px;margin:0;padding:10px 12px;border-radius:var(--us-radius-control);background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:var(--us-color-text);text-align:left;transition:transform var(--us-motion-press) var(--us-ease-standard)}
#quiz .us-gv2-row:active{transform:scale(.985)}
#quiz .us-gv2-row .us-gv2-glyph{width:36px;height:36px;border-radius:12px}
#quiz .us-gv2-row .us-gv2-glyph .us-gv2-icon{width:19px;height:19px}
#quiz .us-gv2-row-copy{flex:1;min-width:0}
#quiz .us-gv2-row-copy b{font-size:14.5px;font-weight:680}
#quiz .us-gv2-row-state{flex:0 0 auto;padding:5px 10px;border-radius:var(--us-radius-pill);background:rgba(255,255,255,.06);font-size:11.5px;font-weight:700;color:var(--us-color-text-2)}
#quiz .us-gv2-row-state[data-tone="turn"],#quiz .us-gv2-row-state[data-tone="ready"]{background:rgba(255,102,142,.16);color:#ffd3e1}
#quiz .us-gv2-row[data-tone="waiting"],#quiz .us-gv2-row[data-tone="seen"]{background:transparent}

#quiz .us-gv2-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#quiz .us-gv2-game{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;align-items:start;gap:10px;min-height:150px;padding:14px;border-radius:var(--us-radius-card);text-align:left;color:var(--us-color-text);background:linear-gradient(155deg,rgba(46,24,54,.72),rgba(20,15,28,.70) 62%,rgba(14,12,20,.76));border:1px solid rgba(255,255,255,.10);box-shadow:var(--us-glass-2-shadow);transition:transform var(--us-motion-press) var(--us-ease-standard),border-color var(--us-motion-fast) var(--us-ease-standard)}
#quiz .us-gv2-game::after{content:"";position:absolute;z-index:-1;right:-40%;top:-40%;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,var(--gv2-glow,rgba(255,102,142,.28)),transparent 68%);opacity:.55;pointer-events:none}
#quiz .us-gv2-game:active{transform:scale(.97)}
#quiz .us-gv2-game .us-gv2-glyph{width:38px;height:38px;border-radius:13px}
#quiz .us-gv2-game-copy{display:flex;flex-direction:column;gap:4px;min-width:0;align-self:end}
#quiz .us-gv2-game-copy b{font:500 18px/1.12 var(--us-font-editorial);overflow-wrap:anywhere}
#quiz .us-gv2-game-copy small{font-size:11.5px;line-height:1.3;color:var(--us-color-text-2)}
#quiz .us-gv2-game-state{display:inline-flex;align-items:center;gap:5px;justify-self:start;font:700 11px/1 var(--us-font-ui);font-style:normal;padding:5px 9px;border-radius:var(--us-radius-pill);background:rgba(255,255,255,.07);color:var(--us-color-text-2)}
#quiz .us-gv2-game-state .us-gv2-icon{width:12px;height:12px}
#quiz .us-gv2-game-state[data-state="ready"]{background:transparent;padding-left:0;color:var(--us-color-text-3)}
#quiz .us-gv2-game-state[data-state="open"]{background:rgba(255,102,142,.16);color:#ffd3e1}
#quiz .us-gv2-game-state[data-state="open"][data-tone="waiting"]{background:rgba(255,255,255,.07);color:var(--us-color-text-2)}
#quiz .us-gv2-game[data-gv2-mode-state="played"] .us-gv2-glyph{color:var(--us-color-text-3)}
#quiz .us-gv2-game[data-gv2-mode-state="played"]::after,#quiz .us-gv2-game[aria-disabled="true"]::after{opacity:.2}
#quiz .us-gv2-game[aria-disabled="true"]{border-color:rgba(255,255,255,.06)}
#quiz .us-gv2-game[aria-disabled="true"] .us-gv2-glyph,#quiz .us-gv2-game[aria-disabled="true"] .us-gv2-game-copy small,#quiz .us-gv2-game-state[data-state="locked"]{color:var(--us-color-locked)}
#quiz .us-gv2-game[aria-disabled="true"] .us-gv2-game-copy b{color:var(--us-color-text-2)}
#quiz .us-gv2-game[data-gv2-family="scopritevi"]{--gv2-tint:var(--us-color-rose-2);--gv2-glow:rgba(255,102,142,.30)}
#quiz .us-gv2-game[data-gv2-family="confrontatevi"]{--gv2-tint:var(--us-color-violet);--gv2-glow:rgba(169,133,255,.32)}
#quiz .us-gv2-game[data-gv2-family="ridete"]{--gv2-tint:var(--us-color-warning);--gv2-glow:rgba(242,184,114,.24)}
#quiz .us-gv2-game[data-gv2-family="quanto_mi_conosci"]{--gv2-tint:var(--us-color-accent-ink);--gv2-glow:rgba(201,154,224,.28)}
#quiz .us-gv2-game[data-gv2-family="rivivete"]{--gv2-tint:var(--us-color-rose);--gv2-glow:rgba(255,102,142,.26)}
#quiz .us-gv2-game[data-gv2-family="e_se"]{--gv2-tint:var(--us-color-violet);--gv2-glow:rgba(139,114,248,.32)}
/* Swipe: the quick one, a full-width card with the same vocabulary. */
#quiz .us-gv2-game.is-swipe{--gv2-tint:#ffd3e1;--gv2-glow:rgba(255,102,142,.36);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;min-height:84px;gap:12px;background:radial-gradient(120% 140% at 100% 0%,rgba(255,102,142,.20),transparent 60%),linear-gradient(150deg,rgba(54,26,60,.80),rgba(20,15,28,.74) 62%)}
#quiz .us-gv2-game.is-swipe .us-gv2-game-copy{align-self:center}
#quiz .us-gv2-game.is-swipe .us-gv2-glyph{width:44px;height:44px;border-radius:15px;background:rgba(255,102,142,.16)}

#quiz .us-gv2-done{border-radius:var(--us-radius-control);border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
#quiz .us-gv2-done>summary{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 14px;list-style:none;cursor:pointer;font-size:13.5px;font-weight:680;color:var(--us-color-text-2)}
#quiz .us-gv2-done>summary::-webkit-details-marker{display:none}
#quiz .us-gv2-done>summary span{flex:1}
#quiz .us-gv2-done>summary b{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(255,255,255,.08);font-size:11.5px}
#quiz .us-gv2-done>summary::after{content:"";width:15px;height:15px;background:var(--us-color-text-3);-webkit-mask:url("/assets/icons/phosphor/caret-right-regular.svg") center/contain no-repeat;mask:url("/assets/icons/phosphor/caret-right-regular.svg") center/contain no-repeat;transition:transform var(--us-motion-fast) var(--us-ease-standard)}
#quiz .us-gv2-done[open]>summary::after{transform:rotate(90deg)}
#quiz .us-gv2-done>.us-gv2-rows{padding:0 10px 10px}
#quiz .us-gv2-weekly-head small{color:var(--us-color-text-2)}
#quiz .us-gv2-game:focus-visible,#quiz .us-gv2-row:focus-visible,#quiz .us-gv2-done>summary:focus-visible{outline:2px solid var(--us-color-accent-strong);outline-offset:2px}
@media(max-width:350px){
  #quiz .us-gv2-game{min-height:138px;padding:12px}
  #quiz .us-gv2-game-copy b{font-size:16.5px}
}
@media(min-width:620px){#quiz .us-gv2-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#quiz .us-gv2-game,#quiz .us-gv2-row{transition:none}#quiz .us-gv2-game:active,#quiz .us-gv2-row:active{transform:none}}

/* ===== GIOCA V4: DAILY CHALLENGE + BENTO =====
   Single Gioca canvas. The Daily Question model belongs to home-cleanup.js;
   the seven dates are passive orientation, never an invented streak. */
#quiz .us-gv2-hub{gap:17px}
#quiz .us-gv2-daily-slot{display:block;width:100%;min-height:188px}
#quiz .us-gv2-daily-slot>.us-gv2-daily,
#quiz .us-gv2-daily-slot>.us-gv4-daily-pending{width:100%;height:100%;min-height:188px;box-sizing:border-box}
#quiz .us-gv2-daily{
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;
  gap:12px;margin:0;padding:18px 20px 15px;
  border:1px solid rgba(251,240,255,.27);border-radius:26px;
  background:linear-gradient(128deg,#c4b0fa,#a391e8 70%,#9f83df);
  color:#292044;text-align:left;box-shadow:0 16px 34px rgba(85,50,146,.17);
  transition:transform var(--us-motion-press) var(--us-ease-standard)
}
#quiz .us-gv2-daily:active{transform:scale(.985)}
#quiz .us-gv2-daily-mark{display:none}
#quiz .us-gv4-daily-art{position:absolute;inset:0 0 auto auto;width:47%;height:86%;pointer-events:none;z-index:-1}
#quiz .us-gv4-art-ring{
 position:absolute;right:-11%;top:-21%;width:164px;height:164px;border:29px solid rgba(253,199,250,.46);
 border-radius:49%;transform:rotate(32deg);box-shadow:0 12px 22px rgba(102,51,142,.12)
}
#quiz .us-gv4-art-heart{
 position:absolute;right:22%;top:50%;width:55px;height:55px;
 background:linear-gradient(130deg,#ffdbed,#ff91c6);
 -webkit-mask:url("/assets/icons/phosphor/heart-straight-fill.svg") center/contain no-repeat;
 mask:url("/assets/icons/phosphor/heart-straight-fill.svg") center/contain no-repeat;
 transform:rotate(-14deg);filter:drop-shadow(0 9px 10px rgba(101,53,127,.12))
}
#quiz .us-gv2-daily-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:5px;max-width:90%;position:relative;z-index:1}
#quiz .us-gv2-daily-copy small{font-size:10px;font-weight:800;letter-spacing:.13em;color:#493277}
#quiz .us-gv4-daily-title{display:block;font:700 clamp(26px,7.1vw,30px)/.94 var(--us-font-ui);letter-spacing:-.8px;margin:1px 0 5px;color:#272044}
#quiz .us-gv2-daily-copy b{
 font:650 12.5px/1.25 var(--us-font-ui);color:#332752;
 max-width:94%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
#quiz .us-gv2-daily-state{font-size:11px;line-height:1.3;color:#51396f;margin-top:2px}
#quiz .us-gv4-daily-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px}
#quiz .us-gv4-daily-footer>span:first-child{font-size:10.5px;color:#51396f;font-weight:550}
#quiz .us-gv2-daily-cta{
 display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;
 border-radius:999px;padding:10px 14px;background:#32244f;color:#fff;font-size:12px;font-weight:760;
 min-height:37px;box-shadow:0 4px 14px rgba(56,40,95,.17)
}
#quiz .us-gv2-daily[data-daily-state="waiting"]{background:linear-gradient(135deg,#b0a2d8,#9689c1)}
#quiz .us-gv2-daily[data-daily-state="reveal"]{background:linear-gradient(135deg,#d0a5e4,#b890d7);border-color:rgba(255,227,246,.4)}
#quiz .us-gv4-daily-pending{
 display:flex;flex-direction:column;justify-content:center;gap:11px;padding:22px;
 border:1px solid var(--us-color-line);border-radius:26px;background:linear-gradient(145deg,rgba(171,146,221,.21),rgba(68,39,102,.22))
}
#quiz .us-gv4-daily-pending-title{font:700 26px/1.08 var(--us-font-ui);letter-spacing:-.4px;color:var(--us-color-text)}
#quiz .us-gv4-daily-pending small{color:var(--us-color-text-2);font-size:12px}

/* A calendar ribbon, not a seven-day reward ledger. All days are static,
   only Rome-today is highlighted. */
#quiz .us-gv4-week{display:flex;flex-direction:column;gap:10px}
#quiz .us-gv4-week-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:0 2px}
#quiz .us-gv4-week-head h3{margin:0;font:500 19px/1.2 var(--us-font-editorial);color:var(--us-color-text)}
#quiz .us-gv4-week-head span{font-size:10px;line-height:1.3;color:var(--us-color-text-3)}
#quiz .us-gv4-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
#quiz .us-gv4-day{
 position:relative;min-width:0;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:4px;border-radius:17px;border:1px solid var(--us-color-line);background:rgba(255,255,255,.03);
 color:var(--us-color-text-2);font-variant-numeric:tabular-nums
}
#quiz .us-gv4-day small{font-size:10px;font-weight:600;color:var(--us-color-text-3)}
#quiz .us-gv4-day b{font-size:16px;font-weight:640}
#quiz .us-gv4-day.is-today{background:rgba(255,239,250,.96);color:#2d233a;border-color:transparent;box-shadow:0 7px 17px rgba(0,0,0,.15)}
#quiz .us-gv4-day.is-today small{color:#4f3b62}
#quiz .us-gv4-day i{position:absolute;bottom:4px;width:3px;height:3px;border-radius:50%;background:var(--us-color-rose);pointer-events:none}
#quiz .us-gv2-head{margin:-2px 0 0;justify-content:flex-end;min-height:22px}
#quiz .us-gv2-rhythm{gap:7px}
#quiz .us-gv2-rhythm>.us-gv2-kicker{display:block;font-size:10px;color:var(--us-color-text-3);font-weight:680;letter-spacing:.08em}
#quiz .us-gv2-section-title{font-size:22px}

/* Two-column bento: Per voi spans the first two rows, with two short cards
   on its right. Other game cards stay in normal DOM/keyboard order. */
#quiz .us-gv2-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:stretch}
#quiz .us-gv2-pervoi,
#quiz .us-gv2-pervoi[data-gv2-state="played"]{
 grid-column:1;grid-row:span 2;min-height:236px;
 display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;
 gap:16px;margin:0;padding:15px;border-radius:24px;
 background:linear-gradient(156deg,rgba(224,150,179,.25),rgba(77,35,75,.63) 57%,rgba(32,21,46,.91));
 border:1px solid rgba(249,177,210,.2);box-shadow:var(--us-glass-2-shadow)
}
#quiz .us-gv2-pervoi .us-gv2-glyph,
#quiz .us-gv2-pervoi[data-gv2-state="played"] .us-gv2-glyph{grid-column:auto;grid-row:auto;width:43px;height:43px;border-radius:14px}
#quiz .us-gv2-pervoi-copy,
#quiz .us-gv2-pervoi[data-gv2-state="played"] .us-gv2-pervoi-copy{grid-column:auto;grid-row:auto;align-self:stretch}
#quiz .us-gv2-pervoi-copy b,
#quiz .us-gv2-pervoi[data-gv2-state="played"] .us-gv2-pervoi-copy b{font:550 clamp(23px,6vw,27px)/1.08 var(--us-font-editorial)}
#quiz .us-gv2-pervoi-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.33}
#quiz .us-gv2-pervoi-cta,
#quiz .us-gv2-pervoi[data-gv2-state="played"] .us-gv2-pervoi-cta{
 grid-column:auto;grid-row:auto;align-self:flex-start;min-height:36px;padding:0 13px;font-size:12px
}
#quiz .us-gv2-game{min-height:132px;gap:8px;border-radius:23px;padding:14px;background:linear-gradient(155deg,rgba(59,33,75,.75),rgba(25,18,36,.85));box-shadow:var(--us-glass-2-shadow)}
#quiz .us-gv2-game[data-gv2-family="scopritevi"]{grid-column:2;grid-row:2}
#quiz .us-gv2-game.is-swipe{
 grid-column:2;grid-row:1;min-height:112px;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;
 justify-items:start;align-items:start;gap:5px;padding:12px 13px;
 background:linear-gradient(145deg,rgba(133,155,220,.35),rgba(38,51,89,.73))
}
#quiz .us-gv2-game.is-swipe .us-gv2-glyph{width:30px;height:30px;border-radius:10px}
#quiz .us-gv2-game.is-swipe .us-gv2-game-copy{align-self:end}
#quiz .us-gv2-game.is-swipe .us-gv2-game-copy small{display:none}
#quiz .us-gv2-game[data-gv2-family="scopritevi"]{min-height:112px;background:linear-gradient(145deg,rgba(168,136,222,.37),rgba(58,42,85,.78))}
#quiz .us-gv2-game[data-gv2-family="scopritevi"] .us-gv2-glyph{width:30px;height:30px;border-radius:10px}
#quiz .us-gv2-game[data-gv2-family="scopritevi"] .us-gv2-game-copy small{display:none}
#quiz .us-gv2-game.is-swipe .us-gv2-game-copy b,
#quiz .us-gv2-game[data-gv2-family="scopritevi"] .us-gv2-game-copy b{font-size:17px;line-height:1.1}
#quiz .us-gv2-game.is-swipe .us-gv2-game-state,
#quiz .us-gv2-game[data-gv2-family="scopritevi"] .us-gv2-game-state{font-size:10px;margin:0;padding:0;background:transparent}
#quiz .us-gv2-game .us-gv2-game-state[data-state="ready"]{display:none}
#quiz .us-gv2-game .us-gv2-glyph{display:grid;place-items:center}
#quiz .us-gv2-game .us-gv2-glyph .us-gv2-icon{display:block;max-width:22px;max-height:22px}
#quiz .us-gv2-game:focus-visible,#quiz .us-gv2-pervoi:focus-visible,#quiz .us-gv2-daily:focus-visible{outline:2px solid var(--us-color-accent-strong);outline-offset:3px}
@media(max-width:360px){
 #quiz .us-gv4-days{gap:3px}
 #quiz .us-gv4-day{border-radius:13px;min-height:57px}
 #quiz .us-gv4-week-head h3{font-size:17px}
 #quiz .us-gv2-pervoi,#quiz .us-gv2-pervoi[data-gv2-state="played"]{min-height:221px;padding:12px}
 #quiz .us-gv2-game{padding:12px}
 #quiz .us-gv2-game-grid{gap:8px}
 #quiz .us-gv2-daily{padding:16px}
 #quiz .us-gv2-daily-copy{max-width:96%}
}
@media(min-width:620px){
 #quiz .us-gv2-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
 #quiz .us-gv2-daily{transition:none}
 #quiz .us-gv2-daily:active{transform:none}
}

/* REVEAL V5: summary-first, no endless card stack. Existing Game V2 authority unchanged. */
#quiz .us-gv5-reveal{display:flex;flex-direction:column;gap:15px;padding:19px 16px 22px;min-height:0}
#quiz .us-gv5-reveal>h2{font:550 clamp(26px,7vw,31px)/1.12 var(--us-font-editorial);margin:0;color:var(--us-color-text)}
#quiz .us-gv5-summary{display:flex;justify-content:space-around;gap:10px;border:1px solid var(--us-color-line);border-radius:20px;padding:18px 14px;background:rgba(255,255,255,.035)}
#quiz .us-gv5-summary>span{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}
#quiz .us-gv5-summary>span+span{border-left:1px solid var(--us-color-line)}
#quiz .us-gv5-summary strong{font:600 32px/1 var(--us-font-editorial);font-variant-numeric:tabular-nums;color:var(--us-color-text)}
#quiz .us-gv5-summary small{font-size:12px;color:var(--us-color-text-2)}
#quiz .us-gv5-reveal-hint{font-size:12px;line-height:1.4;color:var(--us-color-text-3);margin:0 2px}
#quiz .us-gv5-reveal-groups{display:flex;flex-direction:column;gap:10px}
#quiz .us-gv5-reveal-group{border:1px solid var(--us-color-line);border-radius:19px;background:rgba(255,255,255,.035);overflow:hidden}
#quiz .us-gv5-reveal-group>summary{display:flex;align-items:center;gap:13px;padding:16px 15px;cursor:pointer;list-style:none;min-height:65px}
#quiz .us-gv5-reveal-group>summary::-webkit-details-marker,
#quiz .us-gv5-reveal-item summary::-webkit-details-marker{display:none}
#quiz .us-gv5-reveal-group>summary>span:first-child{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
#quiz .us-gv5-reveal-group>summary b{font-size:16px;font-weight:650;color:var(--us-color-text)}
#quiz .us-gv5-reveal-group>summary small{font-size:11px;line-height:1.3;color:var(--us-color-text-3)}
#quiz .us-gv5-reveal-group>summary strong{min-width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);font-size:17px;color:var(--us-color-text)}
#quiz .us-gv5-reveal-group[data-gv5-group="same"]>summary strong{background:rgba(253,123,173,.14);color:var(--us-color-rose)}
#quiz .us-gv5-reveal-group ol{list-style:none;display:grid;gap:0;padding:0 13px 13px;margin:0}
#quiz .us-gv5-reveal-item{margin:0;border-top:1px solid var(--us-color-line)}
#quiz .us-gv5-reveal-item summary{display:flex;align-items:center;gap:11px;list-style:none;cursor:pointer;padding:13px 3px;min-height:55px}
#quiz .us-gv5-reveal-num{width:25px;flex:0 0 25px;font-variant-numeric:tabular-nums;color:var(--us-color-text-3);font-size:12px}
#quiz .us-gv5-reveal-title{flex:1;min-width:0;font-size:13.5px;font-weight:560;line-height:1.35;color:var(--us-color-text)}
#quiz .us-gv5-equal-choice{font-size:11px;color:var(--us-color-text-3);max-width:28%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#quiz .us-gv5-reveal-chevron{font-size:23px;line-height:1;flex:0 0 16px;color:var(--us-color-text-3);transition:transform .2s ease}
#quiz details[open]>summary>.us-gv5-reveal-chevron{transform:rotate(90deg)}
#quiz .us-gv5-reveal-answers{padding:0 3px 13px 36px}
#quiz .us-gv5-reveal-answers dl{margin:0;display:grid;gap:8px}
#quiz .us-gv5-reveal-answers dl>div{display:flex;flex-direction:column;gap:4px}
#quiz .us-gv5-reveal-answers dt{font-size:10.5px;color:var(--us-color-text-3)}
#quiz .us-gv5-reveal-answers dd{font-size:13px;line-height:1.45;color:var(--us-color-text);margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
#quiz .us-gv5-reveal-answers .us-gv5-outcome{font-size:11px;color:var(--us-color-text-2)}
#quiz .us-gv5-reveal-answers .us-gv2-then{padding:8px;font-size:11px}
#quiz .us-gv5-reveal details:focus-within>summary:focus-visible{outline:2px solid var(--us-color-accent-strong);outline-offset:-2px;border-radius:10px}
#quiz .us-gv5-reveal .us-gv2-actions{margin-top:4px}
@media(max-width:360px){#quiz .us-gv5-reveal{padding:15px 12px 20px}#quiz .us-gv5-reveal-item summary{gap:8px}#quiz .us-gv5-reveal-title{font-size:12.5px}}
@media(prefers-reduced-motion:reduce){#quiz .us-gv5-reveal-chevron{transition:none}}