.btn{justify-content:center;align-items:center;gap:var(--space-025);padding:var(--space-05) var(--space-075);border-radius:var(--radius-m);cursor:pointer;min-height:36px;font-family:var(--font-family);white-space:nowrap;border:none;font-size:14px;font-weight:400;line-height:18px;transition:opacity .15s,transform .15s;display:inline-flex}.btn:hover{opacity:.9}.btn:active{transform:scale(.97)}.btn--primary{background:var(--primary-default);color:var(--constant-white)}.btn--danger{background:var(--constant-error);color:var(--constant-white)}.btn--success{background:var(--success-default);color:var(--fg-on-color)}.btn--ghost{color:var(--fg-primary);background:0 0}.btn--sm{height:32px;padding:var(--space-05) var(--space-075)}
.ordering-view{align-items:center;gap:var(--space-1);flex-direction:column;width:100%;max-width:720px;display:flex}.ordering-view__prompt{font-family:var(--font-family);color:var(--fg-secondary);margin:0;font-size:15px;font-weight:400}.ordering-view__list{gap:var(--space-075);-webkit-user-select:none;user-select:none;flex-direction:column;width:100%;display:flex;position:relative}.ordering-item{align-items:center;gap:var(--space-05);padding:var(--space-05) var(--space-1);background:var(--cyan-1);border-radius:var(--radius-m);cursor:grab;min-height:48px;transition:background var(--transition-fast), box-shadow var(--transition-fast);will-change:transform;display:flex;position:relative}.ordering-item:hover:not(.ordering-item--dragging){background:#293d58}.ordering-item--dragging{background:var(--cyan-2);cursor:grabbing;box-shadow:0 8px 24px #00000073}.ordering-item--correct{cursor:default;animation:ordering-fade-in var(--transition-normal) both;background:#163a25}.ordering-item--misplaced{cursor:default;animation:ordering-fade-in var(--transition-normal) both;background:#3d1a1b}.ordering-item--sliding{animation:none}.ordering-item__number{border-radius:var(--radius-full);background:var(--cyan-2);width:24px;height:24px;font-family:var(--font-family);color:var(--cyan-10);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.ordering-item--correct .ordering-item__number{background:var(--success-default);color:var(--fg-on-color)}.ordering-item--misplaced .ordering-item__number{background:var(--constant-error);color:var(--constant-white)}.ordering-item__grip{color:var(--fg-tertiary);flex-shrink:0;font-size:16px;line-height:1}.ordering-item--correct .ordering-item__grip,.ordering-item--misplaced .ordering-item__grip{visibility:hidden}.ordering-item__text{font-family:var(--font-family);color:var(--fg-primary);flex:1;font-size:16px;font-weight:600;line-height:22px}.ordering-item__check{color:var(--success-default);animation:reward-pop var(--transition-normal) .1s both;flex-shrink:0;font-size:18px;font-weight:700}.ordering-item__cross{color:var(--constant-error);animation:reward-pop var(--transition-normal) .1s both;flex-shrink:0;font-size:18px;font-weight:700}.ordering-item__target-pos{font-family:var(--font-family);color:var(--fg-tertiary);border-radius:var(--radius-full);white-space:nowrap;background:#ffffff12;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:600}@keyframes ordering-fade-in{0%{opacity:0}to{opacity:1}}@keyframes reward-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
.fill-blank-view{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:720px;display:flex}.fill-blank-view__prompt{font-family:var(--font-family);color:var(--fg-secondary);text-align:center;width:100%;font-size:18px;font-weight:400;line-height:28px}.fill-blank-view__prompt-text{color:var(--fg-secondary)}.fill-blank-view__gap{min-width:120px;color:var(--cyan-10);text-align:center;padding:0 var(--space-05);margin:0 var(--space-025);font-weight:600;display:inline-block}.fill-blank-view__gap--blank{letter-spacing:.25em;font-size:22px}.fill-blank-view__input-area{gap:var(--space-075);width:100%;max-width:480px;display:flex}@media (max-width:480px){.fill-blank-view__input-area{flex-direction:column;align-items:stretch}}.fill-blank-view__input{padding:var(--space-05) var(--space-1);background:var(--bg-interactive);border:2px solid var(--bg-border);border-radius:var(--radius-m);color:var(--fg-primary);font-family:var(--font-family);transition:border-color var(--transition-fast);outline:none;flex:1;font-size:16px;font-weight:600;line-height:22px}.fill-blank-view__input::placeholder{color:var(--fg-tertiary);font-weight:400}.fill-blank-view__input:focus{border-color:var(--cyan-10)}.fill-blank-view__result{gap:var(--space-075);width:100%;animation:fill-blank-reveal var(--transition-normal) both;flex-direction:column;display:flex}.fill-blank-view__answer-row{align-items:center;gap:var(--space-05);padding:var(--space-05) var(--space-1);border-radius:var(--radius-m);min-height:48px;display:flex}.fill-blank-view__answer-row--correct{background:#163a25}.fill-blank-view__answer-row--incorrect{background:#3d1a1b}.fill-blank-view__correct-answer{align-items:center;gap:var(--space-05);padding:var(--space-05) var(--space-1);border-radius:var(--radius-m);background:#163a25;min-height:48px;display:flex}.fill-blank-view__label{font-family:var(--font-family);color:var(--fg-tertiary);flex-shrink:0;font-size:14px;font-weight:400}.fill-blank-view__submitted{font-family:var(--font-family);color:var(--fg-primary);flex:1;font-size:16px;font-weight:600}.fill-blank-view__accepted{font-family:var(--font-family);color:var(--success-default);flex:1;font-size:16px;font-weight:600}.fill-blank-view__status{font-family:var(--font-family);letter-spacing:.02em;text-transform:uppercase;border-radius:var(--radius-full);white-space:nowrap;animation:reward-pop var(--transition-normal) .15s both;flex-shrink:0;padding:2px 8px;font-size:14px;font-weight:400}.fill-blank-view__status--correct{color:var(--green-10);background:#163a25}.fill-blank-view__status--incorrect{color:#f87171;background:#3d1a1b}@keyframes fill-blank-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes reward-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
.quiz-view{background:var(--bg-canvas);padding:max(24px, env(safe-area-inset-top)) max(var(--space-1), env(safe-area-inset-right)) 24px max(var(--space-1), env(safe-area-inset-left));justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0;overflow:auto}.quiz-view__content{flex-direction:column;flex:1 0 0;align-items:center;gap:24px;min-width:0;min-height:0;display:flex}.quiz-view__body{will-change:opacity, transform;opacity:0;width:100%;transition:opacity var(--transition-normal), transform var(--transition-normal);flex-direction:column;align-items:center;gap:20px;display:flex;transform:translateY(10px)}.quiz-view__body.quiz-enter--active{opacity:1;transform:translateY(0)}.quiz-view__question{align-items:flex-start;gap:var(--space-025);width:100%;max-width:720px;display:flex}.quiz-view__question-text{min-width:0;font-family:var(--font-family);color:var(--fg-primary);white-space:pre-wrap;overflow-wrap:break-word;flex:1 0 0;margin:0;font-size:clamp(17px,5vw,20px);font-weight:600;line-height:1.4}.quiz-view__answers{gap:var(--space-075);flex-direction:column;width:100%;max-width:720px;display:flex}.quiz-view__continue-dock{padding:40px var(--space-1) max(16px, env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(to bottom, transparent 0%, var(--bg-canvas) 65%);z-index:2;animation:dock-rise var(--transition-normal) both;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.quiz-view__continue{pointer-events:auto;min-width:160px;height:40px;font-size:15px;font-weight:600}@media (max-width:480px){.quiz-view__continue{min-height:44px}}@keyframes dock-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.quiz-view__body{opacity:1;will-change:auto;transition:none;transform:none}.quiz-view__continue-dock{animation:none}}.quiz-view__continue:focus-visible{outline:2px solid var(--primary-default);outline-offset:2px}
.quiz-results{background:var(--bg-canvas);padding:var(--space-1);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.quiz-results__content{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:520px;animation:.3s ease-out both results-fade-in;display:flex}.quiz-results__header{text-align:center;flex-direction:column;align-items:center;display:flex}.quiz-results__title{font-family:var(--font-family);color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:15px;font-weight:600;line-height:20px}.quiz-results__score-big{font-family:var(--font-family);color:var(--cyan-10);font-variant-numeric:tabular-nums;margin:0;font-size:36px;font-weight:700;line-height:44px}.quiz-results__score-unit{color:var(--fg-tertiary);font-size:18px;font-weight:500}.quiz-results__topics{flex-direction:column;gap:5px;width:100%;display:flex}.quiz-results__topic{align-items:center;gap:var(--space-05);padding:var(--space-05) var(--space-075);border-radius:var(--radius-m);background:var(--bg-primary);animation:topic-slide-in var(--transition-normal) both;border-left:3px solid #0000;display:flex}.quiz-results__topic--mastered{border-left-color:var(--success-default)}.quiz-results__topic--review{border-left-color:var(--amber-10)}.quiz-results__topic--failed{border-left-color:var(--constant-error)}.quiz-results__topic-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.quiz-results__topic-icon--mastered{background:var(--success-default);color:var(--fg-on-color)}.quiz-results__topic-icon--review{background:var(--amber-1);color:var(--amber-10)}.quiz-results__topic-icon--failed{color:var(--constant-error);background:#3d1a1b}.quiz-results__topic-name{font-family:var(--font-family);color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.quiz-results__topic-detail{font-family:var(--font-family);color:var(--fg-tertiary);flex-shrink:0;font-size:12px;font-weight:400}.quiz-results__tag{font-family:var(--font-family);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.quiz-results__tag--mastered{color:var(--green-10);background:#163a25}.quiz-results__tag--review{background:var(--amber-1);color:var(--amber-10)}.quiz-results__tag--failed{color:#f87171;background:#3d1a1b}.quiz-results__rank-label{font-family:var(--font-family);color:var(--fg-secondary);margin:var(--space-025) 0 0;font-size:15px}.quiz-results__rank-label strong{color:var(--primary-default)}.quiz-results__leaderboard{width:100%}.quiz-results__lb-title{font-family:var(--font-family);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-tertiary);margin:0 0 var(--space-05);font-size:13px;font-weight:700}.quiz-results__lb-list{flex-direction:column;gap:3px;display:flex}.quiz-results__lb-row{align-items:center;gap:var(--space-075);padding:var(--space-05) var(--space-1);border-radius:var(--radius-m);background:var(--bg-canvas);display:flex}.quiz-results__lb-row--player{background:#42a6ff1f;border:1px solid #42a6ff40}.quiz-results__lb-rank{text-align:center;min-width:30px;color:var(--fg-tertiary);font-size:14px;font-weight:600;font-family:var(--font-family);font-variant-numeric:tabular-nums}.quiz-results__lb-name{font-family:var(--font-family);color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.quiz-results__lb-score{font-family:var(--font-family);color:var(--amber-10);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.quiz-results__actions{gap:var(--space-075);width:100%;padding-top:var(--space-075);border-top:1px solid var(--bg-border);flex-direction:column;display:flex}.quiz-results__action-primary{justify-content:center;align-items:center;gap:var(--space-075);width:100%;padding:13px var(--space-2);background:var(--primary-default);color:var(--fg-on-color);border-radius:var(--radius-m);font-family:var(--font-family);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;font-size:16px;font-weight:700;display:flex}.quiz-results__action-primary:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 2px 8px #42a6ff33,0 6px 24px #42a6ff4d}.quiz-results__action-primary:active{box-shadow:none;transform:scale(.97)}.quiz-results__action-row{gap:var(--space-075);width:100%;display:flex}.quiz-results__action-secondary{padding:10px var(--space-1);background:var(--bg-primary);color:var(--fg-secondary);border:1.5px solid var(--bg-border);border-radius:var(--radius-m);font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.quiz-results__action-secondary:hover{border-color:var(--fg-secondary);color:var(--fg-primary)}.quiz-results__action-secondary:active{transform:scale(.97)}.quiz-results__action-ghost{padding:10px var(--space-1);color:var(--fg-tertiary);border:1.5px solid var(--bg-border);border-radius:var(--radius-m);font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.quiz-results__action-ghost:hover{border-color:var(--fg-tertiary);color:var(--fg-secondary)}.quiz-results__action-ghost:active{transform:scale(.97)}.quiz-results__action-ghost--copied{border-color:var(--success-default);color:var(--success-default)}@keyframes results-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes topic-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.quiz-results__action-primary:focus-visible,.quiz-results__action-secondary:focus-visible,.quiz-results__action-ghost:focus-visible{outline:2px solid var(--primary-default);outline-offset:2px}@media (prefers-reduced-motion:reduce){.quiz-results__content,.quiz-results__topic{animation:none}.quiz-results__action-primary:hover,.quiz-results__action-primary:active,.quiz-results__action-secondary:active,.quiz-results__action-ghost:active{transform:none}}
.leaderboard-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;border:none;justify-content:center;align-items:flex-end;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;animation:.25s overlay-fade-in;display:flex;position:fixed;inset:0}.leaderboard-overlay__backdrop{cursor:pointer;z-index:0;background:0 0;border:none;margin:0;padding:0;position:absolute;inset:0}.leaderboard-overlay__panel{z-index:1;background:var(--bg-primary);border-radius:var(--radius-xxl) var(--radius-xxl) 0 0;width:100%;max-width:480px;padding:var(--space-2) var(--space-15);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-overlay);max-height:80vh;animation:.28s cubic-bezier(.34,1.2,.64,1) panel-slide-up;position:relative;overflow-y:auto}.leaderboard-overlay__header{margin-bottom:var(--space-15);justify-content:space-between;align-items:center;display:flex}.leaderboard-overlay__title{font-family:var(--font-family);color:var(--fg-primary);font-size:20px;font-weight:700}.leaderboard-overlay__close{color:var(--fg-tertiary);cursor:pointer;padding:var(--space-025);border-radius:var(--radius-m);min-width:32px;min-height:32px;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.leaderboard-overlay__close:hover{color:var(--fg-primary);background:var(--bg-border)}.leaderboard-overlay__close:active{transform:scale(.95)}.leaderboard-overlay__list{gap:var(--space-025);flex-direction:column;display:flex}.leaderboard-overlay__row{align-items:center;gap:var(--space-075);padding:var(--space-075) var(--space-1);border-radius:var(--radius-m);background:var(--bg-canvas);transition:background var(--transition-fast);display:flex}.leaderboard-overlay__row--player{background:#42a6ff26;border:1px solid #42a6ff4d}.leaderboard-overlay__rank{text-align:center;font-variant-numeric:tabular-nums;min-width:32px;color:var(--fg-tertiary);font-size:16px;font-weight:600;font-family:var(--font-family)}.leaderboard-overlay__name{font-family:var(--font-family);color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;font-weight:600;overflow:hidden}.leaderboard-overlay__streak{color:var(--amber-10);font-size:12px;font-weight:700}.leaderboard-overlay__score{font-family:var(--font-family);color:var(--amber-10);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:700}.leaderboard-overlay__hint{font-family:var(--font-family);color:var(--fg-tertiary);text-align:center;margin:var(--space-1) 0 0;font-size:13px}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}
.quiz-game{width:100%;min-height:100dvh;position:relative}.quiz-game__countdown-screen{background:var(--bg-canvas);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}