/* Calm, colourful quiz garden; readable on phones without slide or shake effects. */
.quiz-page-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:30px}.quiz-page-head>.round{flex:0 0 45px;margin-top:10px;font-size:28px}.quiz-page-head h1{font-size:clamp(26px,4vw,36px);line-height:1.25;margin:10px 0}.quiz-page-head p{font-size:17px;color:var(--muted);line-height:1.7;margin:0}.quiz-eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;color:#8f72b2}.quiz-welcome{padding:32px 36px;background:linear-gradient(120deg,#eee6fc,#e5f5ed);border:1px solid #e1deec;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:26px 0}.quiz-welcome h2{font-size:32px;line-height:1.22;margin:12px 0}.quiz-welcome p{font-size:17px;line-height:1.7;max-width:440px;color:#6e8076;margin:0}.quiz-mascot{font-size:100px;line-height:1;color:#ab8bcf;position:relative;display:block;text-align:center}.quiz-mascot small{display:block;font-size:16px;margin-top:12px;color:#859b82}.quiz-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quiz-type{border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:24px;display:flex;align-items:center;gap:18px;text-align:left;min-width:0;box-shadow:var(--shadow);transition:background .18s,border-color .18s}.quiz-type:hover{border-color:#b8a1d4;background:#faf7fe}.quiz-type>div{flex:1;min-width:0}.quiz-type h2{font-size:22px;margin:0 0 8px}.quiz-type p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.quiz-type>span:last-child{color:#977bb3}.quiz-type-symbol{display:grid;place-items:center;flex:0 0 64px;height:64px;border-radius:20px;background:#eee6f8;color:#9874bd;font-size:36px;font-weight:700}.quiz-blue .quiz-type-symbol{background:#e3f1fa;color:#5e98b7}.quiz-mint .quiz-type-symbol{background:#e3f2e9;color:#5d9e84}.quiz-pink .quiz-type-symbol{background:#f9e8ef;color:#bc7896}.quiz-peach .quiz-type-symbol{background:#fcf0db;color:#b69051}.quiz-small-rules{display:flex;gap:12px 25px;justify-content:center;flex-wrap:wrap;margin:26px 0;color:var(--muted);font-size:15px}.quiz-choice-list{display:grid;gap:13px}.quiz-pick{width:100%;border:1px solid var(--line);border-radius:17px;background:var(--paper);padding:18px 20px;display:flex;align-items:center;gap:14px;text-align:left;min-width:0;line-height:1.5}.quiz-pick>span{flex:1;min-width:0}.quiz-pick b{display:block;font-size:17px;font-weight:650;overflow-wrap:anywhere}.quiz-pick small{display:block;color:var(--muted);font-size:14px;margin-top:5px;overflow-wrap:anywhere}.quiz-pick i{font-style:normal;flex:0 0 24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#f2f2ee;font-size:17px;color:#8f998f}.quiz-pick.is-chosen{border-color:#b49bce;background:#f3edfc;box-shadow:0 0 0 1px #b49bce}.quiz-pick.is-chosen i{background:#9b7bc0;color:white}.quiz-section-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:25px 0 15px}.quiz-section-line h2,.quiz-section-line h3{margin:0;font-size:21px}.quiz-section-line h3 small{display:inline;font-size:13px;font-weight:400;color:var(--muted)}.quiz-all{background:transparent;border:0;color:#8c6ab0;font-size:15px;font-weight:650;padding:10px 3px;white-space:normal}.quiz-pick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quiz-kana-group{margin:30px 0}.quiz-kana-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.quiz-kana-grid .quiz-pick{display:flex;flex-direction:column;padding:12px 4px;gap:3px;text-align:center;position:relative}.quiz-kana-grid .quiz-pick-symbol{font-size:31px;line-height:1.3;font-weight:500;white-space:nowrap}.quiz-kana-grid .quiz-pick b{font-size:14px}.quiz-kana-grid .quiz-pick i{position:absolute;top:3px;right:4px;flex-basis:auto;width:14px;height:14px;font-size:10px}.quiz-setup-footer{position:sticky;bottom:12px;z-index:5;border:1px solid var(--line);background:var(--paper);padding:16px 20px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:30px 0 10px;box-shadow:0 5px 24px #263d3212}.quiz-setup-footer>span{font-size:15px;color:var(--muted)}.quiz-setup-footer .primary{white-space:nowrap}.quiz-reading-choice,.quiz-confirm-card,.quiz-rules{border:1px solid var(--line);background:var(--paper);border-radius:24px;padding:28px;margin:24px 0}.quiz-reading-choice h2,.quiz-rules h2{font-size:22px;margin:0 0 14px}.quiz-reading-choice p{font-size:16px;color:var(--muted);line-height:1.7}.quiz-segment{display:flex;gap:10px}.quiz-segment button{border:1px solid var(--line);border-radius:14px;padding:14px 24px;background:var(--paper);font-size:17px}.quiz-segment button[aria-pressed=true]{background:#eee4f9;color:#8764ab;border-color:#b9a1d5}.quiz-sub-group{margin:28px 0}.quiz-sub-group>h3{font-size:19px;margin:0 0 14px;color:#728e7b}.quiz-confirm-card h2{font-size:30px;margin:14px 0 8px}.quiz-confirm-mode{font-size:19px;color:#8c6ab0;line-height:1.6}.quiz-scope-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.quiz-scope-tags span{padding:7px 12px;border-radius:10px;background:#edf4ef;color:#62806d;font-size:14px}.quiz-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.quiz-scope-grid>div{padding:18px;background:#f5f1fa;border-radius:16px}.quiz-scope-grid b{display:block;font-size:20px}.quiz-scope-grid span{display:block;color:#8c6ab0;font-size:16px;margin-top:8px}.quiz-confirm-card>p{font-size:16px;line-height:1.8;color:var(--muted)}.quiz-preview{margin:22px 0;border-top:1px solid var(--line);padding-top:18px}.quiz-preview summary{cursor:pointer;font-size:16px;color:#6f967d;font-weight:650;line-height:1.6}.quiz-preview ul{max-height:250px;overflow:auto;margin:14px 0;padding:0 10px 0 0;list-style:none}.quiz-preview li{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:12px 3px}.quiz-preview b{font-size:16px;font-weight:500;overflow-wrap:anywhere}.quiz-preview small{color:var(--muted);font-size:13px;text-align:right;max-width:40%}.quiz-count-picker{border:0;border-top:1px solid var(--line);padding:24px 0 0;margin:24px 0 0;min-width:0}.quiz-count-picker legend{font-size:20px;font-weight:700;padding-right:16px}.quiz-count-buttons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin:15px 0}.quiz-count-buttons button{padding:12px 3px;background:var(--paper);border:1px solid var(--line);border-radius:13px;font-size:17px}.quiz-count-buttons button[aria-pressed=true]{background:#a084c2;border-color:#a084c2;color:white}.quiz-count-picker p{font-size:14px;color:var(--muted);line-height:1.7}.quiz-count-fixed{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#faf1df;border-radius:16px;padding:20px;margin:24px 0 0}.quiz-count-fixed b{font-size:26px}.quiz-count-fixed span{font-size:15px;color:#a48b61}.quiz-rules{background:#faf5eb}.quiz-rules ul{margin:0;padding-left:23px}.quiz-rules li{font-size:16px;line-height:1.85;padding:5px 0}.quiz-start{width:100%;font-size:19px!important;justify-content:center}.quiz-local-note{font-size:14px;color:var(--muted);line-height:1.7;text-align:center;margin:20px 0}.quiz-empty{padding:30px;background:var(--paper);border:1px dashed #d3c2e4;border-radius:22px;line-height:1.8;text-align:center}.quiz-empty h2{font-size:22px}.quiz-empty p{font-size:16px;color:var(--muted)}.quiz-game{max-width:770px;margin:0 auto}.quiz-game-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:17px;color:var(--muted);margin-bottom:20px}.quiz-game-top .round{font-size:25px}.quiz-lives{display:flex;gap:6px;color:#cc83a0;font-size:26px}.quiz-lives .is-lost{color:#e6e6df}.quiz-clock-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0 20px;font-size:16px;color:var(--muted)}#quiz-clock{background:#eee7f7;color:#8f6eb1;border:1px solid #ddcfea;border-radius:14px;padding:10px 18px;min-width:100px;text-align:center;font-size:22px;font-variant-numeric:tabular-nums}#quiz-clock.is-low{background:#fbe7e2;color:#b36554;border-color:#ecc1b8}.quiz-question-card{padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:26px}.quiz-question-context{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;color:#a485bf}.quiz-question-context>span{font-size:14px;font-weight:700;background:#f2edf8;border-radius:8px;padding:5px 10px}.quiz-question-context small{font-size:13px;text-align:right;line-height:1.5;max-width:70%}.quiz-question-card>h2{font-size:19px;line-height:1.6;margin:24px 0 12px}.quiz-question-translation{color:var(--muted);font-size:17px;line-height:1.7}.quiz-question-text{font-size:28px;line-height:1.8;margin:24px 0 30px;text-align:center;font-weight:600;overflow-wrap:anywhere;white-space:normal}.quiz-question-text.quiz-large-character{font-size:clamp(40px,8vw,68px);line-height:1.5}.quiz-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quiz-answer-grid button{border:1px solid var(--line);border-radius:17px;padding:18px 15px;display:flex;align-items:center;gap:12px;background:var(--paper);text-align:left;min-width:0;transition:background .15s,border-color .15s}.quiz-answer-grid button>span{font-size:13px;color:#a28db6;background:#f4effa;border-radius:8px;width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center}.quiz-answer-grid b{font-size:18px;font-weight:550;line-height:1.6;overflow-wrap:anywhere}.quiz-answer-grid em{font-style:normal;color:#5e937b;font-size:18px}.quiz-answer-grid .is-correct{border-color:#92c4a7;background:#eaf6ee;color:#456f58}.quiz-answer-grid .is-wrong{border-color:#dfb1a4;background:#fdf0ec;color:#a16b5a}.quiz-answer-grid button:disabled{cursor:default;opacity:1}.quiz-answer-feedback{padding:20px;border-radius:18px;margin:22px 0 0;background:#eff7ef;border:1px solid #d4e7d7;color:#4d795b;animation:quizFade .2s ease}.quiz-answer-feedback.is-wrong{background:#fbefe9;border-color:#eed4c7;color:#996d59}.quiz-answer-feedback>b{font-size:18px}.quiz-answer-feedback p{font-size:16px;line-height:1.75;margin:10px 0 0}.quiz-answer-feedback small{display:block;font-size:13px;margin-top:14px}.quiz-order-hint{font-size:16px;color:var(--muted);line-height:1.7}.quiz-order-tray{display:flex;flex-wrap:wrap;gap:8px;background:#f4f3f0;border:1px dashed #d9d3de;border-radius:16px;min-height:94px;padding:18px;margin:20px 0}.quiz-order-tray>span{background:white;border:1px solid #ded9e4;border-radius:10px;padding:9px 13px;font-size:20px;line-height:1.5}.quiz-order-tray>.quiz-fixed{background:#ede5f7;color:#8663aa}.quiz-order-pieces{display:flex;gap:10px;flex-wrap:wrap}.quiz-order-pieces button{background:#fffaf0;border:1px solid #ead7b6;border-radius:12px;padding:13px 18px;font-size:20px}.quiz-order-pieces button:disabled{opacity:.3}.quiz-order-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.quiz-result{max-width:790px;margin:0 auto;text-align:center}.quiz-result-flower{display:block;font-size:70px;color:#bd9bdb;margin:15px 0}.quiz-result h1{font-size:30px;line-height:1.5;margin:14px 0}.quiz-result>p{font-size:17px;line-height:1.7;color:var(--muted)}.quiz-result-score{border:1px solid #e4d9ef;background:#f3edf9;border-radius:24px;padding:26px;margin:28px auto;max-width:340px}.quiz-result-score>strong{display:block;font-size:60px;color:#9570bb;line-height:1.2}.quiz-result-score small{font-size:24px;font-weight:400;color:#ac97c2}.quiz-result-score>span{display:block;font-size:16px;color:#9984ac;margin-top:10px}.quiz-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.quiz-result-stats>div{padding:18px 8px;background:var(--paper);border:1px solid var(--line);border-radius:18px}.quiz-result-stats b{font-size:27px;display:block}.quiz-result-stats span{display:block;font-size:14px;color:var(--muted);margin-top:7px}.quiz-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:26px 0 40px}.quiz-review{text-align:left}.quiz-review>h2{font-size:23px;margin:20px 0}.quiz-review details{background:var(--paper);border:1px solid var(--line);border-radius:18px;margin:12px 0;overflow:hidden}.quiz-review summary{padding:20px;display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}.quiz-review summary::-webkit-details-marker{display:none}.quiz-review summary b{flex:1;font-size:17px}.quiz-review summary small{color:var(--muted);font-size:14px}.correct-mark{color:#6f9d7f}.wrong-mark{color:#be917e}.quiz-review details>div{padding:0 20px 20px;font-size:17px;line-height:1.85}.quiz-review p{overflow-wrap:anywhere}.quiz-exit{text-align:center}.quiz-exit>span{display:block;font-size:45px;margin:15px}.quiz-exit h2{font-size:25px}.quiz-exit p{font-size:17px;line-height:1.8;color:var(--muted)}.quiz-exit button{display:block;width:100%;margin:13px 0}.quiz-game button:disabled,.quiz-setup-footer button:disabled,.quiz-start:disabled{cursor:default}.quiz-setup-footer button:disabled,.quiz-start:disabled,.quiz-order-controls button:disabled{opacity:.45}.quiz-type:focus-visible,.quiz-pick:focus-visible,.quiz-count-buttons button:focus-visible{outline:3px solid #c59d60;outline-offset:4px}@keyframes quizFade{from{opacity:0}to{opacity:1}}.no-motion .quiz-answer-feedback{animation:none}.no-motion .quiz-type,.no-motion .quiz-answer-grid button{transition:none}
body.dark .quiz-welcome{background:linear-gradient(120deg,#3a3447,#293f36);border-color:#524563}body.dark .quiz-pick.is-chosen{background:#44364f;color:#eddefb;border-color:#b49bce}body.dark .quiz-pick i{background:#4b4653}body.dark .quiz-type:hover{background:#36333d}body.dark .quiz-type-symbol,body.dark #quiz-clock,body.dark .quiz-scope-grid>div,body.dark .quiz-result-score{background:#46394f;color:#d8c3eb;border-color:#685178}body.dark .quiz-rules,body.dark .quiz-count-fixed{background:#443d2d}body.dark .quiz-scope-tags span{background:#32463b;color:#a4c1ad}body.dark .quiz-answer-grid button>span,body.dark .quiz-question-context>span{background:#46394f;color:#d8c3eb}body.dark .quiz-answer-grid .is-correct,body.dark .quiz-answer-feedback{background:#2a4934;color:#c0e0c6;border-color:#638e6b}body.dark .quiz-answer-grid .is-wrong,body.dark .quiz-answer-feedback.is-wrong{background:#503a30;color:#edd0bf;border-color:#9b705b}body.dark .quiz-order-tray{background:#30322e;border-color:#65586c}body.dark .quiz-order-tray>span,body.dark .quiz-order-pieces button{background:#484133;color:#f0dfc0;border-color:#80735c}body.dark .quiz-order-tray>.quiz-fixed{background:#4a3a59;color:#d7bced}body.dark .quiz-segment button[aria-pressed=true]{background:#493854;color:#ddc8ef}body.dark .quiz-lives .is-lost{color:#545450}
@media(max-width:900px){.quiz-kana-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.quiz-type{padding:20px}.quiz-type-symbol{flex-basis:52px;height:56px;font-size:32px}}
@media(max-width:650px){.quiz-welcome{padding:25px 23px;gap:12px;margin:24px 0}.quiz-welcome h2{font-size:28px}.quiz-welcome p{font-size:16px}.quiz-mascot{font-size:68px}.quiz-mascot small{font-size:11px}.quiz-type-grid{grid-template-columns:1fr;gap:12px}.quiz-type{padding:20px}.quiz-type h2{font-size:22px}.quiz-type p{font-size:15px}.quiz-page-head{gap:13px;margin:24px 0}.quiz-page-head h1{font-size:27px}.quiz-page-head p{font-size:16px}.quiz-page-head>.round{flex-basis:39px;width:39px;height:43px}.quiz-eyebrow{font-size:10px;letter-spacing:1.5px}.quiz-kana-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.quiz-kana-grid .quiz-pick-symbol{font-size:25px}.quiz-kana-grid .quiz-pick{padding:13px 3px 9px}.quiz-kana-grid .quiz-pick b{font-size:13px}.quiz-section-line h2,.quiz-section-line h3{font-size:19px}.quiz-pick-grid{grid-template-columns:1fr;gap:10px}.quiz-pick{padding:17px 16px}.quiz-pick b{font-size:17px}.quiz-setup-footer{bottom:85px;padding:13px;gap:10px;margin-bottom:25px}.quiz-setup-footer .primary{padding:13px 16px;font-size:15px}.quiz-setup-footer>span{font-size:13px;max-width:40%}.quiz-confirm-card,.quiz-rules,.quiz-reading-choice{padding:23px 20px}.quiz-count-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.quiz-count-fixed{padding:17px}.quiz-count-fixed span{max-width:55%;font-size:14px}.quiz-question-card{padding:23px 18px;border-radius:23px}.quiz-question-card>h2{font-size:18px}.quiz-question-text{font-size:24px;margin:23px 0}.quiz-question-text.quiz-large-character{font-size:54px}.quiz-answer-grid{grid-template-columns:1fr;gap:10px}.quiz-answer-grid button{padding:15px}.quiz-answer-grid b{font-size:18px}.quiz-answer-feedback{padding:17px}.quiz-game-top{font-size:15px}.quiz-game-top .round{width:39px;height:39px}.quiz-game{margin-top:10px}.quiz-lives{font-size:22px;gap:4px}.quiz-clock-row{margin:12px 0 17px}#quiz-clock{font-size:21px;padding:9px 15px}.quiz-result h1{font-size:27px}.quiz-result-actions .primary{width:100%;justify-content:center}.quiz-review summary{padding:17px;gap:9px}.quiz-review summary b{font-size:16px}.quiz-review summary small{font-size:12px}.quiz-result-score>strong{font-size:54px}.quiz-order-pieces button{padding:11px 14px;font-size:19px}.quiz-order-tray{padding:12px}.quiz-order-tray>span{padding:7px 10px;font-size:19px}.quiz-order-controls .primary{font-size:14px;padding:12px 14px}.quiz-setup-footer .primary:disabled{white-space:normal}}
@media(prefers-reduced-motion:reduce){.quiz-answer-feedback{animation:none}.quiz-type,.quiz-answer-grid button{transition:none}}

.quiz-resume{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:20px;margin:20px 0}.quiz-resume p{font-size:16px;line-height:1.7;margin:0;color:var(--muted)}@media(max-width:650px){.quiz-resume{display:block}.quiz-resume button{margin-top:15px}}

.quiz-kotoba-reading{text-align:center;font-size:21px;color:var(--muted);line-height:1.6;margin:-18px 0 25px}

/* Quiz interactions stay still: no page fade, flash, button movement or tap highlight. */
.page.quiz-page,.page.quiz-page *,.page.quiz-page *::before,.page.quiz-page *::after,
body.quiz-active .modal-wrap,body.quiz-active .modal,body.quiz-active .modal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.quiz-page button,body.quiz-active .modal button{transform:none!important;-webkit-tap-highlight-color:transparent}
.quiz-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quiz-kana-pack{padding:20px;gap:12px}
.quiz-kana-pack strong{display:block;font-size:27px;font-weight:550;line-height:1.6;letter-spacing:1px;white-space:normal}
.quiz-kana-pack b{font-size:14px;color:#8f72b2;letter-spacing:.4px;margin-top:7px}
.quiz-kana-pack small{font-size:13px;margin-top:8px}
.quiz-count-buttons{grid-template-columns:repeat(5,minmax(0,1fr))}
.quiz-count-buttons .quiz-count-add{font-size:23px;background:#f5f1fb;color:#9273b4}
.quiz-count-add:disabled{opacity:.35;cursor:default}
.quiz-count-picker .quiz-count-actual{background:#edf4ef;color:#52745d;border-radius:13px;padding:14px;font-size:16px}
body.dark .quiz-count-buttons .quiz-count-add{background:#45374f;color:#dbc5ef}
body.dark .quiz-count-picker .quiz-count-actual{background:#304838;color:#c1dcc9}
body.dark .quiz-kana-pack b{color:#c6acd9}
@media(max-width:650px){.quiz-pack-grid{grid-template-columns:1fr;gap:10px}.quiz-kana-pack{padding:18px}.quiz-kana-pack strong{font-size:28px}.quiz-kana-pack b{font-size:14px}.quiz-count-buttons{grid-template-columns:repeat(5,minmax(0,1fr))}}

.quiz-kana-disclosure{border:1px solid var(--border,#e6e7e1);border-radius:24px;background:var(--card,#fff);margin:16px 0;overflow:hidden}
.quiz-kana-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.quiz-kana-disclosure>summary::-webkit-details-marker{display:none}
.quiz-kana-disclosure>summary strong{display:block;font-size:23px;color:#9273b4}
.quiz-kana-disclosure>summary small{display:block;margin-top:8px;font-size:15px;color:var(--muted)}
.quiz-kana-disclosure>summary i{font-style:normal;font-size:29px;color:#74a39b;font-weight:700}
.quiz-kana-disclosure>summary i::after{content:'+'}
.quiz-kana-disclosure[open]>summary i::after{content:'−'}
.quiz-kana-disclosure>summary:focus-visible{outline:3px solid #c59d60;outline-offset:-4px}
.quiz-kana-content{padding:0 18px 20px;border-top:1px solid var(--border,#e6e7e1)}
.quiz-kana-content>.quiz-section-line{justify-content:flex-end;margin:16px 0}
.quiz-answer-grid button b{overflow-wrap:anywhere;line-height:1.7}
body.dark .quiz-kana-disclosure{background:#2e3030;border-color:#4e5050}
body.dark .quiz-kana-disclosure>summary strong{color:#c6acd9}