.quiz-arena{background:radial-gradient(ellipse at 12% 5%,hsl(var(--quiz-violet) / .16),transparent 40%),radial-gradient(ellipse at 90% 45%,hsl(var(--quiz-cyan) / .09),transparent 45%),hsl(var(--quiz-wall))}.quiz-rubber{background:linear-gradient(145deg,hsl(var(--quiz-surface) / .95),hsl(var(--quiz-wall)));border:1px solid hsl(var(--quiz-ink) / .14);box-shadow:inset 1px 2px 2px hsl(var(--quiz-ink) / .15),inset -3px -5px 9px hsl(var(--quiz-wall) / .8),9px 15px 30px hsl(var(--quiz-wall) / .9)}.quiz-clock{width:9rem;height:9rem;border-radius:50%;position:relative;flex-shrink:0;color:hsl(var(--quiz-cyan));background:linear-gradient(135deg,hsl(var(--quiz-violet) / .75),hsl(var(--quiz-surface)) 42%,hsl(var(--quiz-wall)) 80%);border:1px solid hsl(var(--quiz-ink) / .25);box-shadow:inset 3px 4px 8px hsl(var(--quiz-ink) / .68),inset -7px -9px 12px hsl(var(--quiz-wall) / .9),4px 7px hsl(var(--quiz-surface)),9px 14px hsl(var(--quiz-wall)),16px 23px 20px hsl(var(--quiz-wall) / .9),-3px -3px 24px hsl(var(--quiz-cyan) / .3),0 0 30px hsl(var(--quiz-violet) / .24)}.quiz-clock:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:radial-gradient(circle at 30% 20%,hsl(var(--quiz-surface)),hsl(var(--quiz-wall)));box-shadow:inset 2px 3px 8px hsl(var(--quiz-wall)),1px 1px hsl(var(--quiz-ink) / .17)}.quiz-clock:after{content:"";position:absolute;top:3%;right:3%;bottom:3%;left:3%;border-radius:50%;pointer-events:none;background:linear-gradient(140deg,hsl(var(--quiz-ink) / .53),transparent 29%,transparent 65%,hsl(var(--quiz-cyan) / .13) 87%,transparent 100%)}.quiz-clock[data-low=true]{color:hsl(var(--quiz-gold))}.quiz-clock-time{z-index:2;background:hsl(var(--quiz-wall) / .92);border:1px solid hsl(var(--quiz-ink) / .26);box-shadow:0 5px 12px hsl(var(--quiz-wall) / .7),inset 0 1px hsl(var(--quiz-ink) / .16)}.quiz-clock-countdown{background:linear-gradient(100deg,hsl(var(--quiz-cyan)),#fff 45%,hsl(var(--quiz-violet)));background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 3px hsl(var(--quiz-cyan) / .5))}.quiz-medallion{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:30%;margin-inline:auto;background:linear-gradient(135deg,hsl(var(--quiz-ink) / .3),hsl(var(--quiz-gold) / .15));border:1px solid hsl(var(--quiz-gold) / .5);box-shadow:inset 2px 3px 2px hsl(var(--quiz-ink) / .3),inset -3px -4px 6px hsl(var(--quiz-wall) / .5),8px 10px 18px hsl(var(--quiz-wall));transform:rotate(-8deg)}.quiz-podium-first{border-color:hsl(var(--quiz-gold) / .55);background:radial-gradient(ellipse at top,hsl(var(--quiz-gold) / .15),transparent 65%),hsl(var(--quiz-surface))}.quiz-score-sheen{color:hsl(var(--quiz-gold));text-shadow:0 2px 0 hsl(var(--quiz-wall)),0 0 30px hsl(var(--quiz-gold) / .18)}.quiz-glass{position:relative;isolation:isolate;background:linear-gradient(135deg,hsl(var(--quiz-ink) / .17),hsl(var(--quiz-violet) / .13) 35%,hsl(var(--quiz-surface) / .42) 63%,hsl(var(--quiz-cyan) / .13));border:1px solid hsl(var(--quiz-ink) / .24);border-top-color:hsl(var(--quiz-ink) / .5);border-left-color:hsl(var(--quiz-ink) / .34);backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%);box-shadow:inset 1px 2px 1px hsl(var(--quiz-ink) / .26),inset -1px -2px 2px hsl(var(--quiz-cyan) / .09),0 5px hsl(var(--quiz-wall) / .45),0 6px hsl(var(--quiz-violet) / .13),9px 18px 35px hsl(var(--quiz-wall) / .75)}.quiz-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(118deg,hsl(var(--quiz-ink) / .14),transparent 30%,transparent 62%,hsl(var(--quiz-ink) / .06) 68%,transparent 74%)}.quiz-filter-glass:nth-child(2){background:linear-gradient(135deg,hsl(var(--quiz-ink) / .17),hsl(var(--quiz-cyan) / .17) 35%,hsl(var(--quiz-surface) / .38) 68%,hsl(var(--quiz-gold) / .1))}.quiz-glass-bar{color-scheme:dark;background:linear-gradient(115deg,hsl(var(--quiz-cyan) / .15),hsl(var(--quiz-ink) / .12) 42%,hsl(var(--quiz-violet) / .22));box-shadow:inset 0 1px 2px hsl(var(--quiz-ink) / .3),inset 0 -2px 5px hsl(var(--quiz-wall) / .22),0 6px 12px hsl(var(--quiz-wall) / .35)}.quiz-glass-button{transition:box-shadow .25s ease,background .25s ease,transform .25s ease}.quiz-glass-button:hover{background:linear-gradient(120deg,hsl(var(--quiz-cyan) / .25),hsl(var(--quiz-ink) / .19),hsl(var(--quiz-violet) / .25));box-shadow:inset 0 2px 2px hsl(var(--quiz-ink) / .45),0 5px hsl(var(--quiz-wall) / .35),0 12px 24px hsl(var(--quiz-cyan) / .13);transform:translateY(-2px)}.quiz-glass-button:focus-visible{outline:2px solid hsl(var(--quiz-cyan));outline-offset:4px}.quiz-glass-button:active{transform:translateY(1px)}.quiz-glass.quiz-podium-first{border-color:hsl(var(--quiz-gold) / .45);background:linear-gradient(145deg,hsl(var(--quiz-ink) / .22),hsl(var(--quiz-gold) / .18) 33%,hsl(var(--quiz-surface) / .4) 70%,hsl(var(--quiz-violet) / .17))}.quiz-glass-emblem{background:linear-gradient(135deg,hsl(var(--quiz-ink) / .36),hsl(var(--quiz-gold) / .17) 48%,hsl(var(--quiz-cyan) / .12));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 2px 3px 2px hsl(var(--quiz-ink) / .45),inset -2px -3px 4px hsl(var(--quiz-ink) / .08),5px 8px hsl(var(--quiz-wall) / .32),10px 16px 20px hsl(var(--quiz-wall) / .6)}.quiz-glass-row{background-image:linear-gradient(110deg,hsl(var(--quiz-ink) / .045),transparent 60%,hsl(var(--quiz-violet) / .045))}.quiz-glass-row:hover{background-color:hsl(var(--quiz-ink) / .06)}.quiz-outline-button{position:relative;border:1px solid transparent;background:linear-gradient(hsl(var(--quiz-wall)),hsl(var(--quiz-wall))) padding-box,linear-gradient(105deg,hsl(var(--quiz-cyan) / .8),hsl(var(--quiz-violet) / .62),hsl(var(--quiz-gold) / .74)) border-box;box-shadow:inset 0 1px 8px hsl(var(--quiz-ink) / .05),0 8px 24px hsl(var(--quiz-wall) / .45),0 0 12px hsl(var(--quiz-cyan) / .08);transition:transform .2s ease,box-shadow .2s ease}.quiz-outline-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 10px hsl(var(--quiz-ink) / .08),0 12px 28px hsl(var(--quiz-wall) / .55),0 0 15px hsl(var(--quiz-violet) / .12)}.quiz-outline-button:focus-visible{outline:2px solid hsl(var(--quiz-cyan));outline-offset:4px}.quiz-outline-button:active{transform:translateY(1px)}.quiz-slider{height:.55rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:linear-gradient(90deg,hsl(var(--quiz-cyan) / .9),hsl(var(--quiz-violet) / .75),hsl(var(--quiz-ink) / .16));box-shadow:inset 0 2px 5px hsl(var(--quiz-wall) / .7),0 1px hsl(var(--quiz-ink) / .2)}.quiz-slider-gold{background:linear-gradient(90deg,hsl(var(--quiz-cyan) / .75),hsl(var(--quiz-violet) / .78),hsl(var(--quiz-gold) / .88))}.quiz-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.35rem;height:1.35rem;border-radius:50%;border:1px solid hsl(var(--quiz-cyan) / .75);background:radial-gradient(circle at 35% 30%,hsl(var(--quiz-ink)),hsl(var(--quiz-cyan)) 42%,hsl(var(--quiz-violet)));box-shadow:0 3px 10px hsl(var(--quiz-wall) / .8),0 0 8px hsl(var(--quiz-cyan) / .35)}.quiz-slider::-moz-range-thumb{width:1.35rem;height:1.35rem;border-radius:50%;border:1px solid hsl(var(--quiz-cyan) / .75);background:radial-gradient(circle at 35% 30%,hsl(var(--quiz-ink)),hsl(var(--quiz-cyan)) 42%,hsl(var(--quiz-violet)));box-shadow:0 3px 10px hsl(var(--quiz-wall) / .8),0 0 8px hsl(var(--quiz-cyan) / .35)}@media(prefers-reduced-motion:reduce){.quiz-glass-button{transition:none}.quiz-glass-button:hover{transform:none}}.quiz-clock-kids{background:conic-gradient(from 0deg,#ff79b7,#cdff57,#4ecdc4,#ffd93d,#ff79b7);border:2px solid #FF79B7;box-shadow:inset 3px 4px 8px #ffffff8c,inset -7px -9px 12px #12141ce6,4px 7px #2a2f3d,9px 14px #12141c,0 0 35px #ff79b77a,-3px -3px 22px #cdff5759;animation:kidsClockSpin 12s linear infinite}.quiz-clock-kids:before{background:radial-gradient(circle at 30% 20%,#2a2f3d,#161922);box-shadow:inset 2px 3px 8px #12141c,1px 1px #ffffff2b}.quiz-clock-kids[data-low=true]{color:#ffd93d}@keyframes kidsClockSpin{to{filter:hue-rotate(360deg)}}@media(min-width:640px){.quiz-clock{width:10.5rem;height:10.5rem}}@media(prefers-reduced-motion:reduce){.quiz-clock *{transition:none!important}}