.quiz-page{--q-cream:#f6f3e9;--q-green:#193d30;--q-orange:#c94f24;background:var(--q-cream);min-height:100svh;color:var(--q-green);flex-direction:column;font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.quiz-page *{box-sizing:border-box}.quiz-page button,.quiz-page input{font:inherit}.quiz-page button,.quiz-page a{touch-action:manipulation}.quiz-page button:focus-visible,.quiz-page a:focus-visible,.quiz-page input:focus-visible{outline-offset:4px;outline:3px solid #cd602d}.quiz-header{border-bottom:1px solid #193d3026;flex-shrink:0;justify-content:space-between;align-items:center;gap:28px;width:100%;max-width:1320px;height:100px;margin:auto;padding:0 48px;display:flex}.quiz-wordmark{letter-spacing:-1.3px;align-items:center;gap:9px;font-size:27px;font-weight:850;text-decoration:none;display:flex}.quiz-logo{background:var(--q-green);width:35px;height:35px;color:var(--q-cream);border-radius:50%;place-items:center;padding-right:4px;font-family:Georgia,serif;font-size:32px;font-style:italic;display:grid}.quiz-wordmark-dot{align-self:flex-start;padding-top:4px;font-size:12px}.quiz-header nav{gap:30px;font-size:14px;display:flex}.quiz-header nav a{opacity:.7;border-bottom:2px solid #0000;padding:10px 0;text-decoration:none}.quiz-header nav .is-current{border-color:var(--q-orange);opacity:1}.quiz-edition{letter-spacing:1.4px;font-size:9px}.quiz-main{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:48px 48px 0}.quiz-intro{margin-bottom:36px}.quiz-eyebrow{letter-spacing:2px;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.quiz-live-dot:before{content:"";background:#c3d377;border-radius:100%;width:6px;height:6px;margin-right:6px;display:inline-block}.quiz-intro .quiz-live-dot:before{background:var(--q-orange)}.quiz-intro h1{letter-spacing:-2.8px;margin:17px 0 18px;font-size:clamp(38px,4.2vw,62px);font-weight:700;line-height:1.12}.quiz-intro h1 span{color:var(--q-orange);margin-left:12px;font-family:Georgia,Noto Serif SC,serif;font-style:italic;font-weight:500}.quiz-intro>p{opacity:.68;font-size:14px;line-height:1.7}.quiz-grid{grid-template-columns:1fr 1fr;align-items:start;gap:52px;display:grid}.quiz-scorebar{text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:11px;display:flex}.quiz-scorebar b{letter-spacing:0;margin-left:12px;font-size:15px}.quiz-scorebar strong{letter-spacing:-1px;margin-left:10px;font-size:28px}.quiz-scorebar small{opacity:.5;font-size:13px;font-weight:400}.quiz-progress{gap:7px;margin:17px 0 34px;display:flex}.quiz-progress span{background:#193d3014;border-radius:4px;flex:1;height:4px}.quiz-progress .current{background:var(--q-orange)}.quiz-progress .complete{background:var(--q-green)}.quiz-question-label{letter-spacing:1px;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;display:flex}.quiz-question-label>span:first-child{background:#e7ebdc;border-radius:4px;padding:6px 10px;font-weight:600}.quiz-question-label>span:last-child{opacity:.5}.quiz-question{letter-spacing:-.8px;text-wrap:balance;margin:21px 0 13px;font-size:clamp(25px,2.7vw,35px);font-weight:650;line-height:1.38}.quiz-condition{opacity:.66;min-height:35px;font-size:13px;line-height:1.8}.quiz-form{margin-top:27px}.quiz-form label{letter-spacing:.5px;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.quiz-input-wrap{position:relative}.quiz-input-wrap input{width:100%;height:58px;color:var(--q-green);background:#fffdf7;border:1px solid #193d3040;border-radius:5px;padding:0 45px 0 17px;font-size:16px}.quiz-input-wrap input::placeholder{color:#7c8b7c;font-size:14px}.quiz-input-wrap>span{opacity:.5;font-size:20px;position:absolute;top:17px;right:19px}.quiz-input-wrap ul{z-index:10;background:#fffdf7;border:1px solid #193d3040;border-radius:5px;width:100%;max-height:240px;padding:5px;list-style:none;position:absolute;top:calc(100% + 5px);overflow:auto;box-shadow:0 12px 24px #193d3015}.quiz-input-wrap li{cursor:pointer;justify-content:space-between;gap:12px;min-height:44px;padding:12px;display:flex}.quiz-input-wrap li.active,.quiz-input-wrap li:hover{background:#edf0e5}.quiz-input-wrap li small{opacity:.55;align-self:center}.quiz-tries{opacity:.7;align-items:center;gap:8px;margin:11px 0 22px;font-size:11px;display:flex}.quiz-tries>span{gap:4px;display:flex}.quiz-tries i{background:var(--q-green);border-radius:50%;width:6px;height:6px}.quiz-tries i.used{background:#c5c9ba}.quiz-form-actions{align-items:center;gap:18px;display:flex}.quiz-primary{background:var(--q-orange);color:#fffaf0;cursor:pointer;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:24px;min-height:51px;padding:14px 22px;font-weight:650;transition:background .2s,transform .2s;display:flex}.quiz-primary:hover{background:#ad401b;transform:translateY(-1px)}.quiz-form-actions .quiz-primary{flex:1}.quiz-page button:disabled{opacity:.45;cursor:wait;transform:none}.quiz-skip{cursor:pointer;opacity:.7;background:0 0;border:0;min-height:48px;padding:14px 5px;font-size:12px}.quiz-footnote{opacity:.55;margin-top:23px;font-size:10px;line-height:1.8}.quiz-stadium{color:#e9ebcb;background:#123a2d;border-radius:9px;overflow:hidden;box-shadow:0 15px 35px #173a3010}.quiz-stadium-top{letter-spacing:1.5px;justify-content:space-between;padding:21px 23px 0;font-size:9px;display:flex}.quiz-stadium svg{width:100%;display:block}.quiz-stadium-caption{opacity:.8;justify-content:space-between;align-items:center;gap:8px;padding:0 23px 20px;font-size:10px;display:flex}.quiz-stadium-caption>span:first-child{color:#dbe2a1}.quiz-stadium-caption>span:last-child{letter-spacing:1px;margin-left:auto;font-size:9px}.quiz-points{flex-wrap:wrap;align-items:center;gap:15px;margin-top:22px;display:flex}.quiz-points>span{letter-spacing:1px;flex:1;font-size:10px}.quiz-points>div{gap:16px;display:flex}.quiz-points>div>span{font-family:Georgia,serif;font-size:23px}.quiz-points small{letter-spacing:1px;text-align:center;opacity:.5;font-family:sans-serif;font-size:7px;display:block}.quiz-points>p{opacity:.55;text-align:right;width:100%;margin:0;font-size:10px}.quiz-manifesto{letter-spacing:.6px;border-top:1px solid #193d3020;justify-content:space-between;margin-top:58px;padding:26px 0;font-size:11px;display:flex}.quiz-footer{width:100%;max-width:1320px;color:var(--q-green);border-top:1px solid #193d3020;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin:0 auto;padding:24px 48px;font-size:14px;line-height:1.6;display:flex}.quiz-footer-brand,.quiz-footer nav{flex-wrap:wrap;gap:8px 24px;display:flex}.quiz-footer a{text-underline-offset:5px;align-items:center;min-height:44px;font-weight:600;-webkit-text-decoration:underline #193d3055;text-decoration:underline #193d3055;display:inline-flex}.quiz-footer a:hover{text-decoration-color:currentColor}.quiz-feedback{background:#eaeade;border-left:3px solid #8f9b74;margin-top:18px;padding:16px;font-size:13px;line-height:1.7}.quiz-feedback.success{background:#e5ebd9;border-color:#547545}.quiz-feedback>div{justify-content:space-between;gap:12px;display:flex}.quiz-feedback b{color:var(--q-orange);font-size:21px}.quiz-feedback p{margin-top:6px}.quiz-feedback a,.quiz-review a{font-size:10px;text-decoration:underline;display:inline-block}.quiz-next{width:100%;margin-top:18px}.quiz-error{background:#f6e5d8;margin-bottom:20px;padding:16px;font-size:13px}.quiz-error button{cursor:pointer;padding:10px;text-decoration:underline}.quiz-loading{justify-content:center;align-items:center;gap:15px;min-height:320px;font-size:13px;display:flex}.quiz-spinner{border:2px solid #193d3020;border-top-color:#193d30;border-radius:50%;width:22px;height:22px;animation:1s linear infinite q-spin}.quiz-result h2{margin:14px 0;font-family:Georgia,serif;font-size:44px}.quiz-final-score{color:var(--q-orange);font-family:Georgia,serif;font-size:90px;line-height:1.15}.quiz-final-score small{color:#82907b;font-size:23px}.quiz-result>p{opacity:.7;margin:14px 0 22px;font-size:13px}.quiz-result-actions{gap:12px;display:flex}.quiz-secondary{cursor:pointer;border:1px solid #193d3030;border-radius:4px;min-height:48px;padding:12px 20px}.quiz-review{margin-top:30px}.quiz-review article{border-top:1px solid #193d3020;gap:15px;padding:17px 0;display:flex}.quiz-review-number{opacity:.5;font-size:11px}.quiz-review h3{font-size:13px;font-weight:600;line-height:1.6}.quiz-review p{margin:6px 0;font-size:13px}.quiz-review p b{float:right;color:var(--q-orange);margin-left:12px}.quiz-review small{opacity:.7;font-size:11px;line-height:1.7;display:block}.quiz-ball{transform-origin:320px 425px}.quiz-ball-goal{animation:1.2s cubic-bezier(.25,.7,.2,1) both q-goal}.quiz-ball-miss{animation:1s ease-out both q-miss}.quiz-keeper{transform-origin:320px 210px}.quiz-keeper-dive{animation:.9s .2s both q-dive}@keyframes q-goal{0%{transform:translate(0)scale(1)}55%{transform:translate(28px,-220px)scale(.6)}to{transform:translate(35px,-251px)scale(.4)}}@keyframes q-miss{to{opacity:.2;transform:translate(180px,-260px)scale(.4)}}@keyframes q-dive{to{transform:translate(-28px,4px)rotate(-60deg)}}@keyframes q-spin{to{transform:rotate(360deg)}}@media (width>=1100px){.quiz-stadium svg{max-height:485px}.quiz-visual{padding-top:2px}}@media (width<=900px){.quiz-header{height:80px;padding:0 24px}.quiz-edition{display:none}.quiz-main{padding:35px 24px 0}.quiz-grid{gap:28px}.quiz-intro h1{letter-spacing:-1.5px}.quiz-footer{padding:23px 24px}.quiz-points>div{gap:10px}.quiz-stadium-top{padding:16px 15px 0;font-size:8px}.quiz-stadium-caption{padding:0 15px 15px}}@media (width<=680px){.quiz-header{gap:12px;height:72px;padding:0 20px}.quiz-wordmark{font-size:22px}.quiz-logo{width:29px;height:29px;font-size:27px}.quiz-header nav{gap:13px;font-size:11px}.quiz-main{padding:28px 20px 0}.quiz-intro{margin-bottom:27px}.quiz-intro h1{margin:14px 0;font-size:39px;line-height:1.2}.quiz-intro h1 span{margin-left:0;display:block}.quiz-intro>p{max-width:300px;font-size:12px}.quiz-grid{grid-template-columns:1fr;gap:30px}.quiz-question{margin-top:18px;font-size:27px}.quiz-progress{margin-bottom:25px}.quiz-condition{font-size:12px}.quiz-form{margin-top:22px}.quiz-footnote{margin-top:16px}.quiz-stadium{max-height:295px;position:relative}.quiz-stadium svg{object-fit:cover;object-position:center 45%;height:255px}.quiz-stadium-top{z-index:1;position:absolute;top:0;left:0;right:0}.quiz-stadium-caption{background:linear-gradient(#0000,#123a2d);padding-top:20px;position:absolute;bottom:0;left:0;right:0}.quiz-points{margin-top:16px}.quiz-points>p{text-align:left}.quiz-manifesto{gap:15px;margin-top:32px;padding:20px 0;font-size:9px;line-height:1.8}.quiz-footer{gap:12px 24px;padding:20px}.quiz-footer-brand{flex-direction:column;gap:4px}.quiz-final-score{font-size:76px}.quiz-input-wrap li{font-size:14px}}@media (prefers-reduced-motion:reduce){.quiz-page *{transition:none!important;animation:none!important}.quiz-ball-goal{transform:translate(35px,-251px)scale(.4)}.quiz-ball-miss{transform:translate(180px,-260px)scale(.4)}}.quiz-header-tools{align-items:center;gap:22px;display:flex}.quiz-language{cursor:pointer;background:0 0;border:1px solid #193d3030;border-radius:4px;min-width:44px;min-height:44px;font-size:11px}.quiz-date{letter-spacing:1px;opacity:.65;margin-left:8px;font-size:10px;font-weight:400}@media (width<=680px){.quiz-header{gap:8px;padding:0 16px}.quiz-header nav{gap:10px;font-size:10px}.quiz-header-tools{gap:0}.quiz-language{min-width:34px;font-size:10px}.quiz-wordmark{gap:6px;font-size:19px}.quiz-date{letter-spacing:0;margin-left:0;font-size:9px}.quiz-language{min-width:44px}}
