:root{--ink:#12161e;--muted:#5c6573;--paper:#f4efe4;--card:#fffcf6;--line:#ddd4c4;--navy:#16324f;--navy-2:#0e2236;--gold:#c4a35a;--gold-2:#e8d5a3;--good:#1d6b45;--bad:#b42318;--focus:#16324f;--shadow:0 18px 40px #0e22361a;color:var(--ink);background:var(--paper);font-family:Lato,Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,select{font:inherit;cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.shell{background:radial-gradient(1200px 420px at 50% -80px, #1c3d5e 0%, transparent 70%), var(--paper);min-height:100dvh}.flag{background:linear-gradient(90deg,#111 0 33.3%,#d4a017 33.3% 66.6%,#b42318 66.6%);height:6px}.app{max-width:780px;margin:0 auto;padding:18px 18px 56px}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.brand{text-align:left;color:var(--navy);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand strong{letter-spacing:.01em;font-size:1rem;display:block}.brand small{color:var(--muted);font-size:.78rem;display:block}.mark{background:linear-gradient(#111 0 33%,#d4a017 33% 66%,#b42318 66%);border-radius:9px;width:34px;height:34px;box-shadow:inset 0 0 0 2px #ffffff40}.badge,.timer{background:var(--card);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;padding:7px 12px;font-size:.86rem}.timer{color:var(--navy);font-weight:700}.timer.warn{color:var(--bad)}.stack{gap:16px;display:grid}.hero h1,.briefing h1,.result h1,.legal h1{letter-spacing:-.02em;color:var(--navy-2);margin:0 0 10px;font-family:EB Garamond,Georgia,serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.15}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 8px;font-size:.72rem;font-weight:700}.lead,.last,.meta,.note,.hint{color:var(--muted);margin:0}.hint{margin:-8px 0 12px;font-size:.85rem}.word{border:0;border-bottom:2px dotted var(--navy);color:inherit;font:inherit;background:0 0;border-radius:0;min-height:auto;padding:0;font-weight:700;display:inline}.word.on{background:#f7e7b8;border-bottom-style:solid}.gloss{color:var(--navy);background:#eef3f8;border-radius:12px;margin:0 0 14px;padding:12px 14px}.meta.right{text-align:right}.modes{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mode{text-align:left;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:22px;gap:8px;min-height:220px;padding:22px 20px 18px;transition:transform .18s,box-shadow .18s;display:grid}.mode:hover{transform:translateY(-2px)}.mode.official{color:#f7f1e4;background:linear-gradient(#16324f 0%,#0e2236 100%);border:0}.mode.official p{color:#d7cbb3}.mode.learn{background:var(--card)}.mode.daily{border-color:var(--gold);background:#fff8e8;min-height:0}.mode h2{margin:4px 0 0;font-family:EB Garamond,Georgia,serif;font-size:1.55rem}.mode p{margin:0;font-size:.95rem}.mode-cta{align-items:center;min-height:44px;margin-top:auto;font-weight:700;display:inline-flex}.mode.official .mode-cta{color:var(--gold-2)}.mode.learn .mode-cta{color:var(--navy)}.ico{width:28px;height:28px}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:22px}.question h2{margin:0 0 16px;font-family:EB Garamond,Georgia,serif;font-size:1.45rem;line-height:1.3}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stats article{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:16px;padding:14px 10px}.stats strong{color:var(--navy);font-size:1.25rem;display:block}.stats span{color:var(--muted);font-size:.78rem}.topics-title{color:var(--navy-2);margin:0 0 8px;font-family:EB Garamond,Georgia,serif;font-size:1.45rem}.topic-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.topic-row{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1fr auto;grid-template-areas:"name meta""bar bar";gap:4px 10px;width:100%;min-height:48px;padding:12px;display:grid}.topic-name{grid-area:name;font-weight:700}.topic-meta{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:meta;font-size:.85rem}.topic-bar{background:#e6dcc8;border-radius:99px;grid-area:bar;height:6px;overflow:hidden}.topic-bar i{background:var(--navy);height:100%;display:block}.topic-bar.bad i{background:var(--bad)}.topic-bar.mid i{background:var(--gold)}.topic-bar.good i{background:var(--good)}.topic-bar.none i{width:0}.hist{border-bottom:1px solid var(--line);align-items:flex-end;gap:8px;height:120px;margin:16px 0 8px;padding:0 4px 22px;display:flex;position:relative}.hist-line{border-top:2px dashed var(--gold);pointer-events:none;position:absolute;left:0;right:0}.hist-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.hist-bar{border-radius:6px 6px 2px 2px;width:100%;max-width:28px;min-height:4px}.hist-bar.pass{background:var(--good)}.hist-bar.fail{background:var(--bad)}.hist-col small{color:var(--muted);font-variant-numeric:tabular-nums}.secondary,.bar{flex-wrap:wrap;gap:10px;display:flex}.bar{justify-content:space-between}.chip,.btn{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:12px;padding:10px 16px;transition:background .16s,transform .16s}.chip:hover,.btn:hover{background:#f7f1e4}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.primary:hover{background:var(--navy-2)}.btn:disabled{opacity:.4;cursor:not-allowed}.rules{gap:8px;margin:0 0 20px;padding:0 0 0 18px;display:grid}.hud{gap:8px;display:grid}.track{background:#e6dcc8;border-radius:99px;height:6px;overflow:hidden}.track i{background:var(--navy);height:100%;display:block}.qimg{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;max-height:280px;margin-bottom:12px}.choices{gap:10px;display:grid}.choice{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;align-items:flex-start;gap:12px;min-height:56px;padding:14px;transition:border-color .16s,background .16s;display:flex}.choice span{background:var(--paper);border-radius:50%;flex:0 0 30px;place-items:center;height:30px;font-size:.82rem;font-weight:700;display:grid}.choice.selected{border-color:var(--navy);box-shadow:0 0 0 3px #16324f1f}.choice.good{border-color:var(--good);background:#eef7f1}.choice.bad{border-color:var(--bad);background:#fdeeee}.choice:disabled{cursor:default}.why{background:#f7f1dc;border-radius:14px;margin:16px 0 0;padding:14px 16px}.why.ok{background:#eef7f1}.why.bad{background:#fdeeee}.why strong{margin-bottom:4px;display:block}.why p{margin:0 0 8px}.why-label{font-weight:700;margin:10px 0 6px!important}.dict{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dict li{background:#ffffffb3;border-radius:10px;padding:10px 12px;line-height:1.4}.dict li.hit{box-shadow:inset 0 0 0 1px var(--good);background:#e7f5ec}.dict li strong{font-weight:700;display:inline}.why-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.why-list li{background:#ffffffa6;border-radius:10px;padding:8px 10px}.why-list span{margin-bottom:2px;font-weight:700;display:block}.navmap{grid-template-columns:repeat(11,1fr);gap:6px;display:grid}.dot{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:36px;padding:0;font-size:.75rem}.dot.done{background:var(--navy);color:#fff;border-color:var(--navy)}.dot.current{box-shadow:0 0 0 2px var(--gold)}.result.pass{border-color:var(--good)}.result.fail{border-color:var(--bad)}.review{gap:10px;margin:0;padding:0;list-style:none;display:grid}.review li{border:1px solid var(--line);background:#fff;border-radius:14px;gap:4px;padding:14px;display:grid}.review .ok{border-color:#cfe8d8}.review .bad{border-color:#f3c4c0}.review em{color:var(--muted);font-style:normal}.filter{color:var(--muted);gap:6px;font-size:.9rem;display:grid}.filter select{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:48px;padding:8px 10px}footer{color:var(--muted);justify-content:space-between;gap:12px;margin-top:32px;font-size:.82rem;display:flex}footer button{color:var(--navy);background:0 0;border:0;min-height:44px;padding:0}.legal p{color:var(--muted)}@media (width<=700px){.modes{grid-template-columns:1fr}.navmap{grid-template-columns:repeat(9,1fr)}}@media (width<=520px){.stats{grid-template-columns:1fr}.navmap{grid-template-columns:repeat(6,1fr)}.hero h1{font-size:2rem}}@media (prefers-reduced-motion:reduce){.mode,.btn,.choice{transition:none}.mode:hover{transform:none}}