.gaga-quiz-host,.gaga-quiz-host *{box-sizing:border-box}.gaga-quiz-host{--gaga-purple: #171038;width:100%;min-height:100svh;display:grid;place-items:start center;overflow:hidden;background:radial-gradient(circle at 20% 12%,rgba(142,112,255,.3),transparent 34%),radial-gradient(circle at 80% 88%,rgba(249,89,158,.22),transparent 36%),var(--gaga-purple);color:#fff;line-height:1.4}.gaga-quiz-host .gaga-quiz-app{position:relative;width:min(100%,calc(100svh * 941 / 1672));min-width:280px;background:#ede7ff;box-shadow:0 0 52px #050218a6;isolation:isolate}.gaga-quiz-host .gaga-quiz-screen{position:relative;width:100%;aspect-ratio:941 / 1672;overflow:hidden}.gaga-quiz-host .gaga-art,.gaga-quiz-host .gaga-ambient{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gaga-quiz-host .gaga-art{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.gaga-quiz-host .gaga-ambient{z-index:1;pointer-events:none}.gaga-quiz-host .gaga-hotspot{position:absolute;z-index:2;-webkit-appearance:none;appearance:none;border:0;border-radius:6%;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.gaga-quiz-host .gaga-hotspot:focus-visible{outline:4px solid #fff;outline-offset:-5px;box-shadow:0 0 0 8px #4a2a91d9}.gaga-quiz-host .gaga-hotspot.is-picked{background:#ffffff2e;box-shadow:inset 0 0 0 5px #fffffff2,0 0 22px #ffe056f2;animation:gagaChoose .22s ease-out}.gaga-quiz-host .gaga-start{left:9%;top:82.7%;width:82%;height:10.8%;border-radius:999px}.gaga-quiz-host .gaga-back{left:2.2%;top:1.2%;width:11%;height:7%;border-radius:999px}.gaga-quiz-host .gaga-book{left:8%;top:82.3%;width:84%;height:10.2%;border-radius:999px}.gaga-quiz-host .gaga-retry{left:31%;top:93%;width:38%;height:5.5%;border-radius:999px}.gaga-quiz-host .gaga-sound{position:absolute;z-index:8;top:6.2%;right:2.2%;width:10.5%;aspect-ratio:1;display:grid;place-items:center;border:3px solid rgba(255,255,255,.98);border-radius:999px;color:#fff;background:#523297e6;box-shadow:0 0 0 4px #ffffff47,0 0 25px #d1bcffc7,inset 0 0 16px #ffffff52;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:pointer;font:700 clamp(1rem,4.8vw,1.55rem)/1 system-ui,sans-serif;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,opacity .2s ease}.gaga-quiz-host .gaga-sound:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px solid rgba(255,255,255,.82);border-radius:inherit;pointer-events:none;animation:gagaSoundRing 2.8s ease-in-out infinite}.gaga-quiz-host .gaga-sound:after{content:"";position:absolute;width:65%;height:5px;border-radius:999px;background:#fff;box-shadow:0 1px 4px #1f1535a6;transform:rotate(-43deg) scaleX(0);opacity:0;transition:transform .2s ease,opacity .2s ease}.gaga-quiz-host .gaga-sound:hover{transform:scale(1.06)}.gaga-quiz-host .gaga-sound:focus-visible{outline:4px solid #fff;outline-offset:3px}.gaga-quiz-host .gaga-sound.is-muted{background:#3c3949f0;box-shadow:0 0 0 4px #ffffff24,0 4px 14px #19132d66;opacity:.9}.gaga-quiz-host .gaga-sound.is-muted:before{animation:none;opacity:0}.gaga-quiz-host .gaga-sound.is-muted:after{opacity:1;transform:rotate(-43deg) scaleX(1)}.gaga-quiz-host .gaga-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#dcd4ff;color:#2a155c;font:700 1rem/1.4 system-ui,-apple-system,Noto Sans TC,sans-serif;letter-spacing:.06em;transition:opacity .25s ease}.gaga-quiz-host .gaga-loading.is-hidden{opacity:0;pointer-events:none}.gaga-quiz-host .is-page-enter{animation:gagaPageEnter .52s cubic-bezier(.22,.8,.24,1)}.gaga-quiz-host .is-result-enter{animation:gagaResultEnter .9s cubic-bezier(.2,.86,.22,1)}@keyframes gagaChoose{0%{transform:scale(.97)}to{transform:scale(1)}}@keyframes gagaSoundRing{0%,to{transform:scale(.96);opacity:.38}50%{transform:scale(1.06);opacity:.95}}@keyframes gagaPageEnter{0%{opacity:.3;transform:translateY(1.2%) scale(.992);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes gagaResultEnter{0%{opacity:0;transform:scale(.96);filter:brightness(1.8) blur(7px)}55%{opacity:1;filter:brightness(1.18)}to{transform:scale(1);filter:none}}@media(prefers-reduced-motion:reduce){.gaga-quiz-host *,.gaga-quiz-host *:before,.gaga-quiz-host *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/gaga-quiz.css.map */