:root{--classic-bg-top:#0a0f2c;--classic-bg-bot:#1a1650;--classic-acc-1:#ffc93c;--classic-acc-2:#ff6b6b;--classic-acc-3:#2ec4b6;--classic-acc-4:#9b7bff;--green:#2ed47a;--red:#ff4d5e;--ma-bg:var(--classic-bg-top);--ma-card:#ffffff14;--ma-text:#fff;--ma-hint:#ffffffb3;--ma-button:var(--classic-acc-1);--ma-button-text:#0a0f2c}:root[data-scheme=light]{--ma-card:#0a0f2c0f;--ma-text:#0a0f2c;--ma-hint:#0a0f2c99}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{background:var(--ma-bg);background-image:linear-gradient(180deg, var(--ma-bg), var(--classic-bg-bot));color:var(--ma-text);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}:root[data-scheme=light] body{background-image:none}.ma{max-width:560px;min-height:100dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.kicker{color:var(--classic-acc-1);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.title{overflow-wrap:anywhere;margin:0;font-size:26px;font-weight:800}.hint{color:var(--ma-hint);overflow-wrap:anywhere;margin:0}.score{color:var(--classic-acc-1);font-variant-numeric:tabular-nums;margin:0;font-size:56px;font-weight:800}.btn{background:var(--ma-button);width:100%;max-width:360px;min-height:48px;color:var(--ma-button-text);font:inherit;cursor:pointer;border:0;border-radius:14px;padding:12px 20px;font-weight:700}.btn:disabled{opacity:.6}.q{flex-direction:column;flex:1;gap:14px;display:flex}.q__head{color:var(--ma-hint);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.q__time{color:var(--classic-acc-1);font-weight:700}.bar{background:var(--ma-card);border-radius:3px;height:6px;overflow:hidden}.bar__fill{background:linear-gradient(90deg, var(--classic-acc-2), var(--classic-acc-1));transform-origin:0;height:100%;transition:transform .2s linear}.q__text{overflow-wrap:anywhere;margin:4px 0;font-size:21px;font-weight:700}.opts{flex-direction:column;gap:10px;display:flex}.opt{background:var(--ma-card);width:100%;min-height:52px;color:var(--ma-text);font:inherit;text-align:left;cursor:pointer;border:2px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.opt:disabled{cursor:default}.opt__letter{background:var(--classic-acc-4);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:inline-grid}.opt:nth-child(2) .opt__letter{background:var(--classic-acc-2)}.opt:nth-child(3) .opt__letter{background:var(--classic-acc-3)}.opt:nth-child(4) .opt__letter{background:var(--classic-acc-1);color:#0a0f2c}.opt__text{overflow-wrap:anywhere;min-width:0}.opt--picked{border-color:var(--ma-hint)}.opt--right{border-color:var(--green);background:color-mix(in srgb, var(--green) 22%, transparent)}.opt--wrong{border-color:var(--red);background:color-mix(in srgb, var(--red) 22%, transparent)}.fb{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:auto;display:flex}.fb__title{margin:0;font-size:20px;font-weight:800}.fb__expl{color:var(--ma-hint);overflow-wrap:anywhere;margin:0}.ok{color:var(--green)}.bad{color:var(--red)}