:root{--bg:#f6f8fc;--card:#ffffff;--text:#0f172a;--muted:#6b7280;--brand:#2563eb;--brand-2:#4f46e5;--ok:#16a34a;--bad:#ef4444;--ok-weak:#e8f7ef;--bad-weak:#fde8e8;--border:#e5e7eb;--shadow:0 12px 28px rgba(16,24,40,.06);--radius:16px;--container-max: 960px;--fz-base:clamp(16px, 2.2vw, 18px);--fz-btn:clamp(19px, 2.8vw, 22px);--fz-stat:clamp(20px, 2.4vw, 22px);--fz-h1:clamp(26px, 4vw, 30px)}*{box-sizing:border-box}html,body,#root{height:100%}body,#root{margin:0}body{background:#f6f8fc;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,SF Pro Text,Segoe UI,Roboto,Arial;font-size:var(--fz-base)}.container{max-width:960px;margin:0 auto;padding:0 16px}.site-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0 20px}.brand{font-size:28px;font-weight:700;text-decoration:none;color:inherit}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid #E5E7EB;background:#fff;box-shadow:0 6px 16px #2a46ff26;text-decoration:none;color:#111827;font-weight:600}.pill:hover{box-shadow:0 8px 24px #2a46ff38}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.stats-grid{display:grid;gap:14px;margin-top:4px;margin-bottom:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stat-card{padding:12px 14px}.stat-label{font-size:12px;color:var(--muted);line-height:1.15}.stat-value{font-size:var(--fz-stat);font-weight:750;letter-spacing:.2px}.progress-wrap{margin:6px 0}.progress-label{font-size:12px;color:var(--muted);margin:0 0 6px}.progress{height:10px;background:#eef2f7;border-radius:999px;overflow:hidden}.progress__bar{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:width .35s}.row{display:flex;gap:12px;align-items:center}.row-wrap{flex-wrap:wrap}.row.left{justify-content:flex-start}.row.split{justify-content:space-between;margin-top:14px}.space-vert{height:10px}.prompt-line{display:flex;align-items:center;gap:10px}.icon-btn{vertical-align:middle;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f9fafb);border-radius:12px;min-height:auto;padding:6px 10px;font-size:18px;line-height:1;cursor:pointer;transition:transform .06s ease,box-shadow .18s}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #10182814}.icon-btn:active{transform:none}.btn{border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f9fafb) padding-box,radial-gradient(120% 80% at 50% -10%,#ffffffe6,#f0f2f899) padding-box;border-radius:16px;padding:12px 16px;min-height:50px;font-size:var(--fz-btn);line-height:1.15;color:var(--text);cursor:pointer;box-shadow:0 1px #00000008;transition:transform .06s ease,background .18s,border-color .18s,box-shadow .18s,filter .18s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #10182814;filter:saturate(1.02)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:default;transform:none}.btn--primary{background:linear-gradient(180deg,#2563eb,#1e40af);color:#fff;border-color:#1e40af;box-shadow:0 10px 22px #2563eb47}.btn--ghost{background:#fff}.btn--skip{color:#b91c1c;border-color:#fca5a5;background:#fff}.sel{min-width:230px;padding-right:42px;appearance:none}.btn.sel{background:linear-gradient(180deg,#fff,#f9fafb) padding-box,linear-gradient(90deg,#dbe3f5,#e8ebf3) border-box,url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%236b7280' d='M5.7 7.7a1 1 0 011.4 0L10 10.59l2.9-2.9a1 1 0 111.4 1.42l-3.6 3.58a1 1 0 01-1.4 0L5.7 9.12a1 1 0 010-1.42z'/%3E%3C/svg%3E") no-repeat right 14px center / 18px;border:1px solid transparent}.choices{display:grid;gap:12px;margin-top:14px;grid-template-columns:1fr}@media (min-width:560px){.choices{grid-template-columns:1fr 1fr}}.choice{text-align:left}.is-correct{background:linear-gradient(180deg,#16a34a,#15803d);color:#fff;border-color:transparent;animation:btn-pop .18s ease-out,glow-ok 1.1s ease-out;box-shadow:0 10px 20px #16a34a38}.is-wrong{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;border-color:transparent;animation:btn-shake .28s ease-out,glow-bad 1.1s ease-out;box-shadow:0 10px 20px #ef444438}.is-correct-passive{background:var(--ok-weak);border-color:#b7ebc7}@keyframes btn-pop{0%{transform:scale(.98)}to{transform:scale(1)}}@keyframes btn-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes glow-ok{0%{box-shadow:0 0 #16a34a00}to{box-shadow:0 10px 22px #16a34a38}}@keyframes glow-bad{0%{box-shadow:0 0 #ef444400}to{box-shadow:0 10px 22px #ef444438}}.prompt-ka{font-size:clamp(32px,6vw,40px);margin:8px 0 2px}.prompt-ka--big{font-size:clamp(38px,7.2vw,48px)}.prompt-ru{font-size:clamp(24px,4.5vw,30px);margin:8px 0 2px;color:#0f172a}.translit{font-size:14px;color:var(--muted)}a{text-underline-offset:.2em}:root{--stage-w: min(920px, 90vw);--stage-h: calc(var(--stage-w) * .42)}.stage{width:var(--stage-w);height:var(--stage-h);margin:0 auto 24px;border-radius:14px;background:#eaf3ff;position:relative;overflow:visible}.stage-inner{position:absolute;inset:0;overflow:hidden}.game-canvas{position:absolute;bottom:0;left:0;width:100%;height:auto;display:block;image-rendering:pixelated}.bubble-wrap{position:absolute;transform:translate(-50%,-100%);z-index:5}.bubble{max-width:clamp(200px,36vw,340px);overflow:visible;white-space:normal;word-break:break-word;line-height:1.25;padding:8px 10px;border-radius:10px;box-shadow:0 8px 20px #00000014;background:#fff;border:1px solid #eee;transition:opacity .3s}.bubble--hide{opacity:0}.bubble-ka{font-weight:600}.bubble-ru{font-size:.8em;color:#555}.score{text-align:center;margin:12px 0 0}.start-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fffc;pointer-events:none}