/* Hangul quiz: one focused card at a time, in the shared black + blue identity. */
.hangul-quiz{max-width:760px;margin:0 auto 70px;position:relative}
.hangul-quiz-start,.hangul-quiz-card,.hangul-quiz-result{
  border:1px solid var(--brand-line,#ffffff24);border-radius:22px;padding:34px clamp(20px,5vw,46px);
  background:radial-gradient(ellipse 520px 260px at 50% 0%,#3385ff1c,transparent 75%),var(--brand-surface,#0d0d0d);
  box-shadow:0 30px 80px #0008,inset 0 1px 0 #ffffff0f}
.hangul-quiz-rounds{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hangul-quiz-rounds li{border:1px solid var(--brand-line,#ffffff24);border-radius:14px;padding:16px 14px;display:grid;gap:4px}
.hangul-quiz-rounds span{font:600 14px/1 var(--ko);color:var(--brand-highlight,#69afff)}
.hangul-quiz-rounds strong{font-size:19px;font-weight:500}
.hangul-quiz-rounds small{color:var(--brand-muted,#b4bac4);font-size:14px;line-height:1.4}
.hangul-quiz-begin{width:100%;margin-top:22px}
.hangul-quiz-note{margin:14px 0 0;text-align:center;color:var(--brand-muted,#b4bac4);font-size:14px}
.hangul-quiz-progress{display:flex;justify-content:space-between;gap:12px;font:500 14px/1.3 var(--ko);color:var(--brand-muted,#b4bac4);letter-spacing:.4px}
.hangul-quiz-progress [data-quiz-round]{color:var(--brand-highlight,#69afff)}
.hangul-quiz-bar{height:4px;border-radius:4px;background:#ffffff14;margin:12px 0 26px;overflow:hidden}
.hangul-quiz-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2167e8,#69afff);transition:width .35s ease}
.hangul-quiz-prompt{margin:0;text-align:center;font-size:clamp(22px,4vw,28px)}
.hangul-quiz-stimulus{display:flex;justify-content:center;align-items:center;min-height:150px;margin:8px 0 6px}
.hangul-quiz-block,.hangul-quiz-word,.hangul-quiz-listen{font:600 clamp(72px,16vw,112px)/1.1 var(--ko);color:#fff;text-shadow:0 0 40px #3385ff55}
.hangul-quiz-word{font-size:clamp(48px,11vw,84px);text-align:center;word-break:keep-all}
.hangul-quiz-listen{color:#3385ff66}
.hangul-quiz .hangul-quiz-play{display:flex;margin:0 auto 18px;gap:8px;align-items:center;min-height:44px;padding:8px 20px;border-radius:999px;
  background:transparent;border:1px solid #3385ff;color:var(--brand-text,#f5f7fa);font:500 15px/1 var(--ko);white-space:nowrap;cursor:pointer}
.hangul-quiz .hangul-quiz-play:hover{background:#3385ff1f}
.hangul-quiz .hangul-quiz-play[hidden]{display:none}
.hangul-quiz-play svg{width:18px;height:18px}
.hangul-quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.hangul-quiz-option{min-height:62px;border:1px solid var(--brand-line,#ffffff24);border-radius:14px;background:var(--brand-raised,#151515);
  color:var(--brand-text,#f5f7fa);font:500 22px/1.2 var(--ko);cursor:pointer;transition:border-color .2s,background .2s,transform .15s}
.hangul-quiz-option[lang="ko"]{font-size:34px;font-weight:600}
.hangul-quiz-option:hover:not(:disabled){border-color:#3385ff;background:#3385ff1a}
.hangul-quiz-option:active:not(:disabled){transform:scale(.98)}
.hangul-quiz-option:focus-visible{outline:3px solid #69afff;outline-offset:2px}
.hangul-quiz-option:disabled{cursor:default;opacity:.55}
.hangul-quiz-option.is-correct{opacity:1;border-color:#3fbf7f;background:#3fbf7f22}
.hangul-quiz-option.is-wrong{opacity:1;border-color:#ff6b6b;background:#ff6b6b1f}
.hangul-quiz-feedback{min-height:1.6em;margin:18px 0 0;text-align:center;color:var(--brand-muted,#b4bac4)}
.hangul-quiz-feedback.is-correct{color:#7fe0ad}
.hangul-quiz-feedback.is-wrong{color:#ffaaaa}
.hangul-quiz-next{width:100%;margin-top:16px}
.hangul-quiz-result{text-align:center}
.hangul-quiz-result:focus{outline:none}
.hangul-quiz-score{margin:6px 0 0;font:600 clamp(80px,18vw,120px)/1 var(--ko);color:#fff;text-shadow:0 0 50px #3385ff66}
.hangul-quiz-score small{font-size:.35em;color:var(--brand-muted,#b4bac4);font-weight:500;margin-left:6px}
.hangul-quiz-result h3{margin:18px 0 8px;font-size:clamp(26px,5vw,34px)}
.hangul-quiz-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.hangul-quiz-actions .button{margin-top:0;width:100%}
.hangul-quiz-share-status{min-height:1.4em;color:var(--brand-highlight,#69afff);font-size:15px}
.hangul-quiz-links-label{margin:18px 0 6px;color:var(--brand-muted,#b4bac4);font-size:14px;letter-spacing:.5px}
.hangul-quiz-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:15px;line-height:1.5}
.hangul-quiz-links a{color:var(--brand-highlight,#69afff)}
.hangul-quiz-noscript{border:1px solid var(--brand-line,#ffffff24);border-radius:14px;padding:18px;text-align:center}
.hangul-quiz-practice{max-width:760px;margin:0 auto 60px}
.hangul-quiz-practice h2{font-size:clamp(28px,4.5vw,40px)}
.hangul-quiz-practice-list{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;counter-reset:q}
.hangul-quiz-practice-list li{counter-increment:q;border:1px solid var(--brand-line,#ffffff24);border-radius:14px;padding:16px;display:grid;gap:10px;align-content:start}
.hangul-quiz-practice-list li::before{content:counter(q,decimal-leading-zero);font:500 13px/1 var(--ko);color:var(--brand-highlight,#69afff)}
.quiz-practice-type{font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:var(--brand-muted,#b4bac4)}
.quiz-practice-korean{font:600 40px/1.15 var(--ko);word-break:keep-all}
.hangul-quiz-practice-list .pronunciation{display:flex;gap:8px;flex-wrap:wrap}
.hangul-quiz-practice-list summary{cursor:pointer;color:var(--brand-highlight,#69afff)}
.hangul-quiz-practice-list details p{margin:8px 0 0}
.hangul-quiz-explain{margin-bottom:40px}
@media (max-width:640px){
  .hangul-quiz-rounds{grid-template-columns:1fr}
  .hangul-quiz-actions{grid-template-columns:1fr}
  .hangul-quiz-option{min-height:56px;font-size:19px}
}
@media (prefers-reduced-motion:reduce){.hangul-quiz-bar span,.hangul-quiz-option{transition:none}}
html:lang(ja) .hangul-quiz-option:not([lang="ko"]){font-size:17px;letter-spacing:0;padding-inline:8px}
html:lang(ru) .hangul-quiz-option:not([lang="ko"]){font-size:18px}
/* Day1Korea first-day quiz: text answers on the shared quiz card. */
.korea-quiz-prompt{font-size:clamp(21px,3.6vw,27px);line-height:1.35;margin:4px 0 22px}
.korea-quiz-options{grid-template-columns:1fr}
.korea-quiz .korea-quiz-option{min-height:56px;padding:12px 18px;text-align:left;font-size:18px;line-height:1.35}
.korea-quiz .korea-quiz-option[lang="ko"]{font-size:24px}
.korea-quiz-guide{display:inline-block;margin-top:10px;color:var(--brand-highlight,#69afff)}
.hangul-quiz-card .korea-quiz-guide{display:block;text-align:center}
.hangul-quiz-card .korea-quiz-guide[hidden]{display:none}
.korea-quiz-bank{max-width:760px;margin:0 auto 60px}
.korea-quiz-bank h2{font-size:clamp(28px,4.5vw,40px)}
.korea-quiz-list{padding:0;margin:22px 0 0;list-style:none;display:grid;gap:12px;counter-reset:q}
.korea-quiz-item{counter-increment:q;border:1px solid var(--brand-line,#ffffff24);border-radius:14px;padding:18px 20px}
.korea-quiz-item::before{content:counter(q,decimal-leading-zero);display:block;font:500 13px/1 var(--ko);color:var(--brand-highlight,#69afff);margin-bottom:8px}
.korea-quiz-q{margin:0 0 10px;font-size:19px}
.korea-quiz-choices{margin:0 0 10px;padding-left:20px;color:var(--brand-muted,#b4bac4)}
.korea-quiz-item summary{cursor:pointer;color:var(--brand-highlight,#69afff)}
.korea-quiz-answer{margin:10px 0 4px;font-weight:600}
.korea-quiz-why{margin:0;color:var(--brand-muted,#b4bac4)}
.korea-quiz-phrase{display:block;margin-top:10px;font:600 1.25em/1.3 var(--ko);color:#fff}
.korea-quiz-prompt .korea-quiz-phrase{font-size:clamp(28px,6vw,38px);margin-top:16px}