/* Neon question machine. All reading text stays on a solid high-contrast surface. */
body[data-screen="quiz"]{background:#19162c;color:#fff8e9}
body[data-screen="quiz"] .site-header{border-color:#ffffff30;max-width:1440px;border-left:0;border-right:0}
body[data-screen="quiz"] .logo-mark{color:#ddff49}
body[data-screen="quiz"] .edition{color:#ff72bd}
body[data-screen="quiz"] main{max-width:1440px;border:0;background:radial-gradient(ellipse at 25% 44%,#4a2e72 0,transparent 51%)}
body[data-screen="quiz"] .site-footer{color:#d2c9dc;border-top:1px solid #ffffff26;max-width:1440px}
body[data-screen="quiz"] .site-footer .text-button{color:#fff8e9}
.quiz{grid-template-columns:280px minmax(0,700px);gap:52px;padding:44px 48px 38px;position:relative;align-items:start}
.quiz-side{position:relative;padding-top:15px;min-width:0}
.quiz-side>.eyebrow{font-size:10px;color:#44e9ef;letter-spacing:.06em}
.question-counter{margin:16px 0 21px;gap:12px;align-items:baseline}
.question-counter>span{font-size:111px;letter-spacing:-.09em;color:#ddff49;text-shadow:5px 5px 0 #9b75ed}
.question-counter small{font-size:23px;color:#c7b4df;letter-spacing:-.04em}
.quiz-side .quiz-side-catch{font-size:23px;line-height:1.65;font-weight:900;letter-spacing:-.04em;transform:rotate(-3deg)}
.quiz-side-catch strong{font-size:29px;font-weight:1000;background:#ff68b4;color:#19162c;padding:2px 9px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.quiz-crew-poster{position:relative;margin:33px 8px 14px 2px;background:#9770ff;border:3px solid #19162c;border-radius:18px 18px 40px 18px;box-shadow:6px 6px 0 #44e9ef;transform:rotate(-4deg);isolation:isolate;padding:8px 7px 14px}
.quiz-crew-poster:before{content:"";position:absolute;top:10%;left:8%;width:84%;aspect-ratio:1;border-radius:50%;background:#ddff49;z-index:-1}
.quiz-crew-poster .mini-character{width:100%;margin:0;transform:rotate(4deg)}
.quiz-crew-poster .character{width:100%;height:auto;display:block}
.crew-sticker{position:absolute;right:-12px;top:-16px;font:900 10px/1.3 ui-monospace,Menlo,monospace;padding:9px 12px;background:#44e9ef;color:#19162c;border:2px solid #19162c;transform:rotate(14deg);z-index:2}
.crew-caption{display:block;font:800 9px/1.3 ui-monospace,Menlo,monospace;color:#19162c;text-align:center;letter-spacing:.08em}
.quiz-side .quiz-side-note{font-size:12px;line-height:1.9;color:#ddd0eb;margin-top:24px}
.quiz-side-spark{position:absolute;right:10px;bottom:-8px;color:#ff68b4;font-size:46px;line-height:1;transform:rotate(15deg)}
.question-panel{min-width:0;background:#302346;border:2px solid #aa7df2;border-radius:20px;box-shadow:8px 8px 0 #120e1e;padding:24px 27px 14px;position:relative}
.progress-meta{font-size:10px;letter-spacing:.03em;color:#e5d8f4}
.progress-meta span:first-child{color:#19162c;background:#44e9ef;border:2px solid #19162c;padding:5px 10px;box-shadow:3px 3px 0 #a77bfa;transform:rotate(-2deg);font-size:10px}
.progress-meta span:last-child{font-family:"Hiragino Sans","Yu Gothic",sans-serif;font-size:11px;font-weight:700}
.progress-track{height:14px;margin-top:17px;gap:6px}
.progress-track i{background:#534368;border-radius:2px;position:relative}
.progress-track i.done{background:var(--progress-color)}
.progress-track i.current{background:#796291;outline:2px solid #ff68b4;outline-offset:3px}
.progress-track i.done.current{background:var(--progress-color)}
.question-card{background:#fff8e9;color:#19162c;border:2px solid #19162c;border-radius:11px;box-shadow:5px 5px 0 #ff68b4;margin:26px 0 23px;padding:18px 22px 18px;position:relative}
.question-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:31px;margin-bottom:12px}
.question-card .scene{margin:0;gap:10px;font-size:11px;line-height:1.5;font-weight:600}
.question-card .scene>span{background:#ddff49;border:1.5px solid #19162c;padding:3px 7px;font-size:9px;transform:rotate(-3deg)}
.question-card-spark{color:#8460d2;font-size:31px;line-height:1;flex-shrink:0;transform:rotate(10deg)}
.question-panel h1{font-size:27px;min-height:0;line-height:1.6;letter-spacing:-.025em;font-weight:900;margin:0}
.question-card-note{font-size:10px;color:#5b496b;margin-top:13px;line-height:1.6}
.choices{margin:0;padding:0;gap:12px;grid-template-columns:1fr 1fr}
.choice{position:relative;background:#f4ecff;color:#19162c;border:2px solid #19162c;border-radius:9px;box-shadow:3px 3px 0 #130d1f;min-height:104px;padding:14px 14px;gap:10px;transition:background-color .12s,border-color .12s;isolation:isolate}
.choice[data-side="B"]{background:#ffedf6}
.choice:hover{background:#fff8e9;border-color:#44e9ef}
.choice[data-side="B"]:hover{border-color:#ff68b4}
.choice-indicator{width:31px;height:31px;border:2px solid #19162c;border-radius:8px;background:#44e9ef;font-size:14px;transform:rotate(-5deg)}
.choice[data-side="B"] .choice-indicator{background:#ff68b4;transform:rotate(5deg)}
.choice-text{font-size:13px;line-height:1.7;font-weight:800;padding-right:8px}
.choice-weight{font-size:10px;font-weight:600;color:#65506e;margin-bottom:3px}
.choice.selected{padding:14px;background:#ddff49;border:2px solid #19162c;box-shadow:4px 4px 0 #44e9ef}
.choice.selected[data-side="B"]{box-shadow:4px 4px 0 #ff68b4}
.choice.selected .choice-weight{color:#3f4820}
.choice.selected .choice-indicator{background:#19162c;color:#fff8e9;border-color:#19162c;transform:none}
.choice-check{right:5px;top:5px;width:18px;height:18px;font-size:12px;background:#19162c;color:#ddff49;border-radius:50%;align-items:center;justify-content:center;line-height:1}
.choice.selected .choice-check{display:flex}
.choice-flair{position:absolute;right:22px;top:-6px;color:#ff68b4;font-size:23px;line-height:1;opacity:0;pointer-events:none;text-shadow:1px 1px 0 #19162c}
.choice:has(input:focus-visible){outline:3px solid #fff8e9;outline-offset:5px}
.answer-feedback{display:flex;align-items:center;gap:7px;margin:18px 0 15px;min-height:29px;color:#d2c1e4;font-size:11px;line-height:1.6}
.feedback-symbol{width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #a68cbf;border-radius:50%;font-weight:900;color:#d2c1e4}
.answer-feedback.has-answer{color:#ddff49;font-weight:700}
.answer-feedback.has-answer .feedback-symbol{background:#ddff49;color:#19162c;border-color:#ddff49}
.feedback-hint{margin-left:auto;font-size:9px;color:#c5b1d8;white-space:nowrap;font-weight:500}
.question-nav{gap:13px}
.question-nav .button{border:2px solid #19162c;min-height:58px;padding:15px 20px;border-radius:7px;font-size:14px}
.question-nav #back{color:#fff8e9;background:#48345f;border-color:#957ab0;min-width:102px;gap:9px}
.question-nav #back:hover{background:#5b4376}
.question-nav #next{background:#ddff49;color:#19162c;box-shadow:4px 4px 0 #ff68b4;font-size:15px;justify-content:space-between}
.question-nav #next:hover{background:#ecff94;transform:none;box-shadow:4px 4px 0 #ff68b4}
.question-nav #next:disabled{background:#534368;color:#d3c6de;border-color:#534368;box-shadow:none;pointer-events:none}
.question-nav button:focus-visible{outline:3px solid #44e9ef;outline-offset:5px}
.quiz-bottom{margin-top:17px;gap:12px;color:#d1bedf;font-size:9px;align-items:center}
.quiz-bottom .text-button{font-size:10px;color:#f5ecfc;white-space:nowrap}
.quiz-machine-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font:600 8px/1.4 ui-monospace,Menlo,monospace;color:#a78cbd;border-top:1px solid #72558e;padding-top:12px;margin-top:4px;letter-spacing:.03em}
.quiz-machine-label b{color:#ff68b4;font-size:8px;letter-spacing:.25em;white-space:nowrap}
@media(max-width:1100px) and (min-width:761px){.quiz{grid-template-columns:205px minmax(0,630px);gap:32px;padding:38px 30px 32px}.question-panel{padding:21px 22px 13px}.question-counter>span{font-size:95px}.quiz-side .quiz-side-catch{font-size:20px}.quiz-side-catch strong{font-size:24px}.quiz-side>.eyebrow{font-size:8px}.question-panel h1{font-size:25px}.choice{padding:12px;gap:8px}.choice.selected{padding:12px}.choice-text{font-size:12px}.question-card{padding:17px 19px}.quiz-side-spark{font-size:35px;right:-7px}}
@media(max-width:760px){body[data-screen="quiz"] .site-header{min-height:70px;padding:17px 21px}.quiz{display:block;padding:22px 18px 26px}.quiz-side{display:none}.question-panel{max-width:560px;padding:19px 16px 13px;border-radius:16px;box-shadow:5px 5px 0 #120e1e}.progress-meta span:first-child{font-size:9px;padding:4px 8px}.progress-meta span:last-child{font-size:10px}.progress-track{height:11px;gap:5px;margin-top:16px}.question-card{padding:14px 15px;margin-top:23px;margin-bottom:21px;box-shadow:4px 4px 0 #ff68b4;border-radius:9px}.question-card-top{gap:7px;margin-bottom:9px;min-height:26px}.question-card .scene{font-size:10px;gap:8px;flex-wrap:wrap;row-gap:5px}.question-card .scene>span{font-size:8px;padding:3px 6px}.question-card-spark{font-size:26px}.question-panel h1{font-size:22px;line-height:1.6;letter-spacing:-.025em;min-height:0}.question-card-note{font-size:9px;margin-top:10px}.choices{grid-template-columns:1fr;gap:10px;margin:0}.choice{padding:12px;gap:11px;min-height:77px;box-shadow:3px 3px 0 #130d1f}.choice:nth-of-type(n){grid-row:auto;grid-column:auto}.choice:nth-of-type(3){margin-top:6px}.choice.selected{padding:12px}.choice-text{font-size:12px;padding-right:7px;line-height:1.7}.choice-weight{font-size:9px;margin-bottom:3px}.choice-indicator{width:29px;height:29px;font-size:13px;flex-shrink:0}.choice-check{width:17px;height:17px;font-size:11px;right:5px;top:5px}.answer-feedback{font-size:10px;gap:6px;margin:16px 0 13px;min-height:27px;flex-wrap:wrap;row-gap:3px}.feedback-symbol{width:19px;height:19px}.feedback-hint{font-size:8px}.question-nav{gap:10px}.question-nav .button{min-height:55px;font-size:12px;padding:13px 14px}.question-nav #back{min-width:84px;gap:7px}.question-nav #next{font-size:13px;gap:10px}.quiz-bottom{font-size:8px;margin-top:13px;gap:7px;align-items:center}.quiz-bottom .text-button{font-size:9px;min-height:36px}.quiz-machine-label{font-size:6px;letter-spacing:0;padding-top:10px}.quiz-machine-label b{font-size:6px}.question-nav button:focus-visible{outline-offset:4px}.choice:has(input:focus-visible){outline-offset:3px}}
@media(max-width:370px){body[data-screen="quiz"] .site-header{padding:16px 17px;min-height:67px}.quiz{padding:18px 13px 23px}.question-panel{padding:17px 12px 12px}.question-card{padding:12px;margin-top:21px}.question-panel h1{font-size:20px;line-height:1.65}.question-card .scene{font-size:9px;gap:6px}.question-card .scene>span{font-size:7px}.question-card-spark{font-size:23px}.question-card-note{font-size:8px}.progress-meta span:first-child{font-size:8px}.progress-meta span:last-child{font-size:9px}.progress-track{height:10px;gap:4px}.choice{padding:11px 10px;gap:9px;min-height:77px}.choice.selected{padding:11px 10px}.choice-text{font-size:11px;line-height:1.8;padding-right:5px}.choice-weight{font-size:8px}.choice-indicator{width:26px;height:26px;font-size:12px}.choice-check{width:15px;height:15px;font-size:10px;right:4px;top:4px}.answer-feedback{font-size:9px;column-gap:5px}.feedback-hint{font-size:7px}.question-nav #back{min-width:77px;padding-left:11px;padding-right:11px}.question-nav #next{font-size:12px}.quiz-bottom{flex-direction:row;align-items:center;flex-wrap:wrap;font-size:8px;gap:0 8px}.quiz-bottom .text-button{font-size:8px;min-height:35px;margin-left:auto}.quiz-machine-label{font-size:5px}.quiz-machine-label b{font-size:5px}}
@media(prefers-reduced-motion:reduce){body[data-screen="quiz"] *,body[data-screen="quiz"] *::before,body[data-screen="quiz"] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

@media(min-width:371px) and (max-width:760px){.choice-text{font-size:13px}}
@media(max-width:370px){.choice-text{font-size:12px}}