.quiz-experience{--quiz-blue: #2878c8;--quiz-ink: #254563;margin:0;min-width:280px;background:#f7f5f1;color:#383b3d;font:15px/1.4 var(--font-system)}.quiz-experience *,.quiz-experience *:before,.quiz-experience *:after{box-sizing:border-box}.quiz-experience [hidden]{display:none!important}.quiz-experience button,.quiz-experience a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.quiz-experience button{font:inherit;cursor:pointer}.quiz-experience button:disabled{cursor:default}.quiz-experience :focus-visible{outline:3px solid #f39b24;outline-offset:3px;box-shadow:none!important}.quiz-shell{container-type:inline-size;width:min(100%,460px);flex:none;min-height:0;padding:max(8px,env(safe-area-inset-top)) 5px max(7px,env(safe-area-inset-bottom));margin:auto;display:flex;flex-direction:column}.quiz-hud{flex-shrink:0;display:flex;align-items:center;gap:6px;margin:0 4px 8px;padding:5px 10px;min-height:38px;border-radius:17px;border:1px solid #b8ad9e;background:linear-gradient(125deg,#e7e2d9,#d8d2c8)}.quiz-home{display:grid;place-items:center;width:30px;height:34px;flex-shrink:0;border-radius:50%;color:#716d63;text-decoration:none;font-size:32px;line-height:1}.quiz-hud-main{flex:1;min-width:0}.quiz-hud-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:20px}.quiz-hud-title strong{font-weight:800}#quiz-xp{font-size:11px;font-weight:700;white-space:nowrap;color:#756138}.quiz-streak{font-size:12px;font-weight:800;display:flex;align-items:center;gap:1px;color:#9e7931;padding:0 1px 0 3px}.quiz-streak span{font-size:20px}.quiz-play{width:100%}.quiz-table{container-type:inline-size;position:relative;width:100%;height:clamp(calc(100cqw * 7 / 6),calc(100svh - 335px),calc(100cqw * 16 / 9));isolation:isolate}.quiz-choice-dock{padding:12px 10px 8px}#quiz-board{position:absolute;inset:0}.quiz-board-svg{display:block;width:100%;height:100%}.quiz-controls{position:absolute;inset:0;pointer-events:none;z-index:1}.quiz-dice{--die-size: clamp(28px, 10cqw, 46px);position:absolute;top:50%;left:75%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:calc(var(--die-size) * .14)}.quiz-die{width:var(--die-size);height:var(--die-size);filter:drop-shadow(0 3px 2px #39526d44)}.quiz-engraving{position:absolute;left:25%;top:50%;width:clamp(104px,33cqw,160px);aspect-ratio:1640 / 348;transform:translate(-50%,-50%) rotate(0);pointer-events:none;opacity:.84}.quiz-engraving svg{display:block;width:100%;height:100%}@container (max-width: 359px){.quiz-dice{left:87.5%}}.quiz-choices{width:100%;display:flex;justify-content:center;gap:6px;padding:4px;border-radius:16px;background:linear-gradient(120deg,#285d91,#173b60);border:1px solid #76adda;box-shadow:0 5px 12px #17456826}.quiz-choice{position:relative;display:flex;justify-content:center;align-items:center;gap:12px;flex:1;min-width:44px;min-height:56px;border:1px solid #afcfeb;border-bottom:4px solid #7ea5ca;border-radius:11px;background:linear-gradient(#fff,#deedfa);color:#225c8b;font-size:22px!important;font-weight:900!important;box-shadow:0 2px 4px #102b4655;transition:transform .12s,background .12s,box-shadow .12s}.quiz-choice:hover{transform:translateY(-2px);background:#fff;box-shadow:0 4px 9px #0d2c4b66}.quiz-choice:active{transform:translateY(2px);box-shadow:none;border-bottom-width:1px}.quiz-choice[aria-pressed=true]{background:linear-gradient(#5ab5f2,#247cc6);color:#fff;border-color:#b7dcff;border-bottom-color:#15538a;box-shadow:inset 0 1px 6px #d3f3ff55,0 0 8px #8dccff44}.quiz-choice-play{font-size:13px;opacity:.75}.quiz-choice.best{border-color:#80d4a0}.quiz-choice.best:after{content:"✓";position:absolute;right:5px;top:1px;color:#2f7d5b;font-size:13px}.quiz-choice.best[aria-pressed=true]:after{color:#d4ffe0}.quiz-choice-hint{margin:0 0 9px;text-align:center;color:#315c7f;font-size:13px;font-weight:750}.quiz-actions{position:absolute;inset:0;pointer-events:none}.quiz-action{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(44px,12cqw,54px);height:clamp(44px,12cqw,54px);border-radius:14px;border:1.5px solid #addcff;background:linear-gradient(130deg,#5bb4f2,#267ac4 55%,#15549b);box-shadow:0 5px 12px #2878c82c;color:#fff;font-size:27px!important;font-weight:600;line-height:1}.quiz-action:disabled{opacity:.36;box-shadow:none}.quiz-action:not(:disabled):active{transform:translate(-50%,-50%) scale(.96)}.quiz-why{pointer-events:auto;position:absolute;left:25%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;height:52px;width:52px;border-radius:50%;border:1.5px solid #c4e8ff;background:linear-gradient(135deg,#69b9f5,#2878c8 54%,#18549b);box-shadow:0 6px 18px #2878c866;color:#fff;font-size:18px!important;font-weight:900!important;letter-spacing:-.2px;line-height:1}.quiz-results{flex:1;min-height:0;margin:0 5px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px 15px;border-radius:22px 22px 40px 40px;border:1px solid #c1b69f;background:linear-gradient(135deg,#fcfaf5,#e6e0d3);text-align:center;overflow-y:auto}.quiz-results h2{font-size:25px;font-weight:800;letter-spacing:-.04em;margin:0 0 12px;color:#284760}.quiz-result-score{font-size:49px;font-weight:800;letter-spacing:-.045em;line-height:1.2;color:#3279b1}.quiz-result-score small{font-size:17px;letter-spacing:0}.quiz-result-meta{font-size:12px;color:#7b7568;margin:8px 0 20px}.quiz-result-rounds{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:10px 0 23px}.quiz-review{min-height:42px;width:35px;border-radius:10px;border:1px solid #d3b99b;background:#f4e7d7;color:#94744d;font-weight:700!important}.quiz-review.perfect{border-color:#abd0b5;background:#e6f0e3;color:#40784c}.quiz-restart{min-height:46px;padding:10px 30px;border-radius:15px;border:1px solid #9dd1f5;background:linear-gradient(120deg,#4ca5e4,#2469af);color:#fff;font-weight:750!important;box-shadow:0 6px 15px #2a76ba26}.quiz-dialog{position:fixed;inset:auto 12px max(12px,env(safe-area-inset-bottom));margin:0 auto;width:calc(100% - 24px);max-width:520px;height:auto;max-height:min(560px,calc(100dvh - 36px - env(safe-area-inset-top)));padding:10px 12px 14px 18px;border-radius:18px;border:1px solid #d9c8b2;color:#2a211a;background:linear-gradient(135deg,#fffcf5,#fff8ea,#f5e9d7);box-shadow:0 16px 38px #00000038;overflow:hidden}.quiz-dialog[open]{display:flex;flex-direction:column;animation:quiz-sheet-enter .22s ease-out}.quiz-dialog::backdrop{background:#000000a6}.quiz-sheet-handle{width:42px;height:4px;border-radius:4px;background:#d9c8b2;margin:0 auto 8px;flex-shrink:0}.quiz-sheet-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:44px;flex-shrink:0;color:#776b5f;font-size:11px;letter-spacing:.6px}.quiz-dialog-close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;color:#776b5f;background:transparent;font-size:32px!important;font-weight:400!important;line-height:1}.quiz-dialog h2{flex-shrink:0;font-family:var(--font-system);font-size:17px;line-height:1.2;margin:2px 6px 10px 0;padding-bottom:10px;border-bottom:.75px solid #d9c8b2;font-weight:900}#quiz-dialog-body{flex:1;min-height:0;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:#c2b39e transparent;overscroll-behavior:contain}.quiz-why-card{margin:2px 0 16px;padding:16px;border:1px solid #dfd1be;border-radius:14px;background:#fffdf7}.quiz-why-card.is-best{border-color:#b9d5bf;background:#f0f6ed}.quiz-why-card h3{margin:0 0 10px;color:#825922;font-size:15px;font-weight:800;line-height:1.3}.quiz-why-card.is-best h3{color:#2f704e}.quiz-why-card p{margin:0 0 12px;color:#302b24;font-size:17px;line-height:1.5;font-weight:500}.quiz-why-notation{color:#786c5f;font-size:13px;line-height:1.4}.quiz-why-tip{margin:0 4px 10px;color:#776b5f;font-size:13px;line-height:1.5}@keyframes quiz-sheet-enter{0%{transform:translateY(35px);opacity:0}to{transform:none;opacity:1}}@media (min-width: 600px){.quiz-shell{padding-top:14px;padding-bottom:14px}}@media (max-width: 340px){.quiz-hud{gap:4px;margin:0 2px;padding:5px 4px}.quiz-home{width:23px}.quiz-hud-title{font-size:11px}.quiz-streak{font-size:10px}}@media (prefers-reduced-motion: reduce){.quiz-experience *,.quiz-experience *:before,.quiz-experience *:after{transition:none!important}}.quiz-page{margin:0;background:#f7f5f1}.quiz-experience{display:flex;flex-direction:column;min-height:100dvh}.quiz-challenge-title{flex-shrink:0;text-align:center;font-family:var(--font-display);font-weight:400;font-size:clamp(19px,4.8vw,27px);line-height:1.13;letter-spacing:-.035em;color:#254563;margin:max(10px,env(safe-area-inset-top)) 8px 0}.quiz-die-slot{display:block}.quiz-dice.is-rolling .quiz-die-slot{animation:quiz-dice-roll .72s cubic-bezier(.2,.65,.35,1) both}.quiz-dice.is-rolling .quiz-die-slot:nth-child(2){animation-name:quiz-dice-roll-other}@keyframes quiz-dice-roll{0%{transform:translate(-27px,-18px) rotate(-190deg) scale(.75)}45%{transform:translate(3px,5px) rotate(80deg) scale(1.07)}75%{transform:translate(-1px,-3px) rotate(-15deg)}to{transform:none}}@keyframes quiz-dice-roll-other{0%{transform:translate(24px,-25px) rotate(220deg) scale(.75)}50%{transform:translate(-4px,5px) rotate(-55deg) scale(1.07)}80%{transform:translate(1px,-2px) rotate(12deg)}to{transform:none}}.quiz-bonus{display:block;color:#936714;font-size:10px;line-height:17px;letter-spacing:.035em;font-weight:800;text-transform:uppercase}.homepage-quiz{padding:24px 8px 20px;scroll-margin-top:85px}.quiz-embedded{height:auto;min-height:0;background:transparent}.quiz-embedded .quiz-challenge-title{font-size:clamp(24px,4.4vw,48px);line-height:1.08;margin:0 auto 18px;max-width:850px;color:#102a37}.quiz-embedded .quiz-shell{flex:none;width:min(100%,460px);min-width:0;height:auto;min-height:0;padding:8px 5px;background:#f7f5f1;border-radius:25px 25px 42px 42px;box-shadow:0 18px 55px #183b4924}.quiz-embedded .quiz-home{display:none}@media (max-width: 340px){.quiz-challenge-title{font-size:19px}}@media (prefers-reduced-motion: reduce){.quiz-experience *,.quiz-experience *:before,.quiz-experience *:after{animation:none!important}}.quiz-confirm:not(:disabled){background:linear-gradient(135deg,#8bdbff,#3398e6 48%,#1762b3);border-color:#d4f4ff;box-shadow:0 0 0 3px #b3e7ff55,0 0 18px 6px #53b8fa66,0 7px 20px #2878c850,inset 0 1px 8px #fff5}.quiz-results{min-height:440px}.quiz-reward{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;border-radius:24px 24px 40px 40px}.quiz-reward-burst{position:absolute;top:43%;left:50%;width:0;height:0}.quiz-xp-pop{position:absolute;width:310px;max-width:84vw;left:0;top:0;text-align:center;transform:translate(-50%,-50%);animation:quiz-xp-pop 2.2s both;filter:drop-shadow(0 8px 7px #16487980)}.quiz-xp-pop:before{content:"";position:absolute;inset:-35px 5px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#fff9e9fa 0%,#fff7dfdc 32%,#8fd6ff88 55%,transparent 73%)}.quiz-reward-kicker{display:block;font-size:clamp(21px,5vw,28px);font-weight:900;color:#2878c8;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px white}.quiz-xp-pop strong{display:block;color:#fff8d9;font-size:clamp(50px,12vw,68px);line-height:1.14;font-weight:900;letter-spacing:-.06em;-webkit-text-stroke:1.5px #a96a0d;paint-order:stroke fill;text-shadow:0 3px #af711d,0 0 24px #ffdf82}.quiz-xp-pop small{font-size:.48em;letter-spacing:-.02em}.quiz-reward-bonus{display:inline-block;margin-top:9px;padding:5px 12px;border-radius:99px;background:#ffd674;color:#624000;border:1px solid #fff3bb;box-shadow:0 3px 12px #ac711838;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.quiz-reward-spark{position:absolute;width:8px;height:15px;border-radius:3px;background:var(--spark-color);box-shadow:0 0 7px #fff8c7;animation:quiz-spark 1.2s 80ms both}.quiz-xp-earned{animation:quiz-hud-pop .7s ease-out}@keyframes quiz-xp-pop{0%{opacity:0;transform:translate(-50%,-35%) scale(.3) rotate(-9deg)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.17) rotate(3deg)}24%{transform:translate(-50%,-50%) scale(.96) rotate(-2deg)}34%,69%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-115%) scale(1.05)}}@keyframes quiz-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}10%{opacity:1}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) rotate(var(--spark-rotation)) scale(.6)}}@keyframes quiz-hud-pop{0%,to{transform:scale(1)}30%{transform:scale(1.2);color:#ba791e;text-shadow:0 0 12px #ffd35a}}@media (prefers-reduced-motion: reduce){.quiz-reward-spark{display:none}.quiz-xp-pop,.quiz-xp-earned{animation:none}}.quiz-embedded .quiz-table{height:clamp(calc(100cqw * 7 / 6),calc(100svh - 430px),calc(100cqw * 16 / 9))}@media (max-width: 599px){.homepage-quiz{padding:8px}.quiz-embedded .quiz-challenge-title{margin-bottom:8px}.quiz-embedded .quiz-shell{width:100%;min-width:0;padding:4px 5px}.quiz-embedded .quiz-hud{min-height:34px;margin-bottom:4px;padding:3px 10px}.quiz-embedded .quiz-choice-dock{padding:6px 4px 4px}.quiz-embedded .quiz-choice-hint{margin-bottom:4px}.quiz-embedded .quiz-choice{min-height:48px}.quiz-embedded .quiz-table{height:clamp(min(calc(100cqw * 7 / 6),420px),calc(100svh - 324px),calc(100cqw * 16 / 9))}}@media (min-width: 600px){.quiz-experience{--quiz-space: 280px}.homepage-quiz{padding:8px 16px}.quiz-challenge-title,.quiz-embedded .quiz-challenge-title{font-size:clamp(28px,3vw,36px);margin-bottom:6px}.quiz-shell,.quiz-embedded .quiz-shell{width:100%;padding:8px}.quiz-table,.quiz-embedded .quiz-table{height:max(320px,calc(100svh - var(--quiz-space)))}.quiz-hud{gap:16px}.quiz-hud-title,#quiz-xp,.quiz-streak{font-size:16px}.quiz-dice{--die-size: clamp(40px, 6cqw, 72px)}.quiz-action{width:clamp(52px,7cqw,76px);height:clamp(52px,7cqw,76px);font-size:34px!important}.quiz-why{width:56px;height:56px;font-size:19px!important}.quiz-choice-dock{padding:8px 8px 4px}.quiz-choice-hint{margin-bottom:6px;font-size:15px}.quiz-choice{min-height:54px;font-size:26px!important}.quiz-choices{max-width:760px;margin:0 auto}}@media (min-width: 1000px){.quiz-experience{--quiz-space: 280px}.quiz-challenge-title br{display:none}}.quiz-table:has(.quiz-why:not([hidden])) .quiz-engraving{visibility:hidden}@media (min-width: 600px) and (max-height: 649px){.quiz-shell,.quiz-embedded .quiz-shell{width:100%;border-radius:22px}.quiz-play{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:12px}.quiz-table,.quiz-embedded .quiz-table{height:max(180px,calc(100svh - 155px))}.quiz-choices{flex-direction:column}.quiz-choice-dock{padding:0}.quiz-choice{min-height:48px}.quiz-choice-hint{font-size:12px}.quiz-hud{min-height:32px;margin-bottom:5px}.quiz-dice{--die-size: 32px}.quiz-why{width:52px;height:52px;font-size:19px!important}.quiz-action{width:44px;height:44px;font-size:27px!important}}.quiz-choice-hint[data-result=miss]{color:#885017}.quiz-choice-hint[data-result=perfect]{color:#276844}@media (max-width: 599px) and (max-height: 650px){.quiz-table,.quiz-embedded .quiz-table{height:clamp(300px,calc(100svh - 250px),420px)}}.quiz-why{position:static;transform:none;flex-shrink:0;width:56px;height:34px;border-radius:10px;box-shadow:0 2px 5px #2878c82c;font-size:15px!important}.quiz-hud{min-height:44px}@media (min-width: 600px) and (min-height: 650px){.quiz-shell,.quiz-embedded .quiz-shell{width:min(100%,calc((100svh - 190px)*1.6 + 16px))}.quiz-play{position:relative}.quiz-table,.quiz-embedded .quiz-table{height:calc(100svh - 190px)}.quiz-choice-dock{position:absolute;left:25%;top:50%;transform:translate(-50%,-50%);width:37%;padding:0;z-index:2}.quiz-choice-hint{font-size:13px;margin-bottom:7px}.quiz-choice{min-height:46px;font-size:22px!important}.quiz-choices{gap:4px;padding:3px;border-radius:12px}.quiz-engraving{display:none}.quiz-dice{--die-size: clamp(32px, 4cqw, 48px)}.quiz-action{width:52px;height:52px;font-size:28px!important}}@media (min-width: 600px) and (max-height: 649px){.quiz-shell,.quiz-embedded .quiz-shell{width:min(100%,calc((100svh - 155px)*1.6 + 160px))}}