:root{--navy:#16346b;--blue:#2457d6;--sky:#eaf1ff;--cream:#fff7d6;--ink:#203451;--muted:#526681;--gold:#ffcd38;--line:#cedbef;--shadow:0 8px 0 #dbe5f3,0 18px 36px #17346b0a}
body{background:#f0f5ff;font-family:ui-rounded,"Avenir Next",Avenir,"Segoe UI",sans-serif}
button,input,select{font:inherit}button{touch-action:manipulation}
[hidden]{display:none!important}
.shell{max-width:1080px;padding:24px}
header{margin-bottom:28px}.brand{min-width:0}h1{letter-spacing:-.025em}.compass{background:var(--blue);box-shadow:0 4px 0 #173d9a}.reset{font-size:.875rem;min-height:44px;border:0;background:transparent;max-width:145px}
.welcome{grid-template-columns:1.35fr .8fr;gap:24px}.intro{padding:32px}.intro,.progress-card,.quiz-card,.result-card{border:2px solid var(--line);background:#fff}
.eyebrow{background:var(--gold);color:#413207;border-radius:9px;font-size:.875rem;padding:8px 12px}
.welcome-guide{display:flex;align-items:center;gap:18px;margin:22px 0 16px}.welcome-guide img{width:96px;height:96px;object-fit:contain;flex-shrink:0}.welcome-guide h2{font-size:clamp(1.65rem,3.5vw,2.55rem);line-height:1.15;margin:0;letter-spacing:-.03em}
.lead{font-size:1.05rem;margin-bottom:24px}.mode-grid{gap:14px}.mode{padding:20px 18px;min-height:150px;border-radius:18px;border:2px solid #1748b6;box-shadow:0 5px 0 #143788}.mode.practice{background:var(--blue)}.mode.test{background:#0a716c;border-color:#075d59;box-shadow:0 5px 0 #074a47}.mode strong{font-size:1.18rem;line-height:1.3;margin:12px 0 7px}.mode span{display:block;font-size:.95rem}.mode .mode-count{font-size:.875rem;font-weight:750;opacity:1}.mode:hover{transform:translateY(-2px)}.mode:active{transform:translateY(2px);box-shadow:0 2px 0 #143788}
.progress-card{padding:26px;box-shadow:0 5px 0 #dbe5f3}.progress-card h3{font-size:1.25rem}.ring span,.stat span{font-size:.875rem}.hint{font-size:.94rem;line-height:1.5}.stat{background:#eef4ff}.ring{margin-bottom:20px}
.quiz-top{flex-wrap:wrap}.back{min-height:44px}.counter{font-size:1rem}.score-chip{font-size:.94rem}#quiz>.bar{display:none}
.round-path{--journey:0%;padding:0 32px;margin:4px 0 20px;height:72px;display:flex;align-items:center}.journey-track{position:relative;width:100%;height:10px;border-radius:999px;background:#cedbef}.journey-fill{height:100%;width:var(--journey);background:var(--blue);border-radius:inherit;transition:width .35s ease}.journey-guide{position:absolute;left:var(--journey);top:50%;width:64px;height:64px;object-fit:contain;transform:translate(-50%,-50%);border-radius:50%;transition:left .35s ease;box-shadow:0 2px 8px #16346b12}@media(prefers-reduced-motion:reduce){.journey-fill,.journey-guide{transition:none}}
.quiz-card{padding:clamp(22px,4vw,40px);min-height:460px;border-top:6px solid var(--blue)}.topic{font-size:.875rem;letter-spacing:.04em}.question{font-size:clamp(1.4rem,3.5vw,1.95rem);line-height:1.35;letter-spacing:-.015em}.passage{line-height:1.75;margin:0 0 24px;background:#fff9e7;border-left-width:4px}.visual-task{padding:22px;background:#f3f7ff;margin:0 0 24px}.answers{gap:14px}
.answer{border-radius:15px;padding:17px 18px;min-height:54px;border-width:2px;box-shadow:0 3px 0 #e1e9f4}.answer:hover:not(:disabled){transform:none;background:#f3f7ff}.answer.selected{background:#eaf1ff;box-shadow:0 3px 0 #b7c9f6}.answer.correct,.answer.wrong{box-shadow:none}.free-input{min-height:54px;padding:14px 16px;font-size:1.1rem}.match-row{flex-wrap:wrap}.match-row select{min-height:48px;flex-basis:180px}.move{width:46px;height:46px;font-size:1.2rem}.primary,.secondary{min-height:50px;line-height:1.35;font-size:1rem}.primary{background:var(--blue);box-shadow:0 4px 0 #163b96}.primary:disabled{box-shadow:none}.secondary{border-color:var(--line);color:var(--navy)}
.tip-card{display:flex;align-items:flex-start;gap:14px;margin:26px 0 0;padding:16px;background:#fff;border:2px solid #f1d46d;border-radius:17px}.tip-guide{width:64px;height:64px;object-fit:contain;flex:0 0 64px}.tip-body{flex:1;min-width:0}.tip-button{border:0;background:#fff1b8;border-radius:10px;padding:11px 15px;min-height:44px;color:#493a08;font-weight:800;text-align:left}.tip-button:hover:not(:disabled){background:var(--gold)}.tip-button:disabled{cursor:default;background:#f7f1dc;color:#60552c}.tip-text{font-size:1rem;line-height:1.65;margin-top:12px}.tip-text p{margin:8px 0}.tip-step{display:block;font-weight:800;color:var(--navy);font-size:.875rem}.feedback{font-size:1rem;line-height:1.65;border:1px solid currentColor}.feedback strong{font-size:1.15rem}.hint-summary{font-size:1rem;line-height:1.5;color:var(--muted)}
button:focus-visible,select:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.bonus-card{border-top:6px solid var(--gold)!important}.bonus-card .tip-card{margin-bottom:20px}.bonus-feedback{font-size:1rem}.bonus-feedback.good,.bonus-feedback.solution{padding:14px 16px;border:2px solid #0a716c;border-radius:12px;background:#e5f7f3;color:#075d59;font-weight:800}.bonus-feedback.bad{padding:14px 16px;border:2px solid #b77816;border-radius:12px;background:#fff7df;color:#684307}.result-card h2{line-height:1.15}footer{font-size:.875rem;margin-top:32px}
@media(max-width:760px){.shell{padding:16px}.welcome{grid-template-columns:1fr}.intro{padding:24px}.mode-grid{grid-template-columns:1fr 1fr}.mode{min-height:158px}.progress-card{min-height:0}.welcome-guide{gap:12px}.welcome-guide img{width:76px;height:76px}.welcome-guide h2{font-size:1.8rem}.round-path{margin-bottom:16px}.quiz-card{min-height:0}.visual-task{padding:12px}.counter{font-size:.9rem}.tip-card{padding:12px;gap:9px}.tip-guide{width:48px;height:48px;flex-basis:48px}}
@media(max-width:420px){.shell{padding:12px}.mode-grid{grid-template-columns:1fr}.mode{min-height:0;padding:16px 18px}.mode strong{margin:7px 0}.intro{padding:20px}.welcome-guide h2{font-size:1.55rem}.welcome-guide img{width:64px;height:64px}.quiz-card{padding:20px 16px}.score-chip{font-size:.875rem}.question{font-size:1.4rem}.tip-card{flex-wrap:wrap}.tip-body{min-width:160px}.order-row{padding:8px;gap:6px}.order-controls{gap:4px}.move{width:44px}.order-num{width:26px;height:26px}.bonus-card{padding:20px!important}}