.quiz-product{--quiz-navy:var(--brand-dark);--quiz-navy-soft:var(--brand-dark);--quiz-gold:var(--brand);--quiz-gold-bright:var(--accent);--quiz-success:#168864;--quiz-danger:#d94b4b;--quiz-warning:#d67920;--quiz-info:#1685c4;--quiz-radius-sm:0;--quiz-radius:0;--quiz-radius-lg:0;--quiz-shadow:var(--shadow);--quiz-shadow-hover:var(--shadow);isolation:isolate;min-width:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:clip}.quiz-product:before,.quiz-product:after{display:none}.quiz-ambient{background:var(--surface-solid);position:relative;overflow:hidden}.quiz-card{border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:var(--quiz-radius);min-width:0;box-shadow:var(--quiz-shadow);position:relative;overflow:hidden}.quiz-card--glass,.quiz-card--solid{background:var(--surface-solid)}.quiz-card--soft{background:color-mix(in srgb,var(--surface-soft) 72%,var(--surface-solid))}.quiz-card--dark{border-color:color-mix(in srgb,var(--brand) 18%,var(--border));color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#062f4f,#031827)}.quiz-button{min-height:3rem;color:inherit;font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.78rem 1rem;font-size:.84rem;font-weight:900;line-height:1.1;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s;display:inline-flex;position:relative;overflow:hidden}.quiz-button:after{content:"";opacity:0;background:#ffffff47;border-radius:50%;transition:opacity .4s,transform .4s;position:absolute;inset:50%;transform:translate(-50%,-50%)scale(0)}.quiz-button:active:after{opacity:1;transition-duration:0s;transform:translate(-50%,-50%)scale(5)}.quiz-button:hover{transform:translateY(-2px)}.quiz-button:active{transform:translateY(0)scale(.985)}.quiz-button:disabled{cursor:not-allowed;filter:saturate(.7);opacity:.68;transform:none}.quiz-button:has(.is-loading){cursor:wait}.quiz-button--large{min-height:3.55rem;padding:.95rem 1.25rem;font-size:.92rem}.quiz-button--primary{background:linear-gradient(135deg,var(--quiz-navy-soft),#0b537d);color:#fff;box-shadow:0 .8rem 1.9rem #053b6633}.quiz-button--gold{background:linear-gradient(135deg,var(--brand),var(--accent),var(--brand-dark));color:#fff;box-shadow:0 .8rem 1.9rem color-mix(in srgb,var(--brand) 22%,transparent)}.quiz-button--secondary{border-color:var(--border);background:color-mix(in srgb,var(--surface-solid) 88%,transparent);color:var(--brand-dark)}.quiz-button--ghost{color:var(--muted);background:0 0;border-color:#0000}.quiz-button--danger{background:color-mix(in srgb,var(--quiz-danger) 12%,var(--surface-solid));color:var(--quiz-danger)}.quiz-button-label{z-index:1;justify-content:center;align-items:center;gap:.55rem;display:inline-flex;position:relative}.quiz-badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:0;align-items:center;gap:.4rem;width:fit-content;min-height:1.85rem;padding:.3rem .65rem;font-size:.66rem;font-weight:950;line-height:1;display:inline-flex}.quiz-badge--gold{background:color-mix(in srgb,var(--quiz-gold) 13%,var(--surface-solid));color:#a46908}.quiz-badge--blue{background:color-mix(in srgb,var(--quiz-info) 11%,var(--surface-solid));color:var(--quiz-info)}.quiz-badge--green{background:color-mix(in srgb,var(--quiz-success) 11%,var(--surface-solid));color:var(--quiz-success)}.quiz-badge--orange{background:color-mix(in srgb,var(--quiz-warning) 11%,var(--surface-solid));color:var(--quiz-warning)}.quiz-badge--red{background:color-mix(in srgb,var(--quiz-danger) 11%,var(--surface-solid));color:var(--quiz-danger)}.quiz-badge--neutral{background:color-mix(in srgb,var(--muted) 9%,var(--surface-solid));color:var(--muted)}.quiz-kicker{color:var(--quiz-info);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:950}.quiz-statistic{align-items:center;gap:.7rem;min-width:0;display:flex}.quiz-statistic-icon{background:color-mix(in srgb,var(--quiz-gold) 12%,var(--surface-solid));color:#ae710c;border-radius:.8rem;flex:none;place-items:center;width:2.45rem;height:2.45rem;display:grid}.quiz-statistic>div{gap:.12rem;min-width:0;display:grid}.quiz-statistic strong{overflow-wrap:anywhere;color:var(--ink);font-size:clamp(1.05rem,2.4vw,1.55rem);font-weight:950;line-height:1}.quiz-statistic span:last-child{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.64rem;font-weight:850}.quiz-state-panel{border:1px solid color-mix(in srgb,var(--quiz-danger) 35%,var(--border));border-radius:var(--quiz-radius);background:color-mix(in srgb,var(--quiz-danger) 8%,var(--surface-solid));color:var(--ink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.quiz-state-panel>span{background:color-mix(in srgb,var(--quiz-danger) 14%,transparent);width:2.7rem;height:2.7rem;color:var(--quiz-danger);border-radius:.85rem;place-items:center;display:grid}.quiz-state-panel strong,.quiz-state-panel p{margin:0}.quiz-state-panel p{color:var(--muted);margin-top:.2rem;font-size:.85rem;line-height:1.5}.quiz-alert--warning{border-color:color-mix(in srgb,var(--quiz-warning) 35%,var(--border));background:color-mix(in srgb,var(--quiz-warning) 8%,var(--surface-solid))}.quiz-alert--warning>.quiz-alert-icon{background:color-mix(in srgb,var(--quiz-warning) 14%,transparent);color:var(--quiz-warning)}.quiz-alert--info{border-color:color-mix(in srgb,var(--quiz-info) 35%,var(--border));background:color-mix(in srgb,var(--quiz-info) 8%,var(--surface-solid))}.quiz-alert--info>.quiz-alert-icon{background:color-mix(in srgb,var(--quiz-info) 14%,transparent);color:var(--quiz-info)}.quiz-alert--success{border-color:color-mix(in srgb,var(--quiz-success) 35%,var(--border));background:color-mix(in srgb,var(--quiz-success) 8%,var(--surface-solid))}.quiz-alert--success>.quiz-alert-icon{background:color-mix(in srgb,var(--quiz-success) 14%,transparent);color:var(--quiz-success)}.quiz-skeleton{gap:1rem;padding:clamp(1rem,4vw,2rem);display:grid}.quiz-skeleton span{background:linear-gradient(90deg,var(--surface-soft),color-mix(in srgb,var(--brand) 10%,var(--surface-solid)),var(--surface-soft));background-size:220% 100%;border-radius:999px;height:1rem;animation:1.25s ease-in-out infinite quiz-skeleton;display:block}.quiz-skeleton span:first-child{width:28%}.quiz-skeleton span:nth-child(2){width:84%;height:2.5rem}.quiz-skeleton span:nth-child(n+3){height:4.2rem}@keyframes quiz-skeleton{to{background-position:-220% 0}}.quiz-toast{right:auto;bottom:max(1rem,env(safe-area-inset-bottom));z-index:70;border:1px solid color-mix(in srgb,var(--quiz-success) 35%,var(--border));background:color-mix(in srgb,var(--surface-solid) 94%,transparent);width:max-content;max-width:min(23rem,100vw - 2rem);box-shadow:var(--quiz-shadow-hover);color:var(--ink);text-align:center;backdrop-filter:blur(18px);border-radius:1rem;justify-content:center;align-items:center;gap:.7rem;padding:.85rem 1rem;font-size:.82rem;font-weight:850;animation:.3s both quiz-toast-in;display:flex;position:fixed;left:50%;translate:-50%}.quiz-toast .quiz-icon{color:var(--quiz-success)}@keyframes quiz-toast-in{0%{opacity:0;transform:translateY(.7rem)scale(.97)}to{opacity:1;transform:none}}.quiz-dialog{border-radius:var(--quiz-radius-lg);width:min(44rem,100% - 2rem);max-height:calc(100vh - 2rem);color:var(--ink);background:0 0;border:0;padding:0}.quiz-dialog::backdrop{backdrop-filter:blur(8px);background:#02111fad}.quiz-dialog-panel{border:1px solid var(--border);border-radius:inherit;background:var(--surface-solid);max-height:calc(100vh - 2rem);padding:clamp(1rem,4vw,2rem);overflow:auto;box-shadow:0 2rem 6rem #00000052}.quiz-dialog-panel>header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.quiz-dialog-panel h2{color:var(--ink);margin:.35rem 0 0;font-size:clamp(1.6rem,4vw,2.6rem)}.quiz-dialog-panel>footer{justify-content:flex-end;margin-top:1rem;display:flex}.quiz-leaderboard{border:1px solid var(--border);border-radius:var(--quiz-radius);background:color-mix(in srgb,var(--surface-soft) 55%,var(--surface-solid));gap:1rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.quiz-leaderboard>header{align-items:flex-start;gap:.9rem;display:flex}.quiz-leaderboard-icon{background:linear-gradient(145deg,var(--quiz-gold-bright),var(--quiz-gold));width:3rem;height:3rem;color:var(--quiz-navy);border-radius:1rem;flex:none;place-items:center;display:grid}.quiz-leaderboard h3{color:var(--ink);margin:.45rem 0 .25rem;font-size:clamp(1.25rem,3vw,1.8rem)}.quiz-leaderboard header p{color:var(--muted);margin:0;line-height:1.55}.quiz-leaderboard-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.quiz-leaderboard-tabs span{border:1px solid var(--border);background:var(--surface-solid);color:var(--muted);border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .65rem;font-size:.72rem;font-weight:850;display:inline-flex}.quiz-leaderboard-live{border-top:1px solid var(--border);padding-top:1rem}.quiz-leaderboard-loading{color:var(--muted);text-align:center;margin:0;font-size:.82rem;line-height:1.55}.quiz-leaderboard-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.quiz-leaderboard-list li{border:1px solid var(--border);background:var(--surface-solid);color:var(--ink);grid-template-columns:2.5rem minmax(0,1fr) auto 4rem;align-items:center;gap:.7rem;padding:.65rem;display:grid}.quiz-leaderboard-rank{background:var(--surface-soft);width:2.2rem;height:2.2rem;color:var(--muted);place-items:center;display:grid}.quiz-leaderboard-list span{min-width:0;display:grid}.quiz-leaderboard-list span b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quiz-leaderboard-list small{color:var(--muted);font-size:.68rem}.quiz-leaderboard-list time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-weight:850}.quiz-leaderboard>.quiz-button{justify-self:center}.quiz-tooltip{position:relative}.quiz-tooltip-text{z-index:10;background:var(--quiz-navy);color:#fff;opacity:0;pointer-events:none;border-radius:.65rem;width:max-content;max-width:15rem;padding:.5rem .65rem;font-size:.7rem;font-weight:750;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + .55rem);right:0;transform:translateY(.25rem)}.quiz-tooltip:hover .quiz-tooltip-text,.quiz-tooltip:focus-within .quiz-tooltip-text{opacity:1;transform:none}:root[data-theme=dark] .quiz-product{--quiz-gold:#e6b843;--quiz-gold-bright:#ffd66c;--quiz-success:#4fd1a6;--quiz-danger:#ff7676;--quiz-warning:#ffac55;--quiz-info:#72ccff}:root[data-theme=dark] .quiz-card{box-shadow:0 1.4rem 4rem #00000042,inset 0 1px #ffffff14}:root[data-theme=dark] .quiz-card--glass{background:color-mix(in srgb,var(--surface-solid) 84%,transparent)}:root[data-theme=dark] .quiz-badge--gold{color:var(--quiz-gold-bright)}@media (width<=640px){.quiz-button--large{min-height:3.35rem}.quiz-state-panel{grid-template-columns:auto minmax(0,1fr)}.quiz-state-panel .quiz-button{grid-column:1/-1;width:100%}.quiz-dialog-panel>footer .quiz-button{width:100%}.quiz-toast{width:min(23rem,100vw - 2rem);max-width:none;left:50%;right:auto}.quiz-leaderboard-list li{grid-template-columns:2.2rem minmax(0,1fr) auto}.quiz-leaderboard-list time{text-align:left;grid-column:2/4}.quiz-tooltip-text{width:min(15rem,100vw - 2rem);max-width:none;left:0;right:auto}}@media (prefers-reduced-motion:reduce){.quiz-skeleton span,.quiz-toast,.quiz-button{transition:none!important;animation:none!important}}